@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.10
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 +264 -1
- package/CHANGELOG.md +86 -2
- package/dist/index.d.ts +460 -0
- package/lib/alias/darkColor.js +162 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +67 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +162 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +52 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +162 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +57 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +162 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +8 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +54 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +45 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +807 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +11 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +37 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +9 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +6 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +107 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/themeToTokensObject.js +15 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +2 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +3 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +2 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +3 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +3 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +3 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +2 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +3 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +480 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +1 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +27 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +27 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +27 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +27 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +4 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +10 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +172 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +85 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +172 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +172 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +75 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +172 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +18 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +75 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +66 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +1014 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +21 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +20 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +59 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +13 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +58 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +16 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +115 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +50 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +84 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/statusColorMapping.js +15 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +25 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +7 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +8 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +7 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +490 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +4 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +37 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +37 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +9 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +7 -4
- package/lib-amd/index.js +0 -5
- package/lib-amd/index.js.map +0 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "generateColorTokens", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return generateColorTokens;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _colors = require("../global/colors");
|
|
12
|
+
const generateColorTokens = ()=>({
|
|
13
|
+
colorNeutralForeground1: _colors.hcCanvasText,
|
|
14
|
+
colorNeutralForeground1Hover: _colors.hcHighlightText,
|
|
15
|
+
colorNeutralForeground1Pressed: _colors.hcHighlightText,
|
|
16
|
+
colorNeutralForeground1Selected: _colors.hcHighlightText,
|
|
17
|
+
colorNeutralForeground2: _colors.hcCanvasText,
|
|
18
|
+
colorNeutralForeground2Hover: _colors.hcHighlightText,
|
|
19
|
+
colorNeutralForeground2Pressed: _colors.hcHighlightText,
|
|
20
|
+
colorNeutralForeground2Selected: _colors.hcHighlightText,
|
|
21
|
+
colorNeutralForeground2BrandHover: _colors.hcHighlightText,
|
|
22
|
+
colorNeutralForeground2BrandPressed: _colors.hcHighlightText,
|
|
23
|
+
colorNeutralForeground2BrandSelected: _colors.hcHighlightText,
|
|
24
|
+
colorNeutralForeground3: _colors.hcCanvasText,
|
|
25
|
+
colorNeutralForeground3Hover: _colors.hcHighlightText,
|
|
26
|
+
colorNeutralForeground3Pressed: _colors.hcHighlightText,
|
|
27
|
+
colorNeutralForeground3Selected: _colors.hcHighlightText,
|
|
28
|
+
colorNeutralForeground3BrandHover: _colors.hcHighlightText,
|
|
29
|
+
colorNeutralForeground3BrandPressed: _colors.hcHighlightText,
|
|
30
|
+
colorNeutralForeground3BrandSelected: _colors.hcHighlightText,
|
|
31
|
+
colorNeutralForeground4: _colors.hcCanvasText,
|
|
32
|
+
colorNeutralForegroundDisabled: _colors.hcDisabled,
|
|
33
|
+
colorNeutralForegroundInvertedDisabled: _colors.hcDisabled,
|
|
34
|
+
colorBrandForegroundLink: _colors.hcHyperlink,
|
|
35
|
+
colorBrandForegroundLinkHover: _colors.hcHyperlink,
|
|
36
|
+
colorBrandForegroundLinkPressed: _colors.hcHyperlink,
|
|
37
|
+
colorBrandForegroundLinkSelected: _colors.hcHyperlink,
|
|
38
|
+
colorNeutralForeground2Link: _colors.hcHyperlink,
|
|
39
|
+
colorNeutralForeground2LinkHover: _colors.hcHyperlink,
|
|
40
|
+
colorNeutralForeground2LinkPressed: _colors.hcHyperlink,
|
|
41
|
+
colorNeutralForeground2LinkSelected: _colors.hcHyperlink,
|
|
42
|
+
colorCompoundBrandForeground1: _colors.hcHighlight,
|
|
43
|
+
colorCompoundBrandForeground1Hover: _colors.hcHighlight,
|
|
44
|
+
colorCompoundBrandForeground1Pressed: _colors.hcHighlight,
|
|
45
|
+
colorBrandForeground1: _colors.hcCanvasText,
|
|
46
|
+
colorBrandForeground2: _colors.hcCanvasText,
|
|
47
|
+
colorBrandForeground2Hover: _colors.hcCanvasText,
|
|
48
|
+
colorBrandForeground2Pressed: _colors.hcCanvasText,
|
|
49
|
+
colorNeutralForeground1Static: _colors.hcCanvas,
|
|
50
|
+
colorNeutralForegroundStaticInverted: _colors.hcCanvasText,
|
|
51
|
+
colorNeutralForegroundInverted: _colors.hcHighlightText,
|
|
52
|
+
colorNeutralForegroundInvertedHover: _colors.hcHighlightText,
|
|
53
|
+
colorNeutralForegroundInvertedPressed: _colors.hcHighlightText,
|
|
54
|
+
colorNeutralForegroundInvertedSelected: _colors.hcHighlightText,
|
|
55
|
+
colorNeutralForegroundInverted2: _colors.hcCanvasText,
|
|
56
|
+
colorNeutralForegroundOnBrand: _colors.hcButtonText,
|
|
57
|
+
colorNeutralForegroundInvertedLink: _colors.hcHyperlink,
|
|
58
|
+
colorNeutralForegroundInvertedLinkHover: _colors.hcHyperlink,
|
|
59
|
+
colorNeutralForegroundInvertedLinkPressed: _colors.hcHyperlink,
|
|
60
|
+
colorNeutralForegroundInvertedLinkSelected: _colors.hcHyperlink,
|
|
61
|
+
colorBrandForegroundInverted: _colors.hcCanvasText,
|
|
62
|
+
colorBrandForegroundInvertedHover: _colors.hcHighlightText,
|
|
63
|
+
colorBrandForegroundInvertedPressed: _colors.hcHighlightText,
|
|
64
|
+
colorBrandForegroundOnLight: _colors.hcButtonText,
|
|
65
|
+
colorBrandForegroundOnLightHover: _colors.hcHighlightText,
|
|
66
|
+
colorBrandForegroundOnLightPressed: _colors.hcHighlightText,
|
|
67
|
+
colorBrandForegroundOnLightSelected: _colors.hcHighlightText,
|
|
68
|
+
colorNeutralBackground1: _colors.hcCanvas,
|
|
69
|
+
colorNeutralBackground1Hover: _colors.hcHighlight,
|
|
70
|
+
colorNeutralBackground1Pressed: _colors.hcHighlight,
|
|
71
|
+
colorNeutralBackground1Selected: _colors.hcHighlight,
|
|
72
|
+
colorNeutralBackground2: _colors.hcCanvas,
|
|
73
|
+
colorNeutralBackground2Hover: _colors.hcHighlight,
|
|
74
|
+
colorNeutralBackground2Pressed: _colors.hcHighlight,
|
|
75
|
+
colorNeutralBackground2Selected: _colors.hcHighlight,
|
|
76
|
+
colorNeutralBackground3: _colors.hcCanvas,
|
|
77
|
+
colorNeutralBackground3Hover: _colors.hcHighlight,
|
|
78
|
+
colorNeutralBackground3Pressed: _colors.hcHighlight,
|
|
79
|
+
colorNeutralBackground3Selected: _colors.hcHighlight,
|
|
80
|
+
colorNeutralBackground4: _colors.hcCanvas,
|
|
81
|
+
colorNeutralBackground4Hover: _colors.hcHighlight,
|
|
82
|
+
colorNeutralBackground4Pressed: _colors.hcHighlight,
|
|
83
|
+
colorNeutralBackground4Selected: _colors.hcHighlight,
|
|
84
|
+
colorNeutralBackground5: _colors.hcCanvas,
|
|
85
|
+
colorNeutralBackground5Hover: _colors.hcHighlight,
|
|
86
|
+
colorNeutralBackground5Pressed: _colors.hcHighlight,
|
|
87
|
+
colorNeutralBackground5Selected: _colors.hcHighlight,
|
|
88
|
+
colorNeutralBackground6: _colors.hcCanvas,
|
|
89
|
+
colorNeutralBackgroundInverted: _colors.hcCanvas,
|
|
90
|
+
colorNeutralBackgroundStatic: _colors.hcCanvas,
|
|
91
|
+
colorNeutralBackgroundAlpha: _colors.hcCanvas,
|
|
92
|
+
colorNeutralBackgroundAlpha2: _colors.hcCanvas,
|
|
93
|
+
colorSubtleBackground: 'transparent',
|
|
94
|
+
colorSubtleBackgroundHover: _colors.hcHighlight,
|
|
95
|
+
colorSubtleBackgroundPressed: _colors.hcHighlight,
|
|
96
|
+
colorSubtleBackgroundSelected: _colors.hcHighlight,
|
|
97
|
+
colorSubtleBackgroundLightAlphaHover: _colors.hcHighlight,
|
|
98
|
+
colorSubtleBackgroundLightAlphaPressed: _colors.hcHighlight,
|
|
99
|
+
colorSubtleBackgroundLightAlphaSelected: _colors.hcHighlight,
|
|
100
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
101
|
+
colorSubtleBackgroundInvertedHover: _colors.hcHighlight,
|
|
102
|
+
colorSubtleBackgroundInvertedPressed: _colors.hcHighlight,
|
|
103
|
+
colorSubtleBackgroundInvertedSelected: _colors.hcHighlight,
|
|
104
|
+
colorTransparentBackground: 'transparent',
|
|
105
|
+
colorTransparentBackgroundHover: _colors.hcHighlight,
|
|
106
|
+
colorTransparentBackgroundPressed: _colors.hcHighlight,
|
|
107
|
+
colorTransparentBackgroundSelected: _colors.hcHighlight,
|
|
108
|
+
colorNeutralBackgroundDisabled: _colors.hcCanvas,
|
|
109
|
+
colorNeutralBackgroundInvertedDisabled: _colors.hcCanvas,
|
|
110
|
+
colorNeutralStencil1: _colors.hcCanvasText,
|
|
111
|
+
colorNeutralStencil2: _colors.hcCanvasText,
|
|
112
|
+
colorNeutralStencil1Alpha: _colors.hcCanvasText,
|
|
113
|
+
colorNeutralStencil2Alpha: _colors.hcCanvasText,
|
|
114
|
+
colorBackgroundOverlay: _colors.blackAlpha[50],
|
|
115
|
+
colorScrollbarOverlay: _colors.hcButtonFace,
|
|
116
|
+
colorBrandBackground: _colors.hcButtonFace,
|
|
117
|
+
colorBrandBackgroundHover: _colors.hcHighlight,
|
|
118
|
+
colorBrandBackgroundPressed: _colors.hcHighlight,
|
|
119
|
+
colorBrandBackgroundSelected: _colors.hcHighlight,
|
|
120
|
+
colorCompoundBrandBackground: _colors.hcHighlight,
|
|
121
|
+
colorCompoundBrandBackgroundHover: _colors.hcHighlight,
|
|
122
|
+
colorCompoundBrandBackgroundPressed: _colors.hcHighlight,
|
|
123
|
+
colorBrandBackgroundStatic: _colors.hcCanvas,
|
|
124
|
+
colorBrandBackground2: _colors.hcCanvas,
|
|
125
|
+
colorBrandBackground2Hover: _colors.hcCanvas,
|
|
126
|
+
colorBrandBackground2Pressed: _colors.hcCanvas,
|
|
127
|
+
colorBrandBackgroundInverted: _colors.hcButtonFace,
|
|
128
|
+
colorBrandBackgroundInvertedHover: _colors.hcHighlight,
|
|
129
|
+
colorBrandBackgroundInvertedPressed: _colors.hcHighlight,
|
|
130
|
+
colorBrandBackgroundInvertedSelected: _colors.hcHighlight,
|
|
131
|
+
colorNeutralStrokeAccessible: _colors.hcCanvasText,
|
|
132
|
+
colorNeutralStrokeAccessibleHover: _colors.hcHighlight,
|
|
133
|
+
colorNeutralStrokeAccessiblePressed: _colors.hcHighlight,
|
|
134
|
+
colorNeutralStrokeAccessibleSelected: _colors.hcHighlight,
|
|
135
|
+
colorNeutralStroke1: _colors.hcCanvasText,
|
|
136
|
+
colorNeutralStroke1Hover: _colors.hcHighlight,
|
|
137
|
+
colorNeutralStroke1Pressed: _colors.hcHighlight,
|
|
138
|
+
colorNeutralStroke1Selected: _colors.hcHighlight,
|
|
139
|
+
colorNeutralStroke2: _colors.hcCanvasText,
|
|
140
|
+
colorNeutralStroke3: _colors.hcCanvasText,
|
|
141
|
+
colorNeutralStrokeSubtle: _colors.hcCanvasText,
|
|
142
|
+
colorNeutralStrokeOnBrand: _colors.hcCanvas,
|
|
143
|
+
colorNeutralStrokeOnBrand2: _colors.hcCanvasText,
|
|
144
|
+
colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText,
|
|
145
|
+
colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText,
|
|
146
|
+
colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText,
|
|
147
|
+
colorBrandStroke1: _colors.hcCanvasText,
|
|
148
|
+
colorBrandStroke2: _colors.hcCanvasText,
|
|
149
|
+
colorBrandStroke2Hover: _colors.hcHighlight,
|
|
150
|
+
colorBrandStroke2Pressed: _colors.hcHighlight,
|
|
151
|
+
colorBrandStroke2Contrast: _colors.hcCanvas,
|
|
152
|
+
colorCompoundBrandStroke: _colors.hcHighlight,
|
|
153
|
+
colorCompoundBrandStrokeHover: _colors.hcHighlight,
|
|
154
|
+
colorCompoundBrandStrokePressed: _colors.hcHighlight,
|
|
155
|
+
colorNeutralStrokeDisabled: _colors.hcDisabled,
|
|
156
|
+
colorNeutralStrokeInvertedDisabled: _colors.hcDisabled,
|
|
157
|
+
colorTransparentStroke: _colors.hcCanvasText,
|
|
158
|
+
colorTransparentStrokeInteractive: _colors.hcHighlight,
|
|
159
|
+
colorTransparentStrokeDisabled: _colors.hcDisabled,
|
|
160
|
+
colorNeutralStrokeAlpha: _colors.hcCanvasText,
|
|
161
|
+
colorNeutralStrokeAlpha2: _colors.hcCanvas,
|
|
162
|
+
colorStrokeFocus1: _colors.hcCanvas,
|
|
163
|
+
colorStrokeFocus2: _colors.hcHighlight,
|
|
164
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
165
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
|
166
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
|
167
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
|
168
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
|
169
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
|
170
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
171
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
172
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["highContrastColor.js"],"sourcesContent":["/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';\nexport const generateColorTokens = ()=>({\n colorNeutralForeground1: hcCanvasText,\n colorNeutralForeground1Hover: hcHighlightText,\n colorNeutralForeground1Pressed: hcHighlightText,\n colorNeutralForeground1Selected: hcHighlightText,\n colorNeutralForeground2: hcCanvasText,\n colorNeutralForeground2Hover: hcHighlightText,\n colorNeutralForeground2Pressed: hcHighlightText,\n colorNeutralForeground2Selected: hcHighlightText,\n colorNeutralForeground2BrandHover: hcHighlightText,\n colorNeutralForeground2BrandPressed: hcHighlightText,\n colorNeutralForeground2BrandSelected: hcHighlightText,\n colorNeutralForeground3: hcCanvasText,\n colorNeutralForeground3Hover: hcHighlightText,\n colorNeutralForeground3Pressed: hcHighlightText,\n colorNeutralForeground3Selected: hcHighlightText,\n colorNeutralForeground3BrandHover: hcHighlightText,\n colorNeutralForeground3BrandPressed: hcHighlightText,\n colorNeutralForeground3BrandSelected: hcHighlightText,\n colorNeutralForeground4: hcCanvasText,\n colorNeutralForegroundDisabled: hcDisabled,\n colorNeutralForegroundInvertedDisabled: hcDisabled,\n colorBrandForegroundLink: hcHyperlink,\n colorBrandForegroundLinkHover: hcHyperlink,\n colorBrandForegroundLinkPressed: hcHyperlink,\n colorBrandForegroundLinkSelected: hcHyperlink,\n colorNeutralForeground2Link: hcHyperlink,\n colorNeutralForeground2LinkHover: hcHyperlink,\n colorNeutralForeground2LinkPressed: hcHyperlink,\n colorNeutralForeground2LinkSelected: hcHyperlink,\n colorCompoundBrandForeground1: hcHighlight,\n colorCompoundBrandForeground1Hover: hcHighlight,\n colorCompoundBrandForeground1Pressed: hcHighlight,\n colorBrandForeground1: hcCanvasText,\n colorBrandForeground2: hcCanvasText,\n colorBrandForeground2Hover: hcCanvasText,\n colorBrandForeground2Pressed: hcCanvasText,\n colorNeutralForeground1Static: hcCanvas,\n colorNeutralForegroundStaticInverted: hcCanvasText,\n colorNeutralForegroundInverted: hcHighlightText,\n colorNeutralForegroundInvertedHover: hcHighlightText,\n colorNeutralForegroundInvertedPressed: hcHighlightText,\n colorNeutralForegroundInvertedSelected: hcHighlightText,\n colorNeutralForegroundInverted2: hcCanvasText,\n colorNeutralForegroundOnBrand: hcButtonText,\n colorNeutralForegroundInvertedLink: hcHyperlink,\n colorNeutralForegroundInvertedLinkHover: hcHyperlink,\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink,\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink,\n colorBrandForegroundInverted: hcCanvasText,\n colorBrandForegroundInvertedHover: hcHighlightText,\n colorBrandForegroundInvertedPressed: hcHighlightText,\n colorBrandForegroundOnLight: hcButtonText,\n colorBrandForegroundOnLightHover: hcHighlightText,\n colorBrandForegroundOnLightPressed: hcHighlightText,\n colorBrandForegroundOnLightSelected: hcHighlightText,\n colorNeutralBackground1: hcCanvas,\n colorNeutralBackground1Hover: hcHighlight,\n colorNeutralBackground1Pressed: hcHighlight,\n colorNeutralBackground1Selected: hcHighlight,\n colorNeutralBackground2: hcCanvas,\n colorNeutralBackground2Hover: hcHighlight,\n colorNeutralBackground2Pressed: hcHighlight,\n colorNeutralBackground2Selected: hcHighlight,\n colorNeutralBackground3: hcCanvas,\n colorNeutralBackground3Hover: hcHighlight,\n colorNeutralBackground3Pressed: hcHighlight,\n colorNeutralBackground3Selected: hcHighlight,\n colorNeutralBackground4: hcCanvas,\n colorNeutralBackground4Hover: hcHighlight,\n colorNeutralBackground4Pressed: hcHighlight,\n colorNeutralBackground4Selected: hcHighlight,\n colorNeutralBackground5: hcCanvas,\n colorNeutralBackground5Hover: hcHighlight,\n colorNeutralBackground5Pressed: hcHighlight,\n colorNeutralBackground5Selected: hcHighlight,\n colorNeutralBackground6: hcCanvas,\n colorNeutralBackgroundInverted: hcCanvas,\n colorNeutralBackgroundStatic: hcCanvas,\n colorNeutralBackgroundAlpha: hcCanvas,\n colorNeutralBackgroundAlpha2: hcCanvas,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: hcHighlight,\n colorSubtleBackgroundPressed: hcHighlight,\n colorSubtleBackgroundSelected: hcHighlight,\n colorSubtleBackgroundLightAlphaHover: hcHighlight,\n colorSubtleBackgroundLightAlphaPressed: hcHighlight,\n colorSubtleBackgroundLightAlphaSelected: hcHighlight,\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: hcHighlight,\n colorSubtleBackgroundInvertedPressed: hcHighlight,\n colorSubtleBackgroundInvertedSelected: hcHighlight,\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: hcHighlight,\n colorTransparentBackgroundPressed: hcHighlight,\n colorTransparentBackgroundSelected: hcHighlight,\n colorNeutralBackgroundDisabled: hcCanvas,\n colorNeutralBackgroundInvertedDisabled: hcCanvas,\n colorNeutralStencil1: hcCanvasText,\n colorNeutralStencil2: hcCanvasText,\n colorNeutralStencil1Alpha: hcCanvasText,\n colorNeutralStencil2Alpha: hcCanvasText,\n colorBackgroundOverlay: blackAlpha[50],\n colorScrollbarOverlay: hcButtonFace,\n colorBrandBackground: hcButtonFace,\n colorBrandBackgroundHover: hcHighlight,\n colorBrandBackgroundPressed: hcHighlight,\n colorBrandBackgroundSelected: hcHighlight,\n colorCompoundBrandBackground: hcHighlight,\n colorCompoundBrandBackgroundHover: hcHighlight,\n colorCompoundBrandBackgroundPressed: hcHighlight,\n colorBrandBackgroundStatic: hcCanvas,\n colorBrandBackground2: hcCanvas,\n colorBrandBackground2Hover: hcCanvas,\n colorBrandBackground2Pressed: hcCanvas,\n colorBrandBackgroundInverted: hcButtonFace,\n colorBrandBackgroundInvertedHover: hcHighlight,\n colorBrandBackgroundInvertedPressed: hcHighlight,\n colorBrandBackgroundInvertedSelected: hcHighlight,\n colorNeutralStrokeAccessible: hcCanvasText,\n colorNeutralStrokeAccessibleHover: hcHighlight,\n colorNeutralStrokeAccessiblePressed: hcHighlight,\n colorNeutralStrokeAccessibleSelected: hcHighlight,\n colorNeutralStroke1: hcCanvasText,\n colorNeutralStroke1Hover: hcHighlight,\n colorNeutralStroke1Pressed: hcHighlight,\n colorNeutralStroke1Selected: hcHighlight,\n colorNeutralStroke2: hcCanvasText,\n colorNeutralStroke3: hcCanvasText,\n colorNeutralStrokeSubtle: hcCanvasText,\n colorNeutralStrokeOnBrand: hcCanvas,\n colorNeutralStrokeOnBrand2: hcCanvasText,\n colorNeutralStrokeOnBrand2Hover: hcCanvasText,\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText,\n colorNeutralStrokeOnBrand2Selected: hcCanvasText,\n colorBrandStroke1: hcCanvasText,\n colorBrandStroke2: hcCanvasText,\n colorBrandStroke2Hover: hcHighlight,\n colorBrandStroke2Pressed: hcHighlight,\n colorBrandStroke2Contrast: hcCanvas,\n colorCompoundBrandStroke: hcHighlight,\n colorCompoundBrandStrokeHover: hcHighlight,\n colorCompoundBrandStrokePressed: hcHighlight,\n colorNeutralStrokeDisabled: hcDisabled,\n colorNeutralStrokeInvertedDisabled: hcDisabled,\n colorTransparentStroke: hcCanvasText,\n colorTransparentStrokeInteractive: hcHighlight,\n colorTransparentStrokeDisabled: hcDisabled,\n colorNeutralStrokeAlpha: hcCanvasText,\n colorNeutralStrokeAlpha2: hcCanvas,\n colorStrokeFocus1: hcCanvas,\n colorStrokeFocus2: hcHighlight,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n });\n"],"names":["generateColorTokens","colorNeutralForeground1","hcCanvasText","colorNeutralForeground1Hover","hcHighlightText","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","hcDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","hcHyperlink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","hcHighlight","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","hcCanvas","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","hcButtonText","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","blackAlpha","colorScrollbarOverlay","hcButtonFace","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
colorPaletteTokens: function() {
|
|
13
|
+
return colorPaletteTokens;
|
|
14
|
+
},
|
|
15
|
+
colorStatusTokens: function() {
|
|
16
|
+
return colorStatusTokens;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _colors = require("../global/colors");
|
|
20
|
+
const _sharedColorNames = require("../sharedColorNames");
|
|
21
|
+
const _statusColorMapping = require("../statusColorMapping");
|
|
22
|
+
const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
23
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
24
|
+
const sharedColorTokens = {
|
|
25
|
+
[`colorPalette${color}Background1`]: _colors.hcCanvas,
|
|
26
|
+
[`colorPalette${color}Background2`]: _colors.hcCanvas,
|
|
27
|
+
[`colorPalette${color}Background3`]: _colors.hcCanvasText,
|
|
28
|
+
[`colorPalette${color}Foreground1`]: _colors.hcCanvasText,
|
|
29
|
+
[`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
|
|
30
|
+
[`colorPalette${color}Foreground3`]: _colors.hcCanvasText,
|
|
31
|
+
[`colorPalette${color}BorderActive`]: _colors.hcHighlight,
|
|
32
|
+
[`colorPalette${color}Border1`]: _colors.hcCanvasText,
|
|
33
|
+
[`colorPalette${color}Border2`]: _colors.hcCanvasText
|
|
34
|
+
};
|
|
35
|
+
return Object.assign(acc, sharedColorTokens);
|
|
36
|
+
}, {});
|
|
37
|
+
// one-off patches
|
|
38
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colors.hcCanvasText;
|
|
39
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colors.hcCanvasText;
|
|
40
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colors.hcCanvasText;
|
|
41
|
+
const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
|
|
42
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
43
|
+
const sharedColorTokens = {
|
|
44
|
+
[`colorPalette${color}Background2`]: _colors.hcCanvas,
|
|
45
|
+
[`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
|
|
46
|
+
[`colorPalette${color}BorderActive`]: _colors.hcHighlight
|
|
47
|
+
};
|
|
48
|
+
return Object.assign(acc, sharedColorTokens);
|
|
49
|
+
}, {});
|
|
50
|
+
const colorPaletteTokens = {
|
|
51
|
+
...statusColorPaletteTokens,
|
|
52
|
+
...personaColorPaletteTokens
|
|
53
|
+
};
|
|
54
|
+
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
55
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
56
|
+
// TODO: double check the mapping with design
|
|
57
|
+
const statusColorTokens = {
|
|
58
|
+
[`colorStatus${color}Background1`]: _colors.hcCanvas,
|
|
59
|
+
[`colorStatus${color}Background2`]: _colors.hcCanvas,
|
|
60
|
+
[`colorStatus${color}Background3`]: _colors.hcCanvasText,
|
|
61
|
+
[`colorStatus${color}Foreground1`]: _colors.hcCanvasText,
|
|
62
|
+
[`colorStatus${color}Foreground2`]: _colors.hcCanvasText,
|
|
63
|
+
[`colorStatus${color}Foreground3`]: _colors.hcCanvasText,
|
|
64
|
+
[`colorStatus${color}BorderActive`]: _colors.hcHighlight,
|
|
65
|
+
[`colorStatus${color}ForegroundInverted`]: _colors.hcCanvasText,
|
|
66
|
+
[`colorStatus${color}Border1`]: _colors.hcCanvasText,
|
|
67
|
+
[`colorStatus${color}Border2`]: _colors.hcCanvasText
|
|
68
|
+
};
|
|
69
|
+
return Object.assign(acc, statusColorTokens);
|
|
70
|
+
}, {});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["highContrastColorPalette.js"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { statusColorMapping } from '../statusColorMapping';\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\nexport const colorPaletteTokens = {\n ...statusColorPaletteTokens,\n ...personaColorPaletteTokens\n};\nexport const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText\n };\n return Object.assign(acc, statusColorTokens);\n}, {});\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","hcCanvas","hcCanvasText","hcHighlight","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","entries","statusColorMapping","statusColor","statusColorTokens"],"mappings":"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"}
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "generateColorTokens", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return generateColorTokens;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _colors = require("../global/colors");
|
|
12
|
+
const generateColorTokens = (brand)=>({
|
|
13
|
+
colorNeutralForeground1: _colors.grey[14],
|
|
14
|
+
colorNeutralForeground1Hover: _colors.grey[14],
|
|
15
|
+
colorNeutralForeground1Pressed: _colors.grey[14],
|
|
16
|
+
colorNeutralForeground1Selected: _colors.grey[14],
|
|
17
|
+
colorNeutralForeground2: _colors.grey[26],
|
|
18
|
+
colorNeutralForeground2Hover: _colors.grey[14],
|
|
19
|
+
colorNeutralForeground2Pressed: _colors.grey[14],
|
|
20
|
+
colorNeutralForeground2Selected: _colors.grey[14],
|
|
21
|
+
colorNeutralForeground2BrandHover: brand[80],
|
|
22
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
|
23
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
|
24
|
+
colorNeutralForeground3: _colors.grey[38],
|
|
25
|
+
colorNeutralForeground3Hover: _colors.grey[26],
|
|
26
|
+
colorNeutralForeground3Pressed: _colors.grey[26],
|
|
27
|
+
colorNeutralForeground3Selected: _colors.grey[26],
|
|
28
|
+
colorNeutralForeground3BrandHover: brand[80],
|
|
29
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
|
30
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
|
31
|
+
colorNeutralForeground4: _colors.grey[44],
|
|
32
|
+
colorNeutralForegroundDisabled: _colors.grey[74],
|
|
33
|
+
colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
|
|
34
|
+
colorBrandForegroundLink: brand[70],
|
|
35
|
+
colorBrandForegroundLinkHover: brand[60],
|
|
36
|
+
colorBrandForegroundLinkPressed: brand[40],
|
|
37
|
+
colorBrandForegroundLinkSelected: brand[70],
|
|
38
|
+
colorNeutralForeground2Link: _colors.grey[26],
|
|
39
|
+
colorNeutralForeground2LinkHover: _colors.grey[14],
|
|
40
|
+
colorNeutralForeground2LinkPressed: _colors.grey[14],
|
|
41
|
+
colorNeutralForeground2LinkSelected: _colors.grey[14],
|
|
42
|
+
colorCompoundBrandForeground1: brand[80],
|
|
43
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
|
44
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
|
45
|
+
colorBrandForeground1: brand[80],
|
|
46
|
+
colorBrandForeground2: brand[70],
|
|
47
|
+
colorBrandForeground2Hover: brand[60],
|
|
48
|
+
colorBrandForeground2Pressed: brand[30],
|
|
49
|
+
colorNeutralForeground1Static: _colors.grey[14],
|
|
50
|
+
colorNeutralForegroundStaticInverted: _colors.white,
|
|
51
|
+
colorNeutralForegroundInverted: _colors.white,
|
|
52
|
+
colorNeutralForegroundInvertedHover: _colors.white,
|
|
53
|
+
colorNeutralForegroundInvertedPressed: _colors.white,
|
|
54
|
+
colorNeutralForegroundInvertedSelected: _colors.white,
|
|
55
|
+
colorNeutralForegroundInverted2: _colors.white,
|
|
56
|
+
colorNeutralForegroundOnBrand: _colors.white,
|
|
57
|
+
colorNeutralForegroundInvertedLink: _colors.white,
|
|
58
|
+
colorNeutralForegroundInvertedLinkHover: _colors.white,
|
|
59
|
+
colorNeutralForegroundInvertedLinkPressed: _colors.white,
|
|
60
|
+
colorNeutralForegroundInvertedLinkSelected: _colors.white,
|
|
61
|
+
colorBrandForegroundInverted: brand[100],
|
|
62
|
+
colorBrandForegroundInvertedHover: brand[110],
|
|
63
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
|
64
|
+
colorBrandForegroundOnLight: brand[80],
|
|
65
|
+
colorBrandForegroundOnLightHover: brand[70],
|
|
66
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
|
67
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
|
68
|
+
colorNeutralBackground1: _colors.white,
|
|
69
|
+
colorNeutralBackground1Hover: _colors.grey[96],
|
|
70
|
+
colorNeutralBackground1Pressed: _colors.grey[88],
|
|
71
|
+
colorNeutralBackground1Selected: _colors.grey[92],
|
|
72
|
+
colorNeutralBackground2: _colors.grey[98],
|
|
73
|
+
colorNeutralBackground2Hover: _colors.grey[94],
|
|
74
|
+
colorNeutralBackground2Pressed: _colors.grey[86],
|
|
75
|
+
colorNeutralBackground2Selected: _colors.grey[90],
|
|
76
|
+
colorNeutralBackground3: _colors.grey[96],
|
|
77
|
+
colorNeutralBackground3Hover: _colors.grey[92],
|
|
78
|
+
colorNeutralBackground3Pressed: _colors.grey[84],
|
|
79
|
+
colorNeutralBackground3Selected: _colors.grey[88],
|
|
80
|
+
colorNeutralBackground4: _colors.grey[94],
|
|
81
|
+
colorNeutralBackground4Hover: _colors.grey[98],
|
|
82
|
+
colorNeutralBackground4Pressed: _colors.grey[96],
|
|
83
|
+
colorNeutralBackground4Selected: _colors.white,
|
|
84
|
+
colorNeutralBackground5: _colors.grey[92],
|
|
85
|
+
colorNeutralBackground5Hover: _colors.grey[96],
|
|
86
|
+
colorNeutralBackground5Pressed: _colors.grey[94],
|
|
87
|
+
colorNeutralBackground5Selected: _colors.grey[98],
|
|
88
|
+
colorNeutralBackground6: _colors.grey[90],
|
|
89
|
+
colorNeutralBackgroundInverted: _colors.grey[16],
|
|
90
|
+
colorNeutralBackgroundStatic: _colors.grey[20],
|
|
91
|
+
colorNeutralBackgroundAlpha: _colors.whiteAlpha[50],
|
|
92
|
+
colorNeutralBackgroundAlpha2: _colors.whiteAlpha[80],
|
|
93
|
+
colorSubtleBackground: 'transparent',
|
|
94
|
+
colorSubtleBackgroundHover: _colors.grey[96],
|
|
95
|
+
colorSubtleBackgroundPressed: _colors.grey[88],
|
|
96
|
+
colorSubtleBackgroundSelected: _colors.grey[92],
|
|
97
|
+
colorSubtleBackgroundLightAlphaHover: _colors.whiteAlpha[70],
|
|
98
|
+
colorSubtleBackgroundLightAlphaPressed: _colors.whiteAlpha[50],
|
|
99
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
|
100
|
+
colorSubtleBackgroundInverted: 'transparent',
|
|
101
|
+
colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
|
|
102
|
+
colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
|
|
103
|
+
colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
|
|
104
|
+
colorTransparentBackground: 'transparent',
|
|
105
|
+
colorTransparentBackgroundHover: 'transparent',
|
|
106
|
+
colorTransparentBackgroundPressed: 'transparent',
|
|
107
|
+
colorTransparentBackgroundSelected: 'transparent',
|
|
108
|
+
colorNeutralBackgroundDisabled: _colors.grey[94],
|
|
109
|
+
colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
|
|
110
|
+
colorNeutralStencil1: _colors.grey[90],
|
|
111
|
+
colorNeutralStencil2: _colors.grey[98],
|
|
112
|
+
colorNeutralStencil1Alpha: _colors.blackAlpha[10],
|
|
113
|
+
colorNeutralStencil2Alpha: _colors.blackAlpha[5],
|
|
114
|
+
colorBackgroundOverlay: _colors.blackAlpha[40],
|
|
115
|
+
colorScrollbarOverlay: _colors.blackAlpha[50],
|
|
116
|
+
colorBrandBackground: brand[80],
|
|
117
|
+
colorBrandBackgroundHover: brand[70],
|
|
118
|
+
colorBrandBackgroundPressed: brand[40],
|
|
119
|
+
colorBrandBackgroundSelected: brand[60],
|
|
120
|
+
colorCompoundBrandBackground: brand[80],
|
|
121
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
|
122
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
|
123
|
+
colorBrandBackgroundStatic: brand[80],
|
|
124
|
+
colorBrandBackground2: brand[160],
|
|
125
|
+
colorBrandBackground2Hover: brand[150],
|
|
126
|
+
colorBrandBackground2Pressed: brand[130],
|
|
127
|
+
colorBrandBackgroundInverted: _colors.white,
|
|
128
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
|
129
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
|
130
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
|
131
|
+
colorNeutralStrokeAccessible: _colors.grey[38],
|
|
132
|
+
colorNeutralStrokeAccessibleHover: _colors.grey[34],
|
|
133
|
+
colorNeutralStrokeAccessiblePressed: _colors.grey[30],
|
|
134
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
|
135
|
+
colorNeutralStroke1: _colors.grey[82],
|
|
136
|
+
colorNeutralStroke1Hover: _colors.grey[78],
|
|
137
|
+
colorNeutralStroke1Pressed: _colors.grey[70],
|
|
138
|
+
colorNeutralStroke1Selected: _colors.grey[74],
|
|
139
|
+
colorNeutralStroke2: _colors.grey[88],
|
|
140
|
+
colorNeutralStroke3: _colors.grey[94],
|
|
141
|
+
colorNeutralStrokeSubtle: _colors.grey[88],
|
|
142
|
+
colorNeutralStrokeOnBrand: _colors.white,
|
|
143
|
+
colorNeutralStrokeOnBrand2: _colors.white,
|
|
144
|
+
colorNeutralStrokeOnBrand2Hover: _colors.white,
|
|
145
|
+
colorNeutralStrokeOnBrand2Pressed: _colors.white,
|
|
146
|
+
colorNeutralStrokeOnBrand2Selected: _colors.white,
|
|
147
|
+
colorBrandStroke1: brand[80],
|
|
148
|
+
colorBrandStroke2: brand[140],
|
|
149
|
+
colorBrandStroke2Hover: brand[120],
|
|
150
|
+
colorBrandStroke2Pressed: brand[80],
|
|
151
|
+
colorBrandStroke2Contrast: brand[140],
|
|
152
|
+
colorCompoundBrandStroke: brand[80],
|
|
153
|
+
colorCompoundBrandStrokeHover: brand[70],
|
|
154
|
+
colorCompoundBrandStrokePressed: brand[60],
|
|
155
|
+
colorNeutralStrokeDisabled: _colors.grey[88],
|
|
156
|
+
colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
|
|
157
|
+
colorTransparentStroke: 'transparent',
|
|
158
|
+
colorTransparentStrokeInteractive: 'transparent',
|
|
159
|
+
colorTransparentStrokeDisabled: 'transparent',
|
|
160
|
+
colorNeutralStrokeAlpha: _colors.blackAlpha[5],
|
|
161
|
+
colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
|
|
162
|
+
colorStrokeFocus1: _colors.white,
|
|
163
|
+
colorStrokeFocus2: _colors.black,
|
|
164
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
|
165
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
|
166
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
|
167
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
|
168
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
|
169
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
|
170
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
|
171
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
|
172
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["lightColor.js"],"sourcesContent":["/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nexport const generateColorTokens = (brand)=>({\n colorNeutralForeground1: grey[14],\n colorNeutralForeground1Hover: grey[14],\n colorNeutralForeground1Pressed: grey[14],\n colorNeutralForeground1Selected: grey[14],\n colorNeutralForeground2: grey[26],\n colorNeutralForeground2Hover: grey[14],\n colorNeutralForeground2Pressed: grey[14],\n colorNeutralForeground2Selected: grey[14],\n colorNeutralForeground2BrandHover: brand[80],\n colorNeutralForeground2BrandPressed: brand[70],\n colorNeutralForeground2BrandSelected: brand[80],\n colorNeutralForeground3: grey[38],\n colorNeutralForeground3Hover: grey[26],\n colorNeutralForeground3Pressed: grey[26],\n colorNeutralForeground3Selected: grey[26],\n colorNeutralForeground3BrandHover: brand[80],\n colorNeutralForeground3BrandPressed: brand[70],\n colorNeutralForeground3BrandSelected: brand[80],\n colorNeutralForeground4: grey[44],\n colorNeutralForegroundDisabled: grey[74],\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: brand[70],\n colorBrandForegroundLinkHover: brand[60],\n colorBrandForegroundLinkPressed: brand[40],\n colorBrandForegroundLinkSelected: brand[70],\n colorNeutralForeground2Link: grey[26],\n colorNeutralForeground2LinkHover: grey[14],\n colorNeutralForeground2LinkPressed: grey[14],\n colorNeutralForeground2LinkSelected: grey[14],\n colorCompoundBrandForeground1: brand[80],\n colorCompoundBrandForeground1Hover: brand[70],\n colorCompoundBrandForeground1Pressed: brand[60],\n colorBrandForeground1: brand[80],\n colorBrandForeground2: brand[70],\n colorBrandForeground2Hover: brand[60],\n colorBrandForeground2Pressed: brand[30],\n colorNeutralForeground1Static: grey[14],\n colorNeutralForegroundStaticInverted: white,\n colorNeutralForegroundInverted: white,\n colorNeutralForegroundInvertedHover: white,\n colorNeutralForegroundInvertedPressed: white,\n colorNeutralForegroundInvertedSelected: white,\n colorNeutralForegroundInverted2: white,\n colorNeutralForegroundOnBrand: white,\n colorNeutralForegroundInvertedLink: white,\n colorNeutralForegroundInvertedLinkHover: white,\n colorNeutralForegroundInvertedLinkPressed: white,\n colorNeutralForegroundInvertedLinkSelected: white,\n colorBrandForegroundInverted: brand[100],\n colorBrandForegroundInvertedHover: brand[110],\n colorBrandForegroundInvertedPressed: brand[100],\n colorBrandForegroundOnLight: brand[80],\n colorBrandForegroundOnLightHover: brand[70],\n colorBrandForegroundOnLightPressed: brand[50],\n colorBrandForegroundOnLightSelected: brand[60],\n colorNeutralBackground1: white,\n colorNeutralBackground1Hover: grey[96],\n colorNeutralBackground1Pressed: grey[88],\n colorNeutralBackground1Selected: grey[92],\n colorNeutralBackground2: grey[98],\n colorNeutralBackground2Hover: grey[94],\n colorNeutralBackground2Pressed: grey[86],\n colorNeutralBackground2Selected: grey[90],\n colorNeutralBackground3: grey[96],\n colorNeutralBackground3Hover: grey[92],\n colorNeutralBackground3Pressed: grey[84],\n colorNeutralBackground3Selected: grey[88],\n colorNeutralBackground4: grey[94],\n colorNeutralBackground4Hover: grey[98],\n colorNeutralBackground4Pressed: grey[96],\n colorNeutralBackground4Selected: white,\n colorNeutralBackground5: grey[92],\n colorNeutralBackground5Hover: grey[96],\n colorNeutralBackground5Pressed: grey[94],\n colorNeutralBackground5Selected: grey[98],\n colorNeutralBackground6: grey[90],\n colorNeutralBackgroundInverted: grey[16],\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundAlpha: whiteAlpha[50],\n colorNeutralBackgroundAlpha2: whiteAlpha[80],\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: grey[96],\n colorSubtleBackgroundPressed: grey[88],\n colorSubtleBackgroundSelected: grey[92],\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: grey[94],\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: grey[90],\n colorNeutralStencil2: grey[98],\n colorNeutralStencil1Alpha: blackAlpha[10],\n colorNeutralStencil2Alpha: blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: brand[80],\n colorBrandBackgroundHover: brand[70],\n colorBrandBackgroundPressed: brand[40],\n colorBrandBackgroundSelected: brand[60],\n colorCompoundBrandBackground: brand[80],\n colorCompoundBrandBackgroundHover: brand[70],\n colorCompoundBrandBackgroundPressed: brand[60],\n colorBrandBackgroundStatic: brand[80],\n colorBrandBackground2: brand[160],\n colorBrandBackground2Hover: brand[150],\n colorBrandBackground2Pressed: brand[130],\n colorBrandBackgroundInverted: white,\n colorBrandBackgroundInvertedHover: brand[160],\n colorBrandBackgroundInvertedPressed: brand[140],\n colorBrandBackgroundInvertedSelected: brand[150],\n colorNeutralStrokeAccessible: grey[38],\n colorNeutralStrokeAccessibleHover: grey[34],\n colorNeutralStrokeAccessiblePressed: grey[30],\n colorNeutralStrokeAccessibleSelected: brand[80],\n colorNeutralStroke1: grey[82],\n colorNeutralStroke1Hover: grey[78],\n colorNeutralStroke1Pressed: grey[70],\n colorNeutralStroke1Selected: grey[74],\n colorNeutralStroke2: grey[88],\n colorNeutralStroke3: grey[94],\n colorNeutralStrokeSubtle: grey[88],\n colorNeutralStrokeOnBrand: white,\n colorNeutralStrokeOnBrand2: white,\n colorNeutralStrokeOnBrand2Hover: white,\n colorNeutralStrokeOnBrand2Pressed: white,\n colorNeutralStrokeOnBrand2Selected: white,\n colorBrandStroke1: brand[80],\n colorBrandStroke2: brand[140],\n colorBrandStroke2Hover: brand[120],\n colorBrandStroke2Pressed: brand[80],\n colorBrandStroke2Contrast: brand[140],\n colorCompoundBrandStroke: brand[80],\n colorCompoundBrandStrokeHover: brand[70],\n colorCompoundBrandStrokePressed: brand[60],\n colorNeutralStrokeDisabled: grey[88],\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorNeutralStrokeAlpha: blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\n colorStrokeFocus1: white,\n colorStrokeFocus2: black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n });\n"],"names":["generateColorTokens","brand","colorNeutralForeground1","grey","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","whiteAlpha","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","white","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","blackAlpha","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
colorPaletteTokens: function() {
|
|
13
|
+
return colorPaletteTokens;
|
|
14
|
+
},
|
|
15
|
+
colorStatusTokens: function() {
|
|
16
|
+
return colorStatusTokens;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _colorPalette = require("../global/colorPalette");
|
|
20
|
+
const _sharedColorNames = require("../sharedColorNames");
|
|
21
|
+
const _statusColorMapping = require("../statusColorMapping");
|
|
22
|
+
const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
23
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
24
|
+
const sharedColorTokens = {
|
|
25
|
+
[`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].tint60,
|
|
26
|
+
[`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
|
|
27
|
+
[`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
|
|
28
|
+
[`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].shade10,
|
|
29
|
+
[`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
|
|
30
|
+
[`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].primary,
|
|
31
|
+
[`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].primary,
|
|
32
|
+
[`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].tint40,
|
|
33
|
+
[`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].primary
|
|
34
|
+
};
|
|
35
|
+
return Object.assign(acc, sharedColorTokens);
|
|
36
|
+
}, {});
|
|
37
|
+
// one-off patch for yellow
|
|
38
|
+
statusColorPaletteTokens.colorPaletteYellowForeground1 = _colorPalette.statusSharedColors.yellow.shade30;
|
|
39
|
+
statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.tint20;
|
|
40
|
+
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.tint20;
|
|
41
|
+
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.tint40;
|
|
42
|
+
const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
|
|
43
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
44
|
+
const sharedColorTokens = {
|
|
45
|
+
[`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
|
|
46
|
+
[`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
|
|
47
|
+
[`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].primary
|
|
48
|
+
};
|
|
49
|
+
return Object.assign(acc, sharedColorTokens);
|
|
50
|
+
}, {});
|
|
51
|
+
const colorPaletteTokens = {
|
|
52
|
+
...statusColorPaletteTokens,
|
|
53
|
+
...personaColorPaletteTokens
|
|
54
|
+
};
|
|
55
|
+
const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
56
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
57
|
+
// TODO: double check the mapping with design
|
|
58
|
+
const statusColorTokens = {
|
|
59
|
+
[`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].tint60,
|
|
60
|
+
[`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
|
|
61
|
+
[`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
|
|
62
|
+
[`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
|
|
63
|
+
[`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
|
|
64
|
+
[`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
|
|
65
|
+
[`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
|
|
66
|
+
[`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].primary,
|
|
67
|
+
[`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
|
|
68
|
+
[`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].primary
|
|
69
|
+
};
|
|
70
|
+
return Object.assign(acc, statusColorTokens);
|
|
71
|
+
}, {});
|
|
72
|
+
// one-off overrides for colorStatus tokens
|
|
73
|
+
colorStatusTokens.colorStatusWarningForeground1 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
|
|
74
|
+
colorStatusTokens.colorStatusWarningForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
|
|
75
|
+
colorStatusTokens.colorStatusWarningBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["lightColorPalette.js"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { statusColorMapping } from '../statusColorMapping';\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\nexport const colorPaletteTokens = {\n ...statusColorPaletteTokens,\n ...personaColorPaletteTokens\n};\nexport const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary\n };\n return Object.assign(acc, statusColorTokens);\n}, {});\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","tint30","colorStatusWarningForeground1","warning","shade20","colorStatusWarningForeground3","colorStatusWarningBorder2"],"mappings":"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"}
|