@fluentui/react-theme 9.0.0-alpha.9 → 9.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +486 -1
- package/CHANGELOG.md +197 -2
- package/dist/react-theme.d.ts +367 -0
- package/lib/alias/dark.d.ts +3 -0
- package/lib/alias/dark.js +155 -0
- package/lib/alias/dark.js.map +1 -0
- package/lib/alias/highContrast.d.ts +3 -0
- package/lib/alias/highContrast.js +155 -0
- package/lib/alias/highContrast.js.map +1 -0
- package/lib/alias/light.d.ts +3 -0
- package/lib/alias/light.js +155 -0
- package/lib/alias/light.js.map +1 -0
- package/lib/alias/teamsDark.d.ts +3 -0
- package/lib/alias/teamsDark.js +155 -0
- package/lib/alias/teamsDark.js.map +1 -0
- package/lib/global/borderRadius.d.ts +2 -2
- package/lib/global/borderRadius.js +7 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +3 -0
- package/lib/global/brandColors.js +33 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colors.d.ts +14 -60
- package/lib/global/colors.js +823 -835
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.d.ts +5 -6
- package/lib/global/fonts.js +32 -48
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.d.ts +0 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/strokeWidths.d.ts +2 -2
- package/lib/global/strokeWidths.js +5 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +2 -4
- package/lib/index.js +1 -3
- package/lib/index.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.d.ts +1 -1
- package/lib/themes/teams/darkTheme.js +3 -30
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.d.ts +1 -1
- package/lib/themes/teams/highContrastTheme.js +2 -13
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.d.ts +1 -1
- package/lib/themes/teams/lightTheme.js +3 -13
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.d.ts +1 -1
- package/lib/themes/web/darkTheme.js +3 -13
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.d.ts +1 -1
- package/lib/themes/web/highContrastTheme.js +2 -13
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.d.ts +1 -1
- package/lib/themes/web/lightTheme.js +3 -13
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tsdoc-metadata.json +11 -0
- package/lib/types.d.ts +241 -164
- package/lib/types.js +1 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.d.ts +2 -0
- package/lib/utils/createDarkTheme.js +18 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.d.ts +2 -0
- package/lib/utils/createHighContrastTheme.js +18 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.d.ts +2 -0
- package/lib/utils/createLightTheme.js +18 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib/utils/createTeamsDarkTheme.js +18 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/index.js +7 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/mergeThemes.d.ts +2 -8
- package/lib/utils/mergeThemes.js +12 -49
- package/lib/utils/mergeThemes.js.map +1 -1
- package/lib/utils/shadows.d.ts +3 -2
- package/lib/utils/shadows.js +9 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib/utils/themeToCSSVariables.d.ts +2 -2
- package/lib/utils/themeToCSSVariables.js +9 -19
- package/lib/utils/themeToCSSVariables.js.map +1 -1
- package/lib-commonjs/alias/dark.d.ts +3 -0
- package/lib-commonjs/alias/dark.js +165 -0
- package/lib-commonjs/alias/dark.js.map +1 -0
- package/lib-commonjs/alias/highContrast.d.ts +3 -0
- package/lib-commonjs/alias/highContrast.js +165 -0
- package/lib-commonjs/alias/highContrast.js.map +1 -0
- package/lib-commonjs/alias/light.d.ts +3 -0
- package/lib-commonjs/alias/light.js +165 -0
- package/lib-commonjs/alias/light.js.map +1 -0
- package/lib-commonjs/alias/teamsDark.d.ts +3 -0
- package/lib-commonjs/alias/teamsDark.js +165 -0
- package/lib-commonjs/alias/teamsDark.js.map +1 -0
- package/lib-commonjs/global/borderRadius.d.ts +2 -2
- package/lib-commonjs/global/borderRadius.js +11 -7
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +3 -0
- package/lib-commonjs/global/brandColors.js +39 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colors.d.ts +14 -60
- package/lib-commonjs/global/colors.js +825 -833
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.d.ts +5 -6
- package/lib-commonjs/global/fonts.js +33 -45
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.d.ts +0 -1
- package/lib-commonjs/global/index.js +10 -3
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.d.ts +2 -2
- package/lib-commonjs/global/strokeWidths.js +9 -5
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -4
- package/lib-commonjs/index.js +9 -6
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themes/index.js +8 -2
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +10 -30
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +9 -14
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +9 -2
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +11 -14
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +11 -14
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +9 -14
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +9 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +11 -14
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/types.d.ts +241 -164
- package/lib-commonjs/types.js +4 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createDarkTheme.js +30 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
- package/lib-commonjs/utils/createLightTheme.js +30 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.d.ts +6 -0
- package/lib-commonjs/utils/index.js +28 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/mergeThemes.d.ts +2 -8
- package/lib-commonjs/utils/mergeThemes.js +19 -51
- package/lib-commonjs/utils/mergeThemes.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +3 -2
- package/lib-commonjs/utils/shadows.js +17 -11
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +2 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +16 -20
- package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
- package/package.json +11 -8
- package/just.config.ts +0 -3
- package/lib/global/utils.d.ts +0 -23
- package/lib/global/utils.js +0 -27
- package/lib/global/utils.js.map +0 -1
- package/lib/themes/teams/globalTheme.d.ts +0 -22
- package/lib/themes/teams/globalTheme.js +0 -3
- package/lib/themes/teams/globalTheme.js.map +0 -1
- package/lib/themes/web/globalTheme.d.ts +0 -22
- package/lib/themes/web/globalTheme.js +0 -3
- package/lib/themes/web/globalTheme.js.map +0 -1
- package/lib/utils/dark/colors.d.ts +0 -8
- package/lib/utils/dark/colors.js +0 -83
- package/lib/utils/dark/colors.js.map +0 -1
- package/lib/utils/dark/index.d.ts +0 -1
- package/lib/utils/dark/index.js +0 -2
- package/lib/utils/dark/index.js.map +0 -1
- package/lib/utils/highContrast/colors.d.ts +0 -6
- package/lib/utils/highContrast/colors.js +0 -83
- package/lib/utils/highContrast/colors.js.map +0 -1
- package/lib/utils/highContrast/index.d.ts +0 -1
- package/lib/utils/highContrast/index.js +0 -2
- package/lib/utils/highContrast/index.js.map +0 -1
- package/lib/utils/light/colors.d.ts +0 -8
- package/lib/utils/light/colors.js +0 -83
- package/lib/utils/light/colors.js.map +0 -1
- package/lib/utils/light/index.d.ts +0 -1
- package/lib/utils/light/index.js +0 -2
- package/lib/utils/light/index.js.map +0 -1
- package/lib-amd/global/borderRadius.d.ts +0 -2
- package/lib-amd/global/borderRadius.js +0 -13
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/colors.d.ts +0 -61
- package/lib-amd/global/colors.js +0 -841
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/fonts.d.ts +0 -6
- package/lib-amd/global/fonts.js +0 -57
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.d.ts +0 -5
- package/lib-amd/global/index.js +0 -10
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/strokeWidths.d.ts +0 -2
- package/lib-amd/global/strokeWidths.js +0 -11
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/utils.d.ts +0 -23
- package/lib-amd/global/utils.js +0 -26
- package/lib-amd/global/utils.js.map +0 -1
- package/lib-amd/index.d.ts +0 -5
- package/lib-amd/index.js +0 -9
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/themes/index.d.ts +0 -2
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.d.ts +0 -2
- package/lib-amd/themes/teams/darkTheme.js +0 -30
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/globalTheme.d.ts +0 -22
- package/lib-amd/themes/teams/globalTheme.js +0 -6
- package/lib-amd/themes/teams/globalTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-amd/themes/teams/highContrastTheme.js +0 -13
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.d.ts +0 -3
- package/lib-amd/themes/teams/index.js +0 -8
- package/lib-amd/themes/teams/index.js.map +0 -1
- package/lib-amd/themes/teams/lightTheme.d.ts +0 -2
- package/lib-amd/themes/teams/lightTheme.js +0 -13
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.d.ts +0 -2
- package/lib-amd/themes/web/darkTheme.js +0 -13
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/globalTheme.d.ts +0 -22
- package/lib-amd/themes/web/globalTheme.js +0 -6
- package/lib-amd/themes/web/globalTheme.js.map +0 -1
- package/lib-amd/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-amd/themes/web/highContrastTheme.js +0 -13
- package/lib-amd/themes/web/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/web/index.d.ts +0 -3
- package/lib-amd/themes/web/index.js +0 -8
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.d.ts +0 -2
- package/lib-amd/themes/web/lightTheme.js +0 -13
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/types.d.ts +0 -290
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/dark/colors.d.ts +0 -8
- package/lib-amd/utils/dark/colors.js +0 -87
- package/lib-amd/utils/dark/colors.js.map +0 -1
- package/lib-amd/utils/dark/index.d.ts +0 -1
- package/lib-amd/utils/dark/index.js +0 -6
- package/lib-amd/utils/dark/index.js.map +0 -1
- package/lib-amd/utils/highContrast/colors.d.ts +0 -6
- package/lib-amd/utils/highContrast/colors.js +0 -87
- package/lib-amd/utils/highContrast/colors.js.map +0 -1
- package/lib-amd/utils/highContrast/index.d.ts +0 -1
- package/lib-amd/utils/highContrast/index.js +0 -6
- package/lib-amd/utils/highContrast/index.js.map +0 -1
- package/lib-amd/utils/light/colors.d.ts +0 -8
- package/lib-amd/utils/light/colors.js +0 -87
- package/lib-amd/utils/light/colors.js.map +0 -1
- package/lib-amd/utils/light/index.d.ts +0 -1
- package/lib-amd/utils/light/index.js +0 -6
- package/lib-amd/utils/light/index.js.map +0 -1
- package/lib-amd/utils/mergeThemes.d.ts +0 -8
- package/lib-amd/utils/mergeThemes.js +0 -58
- package/lib-amd/utils/mergeThemes.js.map +0 -1
- package/lib-amd/utils/shadows.d.ts +0 -2
- package/lib-amd/utils/shadows.js +0 -16
- package/lib-amd/utils/shadows.js.map +0 -1
- package/lib-amd/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-amd/utils/themeToCSSVariables.js +0 -27
- package/lib-amd/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/global/utils.d.ts +0 -23
- package/lib-commonjs/global/utils.js +0 -29
- package/lib-commonjs/global/utils.js.map +0 -1
- package/lib-commonjs/themes/teams/globalTheme.d.ts +0 -22
- package/lib-commonjs/themes/teams/globalTheme.js +0 -5
- package/lib-commonjs/themes/teams/globalTheme.js.map +0 -1
- package/lib-commonjs/themes/web/globalTheme.d.ts +0 -22
- package/lib-commonjs/themes/web/globalTheme.js +0 -5
- package/lib-commonjs/themes/web/globalTheme.js.map +0 -1
- package/lib-commonjs/utils/dark/colors.d.ts +0 -8
- package/lib-commonjs/utils/dark/colors.js +0 -87
- package/lib-commonjs/utils/dark/colors.js.map +0 -1
- package/lib-commonjs/utils/dark/index.d.ts +0 -1
- package/lib-commonjs/utils/dark/index.js +0 -5
- package/lib-commonjs/utils/dark/index.js.map +0 -1
- package/lib-commonjs/utils/highContrast/colors.d.ts +0 -6
- package/lib-commonjs/utils/highContrast/colors.js +0 -87
- package/lib-commonjs/utils/highContrast/colors.js.map +0 -1
- package/lib-commonjs/utils/highContrast/index.d.ts +0 -1
- package/lib-commonjs/utils/highContrast/index.js +0 -5
- package/lib-commonjs/utils/highContrast/index.js.map +0 -1
- package/lib-commonjs/utils/light/colors.d.ts +0 -8
- package/lib-commonjs/utils/light/colors.js +0 -87
- package/lib-commonjs/utils/light/colors.js.map +0 -1
- package/lib-commonjs/utils/light/index.d.ts +0 -1
- package/lib-commonjs/utils/light/index.js +0 -5
- package/lib-commonjs/utils/light/index.js.map +0 -1
@@ -1,87 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.subtleColorTokens = {
|
5
|
-
background: 'transparent',
|
6
|
-
backgroundHover: index_1.grey[96],
|
7
|
-
backgroundPressed: index_1.grey[88],
|
8
|
-
backgroundSelected: index_1.grey[92],
|
9
|
-
};
|
10
|
-
exports.transparentColorTokens = {
|
11
|
-
background: 'transparent',
|
12
|
-
backgroundHover: 'transparent',
|
13
|
-
backgroundPressed: 'transparent',
|
14
|
-
backgroundSelected: 'transparent',
|
15
|
-
};
|
16
|
-
function createBrandColorTokens(brand) {
|
17
|
-
return {
|
18
|
-
brandBackground: brand.primary,
|
19
|
-
brandBackgroundHover: brand.shade10,
|
20
|
-
brandBackgroundPressed: brand.shade40,
|
21
|
-
brandBackgroundSelected: brand.shade20,
|
22
|
-
brandBackgroundStatic: brand.primary,
|
23
|
-
};
|
24
|
-
}
|
25
|
-
exports.createBrandColorTokens = createBrandColorTokens;
|
26
|
-
function createNeutralColorTokens(brand, customValues) {
|
27
|
-
if (customValues === void 0) { customValues = {}; }
|
28
|
-
return tslib_1.__assign({ neutralForeground1: index_1.grey[14], neutralForeground2: index_1.grey[26], neutralForeground2Hover: index_1.grey[14], neutralForeground2Pressed: index_1.grey[14], neutralForeground2Selected: index_1.grey[14], brandForeground2Hover: brand.primary, brandForeground2Pressed: brand.shade10, brandForeground2Selected: brand.primary, neutralForeground3: index_1.grey[38], neutralForeground3Hover: index_1.grey[26], neutralForeground3Pressed: index_1.grey[26], neutralForeground3Selected: index_1.grey[26], brandForeground3Hover: brand.primary, brandForeground3Pressed: brand.shade10, brandForeground3Selected: brand.primary, neutralForeground4: index_1.grey[50], neutralForegroundDisabled: index_1.grey[74], brandForeground: brand.shade10, brandForegroundHover: brand.shade20, brandForegroundPressed: brand.shade40, brandForegroundSelected: brand.shade10, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.white, neutralBackground1: index_1.white, neutralBackground1Hover: index_1.grey[96], neutralBackground1Pressed: index_1.grey[88], neutralBackground1Selected: index_1.grey[92], neutralBackground2: index_1.grey[98], neutralBackground2Hover: index_1.grey[94], neutralBackground2Pressed: index_1.grey[86], neutralBackground2Selected: index_1.grey[90], neutralBackground3: index_1.grey[96], neutralBackground3Hover: index_1.grey[92], neutralBackground3Pressed: index_1.grey[84], neutralBackground3Selected: index_1.grey[88], neutralBackground4: index_1.grey[94], neutralBackground4Hover: index_1.grey[98], neutralBackground4Pressed: index_1.grey[96], neutralBackground4Selected: index_1.white, neutralBackground5: index_1.grey[92], neutralBackground5Hover: index_1.grey[96], neutralBackground5Pressed: index_1.grey[94], neutralBackground5Selected: index_1.grey[98], neutralBackground6: index_1.grey[90], neutralBackgroundDisabled: index_1.grey[94], neutralStrokeAccessible: index_1.grey[38], neutralStrokeAccessibleHover: index_1.grey[34], neutralStrokeAccessiblePressed: index_1.grey[30], neutralStrokeAccessibleSelected: brand.primary, neutralStroke1: index_1.grey[82], neutralStroke1Hover: index_1.grey[78], neutralStroke1Pressed: index_1.grey[70], neutralStroke1Selected: index_1.grey[74], neutralStroke2: index_1.grey[88], neutralStroke3: index_1.grey[94], neutralStrokeDisabled: index_1.grey[88], strokeAccessible: 'transparent', strokeAccessibleInteractive: 'transparent', strokeAccessibleDisabled: 'transparent', neutralShadowAmbient: 'rgba(0,0,0,0.12)', neutralShadowKey: 'rgba(0,0,0,0.14)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', neutralShadowKeyLighter: 'rgba(0,0,0,0.07)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', neutralShadowKeyDarker: 'rgba(0,0,0,0.24)' }, customValues);
|
29
|
-
}
|
30
|
-
exports.createNeutralColorTokens = createNeutralColorTokens;
|
31
|
-
function createSharedColorTokens(color, customValues) {
|
32
|
-
if (customValues === void 0) { customValues = {}; }
|
33
|
-
return tslib_1.__assign({ background1: color.tint60, background2: color.tint40, background3: color.primary, foreground1: color.primary, foreground2: color.shade30, foreground3: color.primary, borderActive: color.primary, border2: color.primary }, customValues);
|
34
|
-
}
|
35
|
-
exports.sharedColorTokens = {
|
36
|
-
darkRed: createSharedColorTokens(index_1.sharedColors.darkRed),
|
37
|
-
burgundy: createSharedColorTokens(index_1.sharedColors.burgundy),
|
38
|
-
cranberry: createSharedColorTokens(index_1.sharedColors.cranberry),
|
39
|
-
red: createSharedColorTokens(index_1.sharedColors.red),
|
40
|
-
darkOrange: createSharedColorTokens(index_1.sharedColors.darkOrange),
|
41
|
-
bronze: createSharedColorTokens(index_1.sharedColors.bronze),
|
42
|
-
pumpkin: createSharedColorTokens(index_1.sharedColors.pumpkin),
|
43
|
-
orange: createSharedColorTokens(index_1.sharedColors.orange),
|
44
|
-
peach: createSharedColorTokens(index_1.sharedColors.peach),
|
45
|
-
marigold: createSharedColorTokens(index_1.sharedColors.marigold),
|
46
|
-
yellow: createSharedColorTokens(index_1.sharedColors.yellow),
|
47
|
-
gold: createSharedColorTokens(index_1.sharedColors.gold),
|
48
|
-
brass: createSharedColorTokens(index_1.sharedColors.brass),
|
49
|
-
brown: createSharedColorTokens(index_1.sharedColors.brown),
|
50
|
-
darkBrown: createSharedColorTokens(index_1.sharedColors.darkBrown),
|
51
|
-
lime: createSharedColorTokens(index_1.sharedColors.lime),
|
52
|
-
forest: createSharedColorTokens(index_1.sharedColors.forest),
|
53
|
-
seafoam: createSharedColorTokens(index_1.sharedColors.seafoam),
|
54
|
-
lightGreen: createSharedColorTokens(index_1.sharedColors.lightGreen),
|
55
|
-
green: createSharedColorTokens(index_1.sharedColors.green),
|
56
|
-
darkGreen: createSharedColorTokens(index_1.sharedColors.darkGreen),
|
57
|
-
lightTeal: createSharedColorTokens(index_1.sharedColors.lightTeal),
|
58
|
-
teal: createSharedColorTokens(index_1.sharedColors.teal),
|
59
|
-
darkTeal: createSharedColorTokens(index_1.sharedColors.darkTeal),
|
60
|
-
cyan: createSharedColorTokens(index_1.sharedColors.cyan),
|
61
|
-
steel: createSharedColorTokens(index_1.sharedColors.steel),
|
62
|
-
lightBlue: createSharedColorTokens(index_1.sharedColors.lightBlue),
|
63
|
-
blue: createSharedColorTokens(index_1.sharedColors.blue),
|
64
|
-
royalBlue: createSharedColorTokens(index_1.sharedColors.royalBlue),
|
65
|
-
darkBlue: createSharedColorTokens(index_1.sharedColors.darkBlue),
|
66
|
-
cornflower: createSharedColorTokens(index_1.sharedColors.cornflower),
|
67
|
-
navy: createSharedColorTokens(index_1.sharedColors.navy),
|
68
|
-
lavender: createSharedColorTokens(index_1.sharedColors.lavender),
|
69
|
-
purple: createSharedColorTokens(index_1.sharedColors.purple),
|
70
|
-
darkPurple: createSharedColorTokens(index_1.sharedColors.darkPurple),
|
71
|
-
orchid: createSharedColorTokens(index_1.sharedColors.orchid),
|
72
|
-
grape: createSharedColorTokens(index_1.sharedColors.grape),
|
73
|
-
berry: createSharedColorTokens(index_1.sharedColors.berry),
|
74
|
-
lilac: createSharedColorTokens(index_1.sharedColors.lilac),
|
75
|
-
pink: createSharedColorTokens(index_1.sharedColors.pink),
|
76
|
-
hotPink: createSharedColorTokens(index_1.sharedColors.hotPink),
|
77
|
-
magenta: createSharedColorTokens(index_1.sharedColors.magenta),
|
78
|
-
plum: createSharedColorTokens(index_1.sharedColors.plum),
|
79
|
-
beige: createSharedColorTokens(index_1.sharedColors.beige),
|
80
|
-
mink: createSharedColorTokens(index_1.sharedColors.mink),
|
81
|
-
silver: createSharedColorTokens(index_1.sharedColors.silver),
|
82
|
-
platinum: createSharedColorTokens(index_1.sharedColors.platinum),
|
83
|
-
anchor: createSharedColorTokens(index_1.sharedColors.anchor),
|
84
|
-
charcoal: createSharedColorTokens(index_1.sharedColors.charcoal),
|
85
|
-
};
|
86
|
-
});
|
87
|
-
//# sourceMappingURL=colors.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/light/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n NeutralColorTokens,\n SharedColorTokens,\n ColorVariants,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandVariants,\n BrandColorTokens,\n} from '../../types';\nimport { grey, white, sharedColors } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'transparent',\n backgroundHover: grey[96],\n backgroundPressed: grey[88],\n backgroundSelected: grey[92],\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'transparent',\n backgroundHover: 'transparent',\n backgroundPressed: 'transparent',\n backgroundSelected: 'transparent',\n};\n\nexport function createBrandColorTokens(brand: BrandVariants): BrandColorTokens {\n return {\n brandBackground: brand.primary,\n brandBackgroundHover: brand.shade10,\n brandBackgroundPressed: brand.shade40,\n brandBackgroundSelected: brand.shade20,\n brandBackgroundStatic: brand.primary,\n };\n}\n\nexport function createNeutralColorTokens(\n brand: ColorVariants,\n customValues: { [P in keyof NeutralColorTokens]?: string } = {},\n): NeutralColorTokens {\n return {\n neutralForeground1: grey[14],\n\n neutralForeground2: grey[26],\n neutralForeground2Hover: grey[14],\n neutralForeground2Pressed: grey[14],\n neutralForeground2Selected: grey[14],\n brandForeground2Hover: brand.primary,\n brandForeground2Pressed: brand.shade10,\n brandForeground2Selected: brand.primary,\n\n neutralForeground3: grey[38],\n neutralForeground3Hover: grey[26],\n neutralForeground3Pressed: grey[26],\n neutralForeground3Selected: grey[26],\n brandForeground3Hover: brand.primary,\n brandForeground3Pressed: brand.shade10,\n brandForeground3Selected: brand.primary,\n\n neutralForeground4: grey[50],\n\n neutralForegroundDisabled: grey[74],\n\n brandForeground: brand.shade10,\n brandForegroundHover: brand.shade20,\n brandForegroundPressed: brand.shade40,\n brandForegroundSelected: brand.shade10,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: white,\n\n neutralBackground1: white,\n neutralBackground1Hover: grey[96],\n neutralBackground1Pressed: grey[88],\n neutralBackground1Selected: grey[92],\n\n neutralBackground2: grey[98],\n neutralBackground2Hover: grey[94],\n neutralBackground2Pressed: grey[86],\n neutralBackground2Selected: grey[90],\n\n neutralBackground3: grey[96],\n neutralBackground3Hover: grey[92],\n neutralBackground3Pressed: grey[84],\n neutralBackground3Selected: grey[88],\n\n neutralBackground4: grey[94],\n neutralBackground4Hover: grey[98],\n neutralBackground4Pressed: grey[96],\n neutralBackground4Selected: white,\n\n neutralBackground5: grey[92],\n neutralBackground5Hover: grey[96],\n neutralBackground5Pressed: grey[94],\n neutralBackground5Selected: grey[98],\n\n neutralBackground6: grey[90],\n\n neutralBackgroundDisabled: grey[94],\n\n neutralStrokeAccessible: grey[38],\n neutralStrokeAccessibleHover: grey[34],\n neutralStrokeAccessiblePressed: grey[30],\n neutralStrokeAccessibleSelected: brand.primary,\n\n neutralStroke1: grey[82],\n neutralStroke1Hover: grey[78],\n neutralStroke1Pressed: grey[70],\n neutralStroke1Selected: grey[74],\n\n neutralStroke2: grey[88],\n\n neutralStroke3: grey[94],\n\n neutralStrokeDisabled: grey[88],\n\n strokeAccessible: 'transparent',\n strokeAccessibleInteractive: 'transparent',\n strokeAccessibleDisabled: 'transparent',\n\n neutralShadowAmbient: 'rgba(0,0,0,0.12)',\n neutralShadowKey: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(color: ColorVariants, customValues: Record<string, string> = {}): SharedColorTokens {\n return {\n background1: color.tint60,\n background2: color.tint40,\n background3: color.primary,\n foreground1: color.primary,\n foreground2: color.shade30,\n foreground3: color.primary,\n borderActive: color.primary,\n border2: color.primary,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(sharedColors.darkRed),\n burgundy: createSharedColorTokens(sharedColors.burgundy),\n cranberry: createSharedColorTokens(sharedColors.cranberry),\n red: createSharedColorTokens(sharedColors.red),\n darkOrange: createSharedColorTokens(sharedColors.darkOrange),\n bronze: createSharedColorTokens(sharedColors.bronze),\n pumpkin: createSharedColorTokens(sharedColors.pumpkin),\n orange: createSharedColorTokens(sharedColors.orange),\n peach: createSharedColorTokens(sharedColors.peach),\n marigold: createSharedColorTokens(sharedColors.marigold),\n yellow: createSharedColorTokens(sharedColors.yellow),\n gold: createSharedColorTokens(sharedColors.gold),\n brass: createSharedColorTokens(sharedColors.brass),\n brown: createSharedColorTokens(sharedColors.brown),\n darkBrown: createSharedColorTokens(sharedColors.darkBrown),\n lime: createSharedColorTokens(sharedColors.lime),\n forest: createSharedColorTokens(sharedColors.forest),\n seafoam: createSharedColorTokens(sharedColors.seafoam),\n lightGreen: createSharedColorTokens(sharedColors.lightGreen),\n green: createSharedColorTokens(sharedColors.green),\n darkGreen: createSharedColorTokens(sharedColors.darkGreen),\n lightTeal: createSharedColorTokens(sharedColors.lightTeal),\n teal: createSharedColorTokens(sharedColors.teal),\n darkTeal: createSharedColorTokens(sharedColors.darkTeal),\n cyan: createSharedColorTokens(sharedColors.cyan),\n steel: createSharedColorTokens(sharedColors.steel),\n lightBlue: createSharedColorTokens(sharedColors.lightBlue),\n blue: createSharedColorTokens(sharedColors.blue),\n royalBlue: createSharedColorTokens(sharedColors.royalBlue),\n darkBlue: createSharedColorTokens(sharedColors.darkBlue),\n cornflower: createSharedColorTokens(sharedColors.cornflower),\n navy: createSharedColorTokens(sharedColors.navy),\n lavender: createSharedColorTokens(sharedColors.lavender),\n purple: createSharedColorTokens(sharedColors.purple),\n darkPurple: createSharedColorTokens(sharedColors.darkPurple),\n orchid: createSharedColorTokens(sharedColors.orchid),\n grape: createSharedColorTokens(sharedColors.grape),\n berry: createSharedColorTokens(sharedColors.berry),\n lilac: createSharedColorTokens(sharedColors.lilac),\n pink: createSharedColorTokens(sharedColors.pink),\n hotPink: createSharedColorTokens(sharedColors.hotPink),\n magenta: createSharedColorTokens(sharedColors.magenta),\n plum: createSharedColorTokens(sharedColors.plum),\n beige: createSharedColorTokens(sharedColors.beige),\n mink: createSharedColorTokens(sharedColors.mink), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(sharedColors.silver),\n platinum: createSharedColorTokens(sharedColors.platinum),\n anchor: createSharedColorTokens(sharedColors.anchor),\n charcoal: createSharedColorTokens(sharedColors.charcoal),\n};\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './colors';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/light/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { PartialTheme, Theme } from '../types';
|
2
|
-
/**
|
3
|
-
* Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
|
4
|
-
* together in the order provided. If an object creates a circular reference, it will assign the
|
5
|
-
* original reference.
|
6
|
-
*/
|
7
|
-
export declare function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T;
|
8
|
-
export declare function mergeThemes(a: Theme, b: PartialTheme | Theme): Theme;
|
@@ -1,58 +0,0 @@
|
|
1
|
-
define(["require", "exports"], function (require, exports) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
// TODO
|
5
|
-
// We should consider removal merge() function from this file, ideally it should not be required
|
6
|
-
// as probably themes will have flat shape
|
7
|
-
/**
|
8
|
-
* Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged
|
9
|
-
* together in the order provided. If an object creates a circular reference, it will assign the
|
10
|
-
* original reference.
|
11
|
-
*/
|
12
|
-
function merge(target) {
|
13
|
-
var args = [];
|
14
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
15
|
-
args[_i - 1] = arguments[_i];
|
16
|
-
}
|
17
|
-
for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {
|
18
|
-
var arg = args_1[_a];
|
19
|
-
_merge(target || {}, arg);
|
20
|
-
}
|
21
|
-
return target;
|
22
|
-
}
|
23
|
-
exports.merge = merge;
|
24
|
-
/**
|
25
|
-
* The _merge helper iterates through all props on source and assigns them to target.
|
26
|
-
* When the value is an object, we will create a deep clone of the object. However if
|
27
|
-
* there is a circular reference, the value will not be deep cloned and will persist
|
28
|
-
* the reference.
|
29
|
-
*/
|
30
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
31
|
-
function _merge(target, source, circularReferences) {
|
32
|
-
if (circularReferences === void 0) { circularReferences = []; }
|
33
|
-
circularReferences.push(source);
|
34
|
-
for (var name_1 in source) {
|
35
|
-
if (source.hasOwnProperty(name_1)) {
|
36
|
-
if (name_1 !== '__proto__' && name_1 !== 'constructor' && name_1 !== 'prototype') {
|
37
|
-
var value = source[name_1];
|
38
|
-
if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
|
39
|
-
var isCircularReference = circularReferences.indexOf(value) > -1;
|
40
|
-
target[name_1] = (isCircularReference
|
41
|
-
? value
|
42
|
-
: _merge(target[name_1] || {}, value, circularReferences));
|
43
|
-
}
|
44
|
-
else {
|
45
|
-
target[name_1] = value;
|
46
|
-
}
|
47
|
-
}
|
48
|
-
}
|
49
|
-
}
|
50
|
-
circularReferences.pop();
|
51
|
-
return target;
|
52
|
-
}
|
53
|
-
function mergeThemes(a, b) {
|
54
|
-
return merge({}, a, b);
|
55
|
-
}
|
56
|
-
exports.mergeThemes = mergeThemes;
|
57
|
-
});
|
58
|
-
//# sourceMappingURL=mergeThemes.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"mergeThemes.js","sourceRoot":"../src/","sources":["utils/mergeThemes.ts"],"names":[],"mappings":";;;IAEA,OAAO;IACP,gGAAgG;IAChG,0CAA0C;IAE1C;;;;OAIG;IACH,SAAgB,KAAK,CAAS,MAAkB;QAAE,cAAkD;aAAlD,UAAkD,EAAlD,qBAAkD,EAAlD,IAAkD;YAAlD,6BAAkD;;QAClG,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;YAAnB,IAAM,GAAG,aAAA;YACZ,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,GAAiB,CAAC,CAAC;SACzC;QAED,OAAO,MAAW,CAAC;IACrB,CAAC;IAND,sBAMC;IAED;;;;;OAKG;IACH,8DAA8D;IAC9D,SAAS,MAAM,CAAmB,MAAS,EAAE,MAAS,EAAE,kBAA8B;QAA9B,mCAAA,EAAA,uBAA8B;QACpF,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEhC,KAAK,IAAM,MAAI,IAAI,MAAM,EAAE;YACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAI,CAAC,EAAE;gBAC/B,IAAI,MAAI,KAAK,WAAW,IAAI,MAAI,KAAK,aAAa,IAAI,MAAI,KAAK,WAAW,EAAE;oBAC1E,IAAM,KAAK,GAAgC,MAAM,CAAC,MAAI,CAAC,CAAC;oBACxD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACxE,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;wBACnE,MAAM,CAAC,MAAI,CAAC,GAAG,CAAC,mBAAmB;4BACjC,CAAC,CAAC,KAAK;4BACP,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAgC,CAAC;qBAC3F;yBAAM;wBACL,MAAM,CAAC,MAAI,CAAC,GAAG,KAAK,CAAC;qBACtB;iBACF;aACF;SACF;QAED,kBAAkB,CAAC,GAAG,EAAE,CAAC;QAEzB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,WAAW,CAAC,CAAQ,EAAE,CAAuB;QAC3D,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;IAClC,CAAC;IAFD,kCAEC","sourcesContent":["import { PartialTheme, Theme } from '../types';\n\n// TODO\n// We should consider removal merge() function from this file, ideally it should not be required\n// as probably themes will have flat shape\n\n/**\n * Simple deep merge function. Takes all arguments and returns a deep copy of the objects merged\n * together in the order provided. If an object creates a circular reference, it will assign the\n * original reference.\n */\nexport function merge<T = {}>(target: Partial<T>, ...args: (Partial<T> | null | undefined | false)[]): T {\n for (const arg of args) {\n _merge(target || {}, arg as Partial<T>);\n }\n\n return target as T;\n}\n\n/**\n * The _merge helper iterates through all props on source and assigns them to target.\n * When the value is an object, we will create a deep clone of the object. However if\n * there is a circular reference, the value will not be deep cloned and will persist\n * the reference.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction _merge<T extends Object>(target: T, source: T, circularReferences: any[] = []): T {\n circularReferences.push(source);\n\n for (const name in source) {\n if (source.hasOwnProperty(name)) {\n if (name !== '__proto__' && name !== 'constructor' && name !== 'prototype') {\n const value: T[Extract<keyof T, string>] = source[name];\n if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n const isCircularReference = circularReferences.indexOf(value) > -1;\n target[name] = (isCircularReference\n ? value\n : _merge(target[name] || {}, value, circularReferences)) as T[Extract<keyof T, string>];\n } else {\n target[name] = value;\n }\n }\n }\n }\n\n circularReferences.pop();\n\n return target;\n}\n\nexport function mergeThemes(a: Theme, b: PartialTheme | Theme): Theme {\n return merge({}, a, b) as Theme;\n}\n"]}
|
package/lib-amd/utils/shadows.js
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
define(["require", "exports"], function (require, exports) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
function createShadowLevelTokens(ambientColor, keyColor) {
|
5
|
-
return {
|
6
|
-
shadow2: "0 0 2px " + ambientColor + ", 0 1px 2px " + keyColor,
|
7
|
-
shadow4: "0 0 2px " + ambientColor + ", 0 2px 4px " + keyColor,
|
8
|
-
shadow8: "0 0 2px " + ambientColor + ", 0 4px 8px " + keyColor,
|
9
|
-
shadow16: "0 0 2px " + ambientColor + ", 0 6px 16px " + keyColor,
|
10
|
-
shadow28: "0 0 8px " + ambientColor + ", 0 14px 28px " + keyColor,
|
11
|
-
shadow64: "0 0 8px " + ambientColor + ", 0 32px 64px " + keyColor,
|
12
|
-
};
|
13
|
-
}
|
14
|
-
exports.createShadowLevelTokens = createShadowLevelTokens;
|
15
|
-
});
|
16
|
-
//# sourceMappingURL=shadows.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"shadows.js","sourceRoot":"../src/","sources":["utils/shadows.ts"],"names":[],"mappings":";;;IAEA,SAAgB,uBAAuB,CAAC,YAAoB,EAAE,QAAgB;QAC5E,OAAO;YACL,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,OAAO,EAAE,aAAW,YAAY,oBAAe,QAAU;YACzD,QAAQ,EAAE,aAAW,YAAY,qBAAgB,QAAU;YAC3D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;YAC5D,QAAQ,EAAE,aAAW,YAAY,sBAAiB,QAAU;SAC7D,CAAC;IACJ,CAAC;IATD,0DASC","sourcesContent":["import { ShadowLevelTokens } from '../types';\n\nexport function createShadowLevelTokens(ambientColor: string, keyColor: string): ShadowLevelTokens {\n return {\n shadow2: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n shadow4: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n shadow8: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n shadow16: `0 0 2px ${ambientColor}, 0 6px 16px ${keyColor}`,\n shadow28: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n shadow64: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"]}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
define(["require", "exports"], function (require, exports) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
function flattenThemeToCSSVariables(
|
5
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
6
|
-
themePart, parentKey, result) {
|
7
|
-
if (parentKey === void 0) { parentKey = ''; }
|
8
|
-
if (result === void 0) { result = {}; }
|
9
|
-
for (var propertyName in themePart) {
|
10
|
-
if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {
|
11
|
-
var variableName = parentKey ? parentKey + '-' + propertyName : "--" + propertyName;
|
12
|
-
if (typeof themePart[propertyName] === 'object') {
|
13
|
-
flattenThemeToCSSVariables(themePart[propertyName], variableName, result);
|
14
|
-
}
|
15
|
-
else {
|
16
|
-
result[variableName] = themePart[propertyName];
|
17
|
-
}
|
18
|
-
}
|
19
|
-
}
|
20
|
-
return result;
|
21
|
-
}
|
22
|
-
function themeToCSSVariables(theme) {
|
23
|
-
return flattenThemeToCSSVariables(theme);
|
24
|
-
}
|
25
|
-
exports.themeToCSSVariables = themeToCSSVariables;
|
26
|
-
});
|
27
|
-
//# sourceMappingURL=themeToCSSVariables.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"themeToCSSVariables.js","sourceRoot":"../src/","sources":["utils/themeToCSSVariables.ts"],"names":[],"mappings":";;;IAEA,SAAS,0BAA0B;IACjC,8DAA8D;IAC9D,SAA8B,EAC9B,SAAsB,EACtB,MAAmC;QADnC,0BAAA,EAAA,cAAsB;QACtB,uBAAA,EAAA,WAAmC;QAEnC,KAAK,IAAM,YAAY,IAAI,SAAS,EAAE;YACpC,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE;gBACjE,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,OAAK,YAAc,CAAC;gBAEtF,IAAI,OAAO,SAAS,CAAC,YAAY,CAAC,KAAK,QAAQ,EAAE;oBAC/C,0BAA0B,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;iBAC3E;qBAAM;oBACL,MAAM,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;iBAChD;aACF;SACF;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,SAAgB,mBAAmB,CAAC,KAAY;QAC9C,OAAO,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAFD,kDAEC","sourcesContent":["import { Theme } from '../types';\n\nfunction flattenThemeToCSSVariables(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n themePart: Record<string, any>,\n parentKey: string = '',\n result: Record<string, string> = {},\n) {\n for (const propertyName in themePart) {\n if (Object.prototype.hasOwnProperty.call(themePart, propertyName)) {\n const variableName = parentKey ? parentKey + '-' + propertyName : `--${propertyName}`;\n\n if (typeof themePart[propertyName] === 'object') {\n flattenThemeToCSSVariables(themePart[propertyName], variableName, result);\n } else {\n result[variableName] = themePart[propertyName];\n }\n }\n }\n return result;\n}\n\nexport function themeToCSSVariables(theme: Theme): Record<string, string> {\n return flattenThemeToCSSVariables(theme);\n}\n"]}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { BrandVariants } from '../types';
|
2
|
-
export declare const createGlobalTheme: (brand: BrandVariants) => {
|
3
|
-
color: {
|
4
|
-
black: string;
|
5
|
-
white: string;
|
6
|
-
hyperlink: string;
|
7
|
-
disabled: string;
|
8
|
-
selected: string;
|
9
|
-
};
|
10
|
-
palette: import("../types").GlobalSharedColors & {
|
11
|
-
brand: BrandVariants;
|
12
|
-
grey: Record<import("../types").Greys, string>;
|
13
|
-
};
|
14
|
-
type: {
|
15
|
-
fontSizes: import("../types").FontSizes;
|
16
|
-
fontWeights: import("../types").FontWeights;
|
17
|
-
fontFamilies: import("../types").FontFamilies;
|
18
|
-
lineHeights: import("../types").FontSizes;
|
19
|
-
alignment: import("../types").TextAlignments;
|
20
|
-
};
|
21
|
-
borderRadius: import("../types").BorderRadius;
|
22
|
-
strokeWidth: import("../types").StrokeWidths;
|
23
|
-
};
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var tslib_1 = require("tslib");
|
4
|
-
var borderRadius_1 = require("./borderRadius");
|
5
|
-
var colors_1 = require("./colors");
|
6
|
-
var fonts_1 = require("./fonts");
|
7
|
-
var strokeWidths_1 = require("./strokeWidths");
|
8
|
-
exports.createGlobalTheme = function (brand) {
|
9
|
-
return {
|
10
|
-
color: {
|
11
|
-
black: colors_1.black,
|
12
|
-
white: colors_1.white,
|
13
|
-
hyperlink: colors_1.hyperlink,
|
14
|
-
selected: colors_1.selected,
|
15
|
-
disabled: colors_1.disabled,
|
16
|
-
},
|
17
|
-
palette: tslib_1.__assign(tslib_1.__assign({}, colors_1.sharedColors), { brand: brand, grey: colors_1.grey }),
|
18
|
-
type: {
|
19
|
-
alignment: fonts_1.textAlignments,
|
20
|
-
fontFamilies: fonts_1.fontFamilies,
|
21
|
-
fontSizes: fonts_1.fontSizes,
|
22
|
-
fontWeights: fonts_1.fontWeights,
|
23
|
-
lineHeights: fonts_1.lineHeights,
|
24
|
-
},
|
25
|
-
borderRadius: borderRadius_1.borderRadius,
|
26
|
-
strokeWidth: strokeWidths_1.strokeWidths,
|
27
|
-
};
|
28
|
-
};
|
29
|
-
//# sourceMappingURL=utils.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"../src/","sources":["global/utils.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAC9C,mCAA2F;AAC3F,iCAA4F;AAC5F,+CAA8C;AAGjC,QAAA,iBAAiB,GAAG,UAAC,KAAoB;IACpD,OAAO;QACL,KAAK,EAAE;YACL,KAAK,gBAAA;YACL,KAAK,gBAAA;YACL,SAAS,oBAAA;YACT,QAAQ,mBAAA;YACR,QAAQ,mBAAA;SACT;QACD,OAAO,wCACF,qBAAY,KACf,KAAK,EAAE,KAAK,EACZ,IAAI,eAAA,GACL;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,sBAAc;YACzB,YAAY,EAAE,oBAAY;YAC1B,SAAS,EAAE,iBAAS;YACpB,WAAW,EAAE,mBAAW;YACxB,WAAW,EAAE,mBAAW;SACzB;QACD,YAAY,EAAE,2BAAY;QAC1B,WAAW,EAAE,2BAAY;KAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { borderRadius } from './borderRadius';\nimport { sharedColors, black, white, hyperlink, selected, disabled, grey } from './colors';\nimport { textAlignments, fontFamilies, fontWeights, fontSizes, lineHeights } from './fonts';\nimport { strokeWidths } from './strokeWidths';\nimport { Theme, BrandVariants } from '../types';\n\nexport const createGlobalTheme = (brand: BrandVariants): Theme['global'] => {\n return {\n color: {\n black,\n white,\n hyperlink,\n selected,\n disabled,\n },\n palette: {\n ...sharedColors,\n brand: brand,\n grey,\n },\n type: {\n alignment: textAlignments,\n fontFamilies: fontFamilies,\n fontSizes: fontSizes,\n fontWeights: fontWeights,\n lineHeights: lineHeights,\n },\n borderRadius: borderRadius,\n strokeWidth: strokeWidths,\n };\n};\n"]}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
export declare const globalTheme: {
|
2
|
-
color: {
|
3
|
-
black: string;
|
4
|
-
white: string;
|
5
|
-
hyperlink: string;
|
6
|
-
disabled: string;
|
7
|
-
selected: string;
|
8
|
-
};
|
9
|
-
palette: import("../..").GlobalSharedColors & {
|
10
|
-
brand: import("../..").BrandVariants;
|
11
|
-
grey: Record<import("../..").Greys, string>;
|
12
|
-
};
|
13
|
-
type: {
|
14
|
-
fontSizes: import("../..").FontSizes;
|
15
|
-
fontWeights: import("../..").FontWeights;
|
16
|
-
fontFamilies: import("../..").FontFamilies;
|
17
|
-
lineHeights: import("../..").FontSizes;
|
18
|
-
alignment: import("../..").TextAlignments;
|
19
|
-
};
|
20
|
-
borderRadius: import("../..").BorderRadius;
|
21
|
-
strokeWidth: import("../..").StrokeWidths;
|
22
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"globalTheme.js","sourceRoot":"../src/","sources":["themes/teams/globalTheme.ts"],"names":[],"mappings":";;AAAA,4CAAoE;AAEvD,QAAA,WAAW,GAAG,yBAAiB,CAAC,mBAAW,CAAC,KAAK,CAAC,CAAC","sourcesContent":["import { brandColors, createGlobalTheme } from '../../global/index';\n\nexport const globalTheme = createGlobalTheme(brandColors.teams);\n"]}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
export declare const globalTheme: {
|
2
|
-
color: {
|
3
|
-
black: string;
|
4
|
-
white: string;
|
5
|
-
hyperlink: string;
|
6
|
-
disabled: string;
|
7
|
-
selected: string;
|
8
|
-
};
|
9
|
-
palette: import("../..").GlobalSharedColors & {
|
10
|
-
brand: import("../..").BrandVariants;
|
11
|
-
grey: Record<import("../..").Greys, string>;
|
12
|
-
};
|
13
|
-
type: {
|
14
|
-
fontSizes: import("../..").FontSizes;
|
15
|
-
fontWeights: import("../..").FontWeights;
|
16
|
-
fontFamilies: import("../..").FontFamilies;
|
17
|
-
lineHeights: import("../..").FontSizes;
|
18
|
-
alignment: import("../..").TextAlignments;
|
19
|
-
};
|
20
|
-
borderRadius: import("../..").BorderRadius;
|
21
|
-
strokeWidth: import("../..").StrokeWidths;
|
22
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"globalTheme.js","sourceRoot":"../src/","sources":["themes/web/globalTheme.ts"],"names":[],"mappings":";;AAAA,4CAAoE;AAEvD,QAAA,WAAW,GAAG,yBAAiB,CAAC,mBAAW,CAAC,GAAG,CAAC,CAAC","sourcesContent":["import { brandColors, createGlobalTheme } from '../../global/index';\n\nexport const globalTheme = createGlobalTheme(brandColors.web);\n"]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
|
2
|
-
export declare const subtleColorTokens: BackgroundColorTokens;
|
3
|
-
export declare const transparentColorTokens: BackgroundColorTokens;
|
4
|
-
export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;
|
5
|
-
export declare function createNeutralColorTokens(brand: ColorVariants, customValues?: {
|
6
|
-
[P in keyof NeutralColorTokens]?: string;
|
7
|
-
}): NeutralColorTokens;
|
8
|
-
export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
|
@@ -1,87 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
var tslib_1 = require("tslib");
|
4
|
-
var index_1 = require("../../global/index");
|
5
|
-
exports.subtleColorTokens = {
|
6
|
-
background: 'red',
|
7
|
-
backgroundHover: 'red',
|
8
|
-
backgroundPressed: 'red',
|
9
|
-
backgroundSelected: 'red',
|
10
|
-
};
|
11
|
-
exports.transparentColorTokens = {
|
12
|
-
background: 'rgba(255, 0, 0, 0.2)',
|
13
|
-
backgroundHover: 'rgba(255, 0, 0, 0.2)',
|
14
|
-
backgroundPressed: 'rgba(255, 0, 0, 0.2)',
|
15
|
-
backgroundSelected: 'rgba(255, 0, 0, 0.2)',
|
16
|
-
};
|
17
|
-
function createBrandColorTokens(brand) {
|
18
|
-
return {
|
19
|
-
brandBackground: brand.shade10,
|
20
|
-
brandBackgroundHover: brand.primary,
|
21
|
-
brandBackgroundPressed: brand.shade40,
|
22
|
-
brandBackgroundSelected: brand.shade20,
|
23
|
-
brandBackgroundStatic: brand.primary,
|
24
|
-
};
|
25
|
-
}
|
26
|
-
exports.createBrandColorTokens = createBrandColorTokens;
|
27
|
-
function createNeutralColorTokens(brand, customValues) {
|
28
|
-
if (customValues === void 0) { customValues = {}; }
|
29
|
-
return tslib_1.__assign({ neutralForeground1: index_1.white, neutralForeground2: index_1.grey[84], neutralForeground2Hover: index_1.white, neutralForeground2Pressed: index_1.white, neutralForeground2Selected: index_1.white, brandForeground2Hover: brand.tint20, brandForeground2Pressed: brand.tint10, brandForeground2Selected: brand.tint10, neutralForeground3: index_1.grey[68], neutralForeground3Hover: index_1.grey[84], neutralForeground3Pressed: index_1.grey[84], neutralForeground3Selected: index_1.grey[84], brandForeground3Hover: brand.tint20, brandForeground3Pressed: brand.tint10, brandForeground3Selected: brand.tint20, neutralForeground4: index_1.grey[52], neutralForegroundDisabled: index_1.grey[36], brandForeground: brand.tint10, brandForegroundHover: brand.tint30, brandForegroundPressed: brand.tint20, brandForegroundSelected: brand.tint10, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.white, neutralBackground1: index_1.grey[16], neutralBackground1Hover: index_1.grey[22], neutralBackground1Pressed: index_1.grey[18], neutralBackground1Selected: index_1.grey[20], neutralBackground2: index_1.grey[12], neutralBackground2Hover: index_1.grey[18], neutralBackground2Pressed: index_1.grey[14], neutralBackground2Selected: index_1.grey[16], neutralBackground3: index_1.grey[8], neutralBackground3Hover: index_1.grey[14], neutralBackground3Pressed: index_1.grey[10], neutralBackground3Selected: index_1.grey[12], neutralBackground4: index_1.grey[4], neutralBackground4Hover: index_1.grey[10], neutralBackground4Pressed: index_1.grey[6], neutralBackground4Selected: index_1.grey[8], neutralBackground5: index_1.black, neutralBackground5Hover: index_1.grey[14], neutralBackground5Pressed: index_1.grey[10], neutralBackground5Selected: index_1.grey[12], neutralBackground6: index_1.grey[20], neutralBackgroundDisabled: index_1.grey[8], neutralStrokeAccessible: index_1.grey[68], neutralStrokeAccessibleHover: index_1.grey[74], neutralStrokeAccessiblePressed: index_1.grey[70], neutralStrokeAccessibleSelected: brand.tint20, neutralStroke1: index_1.grey[40], neutralStroke1Hover: index_1.grey[46], neutralStroke1Pressed: index_1.grey[42], neutralStroke1Selected: index_1.grey[44], neutralStroke2: index_1.grey[32], neutralStroke3: index_1.grey[24], neutralStrokeDisabled: index_1.grey[26], strokeAccessible: 'transparent', strokeAccessibleInteractive: 'transparent', strokeAccessibleDisabled: 'transparent', neutralShadowAmbient: 'rgba(0,0,0,0.24)', neutralShadowKey: 'rgba(0,0,0,0.28)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', neutralShadowKeyDarker: 'rgba(0,0,0,0.48)' }, customValues);
|
30
|
-
}
|
31
|
-
exports.createNeutralColorTokens = createNeutralColorTokens;
|
32
|
-
function createSharedColorTokens(color, customValues) {
|
33
|
-
if (customValues === void 0) { customValues = {}; }
|
34
|
-
return tslib_1.__assign({ background1: color.shade30, background2: color.shade30, background3: color.primary, foreground1: color.tint40, foreground2: color.tint40, foreground3: color.tint20, borderActive: color.tint30, border2: color.tint20 }, customValues);
|
35
|
-
}
|
36
|
-
exports.sharedColorTokens = {
|
37
|
-
darkRed: createSharedColorTokens(index_1.sharedColors.darkRed),
|
38
|
-
burgundy: createSharedColorTokens(index_1.sharedColors.burgundy),
|
39
|
-
cranberry: createSharedColorTokens(index_1.sharedColors.cranberry),
|
40
|
-
red: createSharedColorTokens(index_1.sharedColors.red),
|
41
|
-
darkOrange: createSharedColorTokens(index_1.sharedColors.darkOrange),
|
42
|
-
bronze: createSharedColorTokens(index_1.sharedColors.bronze),
|
43
|
-
pumpkin: createSharedColorTokens(index_1.sharedColors.pumpkin),
|
44
|
-
orange: createSharedColorTokens(index_1.sharedColors.orange),
|
45
|
-
peach: createSharedColorTokens(index_1.sharedColors.peach),
|
46
|
-
marigold: createSharedColorTokens(index_1.sharedColors.marigold),
|
47
|
-
yellow: createSharedColorTokens(index_1.sharedColors.yellow),
|
48
|
-
gold: createSharedColorTokens(index_1.sharedColors.gold),
|
49
|
-
brass: createSharedColorTokens(index_1.sharedColors.brass),
|
50
|
-
brown: createSharedColorTokens(index_1.sharedColors.brown),
|
51
|
-
darkBrown: createSharedColorTokens(index_1.sharedColors.darkBrown),
|
52
|
-
lime: createSharedColorTokens(index_1.sharedColors.lime),
|
53
|
-
forest: createSharedColorTokens(index_1.sharedColors.forest),
|
54
|
-
seafoam: createSharedColorTokens(index_1.sharedColors.seafoam),
|
55
|
-
lightGreen: createSharedColorTokens(index_1.sharedColors.lightGreen),
|
56
|
-
green: createSharedColorTokens(index_1.sharedColors.green),
|
57
|
-
darkGreen: createSharedColorTokens(index_1.sharedColors.darkGreen),
|
58
|
-
lightTeal: createSharedColorTokens(index_1.sharedColors.lightTeal),
|
59
|
-
teal: createSharedColorTokens(index_1.sharedColors.teal),
|
60
|
-
darkTeal: createSharedColorTokens(index_1.sharedColors.darkTeal),
|
61
|
-
cyan: createSharedColorTokens(index_1.sharedColors.cyan),
|
62
|
-
steel: createSharedColorTokens(index_1.sharedColors.steel),
|
63
|
-
lightBlue: createSharedColorTokens(index_1.sharedColors.lightBlue),
|
64
|
-
blue: createSharedColorTokens(index_1.sharedColors.blue),
|
65
|
-
royalBlue: createSharedColorTokens(index_1.sharedColors.royalBlue),
|
66
|
-
darkBlue: createSharedColorTokens(index_1.sharedColors.darkBlue),
|
67
|
-
cornflower: createSharedColorTokens(index_1.sharedColors.cornflower),
|
68
|
-
navy: createSharedColorTokens(index_1.sharedColors.navy),
|
69
|
-
lavender: createSharedColorTokens(index_1.sharedColors.lavender),
|
70
|
-
purple: createSharedColorTokens(index_1.sharedColors.purple),
|
71
|
-
darkPurple: createSharedColorTokens(index_1.sharedColors.darkPurple),
|
72
|
-
orchid: createSharedColorTokens(index_1.sharedColors.orchid),
|
73
|
-
grape: createSharedColorTokens(index_1.sharedColors.grape),
|
74
|
-
berry: createSharedColorTokens(index_1.sharedColors.berry),
|
75
|
-
lilac: createSharedColorTokens(index_1.sharedColors.lilac),
|
76
|
-
pink: createSharedColorTokens(index_1.sharedColors.pink),
|
77
|
-
hotPink: createSharedColorTokens(index_1.sharedColors.hotPink),
|
78
|
-
magenta: createSharedColorTokens(index_1.sharedColors.magenta),
|
79
|
-
plum: createSharedColorTokens(index_1.sharedColors.plum),
|
80
|
-
beige: createSharedColorTokens(index_1.sharedColors.beige),
|
81
|
-
mink: createSharedColorTokens(index_1.sharedColors.mink),
|
82
|
-
silver: createSharedColorTokens(index_1.sharedColors.silver),
|
83
|
-
platinum: createSharedColorTokens(index_1.sharedColors.platinum),
|
84
|
-
anchor: createSharedColorTokens(index_1.sharedColors.anchor),
|
85
|
-
charcoal: createSharedColorTokens(index_1.sharedColors.charcoal),
|
86
|
-
};
|
87
|
-
//# sourceMappingURL=colors.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/dark/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n NeutralColorTokens,\n ColorVariants,\n SharedColorTokens,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandVariants,\n BrandColorTokens,\n} from '../../types';\nimport { grey, white, black, sharedColors } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'red',\n backgroundHover: 'red',\n backgroundPressed: 'red',\n backgroundSelected: 'red',\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'rgba(255, 0, 0, 0.2)',\n backgroundHover: 'rgba(255, 0, 0, 0.2)',\n backgroundPressed: 'rgba(255, 0, 0, 0.2)',\n backgroundSelected: 'rgba(255, 0, 0, 0.2)',\n};\n\nexport function createBrandColorTokens(brand: BrandVariants): BrandColorTokens {\n return {\n brandBackground: brand.shade10,\n brandBackgroundHover: brand.primary,\n brandBackgroundPressed: brand.shade40,\n brandBackgroundSelected: brand.shade20,\n brandBackgroundStatic: brand.primary,\n };\n}\n\nexport function createNeutralColorTokens(\n brand: ColorVariants,\n customValues: { [P in keyof NeutralColorTokens]?: string } = {},\n): NeutralColorTokens {\n return {\n neutralForeground1: white,\n\n neutralForeground2: grey[84],\n neutralForeground2Hover: white,\n neutralForeground2Pressed: white,\n neutralForeground2Selected: white,\n brandForeground2Hover: brand.tint20,\n brandForeground2Pressed: brand.tint10,\n brandForeground2Selected: brand.tint10,\n\n neutralForeground3: grey[68],\n neutralForeground3Hover: grey[84],\n neutralForeground3Pressed: grey[84],\n neutralForeground3Selected: grey[84],\n brandForeground3Hover: brand.tint20,\n brandForeground3Pressed: brand.tint10,\n brandForeground3Selected: brand.tint20,\n\n neutralForeground4: grey[52],\n\n neutralForegroundDisabled: grey[36],\n\n brandForeground: brand.tint10,\n brandForegroundHover: brand.tint30,\n brandForegroundPressed: brand.tint20,\n brandForegroundSelected: brand.tint10,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: white,\n\n neutralBackground1: grey[16],\n neutralBackground1Hover: grey[22],\n neutralBackground1Pressed: grey[18],\n neutralBackground1Selected: grey[20],\n\n neutralBackground2: grey[12],\n neutralBackground2Hover: grey[18],\n neutralBackground2Pressed: grey[14],\n neutralBackground2Selected: grey[16],\n\n neutralBackground3: grey[8],\n neutralBackground3Hover: grey[14],\n neutralBackground3Pressed: grey[10],\n neutralBackground3Selected: grey[12],\n\n neutralBackground4: grey[4],\n neutralBackground4Hover: grey[10],\n neutralBackground4Pressed: grey[6],\n neutralBackground4Selected: grey[8],\n\n neutralBackground5: black,\n neutralBackground5Hover: grey[14],\n neutralBackground5Pressed: grey[10],\n neutralBackground5Selected: grey[12],\n\n neutralBackground6: grey[20],\n\n neutralBackgroundDisabled: grey[8],\n\n neutralStrokeAccessible: grey[68],\n neutralStrokeAccessibleHover: grey[74],\n neutralStrokeAccessiblePressed: grey[70],\n neutralStrokeAccessibleSelected: brand.tint20,\n\n neutralStroke1: grey[40],\n neutralStroke1Hover: grey[46],\n neutralStroke1Pressed: grey[42],\n neutralStroke1Selected: grey[44],\n\n neutralStroke2: grey[32],\n\n neutralStroke3: grey[24],\n\n neutralStrokeDisabled: grey[26],\n\n strokeAccessible: 'transparent',\n strokeAccessibleInteractive: 'transparent',\n strokeAccessibleDisabled: 'transparent',\n\n neutralShadowAmbient: 'rgba(0,0,0,0.24)',\n neutralShadowKey: 'rgba(0,0,0,0.28)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(color: ColorVariants, customValues: Record<string, string> = {}): SharedColorTokens {\n return {\n background1: color.shade30,\n background2: color.shade30,\n background3: color.primary,\n foreground1: color.tint40,\n foreground2: color.tint40,\n foreground3: color.tint20,\n borderActive: color.tint30,\n border2: color.tint20,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(sharedColors.darkRed),\n burgundy: createSharedColorTokens(sharedColors.burgundy),\n cranberry: createSharedColorTokens(sharedColors.cranberry),\n red: createSharedColorTokens(sharedColors.red),\n darkOrange: createSharedColorTokens(sharedColors.darkOrange),\n bronze: createSharedColorTokens(sharedColors.bronze),\n pumpkin: createSharedColorTokens(sharedColors.pumpkin),\n orange: createSharedColorTokens(sharedColors.orange),\n peach: createSharedColorTokens(sharedColors.peach),\n marigold: createSharedColorTokens(sharedColors.marigold),\n yellow: createSharedColorTokens(sharedColors.yellow),\n gold: createSharedColorTokens(sharedColors.gold),\n brass: createSharedColorTokens(sharedColors.brass),\n brown: createSharedColorTokens(sharedColors.brown),\n darkBrown: createSharedColorTokens(sharedColors.darkBrown),\n lime: createSharedColorTokens(sharedColors.lime),\n forest: createSharedColorTokens(sharedColors.forest),\n seafoam: createSharedColorTokens(sharedColors.seafoam),\n lightGreen: createSharedColorTokens(sharedColors.lightGreen),\n green: createSharedColorTokens(sharedColors.green),\n darkGreen: createSharedColorTokens(sharedColors.darkGreen),\n lightTeal: createSharedColorTokens(sharedColors.lightTeal),\n teal: createSharedColorTokens(sharedColors.teal),\n darkTeal: createSharedColorTokens(sharedColors.darkTeal),\n cyan: createSharedColorTokens(sharedColors.cyan),\n steel: createSharedColorTokens(sharedColors.steel),\n lightBlue: createSharedColorTokens(sharedColors.lightBlue),\n blue: createSharedColorTokens(sharedColors.blue),\n royalBlue: createSharedColorTokens(sharedColors.royalBlue),\n darkBlue: createSharedColorTokens(sharedColors.darkBlue),\n cornflower: createSharedColorTokens(sharedColors.cornflower),\n navy: createSharedColorTokens(sharedColors.navy),\n lavender: createSharedColorTokens(sharedColors.lavender),\n purple: createSharedColorTokens(sharedColors.purple),\n darkPurple: createSharedColorTokens(sharedColors.darkPurple),\n orchid: createSharedColorTokens(sharedColors.orchid),\n grape: createSharedColorTokens(sharedColors.grape),\n berry: createSharedColorTokens(sharedColors.berry),\n lilac: createSharedColorTokens(sharedColors.lilac),\n pink: createSharedColorTokens(sharedColors.pink),\n hotPink: createSharedColorTokens(sharedColors.hotPink),\n magenta: createSharedColorTokens(sharedColors.magenta),\n plum: createSharedColorTokens(sharedColors.plum),\n beige: createSharedColorTokens(sharedColors.beige),\n mink: createSharedColorTokens(sharedColors.mink), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(sharedColors.silver),\n platinum: createSharedColorTokens(sharedColors.platinum),\n anchor: createSharedColorTokens(sharedColors.anchor),\n charcoal: createSharedColorTokens(sharedColors.charcoal),\n};\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './colors';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/dark/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB","sourcesContent":["export * from './colors';\n"]}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
|
2
|
-
export declare const subtleColorTokens: BackgroundColorTokens;
|
3
|
-
export declare const transparentColorTokens: BackgroundColorTokens;
|
4
|
-
export declare function createBrandColorTokens(): BrandColorTokens;
|
5
|
-
export declare function createNeutralColorTokens(customValues?: Record<string, string>): NeutralColorTokens;
|
6
|
-
export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
|