@fluentui/react-theme 9.1.4 → 9.1.6
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 +94 -1
- package/CHANGELOG.md +21 -2
- package/dist/index.d.ts +178 -412
- package/lib/index.js +1 -5
- package/lib/index.js.map +1 -1
- package/lib-amd/index.js +12 -12
- package/lib-amd/index.js.map +1 -1
- package/lib-commonjs/index.js +12 -26
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -10
- package/lib/alias/darkColor.js +0 -155
- package/lib/alias/darkColor.js.map +0 -1
- package/lib/alias/darkColorPalette.js +0 -44
- package/lib/alias/darkColorPalette.js.map +0 -1
- package/lib/alias/highContrastColor.js +0 -155
- package/lib/alias/highContrastColor.js.map +0 -1
- package/lib/alias/highContrastColorPalette.js +0 -34
- package/lib/alias/highContrastColorPalette.js.map +0 -1
- package/lib/alias/lightColor.js +0 -155
- package/lib/alias/lightColor.js.map +0 -1
- package/lib/alias/lightColorPalette.js +0 -35
- package/lib/alias/lightColorPalette.js.map +0 -1
- package/lib/alias/teamsDarkColor.js +0 -155
- package/lib/alias/teamsDarkColor.js.map +0 -1
- package/lib/global/borderRadius.js +0 -9
- package/lib/global/borderRadius.js.map +0 -1
- package/lib/global/brandColors.js +0 -55
- package/lib/global/brandColors.js.map +0 -1
- package/lib/global/colorPalette.js +0 -41
- package/lib/global/colorPalette.js.map +0 -1
- package/lib/global/colors.js +0 -789
- package/lib/global/colors.js.map +0 -1
- package/lib/global/curves.js +0 -12
- package/lib/global/curves.js.map +0 -1
- package/lib/global/durations.js +0 -10
- package/lib/global/durations.js.map +0 -1
- package/lib/global/fonts.js +0 -38
- package/lib/global/fonts.js.map +0 -1
- package/lib/global/index.js +0 -10
- package/lib/global/index.js.map +0 -1
- package/lib/global/spacings.js +0 -41
- package/lib/global/spacings.js.map +0 -1
- package/lib/global/strokeWidths.js +0 -7
- package/lib/global/strokeWidths.js.map +0 -1
- package/lib/global/typographyStyles.js +0 -110
- package/lib/global/typographyStyles.js.map +0 -1
- package/lib/sharedColorNames.js +0 -9
- package/lib/sharedColorNames.js.map +0 -1
- package/lib/themeToTokensObject.js +0 -19
- package/lib/themeToTokensObject.js.map +0 -1
- package/lib/themes/index.js +0 -3
- package/lib/themes/index.js.map +0 -1
- package/lib/themes/teams/darkTheme.js +0 -4
- package/lib/themes/teams/darkTheme.js.map +0 -1
- package/lib/themes/teams/highContrastTheme.js +0 -3
- package/lib/themes/teams/highContrastTheme.js.map +0 -1
- package/lib/themes/teams/index.js +0 -4
- package/lib/themes/teams/index.js.map +0 -1
- package/lib/themes/teams/lightTheme.js +0 -4
- package/lib/themes/teams/lightTheme.js.map +0 -1
- package/lib/themes/web/darkTheme.js +0 -4
- package/lib/themes/web/darkTheme.js.map +0 -1
- package/lib/themes/web/index.js +0 -3
- package/lib/themes/web/index.js.map +0 -1
- package/lib/themes/web/lightTheme.js +0 -4
- package/lib/themes/web/lightTheme.js.map +0 -1
- package/lib/tokens.js +0 -435
- package/lib/tokens.js.map +0 -1
- package/lib/types.js +0 -2
- package/lib/types.js.map +0 -1
- package/lib/utils/createDarkTheme.js +0 -26
- package/lib/utils/createDarkTheme.js.map +0 -1
- package/lib/utils/createHighContrastTheme.js +0 -26
- package/lib/utils/createHighContrastTheme.js.map +0 -1
- package/lib/utils/createLightTheme.js +0 -26
- package/lib/utils/createLightTheme.js.map +0 -1
- package/lib/utils/createTeamsDarkTheme.js +0 -26
- package/lib/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib/utils/index.js +0 -5
- package/lib/utils/index.js.map +0 -1
- package/lib/utils/shadows.js +0 -11
- package/lib/utils/shadows.js.map +0 -1
- package/lib-amd/alias/darkColor.js +0 -158
- package/lib-amd/alias/darkColor.js.map +0 -1
- package/lib-amd/alias/darkColorPalette.js +0 -47
- package/lib-amd/alias/darkColorPalette.js.map +0 -1
- package/lib-amd/alias/highContrastColor.js +0 -158
- package/lib-amd/alias/highContrastColor.js.map +0 -1
- package/lib-amd/alias/highContrastColorPalette.js +0 -37
- package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
- package/lib-amd/alias/lightColor.js +0 -158
- package/lib-amd/alias/lightColor.js.map +0 -1
- package/lib-amd/alias/lightColorPalette.js +0 -38
- package/lib-amd/alias/lightColorPalette.js.map +0 -1
- package/lib-amd/alias/teamsDarkColor.js +0 -158
- package/lib-amd/alias/teamsDarkColor.js.map +0 -1
- package/lib-amd/global/borderRadius.js +0 -14
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/brandColors.js +0 -60
- package/lib-amd/global/brandColors.js.map +0 -1
- package/lib-amd/global/colorPalette.js +0 -45
- package/lib-amd/global/colorPalette.js.map +0 -1
- package/lib-amd/global/colors.js +0 -793
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/curves.js +0 -17
- package/lib-amd/global/curves.js.map +0 -1
- package/lib-amd/global/durations.js +0 -15
- package/lib-amd/global/durations.js.map +0 -1
- package/lib-amd/global/fonts.js +0 -45
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.js +0 -14
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/spacings.js +0 -46
- package/lib-amd/global/spacings.js.map +0 -1
- package/lib-amd/global/strokeWidths.js +0 -12
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/typographyStyles.js +0 -113
- package/lib-amd/global/typographyStyles.js.map +0 -1
- package/lib-amd/sharedColorNames.js +0 -64
- package/lib-amd/sharedColorNames.js.map +0 -1
- package/lib-amd/themeToTokensObject.js +0 -24
- package/lib-amd/themeToTokensObject.js.map +0 -1
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.js +0 -7
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.js +0 -7
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.js +0 -8
- package/lib-amd/themes/teams/index.js.map +0 -1
- package/lib-amd/themes/teams/lightTheme.js +0 -7
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.js +0 -7
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/index.js +0 -7
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.js +0 -7
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/tokens.js +0 -440
- package/lib-amd/tokens.js.map +0 -1
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/createDarkTheme.js +0 -11
- package/lib-amd/utils/createDarkTheme.js.map +0 -1
- package/lib-amd/utils/createHighContrastTheme.js +0 -11
- package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
- package/lib-amd/utils/createLightTheme.js +0 -11
- package/lib-amd/utils/createLightTheme.js.map +0 -1
- package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
- package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-amd/utils/index.js +0 -9
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/shadows.js +0 -19
- package/lib-amd/utils/shadows.js.map +0 -1
- package/lib-commonjs/alias/darkColor.js +0 -165
- package/lib-commonjs/alias/darkColor.js.map +0 -1
- package/lib-commonjs/alias/darkColorPalette.js +0 -53
- package/lib-commonjs/alias/darkColorPalette.js.map +0 -1
- package/lib-commonjs/alias/highContrastColor.js +0 -165
- package/lib-commonjs/alias/highContrastColor.js.map +0 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +0 -43
- package/lib-commonjs/alias/highContrastColorPalette.js.map +0 -1
- package/lib-commonjs/alias/lightColor.js +0 -165
- package/lib-commonjs/alias/lightColor.js.map +0 -1
- package/lib-commonjs/alias/lightColorPalette.js +0 -44
- package/lib-commonjs/alias/lightColorPalette.js.map +0 -1
- package/lib-commonjs/alias/teamsDarkColor.js +0 -165
- package/lib-commonjs/alias/teamsDarkColor.js.map +0 -1
- package/lib-commonjs/global/borderRadius.js +0 -15
- package/lib-commonjs/global/borderRadius.js.map +0 -1
- package/lib-commonjs/global/brandColors.js +0 -61
- package/lib-commonjs/global/brandColors.js.map +0 -1
- package/lib-commonjs/global/colorPalette.js +0 -49
- package/lib-commonjs/global/colorPalette.js.map +0 -1
- package/lib-commonjs/global/colors.js +0 -796
- package/lib-commonjs/global/colors.js.map +0 -1
- package/lib-commonjs/global/curves.js +0 -18
- package/lib-commonjs/global/curves.js.map +0 -1
- package/lib-commonjs/global/durations.js +0 -16
- package/lib-commonjs/global/durations.js.map +0 -1
- package/lib-commonjs/global/fonts.js +0 -44
- package/lib-commonjs/global/fonts.js.map +0 -1
- package/lib-commonjs/global/index.js +0 -26
- package/lib-commonjs/global/index.js.map +0 -1
- package/lib-commonjs/global/spacings.js +0 -47
- package/lib-commonjs/global/spacings.js.map +0 -1
- package/lib-commonjs/global/strokeWidths.js +0 -13
- package/lib-commonjs/global/strokeWidths.js.map +0 -1
- package/lib-commonjs/global/typographyStyles.js +0 -118
- package/lib-commonjs/global/typographyStyles.js.map +0 -1
- package/lib-commonjs/sharedColorNames.js +0 -16
- package/lib-commonjs/sharedColorNames.js.map +0 -1
- package/lib-commonjs/themeToTokensObject.js +0 -28
- package/lib-commonjs/themeToTokensObject.js.map +0 -1
- package/lib-commonjs/themes/index.js +0 -12
- package/lib-commonjs/themes/index.js.map +0 -1
- package/lib-commonjs/themes/teams/darkTheme.js +0 -13
- package/lib-commonjs/themes/teams/darkTheme.js.map +0 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/teams/index.js +0 -14
- package/lib-commonjs/themes/teams/index.js.map +0 -1
- package/lib-commonjs/themes/teams/lightTheme.js +0 -13
- package/lib-commonjs/themes/teams/lightTheme.js.map +0 -1
- package/lib-commonjs/themes/web/darkTheme.js +0 -13
- package/lib-commonjs/themes/web/darkTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.js +0 -12
- package/lib-commonjs/themes/web/index.js.map +0 -1
- package/lib-commonjs/themes/web/lightTheme.js +0 -13
- package/lib-commonjs/themes/web/lightTheme.js.map +0 -1
- package/lib-commonjs/tokens.js +0 -441
- package/lib-commonjs/tokens.js.map +0 -1
- package/lib-commonjs/types.js +0 -6
- package/lib-commonjs/types.js.map +0 -1
- package/lib-commonjs/utils/createDarkTheme.js +0 -42
- package/lib-commonjs/utils/createDarkTheme.js.map +0 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +0 -42
- package/lib-commonjs/utils/createHighContrastTheme.js.map +0 -1
- package/lib-commonjs/utils/createLightTheme.js +0 -42
- package/lib-commonjs/utils/createLightTheme.js.map +0 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +0 -42
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-commonjs/utils/index.js +0 -16
- package/lib-commonjs/utils/index.js.map +0 -1
- package/lib-commonjs/utils/shadows.js +0 -20
- package/lib-commonjs/utils/shadows.js.map +0 -1
package/lib/tokens.js
DELETED
@@ -1,435 +0,0 @@
|
|
1
|
-
export const tokens = {
|
2
|
-
// Color tokens
|
3
|
-
colorNeutralForeground1: 'var(--colorNeutralForeground1)',
|
4
|
-
colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
|
5
|
-
colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
|
6
|
-
colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
|
7
|
-
colorNeutralForeground2: 'var(--colorNeutralForeground2)',
|
8
|
-
colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
|
9
|
-
colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
|
10
|
-
colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
|
11
|
-
colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
|
12
|
-
colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
|
13
|
-
colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
|
14
|
-
colorNeutralForeground3: 'var(--colorNeutralForeground3)',
|
15
|
-
colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
|
16
|
-
colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
|
17
|
-
colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
|
18
|
-
colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
|
19
|
-
colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
|
20
|
-
colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
|
21
|
-
colorNeutralForeground4: 'var(--colorNeutralForeground4)',
|
22
|
-
colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
|
23
|
-
colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
|
24
|
-
colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
|
25
|
-
colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
|
26
|
-
colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
|
27
|
-
colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
|
28
|
-
colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
|
29
|
-
colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
|
30
|
-
colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
|
31
|
-
colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
|
32
|
-
colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
|
33
|
-
colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
|
34
|
-
colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
|
35
|
-
colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
|
36
|
-
colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
|
37
|
-
colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
|
38
|
-
colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
|
39
|
-
colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',
|
40
|
-
colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',
|
41
|
-
colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
|
42
|
-
colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
|
43
|
-
colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
|
44
|
-
colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
|
45
|
-
colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
|
46
|
-
colorBrandForeground1: 'var(--colorBrandForeground1)',
|
47
|
-
colorBrandForeground2: 'var(--colorBrandForeground2)',
|
48
|
-
colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
|
49
|
-
colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
|
50
|
-
colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
|
51
|
-
colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
|
52
|
-
colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
|
53
|
-
colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
|
54
|
-
colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
|
55
|
-
colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
|
56
|
-
colorNeutralBackground1: 'var(--colorNeutralBackground1)',
|
57
|
-
colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
|
58
|
-
colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
|
59
|
-
colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
|
60
|
-
colorNeutralBackground2: 'var(--colorNeutralBackground2)',
|
61
|
-
colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
|
62
|
-
colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
|
63
|
-
colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
|
64
|
-
colorNeutralBackground3: 'var(--colorNeutralBackground3)',
|
65
|
-
colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
|
66
|
-
colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
|
67
|
-
colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
|
68
|
-
colorNeutralBackground4: 'var(--colorNeutralBackground4)',
|
69
|
-
colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
|
70
|
-
colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
|
71
|
-
colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
|
72
|
-
colorNeutralBackground5: 'var(--colorNeutralBackground5)',
|
73
|
-
colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
|
74
|
-
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
|
75
|
-
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
|
76
|
-
colorNeutralBackground6: 'var(--colorNeutralBackground6)',
|
77
|
-
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
78
|
-
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
|
79
|
-
colorSubtleBackground: 'var(--colorSubtleBackground)',
|
80
|
-
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
|
81
|
-
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
|
82
|
-
colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
|
83
|
-
colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
|
84
|
-
colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
|
85
|
-
colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
|
86
|
-
colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
|
87
|
-
colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
|
88
|
-
colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
|
89
|
-
colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
|
90
|
-
colorTransparentBackground: 'var(--colorTransparentBackground)',
|
91
|
-
colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
|
92
|
-
colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
|
93
|
-
colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
|
94
|
-
colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
|
95
|
-
colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
|
96
|
-
colorNeutralStencil1: 'var(--colorNeutralStencil1)',
|
97
|
-
colorNeutralStencil2: 'var(--colorNeutralStencil2)',
|
98
|
-
colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',
|
99
|
-
colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',
|
100
|
-
colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
|
101
|
-
colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
|
102
|
-
colorBrandBackground: 'var(--colorBrandBackground)',
|
103
|
-
colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
|
104
|
-
colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
|
105
|
-
colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
|
106
|
-
colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
|
107
|
-
colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
|
108
|
-
colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
|
109
|
-
colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
|
110
|
-
colorBrandBackground2: 'var(--colorBrandBackground2)',
|
111
|
-
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
|
112
|
-
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
|
113
|
-
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
|
114
|
-
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
|
115
|
-
colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
|
116
|
-
colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
|
117
|
-
colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
|
118
|
-
colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
|
119
|
-
colorNeutralStroke1: 'var(--colorNeutralStroke1)',
|
120
|
-
colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
|
121
|
-
colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
|
122
|
-
colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
|
123
|
-
colorNeutralStroke2: 'var(--colorNeutralStroke2)',
|
124
|
-
colorNeutralStroke3: 'var(--colorNeutralStroke3)',
|
125
|
-
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
|
126
|
-
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
|
127
|
-
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
|
128
|
-
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
|
129
|
-
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
|
130
|
-
colorBrandStroke1: 'var(--colorBrandStroke1)',
|
131
|
-
colorBrandStroke2: 'var(--colorBrandStroke2)',
|
132
|
-
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
|
133
|
-
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
|
134
|
-
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
|
135
|
-
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
|
136
|
-
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
|
137
|
-
colorTransparentStroke: 'var(--colorTransparentStroke)',
|
138
|
-
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
139
|
-
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
140
|
-
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
141
|
-
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
142
|
-
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|
143
|
-
colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
|
144
|
-
colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
|
145
|
-
colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
|
146
|
-
colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
|
147
|
-
colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
|
148
|
-
colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
|
149
|
-
colorBrandShadowKey: 'var(--colorBrandShadowKey)',
|
150
|
-
// Color palette tokens
|
151
|
-
// Color palette red tokens
|
152
|
-
colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
|
153
|
-
colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
|
154
|
-
colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
|
155
|
-
colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
|
156
|
-
colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
|
157
|
-
colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
|
158
|
-
colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
|
159
|
-
colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
|
160
|
-
colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
|
161
|
-
colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',
|
162
|
-
// Color palette green tokens
|
163
|
-
colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
|
164
|
-
colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
|
165
|
-
colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
|
166
|
-
colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
|
167
|
-
colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
|
168
|
-
colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
|
169
|
-
colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
|
170
|
-
colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
|
171
|
-
colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
|
172
|
-
colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',
|
173
|
-
// Color palette dark orange tokens
|
174
|
-
colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
|
175
|
-
colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
|
176
|
-
colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
|
177
|
-
colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
|
178
|
-
colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
|
179
|
-
colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
|
180
|
-
colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
|
181
|
-
colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
|
182
|
-
colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
|
183
|
-
// Color palette yellow tokens
|
184
|
-
colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
|
185
|
-
colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
|
186
|
-
colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
|
187
|
-
colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
|
188
|
-
colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
|
189
|
-
colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
|
190
|
-
colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
|
191
|
-
colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
|
192
|
-
colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
|
193
|
-
colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',
|
194
|
-
// Color palette berry tokens
|
195
|
-
colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
|
196
|
-
colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
|
197
|
-
colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
|
198
|
-
colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
|
199
|
-
colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
|
200
|
-
colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
|
201
|
-
colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
|
202
|
-
colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
|
203
|
-
colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
|
204
|
-
// Color palette marigold tokens
|
205
|
-
colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
|
206
|
-
colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
|
207
|
-
colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
|
208
|
-
colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
|
209
|
-
colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
|
210
|
-
colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
|
211
|
-
colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
|
212
|
-
colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
|
213
|
-
colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
|
214
|
-
// Color palette light green tokens
|
215
|
-
colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
|
216
|
-
colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
|
217
|
-
colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
|
218
|
-
colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
|
219
|
-
colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
|
220
|
-
colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
|
221
|
-
colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
|
222
|
-
colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
|
223
|
-
colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
|
224
|
-
// Color palette anchor tokens
|
225
|
-
colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
|
226
|
-
colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
|
227
|
-
colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
|
228
|
-
// Color palette beige tokens
|
229
|
-
colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
|
230
|
-
colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
|
231
|
-
colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
|
232
|
-
// Color palette blue tokens
|
233
|
-
colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
|
234
|
-
colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
|
235
|
-
colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
|
236
|
-
// Color palette brass tokens
|
237
|
-
colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
|
238
|
-
colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
|
239
|
-
colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
|
240
|
-
// Color palette brown tokens
|
241
|
-
colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
|
242
|
-
colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
|
243
|
-
colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
|
244
|
-
// Color palette cornflower tokens
|
245
|
-
colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
|
246
|
-
colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
|
247
|
-
colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
|
248
|
-
// Color palette cranberry tokens
|
249
|
-
colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
|
250
|
-
colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
|
251
|
-
colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
|
252
|
-
// Color palette dark green tokens
|
253
|
-
colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
|
254
|
-
colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
|
255
|
-
colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
|
256
|
-
// Color palette dark red tokens
|
257
|
-
colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
|
258
|
-
colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
|
259
|
-
colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
|
260
|
-
// Color palette forest tokens
|
261
|
-
colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
|
262
|
-
colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
|
263
|
-
colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
|
264
|
-
// Color palette gold tokens
|
265
|
-
colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
|
266
|
-
colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
|
267
|
-
colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
|
268
|
-
// Color palette grape tokens
|
269
|
-
colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
|
270
|
-
colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
|
271
|
-
colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
|
272
|
-
// Color palette lavender tokens
|
273
|
-
colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
|
274
|
-
colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
|
275
|
-
colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
|
276
|
-
// Color palette light teal tokens
|
277
|
-
colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
|
278
|
-
colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
|
279
|
-
colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
|
280
|
-
// Color palette lilac tokens
|
281
|
-
colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
|
282
|
-
colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
|
283
|
-
colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
|
284
|
-
// Color palette magenta tokens
|
285
|
-
colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
|
286
|
-
colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
|
287
|
-
colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
|
288
|
-
// Color palette mink tokens
|
289
|
-
colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
|
290
|
-
colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
|
291
|
-
colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
|
292
|
-
// Color palette navy tokens
|
293
|
-
colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
|
294
|
-
colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
|
295
|
-
colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
|
296
|
-
// Color palette peach tokens
|
297
|
-
colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
|
298
|
-
colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
|
299
|
-
colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
|
300
|
-
// Color palette pink tokens
|
301
|
-
colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
|
302
|
-
colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
|
303
|
-
colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
|
304
|
-
// Color palette platinum tokens
|
305
|
-
colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
|
306
|
-
colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
|
307
|
-
colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
|
308
|
-
// Color palette plum tokens
|
309
|
-
colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
|
310
|
-
colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
|
311
|
-
colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
|
312
|
-
// Color palette pumpkin tokens
|
313
|
-
colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
|
314
|
-
colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
|
315
|
-
colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
|
316
|
-
// Color palette purple tokens
|
317
|
-
colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
|
318
|
-
colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
|
319
|
-
colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
|
320
|
-
// Color palette royal blue tokens
|
321
|
-
colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
|
322
|
-
colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
|
323
|
-
colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
|
324
|
-
// Color palette seafoam tokens
|
325
|
-
colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
|
326
|
-
colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
|
327
|
-
colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
|
328
|
-
// Color palette steel tokens
|
329
|
-
colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
|
330
|
-
colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
|
331
|
-
colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
|
332
|
-
// Color palette teal tokens
|
333
|
-
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
|
334
|
-
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
|
335
|
-
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
|
336
|
-
// Border radius tokens
|
337
|
-
borderRadiusNone: 'var(--borderRadiusNone)',
|
338
|
-
borderRadiusSmall: 'var(--borderRadiusSmall)',
|
339
|
-
borderRadiusMedium: 'var(--borderRadiusMedium)',
|
340
|
-
borderRadiusLarge: 'var(--borderRadiusLarge)',
|
341
|
-
borderRadiusXLarge: 'var(--borderRadiusXLarge)',
|
342
|
-
borderRadiusCircular: 'var(--borderRadiusCircular)',
|
343
|
-
// Font family tokens
|
344
|
-
fontFamilyBase: 'var(--fontFamilyBase)',
|
345
|
-
fontFamilyMonospace: 'var(--fontFamilyMonospace)',
|
346
|
-
fontFamilyNumeric: 'var(--fontFamilyNumeric)',
|
347
|
-
// Font size tokens
|
348
|
-
fontSizeBase100: 'var(--fontSizeBase100)',
|
349
|
-
fontSizeBase200: 'var(--fontSizeBase200)',
|
350
|
-
fontSizeBase300: 'var(--fontSizeBase300)',
|
351
|
-
fontSizeBase400: 'var(--fontSizeBase400)',
|
352
|
-
fontSizeBase500: 'var(--fontSizeBase500)',
|
353
|
-
fontSizeBase600: 'var(--fontSizeBase600)',
|
354
|
-
fontSizeHero700: 'var(--fontSizeHero700)',
|
355
|
-
fontSizeHero800: 'var(--fontSizeHero800)',
|
356
|
-
fontSizeHero900: 'var(--fontSizeHero900)',
|
357
|
-
fontSizeHero1000: 'var(--fontSizeHero1000)',
|
358
|
-
// Font weight tokens
|
359
|
-
fontWeightRegular: 'var(--fontWeightRegular)',
|
360
|
-
fontWeightMedium: 'var(--fontWeightMedium)',
|
361
|
-
fontWeightSemibold: 'var(--fontWeightSemibold)',
|
362
|
-
fontWeightBold: 'var(--fontWeightBold)',
|
363
|
-
// Line height tokens
|
364
|
-
lineHeightBase100: 'var(--lineHeightBase100)',
|
365
|
-
lineHeightBase200: 'var(--lineHeightBase200)',
|
366
|
-
lineHeightBase300: 'var(--lineHeightBase300)',
|
367
|
-
lineHeightBase400: 'var(--lineHeightBase400)',
|
368
|
-
lineHeightBase500: 'var(--lineHeightBase500)',
|
369
|
-
lineHeightBase600: 'var(--lineHeightBase600)',
|
370
|
-
lineHeightHero700: 'var(--lineHeightHero700)',
|
371
|
-
lineHeightHero800: 'var(--lineHeightHero800)',
|
372
|
-
lineHeightHero900: 'var(--lineHeightHero900)',
|
373
|
-
lineHeightHero1000: 'var(--lineHeightHero1000)',
|
374
|
-
// Shadow tokens
|
375
|
-
shadow2: 'var(--shadow2)',
|
376
|
-
shadow4: 'var(--shadow4)',
|
377
|
-
shadow8: 'var(--shadow8)',
|
378
|
-
shadow16: 'var(--shadow16)',
|
379
|
-
shadow28: 'var(--shadow28)',
|
380
|
-
shadow64: 'var(--shadow64)',
|
381
|
-
// Shadow brand tokens
|
382
|
-
shadow2Brand: 'var(--shadow2Brand)',
|
383
|
-
shadow4Brand: 'var(--shadow4Brand)',
|
384
|
-
shadow8Brand: 'var(--shadow8Brand)',
|
385
|
-
shadow16Brand: 'var(--shadow16Brand)',
|
386
|
-
shadow28Brand: 'var(--shadow28Brand)',
|
387
|
-
shadow64Brand: 'var(--shadow64Brand)',
|
388
|
-
// Stroke width tokens
|
389
|
-
strokeWidthThin: 'var(--strokeWidthThin)',
|
390
|
-
strokeWidthThick: 'var(--strokeWidthThick)',
|
391
|
-
strokeWidthThicker: 'var(--strokeWidthThicker)',
|
392
|
-
strokeWidthThickest: 'var(--strokeWidthThickest)',
|
393
|
-
// Spacings
|
394
|
-
spacingHorizontalNone: 'var(--spacingHorizontalNone)',
|
395
|
-
spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
|
396
|
-
spacingHorizontalXS: 'var(--spacingHorizontalXS)',
|
397
|
-
spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
|
398
|
-
spacingHorizontalS: 'var(--spacingHorizontalS)',
|
399
|
-
spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
|
400
|
-
spacingHorizontalM: 'var(--spacingHorizontalM)',
|
401
|
-
spacingHorizontalL: 'var(--spacingHorizontalL)',
|
402
|
-
spacingHorizontalXL: 'var(--spacingHorizontalXL)',
|
403
|
-
spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
|
404
|
-
spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
|
405
|
-
spacingVerticalNone: 'var(--spacingVerticalNone)',
|
406
|
-
spacingVerticalXXS: 'var(--spacingVerticalXXS)',
|
407
|
-
spacingVerticalXS: 'var(--spacingVerticalXS)',
|
408
|
-
spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
|
409
|
-
spacingVerticalS: 'var(--spacingVerticalS)',
|
410
|
-
spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
|
411
|
-
spacingVerticalM: 'var(--spacingVerticalM)',
|
412
|
-
spacingVerticalL: 'var(--spacingVerticalL)',
|
413
|
-
spacingVerticalXL: 'var(--spacingVerticalXL)',
|
414
|
-
spacingVerticalXXL: 'var(--spacingVerticalXXL)',
|
415
|
-
spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
|
416
|
-
// Durations
|
417
|
-
durationUltraFast: 'var(--durationUltraFast)',
|
418
|
-
durationFaster: 'var(--durationFaster)',
|
419
|
-
durationFast: 'var(--durationFast)',
|
420
|
-
durationNormal: 'var(--durationNormal)',
|
421
|
-
durationSlow: 'var(--durationSlow)',
|
422
|
-
durationSlower: 'var(--durationSlower)',
|
423
|
-
durationUltraSlow: 'var(--durationUltraSlow)',
|
424
|
-
// Curves
|
425
|
-
curveAccelerateMax: 'var(--curveAccelerateMax)',
|
426
|
-
curveAccelerateMid: 'var(--curveAccelerateMid)',
|
427
|
-
curveAccelerateMin: 'var(--curveAccelerateMin)',
|
428
|
-
curveDecelerateMax: 'var(--curveDecelerateMax)',
|
429
|
-
curveDecelerateMid: 'var(--curveDecelerateMid)',
|
430
|
-
curveDecelerateMin: 'var(--curveDecelerateMin)',
|
431
|
-
curveEasyEaseMax: 'var(--curveEasyEaseMax)',
|
432
|
-
curveEasyEase: 'var(--curveEasyEase)',
|
433
|
-
curveLinear: 'var(--curveLinear)'
|
434
|
-
};
|
435
|
-
//# sourceMappingURL=tokens.js.map
|
package/lib/tokens.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Theme } from './types';\n\nexport const tokens: Record<keyof Theme, string> = {\n // Color tokens\n colorNeutralForeground1: 'var(--colorNeutralForeground1)',\n colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',\n colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',\n colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',\n colorNeutralForeground2: 'var(--colorNeutralForeground2)',\n colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',\n colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',\n colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',\n colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',\n colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',\n colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',\n colorNeutralForeground3: 'var(--colorNeutralForeground3)',\n colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',\n colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',\n colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',\n colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',\n colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',\n colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',\n colorNeutralForeground4: 'var(--colorNeutralForeground4)',\n colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',\n colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',\n colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',\n colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',\n colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',\n colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',\n colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',\n colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',\n colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',\n colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',\n colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',\n colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',\n colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',\n colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',\n colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',\n colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',\n colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',\n colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',\n colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',\n colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',\n colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',\n colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',\n colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',\n colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',\n colorBrandForeground1: 'var(--colorBrandForeground1)',\n colorBrandForeground2: 'var(--colorBrandForeground2)',\n colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',\n colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',\n colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',\n colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',\n colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',\n colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',\n colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',\n colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',\n colorNeutralBackground1: 'var(--colorNeutralBackground1)',\n colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',\n colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',\n colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',\n colorNeutralBackground2: 'var(--colorNeutralBackground2)',\n colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',\n colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',\n colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',\n colorNeutralBackground3: 'var(--colorNeutralBackground3)',\n colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',\n colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',\n colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',\n colorNeutralBackground4: 'var(--colorNeutralBackground4)',\n colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',\n colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',\n colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',\n colorNeutralBackground5: 'var(--colorNeutralBackground5)',\n colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',\n colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',\n colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',\n colorNeutralBackground6: 'var(--colorNeutralBackground6)',\n colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',\n colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',\n colorSubtleBackground: 'var(--colorSubtleBackground)',\n colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',\n colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',\n colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',\n colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',\n colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',\n colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',\n colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',\n colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',\n colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',\n colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',\n colorTransparentBackground: 'var(--colorTransparentBackground)',\n colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',\n colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',\n colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',\n colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',\n colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',\n colorNeutralStencil1: 'var(--colorNeutralStencil1)',\n colorNeutralStencil2: 'var(--colorNeutralStencil2)',\n colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',\n colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',\n colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',\n colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',\n colorBrandBackground: 'var(--colorBrandBackground)',\n colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',\n colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',\n colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',\n colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',\n colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',\n colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',\n colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',\n colorBrandBackground2: 'var(--colorBrandBackground2)',\n colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',\n colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',\n colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',\n colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',\n colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',\n colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',\n colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',\n colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',\n colorNeutralStroke1: 'var(--colorNeutralStroke1)',\n colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',\n colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',\n colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',\n colorNeutralStroke2: 'var(--colorNeutralStroke2)',\n colorNeutralStroke3: 'var(--colorNeutralStroke3)',\n colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',\n colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',\n colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',\n colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',\n colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',\n colorBrandStroke1: 'var(--colorBrandStroke1)',\n colorBrandStroke2: 'var(--colorBrandStroke2)',\n colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',\n colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',\n colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',\n colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',\n colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',\n colorTransparentStroke: 'var(--colorTransparentStroke)',\n colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',\n colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',\n colorStrokeFocus1: 'var(--colorStrokeFocus1)',\n colorStrokeFocus2: 'var(--colorStrokeFocus2)',\n colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',\n colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',\n colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',\n colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',\n colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',\n colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',\n colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',\n colorBrandShadowKey: 'var(--colorBrandShadowKey)',\n\n // Color palette tokens\n\n // Color palette red tokens\n colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',\n colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',\n colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',\n colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',\n colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',\n colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',\n colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',\n colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',\n colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',\n colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',\n\n // Color palette green tokens\n colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',\n colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',\n colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',\n colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',\n colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',\n colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',\n colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',\n colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',\n colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',\n colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',\n\n // Color palette dark orange tokens\n colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',\n colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',\n colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',\n colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',\n colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',\n colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',\n colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',\n colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',\n colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',\n\n // Color palette yellow tokens\n colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',\n colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',\n colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',\n colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',\n colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',\n colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',\n colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',\n colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',\n colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',\n colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',\n\n // Color palette berry tokens\n colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',\n colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',\n colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',\n colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',\n colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',\n colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',\n colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',\n colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',\n colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',\n\n // Color palette marigold tokens\n colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',\n colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',\n colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',\n colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',\n colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',\n colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',\n colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',\n colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',\n colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',\n\n // Color palette light green tokens\n colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',\n colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',\n colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',\n colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',\n colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',\n colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',\n colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',\n colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',\n colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',\n\n // Color palette anchor tokens\n colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',\n colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',\n colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',\n\n // Color palette beige tokens\n colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',\n colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',\n colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',\n\n // Color palette blue tokens\n colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',\n colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',\n colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',\n\n // Color palette brass tokens\n colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',\n colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',\n colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',\n\n // Color palette brown tokens\n colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',\n colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',\n colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',\n\n // Color palette cornflower tokens\n colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',\n colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',\n colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',\n\n // Color palette cranberry tokens\n colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',\n colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',\n colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',\n\n // Color palette dark green tokens\n colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',\n colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',\n colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',\n\n // Color palette dark red tokens\n colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',\n colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',\n colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',\n\n // Color palette forest tokens\n colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',\n colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',\n colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',\n\n // Color palette gold tokens\n colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',\n colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',\n colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',\n\n // Color palette grape tokens\n colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',\n colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',\n colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',\n\n // Color palette lavender tokens\n colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',\n colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',\n colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',\n\n // Color palette light teal tokens\n colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',\n colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',\n colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',\n\n // Color palette lilac tokens\n colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',\n colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',\n colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',\n\n // Color palette magenta tokens\n colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',\n colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',\n colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',\n\n // Color palette mink tokens\n colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',\n colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',\n colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',\n\n // Color palette navy tokens\n colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',\n colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',\n colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',\n\n // Color palette peach tokens\n colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',\n colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',\n colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',\n\n // Color palette pink tokens\n colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',\n colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',\n colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',\n\n // Color palette platinum tokens\n colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',\n colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',\n colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',\n\n // Color palette plum tokens\n colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',\n colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',\n colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',\n\n // Color palette pumpkin tokens\n colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',\n colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',\n colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',\n\n // Color palette purple tokens\n colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',\n colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',\n colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',\n\n // Color palette royal blue tokens\n colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',\n colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',\n colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',\n\n // Color palette seafoam tokens\n colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',\n colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',\n colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',\n\n // Color palette steel tokens\n colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',\n colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',\n colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',\n\n // Color palette teal tokens\n colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',\n colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',\n colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',\n\n // Border radius tokens\n borderRadiusNone: 'var(--borderRadiusNone)',\n borderRadiusSmall: 'var(--borderRadiusSmall)',\n borderRadiusMedium: 'var(--borderRadiusMedium)',\n borderRadiusLarge: 'var(--borderRadiusLarge)',\n borderRadiusXLarge: 'var(--borderRadiusXLarge)',\n borderRadiusCircular: 'var(--borderRadiusCircular)',\n\n // Font family tokens\n fontFamilyBase: 'var(--fontFamilyBase)',\n fontFamilyMonospace: 'var(--fontFamilyMonospace)',\n fontFamilyNumeric: 'var(--fontFamilyNumeric)',\n\n // Font size tokens\n fontSizeBase100: 'var(--fontSizeBase100)',\n fontSizeBase200: 'var(--fontSizeBase200)',\n fontSizeBase300: 'var(--fontSizeBase300)',\n fontSizeBase400: 'var(--fontSizeBase400)',\n fontSizeBase500: 'var(--fontSizeBase500)',\n fontSizeBase600: 'var(--fontSizeBase600)',\n fontSizeHero700: 'var(--fontSizeHero700)',\n fontSizeHero800: 'var(--fontSizeHero800)',\n fontSizeHero900: 'var(--fontSizeHero900)',\n fontSizeHero1000: 'var(--fontSizeHero1000)',\n\n // Font weight tokens\n fontWeightRegular: 'var(--fontWeightRegular)',\n fontWeightMedium: 'var(--fontWeightMedium)',\n fontWeightSemibold: 'var(--fontWeightSemibold)',\n fontWeightBold: 'var(--fontWeightBold)',\n\n // Line height tokens\n lineHeightBase100: 'var(--lineHeightBase100)',\n lineHeightBase200: 'var(--lineHeightBase200)',\n lineHeightBase300: 'var(--lineHeightBase300)',\n lineHeightBase400: 'var(--lineHeightBase400)',\n lineHeightBase500: 'var(--lineHeightBase500)',\n lineHeightBase600: 'var(--lineHeightBase600)',\n lineHeightHero700: 'var(--lineHeightHero700)',\n lineHeightHero800: 'var(--lineHeightHero800)',\n lineHeightHero900: 'var(--lineHeightHero900)',\n lineHeightHero1000: 'var(--lineHeightHero1000)',\n\n // Shadow tokens\n shadow2: 'var(--shadow2)',\n shadow4: 'var(--shadow4)',\n shadow8: 'var(--shadow8)',\n shadow16: 'var(--shadow16)',\n shadow28: 'var(--shadow28)',\n shadow64: 'var(--shadow64)',\n\n // Shadow brand tokens\n shadow2Brand: 'var(--shadow2Brand)',\n shadow4Brand: 'var(--shadow4Brand)',\n shadow8Brand: 'var(--shadow8Brand)',\n shadow16Brand: 'var(--shadow16Brand)',\n shadow28Brand: 'var(--shadow28Brand)',\n shadow64Brand: 'var(--shadow64Brand)',\n\n // Stroke width tokens\n strokeWidthThin: 'var(--strokeWidthThin)',\n strokeWidthThick: 'var(--strokeWidthThick)',\n strokeWidthThicker: 'var(--strokeWidthThicker)',\n strokeWidthThickest: 'var(--strokeWidthThickest)',\n\n // Spacings\n spacingHorizontalNone: 'var(--spacingHorizontalNone)',\n spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',\n spacingHorizontalXS: 'var(--spacingHorizontalXS)',\n spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',\n spacingHorizontalS: 'var(--spacingHorizontalS)',\n spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',\n spacingHorizontalM: 'var(--spacingHorizontalM)',\n spacingHorizontalL: 'var(--spacingHorizontalL)',\n spacingHorizontalXL: 'var(--spacingHorizontalXL)',\n spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',\n spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',\n\n spacingVerticalNone: 'var(--spacingVerticalNone)',\n spacingVerticalXXS: 'var(--spacingVerticalXXS)',\n spacingVerticalXS: 'var(--spacingVerticalXS)',\n spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',\n spacingVerticalS: 'var(--spacingVerticalS)',\n spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',\n spacingVerticalM: 'var(--spacingVerticalM)',\n spacingVerticalL: 'var(--spacingVerticalL)',\n spacingVerticalXL: 'var(--spacingVerticalXL)',\n spacingVerticalXXL: 'var(--spacingVerticalXXL)',\n spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',\n\n // Durations\n durationUltraFast: 'var(--durationUltraFast)',\n durationFaster: 'var(--durationFaster)',\n durationFast: 'var(--durationFast)',\n durationNormal: 'var(--durationNormal)',\n durationSlow: 'var(--durationSlow)',\n durationSlower: 'var(--durationSlower)',\n durationUltraSlow: 'var(--durationUltraSlow)',\n\n // Curves\n curveAccelerateMax: 'var(--curveAccelerateMax)',\n curveAccelerateMid: 'var(--curveAccelerateMid)',\n curveAccelerateMin: 'var(--curveAccelerateMin)',\n curveDecelerateMax: 'var(--curveDecelerateMax)',\n curveDecelerateMid: 'var(--curveDecelerateMid)',\n curveDecelerateMin: 'var(--curveDecelerateMin)',\n curveEasyEaseMax: 'var(--curveEasyEaseMax)',\n curveEasyEase: 'var(--curveEasyEase)',\n curveLinear: 'var(--curveLinear)',\n};\n"],"sourceRoot":"../src/"}
|
package/lib/types.js
DELETED
package/lib/types.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/react-components/react-theme/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundInverted: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = typeof statusSharedColorNames[number];\ntype PersonaSharedColorNames = typeof personaSharedColorNames[number];\ntype UnusedSharedColorNames = typeof unusedSharedColorNames[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { colorPaletteTokens } from '../alias/darkColorPalette';
|
2
|
-
import { generateColorTokens } from '../alias/darkColor';
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
|
-
import { createShadowTokens } from './shadows';
|
5
|
-
import { durations } from '../global/durations';
|
6
|
-
import { curves } from '../global/curves';
|
7
|
-
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
8
|
-
export const createDarkTheme = brand => {
|
9
|
-
const colorTokens = generateColorTokens(brand);
|
10
|
-
return { ...borderRadius,
|
11
|
-
...fontSizes,
|
12
|
-
...lineHeights,
|
13
|
-
...fontFamilies,
|
14
|
-
...fontWeights,
|
15
|
-
...strokeWidths,
|
16
|
-
...horizontalSpacings,
|
17
|
-
...verticalSpacings,
|
18
|
-
...durations,
|
19
|
-
...curves,
|
20
|
-
...colorTokens,
|
21
|
-
...colorPaletteTokens,
|
22
|
-
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
23
|
-
...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
24
|
-
};
|
25
|
-
};
|
26
|
-
//# sourceMappingURL=createDarkTheme.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,oBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,eAAe,GAAoC,KAAK,IAAG;EACtE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
|