@fluentui/react-theme 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.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 +173 -8
- package/CHANGELOG.md +60 -6
- package/dist/react-theme.d.ts +106 -74
- package/lib/alias/dark.js +155 -114
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +155 -114
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +155 -114
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +155 -114
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/borderRadius.js +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +53 -31
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.d.ts +2 -2
- package/lib/global/colors.js +125 -125
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.js +4 -4
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/strokeWidths.js +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.d.ts +10 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.js +1 -1
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.d.ts +2 -0
- package/lib/tokens.js +687 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.d.ts +92 -77
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +13 -4
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +13 -4
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +13 -4
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +13 -4
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.d.ts +0 -2
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.d.ts +2 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/dark.js +155 -115
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +155 -115
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +155 -115
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +155 -115
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -0
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.d.ts +2 -2
- package/lib-commonjs/global/colors.js +113 -113
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +1 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +3 -1
- package/lib-commonjs/index.js +20 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.d.ts +10 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +1 -1
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.d.ts +2 -0
- package/lib-commonjs/tokens.js +693 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.d.ts +92 -77
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +16 -8
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +16 -8
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +16 -8
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +16 -8
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.d.ts +0 -2
- package/lib-commonjs/utils/index.js +1 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +2 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +13 -6
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -14
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -5,124 +5,164 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.colorPaletteTokens = exports.generateColorTokens = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
10
|
-
|
10
|
+
const generateColorTokens = () => ({
|
11
|
+
colorNeutralForeground1: colors_1.hcCanvasText,
|
12
|
+
colorNeutralForeground1Hover: colors_1.hcHighlightText,
|
13
|
+
colorNeutralForeground1Pressed: colors_1.hcHighlightText,
|
14
|
+
colorNeutralForeground1Selected: colors_1.hcHighlightText,
|
15
|
+
colorNeutralForeground2: colors_1.hcCanvasText,
|
16
|
+
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
17
|
+
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
18
|
+
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
19
|
+
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
20
|
+
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
21
|
+
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
22
|
+
colorNeutralForeground3: colors_1.hcCanvasText,
|
23
|
+
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
24
|
+
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
25
|
+
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
26
|
+
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
27
|
+
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
28
|
+
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
29
|
+
colorNeutralForeground4: colors_1.hcCanvasText,
|
30
|
+
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
31
|
+
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
|
32
|
+
colorBrandForegroundLink: colors_1.hcHyperlink,
|
33
|
+
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
34
|
+
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
35
|
+
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
36
|
+
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
37
|
+
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
38
|
+
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
39
|
+
colorBrandForeground1: colors_1.hcCanvasText,
|
40
|
+
colorBrandForeground2: colors_1.hcButtonText,
|
41
|
+
colorNeutralForeground1Static: colors_1.hcCanvas,
|
42
|
+
colorNeutralForegroundInverted: colors_1.hcCanvasText,
|
43
|
+
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
|
44
|
+
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
|
45
|
+
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
|
46
|
+
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
47
|
+
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
48
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
49
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
50
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
51
|
+
colorBrandForegroundInverted: colors_1.hcCanvasText,
|
52
|
+
colorBrandForegroundInvertedHover: colors_1.hcCanvasText,
|
53
|
+
colorBrandForegroundInvertedPressed: colors_1.hcCanvasText,
|
54
|
+
colorBrandForegroundOnLight: colors_1.hcButtonText,
|
55
|
+
colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
|
56
|
+
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
|
57
|
+
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
|
58
|
+
colorNeutralBackground1: colors_1.hcCanvas,
|
59
|
+
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
60
|
+
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
61
|
+
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
62
|
+
colorNeutralBackground2: colors_1.hcCanvas,
|
63
|
+
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
64
|
+
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
65
|
+
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
66
|
+
colorNeutralBackground3: colors_1.hcCanvas,
|
67
|
+
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
68
|
+
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
69
|
+
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
70
|
+
colorNeutralBackground4: colors_1.hcCanvas,
|
71
|
+
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
72
|
+
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
73
|
+
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
74
|
+
colorNeutralBackground5: colors_1.hcCanvas,
|
75
|
+
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
76
|
+
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
77
|
+
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
78
|
+
colorNeutralBackground6: colors_1.hcCanvas,
|
79
|
+
colorNeutralBackgroundInverted: colors_1.hcCanvas,
|
80
|
+
colorSubtleBackground: 'transparent',
|
81
|
+
colorSubtleBackgroundHover: colors_1.hcHighlight,
|
82
|
+
colorSubtleBackgroundPressed: colors_1.hcHighlight,
|
83
|
+
colorSubtleBackgroundSelected: colors_1.hcHighlight,
|
84
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
|
85
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
|
86
|
+
colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
|
87
|
+
colorSubtleBackgroundInverted: 'transparent',
|
88
|
+
colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
|
89
|
+
colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
|
90
|
+
colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
|
91
|
+
colorTransparentBackground: 'transparent',
|
92
|
+
colorTransparentBackgroundHover: colors_1.hcHighlight,
|
93
|
+
colorTransparentBackgroundPressed: colors_1.hcHighlight,
|
94
|
+
colorTransparentBackgroundSelected: colors_1.hcHighlight,
|
95
|
+
colorNeutralBackgroundDisabled: colors_1.hcCanvas,
|
96
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
97
|
+
colorNeutralStencil1: colors_1.hcCanvasText,
|
98
|
+
colorNeutralStencil2: colors_1.hcCanvasText,
|
99
|
+
colorBrandBackground: colors_1.hcButtonFace,
|
100
|
+
colorBrandBackgroundHover: colors_1.hcHighlight,
|
101
|
+
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
102
|
+
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
103
|
+
colorCompoundBrandBackground: colors_1.hcHighlight,
|
104
|
+
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
105
|
+
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
106
|
+
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
107
|
+
colorBrandBackground2: colors_1.hcButtonFace,
|
108
|
+
colorBrandBackgroundInverted: colors_1.hcButtonFace,
|
109
|
+
colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
|
110
|
+
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
|
111
|
+
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
|
112
|
+
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
113
|
+
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
114
|
+
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
115
|
+
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
116
|
+
colorNeutralStroke1: colors_1.hcCanvasText,
|
117
|
+
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
118
|
+
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
119
|
+
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
120
|
+
colorNeutralStroke2: colors_1.hcCanvasText,
|
121
|
+
colorNeutralStroke3: colors_1.hcCanvasText,
|
122
|
+
colorNeutralStrokeOnBrand: colors_1.hcCanvas,
|
123
|
+
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
|
124
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
|
125
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
|
126
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
|
127
|
+
colorBrandStroke1: colors_1.hcCanvasText,
|
128
|
+
colorBrandStroke2: colors_1.hcCanvas,
|
129
|
+
colorCompoundBrandStroke: colors_1.hcHighlight,
|
130
|
+
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
131
|
+
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
132
|
+
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
133
|
+
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
|
134
|
+
colorTransparentStroke: colors_1.hcCanvasText,
|
135
|
+
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
136
|
+
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
137
|
+
colorStrokeFocus1: colors_1.hcCanvas,
|
138
|
+
colorStrokeFocus2: colors_1.hcHighlight,
|
139
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
140
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
141
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
142
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
143
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
144
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
145
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
146
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
11
147
|
|
12
|
-
|
13
|
-
return {
|
14
|
-
colorNeutralForeground1: colors_1.hcCanvasText,
|
15
|
-
colorNeutralForeground2: colors_1.hcCanvasText,
|
16
|
-
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
17
|
-
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
18
|
-
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
19
|
-
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
20
|
-
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
21
|
-
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
22
|
-
colorNeutralForeground3: colors_1.hcCanvasText,
|
23
|
-
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
24
|
-
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
25
|
-
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
26
|
-
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
27
|
-
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
28
|
-
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
29
|
-
colorNeutralForeground4: colors_1.hcCanvasText,
|
30
|
-
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
31
|
-
colorBrandForegroundLink: colors_1.hcHyperlink,
|
32
|
-
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
33
|
-
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
34
|
-
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
35
|
-
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
36
|
-
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
37
|
-
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
38
|
-
colorBrandForeground1: colors_1.hcCanvasText,
|
39
|
-
colorBrandForeground2: colors_1.hcButtonText,
|
40
|
-
colorNeutralForegroundInverted: colors_1.hcCanvas,
|
41
|
-
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
42
|
-
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
43
|
-
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
44
|
-
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
45
|
-
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
46
|
-
colorNeutralBackground1: colors_1.hcCanvas,
|
47
|
-
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
48
|
-
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
49
|
-
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
50
|
-
colorNeutralBackground2: colors_1.hcCanvas,
|
51
|
-
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
52
|
-
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
53
|
-
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
54
|
-
colorNeutralBackground3: colors_1.hcCanvas,
|
55
|
-
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
56
|
-
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
57
|
-
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
58
|
-
colorNeutralBackground4: colors_1.hcCanvas,
|
59
|
-
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
60
|
-
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
61
|
-
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
62
|
-
colorNeutralBackground5: colors_1.hcCanvas,
|
63
|
-
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
64
|
-
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
65
|
-
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
66
|
-
colorNeutralBackground6: colors_1.hcCanvas,
|
67
|
-
colorNeutralBackgroundInverted: colors_1.hcCanvasText,
|
68
|
-
colorSubtleBackground: 'transparent',
|
69
|
-
colorSubtleBackgroundHover: colors_1.hcHighlight,
|
70
|
-
colorSubtleBackgroundPressed: colors_1.hcHighlight,
|
71
|
-
colorSubtleBackgroundSelected: colors_1.hcHighlight,
|
72
|
-
colorTransparentBackground: 'transparent',
|
73
|
-
colorTransparentBackgroundHover: colors_1.hcHighlight,
|
74
|
-
colorTransparentBackgroundPressed: colors_1.hcHighlight,
|
75
|
-
colorTransparentBackgroundSelected: colors_1.hcHighlight,
|
76
|
-
colorNeutralBackgroundDisabled: colors_1.hcCanvas,
|
77
|
-
colorNeutralStencil1: colors_1.grey[8],
|
78
|
-
colorNeutralStencil2: colors_1.grey[52],
|
79
|
-
colorBrandBackground: colors_1.hcButtonFace,
|
80
|
-
colorBrandBackgroundHover: colors_1.hcHighlight,
|
81
|
-
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
82
|
-
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
83
|
-
colorCompoundBrandBackground: colors_1.hcHighlight,
|
84
|
-
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
85
|
-
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
86
|
-
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
87
|
-
colorBrandBackground2: colors_1.hcButtonFace,
|
88
|
-
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
89
|
-
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
90
|
-
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
91
|
-
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
92
|
-
colorNeutralStroke1: colors_1.hcCanvasText,
|
93
|
-
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
94
|
-
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
95
|
-
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
96
|
-
colorNeutralStroke2: colors_1.hcCanvasText,
|
97
|
-
colorNeutralStroke3: colors_1.hcCanvasText,
|
98
|
-
colorBrandStroke1: colors_1.hcCanvasText,
|
99
|
-
colorBrandStroke2: colors_1.hcCanvas,
|
100
|
-
colorCompoundBrandStroke: colors_1.hcHighlight,
|
101
|
-
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
102
|
-
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
103
|
-
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
104
|
-
colorTransparentStroke: colors_1.hcCanvasText,
|
105
|
-
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
106
|
-
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
107
|
-
colorStrokeFocus1: colors_1.hcCanvas,
|
108
|
-
colorStrokeFocus2: colors_1.hcHighlight,
|
109
|
-
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
110
|
-
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
111
|
-
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
112
|
-
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
113
|
-
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
114
|
-
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
115
|
-
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
116
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
117
|
-
};
|
118
|
-
};
|
148
|
+
});
|
119
149
|
|
120
150
|
exports.generateColorTokens = generateColorTokens;
|
121
|
-
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
151
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
152
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
+
const sharedColorTokens = {
|
154
|
+
[`colorPalette${color}Background1`]: colors_1.white,
|
155
|
+
[`colorPalette${color}Background2`]: colors_1.black,
|
156
|
+
[`colorPalette${color}Background3`]: colors_1.white,
|
157
|
+
[`colorPalette${color}Foreground1`]: colors_1.black,
|
158
|
+
[`colorPalette${color}Foreground2`]: colors_1.white,
|
159
|
+
[`colorPalette${color}Foreground3`]: colors_1.white,
|
160
|
+
[`colorPalette${color}BorderActive`]: colors_1.hcHighlight,
|
161
|
+
[`colorPalette${color}Border1`]: colors_1.white,
|
162
|
+
[`colorPalette${color}Border2`]: colors_1.white
|
163
|
+
};
|
164
|
+
return { ...acc,
|
165
|
+
...sharedColorTokens
|
166
|
+
};
|
127
167
|
}, {});
|
128
168
|
//# sourceMappingURL=highContrast.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/highContrast.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
1
|
+
{"version":3,"sources":["alias/highContrast.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n black,\n} from '../global/colors';\nimport type { GlobalSharedColors, ColorTokens, ColorPaletteTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // #3ff23f Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // #3ff23f Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // #000000 Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralForegroundInverted: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralForegroundOnBrand: hcButtonText, // #000000 Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // #ffff00 Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // #000000 Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // #000000 Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // #000000 Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandBackground: hcButtonFace, // #ffffff Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // #000000 Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // #ffffff Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // #ffffff Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // #000000 Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvas, // #000000 Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // #3ff23f Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // #3ff23f Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // #ffffff Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // #3ff23f Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // #000000 Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // #1aebff Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n\nexport const colorPaletteTokens: ColorPaletteTokens = (Object.keys(sharedColors) as Array<\n keyof GlobalSharedColors\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: white,\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Background3`]: white,\n [`colorPalette${color}Foreground1`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}Foreground3`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: white,\n [`colorPalette${color}Border2`]: white,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as ColorPaletteTokens);\n"],"sourceRoot":"../src/"}
|
@@ -5,124 +5,164 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.colorPaletteTokens = exports.generateColorTokens = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
9
|
|
10
|
-
|
10
|
+
const generateColorTokens = brand => ({
|
11
|
+
colorNeutralForeground1: colors_1.grey[14],
|
12
|
+
colorNeutralForeground1Hover: colors_1.grey[14],
|
13
|
+
colorNeutralForeground1Pressed: colors_1.grey[14],
|
14
|
+
colorNeutralForeground1Selected: colors_1.grey[14],
|
15
|
+
colorNeutralForeground2: colors_1.grey[26],
|
16
|
+
colorNeutralForeground2Hover: colors_1.grey[14],
|
17
|
+
colorNeutralForeground2Pressed: colors_1.grey[14],
|
18
|
+
colorNeutralForeground2Selected: colors_1.grey[14],
|
19
|
+
colorNeutralForeground2BrandHover: brand[80],
|
20
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
21
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
22
|
+
colorNeutralForeground3: colors_1.grey[38],
|
23
|
+
colorNeutralForeground3Hover: colors_1.grey[26],
|
24
|
+
colorNeutralForeground3Pressed: colors_1.grey[26],
|
25
|
+
colorNeutralForeground3Selected: colors_1.grey[26],
|
26
|
+
colorNeutralForeground3BrandHover: brand[80],
|
27
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
28
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
29
|
+
colorNeutralForeground4: colors_1.grey[44],
|
30
|
+
colorNeutralForegroundDisabled: colors_1.grey[74],
|
31
|
+
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
|
32
|
+
colorBrandForegroundLink: brand[70],
|
33
|
+
colorBrandForegroundLinkHover: brand[60],
|
34
|
+
colorBrandForegroundLinkPressed: brand[40],
|
35
|
+
colorBrandForegroundLinkSelected: brand[70],
|
36
|
+
colorCompoundBrandForeground1: brand[80],
|
37
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
38
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
39
|
+
colorBrandForeground1: brand[80],
|
40
|
+
colorBrandForeground2: brand[70],
|
41
|
+
colorNeutralForeground1Static: colors_1.grey[14],
|
42
|
+
colorNeutralForegroundInverted: colors_1.white,
|
43
|
+
colorNeutralForegroundInvertedHover: colors_1.white,
|
44
|
+
colorNeutralForegroundInvertedPressed: colors_1.white,
|
45
|
+
colorNeutralForegroundInvertedSelected: colors_1.white,
|
46
|
+
colorNeutralForegroundOnBrand: colors_1.white,
|
47
|
+
colorNeutralForegroundInvertedLink: colors_1.white,
|
48
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
49
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
50
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
51
|
+
colorBrandForegroundInverted: brand[100],
|
52
|
+
colorBrandForegroundInvertedHover: brand[110],
|
53
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
54
|
+
colorBrandForegroundOnLight: brand[80],
|
55
|
+
colorBrandForegroundOnLightHover: brand[70],
|
56
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
57
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
58
|
+
colorNeutralBackground1: colors_1.white,
|
59
|
+
colorNeutralBackground1Hover: colors_1.grey[96],
|
60
|
+
colorNeutralBackground1Pressed: colors_1.grey[88],
|
61
|
+
colorNeutralBackground1Selected: colors_1.grey[92],
|
62
|
+
colorNeutralBackground2: colors_1.grey[98],
|
63
|
+
colorNeutralBackground2Hover: colors_1.grey[94],
|
64
|
+
colorNeutralBackground2Pressed: colors_1.grey[86],
|
65
|
+
colorNeutralBackground2Selected: colors_1.grey[90],
|
66
|
+
colorNeutralBackground3: colors_1.grey[96],
|
67
|
+
colorNeutralBackground3Hover: colors_1.grey[92],
|
68
|
+
colorNeutralBackground3Pressed: colors_1.grey[84],
|
69
|
+
colorNeutralBackground3Selected: colors_1.grey[88],
|
70
|
+
colorNeutralBackground4: colors_1.grey[94],
|
71
|
+
colorNeutralBackground4Hover: colors_1.grey[98],
|
72
|
+
colorNeutralBackground4Pressed: colors_1.grey[96],
|
73
|
+
colorNeutralBackground4Selected: colors_1.white,
|
74
|
+
colorNeutralBackground5: colors_1.grey[92],
|
75
|
+
colorNeutralBackground5Hover: colors_1.grey[96],
|
76
|
+
colorNeutralBackground5Pressed: colors_1.grey[94],
|
77
|
+
colorNeutralBackground5Selected: colors_1.grey[98],
|
78
|
+
colorNeutralBackground6: colors_1.grey[90],
|
79
|
+
colorNeutralBackgroundInverted: colors_1.grey[38],
|
80
|
+
colorSubtleBackground: 'transparent',
|
81
|
+
colorSubtleBackgroundHover: colors_1.grey[96],
|
82
|
+
colorSubtleBackgroundPressed: colors_1.grey[88],
|
83
|
+
colorSubtleBackgroundSelected: colors_1.grey[92],
|
84
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.whiteAlpha[80],
|
85
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.whiteAlpha[50],
|
86
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
87
|
+
colorSubtleBackgroundInverted: 'transparent',
|
88
|
+
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
89
|
+
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
|
90
|
+
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
|
91
|
+
colorTransparentBackground: 'transparent',
|
92
|
+
colorTransparentBackgroundHover: 'transparent',
|
93
|
+
colorTransparentBackgroundPressed: 'transparent',
|
94
|
+
colorTransparentBackgroundSelected: 'transparent',
|
95
|
+
colorNeutralBackgroundDisabled: colors_1.grey[94],
|
96
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
97
|
+
colorNeutralStencil1: colors_1.grey[90],
|
98
|
+
colorNeutralStencil2: colors_1.grey[98],
|
99
|
+
colorBrandBackground: brand[80],
|
100
|
+
colorBrandBackgroundHover: brand[70],
|
101
|
+
colorBrandBackgroundPressed: brand[40],
|
102
|
+
colorBrandBackgroundSelected: brand[60],
|
103
|
+
colorCompoundBrandBackground: brand[80],
|
104
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
105
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
106
|
+
colorBrandBackgroundStatic: brand[80],
|
107
|
+
colorBrandBackground2: brand[160],
|
108
|
+
colorBrandBackgroundInverted: colors_1.white,
|
109
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
110
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
111
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
112
|
+
colorNeutralStrokeAccessible: colors_1.grey[38],
|
113
|
+
colorNeutralStrokeAccessibleHover: colors_1.grey[34],
|
114
|
+
colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
|
115
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
116
|
+
colorNeutralStroke1: colors_1.grey[82],
|
117
|
+
colorNeutralStroke1Hover: colors_1.grey[78],
|
118
|
+
colorNeutralStroke1Pressed: colors_1.grey[70],
|
119
|
+
colorNeutralStroke1Selected: colors_1.grey[74],
|
120
|
+
colorNeutralStroke2: colors_1.grey[88],
|
121
|
+
colorNeutralStroke3: colors_1.grey[94],
|
122
|
+
colorNeutralStrokeOnBrand: colors_1.white,
|
123
|
+
colorNeutralStrokeOnBrand2: colors_1.white,
|
124
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.white,
|
125
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.white,
|
126
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.white,
|
127
|
+
colorBrandStroke1: brand[80],
|
128
|
+
colorBrandStroke2: brand[140],
|
129
|
+
colorCompoundBrandStroke: brand[80],
|
130
|
+
colorCompoundBrandStrokeHover: brand[70],
|
131
|
+
colorCompoundBrandStrokePressed: brand[60],
|
132
|
+
colorNeutralStrokeDisabled: colors_1.grey[88],
|
133
|
+
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
|
134
|
+
colorTransparentStroke: 'transparent',
|
135
|
+
colorTransparentStrokeInteractive: 'transparent',
|
136
|
+
colorTransparentStrokeDisabled: 'transparent',
|
137
|
+
colorStrokeFocus1: colors_1.white,
|
138
|
+
colorStrokeFocus2: colors_1.black,
|
139
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
140
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
141
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
142
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
143
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
144
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
145
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
146
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
11
147
|
|
12
|
-
|
13
|
-
return {
|
14
|
-
colorNeutralForeground1: colors_1.grey[14],
|
15
|
-
colorNeutralForeground2: colors_1.grey[26],
|
16
|
-
colorNeutralForeground2Hover: colors_1.grey[14],
|
17
|
-
colorNeutralForeground2Pressed: colors_1.grey[14],
|
18
|
-
colorNeutralForeground2Selected: colors_1.grey[14],
|
19
|
-
colorNeutralForeground2BrandHover: brand.primary,
|
20
|
-
colorNeutralForeground2BrandPressed: brand.shade10,
|
21
|
-
colorNeutralForeground2BrandSelected: brand.primary,
|
22
|
-
colorNeutralForeground3: colors_1.grey[38],
|
23
|
-
colorNeutralForeground3Hover: colors_1.grey[26],
|
24
|
-
colorNeutralForeground3Pressed: colors_1.grey[26],
|
25
|
-
colorNeutralForeground3Selected: colors_1.grey[26],
|
26
|
-
colorNeutralForeground3BrandHover: brand.primary,
|
27
|
-
colorNeutralForeground3BrandPressed: brand.shade10,
|
28
|
-
colorNeutralForeground3BrandSelected: brand.primary,
|
29
|
-
colorNeutralForeground4: colors_1.grey[44],
|
30
|
-
colorNeutralForegroundDisabled: colors_1.grey[74],
|
31
|
-
colorBrandForegroundLink: brand.shade10,
|
32
|
-
colorBrandForegroundLinkHover: brand.shade20,
|
33
|
-
colorBrandForegroundLinkPressed: brand.shade40,
|
34
|
-
colorBrandForegroundLinkSelected: brand.shade10,
|
35
|
-
colorCompoundBrandForeground1: brand.primary,
|
36
|
-
colorCompoundBrandForeground1Hover: brand.shade10,
|
37
|
-
colorCompoundBrandForeground1Pressed: brand.shade20,
|
38
|
-
colorBrandForeground1: brand.primary,
|
39
|
-
colorBrandForeground2: brand.shade10,
|
40
|
-
colorNeutralForegroundInverted: colors_1.white,
|
41
|
-
colorNeutralForegroundOnBrand: colors_1.white,
|
42
|
-
colorNeutralForegroundInvertedLink: colors_1.white,
|
43
|
-
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
44
|
-
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
45
|
-
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
46
|
-
colorNeutralBackground1: colors_1.white,
|
47
|
-
colorNeutralBackground1Hover: colors_1.grey[96],
|
48
|
-
colorNeutralBackground1Pressed: colors_1.grey[88],
|
49
|
-
colorNeutralBackground1Selected: colors_1.grey[92],
|
50
|
-
colorNeutralBackground2: colors_1.grey[98],
|
51
|
-
colorNeutralBackground2Hover: colors_1.grey[94],
|
52
|
-
colorNeutralBackground2Pressed: colors_1.grey[86],
|
53
|
-
colorNeutralBackground2Selected: colors_1.grey[90],
|
54
|
-
colorNeutralBackground3: colors_1.grey[96],
|
55
|
-
colorNeutralBackground3Hover: colors_1.grey[92],
|
56
|
-
colorNeutralBackground3Pressed: colors_1.grey[84],
|
57
|
-
colorNeutralBackground3Selected: colors_1.grey[88],
|
58
|
-
colorNeutralBackground4: colors_1.grey[94],
|
59
|
-
colorNeutralBackground4Hover: colors_1.grey[98],
|
60
|
-
colorNeutralBackground4Pressed: colors_1.grey[96],
|
61
|
-
colorNeutralBackground4Selected: colors_1.white,
|
62
|
-
colorNeutralBackground5: colors_1.grey[92],
|
63
|
-
colorNeutralBackground5Hover: colors_1.grey[96],
|
64
|
-
colorNeutralBackground5Pressed: colors_1.grey[94],
|
65
|
-
colorNeutralBackground5Selected: colors_1.grey[98],
|
66
|
-
colorNeutralBackground6: colors_1.grey[90],
|
67
|
-
colorNeutralBackgroundInverted: colors_1.grey[38],
|
68
|
-
colorSubtleBackground: 'transparent',
|
69
|
-
colorSubtleBackgroundHover: colors_1.grey[96],
|
70
|
-
colorSubtleBackgroundPressed: colors_1.grey[88],
|
71
|
-
colorSubtleBackgroundSelected: colors_1.grey[92],
|
72
|
-
colorTransparentBackground: 'transparent',
|
73
|
-
colorTransparentBackgroundHover: 'transparent',
|
74
|
-
colorTransparentBackgroundPressed: 'transparent',
|
75
|
-
colorTransparentBackgroundSelected: 'transparent',
|
76
|
-
colorNeutralBackgroundDisabled: colors_1.grey[94],
|
77
|
-
colorNeutralStencil1: colors_1.grey[90],
|
78
|
-
colorNeutralStencil2: colors_1.grey[98],
|
79
|
-
colorBrandBackground: brand.primary,
|
80
|
-
colorBrandBackgroundHover: brand.shade10,
|
81
|
-
colorBrandBackgroundPressed: brand.shade40,
|
82
|
-
colorBrandBackgroundSelected: brand.shade20,
|
83
|
-
colorCompoundBrandBackground: brand.primary,
|
84
|
-
colorCompoundBrandBackgroundHover: brand.shade10,
|
85
|
-
colorCompoundBrandBackgroundPressed: brand.shade20,
|
86
|
-
colorBrandBackgroundStatic: brand.primary,
|
87
|
-
colorBrandBackground2: brand.tint60,
|
88
|
-
colorNeutralStrokeAccessible: colors_1.grey[38],
|
89
|
-
colorNeutralStrokeAccessibleHover: colors_1.grey[34],
|
90
|
-
colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
|
91
|
-
colorNeutralStrokeAccessibleSelected: brand.primary,
|
92
|
-
colorNeutralStroke1: colors_1.grey[82],
|
93
|
-
colorNeutralStroke1Hover: colors_1.grey[78],
|
94
|
-
colorNeutralStroke1Pressed: colors_1.grey[70],
|
95
|
-
colorNeutralStroke1Selected: colors_1.grey[74],
|
96
|
-
colorNeutralStroke2: colors_1.grey[88],
|
97
|
-
colorNeutralStroke3: colors_1.grey[94],
|
98
|
-
colorBrandStroke1: brand.primary,
|
99
|
-
colorBrandStroke2: brand.tint40,
|
100
|
-
colorCompoundBrandStroke: brand.primary,
|
101
|
-
colorCompoundBrandStrokeHover: brand.shade10,
|
102
|
-
colorCompoundBrandStrokePressed: brand.shade20,
|
103
|
-
colorNeutralStrokeDisabled: colors_1.grey[88],
|
104
|
-
colorTransparentStroke: 'transparent',
|
105
|
-
colorTransparentStrokeInteractive: 'transparent',
|
106
|
-
colorTransparentStrokeDisabled: 'transparent',
|
107
|
-
colorStrokeFocus1: colors_1.white,
|
108
|
-
colorStrokeFocus2: colors_1.black,
|
109
|
-
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
110
|
-
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
111
|
-
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
112
|
-
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
113
|
-
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
114
|
-
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
115
|
-
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
116
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
117
|
-
};
|
118
|
-
};
|
148
|
+
});
|
119
149
|
|
120
150
|
exports.generateColorTokens = generateColorTokens;
|
121
|
-
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
151
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce((acc, sharedColor) => {
|
152
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
153
|
+
const sharedColorTokens = {
|
154
|
+
[`colorPalette${color}Background1`]: colors_1.sharedColors[sharedColor].tint60,
|
155
|
+
[`colorPalette${color}Background2`]: colors_1.sharedColors[sharedColor].tint40,
|
156
|
+
[`colorPalette${color}Background3`]: colors_1.sharedColors[sharedColor].primary,
|
157
|
+
[`colorPalette${color}Foreground1`]: colors_1.sharedColors[sharedColor].shade10,
|
158
|
+
[`colorPalette${color}Foreground2`]: colors_1.sharedColors[sharedColor].shade30,
|
159
|
+
[`colorPalette${color}Foreground3`]: colors_1.sharedColors[sharedColor].primary,
|
160
|
+
[`colorPalette${color}BorderActive`]: colors_1.sharedColors[sharedColor].primary,
|
161
|
+
[`colorPalette${color}Border1`]: colors_1.sharedColors[sharedColor].tint40,
|
162
|
+
[`colorPalette${color}Border2`]: colors_1.sharedColors[sharedColor].primary
|
163
|
+
};
|
164
|
+
return { ...acc,
|
165
|
+
...sharedColorTokens
|
166
|
+
};
|
127
167
|
}, {});
|
128
168
|
//# sourceMappingURL=light.js.map
|