@fluentui/react-theme 9.0.0-alpha.23
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 +786 -0
- package/CHANGELOG.md +317 -0
- package/LICENSE +15 -0
- package/README.md +5 -0
- package/dist/react-theme.d.ts +425 -0
- package/lib/alias/dark.d.ts +3 -0
- package/lib/alias/dark.js +123 -0
- package/lib/alias/dark.js.map +1 -0
- package/lib/alias/highContrast.d.ts +3 -0
- package/lib/alias/highContrast.js +123 -0
- package/lib/alias/highContrast.js.map +1 -0
- package/lib/alias/light.d.ts +3 -0
- package/lib/alias/light.js +123 -0
- package/lib/alias/light.js.map +1 -0
- package/lib/alias/teamsDark.d.ts +3 -0
- package/lib/alias/teamsDark.js +123 -0
- package/lib/alias/teamsDark.js.map +1 -0
- package/lib/global/borderRadius.d.ts +2 -0
- package/lib/global/borderRadius.js +9 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.d.ts +4 -0
- package/lib/global/brandColors.js +37 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colors.d.ts +15 -0
- package/lib/global/colors.js +825 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/fonts.d.ts +6 -0
- package/lib/global/fonts.js +51 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.d.ts +5 -0
- package/lib/global/index.js +6 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/strokeWidths.d.ts +2 -0
- package/lib/global/strokeWidths.js +7 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/utils.d.ts +2 -0
- package/lib/global/utils.js +37 -0
- package/lib/global/utils.js.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.js +5 -0
- package/lib/index.js.map +1 -0
- package/lib/themes/index.d.ts +2 -0
- package/lib/themes/index.js +3 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.d.ts +2 -0
- package/lib/themes/teams/darkTheme.js +4 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.d.ts +2 -0
- package/lib/themes/teams/highContrastTheme.js +4 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.d.ts +3 -0
- package/lib/themes/teams/index.js +4 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.d.ts +2 -0
- package/lib/themes/teams/lightTheme.js +4 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.d.ts +2 -0
- package/lib/themes/web/darkTheme.js +4 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/highContrastTheme.d.ts +2 -0
- package/lib/themes/web/highContrastTheme.js +4 -0
- package/lib/themes/web/highContrastTheme.js.map +1 -0
- package/lib/themes/web/index.d.ts +3 -0
- package/lib/themes/web/index.js +4 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.d.ts +2 -0
- package/lib/themes/web/lightTheme.js +4 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tsdoc-metadata.json +11 -0
- package/lib/types.d.ts +333 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.d.ts +2 -0
- package/lib/utils/createDarkTheme.js +17 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.d.ts +2 -0
- package/lib/utils/createHighContrastTheme.js +17 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.d.ts +2 -0
- package/lib/utils/createLightTheme.js +17 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib/utils/createTeamsDarkTheme.js +17 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/index.js +7 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/mergeThemes.d.ts +8 -0
- package/lib/utils/mergeThemes.js +71 -0
- package/lib/utils/mergeThemes.js.map +1 -0
- package/lib/utils/shadows.d.ts +2 -0
- package/lib/utils/shadows.js +11 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib/utils/themeToCSSVariables.d.ts +2 -0
- package/lib/utils/themeToCSSVariables.js +29 -0
- package/lib/utils/themeToCSSVariables.js.map +1 -0
- package/lib-amd/alias/dark.d.ts +3 -0
- package/lib-amd/alias/dark.js +129 -0
- package/lib-amd/alias/dark.js.map +1 -0
- package/lib-amd/alias/highContrast.d.ts +3 -0
- package/lib-amd/alias/highContrast.js +129 -0
- package/lib-amd/alias/highContrast.js.map +1 -0
- package/lib-amd/alias/light.d.ts +3 -0
- package/lib-amd/alias/light.js +129 -0
- package/lib-amd/alias/light.js.map +1 -0
- package/lib-amd/alias/teamsDark.d.ts +3 -0
- package/lib-amd/alias/teamsDark.js +129 -0
- package/lib-amd/alias/teamsDark.js.map +1 -0
- package/lib-amd/global/borderRadius.d.ts +2 -0
- package/lib-amd/global/borderRadius.js +14 -0
- package/lib-amd/global/borderRadius.js.map +1 -0
- package/lib-amd/global/brandColors.d.ts +4 -0
- package/lib-amd/global/brandColors.js +42 -0
- package/lib-amd/global/brandColors.js.map +1 -0
- package/lib-amd/global/colors.d.ts +15 -0
- package/lib-amd/global/colors.js +830 -0
- package/lib-amd/global/colors.js.map +1 -0
- package/lib-amd/global/fonts.d.ts +6 -0
- package/lib-amd/global/fonts.js +58 -0
- package/lib-amd/global/fonts.js.map +1 -0
- package/lib-amd/global/index.d.ts +5 -0
- package/lib-amd/global/index.js +10 -0
- package/lib-amd/global/index.js.map +1 -0
- package/lib-amd/global/strokeWidths.d.ts +2 -0
- package/lib-amd/global/strokeWidths.js +12 -0
- package/lib-amd/global/strokeWidths.js.map +1 -0
- package/lib-amd/global/utils.d.ts +2 -0
- package/lib-amd/global/utils.js +35 -0
- package/lib-amd/global/utils.js.map +1 -0
- package/lib-amd/index.d.ts +4 -0
- package/lib-amd/index.js +9 -0
- package/lib-amd/index.js.map +1 -0
- package/lib-amd/themes/index.d.ts +2 -0
- package/lib-amd/themes/index.js +7 -0
- package/lib-amd/themes/index.js.map +1 -0
- package/lib-amd/themes/teams/darkTheme.d.ts +2 -0
- package/lib-amd/themes/teams/darkTheme.js +7 -0
- package/lib-amd/themes/teams/darkTheme.js.map +1 -0
- package/lib-amd/themes/teams/highContrastTheme.d.ts +2 -0
- package/lib-amd/themes/teams/highContrastTheme.js +7 -0
- package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-amd/themes/teams/index.d.ts +3 -0
- package/lib-amd/themes/teams/index.js +8 -0
- package/lib-amd/themes/teams/index.js.map +1 -0
- package/lib-amd/themes/teams/lightTheme.d.ts +2 -0
- package/lib-amd/themes/teams/lightTheme.js +7 -0
- package/lib-amd/themes/teams/lightTheme.js.map +1 -0
- package/lib-amd/themes/web/darkTheme.d.ts +2 -0
- package/lib-amd/themes/web/darkTheme.js +7 -0
- package/lib-amd/themes/web/darkTheme.js.map +1 -0
- package/lib-amd/themes/web/highContrastTheme.d.ts +2 -0
- package/lib-amd/themes/web/highContrastTheme.js +7 -0
- package/lib-amd/themes/web/highContrastTheme.js.map +1 -0
- package/lib-amd/themes/web/index.d.ts +3 -0
- package/lib-amd/themes/web/index.js +8 -0
- package/lib-amd/themes/web/index.js.map +1 -0
- package/lib-amd/themes/web/lightTheme.d.ts +2 -0
- package/lib-amd/themes/web/lightTheme.js +7 -0
- package/lib-amd/themes/web/lightTheme.js.map +1 -0
- package/lib-amd/types.d.ts +333 -0
- package/lib-amd/types.js +5 -0
- package/lib-amd/types.js.map +1 -0
- package/lib-amd/utils/createDarkTheme.d.ts +2 -0
- package/lib-amd/utils/createDarkTheme.js +17 -0
- package/lib-amd/utils/createDarkTheme.js.map +1 -0
- package/lib-amd/utils/createHighContrastTheme.d.ts +2 -0
- package/lib-amd/utils/createHighContrastTheme.js +17 -0
- package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
- package/lib-amd/utils/createLightTheme.d.ts +2 -0
- package/lib-amd/utils/createLightTheme.js +17 -0
- package/lib-amd/utils/createLightTheme.js.map +1 -0
- package/lib-amd/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib-amd/utils/createTeamsDarkTheme.js +17 -0
- package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-amd/utils/index.d.ts +6 -0
- package/lib-amd/utils/index.js +12 -0
- package/lib-amd/utils/index.js.map +1 -0
- package/lib-amd/utils/mergeThemes.d.ts +8 -0
- package/lib-amd/utils/mergeThemes.js +66 -0
- package/lib-amd/utils/mergeThemes.js.map +1 -0
- package/lib-amd/utils/shadows.d.ts +2 -0
- package/lib-amd/utils/shadows.js +17 -0
- package/lib-amd/utils/shadows.js.map +1 -0
- package/lib-amd/utils/themeToCSSVariables.d.ts +2 -0
- package/lib-amd/utils/themeToCSSVariables.js +28 -0
- package/lib-amd/utils/themeToCSSVariables.js.map +1 -0
- package/lib-commonjs/alias/dark.d.ts +3 -0
- package/lib-commonjs/alias/dark.js +132 -0
- package/lib-commonjs/alias/dark.js.map +1 -0
- package/lib-commonjs/alias/highContrast.d.ts +3 -0
- package/lib-commonjs/alias/highContrast.js +132 -0
- package/lib-commonjs/alias/highContrast.js.map +1 -0
- package/lib-commonjs/alias/light.d.ts +3 -0
- package/lib-commonjs/alias/light.js +132 -0
- package/lib-commonjs/alias/light.js.map +1 -0
- package/lib-commonjs/alias/teamsDark.d.ts +3 -0
- package/lib-commonjs/alias/teamsDark.js +132 -0
- package/lib-commonjs/alias/teamsDark.js.map +1 -0
- package/lib-commonjs/global/borderRadius.d.ts +2 -0
- package/lib-commonjs/global/borderRadius.js +15 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.d.ts +4 -0
- package/lib-commonjs/global/brandColors.js +43 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colors.d.ts +15 -0
- package/lib-commonjs/global/colors.js +831 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/fonts.d.ts +6 -0
- package/lib-commonjs/global/fonts.js +57 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.d.ts +5 -0
- package/lib-commonjs/global/index.js +18 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.d.ts +2 -0
- package/lib-commonjs/global/strokeWidths.js +13 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/utils.d.ts +2 -0
- package/lib-commonjs/global/utils.js +51 -0
- package/lib-commonjs/global/utils.js.map +1 -0
- package/lib-commonjs/index.d.ts +4 -0
- package/lib-commonjs/index.js +16 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/themes/index.d.ts +2 -0
- package/lib-commonjs/themes/index.js +12 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.d.ts +2 -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.d.ts +2 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +13 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.d.ts +3 -0
- package/lib-commonjs/themes/teams/index.js +14 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.d.ts +2 -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.d.ts +2 -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/highContrastTheme.d.ts +2 -0
- package/lib-commonjs/themes/web/highContrastTheme.js +13 -0
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.d.ts +3 -0
- package/lib-commonjs/themes/web/index.js +14 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.d.ts +2 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/types.d.ts +333 -0
- package/lib-commonjs/types.js +6 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createDarkTheme.js +30 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
- package/lib-commonjs/utils/createLightTheme.js +30 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.d.ts +6 -0
- package/lib-commonjs/utils/index.js +28 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/mergeThemes.d.ts +8 -0
- package/lib-commonjs/utils/mergeThemes.js +81 -0
- package/lib-commonjs/utils/mergeThemes.js.map +1 -0
- package/lib-commonjs/utils/shadows.d.ts +2 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +2 -0
- package/lib-commonjs/utils/themeToCSSVariables.js +38 -0
- package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -0
- package/package.json +52 -0
@@ -0,0 +1,123 @@
|
|
1
|
+
export var neutralColorTokens = {
|
2
|
+
neutralForeground1: 'var(--global-color-hcCanvasText)',
|
3
|
+
neutralForeground2: 'var(--global-color-hcCanvasText)',
|
4
|
+
neutralForeground2Hover: 'var(--global-color-hcHighlightText)',
|
5
|
+
neutralForeground2Pressed: 'var(--global-color-hcHighlightText)',
|
6
|
+
neutralForeground2Selected: 'var(--global-color-hcHighlightText)',
|
7
|
+
neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)',
|
8
|
+
neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)',
|
9
|
+
neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)',
|
10
|
+
neutralForeground3: 'var(--global-color-hcCanvasText)',
|
11
|
+
neutralForeground3Hover: 'var(--global-color-hcHighlightText)',
|
12
|
+
neutralForeground3Pressed: 'var(--global-color-hcHighlightText)',
|
13
|
+
neutralForeground3Selected: 'var(--global-color-hcHighlightText)',
|
14
|
+
neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)',
|
15
|
+
neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)',
|
16
|
+
neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)',
|
17
|
+
neutralForeground4: 'var(--global-color-hcCanvasText)',
|
18
|
+
neutralForegroundDisabled: 'var(--global-color-hcDisabled)',
|
19
|
+
brandForegroundLink: 'var(--global-color-hcHyperlink)',
|
20
|
+
brandForegroundLinkHover: 'var(--global-color-hcHyperlink)',
|
21
|
+
brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)',
|
22
|
+
brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)',
|
23
|
+
compoundBrandForeground1: 'var(--global-color-hcHighlight)',
|
24
|
+
compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)',
|
25
|
+
compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)',
|
26
|
+
brandForeground1: 'var(--global-color-hcCanvasText)',
|
27
|
+
brandForeground2: 'var(--global-color-hcButtonText)',
|
28
|
+
neutralForegroundInverted: 'var(--global-color-hcCanvas)',
|
29
|
+
neutralForegroundOnBrand: 'var(--global-color-hcButtonText)',
|
30
|
+
neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)',
|
31
|
+
neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)',
|
32
|
+
neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)',
|
33
|
+
neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)',
|
34
|
+
neutralBackground1: 'var(--global-color-hcCanvas)',
|
35
|
+
neutralBackground1Hover: 'var(--global-color-hcHighlight)',
|
36
|
+
neutralBackground1Pressed: 'var(--global-color-hcHighlight)',
|
37
|
+
neutralBackground1Selected: 'var(--global-color-hcHighlight)',
|
38
|
+
neutralBackground2: 'var(--global-color-hcCanvas)',
|
39
|
+
neutralBackground2Hover: 'var(--global-color-hcHighlight)',
|
40
|
+
neutralBackground2Pressed: 'var(--global-color-hcHighlight)',
|
41
|
+
neutralBackground2Selected: 'var(--global-color-hcHighlight)',
|
42
|
+
neutralBackground3: 'var(--global-color-hcCanvas)',
|
43
|
+
neutralBackground3Hover: 'var(--global-color-hcHighlight)',
|
44
|
+
neutralBackground3Pressed: 'var(--global-color-hcHighlight)',
|
45
|
+
neutralBackground3Selected: 'var(--global-color-hcHighlight)',
|
46
|
+
neutralBackground4: 'var(--global-color-hcCanvas)',
|
47
|
+
neutralBackground4Hover: 'var(--global-color-hcHighlight)',
|
48
|
+
neutralBackground4Pressed: 'var(--global-color-hcHighlight)',
|
49
|
+
neutralBackground4Selected: 'var(--global-color-hcHighlight)',
|
50
|
+
neutralBackground5: 'var(--global-color-hcCanvas)',
|
51
|
+
neutralBackground5Hover: 'var(--global-color-hcHighlight)',
|
52
|
+
neutralBackground5Pressed: 'var(--global-color-hcHighlight)',
|
53
|
+
neutralBackground5Selected: 'var(--global-color-hcHighlight)',
|
54
|
+
neutralBackground6: 'var(--global-color-hcCanvas)',
|
55
|
+
neutralBackgroundInverted: 'var(--global-color-hcCanvasText)',
|
56
|
+
subtleBackground: 'transparent',
|
57
|
+
subtleBackgroundHover: 'var(--global-color-hcHighlight)',
|
58
|
+
subtleBackgroundPressed: 'var(--global-color-hcHighlight)',
|
59
|
+
subtleBackgroundSelected: 'var(--global-color-hcHighlight)',
|
60
|
+
transparentBackground: 'transparent',
|
61
|
+
transparentBackgroundHover: 'var(--global-color-hcHighlight)',
|
62
|
+
transparentBackgroundPressed: 'var(--global-color-hcHighlight)',
|
63
|
+
transparentBackgroundSelected: 'var(--global-color-hcHighlight)',
|
64
|
+
neutralBackgroundDisabled: 'var(--global-color-hcCanvas)',
|
65
|
+
neutralStencil1: 'var(--global-palette-grey-8)',
|
66
|
+
neutralStencil2: 'var(--global-palette-grey-52)',
|
67
|
+
brandBackground: 'var(--global-color-hcButtonFace)',
|
68
|
+
brandBackgroundHover: 'var(--global-color-hcHighlight)',
|
69
|
+
brandBackgroundPressed: 'var(--global-color-hcHighlight)',
|
70
|
+
brandBackgroundSelected: 'var(--global-color-hcHighlight)',
|
71
|
+
compoundBrandBackground: 'var(--global-color-hcHighlight)',
|
72
|
+
compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)',
|
73
|
+
compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)',
|
74
|
+
brandBackgroundStatic: 'var(--global-color-hcCanvas)',
|
75
|
+
brandBackground2: 'var(--global-color-hcButtonFace)',
|
76
|
+
neutralStrokeAccessible: 'var(--global-color-hcCanvasText)',
|
77
|
+
neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)',
|
78
|
+
neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)',
|
79
|
+
neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)',
|
80
|
+
neutralStroke1: 'var(--global-color-hcCanvasText)',
|
81
|
+
neutralStroke1Hover: 'var(--global-color-hcHighlight)',
|
82
|
+
neutralStroke1Pressed: 'var(--global-color-hcHighlight)',
|
83
|
+
neutralStroke1Selected: 'var(--global-color-hcHighlight)',
|
84
|
+
neutralStroke2: 'var(--global-color-hcCanvasText)',
|
85
|
+
neutralStroke3: 'var(--global-color-hcCanvasText)',
|
86
|
+
brandStroke1: 'var(--global-color-hcCanvasText)',
|
87
|
+
brandStroke2: 'var(--global-color-hcCanvas)',
|
88
|
+
compoundBrandStroke: 'var(--global-color-hcHighlight)',
|
89
|
+
compoundBrandStrokeHover: 'var(--global-color-hcHighlight)',
|
90
|
+
compoundBrandStrokePressed: 'var(--global-color-hcHighlight)',
|
91
|
+
neutralStrokeDisabled: 'var(--global-color-hcDisabled)',
|
92
|
+
transparentStroke: 'var(--global-color-hcCanvasText)',
|
93
|
+
transparentStrokeInteractive: 'var(--global-color-hcHighlight)',
|
94
|
+
transparentStrokeDisabled: 'var(--global-color-hcDisabled)',
|
95
|
+
strokeFocus1: 'var(--global-color-hcCanvas)',
|
96
|
+
strokeFocus2: 'var(--global-color-hcHighlight)',
|
97
|
+
neutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
98
|
+
neutralShadowKey: 'rgba(0,0,0,0.28)',
|
99
|
+
neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
100
|
+
neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
101
|
+
neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
102
|
+
neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
103
|
+
brandShadowAmbient: 'rgba(0,0,0,0.30)',
|
104
|
+
brandShadowKey: 'rgba(0,0,0,0.25)'
|
105
|
+
};
|
106
|
+
export var generateSharedColorTokens = function (globalSharedTokens) {
|
107
|
+
return Object.keys(globalSharedTokens).filter(function (sharedColor) {
|
108
|
+
return sharedColor !== 'brand' && sharedColor !== 'grey';
|
109
|
+
}).reduce(function (acc, sharedColor) {
|
110
|
+
acc[sharedColor] = {
|
111
|
+
background1: "var(--global-color-white)",
|
112
|
+
background2: "var(--global-color-black)",
|
113
|
+
background3: "var(--global-color-white)",
|
114
|
+
foreground1: "var(--global-color-black)",
|
115
|
+
foreground2: "var(--global-color-white)",
|
116
|
+
foreground3: "var(--global-color-white)",
|
117
|
+
borderActive: "var(--global-color-hcHighlight)",
|
118
|
+
border2: "var(--global-color-white)"
|
119
|
+
};
|
120
|
+
return acc;
|
121
|
+
}, {});
|
122
|
+
};
|
123
|
+
//# sourceMappingURL=highContrast.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrast.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,kBAAkB,GAAuB;AACpD,EAAA,kBAAkB,EAAE,kCADgC;AAEpD,EAAA,kBAAkB,EAAE,kCAFgC;AAGpD,EAAA,uBAAuB,EAAE,qCAH2B;AAIpD,EAAA,yBAAyB,EAAE,qCAJyB;AAKpD,EAAA,0BAA0B,EAAE,qCALwB;AAMpD,EAAA,4BAA4B,EAAE,qCANsB;AAOpD,EAAA,8BAA8B,EAAE,qCAPoB;AAQpD,EAAA,+BAA+B,EAAE,qCARmB;AASpD,EAAA,kBAAkB,EAAE,kCATgC;AAUpD,EAAA,uBAAuB,EAAE,qCAV2B;AAWpD,EAAA,yBAAyB,EAAE,qCAXyB;AAYpD,EAAA,0BAA0B,EAAE,qCAZwB;AAapD,EAAA,4BAA4B,EAAE,qCAbsB;AAcpD,EAAA,8BAA8B,EAAE,qCAdoB;AAepD,EAAA,+BAA+B,EAAE,qCAfmB;AAgBpD,EAAA,kBAAkB,EAAE,kCAhBgC;AAiBpD,EAAA,yBAAyB,EAAE,gCAjByB;AAkBpD,EAAA,mBAAmB,EAAE,iCAlB+B;AAmBpD,EAAA,wBAAwB,EAAE,iCAnB0B;AAoBpD,EAAA,0BAA0B,EAAE,iCApBwB;AAqBpD,EAAA,2BAA2B,EAAE,iCArBuB;AAsBpD,EAAA,wBAAwB,EAAE,iCAtB0B;AAuBpD,EAAA,6BAA6B,EAAE,iCAvBqB;AAwBpD,EAAA,+BAA+B,EAAE,iCAxBmB;AAyBpD,EAAA,gBAAgB,EAAE,kCAzBkC;AA0BpD,EAAA,gBAAgB,EAAE,kCA1BkC;AA2BpD,EAAA,yBAAyB,EAAE,8BA3ByB;AA4BpD,EAAA,wBAAwB,EAAE,kCA5B0B;AA6BpD,EAAA,6BAA6B,EAAE,iCA7BqB;AA8BpD,EAAA,kCAAkC,EAAE,iCA9BgB;AA+BpD,EAAA,oCAAoC,EAAE,iCA/Bc;AAgCpD,EAAA,qCAAqC,EAAE,iCAhCa;AAiCpD,EAAA,kBAAkB,EAAE,8BAjCgC;AAkCpD,EAAA,uBAAuB,EAAE,iCAlC2B;AAmCpD,EAAA,yBAAyB,EAAE,iCAnCyB;AAoCpD,EAAA,0BAA0B,EAAE,iCApCwB;AAqCpD,EAAA,kBAAkB,EAAE,8BArCgC;AAsCpD,EAAA,uBAAuB,EAAE,iCAtC2B;AAuCpD,EAAA,yBAAyB,EAAE,iCAvCyB;AAwCpD,EAAA,0BAA0B,EAAE,iCAxCwB;AAyCpD,EAAA,kBAAkB,EAAE,8BAzCgC;AA0CpD,EAAA,uBAAuB,EAAE,iCA1C2B;AA2CpD,EAAA,yBAAyB,EAAE,iCA3CyB;AA4CpD,EAAA,0BAA0B,EAAE,iCA5CwB;AA6CpD,EAAA,kBAAkB,EAAE,8BA7CgC;AA8CpD,EAAA,uBAAuB,EAAE,iCA9C2B;AA+CpD,EAAA,yBAAyB,EAAE,iCA/CyB;AAgDpD,EAAA,0BAA0B,EAAE,iCAhDwB;AAiDpD,EAAA,kBAAkB,EAAE,8BAjDgC;AAkDpD,EAAA,uBAAuB,EAAE,iCAlD2B;AAmDpD,EAAA,yBAAyB,EAAE,iCAnDyB;AAoDpD,EAAA,0BAA0B,EAAE,iCApDwB;AAqDpD,EAAA,kBAAkB,EAAE,8BArDgC;AAsDpD,EAAA,yBAAyB,EAAE,kCAtDyB;AAuDpD,EAAA,gBAAgB,EAAE,aAvDkC;AAwDpD,EAAA,qBAAqB,EAAE,iCAxD6B;AAyDpD,EAAA,uBAAuB,EAAE,iCAzD2B;AA0DpD,EAAA,wBAAwB,EAAE,iCA1D0B;AA2DpD,EAAA,qBAAqB,EAAE,aA3D6B;AA4DpD,EAAA,0BAA0B,EAAE,iCA5DwB;AA6DpD,EAAA,4BAA4B,EAAE,iCA7DsB;AA8DpD,EAAA,6BAA6B,EAAE,iCA9DqB;AA+DpD,EAAA,yBAAyB,EAAE,8BA/DyB;AAgEpD,EAAA,eAAe,EAAE,8BAhEmC;AAiEpD,EAAA,eAAe,EAAE,+BAjEmC;AAkEpD,EAAA,eAAe,EAAE,kCAlEmC;AAmEpD,EAAA,oBAAoB,EAAE,iCAnE8B;AAoEpD,EAAA,sBAAsB,EAAE,iCApE4B;AAqEpD,EAAA,uBAAuB,EAAE,iCArE2B;AAsEpD,EAAA,uBAAuB,EAAE,iCAtE2B;AAuEpD,EAAA,4BAA4B,EAAE,iCAvEsB;AAwEpD,EAAA,8BAA8B,EAAE,iCAxEoB;AAyEpD,EAAA,qBAAqB,EAAE,8BAzE6B;AA0EpD,EAAA,gBAAgB,EAAE,kCA1EkC;AA2EpD,EAAA,uBAAuB,EAAE,kCA3E2B;AA4EpD,EAAA,4BAA4B,EAAE,iCA5EsB;AA6EpD,EAAA,8BAA8B,EAAE,iCA7EoB;AA8EpD,EAAA,+BAA+B,EAAE,iCA9EmB;AA+EpD,EAAA,cAAc,EAAE,kCA/EoC;AAgFpD,EAAA,mBAAmB,EAAE,iCAhF+B;AAiFpD,EAAA,qBAAqB,EAAE,iCAjF6B;AAkFpD,EAAA,sBAAsB,EAAE,iCAlF4B;AAmFpD,EAAA,cAAc,EAAE,kCAnFoC;AAoFpD,EAAA,cAAc,EAAE,kCApFoC;AAqFpD,EAAA,YAAY,EAAE,kCArFsC;AAsFpD,EAAA,YAAY,EAAE,8BAtFsC;AAuFpD,EAAA,mBAAmB,EAAE,iCAvF+B;AAwFpD,EAAA,wBAAwB,EAAE,iCAxF0B;AAyFpD,EAAA,0BAA0B,EAAE,iCAzFwB;AA0FpD,EAAA,qBAAqB,EAAE,gCA1F6B;AA2FpD,EAAA,iBAAiB,EAAE,kCA3FiC;AA4FpD,EAAA,4BAA4B,EAAE,iCA5FsB;AA6FpD,EAAA,yBAAyB,EAAE,gCA7FyB;AA8FpD,EAAA,YAAY,EAAE,8BA9FsC;AA+FpD,EAAA,YAAY,EAAE,iCA/FsC;AAgGpD,EAAA,oBAAoB,EAAE,kBAhG8B;AAiGpD,EAAA,gBAAgB,EAAE,kBAjGkC;AAkGpD,EAAA,2BAA2B,EAAE,kBAlGuB;AAmGpD,EAAA,uBAAuB,EAAE,kBAnG2B;AAoGpD,EAAA,0BAA0B,EAAE,kBApGwB;AAqGpD,EAAA,sBAAsB,EAAE,kBArG4B;AAsGpD,EAAA,kBAAkB,EAAE,kBAtGgC;AAuGpD,EAAA,cAAc,EAAE;AAvGoC,CAA/C;AA0GP,OAAO,IAAM,yBAAyB,GAEqB,UAAA,kBAAA,EAAkB;AAC3E,SAAO,MAAM,CAAC,IAAP,CAAY,kBAAZ,EACJ,MADI,CACG,UAAA,WAAA,EAAW;AAAI,WAAA,WAAW,KAAK,OAAhB,IAA2B,WAAW,KAAtC,MAAA;AAAiD,GADnE,EAEJ,MAFI,CAEG,UAAC,GAAD,EAAM,WAAN,EAAiB;AACvB,IAAA,GAAG,CAAC,WAAD,CAAH,GAA+C;AAC7C,MAAA,WAAW,EAAE,2BADgC;AAE7C,MAAA,WAAW,EAAE,2BAFgC;AAG7C,MAAA,WAAW,EAAE,2BAHgC;AAI7C,MAAA,WAAW,EAAE,2BAJgC;AAK7C,MAAA,WAAW,EAAE,2BALgC;AAM7C,MAAA,WAAW,EAAE,2BANgC;AAO7C,MAAA,YAAY,EAAE,iCAP+B;AAQ7C,MAAA,OAAO,EAAE;AARoC,KAA/C;AAUA,WAAO,GAAP;AACD,GAdI,EAcF,EAdE,CAAP;AAeD,CAlBM","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground2Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground2BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForeground3Hover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3Pressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3Selected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandHover: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandPressed: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground3BrandSelected: 'var(--global-color-hcHighlightText)', // #000000 Global.Color.hcHighlightText\n neutralForeground4: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralForegroundDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n brandForegroundLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n brandForegroundLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n compoundBrandForeground1: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandForeground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandForeground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandForeground1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandForeground2: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n neutralForegroundInverted: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralForegroundOnBrand: 'var(--global-color-hcButtonText)', // #000000 Global.Color.hcButtonText\n neutralForegroundInvertedLink: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkHover: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkPressed: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralForegroundInvertedLinkSelected: 'var(--global-color-hcHyperlink)', // #ffff00 Global.Color.hcHyperlink\n neutralBackground1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground2Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground2Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground3Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground3Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground4Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground4Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackground5Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground5Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackground6: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralBackgroundInverted: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n subtleBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n subtleBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralBackgroundDisabled: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n neutralStencil1: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralStencil2: 'var(--global-palette-grey-52)', // #858585 Global.Color.Grey.52\n brandBackground: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n brandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackground: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackgroundHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandBackgroundPressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n brandBackgroundStatic: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n brandBackground2: 'var(--global-color-hcButtonFace)', // #ffffff Global.Color.hcButtonFace\n neutralStrokeAccessible: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStrokeAccessibleHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeAccessiblePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeAccessibleSelected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStroke1Hover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1Pressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke1Selected: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStroke2: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n neutralStroke3: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandStroke1: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n brandStroke2: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n compoundBrandStroke: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandStrokeHover: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n compoundBrandStrokePressed: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n transparentStroke: 'var(--global-color-hcCanvasText)', // #ffffff Global.Color.hcCanvasText\n transparentStrokeInteractive: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n transparentStrokeDisabled: 'var(--global-color-hcDisabled)', // #3ff23f Global.Color.hcDisabled\n strokeFocus1: 'var(--global-color-hcCanvas)', // #000000 Global.Color.hcCanvas\n strokeFocus2: 'var(--global-color-hcHighlight)', // #1aebff Global.Color.hcHighlight\n neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-color-white)`,\n background2: `var(--global-color-black)`,\n background3: `var(--global-color-white)`,\n foreground1: `var(--global-color-black)`,\n foreground2: `var(--global-color-white)`,\n foreground3: `var(--global-color-white)`,\n borderActive: `var(--global-color-hcHighlight)`,\n border2: `var(--global-color-white)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
|
2
|
+
export declare const neutralColorTokens: NeutralColorTokens;
|
3
|
+
export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
|
@@ -0,0 +1,123 @@
|
|
1
|
+
export var neutralColorTokens = {
|
2
|
+
neutralForeground1: 'var(--global-palette-grey-14)',
|
3
|
+
neutralForeground2: 'var(--global-palette-grey-26)',
|
4
|
+
neutralForeground2Hover: 'var(--global-palette-grey-14)',
|
5
|
+
neutralForeground2Pressed: 'var(--global-palette-grey-14)',
|
6
|
+
neutralForeground2Selected: 'var(--global-palette-grey-14)',
|
7
|
+
neutralForeground2BrandHover: 'var(--global-palette-brand-primary)',
|
8
|
+
neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)',
|
9
|
+
neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)',
|
10
|
+
neutralForeground3: 'var(--global-palette-grey-38)',
|
11
|
+
neutralForeground3Hover: 'var(--global-palette-grey-26)',
|
12
|
+
neutralForeground3Pressed: 'var(--global-palette-grey-26)',
|
13
|
+
neutralForeground3Selected: 'var(--global-palette-grey-26)',
|
14
|
+
neutralForeground3BrandHover: 'var(--global-palette-brand-primary)',
|
15
|
+
neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)',
|
16
|
+
neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)',
|
17
|
+
neutralForeground4: 'var(--global-palette-grey-44)',
|
18
|
+
neutralForegroundDisabled: 'var(--global-palette-grey-74)',
|
19
|
+
brandForegroundLink: 'var(--global-palette-brand-shade10)',
|
20
|
+
brandForegroundLinkHover: 'var(--global-palette-brand-shade20)',
|
21
|
+
brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)',
|
22
|
+
brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)',
|
23
|
+
compoundBrandForeground1: 'var(--global-palette-brand-primary)',
|
24
|
+
compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)',
|
25
|
+
compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)',
|
26
|
+
brandForeground1: 'var(--global-palette-brand-primary)',
|
27
|
+
brandForeground2: 'var(--global-palette-brand-shade10)',
|
28
|
+
neutralForegroundInverted: 'var(--global-color-white)',
|
29
|
+
neutralForegroundOnBrand: 'var(--global-color-white)',
|
30
|
+
neutralForegroundInvertedLink: 'var(--global-color-white)',
|
31
|
+
neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
|
32
|
+
neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
|
33
|
+
neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
|
34
|
+
neutralBackground1: 'var(--global-color-white)',
|
35
|
+
neutralBackground1Hover: 'var(--global-palette-grey-96)',
|
36
|
+
neutralBackground1Pressed: 'var(--global-palette-grey-88)',
|
37
|
+
neutralBackground1Selected: 'var(--global-palette-grey-92)',
|
38
|
+
neutralBackground2: 'var(--global-palette-grey-98)',
|
39
|
+
neutralBackground2Hover: 'var(--global-palette-grey-94)',
|
40
|
+
neutralBackground2Pressed: 'var(--global-palette-grey-86)',
|
41
|
+
neutralBackground2Selected: 'var(--global-palette-grey-90)',
|
42
|
+
neutralBackground3: 'var(--global-palette-grey-96)',
|
43
|
+
neutralBackground3Hover: 'var(--global-palette-grey-92)',
|
44
|
+
neutralBackground3Pressed: 'var(--global-palette-grey-84)',
|
45
|
+
neutralBackground3Selected: 'var(--global-palette-grey-88)',
|
46
|
+
neutralBackground4: 'var(--global-palette-grey-94)',
|
47
|
+
neutralBackground4Hover: 'var(--global-palette-grey-98)',
|
48
|
+
neutralBackground4Pressed: 'var(--global-palette-grey-96)',
|
49
|
+
neutralBackground4Selected: 'var(--global-color-white)',
|
50
|
+
neutralBackground5: 'var(--global-palette-grey-92)',
|
51
|
+
neutralBackground5Hover: 'var(--global-palette-grey-96)',
|
52
|
+
neutralBackground5Pressed: 'var(--global-palette-grey-94)',
|
53
|
+
neutralBackground5Selected: 'var(--global-palette-grey-98)',
|
54
|
+
neutralBackground6: 'var(--global-palette-grey-90)',
|
55
|
+
neutralBackgroundInverted: 'var(--global-palette-grey-38)',
|
56
|
+
subtleBackground: 'transparent',
|
57
|
+
subtleBackgroundHover: 'var(--global-palette-grey-96)',
|
58
|
+
subtleBackgroundPressed: 'var(--global-palette-grey-88)',
|
59
|
+
subtleBackgroundSelected: 'var(--global-palette-grey-92)',
|
60
|
+
transparentBackground: 'transparent',
|
61
|
+
transparentBackgroundHover: 'transparent',
|
62
|
+
transparentBackgroundPressed: 'transparent',
|
63
|
+
transparentBackgroundSelected: 'transparent',
|
64
|
+
neutralBackgroundDisabled: 'var(--global-palette-grey-94)',
|
65
|
+
neutralStencil1: 'var(--global-palette-grey-90)',
|
66
|
+
neutralStencil2: 'var(--global-palette-grey-98)',
|
67
|
+
brandBackground: 'var(--global-palette-brand-primary)',
|
68
|
+
brandBackgroundHover: 'var(--global-palette-brand-shade10)',
|
69
|
+
brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
|
70
|
+
brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
|
71
|
+
compoundBrandBackground: 'var(--global-palette-brand-primary)',
|
72
|
+
compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)',
|
73
|
+
compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)',
|
74
|
+
brandBackgroundStatic: 'var(--global-palette-brand-primary)',
|
75
|
+
brandBackground2: 'var(--global-palette-brand-tint60)',
|
76
|
+
neutralStrokeAccessible: 'var(--global-palette-grey-38)',
|
77
|
+
neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)',
|
78
|
+
neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)',
|
79
|
+
neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)',
|
80
|
+
neutralStroke1: 'var(--global-palette-grey-82)',
|
81
|
+
neutralStroke1Hover: 'var(--global-palette-grey-78)',
|
82
|
+
neutralStroke1Pressed: 'var(--global-palette-grey-70)',
|
83
|
+
neutralStroke1Selected: 'var(--global-palette-grey-74)',
|
84
|
+
neutralStroke2: 'var(--global-palette-grey-88)',
|
85
|
+
neutralStroke3: 'var(--global-palette-grey-94)',
|
86
|
+
brandStroke1: 'var(--global-palette-brand-primary)',
|
87
|
+
brandStroke2: 'var(--global-palette-brand-tint40)',
|
88
|
+
compoundBrandStroke: 'var(--global-palette-brand-primary)',
|
89
|
+
compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)',
|
90
|
+
compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)',
|
91
|
+
neutralStrokeDisabled: 'var(--global-palette-grey-88)',
|
92
|
+
transparentStroke: 'transparent',
|
93
|
+
transparentStrokeInteractive: 'transparent',
|
94
|
+
transparentStrokeDisabled: 'transparent',
|
95
|
+
strokeFocus1: 'var(--global-color-white)',
|
96
|
+
strokeFocus2: 'var(--global-color-black)',
|
97
|
+
neutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
98
|
+
neutralShadowKey: 'rgba(0,0,0,0.14)',
|
99
|
+
neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
100
|
+
neutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
101
|
+
neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
102
|
+
neutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
103
|
+
brandShadowAmbient: 'rgba(0,0,0,0.30)',
|
104
|
+
brandShadowKey: 'rgba(0,0,0,0.25)'
|
105
|
+
};
|
106
|
+
export var generateSharedColorTokens = function (globalSharedTokens) {
|
107
|
+
return Object.keys(globalSharedTokens).filter(function (sharedColor) {
|
108
|
+
return sharedColor !== 'brand' && sharedColor !== 'grey';
|
109
|
+
}).reduce(function (acc, sharedColor) {
|
110
|
+
acc[sharedColor] = {
|
111
|
+
background1: "var(--global-palette-" + sharedColor + "-tint60)",
|
112
|
+
background2: "var(--global-palette-" + sharedColor + "-tint40)",
|
113
|
+
background3: "var(--global-palette-" + sharedColor + "-primary)",
|
114
|
+
foreground1: "var(--global-palette-" + sharedColor + "-shade10)",
|
115
|
+
foreground2: "var(--global-palette-" + sharedColor + "-shade30)",
|
116
|
+
foreground3: "var(--global-palette-" + sharedColor + "-primary)",
|
117
|
+
borderActive: "var(--global-palette-" + sharedColor + "-primary)",
|
118
|
+
border2: "var(--global-palette-" + sharedColor + "-primary)"
|
119
|
+
};
|
120
|
+
return acc;
|
121
|
+
}, {});
|
122
|
+
};
|
123
|
+
//# sourceMappingURL=light.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/light.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground2Hover: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2Pressed: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralForeground2BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground2BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForeground2BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground3: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n neutralForeground3Hover: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3Pressed: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3Selected: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n neutralForeground3BrandHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground3BrandPressed: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForeground3BrandSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralForeground4: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n neutralForegroundDisabled: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n brandForegroundLink: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandForegroundLinkHover: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandForegroundLinkPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandForegroundLinkSelected: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandForeground1Hover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandForeground1Pressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandForeground1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandForeground2: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n neutralForegroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground1Pressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralBackground1Selected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground2Hover: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground2Pressed: 'var(--global-palette-grey-86)', // #dbdbdb Global.Color.Grey.86\n neutralBackground2Selected: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralBackground3: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground3Hover: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralBackground3Selected: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralBackground4: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground4Hover: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground4Pressed: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground4Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground5: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n neutralBackground5Hover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n neutralBackground5Pressed: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralBackground5Selected: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n neutralBackground6: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralBackgroundInverted: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-palette-grey-96)', // #f5f5f5 Global.Color.Grey.96\n subtleBackgroundPressed: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n subtleBackgroundSelected: 'var(--global-palette-grey-92)', // #ebebeb Global.Color.Grey.92\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'transparent', // transparent undefined\n transparentBackgroundPressed: 'transparent', // transparent undefined\n transparentBackgroundSelected: 'transparent', // transparent undefined\n neutralBackgroundDisabled: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n neutralStencil1: 'var(--global-palette-grey-90)', // #e6e6e6 Global.Color.Grey.90\n neutralStencil2: 'var(--global-palette-grey-98)', // #fafafa Global.Color.Grey.98\n brandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n compoundBrandBackground: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandBackgroundHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandBackgroundPressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackground2: 'var(--global-palette-brand-tint60)', // #eff6fc Global.Color.Brand.Tint.60\n neutralStrokeAccessible: 'var(--global-palette-grey-38)', // #616161 Global.Color.Grey.38\n neutralStrokeAccessibleHover: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n neutralStrokeAccessiblePressed: 'var(--global-palette-grey-30)', // #4d4d4d Global.Color.Grey.30\n neutralStrokeAccessibleSelected: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralStroke1: 'var(--global-palette-grey-82)', // #d1d1d1 Global.Color.Grey.82\n neutralStroke1Hover: 'var(--global-palette-grey-78)', // #c7c7c7 Global.Color.Grey.78\n neutralStroke1Pressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n neutralStroke1Selected: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n neutralStroke2: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n neutralStroke3: 'var(--global-palette-grey-94)', // #f0f0f0 Global.Color.Grey.94\n brandStroke1: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandStroke2: 'var(--global-palette-brand-tint40)', // #c7e0f4 Global.Color.Brand.Tint.40\n compoundBrandStroke: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n compoundBrandStrokeHover: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n compoundBrandStrokePressed: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n neutralStrokeDisabled: 'var(--global-palette-grey-88)', // #e0e0e0 Global.Color.Grey.88\n transparentStroke: 'transparent', // transparent undefined\n transparentStrokeInteractive: 'transparent', // transparent undefined\n transparentStrokeDisabled: 'transparent', // transparent undefined\n strokeFocus1: 'var(--global-color-white)', // #ffffff Global.Color.White\n strokeFocus2: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-palette-${sharedColor}-tint60)`,\n background2: `var(--global-palette-${sharedColor}-tint40)`,\n background3: `var(--global-palette-${sharedColor}-primary)`,\n foreground1: `var(--global-palette-${sharedColor}-shade10)`,\n foreground2: `var(--global-palette-${sharedColor}-shade30)`,\n foreground3: `var(--global-palette-${sharedColor}-primary)`,\n borderActive: `var(--global-palette-${sharedColor}-primary)`,\n border2: `var(--global-palette-${sharedColor}-primary)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';
|
2
|
+
export declare const neutralColorTokens: NeutralColorTokens;
|
3
|
+
export declare const generateSharedColorTokens: (globalSharedTokens: GlobalSharedColors) => Record<keyof GlobalSharedColors, SharedColorTokens>;
|
@@ -0,0 +1,123 @@
|
|
1
|
+
export var neutralColorTokens = {
|
2
|
+
neutralForeground1: 'var(--global-color-white)',
|
3
|
+
neutralForeground2: 'var(--global-palette-grey-84)',
|
4
|
+
neutralForeground2Hover: 'var(--global-color-white)',
|
5
|
+
neutralForeground2Pressed: 'var(--global-color-white)',
|
6
|
+
neutralForeground2Selected: 'var(--global-color-white)',
|
7
|
+
neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)',
|
8
|
+
neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)',
|
9
|
+
neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)',
|
10
|
+
neutralForeground3: 'var(--global-palette-grey-68)',
|
11
|
+
neutralForeground3Hover: 'var(--global-palette-grey-84)',
|
12
|
+
neutralForeground3Pressed: 'var(--global-palette-grey-84)',
|
13
|
+
neutralForeground3Selected: 'var(--global-palette-grey-84)',
|
14
|
+
neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)',
|
15
|
+
neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)',
|
16
|
+
neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)',
|
17
|
+
neutralForeground4: 'var(--global-palette-grey-60)',
|
18
|
+
neutralForegroundDisabled: 'var(--global-palette-grey-36)',
|
19
|
+
brandForegroundLink: 'var(--global-palette-brand-tint10)',
|
20
|
+
brandForegroundLinkHover: 'var(--global-palette-brand-tint30)',
|
21
|
+
brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)',
|
22
|
+
brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)',
|
23
|
+
compoundBrandForeground1: 'var(--global-palette-brand-tint10)',
|
24
|
+
compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)',
|
25
|
+
compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)',
|
26
|
+
brandForeground1: 'var(--global-palette-brand-tint20)',
|
27
|
+
brandForeground2: 'var(--global-palette-brand-tint30)',
|
28
|
+
neutralForegroundInverted: 'var(--global-color-white)',
|
29
|
+
neutralForegroundOnBrand: 'var(--global-color-white)',
|
30
|
+
neutralForegroundInvertedLink: 'var(--global-color-white)',
|
31
|
+
neutralForegroundInvertedLinkHover: 'var(--global-color-white)',
|
32
|
+
neutralForegroundInvertedLinkPressed: 'var(--global-color-white)',
|
33
|
+
neutralForegroundInvertedLinkSelected: 'var(--global-color-white)',
|
34
|
+
neutralBackground1: 'var(--global-palette-grey-16)',
|
35
|
+
neutralBackground1Hover: 'var(--global-palette-grey-24)',
|
36
|
+
neutralBackground1Pressed: 'var(--global-palette-grey-12)',
|
37
|
+
neutralBackground1Selected: 'var(--global-palette-grey-22)',
|
38
|
+
neutralBackground2: 'var(--global-palette-grey-14)',
|
39
|
+
neutralBackground2Hover: 'var(--global-palette-grey-22)',
|
40
|
+
neutralBackground2Pressed: 'var(--global-palette-grey-10)',
|
41
|
+
neutralBackground2Selected: 'var(--global-palette-grey-20)',
|
42
|
+
neutralBackground3: 'var(--global-palette-grey-12)',
|
43
|
+
neutralBackground3Hover: 'var(--global-palette-grey-20)',
|
44
|
+
neutralBackground3Pressed: 'var(--global-palette-grey-8)',
|
45
|
+
neutralBackground3Selected: 'var(--global-palette-grey-18)',
|
46
|
+
neutralBackground4: 'var(--global-palette-grey-8)',
|
47
|
+
neutralBackground4Hover: 'var(--global-palette-grey-16)',
|
48
|
+
neutralBackground4Pressed: 'var(--global-palette-grey-4)',
|
49
|
+
neutralBackground4Selected: 'var(--global-palette-grey-14)',
|
50
|
+
neutralBackground5: 'var(--global-palette-grey-4)',
|
51
|
+
neutralBackground5Hover: 'var(--global-palette-grey-12)',
|
52
|
+
neutralBackground5Pressed: 'var(--global-color-black)',
|
53
|
+
neutralBackground5Selected: 'var(--global-palette-grey-10)',
|
54
|
+
neutralBackground6: 'var(--global-palette-grey-20)',
|
55
|
+
neutralBackgroundInverted: 'var(--global-color-white)',
|
56
|
+
subtleBackground: 'transparent',
|
57
|
+
subtleBackgroundHover: 'var(--global-palette-grey-22)',
|
58
|
+
subtleBackgroundPressed: 'var(--global-palette-grey-18)',
|
59
|
+
subtleBackgroundSelected: 'var(--global-palette-grey-20)',
|
60
|
+
transparentBackground: 'transparent',
|
61
|
+
transparentBackgroundHover: 'transparent',
|
62
|
+
transparentBackgroundPressed: 'transparent',
|
63
|
+
transparentBackgroundSelected: 'transparent',
|
64
|
+
neutralBackgroundDisabled: 'var(--global-palette-grey-8)',
|
65
|
+
neutralStencil1: 'var(--global-palette-grey-20)',
|
66
|
+
neutralStencil2: 'var(--global-palette-grey-34)',
|
67
|
+
brandBackground: 'var(--global-palette-brand-shade10)',
|
68
|
+
brandBackgroundHover: 'var(--global-palette-brand-primary)',
|
69
|
+
brandBackgroundPressed: 'var(--global-palette-brand-shade40)',
|
70
|
+
brandBackgroundSelected: 'var(--global-palette-brand-shade20)',
|
71
|
+
compoundBrandBackground: 'var(--global-palette-brand-tint10)',
|
72
|
+
compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)',
|
73
|
+
compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)',
|
74
|
+
brandBackgroundStatic: 'var(--global-palette-brand-primary)',
|
75
|
+
brandBackground2: 'var(--global-palette-brand-shade40)',
|
76
|
+
neutralStrokeAccessible: 'var(--global-palette-grey-68)',
|
77
|
+
neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)',
|
78
|
+
neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)',
|
79
|
+
neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)',
|
80
|
+
neutralStroke1: 'var(--global-palette-grey-40)',
|
81
|
+
neutralStroke1Hover: 'var(--global-palette-grey-46)',
|
82
|
+
neutralStroke1Pressed: 'var(--global-palette-grey-42)',
|
83
|
+
neutralStroke1Selected: 'var(--global-palette-grey-44)',
|
84
|
+
neutralStroke2: 'var(--global-palette-grey-32)',
|
85
|
+
neutralStroke3: 'var(--global-palette-grey-24)',
|
86
|
+
brandStroke1: 'var(--global-palette-brand-tint10)',
|
87
|
+
brandStroke2: 'var(--global-palette-brand-shade30)',
|
88
|
+
compoundBrandStroke: 'var(--global-palette-brand-tint10)',
|
89
|
+
compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)',
|
90
|
+
compoundBrandStrokePressed: 'var(--global-palette-brand-primary)',
|
91
|
+
neutralStrokeDisabled: 'var(--global-palette-grey-26)',
|
92
|
+
transparentStroke: 'transparent',
|
93
|
+
transparentStrokeInteractive: 'transparent',
|
94
|
+
transparentStrokeDisabled: 'transparent',
|
95
|
+
strokeFocus1: 'var(--global-color-black)',
|
96
|
+
strokeFocus2: 'var(--global-color-white)',
|
97
|
+
neutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
98
|
+
neutralShadowKey: 'rgba(0,0,0,0.28)',
|
99
|
+
neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
100
|
+
neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
101
|
+
neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
102
|
+
neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
103
|
+
brandShadowAmbient: 'rgba(0,0,0,0.30)',
|
104
|
+
brandShadowKey: 'rgba(0,0,0,0.25)'
|
105
|
+
};
|
106
|
+
export var generateSharedColorTokens = function (globalSharedTokens) {
|
107
|
+
return Object.keys(globalSharedTokens).filter(function (sharedColor) {
|
108
|
+
return sharedColor !== 'brand' && sharedColor !== 'grey';
|
109
|
+
}).reduce(function (acc, sharedColor) {
|
110
|
+
acc[sharedColor] = {
|
111
|
+
background1: "var(--global-palette-" + sharedColor + "-shade40)",
|
112
|
+
background2: "var(--global-palette-" + sharedColor + "-shade30)",
|
113
|
+
background3: "var(--global-palette-" + sharedColor + "-primary)",
|
114
|
+
foreground1: "var(--global-palette-" + sharedColor + "-tint30)",
|
115
|
+
foreground2: "var(--global-palette-" + sharedColor + "-tint40)",
|
116
|
+
foreground3: "var(--global-palette-" + sharedColor + "-tint20)",
|
117
|
+
borderActive: "var(--global-palette-" + sharedColor + "-tint30)",
|
118
|
+
border2: "var(--global-palette-" + sharedColor + "-tint20)"
|
119
|
+
};
|
120
|
+
return acc;
|
121
|
+
}, {});
|
122
|
+
};
|
123
|
+
//# sourceMappingURL=teamsDark.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/teamsDark.ts"],"names":[],"mappings":"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","sourcesContent":["import type { GlobalSharedColors, NeutralColorTokens, SharedColorTokens } from '../types';\n\nexport const neutralColorTokens: NeutralColorTokens = {\n neutralForeground1: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground2Hover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2Pressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2Selected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForeground2BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground2BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n neutralForeground2BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground3: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n neutralForeground3Hover: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3Pressed: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3Selected: 'var(--global-palette-grey-84)', // #d6d6d6 Global.Color.Grey.84\n neutralForeground3BrandHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground3BrandPressed: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n neutralForeground3BrandSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralForeground4: 'var(--global-palette-grey-60)', // #999999 Global.Color.Grey.60\n neutralForegroundDisabled: 'var(--global-palette-grey-36)', // #5c5c5c Global.Color.Grey.36\n brandForegroundLink: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n brandForegroundLinkHover: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n brandForegroundLinkPressed: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n brandForegroundLinkSelected: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandForeground1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandForeground1Hover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandForeground1Pressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandForeground1: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n brandForeground2: 'var(--global-palette-brand-tint30)', // #6cb8f6 Global.Color.Brand.Tint.30\n neutralForegroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundOnBrand: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLink: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkHover: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkPressed: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralForegroundInvertedLinkSelected: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralBackground1: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n neutralBackground1Hover: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n neutralBackground1Pressed: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground1Selected: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n neutralBackground2: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralBackground2Hover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n neutralBackground2Pressed: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n neutralBackground2Selected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackground3: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground3Hover: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackground3Pressed: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground3Selected: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n neutralBackground4: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralBackground4Hover: 'var(--global-palette-grey-16)', // #292929 Global.Color.Grey.16\n neutralBackground4Pressed: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground4Selected: 'var(--global-palette-grey-14)', // #242424 Global.Color.Grey.14\n neutralBackground5: 'var(--global-palette-grey-4)', // #0a0a0a Global.Color.Grey.4\n neutralBackground5Hover: 'var(--global-palette-grey-12)', // #1f1f1f Global.Color.Grey.12\n neutralBackground5Pressed: 'var(--global-color-black)', // #000000 Global.Color.Black\n neutralBackground5Selected: 'var(--global-palette-grey-10)', // #1a1a1a Global.Color.Grey.10\n neutralBackground6: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralBackgroundInverted: 'var(--global-color-white)', // #ffffff Global.Color.White\n subtleBackground: 'transparent', // transparent undefined\n subtleBackgroundHover: 'var(--global-palette-grey-22)', // #383838 Global.Color.Grey.22\n subtleBackgroundPressed: 'var(--global-palette-grey-18)', // #2e2e2e Global.Color.Grey.18\n subtleBackgroundSelected: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n transparentBackground: 'transparent', // transparent undefined\n transparentBackgroundHover: 'transparent', // transparent undefined\n transparentBackgroundPressed: 'transparent', // transparent undefined\n transparentBackgroundSelected: 'transparent', // transparent undefined\n neutralBackgroundDisabled: 'var(--global-palette-grey-8)', // #141414 Global.Color.Grey.8\n neutralStencil1: 'var(--global-palette-grey-20)', // #333333 Global.Color.Grey.20\n neutralStencil2: 'var(--global-palette-grey-34)', // #575757 Global.Color.Grey.34\n brandBackground: 'var(--global-palette-brand-shade10)', // #106ebe Global.Color.Brand.Shade.10\n brandBackgroundHover: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundPressed: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n brandBackgroundSelected: 'var(--global-palette-brand-shade20)', // #005a9e Global.Color.Brand.Shade.20\n compoundBrandBackground: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandBackgroundHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandBackgroundPressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackgroundStatic: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n brandBackground2: 'var(--global-palette-brand-shade40)', // #004578 Global.Color.Brand.Shade.40\n neutralStrokeAccessible: 'var(--global-palette-grey-68)', // #adadad Global.Color.Grey.68\n neutralStrokeAccessibleHover: 'var(--global-palette-grey-74)', // #bdbdbd Global.Color.Grey.74\n neutralStrokeAccessiblePressed: 'var(--global-palette-grey-70)', // #b3b3b3 Global.Color.Grey.70\n neutralStrokeAccessibleSelected: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n neutralStroke1: 'var(--global-palette-grey-40)', // #666666 Global.Color.Grey.40\n neutralStroke1Hover: 'var(--global-palette-grey-46)', // #757575 Global.Color.Grey.46\n neutralStroke1Pressed: 'var(--global-palette-grey-42)', // #6b6b6b Global.Color.Grey.42\n neutralStroke1Selected: 'var(--global-palette-grey-44)', // #707070 Global.Color.Grey.44\n neutralStroke2: 'var(--global-palette-grey-32)', // #525252 Global.Color.Grey.32\n neutralStroke3: 'var(--global-palette-grey-24)', // #3d3d3d Global.Color.Grey.24\n brandStroke1: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n brandStroke2: 'var(--global-palette-brand-shade30)', // #004c87 Global.Color.Brand.Shade.30\n compoundBrandStroke: 'var(--global-palette-brand-tint10)', // #2899f5 Global.Color.Brand.Tint.10\n compoundBrandStrokeHover: 'var(--global-palette-brand-tint20)', // #3aa0f3 Global.Color.Brand.Tint.20\n compoundBrandStrokePressed: 'var(--global-palette-brand-primary)', // #106ebe Global.Color.Brand.Primary\n neutralStrokeDisabled: 'var(--global-palette-grey-26)', // #424242 Global.Color.Grey.26\n transparentStroke: 'transparent', // transparent undefined\n transparentStrokeInteractive: 'transparent', // transparent undefined\n transparentStrokeDisabled: 'transparent', // transparent undefined\n strokeFocus1: 'var(--global-color-black)', // #000000 Global.Color.Black\n strokeFocus2: 'var(--global-color-white)', // #ffffff Global.Color.White\n neutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n neutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n brandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n brandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n};\n\nexport const generateSharedColorTokens: (\n globalSharedTokens: GlobalSharedColors,\n) => Record<keyof GlobalSharedColors, SharedColorTokens> = globalSharedTokens => {\n return Object.keys(globalSharedTokens)\n .filter(sharedColor => sharedColor !== 'brand' && sharedColor !== 'grey')\n .reduce((acc, sharedColor) => {\n acc[sharedColor as keyof GlobalSharedColors] = {\n background1: `var(--global-palette-${sharedColor}-shade40)`,\n background2: `var(--global-palette-${sharedColor}-shade30)`,\n background3: `var(--global-palette-${sharedColor}-primary)`,\n foreground1: `var(--global-palette-${sharedColor}-tint30)`,\n foreground2: `var(--global-palette-${sharedColor}-tint40)`,\n foreground3: `var(--global-palette-${sharedColor}-tint20)`,\n borderActive: `var(--global-palette-${sharedColor}-tint30)`,\n border2: `var(--global-palette-${sharedColor}-tint20)`,\n };\n return acc;\n }, {} as Record<keyof GlobalSharedColors, SharedColorTokens>);\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["global/borderRadius.ts"],"names":[],"mappings":"AAEA,OAAO,IAAM,YAAY,GAAiB;AACxC,EAAA,IAAI,EAAE,GADkC;AAExC,EAAA,KAAK,EAAE,KAFiC;AAGxC,EAAA,MAAM,EAAE,KAHgC;AAIxC,EAAA,KAAK,EAAE,KAJiC;AAKxC,EAAA,MAAM,EAAE,KALgC;AAMxC,EAAA,QAAQ,EAAE;AAN8B,CAAnC","sourcesContent":["import type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n none: '0',\n small: '2px',\n medium: '4px',\n large: '6px',\n xLarge: '8px',\n circular: '10000px',\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
// TODO: values should be set per product theme
|
2
|
+
export var brandWeb = {
|
3
|
+
shade60: '#092C47',
|
4
|
+
shade50: '#043862',
|
5
|
+
shade40: '#004578',
|
6
|
+
shade30: '#004C87',
|
7
|
+
shade20: '#005A9E',
|
8
|
+
shade10: '#106EBE',
|
9
|
+
primary: '#0078D4',
|
10
|
+
tint10: '#2899F5',
|
11
|
+
tint20: '#3AA0F3',
|
12
|
+
tint30: '#6CB8F6',
|
13
|
+
tint40: '#C7E0F4',
|
14
|
+
tint50: '#DEECF9',
|
15
|
+
tint60: '#EFF6FC'
|
16
|
+
}; // TODO: these colors are not approved yet
|
17
|
+
|
18
|
+
export var brandTeams = {
|
19
|
+
shade60: '#323348',
|
20
|
+
shade50: '#393b5d',
|
21
|
+
shade40: '#3D3E66',
|
22
|
+
shade30: '#464775',
|
23
|
+
shade20: '#494B83',
|
24
|
+
shade10: '#52558f',
|
25
|
+
primary: '#6264A7',
|
26
|
+
tint10: '#8f95f8',
|
27
|
+
tint20: '#9EA2FF',
|
28
|
+
tint30: '#B2B5FF',
|
29
|
+
tint40: '#C7C9FF',
|
30
|
+
tint50: '#DBDCF0',
|
31
|
+
tint60: '#E9EAF6'
|
32
|
+
};
|
33
|
+
export var brandColors = {
|
34
|
+
teams: brandTeams,
|
35
|
+
web: brandWeb
|
36
|
+
};
|
37
|
+
//# sourceMappingURL=brandColors.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["global/brandColors.ts"],"names":[],"mappings":"AAEA;AACA,OAAO,IAAM,QAAQ,GAAkB;AACrC,EAAA,OAAO,EAAE,SAD4B;AAErC,EAAA,OAAO,EAAE,SAF4B;AAGrC,EAAA,OAAO,EAAE,SAH4B;AAIrC,EAAA,OAAO,EAAE,SAJ4B;AAKrC,EAAA,OAAO,EAAE,SAL4B;AAMrC,EAAA,OAAO,EAAE,SAN4B;AAOrC,EAAA,OAAO,EAAE,SAP4B;AAQrC,EAAA,MAAM,EAAE,SAR6B;AASrC,EAAA,MAAM,EAAE,SAT6B;AAUrC,EAAA,MAAM,EAAE,SAV6B;AAWrC,EAAA,MAAM,EAAE,SAX6B;AAYrC,EAAA,MAAM,EAAE,SAZ6B;AAarC,EAAA,MAAM,EAAE;AAb6B,CAAhC,C,CAgBP;;AACA,OAAO,IAAM,UAAU,GAAkB;AACvC,EAAA,OAAO,EAAE,SAD8B;AAEvC,EAAA,OAAO,EAAE,SAF8B;AAGvC,EAAA,OAAO,EAAE,SAH8B;AAIvC,EAAA,OAAO,EAAE,SAJ8B;AAKvC,EAAA,OAAO,EAAE,SAL8B;AAMvC,EAAA,OAAO,EAAE,SAN8B;AAOvC,EAAA,OAAO,EAAE,SAP8B;AAQvC,EAAA,MAAM,EAAE,SAR+B;AASvC,EAAA,MAAM,EAAE,SAT+B;AAUvC,EAAA,MAAM,EAAE,SAV+B;AAWvC,EAAA,MAAM,EAAE,SAX+B;AAYvC,EAAA,MAAM,EAAE,SAZ+B;AAavC,EAAA,MAAM,EAAE;AAb+B,CAAlC;AAgBP,OAAO,IAAM,WAAW,GAAuB;AAC7C,EAAA,KAAK,EAAE,UADsC;AAE7C,EAAA,GAAG,EAAE;AAFwC,CAAxC","sourcesContent":["import type { BrandVariants, ProductBrandColors } from '../types';\n\n// TODO: values should be set per product theme\nexport const brandWeb: BrandVariants = {\n shade60: '#092C47',\n shade50: '#043862',\n shade40: '#004578',\n shade30: '#004C87',\n shade20: '#005A9E',\n shade10: '#106EBE',\n primary: '#0078D4',\n tint10: '#2899F5',\n tint20: '#3AA0F3',\n tint30: '#6CB8F6',\n tint40: '#C7E0F4',\n tint50: '#DEECF9',\n tint60: '#EFF6FC',\n};\n\n// TODO: these colors are not approved yet\nexport const brandTeams: BrandVariants = {\n shade60: '#323348',\n shade50: '#393b5d', // TBD\n shade40: '#3D3E66',\n shade30: '#464775',\n shade20: '#494B83',\n shade10: '#52558f', // TBD\n primary: '#6264A7',\n tint10: '#8f95f8', // TBD\n tint20: '#9EA2FF',\n tint30: '#B2B5FF',\n tint40: '#C7C9FF',\n tint50: '#DBDCF0',\n tint60: '#E9EAF6',\n};\n\nexport const brandColors: ProductBrandColors = {\n teams: brandTeams,\n web: brandWeb,\n};\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
|
2
|
+
export declare const grey: Record<Greys, string>;
|
3
|
+
export declare const white = "#ffffff";
|
4
|
+
export declare const black = "#000000";
|
5
|
+
export declare const whiteAlpha: Record<AlphaColors, string>;
|
6
|
+
export declare const blackAlpha: Record<AlphaColors, string>;
|
7
|
+
export declare const hcHyperlink = "#ffff00";
|
8
|
+
export declare const hcHighlight = "#1aebff";
|
9
|
+
export declare const hcDisabled = "#3ff23f";
|
10
|
+
export declare const hcCanvas = "#000000";
|
11
|
+
export declare const hcCanvasText = "#ffffff";
|
12
|
+
export declare const hcHighlightText = "#000000";
|
13
|
+
export declare const hcButtonText = "#000000";
|
14
|
+
export declare const hcButtonFace = "#ffffff";
|
15
|
+
export declare const sharedColors: GlobalSharedColors;
|