@fluentui/react-theme 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.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 +349 -10
- package/CHANGELOG.md +157 -40
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/darkColor.js +147 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +147 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +147 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +147 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +53 -31
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +148 -130
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -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 +4 -4
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +426 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +22 -5
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +22 -5
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +22 -5
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +22 -5
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +157 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +157 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +157 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +157 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +138 -120
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +11 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +85 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +1 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +432 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +27 -7
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +27 -7
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +27 -7
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +27 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +1 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +16 -12
- package/dist/react-theme.d.ts +0 -326
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js +0 -117
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js +0 -117
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js +0 -117
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js +0 -117
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -3
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -3
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/types.d.ts +0 -327
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -6
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -14
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/shadows.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js +0 -128
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js +0 -128
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js +0 -128
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js +0 -128
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -3
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -3
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -327
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -6
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/shadows.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -0,0 +1,147 @@
|
|
1
|
+
import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
2
|
+
export const generateColorTokens = () => ({
|
3
|
+
colorNeutralForeground1: hcCanvasText,
|
4
|
+
colorNeutralForeground1Hover: hcHighlightText,
|
5
|
+
colorNeutralForeground1Pressed: hcHighlightText,
|
6
|
+
colorNeutralForeground1Selected: hcHighlightText,
|
7
|
+
colorNeutralForeground2: hcCanvasText,
|
8
|
+
colorNeutralForeground2Hover: hcHighlightText,
|
9
|
+
colorNeutralForeground2Pressed: hcHighlightText,
|
10
|
+
colorNeutralForeground2Selected: hcHighlightText,
|
11
|
+
colorNeutralForeground2BrandHover: hcHighlightText,
|
12
|
+
colorNeutralForeground2BrandPressed: hcHighlightText,
|
13
|
+
colorNeutralForeground2BrandSelected: hcHighlightText,
|
14
|
+
colorNeutralForeground3: hcCanvasText,
|
15
|
+
colorNeutralForeground3Hover: hcHighlightText,
|
16
|
+
colorNeutralForeground3Pressed: hcHighlightText,
|
17
|
+
colorNeutralForeground3Selected: hcHighlightText,
|
18
|
+
colorNeutralForeground3BrandHover: hcHighlightText,
|
19
|
+
colorNeutralForeground3BrandPressed: hcHighlightText,
|
20
|
+
colorNeutralForeground3BrandSelected: hcHighlightText,
|
21
|
+
colorNeutralForeground4: hcCanvasText,
|
22
|
+
colorNeutralForegroundDisabled: hcDisabled,
|
23
|
+
colorNeutralForegroundInvertedDisabled: hcDisabled,
|
24
|
+
colorBrandForegroundLink: hcHyperlink,
|
25
|
+
colorBrandForegroundLinkHover: hcHyperlink,
|
26
|
+
colorBrandForegroundLinkPressed: hcHyperlink,
|
27
|
+
colorBrandForegroundLinkSelected: hcHyperlink,
|
28
|
+
colorNeutralForeground2Link: hcHyperlink,
|
29
|
+
colorNeutralForeground2LinkHover: hcHyperlink,
|
30
|
+
colorNeutralForeground2LinkPressed: hcHyperlink,
|
31
|
+
colorNeutralForeground2LinkSelected: hcHyperlink,
|
32
|
+
colorCompoundBrandForeground1: hcHighlight,
|
33
|
+
colorCompoundBrandForeground1Hover: hcHighlight,
|
34
|
+
colorCompoundBrandForeground1Pressed: hcHighlight,
|
35
|
+
colorBrandForeground1: hcCanvasText,
|
36
|
+
colorBrandForeground2: hcButtonText,
|
37
|
+
colorNeutralForeground1Static: hcCanvas,
|
38
|
+
colorNeutralForegroundInverted: hcCanvasText,
|
39
|
+
colorNeutralForegroundInvertedHover: hcHighlightText,
|
40
|
+
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
41
|
+
colorNeutralForegroundInvertedSelected: hcHighlightText,
|
42
|
+
colorNeutralForegroundOnBrand: hcButtonText,
|
43
|
+
colorNeutralForegroundInvertedLink: hcHyperlink,
|
44
|
+
colorNeutralForegroundInvertedLinkHover: hcHyperlink,
|
45
|
+
colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
|
46
|
+
colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
|
47
|
+
colorBrandForegroundInverted: hcCanvasText,
|
48
|
+
colorBrandForegroundInvertedHover: hcCanvasText,
|
49
|
+
colorBrandForegroundInvertedPressed: hcCanvasText,
|
50
|
+
colorBrandForegroundOnLight: hcButtonText,
|
51
|
+
colorBrandForegroundOnLightHover: hcHighlightText,
|
52
|
+
colorBrandForegroundOnLightPressed: hcHighlightText,
|
53
|
+
colorBrandForegroundOnLightSelected: hcHighlightText,
|
54
|
+
colorNeutralBackground1: hcCanvas,
|
55
|
+
colorNeutralBackground1Hover: hcHighlight,
|
56
|
+
colorNeutralBackground1Pressed: hcHighlight,
|
57
|
+
colorNeutralBackground1Selected: hcHighlight,
|
58
|
+
colorNeutralBackground2: hcCanvas,
|
59
|
+
colorNeutralBackground2Hover: hcHighlight,
|
60
|
+
colorNeutralBackground2Pressed: hcHighlight,
|
61
|
+
colorNeutralBackground2Selected: hcHighlight,
|
62
|
+
colorNeutralBackground3: hcCanvas,
|
63
|
+
colorNeutralBackground3Hover: hcHighlight,
|
64
|
+
colorNeutralBackground3Pressed: hcHighlight,
|
65
|
+
colorNeutralBackground3Selected: hcHighlight,
|
66
|
+
colorNeutralBackground4: hcCanvas,
|
67
|
+
colorNeutralBackground4Hover: hcHighlight,
|
68
|
+
colorNeutralBackground4Pressed: hcHighlight,
|
69
|
+
colorNeutralBackground4Selected: hcHighlight,
|
70
|
+
colorNeutralBackground5: hcCanvas,
|
71
|
+
colorNeutralBackground5Hover: hcHighlight,
|
72
|
+
colorNeutralBackground5Pressed: hcHighlight,
|
73
|
+
colorNeutralBackground5Selected: hcHighlight,
|
74
|
+
colorNeutralBackground6: hcCanvas,
|
75
|
+
colorNeutralBackgroundInverted: hcCanvas,
|
76
|
+
colorSubtleBackground: 'transparent',
|
77
|
+
colorSubtleBackgroundHover: hcHighlight,
|
78
|
+
colorSubtleBackgroundPressed: hcHighlight,
|
79
|
+
colorSubtleBackgroundSelected: hcHighlight,
|
80
|
+
colorSubtleBackgroundLightAlphaHover: hcHighlight,
|
81
|
+
colorSubtleBackgroundLightAlphaPressed: hcHighlight,
|
82
|
+
colorSubtleBackgroundLightAlphaSelected: hcHighlight,
|
83
|
+
colorSubtleBackgroundInverted: 'transparent',
|
84
|
+
colorSubtleBackgroundInvertedHover: hcHighlight,
|
85
|
+
colorSubtleBackgroundInvertedPressed: hcHighlight,
|
86
|
+
colorSubtleBackgroundInvertedSelected: hcHighlight,
|
87
|
+
colorTransparentBackground: 'transparent',
|
88
|
+
colorTransparentBackgroundHover: hcHighlight,
|
89
|
+
colorTransparentBackgroundPressed: hcHighlight,
|
90
|
+
colorTransparentBackgroundSelected: hcHighlight,
|
91
|
+
colorNeutralBackgroundDisabled: hcCanvas,
|
92
|
+
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
93
|
+
colorNeutralStencil1: hcCanvasText,
|
94
|
+
colorNeutralStencil2: hcCanvasText,
|
95
|
+
colorBackgroundOverlay: blackAlpha[50],
|
96
|
+
colorScrollbarOverlay: hcButtonFace,
|
97
|
+
colorBrandBackground: hcButtonFace,
|
98
|
+
colorBrandBackgroundHover: hcHighlight,
|
99
|
+
colorBrandBackgroundPressed: hcHighlight,
|
100
|
+
colorBrandBackgroundSelected: hcHighlight,
|
101
|
+
colorCompoundBrandBackground: hcHighlight,
|
102
|
+
colorCompoundBrandBackgroundHover: hcHighlight,
|
103
|
+
colorCompoundBrandBackgroundPressed: hcHighlight,
|
104
|
+
colorBrandBackgroundStatic: hcCanvas,
|
105
|
+
colorBrandBackground2: hcButtonFace,
|
106
|
+
colorBrandBackgroundInverted: hcButtonFace,
|
107
|
+
colorBrandBackgroundInvertedHover: hcHighlight,
|
108
|
+
colorBrandBackgroundInvertedPressed: hcHighlight,
|
109
|
+
colorBrandBackgroundInvertedSelected: hcHighlight,
|
110
|
+
colorNeutralStrokeAccessible: hcCanvasText,
|
111
|
+
colorNeutralStrokeAccessibleHover: hcHighlight,
|
112
|
+
colorNeutralStrokeAccessiblePressed: hcHighlight,
|
113
|
+
colorNeutralStrokeAccessibleSelected: hcHighlight,
|
114
|
+
colorNeutralStroke1: hcCanvasText,
|
115
|
+
colorNeutralStroke1Hover: hcHighlight,
|
116
|
+
colorNeutralStroke1Pressed: hcHighlight,
|
117
|
+
colorNeutralStroke1Selected: hcHighlight,
|
118
|
+
colorNeutralStroke2: hcCanvasText,
|
119
|
+
colorNeutralStroke3: hcCanvasText,
|
120
|
+
colorNeutralStrokeOnBrand: hcCanvas,
|
121
|
+
colorNeutralStrokeOnBrand2: hcCanvasText,
|
122
|
+
colorNeutralStrokeOnBrand2Hover: hcCanvasText,
|
123
|
+
colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
|
124
|
+
colorNeutralStrokeOnBrand2Selected: hcCanvasText,
|
125
|
+
colorBrandStroke1: hcCanvasText,
|
126
|
+
colorBrandStroke2: hcCanvas,
|
127
|
+
colorCompoundBrandStroke: hcHighlight,
|
128
|
+
colorCompoundBrandStrokeHover: hcHighlight,
|
129
|
+
colorCompoundBrandStrokePressed: hcHighlight,
|
130
|
+
colorNeutralStrokeDisabled: hcDisabled,
|
131
|
+
colorNeutralStrokeInvertedDisabled: hcDisabled,
|
132
|
+
colorTransparentStroke: hcCanvasText,
|
133
|
+
colorTransparentStrokeInteractive: hcHighlight,
|
134
|
+
colorTransparentStrokeDisabled: hcDisabled,
|
135
|
+
colorStrokeFocus1: hcCanvas,
|
136
|
+
colorStrokeFocus2: hcHighlight,
|
137
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
138
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
139
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
140
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
141
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
142
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
143
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
144
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
145
|
+
|
146
|
+
});
|
147
|
+
//# sourceMappingURL=highContrastColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { statusSharedColors, personaSharedColors, hcHighlight, white, black } from '../global/colors';
|
2
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: white,
|
6
|
+
[`colorPalette${color}Background2`]: black,
|
7
|
+
[`colorPalette${color}Background3`]: white,
|
8
|
+
[`colorPalette${color}Foreground1`]: black,
|
9
|
+
[`colorPalette${color}Foreground2`]: white,
|
10
|
+
[`colorPalette${color}Foreground3`]: white,
|
11
|
+
[`colorPalette${color}BorderActive`]: hcHighlight,
|
12
|
+
[`colorPalette${color}Border1`]: white,
|
13
|
+
[`colorPalette${color}Border2`]: white
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
|
20
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
|
+
const sharedColorTokens = {
|
22
|
+
[`colorPalette${color}Background2`]: black,
|
23
|
+
[`colorPalette${color}Foreground2`]: white,
|
24
|
+
[`colorPalette${color}BorderActive`]: hcHighlight
|
25
|
+
};
|
26
|
+
return { ...acc,
|
27
|
+
...sharedColorTokens
|
28
|
+
};
|
29
|
+
}, {});
|
30
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
31
|
+
...personaColorPaletteTokens
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=highContrastColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SACE,kBADF,EAEE,mBAFF,EAGE,WAHF,EAIE,KAJF,EAKE,KALF,QAQO,kBARP;AAWA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAHb;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAJb;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KALb;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KANb;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,KART;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC;AATT,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;AAGxB,KAAC,eAAe,KAAK,cAArB,GAAsC;AAHd,GAA1B;AAMA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;AAA+B,KAAG;AAAlC,CAA/C","sourcesContent":["import {\n statusSharedColors,\n personaSharedColors,\n hcHighlight,\n white,\n black,\n StatusSharedColors,\n PersonaSharedColors,\n} from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: white,\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Background3`]: white,\n [`colorPalette${color}Foreground1`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}Foreground3`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: white,\n [`colorPalette${color}Border2`]: white,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,147 @@
|
|
1
|
+
import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
|
2
|
+
export const generateColorTokens = brand => ({
|
3
|
+
colorNeutralForeground1: grey[14],
|
4
|
+
colorNeutralForeground1Hover: grey[14],
|
5
|
+
colorNeutralForeground1Pressed: grey[14],
|
6
|
+
colorNeutralForeground1Selected: grey[14],
|
7
|
+
colorNeutralForeground2: grey[26],
|
8
|
+
colorNeutralForeground2Hover: grey[14],
|
9
|
+
colorNeutralForeground2Pressed: grey[14],
|
10
|
+
colorNeutralForeground2Selected: grey[14],
|
11
|
+
colorNeutralForeground2BrandHover: brand[80],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
14
|
+
colorNeutralForeground3: grey[38],
|
15
|
+
colorNeutralForeground3Hover: grey[26],
|
16
|
+
colorNeutralForeground3Pressed: grey[26],
|
17
|
+
colorNeutralForeground3Selected: grey[26],
|
18
|
+
colorNeutralForeground3BrandHover: brand[80],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
21
|
+
colorNeutralForeground4: grey[44],
|
22
|
+
colorNeutralForegroundDisabled: grey[74],
|
23
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
+
colorBrandForegroundLink: brand[70],
|
25
|
+
colorBrandForegroundLinkHover: brand[60],
|
26
|
+
colorBrandForegroundLinkPressed: brand[40],
|
27
|
+
colorBrandForegroundLinkSelected: brand[70],
|
28
|
+
colorNeutralForeground2Link: grey[26],
|
29
|
+
colorNeutralForeground2LinkHover: grey[14],
|
30
|
+
colorNeutralForeground2LinkPressed: grey[14],
|
31
|
+
colorNeutralForeground2LinkSelected: grey[14],
|
32
|
+
colorCompoundBrandForeground1: brand[80],
|
33
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
34
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
35
|
+
colorBrandForeground1: brand[80],
|
36
|
+
colorBrandForeground2: brand[70],
|
37
|
+
colorNeutralForeground1Static: grey[14],
|
38
|
+
colorNeutralForegroundInverted: white,
|
39
|
+
colorNeutralForegroundInvertedHover: white,
|
40
|
+
colorNeutralForegroundInvertedPressed: white,
|
41
|
+
colorNeutralForegroundInvertedSelected: white,
|
42
|
+
colorNeutralForegroundOnBrand: white,
|
43
|
+
colorNeutralForegroundInvertedLink: white,
|
44
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
45
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
46
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
47
|
+
colorBrandForegroundInverted: brand[100],
|
48
|
+
colorBrandForegroundInvertedHover: brand[110],
|
49
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
50
|
+
colorBrandForegroundOnLight: brand[80],
|
51
|
+
colorBrandForegroundOnLightHover: brand[70],
|
52
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
53
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
54
|
+
colorNeutralBackground1: white,
|
55
|
+
colorNeutralBackground1Hover: grey[96],
|
56
|
+
colorNeutralBackground1Pressed: grey[88],
|
57
|
+
colorNeutralBackground1Selected: grey[92],
|
58
|
+
colorNeutralBackground2: grey[98],
|
59
|
+
colorNeutralBackground2Hover: grey[94],
|
60
|
+
colorNeutralBackground2Pressed: grey[86],
|
61
|
+
colorNeutralBackground2Selected: grey[90],
|
62
|
+
colorNeutralBackground3: grey[96],
|
63
|
+
colorNeutralBackground3Hover: grey[92],
|
64
|
+
colorNeutralBackground3Pressed: grey[84],
|
65
|
+
colorNeutralBackground3Selected: grey[88],
|
66
|
+
colorNeutralBackground4: grey[94],
|
67
|
+
colorNeutralBackground4Hover: grey[98],
|
68
|
+
colorNeutralBackground4Pressed: grey[96],
|
69
|
+
colorNeutralBackground4Selected: white,
|
70
|
+
colorNeutralBackground5: grey[92],
|
71
|
+
colorNeutralBackground5Hover: grey[96],
|
72
|
+
colorNeutralBackground5Pressed: grey[94],
|
73
|
+
colorNeutralBackground5Selected: grey[98],
|
74
|
+
colorNeutralBackground6: grey[90],
|
75
|
+
colorNeutralBackgroundInverted: grey[38],
|
76
|
+
colorSubtleBackground: 'transparent',
|
77
|
+
colorSubtleBackgroundHover: grey[96],
|
78
|
+
colorSubtleBackgroundPressed: grey[88],
|
79
|
+
colorSubtleBackgroundSelected: grey[92],
|
80
|
+
colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
|
81
|
+
colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
|
82
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
83
|
+
colorSubtleBackgroundInverted: 'transparent',
|
84
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
85
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
86
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
87
|
+
colorTransparentBackground: 'transparent',
|
88
|
+
colorTransparentBackgroundHover: 'transparent',
|
89
|
+
colorTransparentBackgroundPressed: 'transparent',
|
90
|
+
colorTransparentBackgroundSelected: 'transparent',
|
91
|
+
colorNeutralBackgroundDisabled: grey[94],
|
92
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
93
|
+
colorNeutralStencil1: grey[90],
|
94
|
+
colorNeutralStencil2: grey[98],
|
95
|
+
colorBackgroundOverlay: blackAlpha[10],
|
96
|
+
colorScrollbarOverlay: blackAlpha[50],
|
97
|
+
colorBrandBackground: brand[80],
|
98
|
+
colorBrandBackgroundHover: brand[70],
|
99
|
+
colorBrandBackgroundPressed: brand[40],
|
100
|
+
colorBrandBackgroundSelected: brand[60],
|
101
|
+
colorCompoundBrandBackground: brand[80],
|
102
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
103
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
104
|
+
colorBrandBackgroundStatic: brand[80],
|
105
|
+
colorBrandBackground2: brand[160],
|
106
|
+
colorBrandBackgroundInverted: white,
|
107
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
108
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
109
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
110
|
+
colorNeutralStrokeAccessible: grey[38],
|
111
|
+
colorNeutralStrokeAccessibleHover: grey[34],
|
112
|
+
colorNeutralStrokeAccessiblePressed: grey[30],
|
113
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
114
|
+
colorNeutralStroke1: grey[82],
|
115
|
+
colorNeutralStroke1Hover: grey[78],
|
116
|
+
colorNeutralStroke1Pressed: grey[70],
|
117
|
+
colorNeutralStroke1Selected: grey[74],
|
118
|
+
colorNeutralStroke2: grey[88],
|
119
|
+
colorNeutralStroke3: grey[94],
|
120
|
+
colorNeutralStrokeOnBrand: white,
|
121
|
+
colorNeutralStrokeOnBrand2: white,
|
122
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
123
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
124
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
125
|
+
colorBrandStroke1: brand[80],
|
126
|
+
colorBrandStroke2: brand[140],
|
127
|
+
colorCompoundBrandStroke: brand[80],
|
128
|
+
colorCompoundBrandStrokeHover: brand[70],
|
129
|
+
colorCompoundBrandStrokePressed: brand[60],
|
130
|
+
colorNeutralStrokeDisabled: grey[88],
|
131
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
132
|
+
colorTransparentStroke: 'transparent',
|
133
|
+
colorTransparentStrokeInteractive: 'transparent',
|
134
|
+
colorTransparentStrokeDisabled: 'transparent',
|
135
|
+
colorStrokeFocus1: white,
|
136
|
+
colorStrokeFocus2: black,
|
137
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
138
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
139
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
140
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
141
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
142
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
143
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
144
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
145
|
+
|
146
|
+
});
|
147
|
+
//# sourceMappingURL=lightColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[38], // #616161 Global.Color.Grey.38\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorBackgroundOverlay: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { statusSharedColors, personaSharedColors } from '../global/colors';
|
2
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
|
3
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
|
+
const sharedColorTokens = {
|
5
|
+
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,
|
6
|
+
[`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,
|
7
|
+
[`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
|
8
|
+
[`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,
|
9
|
+
[`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,
|
10
|
+
[`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,
|
11
|
+
[`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,
|
12
|
+
[`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,
|
13
|
+
[`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary
|
14
|
+
};
|
15
|
+
return { ...acc,
|
16
|
+
...sharedColorTokens
|
17
|
+
};
|
18
|
+
}, {});
|
19
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
|
20
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
|
+
const sharedColorTokens = {
|
22
|
+
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,
|
23
|
+
[`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,
|
24
|
+
[`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary
|
25
|
+
};
|
26
|
+
return { ...acc,
|
27
|
+
...sharedColorTokens
|
28
|
+
};
|
29
|
+
}, {});
|
30
|
+
export const colorPaletteTokens = { ...statusColorPaletteTokens,
|
31
|
+
...personaColorPaletteTokens
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=lightColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/lightColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAiG,kBAAjG;AAGA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAD7C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAF7C;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAJ7C;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAL7C;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAN7C;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAP9C;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MARzC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;AATzC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAD9C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAF9C;AAGxB,KAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;AAH/C,GAA1B;AAMA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;AAA+B,KAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors, StatusSharedColors, PersonaSharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).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\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).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\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,147 @@
|
|
1
|
+
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
2
|
+
export const generateColorTokens = brand => ({
|
3
|
+
colorNeutralForeground1: white,
|
4
|
+
colorNeutralForeground1Hover: white,
|
5
|
+
colorNeutralForeground1Pressed: white,
|
6
|
+
colorNeutralForeground1Selected: white,
|
7
|
+
colorNeutralForeground2: grey[84],
|
8
|
+
colorNeutralForeground2Hover: white,
|
9
|
+
colorNeutralForeground2Pressed: white,
|
10
|
+
colorNeutralForeground2Selected: white,
|
11
|
+
colorNeutralForeground2BrandHover: brand[100],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
14
|
+
colorNeutralForeground3: grey[68],
|
15
|
+
colorNeutralForeground3Hover: grey[84],
|
16
|
+
colorNeutralForeground3Pressed: grey[84],
|
17
|
+
colorNeutralForeground3Selected: grey[84],
|
18
|
+
colorNeutralForeground3BrandHover: brand[100],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
21
|
+
colorNeutralForeground4: grey[60],
|
22
|
+
colorNeutralForegroundDisabled: grey[36],
|
23
|
+
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
+
colorBrandForegroundLink: brand[100],
|
25
|
+
colorBrandForegroundLinkHover: brand[110],
|
26
|
+
colorBrandForegroundLinkPressed: brand[90],
|
27
|
+
colorBrandForegroundLinkSelected: brand[100],
|
28
|
+
colorNeutralForeground2Link: grey[84],
|
29
|
+
colorNeutralForeground2LinkHover: white,
|
30
|
+
colorNeutralForeground2LinkPressed: white,
|
31
|
+
colorNeutralForeground2LinkSelected: white,
|
32
|
+
colorCompoundBrandForeground1: brand[100],
|
33
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
34
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
35
|
+
colorBrandForeground1: brand[100],
|
36
|
+
colorBrandForeground2: brand[110],
|
37
|
+
colorNeutralForeground1Static: grey[14],
|
38
|
+
colorNeutralForegroundInverted: white,
|
39
|
+
colorNeutralForegroundInvertedHover: white,
|
40
|
+
colorNeutralForegroundInvertedPressed: white,
|
41
|
+
colorNeutralForegroundInvertedSelected: white,
|
42
|
+
colorNeutralForegroundOnBrand: white,
|
43
|
+
colorNeutralForegroundInvertedLink: white,
|
44
|
+
colorNeutralForegroundInvertedLinkHover: white,
|
45
|
+
colorNeutralForegroundInvertedLinkPressed: white,
|
46
|
+
colorNeutralForegroundInvertedLinkSelected: white,
|
47
|
+
colorBrandForegroundInverted: brand[100],
|
48
|
+
colorBrandForegroundInvertedHover: brand[110],
|
49
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
50
|
+
colorBrandForegroundOnLight: brand[80],
|
51
|
+
colorBrandForegroundOnLightHover: brand[70],
|
52
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
53
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
54
|
+
colorNeutralBackground1: grey[16],
|
55
|
+
colorNeutralBackground1Hover: grey[24],
|
56
|
+
colorNeutralBackground1Pressed: grey[12],
|
57
|
+
colorNeutralBackground1Selected: grey[22],
|
58
|
+
colorNeutralBackground2: grey[14],
|
59
|
+
colorNeutralBackground2Hover: grey[22],
|
60
|
+
colorNeutralBackground2Pressed: grey[10],
|
61
|
+
colorNeutralBackground2Selected: grey[20],
|
62
|
+
colorNeutralBackground3: grey[12],
|
63
|
+
colorNeutralBackground3Hover: grey[20],
|
64
|
+
colorNeutralBackground3Pressed: grey[8],
|
65
|
+
colorNeutralBackground3Selected: grey[18],
|
66
|
+
colorNeutralBackground4: grey[8],
|
67
|
+
colorNeutralBackground4Hover: grey[16],
|
68
|
+
colorNeutralBackground4Pressed: grey[4],
|
69
|
+
colorNeutralBackground4Selected: grey[14],
|
70
|
+
colorNeutralBackground5: grey[4],
|
71
|
+
colorNeutralBackground5Hover: grey[12],
|
72
|
+
colorNeutralBackground5Pressed: black,
|
73
|
+
colorNeutralBackground5Selected: grey[10],
|
74
|
+
colorNeutralBackground6: grey[20],
|
75
|
+
colorNeutralBackgroundInverted: grey[24],
|
76
|
+
colorSubtleBackground: 'transparent',
|
77
|
+
colorSubtleBackgroundHover: grey[22],
|
78
|
+
colorSubtleBackgroundPressed: grey[18],
|
79
|
+
colorSubtleBackgroundSelected: grey[20],
|
80
|
+
colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
|
81
|
+
colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
|
82
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
83
|
+
colorSubtleBackgroundInverted: 'transparent',
|
84
|
+
colorSubtleBackgroundInvertedHover: blackAlpha[10],
|
85
|
+
colorSubtleBackgroundInvertedPressed: blackAlpha[30],
|
86
|
+
colorSubtleBackgroundInvertedSelected: blackAlpha[20],
|
87
|
+
colorTransparentBackground: 'transparent',
|
88
|
+
colorTransparentBackgroundHover: 'transparent',
|
89
|
+
colorTransparentBackgroundPressed: 'transparent',
|
90
|
+
colorTransparentBackgroundSelected: 'transparent',
|
91
|
+
colorNeutralBackgroundDisabled: grey[8],
|
92
|
+
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
93
|
+
colorNeutralStencil1: grey[34],
|
94
|
+
colorNeutralStencil2: grey[20],
|
95
|
+
colorBackgroundOverlay: blackAlpha[50],
|
96
|
+
colorScrollbarOverlay: whiteAlpha[60],
|
97
|
+
colorBrandBackground: brand[70],
|
98
|
+
colorBrandBackgroundHover: brand[80],
|
99
|
+
colorBrandBackgroundPressed: brand[40],
|
100
|
+
colorBrandBackgroundSelected: brand[60],
|
101
|
+
colorCompoundBrandBackground: brand[100],
|
102
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
103
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
104
|
+
colorBrandBackgroundStatic: brand[80],
|
105
|
+
colorBrandBackground2: brand[40],
|
106
|
+
colorBrandBackgroundInverted: white,
|
107
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
108
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
109
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
110
|
+
colorNeutralStrokeAccessible: grey[68],
|
111
|
+
colorNeutralStrokeAccessibleHover: grey[74],
|
112
|
+
colorNeutralStrokeAccessiblePressed: grey[70],
|
113
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
114
|
+
colorNeutralStroke1: grey[40],
|
115
|
+
colorNeutralStroke1Hover: grey[46],
|
116
|
+
colorNeutralStroke1Pressed: grey[42],
|
117
|
+
colorNeutralStroke1Selected: grey[44],
|
118
|
+
colorNeutralStroke2: grey[32],
|
119
|
+
colorNeutralStroke3: grey[24],
|
120
|
+
colorNeutralStrokeOnBrand: grey[16],
|
121
|
+
colorNeutralStrokeOnBrand2: white,
|
122
|
+
colorNeutralStrokeOnBrand2Hover: white,
|
123
|
+
colorNeutralStrokeOnBrand2Pressed: white,
|
124
|
+
colorNeutralStrokeOnBrand2Selected: white,
|
125
|
+
colorBrandStroke1: brand[100],
|
126
|
+
colorBrandStroke2: brand[50],
|
127
|
+
colorCompoundBrandStroke: brand[90],
|
128
|
+
colorCompoundBrandStrokeHover: brand[100],
|
129
|
+
colorCompoundBrandStrokePressed: brand[80],
|
130
|
+
colorNeutralStrokeDisabled: grey[26],
|
131
|
+
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
132
|
+
colorTransparentStroke: 'transparent',
|
133
|
+
colorTransparentStrokeInteractive: 'transparent',
|
134
|
+
colorTransparentStrokeDisabled: 'transparent',
|
135
|
+
colorStrokeFocus1: black,
|
136
|
+
colorStrokeFocus2: white,
|
137
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
138
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
139
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
140
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
141
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
142
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
143
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
144
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
145
|
+
|
146
|
+
});
|
147
|
+
//# sourceMappingURL=teamsDarkColor.js.map
|