@fluentui/react-theme 9.0.0-nightly.46b9ea7036.0 → 9.0.0-rc.1
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 +139 -10
- package/CHANGELOG.md +42 -7
- 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/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/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/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/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/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/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/index.js +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/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/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/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/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 +6 -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
package/lib/alias/dark.js
CHANGED
@@ -1,117 +1,158 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
1
|
+
import { black, blackAlpha, grey, white, whiteAlpha, sharedColors } from '../global/colors';
|
2
|
+
export const generateColorTokens = brand => ({
|
3
|
+
colorNeutralForeground1: white,
|
4
|
+
colorNeutralForeground1Hover: white,
|
5
|
+
colorNeutralForeground1Pressed: white,
|
6
|
+
colorNeutralForeground1Selected: white,
|
7
|
+
colorNeutralForeground2: grey[84],
|
8
|
+
colorNeutralForeground2Hover: white,
|
9
|
+
colorNeutralForeground2Pressed: white,
|
10
|
+
colorNeutralForeground2Selected: white,
|
11
|
+
colorNeutralForeground2BrandHover: brand[100],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
14
|
+
colorNeutralForeground3: grey[68],
|
15
|
+
colorNeutralForeground3Hover: grey[84],
|
16
|
+
colorNeutralForeground3Pressed: grey[84],
|
17
|
+
colorNeutralForeground3Selected: grey[84],
|
18
|
+
colorNeutralForeground3BrandHover: brand[100],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
21
|
+
colorNeutralForeground4: grey[60],
|
22
|
+
colorNeutralForegroundDisabled: grey[36],
|
23
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
+
colorBrandForegroundLink: brand[90],
|
25
|
+
colorBrandForegroundLinkHover: brand[110],
|
26
|
+
colorBrandForegroundLinkPressed: brand[100],
|
27
|
+
colorBrandForegroundLinkSelected: brand[90],
|
28
|
+
colorCompoundBrandForeground1: brand[90],
|
29
|
+
colorCompoundBrandForeground1Hover: brand[100],
|
30
|
+
colorCompoundBrandForeground1Pressed: brand[80],
|
31
|
+
colorBrandForeground1: brand[100],
|
32
|
+
colorBrandForeground2: brand[110],
|
33
|
+
colorNeutralForeground1Static: grey[14],
|
34
|
+
colorNeutralForegroundInverted: white,
|
35
|
+
colorNeutralForegroundInvertedHover: white,
|
36
|
+
colorNeutralForegroundInvertedPressed: white,
|
37
|
+
colorNeutralForegroundInvertedSelected: white,
|
38
|
+
colorNeutralForegroundOnBrand: white,
|
39
|
+
colorNeutralForegroundInvertedLink: white,
|
40
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
41
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
42
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
43
|
+
colorBrandForegroundInverted: brand[100],
|
44
|
+
colorBrandForegroundInvertedHover: brand[110],
|
45
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
46
|
+
colorBrandForegroundOnLight: brand[80],
|
47
|
+
colorBrandForegroundOnLightHover: brand[70],
|
48
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
49
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
50
|
+
colorNeutralBackground1: grey[16],
|
51
|
+
colorNeutralBackground1Hover: grey[24],
|
52
|
+
colorNeutralBackground1Pressed: grey[12],
|
53
|
+
colorNeutralBackground1Selected: grey[22],
|
54
|
+
colorNeutralBackground2: grey[12],
|
55
|
+
colorNeutralBackground2Hover: grey[20],
|
56
|
+
colorNeutralBackground2Pressed: grey[8],
|
57
|
+
colorNeutralBackground2Selected: grey[18],
|
58
|
+
colorNeutralBackground3: grey[8],
|
59
|
+
colorNeutralBackground3Hover: grey[16],
|
60
|
+
colorNeutralBackground3Pressed: grey[4],
|
61
|
+
colorNeutralBackground3Selected: grey[14],
|
62
|
+
colorNeutralBackground4: grey[4],
|
63
|
+
colorNeutralBackground4Hover: grey[12],
|
64
|
+
colorNeutralBackground4Pressed: black,
|
65
|
+
colorNeutralBackground4Selected: grey[10],
|
66
|
+
colorNeutralBackground5: black,
|
67
|
+
colorNeutralBackground5Hover: grey[8],
|
68
|
+
colorNeutralBackground5Pressed: grey[2],
|
69
|
+
colorNeutralBackground5Selected: grey[6],
|
70
|
+
colorNeutralBackground6: grey[20],
|
71
|
+
colorNeutralBackgroundInverted: grey[24],
|
72
|
+
colorSubtleBackground: 'transparent',
|
73
|
+
colorSubtleBackgroundHover: grey[22],
|
74
|
+
colorSubtleBackgroundPressed: grey[18],
|
75
|
+
colorSubtleBackgroundSelected: grey[20],
|
76
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[10],
|
77
|
+
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[5],
|
78
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
79
|
+
colorSubtleBackgroundInverted: 'transparent',
|
80
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
81
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
82
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
83
|
+
colorTransparentBackground: 'transparent',
|
84
|
+
colorTransparentBackgroundHover: 'transparent',
|
85
|
+
colorTransparentBackgroundPressed: 'transparent',
|
86
|
+
colorTransparentBackgroundSelected: 'transparent',
|
87
|
+
colorNeutralBackgroundDisabled: grey[8],
|
88
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
89
|
+
colorNeutralStencil1: grey[34],
|
90
|
+
colorNeutralStencil2: grey[20],
|
91
|
+
colorBrandBackground: brand[70],
|
92
|
+
colorBrandBackgroundHover: brand[80],
|
93
|
+
colorBrandBackgroundPressed: brand[40],
|
94
|
+
colorBrandBackgroundSelected: brand[60],
|
95
|
+
colorCompoundBrandBackground: brand[90],
|
96
|
+
colorCompoundBrandBackgroundHover: brand[100],
|
97
|
+
colorCompoundBrandBackgroundPressed: brand[80],
|
98
|
+
colorBrandBackgroundStatic: brand[80],
|
99
|
+
colorBrandBackground2: brand[40],
|
100
|
+
colorBrandBackgroundInverted: white,
|
101
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
102
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
103
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
104
|
+
colorNeutralStrokeAccessible: grey[68],
|
105
|
+
colorNeutralStrokeAccessibleHover: grey[74],
|
106
|
+
colorNeutralStrokeAccessiblePressed: grey[70],
|
107
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
108
|
+
colorNeutralStroke1: grey[40],
|
109
|
+
colorNeutralStroke1Hover: grey[46],
|
110
|
+
colorNeutralStroke1Pressed: grey[42],
|
111
|
+
colorNeutralStroke1Selected: grey[44],
|
112
|
+
colorNeutralStroke2: grey[32],
|
113
|
+
colorNeutralStroke3: grey[24],
|
114
|
+
colorNeutralStrokeOnBrand: grey[16],
|
115
|
+
colorNeutralStrokeOnBrand2: white,
|
116
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
117
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
118
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
119
|
+
colorBrandStroke1: brand[90],
|
120
|
+
colorBrandStroke2: brand[50],
|
121
|
+
colorCompoundBrandStroke: brand[90],
|
122
|
+
colorCompoundBrandStrokeHover: brand[100],
|
123
|
+
colorCompoundBrandStrokePressed: brand[80],
|
124
|
+
colorNeutralStrokeDisabled: grey[26],
|
125
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
126
|
+
colorTransparentStroke: 'transparent',
|
127
|
+
colorTransparentStrokeInteractive: 'transparent',
|
128
|
+
colorTransparentStrokeDisabled: 'transparent',
|
129
|
+
colorStrokeFocus1: black,
|
130
|
+
colorStrokeFocus2: white,
|
131
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
132
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
133
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
134
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
135
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
136
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
137
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
112
139
|
|
113
|
-
|
114
|
-
|
115
|
-
|
140
|
+
});
|
141
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
142
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
+
const sharedColorTokens = {
|
144
|
+
[`colorPalette${color}Background1`]: sharedColors[sharedColor].shade40,
|
145
|
+
[`colorPalette${color}Background2`]: sharedColors[sharedColor].shade30,
|
146
|
+
[`colorPalette${color}Background3`]: sharedColors[sharedColor].primary,
|
147
|
+
[`colorPalette${color}Foreground1`]: sharedColors[sharedColor].tint30,
|
148
|
+
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
149
|
+
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
150
|
+
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
152
|
+
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
153
|
+
};
|
154
|
+
return { ...acc,
|
155
|
+
...sharedColorTokens
|
156
|
+
};
|
116
157
|
}, {});
|
117
158
|
//# sourceMappingURL=dark.js.map
|
package/lib/alias/dark.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/dark.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../src/alias/dark.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,EAAqD,YAArD,QAAyE,kBAAzE;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;AACzE,EAAA,uBAAuB,EAAE,KADgD;AAEzE,EAAA,4BAA4B,EAAE,KAF2C;AAGzE,EAAA,8BAA8B,EAAE,KAHyC;AAIzE,EAAA,+BAA+B,EAAE,KAJwC;AAKzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;AAMzE,EAAA,4BAA4B,EAAE,KAN2C;AAOzE,EAAA,8BAA8B,EAAE,KAPyC;AAQzE,EAAA,+BAA+B,EAAE,KARwC;AASzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CATiC;AAUzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAV+B;AAWzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,GAAD,CAX8B;AAYzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAZ4C;AAazE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAbuC;AAczE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAdqC;AAezE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAfoC;AAgBzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CAhBiC;AAiBzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAjB+B;AAkBzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,GAAD,CAlB8B;AAmBzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAnB4C;AAoBzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CApBqC;AAqBzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,EAAD,CArBuB;AAsBzE,EAAA,wBAAwB,EAAE,KAAK,CAAC,EAAD,CAtB0C;AAuBzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,GAAD,CAvBqC;AAwBzE,EAAA,+BAA+B,EAAE,KAAK,CAAC,GAAD,CAxBmC;AAyBzE,EAAA,gCAAgC,EAAE,KAAK,CAAC,EAAD,CAzBkC;AA0BzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,EAAD,CA1BqC;AA2BzE,EAAA,kCAAkC,EAAE,KAAK,CAAC,GAAD,CA3BgC;AA4BzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,EAAD,CA5B8B;AA6BzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,GAAD,CA7B6C;AA8BzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,GAAD,CA9B6C;AA+BzE,EAAA,6BAA6B,EAAE,IAAI,CAAC,EAAD,CA/BsC;AAgCzE,EAAA,8BAA8B,EAAE,KAhCyC;AAiCzE,EAAA,mCAAmC,EAAE,KAjCoC;AAkCzE,EAAA,qCAAqC,EAAE,KAlCkC;AAmCzE,EAAA,sCAAsC,EAAE,KAnCiC;AAoCzE,EAAA,6BAA6B,EAAE,KApC0C;AAqCzE,EAAA,kCAAkC,EAAE,KArCqC;AAsCzE,EAAA,uCAAuC,EAAE,KAtCgC;AAuCzE,EAAA,yCAAyC,EAAE,KAvC8B;AAwCzE,EAAA,0CAA0C,EAAE,KAxC6B;AAyCzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,GAAD,CAzCsC;AA0CzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CA1CiC;AA2CzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,GAAD,CA3C+B;AA4CzE,EAAA,2BAA2B,EAAE,KAAK,CAAC,EAAD,CA5CuC;AA6CzE,EAAA,gCAAgC,EAAE,KAAK,CAAC,EAAD,CA7CkC;AA8CzE,EAAA,kCAAkC,EAAE,KAAK,CAAC,EAAD,CA9CgC;AA+CzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CA/C+B;AAgDzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAhD4C;AAiDzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAjDuC;AAkDzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAlDqC;AAmDzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAnDoC;AAoDzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CApD4C;AAqDzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CArDuC;AAsDzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,CAAD,CAtDqC;AAuDzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAvDoC;AAwDzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,CAAD,CAxD4C;AAyDzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAzDuC;AA0DzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,CAAD,CA1DqC;AA2DzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CA3DoC;AA4DzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,CAAD,CA5D4C;AA6DzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA7DuC;AA8DzE,EAAA,8BAA8B,EAAE,KA9DyC;AA+DzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CA/DoC;AAgEzE,EAAA,uBAAuB,EAAE,KAhEgD;AAiEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,CAAD,CAjEuC;AAkEzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,CAAD,CAlEqC;AAmEzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,CAAD,CAnEoC;AAoEzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CApE4C;AAqEzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CArEqC;AAsEzE,EAAA,qBAAqB,EAAE,aAtEkD;AAuEzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CAvEyC;AAwEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAxEuC;AAyEzE,EAAA,6BAA6B,EAAE,IAAI,CAAC,EAAD,CAzEsC;AA0EzE,EAAA,oCAAoC,EAAE,UAAU,CAAC,EAAD,CA1EyB;AA2EzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,CAAD,CA3EuB;AA4EzE,EAAA,uCAAuC,EAAE,aA5EgC;AA6EzE,EAAA,6BAA6B,EAAE,aA7E0C;AA8EzE,EAAA,kCAAkC,EAAE,UAAU,CAAC,EAAD,CA9E2B;AA+EzE,EAAA,oCAAoC,EAAE,UAAU,CAAC,EAAD,CA/EyB;AAgFzE,EAAA,qCAAqC,EAAE,UAAU,CAAC,EAAD,CAhFwB;AAiFzE,EAAA,0BAA0B,EAAE,aAjF6C;AAkFzE,EAAA,+BAA+B,EAAE,aAlFwC;AAmFzE,EAAA,iCAAiC,EAAE,aAnFsC;AAoFzE,EAAA,kCAAkC,EAAE,aApFqC;AAqFzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,CAAD,CArFqC;AAsFzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,EAAD,CAtFuB;AAuFzE,EAAA,oBAAoB,EAAE,IAAI,CAAC,EAAD,CAvF+C;AAwFzE,EAAA,oBAAoB,EAAE,IAAI,CAAC,EAAD,CAxF+C;AAyFzE,EAAA,oBAAoB,EAAE,KAAK,CAAC,EAAD,CAzF8C;AA0FzE,EAAA,yBAAyB,EAAE,KAAK,CAAC,EAAD,CA1FyC;AA2FzE,EAAA,2BAA2B,EAAE,KAAK,CAAC,EAAD,CA3FuC;AA4FzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,EAAD,CA5FsC;AA6FzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,EAAD,CA7FsC;AA8FzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CA9FiC;AA+FzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CA/F+B;AAgGzE,EAAA,0BAA0B,EAAE,KAAK,CAAC,EAAD,CAhGwC;AAiGzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,EAAD,CAjG6C;AAkGzE,EAAA,4BAA4B,EAAE,KAlG2C;AAmGzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CAnGiC;AAoGzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,GAAD,CApG+B;AAqGzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,GAAD,CArG8B;AAsGzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAtGuC;AAuGzE,EAAA,iCAAiC,EAAE,IAAI,CAAC,EAAD,CAvGkC;AAwGzE,EAAA,mCAAmC,EAAE,IAAI,CAAC,EAAD,CAxGgC;AAyGzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,GAAD,CAzG8B;AA0GzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CA1GgD;AA2GzE,EAAA,wBAAwB,EAAE,IAAI,CAAC,EAAD,CA3G2C;AA4GzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CA5GyC;AA6GzE,EAAA,2BAA2B,EAAE,IAAI,CAAC,EAAD,CA7GwC;AA8GzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CA9GgD;AA+GzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CA/GgD;AAgHzE,EAAA,yBAAyB,EAAE,IAAI,CAAC,EAAD,CAhH0C;AAiHzE,EAAA,0BAA0B,EAAE,KAjH6C;AAkHzE,EAAA,+BAA+B,EAAE,KAlHwC;AAmHzE,EAAA,iCAAiC,EAAE,KAnHsC;AAoHzE,EAAA,kCAAkC,EAAE,KApHqC;AAqHzE,EAAA,iBAAiB,EAAE,KAAK,CAAC,EAAD,CArHiD;AAsHzE,EAAA,iBAAiB,EAAE,KAAK,CAAC,EAAD,CAtHiD;AAuHzE,EAAA,wBAAwB,EAAE,KAAK,CAAC,EAAD,CAvH0C;AAwHzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,GAAD,CAxHqC;AAyHzE,EAAA,+BAA+B,EAAE,KAAK,CAAC,EAAD,CAzHmC;AA0HzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CA1HyC;AA2HzE,EAAA,kCAAkC,EAAE,UAAU,CAAC,EAAD,CA3H2B;AA4HzE,EAAA,sBAAsB,EAAE,aA5HiD;AA6HzE,EAAA,iCAAiC,EAAE,aA7HsC;AA8HzE,EAAA,8BAA8B,EAAE,aA9HyC;AA+HzE,EAAA,iBAAiB,EAAE,KA/HsD;AAgIzE,EAAA,iBAAiB,EAAE,KAhIsD;AAiIzE,EAAA,yBAAyB,EAAE,kBAjI8C;AAkIzE,EAAA,qBAAqB,EAAE,kBAlIkD;AAmIzE,EAAA,gCAAgC,EAAE,kBAnIuC;AAoIzE,EAAA,4BAA4B,EAAE,kBApI2C;AAqIzE,EAAA,+BAA+B,EAAE,kBArIwC;AAsIzE,EAAA,2BAA2B,EAAE,kBAtI4C;AAuIzE,EAAA,uBAAuB,EAAE,kBAvIgD;AAwIzE,EAAA,mBAAmB,EAAE,kBAxIoD,CAwIhC;;AAxIgC,CAAxC,CAA5B;AA2IP,OAAO,MAAM,kBAAkB,gBAAwB,MAAM,CAAC,IAAP,CAAY,YAAZ,EAEpD,MAFoD,CAE7C,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OADvC;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAFvC;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OAHvC;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAJvC;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MALvC;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MANvC;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,YAAY,CAAC,WAAD,CAAZ,CAA0B,MAPxC;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B,OARnC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,YAAY,CAAC,WAAD,CAAZ,CAA0B;AATnC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBsD,EAiBpD,EAjBoD,CAAhD","sourceRoot":""}
|
@@ -1,117 +1,158 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
1
|
+
import { hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors';
|
2
|
+
export const generateColorTokens = () => ({
|
3
|
+
colorNeutralForeground1: hcCanvasText,
|
4
|
+
colorNeutralForeground1Hover: hcHighlightText,
|
5
|
+
colorNeutralForeground1Pressed: hcHighlightText,
|
6
|
+
colorNeutralForeground1Selected: hcHighlightText,
|
7
|
+
colorNeutralForeground2: hcCanvasText,
|
8
|
+
colorNeutralForeground2Hover: hcHighlightText,
|
9
|
+
colorNeutralForeground2Pressed: hcHighlightText,
|
10
|
+
colorNeutralForeground2Selected: hcHighlightText,
|
11
|
+
colorNeutralForeground2BrandHover: hcHighlightText,
|
12
|
+
colorNeutralForeground2BrandPressed: hcHighlightText,
|
13
|
+
colorNeutralForeground2BrandSelected: hcHighlightText,
|
14
|
+
colorNeutralForeground3: hcCanvasText,
|
15
|
+
colorNeutralForeground3Hover: hcHighlightText,
|
16
|
+
colorNeutralForeground3Pressed: hcHighlightText,
|
17
|
+
colorNeutralForeground3Selected: hcHighlightText,
|
18
|
+
colorNeutralForeground3BrandHover: hcHighlightText,
|
19
|
+
colorNeutralForeground3BrandPressed: hcHighlightText,
|
20
|
+
colorNeutralForeground3BrandSelected: hcHighlightText,
|
21
|
+
colorNeutralForeground4: hcCanvasText,
|
22
|
+
colorNeutralForegroundDisabled: hcDisabled,
|
23
|
+
colorNeutralForegroundInvertedDisabled: hcDisabled,
|
24
|
+
colorBrandForegroundLink: hcHyperlink,
|
25
|
+
colorBrandForegroundLinkHover: hcHyperlink,
|
26
|
+
colorBrandForegroundLinkPressed: hcHyperlink,
|
27
|
+
colorBrandForegroundLinkSelected: hcHyperlink,
|
28
|
+
colorCompoundBrandForeground1: hcHighlight,
|
29
|
+
colorCompoundBrandForeground1Hover: hcHighlight,
|
30
|
+
colorCompoundBrandForeground1Pressed: hcHighlight,
|
31
|
+
colorBrandForeground1: hcCanvasText,
|
32
|
+
colorBrandForeground2: hcButtonText,
|
33
|
+
colorNeutralForeground1Static: hcCanvas,
|
34
|
+
colorNeutralForegroundInverted: hcCanvasText,
|
35
|
+
colorNeutralForegroundInvertedHover: hcHighlightText,
|
36
|
+
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
37
|
+
colorNeutralForegroundInvertedSelected: hcHighlightText,
|
38
|
+
colorNeutralForegroundOnBrand: hcButtonText,
|
39
|
+
colorNeutralForegroundInvertedLink: hcHyperlink,
|
40
|
+
colorNeutralForegroundInvertedLinkHover: hcHyperlink,
|
41
|
+
colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
|
42
|
+
colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
|
43
|
+
colorBrandForegroundInverted: hcCanvasText,
|
44
|
+
colorBrandForegroundInvertedHover: hcCanvasText,
|
45
|
+
colorBrandForegroundInvertedPressed: hcCanvasText,
|
46
|
+
colorBrandForegroundOnLight: hcButtonText,
|
47
|
+
colorBrandForegroundOnLightHover: hcHighlightText,
|
48
|
+
colorBrandForegroundOnLightPressed: hcHighlightText,
|
49
|
+
colorBrandForegroundOnLightSelected: hcHighlightText,
|
50
|
+
colorNeutralBackground1: hcCanvas,
|
51
|
+
colorNeutralBackground1Hover: hcHighlight,
|
52
|
+
colorNeutralBackground1Pressed: hcHighlight,
|
53
|
+
colorNeutralBackground1Selected: hcHighlight,
|
54
|
+
colorNeutralBackground2: hcCanvas,
|
55
|
+
colorNeutralBackground2Hover: hcHighlight,
|
56
|
+
colorNeutralBackground2Pressed: hcHighlight,
|
57
|
+
colorNeutralBackground2Selected: hcHighlight,
|
58
|
+
colorNeutralBackground3: hcCanvas,
|
59
|
+
colorNeutralBackground3Hover: hcHighlight,
|
60
|
+
colorNeutralBackground3Pressed: hcHighlight,
|
61
|
+
colorNeutralBackground3Selected: hcHighlight,
|
62
|
+
colorNeutralBackground4: hcCanvas,
|
63
|
+
colorNeutralBackground4Hover: hcHighlight,
|
64
|
+
colorNeutralBackground4Pressed: hcHighlight,
|
65
|
+
colorNeutralBackground4Selected: hcHighlight,
|
66
|
+
colorNeutralBackground5: hcCanvas,
|
67
|
+
colorNeutralBackground5Hover: hcHighlight,
|
68
|
+
colorNeutralBackground5Pressed: hcHighlight,
|
69
|
+
colorNeutralBackground5Selected: hcHighlight,
|
70
|
+
colorNeutralBackground6: hcCanvas,
|
71
|
+
colorNeutralBackgroundInverted: hcCanvas,
|
72
|
+
colorSubtleBackground: 'transparent',
|
73
|
+
colorSubtleBackgroundHover: hcHighlight,
|
74
|
+
colorSubtleBackgroundPressed: hcHighlight,
|
75
|
+
colorSubtleBackgroundSelected: hcHighlight,
|
76
|
+
colorSubtleBackgroundLightAlphaHover: hcHighlight,
|
77
|
+
colorSubtleBackgroundLightAlphaPressed: hcHighlight,
|
78
|
+
colorSubtleBackgroundLightAlphaSelected: hcHighlight,
|
79
|
+
colorSubtleBackgroundInverted: 'transparent',
|
80
|
+
colorSubtleBackgroundInvertedHover: hcHighlight,
|
81
|
+
colorSubtleBackgroundInvertedPressed: hcHighlight,
|
82
|
+
colorSubtleBackgroundInvertedSelected: hcHighlight,
|
83
|
+
colorTransparentBackground: 'transparent',
|
84
|
+
colorTransparentBackgroundHover: hcHighlight,
|
85
|
+
colorTransparentBackgroundPressed: hcHighlight,
|
86
|
+
colorTransparentBackgroundSelected: hcHighlight,
|
87
|
+
colorNeutralBackgroundDisabled: hcCanvas,
|
88
|
+
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
89
|
+
colorNeutralStencil1: hcCanvasText,
|
90
|
+
colorNeutralStencil2: hcCanvasText,
|
91
|
+
colorBrandBackground: hcButtonFace,
|
92
|
+
colorBrandBackgroundHover: hcHighlight,
|
93
|
+
colorBrandBackgroundPressed: hcHighlight,
|
94
|
+
colorBrandBackgroundSelected: hcHighlight,
|
95
|
+
colorCompoundBrandBackground: hcHighlight,
|
96
|
+
colorCompoundBrandBackgroundHover: hcHighlight,
|
97
|
+
colorCompoundBrandBackgroundPressed: hcHighlight,
|
98
|
+
colorBrandBackgroundStatic: hcCanvas,
|
99
|
+
colorBrandBackground2: hcButtonFace,
|
100
|
+
colorBrandBackgroundInverted: hcButtonFace,
|
101
|
+
colorBrandBackgroundInvertedHover: hcHighlight,
|
102
|
+
colorBrandBackgroundInvertedPressed: hcHighlight,
|
103
|
+
colorBrandBackgroundInvertedSelected: hcHighlight,
|
104
|
+
colorNeutralStrokeAccessible: hcCanvasText,
|
105
|
+
colorNeutralStrokeAccessibleHover: hcHighlight,
|
106
|
+
colorNeutralStrokeAccessiblePressed: hcHighlight,
|
107
|
+
colorNeutralStrokeAccessibleSelected: hcHighlight,
|
108
|
+
colorNeutralStroke1: hcCanvasText,
|
109
|
+
colorNeutralStroke1Hover: hcHighlight,
|
110
|
+
colorNeutralStroke1Pressed: hcHighlight,
|
111
|
+
colorNeutralStroke1Selected: hcHighlight,
|
112
|
+
colorNeutralStroke2: hcCanvasText,
|
113
|
+
colorNeutralStroke3: hcCanvasText,
|
114
|
+
colorNeutralStrokeOnBrand: hcCanvas,
|
115
|
+
colorNeutralStrokeOnBrand2: hcCanvasText,
|
116
|
+
colorNeutralStrokeOnBrand2Hover: hcCanvasText,
|
117
|
+
colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
|
118
|
+
colorNeutralStrokeOnBrand2Selected: hcCanvasText,
|
119
|
+
colorBrandStroke1: hcCanvasText,
|
120
|
+
colorBrandStroke2: hcCanvas,
|
121
|
+
colorCompoundBrandStroke: hcHighlight,
|
122
|
+
colorCompoundBrandStrokeHover: hcHighlight,
|
123
|
+
colorCompoundBrandStrokePressed: hcHighlight,
|
124
|
+
colorNeutralStrokeDisabled: hcDisabled,
|
125
|
+
colorNeutralStrokeInvertedDisabled: hcDisabled,
|
126
|
+
colorTransparentStroke: hcCanvasText,
|
127
|
+
colorTransparentStrokeInteractive: hcHighlight,
|
128
|
+
colorTransparentStrokeDisabled: hcDisabled,
|
129
|
+
colorStrokeFocus1: hcCanvas,
|
130
|
+
colorStrokeFocus2: hcHighlight,
|
131
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
132
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
133
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
134
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
135
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
136
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
137
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
112
139
|
|
113
|
-
|
114
|
-
|
115
|
-
|
140
|
+
});
|
141
|
+
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
142
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
143
|
+
const sharedColorTokens = {
|
144
|
+
[`colorPalette${color}Background1`]: white,
|
145
|
+
[`colorPalette${color}Background2`]: black,
|
146
|
+
[`colorPalette${color}Background3`]: white,
|
147
|
+
[`colorPalette${color}Foreground1`]: black,
|
148
|
+
[`colorPalette${color}Foreground2`]: white,
|
149
|
+
[`colorPalette${color}Foreground3`]: white,
|
150
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
151
|
+
[`colorPalette${color}Border1`]: white,
|
152
|
+
[`colorPalette${color}Border2`]: white
|
153
|
+
};
|
154
|
+
return { ...acc,
|
155
|
+
...sharedColorTokens
|
156
|
+
};
|
116
157
|
}, {});
|
117
158
|
//# sourceMappingURL=highContrast.js.map
|