@fluentui/react-theme 9.0.0-alpha.9 → 9.0.0-beta.4
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 +486 -1
- package/CHANGELOG.md +197 -2
- package/dist/react-theme.d.ts +367 -0
- package/lib/alias/dark.d.ts +3 -0
- package/lib/alias/dark.js +155 -0
- package/lib/alias/dark.js.map +1 -0
- package/lib/alias/highContrast.d.ts +3 -0
- package/lib/alias/highContrast.js +155 -0
- package/lib/alias/highContrast.js.map +1 -0
- package/lib/alias/light.d.ts +3 -0
- package/lib/alias/light.js +155 -0
- package/lib/alias/light.js.map +1 -0
- package/lib/alias/teamsDark.d.ts +3 -0
- package/lib/alias/teamsDark.js +155 -0
- package/lib/alias/teamsDark.js.map +1 -0
- package/lib/global/borderRadius.d.ts +2 -2
- package/lib/global/borderRadius.js +7 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +3 -0
- package/lib/global/brandColors.js +33 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colors.d.ts +14 -60
- package/lib/global/colors.js +823 -835
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.d.ts +5 -6
- package/lib/global/fonts.js +32 -48
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.d.ts +0 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/strokeWidths.d.ts +2 -2
- package/lib/global/strokeWidths.js +5 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +2 -4
- package/lib/index.js +1 -3
- package/lib/index.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.d.ts +1 -1
- package/lib/themes/teams/darkTheme.js +3 -30
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.d.ts +1 -1
- package/lib/themes/teams/highContrastTheme.js +2 -13
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.d.ts +1 -1
- package/lib/themes/teams/lightTheme.js +3 -13
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.d.ts +1 -1
- package/lib/themes/web/darkTheme.js +3 -13
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.d.ts +1 -1
- package/lib/themes/web/highContrastTheme.js +2 -13
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.d.ts +1 -1
- package/lib/themes/web/lightTheme.js +3 -13
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tsdoc-metadata.json +11 -0
- package/lib/types.d.ts +241 -164
- package/lib/types.js +1 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.d.ts +2 -0
- package/lib/utils/createDarkTheme.js +18 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.d.ts +2 -0
- package/lib/utils/createHighContrastTheme.js +18 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.d.ts +2 -0
- package/lib/utils/createLightTheme.js +18 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib/utils/createTeamsDarkTheme.js +18 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/index.js +7 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/mergeThemes.d.ts +2 -8
- package/lib/utils/mergeThemes.js +12 -49
- package/lib/utils/mergeThemes.js.map +1 -1
- package/lib/utils/shadows.d.ts +3 -2
- package/lib/utils/shadows.js +9 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib/utils/themeToCSSVariables.d.ts +2 -2
- package/lib/utils/themeToCSSVariables.js +9 -19
- package/lib/utils/themeToCSSVariables.js.map +1 -1
- package/lib-commonjs/alias/dark.d.ts +3 -0
- package/lib-commonjs/alias/dark.js +165 -0
- package/lib-commonjs/alias/dark.js.map +1 -0
- package/lib-commonjs/alias/highContrast.d.ts +3 -0
- package/lib-commonjs/alias/highContrast.js +165 -0
- package/lib-commonjs/alias/highContrast.js.map +1 -0
- package/lib-commonjs/alias/light.d.ts +3 -0
- package/lib-commonjs/alias/light.js +165 -0
- package/lib-commonjs/alias/light.js.map +1 -0
- package/lib-commonjs/alias/teamsDark.d.ts +3 -0
- package/lib-commonjs/alias/teamsDark.js +165 -0
- package/lib-commonjs/alias/teamsDark.js.map +1 -0
- package/lib-commonjs/global/borderRadius.d.ts +2 -2
- package/lib-commonjs/global/borderRadius.js +11 -7
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +3 -0
- package/lib-commonjs/global/brandColors.js +39 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colors.d.ts +14 -60
- package/lib-commonjs/global/colors.js +825 -833
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.d.ts +5 -6
- package/lib-commonjs/global/fonts.js +33 -45
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.d.ts +0 -1
- package/lib-commonjs/global/index.js +10 -3
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.d.ts +2 -2
- package/lib-commonjs/global/strokeWidths.js +9 -5
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -4
- package/lib-commonjs/index.js +9 -6
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themes/index.js +8 -2
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +10 -30
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +9 -14
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +9 -2
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.d.ts +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +11 -14
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +11 -14
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +9 -14
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +9 -2
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.d.ts +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +11 -14
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/types.d.ts +241 -164
- package/lib-commonjs/types.js +4 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createDarkTheme.js +30 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.d.ts +2 -0
- package/lib-commonjs/utils/createLightTheme.js +30 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +2 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.d.ts +6 -0
- package/lib-commonjs/utils/index.js +28 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/mergeThemes.d.ts +2 -8
- package/lib-commonjs/utils/mergeThemes.js +19 -51
- package/lib-commonjs/utils/mergeThemes.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +3 -2
- package/lib-commonjs/utils/shadows.js +17 -11
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +2 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +16 -20
- package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
- package/package.json +11 -8
- package/just.config.ts +0 -3
- package/lib/global/utils.d.ts +0 -23
- package/lib/global/utils.js +0 -27
- package/lib/global/utils.js.map +0 -1
- package/lib/themes/teams/globalTheme.d.ts +0 -22
- package/lib/themes/teams/globalTheme.js +0 -3
- package/lib/themes/teams/globalTheme.js.map +0 -1
- package/lib/themes/web/globalTheme.d.ts +0 -22
- package/lib/themes/web/globalTheme.js +0 -3
- package/lib/themes/web/globalTheme.js.map +0 -1
- package/lib/utils/dark/colors.d.ts +0 -8
- package/lib/utils/dark/colors.js +0 -83
- package/lib/utils/dark/colors.js.map +0 -1
- package/lib/utils/dark/index.d.ts +0 -1
- package/lib/utils/dark/index.js +0 -2
- package/lib/utils/dark/index.js.map +0 -1
- package/lib/utils/highContrast/colors.d.ts +0 -6
- package/lib/utils/highContrast/colors.js +0 -83
- package/lib/utils/highContrast/colors.js.map +0 -1
- package/lib/utils/highContrast/index.d.ts +0 -1
- package/lib/utils/highContrast/index.js +0 -2
- package/lib/utils/highContrast/index.js.map +0 -1
- package/lib/utils/light/colors.d.ts +0 -8
- package/lib/utils/light/colors.js +0 -83
- package/lib/utils/light/colors.js.map +0 -1
- package/lib/utils/light/index.d.ts +0 -1
- package/lib/utils/light/index.js +0 -2
- package/lib/utils/light/index.js.map +0 -1
- package/lib-amd/global/borderRadius.d.ts +0 -2
- package/lib-amd/global/borderRadius.js +0 -13
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/colors.d.ts +0 -61
- package/lib-amd/global/colors.js +0 -841
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/fonts.d.ts +0 -6
- package/lib-amd/global/fonts.js +0 -57
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.d.ts +0 -5
- package/lib-amd/global/index.js +0 -10
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/strokeWidths.d.ts +0 -2
- package/lib-amd/global/strokeWidths.js +0 -11
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/utils.d.ts +0 -23
- package/lib-amd/global/utils.js +0 -26
- package/lib-amd/global/utils.js.map +0 -1
- package/lib-amd/index.d.ts +0 -5
- package/lib-amd/index.js +0 -9
- package/lib-amd/index.js.map +0 -1
- package/lib-amd/themes/index.d.ts +0 -2
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.d.ts +0 -2
- package/lib-amd/themes/teams/darkTheme.js +0 -30
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/globalTheme.d.ts +0 -22
- package/lib-amd/themes/teams/globalTheme.js +0 -6
- package/lib-amd/themes/teams/globalTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-amd/themes/teams/highContrastTheme.js +0 -13
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.d.ts +0 -3
- 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.d.ts +0 -2
- package/lib-amd/themes/teams/lightTheme.js +0 -13
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.d.ts +0 -2
- package/lib-amd/themes/web/darkTheme.js +0 -13
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/globalTheme.d.ts +0 -22
- package/lib-amd/themes/web/globalTheme.js +0 -6
- package/lib-amd/themes/web/globalTheme.js.map +0 -1
- package/lib-amd/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-amd/themes/web/highContrastTheme.js +0 -13
- package/lib-amd/themes/web/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/web/index.d.ts +0 -3
- package/lib-amd/themes/web/index.js +0 -8
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.d.ts +0 -2
- package/lib-amd/themes/web/lightTheme.js +0 -13
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/types.d.ts +0 -290
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/dark/colors.d.ts +0 -8
- package/lib-amd/utils/dark/colors.js +0 -87
- package/lib-amd/utils/dark/colors.js.map +0 -1
- package/lib-amd/utils/dark/index.d.ts +0 -1
- package/lib-amd/utils/dark/index.js +0 -6
- package/lib-amd/utils/dark/index.js.map +0 -1
- package/lib-amd/utils/highContrast/colors.d.ts +0 -6
- package/lib-amd/utils/highContrast/colors.js +0 -87
- package/lib-amd/utils/highContrast/colors.js.map +0 -1
- package/lib-amd/utils/highContrast/index.d.ts +0 -1
- package/lib-amd/utils/highContrast/index.js +0 -6
- package/lib-amd/utils/highContrast/index.js.map +0 -1
- package/lib-amd/utils/light/colors.d.ts +0 -8
- package/lib-amd/utils/light/colors.js +0 -87
- package/lib-amd/utils/light/colors.js.map +0 -1
- package/lib-amd/utils/light/index.d.ts +0 -1
- package/lib-amd/utils/light/index.js +0 -6
- package/lib-amd/utils/light/index.js.map +0 -1
- package/lib-amd/utils/mergeThemes.d.ts +0 -8
- package/lib-amd/utils/mergeThemes.js +0 -58
- package/lib-amd/utils/mergeThemes.js.map +0 -1
- package/lib-amd/utils/shadows.d.ts +0 -2
- package/lib-amd/utils/shadows.js +0 -16
- package/lib-amd/utils/shadows.js.map +0 -1
- package/lib-amd/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-amd/utils/themeToCSSVariables.js +0 -27
- package/lib-amd/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/global/utils.d.ts +0 -23
- package/lib-commonjs/global/utils.js +0 -29
- package/lib-commonjs/global/utils.js.map +0 -1
- package/lib-commonjs/themes/teams/globalTheme.d.ts +0 -22
- package/lib-commonjs/themes/teams/globalTheme.js +0 -5
- package/lib-commonjs/themes/teams/globalTheme.js.map +0 -1
- package/lib-commonjs/themes/web/globalTheme.d.ts +0 -22
- package/lib-commonjs/themes/web/globalTheme.js +0 -5
- package/lib-commonjs/themes/web/globalTheme.js.map +0 -1
- package/lib-commonjs/utils/dark/colors.d.ts +0 -8
- package/lib-commonjs/utils/dark/colors.js +0 -87
- package/lib-commonjs/utils/dark/colors.js.map +0 -1
- package/lib-commonjs/utils/dark/index.d.ts +0 -1
- package/lib-commonjs/utils/dark/index.js +0 -5
- package/lib-commonjs/utils/dark/index.js.map +0 -1
- package/lib-commonjs/utils/highContrast/colors.d.ts +0 -6
- package/lib-commonjs/utils/highContrast/colors.js +0 -87
- package/lib-commonjs/utils/highContrast/colors.js.map +0 -1
- package/lib-commonjs/utils/highContrast/index.d.ts +0 -1
- package/lib-commonjs/utils/highContrast/index.js +0 -5
- package/lib-commonjs/utils/highContrast/index.js.map +0 -1
- package/lib-commonjs/utils/light/colors.d.ts +0 -8
- package/lib-commonjs/utils/light/colors.js +0 -87
- package/lib-commonjs/utils/light/colors.js.map +0 -1
- package/lib-commonjs/utils/light/index.d.ts +0 -1
- package/lib-commonjs/utils/light/index.js +0 -5
- package/lib-commonjs/utils/light/index.js.map +0 -1
package/lib-amd/types.d.ts
DELETED
@@ -1,290 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Recursive partial type.
|
3
|
-
*/
|
4
|
-
declare type RecursivePartial<T> = {
|
5
|
-
[P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;
|
6
|
-
};
|
7
|
-
/**
|
8
|
-
* Design tokens for neutral colors
|
9
|
-
*/
|
10
|
-
export declare type NeutralColorTokens = {
|
11
|
-
neutralForeground1: string;
|
12
|
-
neutralForeground2: string;
|
13
|
-
neutralForeground2Hover: string;
|
14
|
-
neutralForeground2Pressed: string;
|
15
|
-
neutralForeground2Selected: string;
|
16
|
-
brandForeground2Hover: string;
|
17
|
-
brandForeground2Pressed: string;
|
18
|
-
brandForeground2Selected: string;
|
19
|
-
neutralForeground3: string;
|
20
|
-
neutralForeground3Hover: string;
|
21
|
-
neutralForeground3Pressed: string;
|
22
|
-
neutralForeground3Selected: string;
|
23
|
-
brandForeground3Hover: string;
|
24
|
-
brandForeground3Pressed: string;
|
25
|
-
brandForeground3Selected: string;
|
26
|
-
neutralForeground4: string;
|
27
|
-
neutralForegroundDisabled: string;
|
28
|
-
brandForeground: string;
|
29
|
-
brandForegroundHover: string;
|
30
|
-
brandForegroundPressed: string;
|
31
|
-
brandForegroundSelected: string;
|
32
|
-
neutralForegroundInverted: string;
|
33
|
-
neutralForegroundInvertedAccessible: string;
|
34
|
-
neutralBackground1: string;
|
35
|
-
neutralBackground1Hover: string;
|
36
|
-
neutralBackground1Pressed: string;
|
37
|
-
neutralBackground1Selected: string;
|
38
|
-
neutralBackground2: string;
|
39
|
-
neutralBackground2Hover: string;
|
40
|
-
neutralBackground2Pressed: string;
|
41
|
-
neutralBackground2Selected: string;
|
42
|
-
neutralBackground3: string;
|
43
|
-
neutralBackground3Hover: string;
|
44
|
-
neutralBackground3Pressed: string;
|
45
|
-
neutralBackground3Selected: string;
|
46
|
-
neutralBackground4: string;
|
47
|
-
neutralBackground4Hover: string;
|
48
|
-
neutralBackground4Pressed: string;
|
49
|
-
neutralBackground4Selected: string;
|
50
|
-
neutralBackground5: string;
|
51
|
-
neutralBackground5Hover: string;
|
52
|
-
neutralBackground5Pressed: string;
|
53
|
-
neutralBackground5Selected: string;
|
54
|
-
neutralBackground6: string;
|
55
|
-
neutralBackgroundDisabled: string;
|
56
|
-
neutralStrokeAccessible: string;
|
57
|
-
neutralStrokeAccessibleHover: string;
|
58
|
-
neutralStrokeAccessiblePressed: string;
|
59
|
-
neutralStrokeAccessibleSelected: string;
|
60
|
-
neutralStroke1: string;
|
61
|
-
neutralStroke1Hover: string;
|
62
|
-
neutralStroke1Pressed: string;
|
63
|
-
neutralStroke1Selected: string;
|
64
|
-
neutralStroke2: string;
|
65
|
-
neutralStroke3: string;
|
66
|
-
neutralStrokeDisabled: string;
|
67
|
-
strokeAccessible: string;
|
68
|
-
strokeAccessibleInteractive: string;
|
69
|
-
strokeAccessibleDisabled: string;
|
70
|
-
neutralShadowAmbient: string;
|
71
|
-
neutralShadowKey: string;
|
72
|
-
neutralShadowAmbientLighter: string;
|
73
|
-
neutralShadowKeyLighter: string;
|
74
|
-
neutralShadowAmbientDarker: string;
|
75
|
-
neutralShadowKeyDarker: string;
|
76
|
-
};
|
77
|
-
/**
|
78
|
-
* Design tokens available for shared colors
|
79
|
-
*/
|
80
|
-
export declare type SharedColorTokens = {
|
81
|
-
background1: string;
|
82
|
-
background2: string;
|
83
|
-
background3: string;
|
84
|
-
foreground1: string;
|
85
|
-
foreground2: string;
|
86
|
-
foreground3: string;
|
87
|
-
borderActive: string;
|
88
|
-
border2: string;
|
89
|
-
};
|
90
|
-
/**
|
91
|
-
* Possible color variant values
|
92
|
-
*/
|
93
|
-
export declare type ColorVariants = {
|
94
|
-
shade50: string;
|
95
|
-
shade40: string;
|
96
|
-
shade30: string;
|
97
|
-
shade20: string;
|
98
|
-
shade10: string;
|
99
|
-
primary: string;
|
100
|
-
tint10: string;
|
101
|
-
tint20: string;
|
102
|
-
tint30: string;
|
103
|
-
tint40: string;
|
104
|
-
tint50: string;
|
105
|
-
tint60: string;
|
106
|
-
};
|
107
|
-
export declare type BrandVariants = ColorVariants & {
|
108
|
-
shade60: string;
|
109
|
-
};
|
110
|
-
/**
|
111
|
-
* All the global shared colors and their shade/tint variants
|
112
|
-
*/
|
113
|
-
export declare type GlobalSharedColors = {
|
114
|
-
darkRed: ColorVariants;
|
115
|
-
burgundy: ColorVariants;
|
116
|
-
cranberry: ColorVariants;
|
117
|
-
red: ColorVariants;
|
118
|
-
darkOrange: ColorVariants;
|
119
|
-
bronze: ColorVariants;
|
120
|
-
pumpkin: ColorVariants;
|
121
|
-
orange: ColorVariants;
|
122
|
-
peach: ColorVariants;
|
123
|
-
marigold: ColorVariants;
|
124
|
-
yellow: ColorVariants;
|
125
|
-
gold: ColorVariants;
|
126
|
-
brass: ColorVariants;
|
127
|
-
brown: ColorVariants;
|
128
|
-
darkBrown: ColorVariants;
|
129
|
-
lime: ColorVariants;
|
130
|
-
forest: ColorVariants;
|
131
|
-
seafoam: ColorVariants;
|
132
|
-
lightGreen: ColorVariants;
|
133
|
-
green: ColorVariants;
|
134
|
-
darkGreen: ColorVariants;
|
135
|
-
lightTeal: ColorVariants;
|
136
|
-
teal: ColorVariants;
|
137
|
-
darkTeal: ColorVariants;
|
138
|
-
cyan: ColorVariants;
|
139
|
-
steel: ColorVariants;
|
140
|
-
lightBlue: ColorVariants;
|
141
|
-
blue: ColorVariants;
|
142
|
-
royalBlue: ColorVariants;
|
143
|
-
darkBlue: ColorVariants;
|
144
|
-
cornflower: ColorVariants;
|
145
|
-
navy: ColorVariants;
|
146
|
-
lavender: ColorVariants;
|
147
|
-
purple: ColorVariants;
|
148
|
-
darkPurple: ColorVariants;
|
149
|
-
orchid: ColorVariants;
|
150
|
-
grape: ColorVariants;
|
151
|
-
berry: ColorVariants;
|
152
|
-
lilac: ColorVariants;
|
153
|
-
pink: ColorVariants;
|
154
|
-
hotPink: ColorVariants;
|
155
|
-
magenta: ColorVariants;
|
156
|
-
plum: ColorVariants;
|
157
|
-
beige: ColorVariants;
|
158
|
-
mink: ColorVariants;
|
159
|
-
silver: ColorVariants;
|
160
|
-
platinum: ColorVariants;
|
161
|
-
anchor: ColorVariants;
|
162
|
-
charcoal: ColorVariants;
|
163
|
-
};
|
164
|
-
/**
|
165
|
-
* Brand color variants by product
|
166
|
-
*/
|
167
|
-
export declare type ProductBrandColors = {
|
168
|
-
teams: BrandVariants;
|
169
|
-
web: BrandVariants;
|
170
|
-
};
|
171
|
-
export declare type FontSizes = {
|
172
|
-
base: {
|
173
|
-
100: string;
|
174
|
-
200: string;
|
175
|
-
300: string;
|
176
|
-
400: string;
|
177
|
-
500: string;
|
178
|
-
600: string;
|
179
|
-
};
|
180
|
-
hero: {
|
181
|
-
700: string;
|
182
|
-
800: string;
|
183
|
-
900: string;
|
184
|
-
1000: string;
|
185
|
-
};
|
186
|
-
};
|
187
|
-
export declare type LineHeights = FontSizes;
|
188
|
-
export declare type FontWeights = {
|
189
|
-
regular: number;
|
190
|
-
medium: number;
|
191
|
-
semibold: number;
|
192
|
-
};
|
193
|
-
export declare type FontFamilies = {
|
194
|
-
base: string;
|
195
|
-
monospace: string;
|
196
|
-
numeric: string;
|
197
|
-
};
|
198
|
-
export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
|
199
|
-
export declare type TextAlignments = {
|
200
|
-
start: TextAlignment;
|
201
|
-
center: TextAlignment;
|
202
|
-
end: TextAlignment;
|
203
|
-
justify: TextAlignment;
|
204
|
-
};
|
205
|
-
export declare type BorderRadius = {
|
206
|
-
none: string;
|
207
|
-
small: string;
|
208
|
-
medium: string;
|
209
|
-
large: string;
|
210
|
-
xLarge: string;
|
211
|
-
circular: string;
|
212
|
-
};
|
213
|
-
export declare type StrokeWidths = {
|
214
|
-
thin: string;
|
215
|
-
thick: string;
|
216
|
-
thicker: string;
|
217
|
-
thickest: string;
|
218
|
-
};
|
219
|
-
/**
|
220
|
-
* Design tokens for shadow levels
|
221
|
-
*/
|
222
|
-
export declare type ShadowLevelTokens = {
|
223
|
-
shadow2: string;
|
224
|
-
shadow4: string;
|
225
|
-
shadow8: string;
|
226
|
-
shadow16: string;
|
227
|
-
shadow28: string;
|
228
|
-
shadow64: string;
|
229
|
-
};
|
230
|
-
export declare type GhostColorTokens = {
|
231
|
-
ghostBackground: string;
|
232
|
-
ghostBackgroundHover: string;
|
233
|
-
ghostBackgroundPressed: string;
|
234
|
-
ghostBackgroundSelected: string;
|
235
|
-
};
|
236
|
-
export declare type TransparentColorTokens = {
|
237
|
-
transparentBackground: string;
|
238
|
-
transparentBackgroundHover: string;
|
239
|
-
transparentBackgroundPressed: string;
|
240
|
-
transparentBackgroundSelected: string;
|
241
|
-
};
|
242
|
-
export declare type BackgroundColorTokens = {
|
243
|
-
background: string;
|
244
|
-
backgroundHover: string;
|
245
|
-
backgroundPressed: string;
|
246
|
-
backgroundSelected: string;
|
247
|
-
};
|
248
|
-
export declare type BrandColorTokens = {
|
249
|
-
brandBackground: string;
|
250
|
-
brandBackgroundHover: string;
|
251
|
-
brandBackgroundPressed: string;
|
252
|
-
brandBackgroundSelected: string;
|
253
|
-
brandBackgroundStatic: string;
|
254
|
-
};
|
255
|
-
export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
|
256
|
-
export declare type Theme = {
|
257
|
-
global: {
|
258
|
-
color: {
|
259
|
-
black: string;
|
260
|
-
white: string;
|
261
|
-
hyperlink: string;
|
262
|
-
disabled: string;
|
263
|
-
selected: string;
|
264
|
-
};
|
265
|
-
palette: GlobalSharedColors & {
|
266
|
-
brand: BrandVariants;
|
267
|
-
grey: Record<Greys, string>;
|
268
|
-
};
|
269
|
-
type: {
|
270
|
-
fontSizes: FontSizes;
|
271
|
-
fontWeights: FontWeights;
|
272
|
-
fontFamilies: FontFamilies;
|
273
|
-
lineHeights: LineHeights;
|
274
|
-
alignment: TextAlignments;
|
275
|
-
};
|
276
|
-
borderRadius: BorderRadius;
|
277
|
-
strokeWidth: StrokeWidths;
|
278
|
-
};
|
279
|
-
alias: {
|
280
|
-
color: Record<keyof GlobalSharedColors, SharedColorTokens> & {
|
281
|
-
neutral: NeutralColorTokens;
|
282
|
-
subtle: BackgroundColorTokens;
|
283
|
-
transparent: BackgroundColorTokens;
|
284
|
-
brand: BrandColorTokens;
|
285
|
-
};
|
286
|
-
shadow: ShadowLevelTokens;
|
287
|
-
};
|
288
|
-
};
|
289
|
-
export declare type PartialTheme = RecursivePartial<Theme>;
|
290
|
-
export {};
|
package/lib-amd/types.js
DELETED
package/lib-amd/types.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Recursive partial type.\n */\ntype RecursivePartial<T> = {\n [P in keyof T]?: T[P] extends Array<infer I> ? Array<RecursivePartial<I>> : RecursivePartial<T[P]>;\n};\n\n/**\n * Design tokens for neutral colors\n */\nexport type NeutralColorTokens = {\n // https://www.figma.com/file/KB9oUjMKen2cKnyPG7RgdS/Design-tokens-superset?node-id=1963%3A17486\n neutralForeground1: string;\n neutralForeground2: string;\n neutralForeground2Hover: string;\n neutralForeground2Pressed: string;\n neutralForeground2Selected: string;\n brandForeground2Hover: string;\n brandForeground2Pressed: string;\n brandForeground2Selected: string;\n neutralForeground3: string;\n neutralForeground3Hover: string;\n neutralForeground3Pressed: string;\n neutralForeground3Selected: string;\n brandForeground3Hover: string;\n brandForeground3Pressed: string;\n brandForeground3Selected: string;\n neutralForeground4: string;\n neutralForegroundDisabled: string;\n brandForeground: string;\n brandForegroundHover: string;\n brandForegroundPressed: string;\n brandForegroundSelected: string;\n neutralForegroundInverted: string;\n neutralForegroundInvertedAccessible: string;\n neutralBackground1: string;\n neutralBackground1Hover: string;\n neutralBackground1Pressed: string;\n neutralBackground1Selected: string;\n neutralBackground2: string;\n neutralBackground2Hover: string;\n neutralBackground2Pressed: string;\n neutralBackground2Selected: string;\n neutralBackground3: string;\n neutralBackground3Hover: string;\n neutralBackground3Pressed: string;\n neutralBackground3Selected: string;\n neutralBackground4: string;\n neutralBackground4Hover: string;\n neutralBackground4Pressed: string;\n neutralBackground4Selected: string;\n neutralBackground5: string;\n neutralBackground5Hover: string;\n neutralBackground5Pressed: string;\n neutralBackground5Selected: string;\n neutralBackground6: string;\n neutralBackgroundDisabled: string;\n neutralStrokeAccessible: string;\n neutralStrokeAccessibleHover: string;\n neutralStrokeAccessiblePressed: string;\n neutralStrokeAccessibleSelected: string;\n neutralStroke1: string;\n neutralStroke1Hover: string;\n neutralStroke1Pressed: string;\n neutralStroke1Selected: string;\n neutralStroke2: string;\n neutralStroke3: string;\n neutralStrokeDisabled: string;\n strokeAccessible: string;\n strokeAccessibleInteractive: string;\n strokeAccessibleDisabled: string;\n neutralShadowAmbient: string;\n neutralShadowKey: string;\n neutralShadowAmbientLighter: string;\n neutralShadowKeyLighter: string;\n neutralShadowAmbientDarker: string;\n neutralShadowKeyDarker: string;\n};\n\n/**\n * Design tokens available for shared colors\n */\nexport type SharedColorTokens = {\n background1: string;\n background2: string;\n background3: string;\n foreground1: string;\n foreground2: string;\n foreground3: string;\n borderActive: string;\n border2: string;\n};\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 BrandVariants = ColorVariants & { shade60: string };\n\n/**\n * All the global shared colors and their shade/tint variants\n */\nexport type GlobalSharedColors = {\n darkRed: ColorVariants;\n burgundy: ColorVariants;\n cranberry: ColorVariants;\n red: ColorVariants;\n darkOrange: ColorVariants;\n bronze: ColorVariants;\n pumpkin: ColorVariants;\n orange: ColorVariants;\n peach: ColorVariants;\n marigold: ColorVariants;\n yellow: ColorVariants;\n gold: ColorVariants;\n brass: ColorVariants;\n brown: ColorVariants;\n darkBrown: ColorVariants;\n lime: ColorVariants;\n forest: ColorVariants;\n seafoam: ColorVariants;\n lightGreen: ColorVariants;\n green: ColorVariants;\n darkGreen: ColorVariants;\n lightTeal: ColorVariants;\n teal: ColorVariants;\n darkTeal: ColorVariants;\n cyan: ColorVariants;\n steel: ColorVariants;\n lightBlue: ColorVariants;\n blue: ColorVariants;\n royalBlue: ColorVariants;\n darkBlue: ColorVariants;\n cornflower: ColorVariants;\n navy: ColorVariants;\n lavender: ColorVariants;\n purple: ColorVariants;\n darkPurple: ColorVariants;\n orchid: ColorVariants;\n grape: ColorVariants;\n berry: ColorVariants;\n lilac: ColorVariants;\n pink: ColorVariants;\n hotPink: ColorVariants;\n magenta: ColorVariants;\n plum: ColorVariants;\n beige: ColorVariants;\n mink: ColorVariants;\n silver: ColorVariants;\n platinum: ColorVariants;\n anchor: ColorVariants;\n charcoal: ColorVariants;\n};\n\n/**\n * Brand color variants by product\n */\nexport type ProductBrandColors = {\n teams: BrandVariants;\n web: BrandVariants;\n};\n\nexport type FontSizes = {\n base: {\n 100: string;\n 200: string;\n 300: string;\n 400: string;\n 500: string;\n 600: string;\n };\n hero: {\n 700: string;\n 800: string;\n 900: string;\n 1000: string;\n };\n};\n\nexport type LineHeights = FontSizes;\n\nexport type FontWeights = {\n regular: number;\n medium: number;\n semibold: number;\n};\n\nexport type FontFamilies = {\n base: string;\n monospace: string;\n numeric: 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 BorderRadius = {\n none: string;\n small: string;\n medium: string;\n large: string;\n xLarge: string;\n circular: string;\n};\n\nexport type StrokeWidths = {\n thin: string;\n thick: string;\n thicker: string;\n thickest: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowLevelTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type GhostColorTokens = {\n ghostBackground: string;\n ghostBackgroundHover: string;\n ghostBackgroundPressed: string;\n ghostBackgroundSelected: string;\n};\n\nexport type TransparentColorTokens = {\n transparentBackground: string;\n transparentBackgroundHover: string;\n transparentBackgroundPressed: string;\n transparentBackgroundSelected: string;\n};\n\nexport type BackgroundColorTokens = {\n background: string;\n backgroundHover: string;\n backgroundPressed: string;\n backgroundSelected: string;\n};\n\nexport type BrandColorTokens = {\n brandBackground: string;\n brandBackgroundHover: string;\n brandBackgroundPressed: string;\n brandBackgroundSelected: string;\n brandBackgroundStatic: string;\n // FIXME: the rest is unclear in the spec\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\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 = {\n global: {\n // TODO: this means \"static\", will not change with light/dark/contrast switch. better named static?\n // TODO: Shift: we should move global away from theme, this is not themable\n // ThemeProvider should not inject these css variables?\n color: {\n black: string;\n white: string;\n hyperlink: string;\n disabled: string;\n selected: string;\n };\n palette: GlobalSharedColors & {\n brand: BrandVariants; // Only the Theme brand, not all\n grey: Record<Greys, string>;\n };\n type: {\n fontSizes: FontSizes;\n fontWeights: FontWeights;\n fontFamilies: FontFamilies;\n lineHeights: LineHeights;\n alignment: TextAlignments;\n };\n borderRadius: BorderRadius;\n strokeWidth: StrokeWidths;\n };\n alias: {\n color: Record<keyof GlobalSharedColors, SharedColorTokens> & {\n neutral: NeutralColorTokens;\n subtle: BackgroundColorTokens;\n transparent: BackgroundColorTokens;\n brand: BrandColorTokens;\n };\n shadow: ShadowLevelTokens;\n };\n};\n\n// TODO: fix shape\nexport type PartialTheme = RecursivePartial<Theme>;\n"]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { NeutralColorTokens, ColorVariants, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
|
2
|
-
export declare const subtleColorTokens: BackgroundColorTokens;
|
3
|
-
export declare const transparentColorTokens: BackgroundColorTokens;
|
4
|
-
export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;
|
5
|
-
export declare function createNeutralColorTokens(brand: ColorVariants, customValues?: {
|
6
|
-
[P in keyof NeutralColorTokens]?: string;
|
7
|
-
}): NeutralColorTokens;
|
8
|
-
export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
|
@@ -1,87 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.subtleColorTokens = {
|
5
|
-
background: 'red',
|
6
|
-
backgroundHover: 'red',
|
7
|
-
backgroundPressed: 'red',
|
8
|
-
backgroundSelected: 'red',
|
9
|
-
};
|
10
|
-
exports.transparentColorTokens = {
|
11
|
-
background: 'rgba(255, 0, 0, 0.2)',
|
12
|
-
backgroundHover: 'rgba(255, 0, 0, 0.2)',
|
13
|
-
backgroundPressed: 'rgba(255, 0, 0, 0.2)',
|
14
|
-
backgroundSelected: 'rgba(255, 0, 0, 0.2)',
|
15
|
-
};
|
16
|
-
function createBrandColorTokens(brand) {
|
17
|
-
return {
|
18
|
-
brandBackground: brand.shade10,
|
19
|
-
brandBackgroundHover: brand.primary,
|
20
|
-
brandBackgroundPressed: brand.shade40,
|
21
|
-
brandBackgroundSelected: brand.shade20,
|
22
|
-
brandBackgroundStatic: brand.primary,
|
23
|
-
};
|
24
|
-
}
|
25
|
-
exports.createBrandColorTokens = createBrandColorTokens;
|
26
|
-
function createNeutralColorTokens(brand, customValues) {
|
27
|
-
if (customValues === void 0) { customValues = {}; }
|
28
|
-
return tslib_1.__assign({ neutralForeground1: index_1.white, neutralForeground2: index_1.grey[84], neutralForeground2Hover: index_1.white, neutralForeground2Pressed: index_1.white, neutralForeground2Selected: index_1.white, brandForeground2Hover: brand.tint20, brandForeground2Pressed: brand.tint10, brandForeground2Selected: brand.tint10, neutralForeground3: index_1.grey[68], neutralForeground3Hover: index_1.grey[84], neutralForeground3Pressed: index_1.grey[84], neutralForeground3Selected: index_1.grey[84], brandForeground3Hover: brand.tint20, brandForeground3Pressed: brand.tint10, brandForeground3Selected: brand.tint20, neutralForeground4: index_1.grey[52], neutralForegroundDisabled: index_1.grey[36], brandForeground: brand.tint10, brandForegroundHover: brand.tint30, brandForegroundPressed: brand.tint20, brandForegroundSelected: brand.tint10, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.white, neutralBackground1: index_1.grey[16], neutralBackground1Hover: index_1.grey[22], neutralBackground1Pressed: index_1.grey[18], neutralBackground1Selected: index_1.grey[20], neutralBackground2: index_1.grey[12], neutralBackground2Hover: index_1.grey[18], neutralBackground2Pressed: index_1.grey[14], neutralBackground2Selected: index_1.grey[16], neutralBackground3: index_1.grey[8], neutralBackground3Hover: index_1.grey[14], neutralBackground3Pressed: index_1.grey[10], neutralBackground3Selected: index_1.grey[12], neutralBackground4: index_1.grey[4], neutralBackground4Hover: index_1.grey[10], neutralBackground4Pressed: index_1.grey[6], neutralBackground4Selected: index_1.grey[8], neutralBackground5: index_1.black, neutralBackground5Hover: index_1.grey[14], neutralBackground5Pressed: index_1.grey[10], neutralBackground5Selected: index_1.grey[12], neutralBackground6: index_1.grey[20], neutralBackgroundDisabled: index_1.grey[8], neutralStrokeAccessible: index_1.grey[68], neutralStrokeAccessibleHover: index_1.grey[74], neutralStrokeAccessiblePressed: index_1.grey[70], neutralStrokeAccessibleSelected: brand.tint20, neutralStroke1: index_1.grey[40], neutralStroke1Hover: index_1.grey[46], neutralStroke1Pressed: index_1.grey[42], neutralStroke1Selected: index_1.grey[44], neutralStroke2: index_1.grey[32], neutralStroke3: index_1.grey[24], neutralStrokeDisabled: index_1.grey[26], strokeAccessible: 'transparent', strokeAccessibleInteractive: 'transparent', strokeAccessibleDisabled: 'transparent', neutralShadowAmbient: 'rgba(0,0,0,0.24)', neutralShadowKey: 'rgba(0,0,0,0.28)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', neutralShadowKeyDarker: 'rgba(0,0,0,0.48)' }, customValues);
|
29
|
-
}
|
30
|
-
exports.createNeutralColorTokens = createNeutralColorTokens;
|
31
|
-
function createSharedColorTokens(color, customValues) {
|
32
|
-
if (customValues === void 0) { customValues = {}; }
|
33
|
-
return tslib_1.__assign({ background1: color.shade30, background2: color.shade30, background3: color.primary, foreground1: color.tint40, foreground2: color.tint40, foreground3: color.tint20, borderActive: color.tint30, border2: color.tint20 }, customValues);
|
34
|
-
}
|
35
|
-
exports.sharedColorTokens = {
|
36
|
-
darkRed: createSharedColorTokens(index_1.sharedColors.darkRed),
|
37
|
-
burgundy: createSharedColorTokens(index_1.sharedColors.burgundy),
|
38
|
-
cranberry: createSharedColorTokens(index_1.sharedColors.cranberry),
|
39
|
-
red: createSharedColorTokens(index_1.sharedColors.red),
|
40
|
-
darkOrange: createSharedColorTokens(index_1.sharedColors.darkOrange),
|
41
|
-
bronze: createSharedColorTokens(index_1.sharedColors.bronze),
|
42
|
-
pumpkin: createSharedColorTokens(index_1.sharedColors.pumpkin),
|
43
|
-
orange: createSharedColorTokens(index_1.sharedColors.orange),
|
44
|
-
peach: createSharedColorTokens(index_1.sharedColors.peach),
|
45
|
-
marigold: createSharedColorTokens(index_1.sharedColors.marigold),
|
46
|
-
yellow: createSharedColorTokens(index_1.sharedColors.yellow),
|
47
|
-
gold: createSharedColorTokens(index_1.sharedColors.gold),
|
48
|
-
brass: createSharedColorTokens(index_1.sharedColors.brass),
|
49
|
-
brown: createSharedColorTokens(index_1.sharedColors.brown),
|
50
|
-
darkBrown: createSharedColorTokens(index_1.sharedColors.darkBrown),
|
51
|
-
lime: createSharedColorTokens(index_1.sharedColors.lime),
|
52
|
-
forest: createSharedColorTokens(index_1.sharedColors.forest),
|
53
|
-
seafoam: createSharedColorTokens(index_1.sharedColors.seafoam),
|
54
|
-
lightGreen: createSharedColorTokens(index_1.sharedColors.lightGreen),
|
55
|
-
green: createSharedColorTokens(index_1.sharedColors.green),
|
56
|
-
darkGreen: createSharedColorTokens(index_1.sharedColors.darkGreen),
|
57
|
-
lightTeal: createSharedColorTokens(index_1.sharedColors.lightTeal),
|
58
|
-
teal: createSharedColorTokens(index_1.sharedColors.teal),
|
59
|
-
darkTeal: createSharedColorTokens(index_1.sharedColors.darkTeal),
|
60
|
-
cyan: createSharedColorTokens(index_1.sharedColors.cyan),
|
61
|
-
steel: createSharedColorTokens(index_1.sharedColors.steel),
|
62
|
-
lightBlue: createSharedColorTokens(index_1.sharedColors.lightBlue),
|
63
|
-
blue: createSharedColorTokens(index_1.sharedColors.blue),
|
64
|
-
royalBlue: createSharedColorTokens(index_1.sharedColors.royalBlue),
|
65
|
-
darkBlue: createSharedColorTokens(index_1.sharedColors.darkBlue),
|
66
|
-
cornflower: createSharedColorTokens(index_1.sharedColors.cornflower),
|
67
|
-
navy: createSharedColorTokens(index_1.sharedColors.navy),
|
68
|
-
lavender: createSharedColorTokens(index_1.sharedColors.lavender),
|
69
|
-
purple: createSharedColorTokens(index_1.sharedColors.purple),
|
70
|
-
darkPurple: createSharedColorTokens(index_1.sharedColors.darkPurple),
|
71
|
-
orchid: createSharedColorTokens(index_1.sharedColors.orchid),
|
72
|
-
grape: createSharedColorTokens(index_1.sharedColors.grape),
|
73
|
-
berry: createSharedColorTokens(index_1.sharedColors.berry),
|
74
|
-
lilac: createSharedColorTokens(index_1.sharedColors.lilac),
|
75
|
-
pink: createSharedColorTokens(index_1.sharedColors.pink),
|
76
|
-
hotPink: createSharedColorTokens(index_1.sharedColors.hotPink),
|
77
|
-
magenta: createSharedColorTokens(index_1.sharedColors.magenta),
|
78
|
-
plum: createSharedColorTokens(index_1.sharedColors.plum),
|
79
|
-
beige: createSharedColorTokens(index_1.sharedColors.beige),
|
80
|
-
mink: createSharedColorTokens(index_1.sharedColors.mink),
|
81
|
-
silver: createSharedColorTokens(index_1.sharedColors.silver),
|
82
|
-
platinum: createSharedColorTokens(index_1.sharedColors.platinum),
|
83
|
-
anchor: createSharedColorTokens(index_1.sharedColors.anchor),
|
84
|
-
charcoal: createSharedColorTokens(index_1.sharedColors.charcoal),
|
85
|
-
};
|
86
|
-
});
|
87
|
-
//# sourceMappingURL=colors.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/dark/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n NeutralColorTokens,\n ColorVariants,\n SharedColorTokens,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandVariants,\n BrandColorTokens,\n} from '../../types';\nimport { grey, white, black, sharedColors } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'red',\n backgroundHover: 'red',\n backgroundPressed: 'red',\n backgroundSelected: 'red',\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'rgba(255, 0, 0, 0.2)',\n backgroundHover: 'rgba(255, 0, 0, 0.2)',\n backgroundPressed: 'rgba(255, 0, 0, 0.2)',\n backgroundSelected: 'rgba(255, 0, 0, 0.2)',\n};\n\nexport function createBrandColorTokens(brand: BrandVariants): BrandColorTokens {\n return {\n brandBackground: brand.shade10,\n brandBackgroundHover: brand.primary,\n brandBackgroundPressed: brand.shade40,\n brandBackgroundSelected: brand.shade20,\n brandBackgroundStatic: brand.primary,\n };\n}\n\nexport function createNeutralColorTokens(\n brand: ColorVariants,\n customValues: { [P in keyof NeutralColorTokens]?: string } = {},\n): NeutralColorTokens {\n return {\n neutralForeground1: white,\n\n neutralForeground2: grey[84],\n neutralForeground2Hover: white,\n neutralForeground2Pressed: white,\n neutralForeground2Selected: white,\n brandForeground2Hover: brand.tint20,\n brandForeground2Pressed: brand.tint10,\n brandForeground2Selected: brand.tint10,\n\n neutralForeground3: grey[68],\n neutralForeground3Hover: grey[84],\n neutralForeground3Pressed: grey[84],\n neutralForeground3Selected: grey[84],\n brandForeground3Hover: brand.tint20,\n brandForeground3Pressed: brand.tint10,\n brandForeground3Selected: brand.tint20,\n\n neutralForeground4: grey[52],\n\n neutralForegroundDisabled: grey[36],\n\n brandForeground: brand.tint10,\n brandForegroundHover: brand.tint30,\n brandForegroundPressed: brand.tint20,\n brandForegroundSelected: brand.tint10,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: white,\n\n neutralBackground1: grey[16],\n neutralBackground1Hover: grey[22],\n neutralBackground1Pressed: grey[18],\n neutralBackground1Selected: grey[20],\n\n neutralBackground2: grey[12],\n neutralBackground2Hover: grey[18],\n neutralBackground2Pressed: grey[14],\n neutralBackground2Selected: grey[16],\n\n neutralBackground3: grey[8],\n neutralBackground3Hover: grey[14],\n neutralBackground3Pressed: grey[10],\n neutralBackground3Selected: grey[12],\n\n neutralBackground4: grey[4],\n neutralBackground4Hover: grey[10],\n neutralBackground4Pressed: grey[6],\n neutralBackground4Selected: grey[8],\n\n neutralBackground5: black,\n neutralBackground5Hover: grey[14],\n neutralBackground5Pressed: grey[10],\n neutralBackground5Selected: grey[12],\n\n neutralBackground6: grey[20],\n\n neutralBackgroundDisabled: grey[8],\n\n neutralStrokeAccessible: grey[68],\n neutralStrokeAccessibleHover: grey[74],\n neutralStrokeAccessiblePressed: grey[70],\n neutralStrokeAccessibleSelected: brand.tint20,\n\n neutralStroke1: grey[40],\n neutralStroke1Hover: grey[46],\n neutralStroke1Pressed: grey[42],\n neutralStroke1Selected: grey[44],\n\n neutralStroke2: grey[32],\n\n neutralStroke3: grey[24],\n\n neutralStrokeDisabled: grey[26],\n\n strokeAccessible: 'transparent',\n strokeAccessibleInteractive: 'transparent',\n strokeAccessibleDisabled: 'transparent',\n\n neutralShadowAmbient: 'rgba(0,0,0,0.24)',\n neutralShadowKey: 'rgba(0,0,0,0.28)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(color: ColorVariants, customValues: Record<string, string> = {}): SharedColorTokens {\n return {\n background1: color.shade30,\n background2: color.shade30,\n background3: color.primary,\n foreground1: color.tint40,\n foreground2: color.tint40,\n foreground3: color.tint20,\n borderActive: color.tint30,\n border2: color.tint20,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(sharedColors.darkRed),\n burgundy: createSharedColorTokens(sharedColors.burgundy),\n cranberry: createSharedColorTokens(sharedColors.cranberry),\n red: createSharedColorTokens(sharedColors.red),\n darkOrange: createSharedColorTokens(sharedColors.darkOrange),\n bronze: createSharedColorTokens(sharedColors.bronze),\n pumpkin: createSharedColorTokens(sharedColors.pumpkin),\n orange: createSharedColorTokens(sharedColors.orange),\n peach: createSharedColorTokens(sharedColors.peach),\n marigold: createSharedColorTokens(sharedColors.marigold),\n yellow: createSharedColorTokens(sharedColors.yellow),\n gold: createSharedColorTokens(sharedColors.gold),\n brass: createSharedColorTokens(sharedColors.brass),\n brown: createSharedColorTokens(sharedColors.brown),\n darkBrown: createSharedColorTokens(sharedColors.darkBrown),\n lime: createSharedColorTokens(sharedColors.lime),\n forest: createSharedColorTokens(sharedColors.forest),\n seafoam: createSharedColorTokens(sharedColors.seafoam),\n lightGreen: createSharedColorTokens(sharedColors.lightGreen),\n green: createSharedColorTokens(sharedColors.green),\n darkGreen: createSharedColorTokens(sharedColors.darkGreen),\n lightTeal: createSharedColorTokens(sharedColors.lightTeal),\n teal: createSharedColorTokens(sharedColors.teal),\n darkTeal: createSharedColorTokens(sharedColors.darkTeal),\n cyan: createSharedColorTokens(sharedColors.cyan),\n steel: createSharedColorTokens(sharedColors.steel),\n lightBlue: createSharedColorTokens(sharedColors.lightBlue),\n blue: createSharedColorTokens(sharedColors.blue),\n royalBlue: createSharedColorTokens(sharedColors.royalBlue),\n darkBlue: createSharedColorTokens(sharedColors.darkBlue),\n cornflower: createSharedColorTokens(sharedColors.cornflower),\n navy: createSharedColorTokens(sharedColors.navy),\n lavender: createSharedColorTokens(sharedColors.lavender),\n purple: createSharedColorTokens(sharedColors.purple),\n darkPurple: createSharedColorTokens(sharedColors.darkPurple),\n orchid: createSharedColorTokens(sharedColors.orchid),\n grape: createSharedColorTokens(sharedColors.grape),\n berry: createSharedColorTokens(sharedColors.berry),\n lilac: createSharedColorTokens(sharedColors.lilac),\n pink: createSharedColorTokens(sharedColors.pink),\n hotPink: createSharedColorTokens(sharedColors.hotPink),\n magenta: createSharedColorTokens(sharedColors.magenta),\n plum: createSharedColorTokens(sharedColors.plum),\n beige: createSharedColorTokens(sharedColors.beige),\n mink: createSharedColorTokens(sharedColors.mink), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(sharedColors.silver),\n platinum: createSharedColorTokens(sharedColors.platinum),\n anchor: createSharedColorTokens(sharedColors.anchor),\n charcoal: createSharedColorTokens(sharedColors.charcoal),\n};\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './colors';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/dark/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import { NeutralColorTokens, SharedColorTokens, GlobalSharedColors, BackgroundColorTokens, BrandColorTokens } from '../../types';
|
2
|
-
export declare const subtleColorTokens: BackgroundColorTokens;
|
3
|
-
export declare const transparentColorTokens: BackgroundColorTokens;
|
4
|
-
export declare function createBrandColorTokens(): BrandColorTokens;
|
5
|
-
export declare function createNeutralColorTokens(customValues?: Record<string, string>): NeutralColorTokens;
|
6
|
-
export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
|
@@ -1,87 +0,0 @@
|
|
1
|
-
define(["require", "exports", "tslib", "../../global/index"], function (require, exports, tslib_1, index_1) {
|
2
|
-
"use strict";
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
-
exports.subtleColorTokens = {
|
5
|
-
background: 'red',
|
6
|
-
backgroundHover: 'red',
|
7
|
-
backgroundPressed: 'red',
|
8
|
-
backgroundSelected: 'red',
|
9
|
-
};
|
10
|
-
exports.transparentColorTokens = {
|
11
|
-
background: 'rgba(255, 0, 0, 0.2)',
|
12
|
-
backgroundHover: 'rgba(255, 0, 0, 0.2)',
|
13
|
-
backgroundPressed: 'rgba(255, 0, 0, 0.2)',
|
14
|
-
backgroundSelected: 'rgba(255, 0, 0, 0.2)',
|
15
|
-
};
|
16
|
-
function createBrandColorTokens() {
|
17
|
-
return {
|
18
|
-
brandBackground: index_1.white,
|
19
|
-
brandBackgroundHover: index_1.selected,
|
20
|
-
brandBackgroundPressed: index_1.selected,
|
21
|
-
brandBackgroundSelected: index_1.selected,
|
22
|
-
brandBackgroundStatic: index_1.black,
|
23
|
-
};
|
24
|
-
}
|
25
|
-
exports.createBrandColorTokens = createBrandColorTokens;
|
26
|
-
function createNeutralColorTokens(customValues) {
|
27
|
-
if (customValues === void 0) { customValues = {}; }
|
28
|
-
return tslib_1.__assign({ neutralForeground1: index_1.white, neutralForeground2: index_1.white, neutralForeground2Hover: index_1.black, neutralForeground2Pressed: index_1.black, neutralForeground2Selected: index_1.black, brandForeground2Hover: index_1.black, brandForeground2Pressed: index_1.black, brandForeground2Selected: index_1.black, neutralForeground3: index_1.white, neutralForeground3Hover: index_1.black, neutralForeground3Pressed: index_1.black, neutralForeground3Selected: index_1.black, brandForeground3Hover: index_1.black, brandForeground3Pressed: index_1.black, brandForeground3Selected: index_1.black, neutralForeground4: index_1.white, neutralForegroundDisabled: index_1.disabled, brandForeground: index_1.hyperlink, brandForegroundHover: index_1.hyperlink, brandForegroundPressed: index_1.hyperlink, brandForegroundSelected: index_1.hyperlink, neutralForegroundInverted: index_1.white, neutralForegroundInvertedAccessible: index_1.black, neutralBackground1: index_1.black, neutralBackground1Hover: index_1.selected, neutralBackground1Pressed: index_1.selected, neutralBackground1Selected: index_1.selected, neutralBackground2: index_1.black, neutralBackground2Hover: index_1.selected, neutralBackground2Pressed: index_1.selected, neutralBackground2Selected: index_1.selected, neutralBackground3: index_1.black, neutralBackground3Hover: index_1.selected, neutralBackground3Pressed: index_1.selected, neutralBackground3Selected: index_1.selected, neutralBackground4: index_1.black, neutralBackground4Hover: index_1.selected, neutralBackground4Pressed: index_1.selected, neutralBackground4Selected: index_1.selected, neutralBackground5: index_1.black, neutralBackground5Hover: index_1.selected, neutralBackground5Pressed: index_1.selected, neutralBackground5Selected: index_1.selected, neutralBackground6: index_1.black, neutralBackgroundDisabled: index_1.black, neutralStrokeAccessible: index_1.white, neutralStrokeAccessibleHover: index_1.selected, neutralStrokeAccessiblePressed: index_1.selected, neutralStrokeAccessibleSelected: index_1.selected, neutralStroke1: index_1.black, neutralStroke1Hover: index_1.selected, neutralStroke1Pressed: index_1.selected, neutralStroke1Selected: index_1.selected, neutralStroke2: index_1.white, neutralStroke3: index_1.white, neutralStrokeDisabled: index_1.disabled, strokeAccessible: index_1.white, strokeAccessibleInteractive: index_1.selected, strokeAccessibleDisabled: index_1.disabled, neutralShadowAmbient: 'rgba(0,0,0,0.24)', neutralShadowKey: 'rgba(0,0,0,0.28)', neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', neutralShadowKeyLighter: 'rgba(0,0,0,0.14)', neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', neutralShadowKeyDarker: 'rgba(0,0,0,0.48)' }, customValues);
|
29
|
-
}
|
30
|
-
exports.createNeutralColorTokens = createNeutralColorTokens;
|
31
|
-
function createSharedColorTokens(customValues) {
|
32
|
-
if (customValues === void 0) { customValues = {}; }
|
33
|
-
return tslib_1.__assign({ background1: index_1.white, background2: index_1.black, background3: index_1.white, foreground1: index_1.black, foreground2: index_1.white, foreground3: index_1.white, borderActive: index_1.selected, border2: index_1.white }, customValues);
|
34
|
-
}
|
35
|
-
exports.sharedColorTokens = {
|
36
|
-
darkRed: createSharedColorTokens(),
|
37
|
-
burgundy: createSharedColorTokens(),
|
38
|
-
cranberry: createSharedColorTokens(),
|
39
|
-
red: createSharedColorTokens(),
|
40
|
-
darkOrange: createSharedColorTokens(),
|
41
|
-
bronze: createSharedColorTokens(),
|
42
|
-
pumpkin: createSharedColorTokens(),
|
43
|
-
orange: createSharedColorTokens(),
|
44
|
-
peach: createSharedColorTokens(),
|
45
|
-
marigold: createSharedColorTokens(),
|
46
|
-
yellow: createSharedColorTokens(),
|
47
|
-
gold: createSharedColorTokens(),
|
48
|
-
brass: createSharedColorTokens(),
|
49
|
-
brown: createSharedColorTokens(),
|
50
|
-
darkBrown: createSharedColorTokens(),
|
51
|
-
lime: createSharedColorTokens(),
|
52
|
-
forest: createSharedColorTokens(),
|
53
|
-
seafoam: createSharedColorTokens(),
|
54
|
-
lightGreen: createSharedColorTokens(),
|
55
|
-
green: createSharedColorTokens(),
|
56
|
-
darkGreen: createSharedColorTokens(),
|
57
|
-
lightTeal: createSharedColorTokens(),
|
58
|
-
teal: createSharedColorTokens(),
|
59
|
-
darkTeal: createSharedColorTokens(),
|
60
|
-
cyan: createSharedColorTokens(),
|
61
|
-
steel: createSharedColorTokens(),
|
62
|
-
lightBlue: createSharedColorTokens(),
|
63
|
-
blue: createSharedColorTokens(),
|
64
|
-
royalBlue: createSharedColorTokens(),
|
65
|
-
darkBlue: createSharedColorTokens(),
|
66
|
-
cornflower: createSharedColorTokens(),
|
67
|
-
navy: createSharedColorTokens(),
|
68
|
-
lavender: createSharedColorTokens(),
|
69
|
-
purple: createSharedColorTokens(),
|
70
|
-
darkPurple: createSharedColorTokens(),
|
71
|
-
orchid: createSharedColorTokens(),
|
72
|
-
grape: createSharedColorTokens(),
|
73
|
-
berry: createSharedColorTokens(),
|
74
|
-
lilac: createSharedColorTokens(),
|
75
|
-
pink: createSharedColorTokens(),
|
76
|
-
hotPink: createSharedColorTokens(),
|
77
|
-
magenta: createSharedColorTokens(),
|
78
|
-
plum: createSharedColorTokens(),
|
79
|
-
beige: createSharedColorTokens(),
|
80
|
-
mink: createSharedColorTokens(),
|
81
|
-
silver: createSharedColorTokens(),
|
82
|
-
platinum: createSharedColorTokens(),
|
83
|
-
anchor: createSharedColorTokens(),
|
84
|
-
charcoal: createSharedColorTokens(),
|
85
|
-
};
|
86
|
-
});
|
87
|
-
//# sourceMappingURL=colors.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"../src/","sources":["utils/highContrast/colors.ts"],"names":[],"mappings":";;;IASa,QAAA,iBAAiB,GAA0B;QACtD,UAAU,EAAE,KAAK;QACjB,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;KAC1B,CAAC;IAEW,QAAA,sBAAsB,GAA0B;QAC3D,UAAU,EAAE,sBAAsB;QAClC,eAAe,EAAE,sBAAsB;QACvC,iBAAiB,EAAE,sBAAsB;QACzC,kBAAkB,EAAE,sBAAsB;KAC3C,CAAC;IAEF,SAAgB,sBAAsB;QACpC,OAAO;YACL,eAAe,EAAE,aAAK;YACtB,oBAAoB,EAAE,gBAAQ;YAC9B,sBAAsB,EAAE,gBAAQ;YAChC,uBAAuB,EAAE,gBAAQ;YACjC,qBAAqB,EAAE,aAAK;SAC7B,CAAC;IACJ,CAAC;IARD,wDAQC;IAED,SAAgB,wBAAwB,CAAC,YAAyC;QAAzC,6BAAA,EAAA,iBAAyC;QAChF,0BACE,kBAAkB,EAAE,aAAK,EAEzB,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,aAAK,EAC9B,yBAAyB,EAAE,aAAK,EAChC,0BAA0B,EAAE,aAAK,EACjC,qBAAqB,EAAE,aAAK,EAC5B,uBAAuB,EAAE,aAAK,EAC9B,wBAAwB,EAAE,aAAK,EAE/B,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,aAAK,EAC9B,yBAAyB,EAAE,aAAK,EAChC,0BAA0B,EAAE,aAAK,EACjC,qBAAqB,EAAE,aAAK,EAC5B,uBAAuB,EAAE,aAAK,EAC9B,wBAAwB,EAAE,aAAK,EAE/B,kBAAkB,EAAE,aAAK,EAEzB,yBAAyB,EAAE,gBAAQ,EAEnC,eAAe,EAAE,iBAAS,EAC1B,oBAAoB,EAAE,iBAAS,EAC/B,sBAAsB,EAAE,iBAAS,EACjC,uBAAuB,EAAE,iBAAS,EAElC,yBAAyB,EAAE,aAAK,EAEhC,mCAAmC,EAAE,aAAK,EAE1C,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,gBAAQ,EACjC,yBAAyB,EAAE,gBAAQ,EACnC,0BAA0B,EAAE,gBAAQ,EAEpC,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,gBAAQ,EACjC,yBAAyB,EAAE,gBAAQ,EACnC,0BAA0B,EAAE,gBAAQ,EAEpC,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,gBAAQ,EACjC,yBAAyB,EAAE,gBAAQ,EACnC,0BAA0B,EAAE,gBAAQ,EAEpC,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,gBAAQ,EACjC,yBAAyB,EAAE,gBAAQ,EACnC,0BAA0B,EAAE,gBAAQ,EAEpC,kBAAkB,EAAE,aAAK,EACzB,uBAAuB,EAAE,gBAAQ,EACjC,yBAAyB,EAAE,gBAAQ,EACnC,0BAA0B,EAAE,gBAAQ,EAEpC,kBAAkB,EAAE,aAAK,EAEzB,yBAAyB,EAAE,aAAK,EAEhC,uBAAuB,EAAE,aAAK,EAC9B,4BAA4B,EAAE,gBAAQ,EACtC,8BAA8B,EAAE,gBAAQ,EACxC,+BAA+B,EAAE,gBAAQ,EAEzC,cAAc,EAAE,aAAK,EACrB,mBAAmB,EAAE,gBAAQ,EAC7B,qBAAqB,EAAE,gBAAQ,EAC/B,sBAAsB,EAAE,gBAAQ,EAEhC,cAAc,EAAE,aAAK,EAErB,cAAc,EAAE,aAAK,EAErB,qBAAqB,EAAE,gBAAQ,EAE/B,gBAAgB,EAAE,aAAK,EACvB,2BAA2B,EAAE,gBAAQ,EACrC,wBAAwB,EAAE,gBAAQ,EAElC,oBAAoB,EAAE,kBAAkB,EACxC,gBAAgB,EAAE,kBAAkB,EACpC,2BAA2B,EAAE,kBAAkB,EAC/C,uBAAuB,EAAE,kBAAkB,EAC3C,0BAA0B,EAAE,kBAAkB,EAC9C,sBAAsB,EAAE,kBAAkB,IAEvC,YAAY,EACf;IACJ,CAAC;IA3FD,4DA2FC;IAED,SAAS,uBAAuB,CAAC,YAA+D;QAA/D,6BAAA,EAAA,iBAA+D;QAC9F,0BACE,WAAW,EAAE,aAAK,EAClB,WAAW,EAAE,aAAK,EAClB,WAAW,EAAE,aAAK,EAClB,WAAW,EAAE,aAAK,EAClB,WAAW,EAAE,aAAK,EAClB,WAAW,EAAE,aAAK,EAClB,YAAY,EAAE,gBAAQ,EACtB,OAAO,EAAE,aAAK,IACX,YAAY,EACf;IACJ,CAAC;IAEY,QAAA,iBAAiB,GAAwD;QACpF,OAAO,EAAE,uBAAuB,EAAE;QAClC,QAAQ,EAAE,uBAAuB,EAAE;QACnC,SAAS,EAAE,uBAAuB,EAAE;QACpC,GAAG,EAAE,uBAAuB,EAAE;QAC9B,UAAU,EAAE,uBAAuB,EAAE;QACrC,MAAM,EAAE,uBAAuB,EAAE;QACjC,OAAO,EAAE,uBAAuB,EAAE;QAClC,MAAM,EAAE,uBAAuB,EAAE;QACjC,KAAK,EAAE,uBAAuB,EAAE;QAChC,QAAQ,EAAE,uBAAuB,EAAE;QACnC,MAAM,EAAE,uBAAuB,EAAE;QACjC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,KAAK,EAAE,uBAAuB,EAAE;QAChC,KAAK,EAAE,uBAAuB,EAAE;QAChC,SAAS,EAAE,uBAAuB,EAAE;QACpC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,MAAM,EAAE,uBAAuB,EAAE;QACjC,OAAO,EAAE,uBAAuB,EAAE;QAClC,UAAU,EAAE,uBAAuB,EAAE;QACrC,KAAK,EAAE,uBAAuB,EAAE;QAChC,SAAS,EAAE,uBAAuB,EAAE;QACpC,SAAS,EAAE,uBAAuB,EAAE;QACpC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,QAAQ,EAAE,uBAAuB,EAAE;QACnC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,KAAK,EAAE,uBAAuB,EAAE;QAChC,SAAS,EAAE,uBAAuB,EAAE;QACpC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,SAAS,EAAE,uBAAuB,EAAE;QACpC,QAAQ,EAAE,uBAAuB,EAAE;QACnC,UAAU,EAAE,uBAAuB,EAAE;QACrC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,QAAQ,EAAE,uBAAuB,EAAE;QACnC,MAAM,EAAE,uBAAuB,EAAE;QACjC,UAAU,EAAE,uBAAuB,EAAE;QACrC,MAAM,EAAE,uBAAuB,EAAE;QACjC,KAAK,EAAE,uBAAuB,EAAE;QAChC,KAAK,EAAE,uBAAuB,EAAE;QAChC,KAAK,EAAE,uBAAuB,EAAE;QAChC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,OAAO,EAAE,uBAAuB,EAAE;QAClC,OAAO,EAAE,uBAAuB,EAAE;QAClC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,KAAK,EAAE,uBAAuB,EAAE;QAChC,IAAI,EAAE,uBAAuB,EAAE;QAC/B,MAAM,EAAE,uBAAuB,EAAE;QACjC,QAAQ,EAAE,uBAAuB,EAAE;QACnC,MAAM,EAAE,uBAAuB,EAAE;QACjC,QAAQ,EAAE,uBAAuB,EAAE;KACpC,CAAC","sourcesContent":["import {\n NeutralColorTokens,\n SharedColorTokens,\n GlobalSharedColors,\n BackgroundColorTokens,\n BrandColorTokens,\n} from '../../types';\nimport { black, disabled, hyperlink, selected, white } from '../../global/index';\n\nexport const subtleColorTokens: BackgroundColorTokens = {\n background: 'red',\n backgroundHover: 'red',\n backgroundPressed: 'red',\n backgroundSelected: 'red',\n};\n\nexport const transparentColorTokens: BackgroundColorTokens = {\n background: 'rgba(255, 0, 0, 0.2)',\n backgroundHover: 'rgba(255, 0, 0, 0.2)',\n backgroundPressed: 'rgba(255, 0, 0, 0.2)',\n backgroundSelected: 'rgba(255, 0, 0, 0.2)',\n};\n\nexport function createBrandColorTokens(): BrandColorTokens {\n return {\n brandBackground: white,\n brandBackgroundHover: selected,\n brandBackgroundPressed: selected,\n brandBackgroundSelected: selected,\n brandBackgroundStatic: black,\n };\n}\n\nexport function createNeutralColorTokens(customValues: Record<string, string> = {}): NeutralColorTokens {\n return {\n neutralForeground1: white,\n\n neutralForeground2: white,\n neutralForeground2Hover: black,\n neutralForeground2Pressed: black,\n neutralForeground2Selected: black,\n brandForeground2Hover: black,\n brandForeground2Pressed: black,\n brandForeground2Selected: black,\n\n neutralForeground3: white,\n neutralForeground3Hover: black,\n neutralForeground3Pressed: black,\n neutralForeground3Selected: black,\n brandForeground3Hover: black,\n brandForeground3Pressed: black,\n brandForeground3Selected: black,\n\n neutralForeground4: white,\n\n neutralForegroundDisabled: disabled,\n\n brandForeground: hyperlink,\n brandForegroundHover: hyperlink,\n brandForegroundPressed: hyperlink,\n brandForegroundSelected: hyperlink,\n\n neutralForegroundInverted: white,\n\n neutralForegroundInvertedAccessible: black,\n\n neutralBackground1: black,\n neutralBackground1Hover: selected,\n neutralBackground1Pressed: selected,\n neutralBackground1Selected: selected,\n\n neutralBackground2: black,\n neutralBackground2Hover: selected,\n neutralBackground2Pressed: selected,\n neutralBackground2Selected: selected,\n\n neutralBackground3: black,\n neutralBackground3Hover: selected,\n neutralBackground3Pressed: selected,\n neutralBackground3Selected: selected,\n\n neutralBackground4: black,\n neutralBackground4Hover: selected,\n neutralBackground4Pressed: selected,\n neutralBackground4Selected: selected,\n\n neutralBackground5: black,\n neutralBackground5Hover: selected,\n neutralBackground5Pressed: selected,\n neutralBackground5Selected: selected,\n\n neutralBackground6: black,\n\n neutralBackgroundDisabled: black,\n\n neutralStrokeAccessible: white,\n neutralStrokeAccessibleHover: selected,\n neutralStrokeAccessiblePressed: selected,\n neutralStrokeAccessibleSelected: selected,\n\n neutralStroke1: black,\n neutralStroke1Hover: selected,\n neutralStroke1Pressed: selected,\n neutralStroke1Selected: selected,\n\n neutralStroke2: white,\n\n neutralStroke3: white,\n\n neutralStrokeDisabled: disabled,\n\n strokeAccessible: white,\n strokeAccessibleInteractive: selected,\n strokeAccessibleDisabled: disabled,\n\n neutralShadowAmbient: 'rgba(0,0,0,0.24)',\n neutralShadowKey: 'rgba(0,0,0,0.28)',\n neutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n neutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n neutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n neutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n\n ...customValues,\n };\n}\n\nfunction createSharedColorTokens(customValues: { [P in keyof NeutralColorTokens]?: string } = {}): SharedColorTokens {\n return {\n background1: white,\n background2: black,\n background3: white,\n foreground1: black,\n foreground2: white,\n foreground3: white,\n borderActive: selected,\n border2: white,\n ...customValues,\n };\n}\n\nexport const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens> = {\n darkRed: createSharedColorTokens(),\n burgundy: createSharedColorTokens(),\n cranberry: createSharedColorTokens(),\n red: createSharedColorTokens(),\n darkOrange: createSharedColorTokens(),\n bronze: createSharedColorTokens(),\n pumpkin: createSharedColorTokens(),\n orange: createSharedColorTokens(),\n peach: createSharedColorTokens(),\n marigold: createSharedColorTokens(),\n yellow: createSharedColorTokens(),\n gold: createSharedColorTokens(),\n brass: createSharedColorTokens(),\n brown: createSharedColorTokens(),\n darkBrown: createSharedColorTokens(),\n lime: createSharedColorTokens(),\n forest: createSharedColorTokens(),\n seafoam: createSharedColorTokens(),\n lightGreen: createSharedColorTokens(),\n green: createSharedColorTokens(),\n darkGreen: createSharedColorTokens(),\n lightTeal: createSharedColorTokens(),\n teal: createSharedColorTokens(),\n darkTeal: createSharedColorTokens(),\n cyan: createSharedColorTokens(),\n steel: createSharedColorTokens(),\n lightBlue: createSharedColorTokens(),\n blue: createSharedColorTokens(),\n royalBlue: createSharedColorTokens(),\n darkBlue: createSharedColorTokens(),\n cornflower: createSharedColorTokens(),\n navy: createSharedColorTokens(),\n lavender: createSharedColorTokens(),\n purple: createSharedColorTokens(),\n darkPurple: createSharedColorTokens(),\n orchid: createSharedColorTokens(),\n grape: createSharedColorTokens(),\n berry: createSharedColorTokens(),\n lilac: createSharedColorTokens(),\n pink: createSharedColorTokens(),\n hotPink: createSharedColorTokens(),\n magenta: createSharedColorTokens(),\n plum: createSharedColorTokens(),\n beige: createSharedColorTokens(),\n mink: createSharedColorTokens(), // TODO naming iteration -> clashing with grey\n silver: createSharedColorTokens(),\n platinum: createSharedColorTokens(),\n anchor: createSharedColorTokens(),\n charcoal: createSharedColorTokens(),\n};\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './colors';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/highContrast/index.ts"],"names":[],"mappings":";;;IAAA,wCAAyB","sourcesContent":["export * from './colors';\n"]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { NeutralColorTokens, SharedColorTokens, ColorVariants, GlobalSharedColors, BackgroundColorTokens, BrandVariants, BrandColorTokens } from '../../types';
|
2
|
-
export declare const subtleColorTokens: BackgroundColorTokens;
|
3
|
-
export declare const transparentColorTokens: BackgroundColorTokens;
|
4
|
-
export declare function createBrandColorTokens(brand: BrandVariants): BrandColorTokens;
|
5
|
-
export declare function createNeutralColorTokens(brand: ColorVariants, customValues?: {
|
6
|
-
[P in keyof NeutralColorTokens]?: string;
|
7
|
-
}): NeutralColorTokens;
|
8
|
-
export declare const sharedColorTokens: Record<keyof GlobalSharedColors, SharedColorTokens>;
|