Website : rimsha.abasa.com
backdoor
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
canvas
/
node_modules
/
@instructure
/
ui-progress
/
es
/
ProgressBar
/
Filename :
theme.js
back
Copy
/* * The MIT License (MIT) * * Copyright (c) 2015 - present Instructure, Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. */ /** * Generates the theme object for the component from the theme and provided additional information * @param {Object} theme The actual theme object. * @return {Object} The final theme object with the overrides and component variables */ const generateComponentTheme = theme => { const borders = theme.borders, colors = theme.colors, spacing = theme.spacing, typography = theme.typography, themeName = theme.key; const themeSpecificStyle = { canvas: { meterColorBrand: theme['ic-brand-primary'] }, 'canvas-high-contrast': { meterColorBrandInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, meterColorSuccessInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, meterColorInfoInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, meterColorAlertInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, meterColorWarningInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, meterColorDangerInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest } }; const componentVariables = { fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily, fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal, lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed, fontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium, xSmallHeight: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall, xSmallValueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall, smallHeight: '1.125rem', // product design wants = 18px smallValueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeXSmall, mediumHeight: spacing === null || spacing === void 0 ? void 0 : spacing.medium, mediumValueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall, largeHeight: spacing === null || spacing === void 0 ? void 0 : spacing.large, largeValueFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium, valuePadding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall}`, // variables are split out for inverse to allow // color value changes for inverse-high-constrast meterColorBrand: colors === null || colors === void 0 ? void 0 : colors.backgroundBrand, meterColorBrandInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundBrand, meterColorInfo: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo, meterColorInfoInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo, meterColorSuccess: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess, meterColorSuccessInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess, meterColorDanger: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger, meterColorDangerInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger, meterColorAlert: colors === null || colors === void 0 ? void 0 : colors.backgroundAlert, meterColorAlertInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundAlert, meterColorWarning: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning, meterColorWarningInverse: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning, meterBorderWidthInverse: borders === null || borders === void 0 ? void 0 : borders.widthSmall, meterBorderColorInverse: 'transparent', trackColor: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, trackColorInverse: 'transparent', trackBottomBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall, trackBottomBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium, trackBottomBorderColorInverse: colors === null || colors === void 0 ? void 0 : colors.borderLightest }; return { ...componentVariables, ...themeSpecificStyle[themeName] }; }; export default generateComponentTheme;