@fluentui/react-theme 9.0.0-alpha.24 → 9.0.0-alpha.26
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 +24 -1
- package/CHANGELOG.md +11 -2
- package/dist/react-theme.d.ts +163 -353
- package/lib/alias/dark.d.ts +3 -3
- package/lib/alias/dark.js +113 -119
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.d.ts +3 -3
- package/lib/alias/highContrast.js +113 -119
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.d.ts +3 -3
- package/lib/alias/light.js +113 -119
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.d.ts +3 -3
- package/lib/alias/teamsDark.js +113 -119
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/borderRadius.d.ts +2 -2
- package/lib/global/borderRadius.js +6 -6
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -2
- package/lib/global/brandColors.js +0 -4
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/fonts.d.ts +5 -6
- package/lib/global/fonts.js +26 -40
- 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 +4 -4
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.js +0 -2
- package/lib/index.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -2
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/web/highContrastTheme.js +1 -2
- package/lib/themes/web/highContrastTheme.js.map +1 -1
- package/lib/types.d.ts +153 -203
- package/lib/utils/createDarkTheme.js +5 -15
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.d.ts +2 -2
- package/lib/utils/createHighContrastTheme.js +6 -16
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +5 -15
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +5 -15
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/mergeThemes.d.ts +0 -6
- package/lib/utils/mergeThemes.js +3 -60
- package/lib/utils/mergeThemes.js.map +1 -1
- package/lib/utils/shadows.d.ts +2 -2
- package/lib/utils/shadows.js +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib/utils/themeToCSSVariables.d.ts +1 -1
- package/lib/utils/themeToCSSVariables.js +5 -22
- package/lib/utils/themeToCSSVariables.js.map +1 -1
- package/lib-commonjs/alias/dark.d.ts +3 -3
- package/lib-commonjs/alias/dark.js +116 -123
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.d.ts +3 -3
- package/lib-commonjs/alias/highContrast.js +116 -123
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.d.ts +3 -3
- package/lib-commonjs/alias/light.js +116 -123
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.d.ts +3 -3
- package/lib-commonjs/alias/teamsDark.js +116 -123
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/borderRadius.d.ts +2 -2
- package/lib-commonjs/global/borderRadius.js +6 -6
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -2
- package/lib-commonjs/global/brandColors.js +1 -5
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/fonts.d.ts +5 -6
- package/lib-commonjs/global/fonts.js +27 -41
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.d.ts +0 -1
- package/lib-commonjs/global/index.js +0 -2
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.d.ts +2 -2
- package/lib-commonjs/global/strokeWidths.js +4 -4
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -2
- package/lib-commonjs/index.js +0 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/web/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/web/highContrastTheme.js.map +1 -1
- package/lib-commonjs/types.d.ts +153 -203
- package/lib-commonjs/utils/createDarkTheme.js +4 -15
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +2 -2
- package/lib-commonjs/utils/createHighContrastTheme.js +5 -16
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +4 -15
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +4 -15
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -6
- package/lib-commonjs/utils/mergeThemes.js +4 -61
- package/lib-commonjs/utils/mergeThemes.js.map +1 -1
- package/lib-commonjs/utils/shadows.d.ts +2 -2
- package/lib-commonjs/utils/shadows.js +3 -3
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +1 -1
- package/lib-commonjs/utils/themeToCSSVariables.js +5 -22
- package/lib-commonjs/utils/themeToCSSVariables.js.map +1 -1
- package/package.json +1 -1
- package/lib/global/utils.d.ts +0 -2
- package/lib/global/utils.js +0 -37
- package/lib/global/utils.js.map +0 -1
- package/lib-commonjs/global/utils.d.ts +0 -2
- package/lib-commonjs/global/utils.js +0 -51
- package/lib-commonjs/global/utils.js.map +0 -1
@@ -3,133 +3,126 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.colorPaletteTokens = exports.generateColorTokens = void 0;
|
7
7
|
|
8
|
-
var
|
8
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
+
|
10
|
+
var colors_1 = /*#__PURE__*/require("../global/colors");
|
11
|
+
|
12
|
+
var generateColorTokens = function (brand) {
|
9
13
|
return {
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
14
|
+
colorNeutralForeground1: colors_1.grey[14],
|
15
|
+
colorNeutralForeground2: colors_1.grey[26],
|
16
|
+
colorNeutralForeground2Hover: colors_1.grey[14],
|
17
|
+
colorNeutralForeground2Pressed: colors_1.grey[14],
|
18
|
+
colorNeutralForeground2Selected: colors_1.grey[14],
|
19
|
+
colorNeutralForeground2BrandHover: brand.primary,
|
20
|
+
colorNeutralForeground2BrandPressed: brand.shade10,
|
21
|
+
colorNeutralForeground2BrandSelected: brand.primary,
|
22
|
+
colorNeutralForeground3: colors_1.grey[38],
|
23
|
+
colorNeutralForeground3Hover: colors_1.grey[26],
|
24
|
+
colorNeutralForeground3Pressed: colors_1.grey[26],
|
25
|
+
colorNeutralForeground3Selected: colors_1.grey[26],
|
26
|
+
colorNeutralForeground3BrandHover: brand.primary,
|
27
|
+
colorNeutralForeground3BrandPressed: brand.shade10,
|
28
|
+
colorNeutralForeground3BrandSelected: brand.primary,
|
29
|
+
colorNeutralForeground4: colors_1.grey[44],
|
30
|
+
colorNeutralForegroundDisabled: colors_1.grey[74],
|
31
|
+
colorBrandForegroundLink: brand.shade10,
|
32
|
+
colorBrandForegroundLinkHover: brand.shade20,
|
33
|
+
colorBrandForegroundLinkPressed: brand.shade40,
|
34
|
+
colorBrandForegroundLinkSelected: brand.shade10,
|
35
|
+
colorCompoundBrandForeground1: brand.primary,
|
36
|
+
colorCompoundBrandForeground1Hover: brand.shade10,
|
37
|
+
colorCompoundBrandForeground1Pressed: brand.shade20,
|
38
|
+
colorBrandForeground1: brand.primary,
|
39
|
+
colorBrandForeground2: brand.shade10,
|
40
|
+
colorNeutralForegroundInverted: colors_1.white,
|
41
|
+
colorNeutralForegroundOnBrand: colors_1.white,
|
42
|
+
colorNeutralForegroundInvertedLink: colors_1.white,
|
43
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
44
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
45
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
46
|
+
colorNeutralBackground1: colors_1.white,
|
47
|
+
colorNeutralBackground1Hover: colors_1.grey[96],
|
48
|
+
colorNeutralBackground1Pressed: colors_1.grey[88],
|
49
|
+
colorNeutralBackground1Selected: colors_1.grey[92],
|
50
|
+
colorNeutralBackground2: colors_1.grey[98],
|
51
|
+
colorNeutralBackground2Hover: colors_1.grey[94],
|
52
|
+
colorNeutralBackground2Pressed: colors_1.grey[86],
|
53
|
+
colorNeutralBackground2Selected: colors_1.grey[90],
|
54
|
+
colorNeutralBackground3: colors_1.grey[96],
|
55
|
+
colorNeutralBackground3Hover: colors_1.grey[92],
|
56
|
+
colorNeutralBackground3Pressed: colors_1.grey[84],
|
57
|
+
colorNeutralBackground3Selected: colors_1.grey[88],
|
58
|
+
colorNeutralBackground4: colors_1.grey[94],
|
59
|
+
colorNeutralBackground4Hover: colors_1.grey[98],
|
60
|
+
colorNeutralBackground4Pressed: colors_1.grey[96],
|
61
|
+
colorNeutralBackground4Selected: colors_1.white,
|
62
|
+
colorNeutralBackground5: colors_1.grey[92],
|
63
|
+
colorNeutralBackground5Hover: colors_1.grey[96],
|
64
|
+
colorNeutralBackground5Pressed: colors_1.grey[94],
|
65
|
+
colorNeutralBackground5Selected: colors_1.grey[98],
|
66
|
+
colorNeutralBackground6: colors_1.grey[90],
|
67
|
+
colorNeutralBackgroundInverted: colors_1.grey[38],
|
68
|
+
colorSubtleBackground: 'transparent',
|
69
|
+
colorSubtleBackgroundHover: colors_1.grey[96],
|
70
|
+
colorSubtleBackgroundPressed: colors_1.grey[88],
|
71
|
+
colorSubtleBackgroundSelected: colors_1.grey[92],
|
72
|
+
colorTransparentBackground: 'transparent',
|
73
|
+
colorTransparentBackgroundHover: 'transparent',
|
74
|
+
colorTransparentBackgroundPressed: 'transparent',
|
75
|
+
colorTransparentBackgroundSelected: 'transparent',
|
76
|
+
colorNeutralBackgroundDisabled: colors_1.grey[94],
|
77
|
+
colorNeutralStencil1: colors_1.grey[90],
|
78
|
+
colorNeutralStencil2: colors_1.grey[98],
|
79
|
+
colorBrandBackground: brand.primary,
|
80
|
+
colorBrandBackgroundHover: brand.shade10,
|
81
|
+
colorBrandBackgroundPressed: brand.shade40,
|
82
|
+
colorBrandBackgroundSelected: brand.shade20,
|
83
|
+
colorCompoundBrandBackground: brand.primary,
|
84
|
+
colorCompoundBrandBackgroundHover: brand.shade10,
|
85
|
+
colorCompoundBrandBackgroundPressed: brand.shade20,
|
86
|
+
colorBrandBackgroundStatic: brand.primary,
|
87
|
+
colorBrandBackground2: brand.tint60,
|
88
|
+
colorNeutralStrokeAccessible: colors_1.grey[38],
|
89
|
+
colorNeutralStrokeAccessibleHover: colors_1.grey[34],
|
90
|
+
colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
|
91
|
+
colorNeutralStrokeAccessibleSelected: brand.primary,
|
92
|
+
colorNeutralStroke1: colors_1.grey[82],
|
93
|
+
colorNeutralStroke1Hover: colors_1.grey[78],
|
94
|
+
colorNeutralStroke1Pressed: colors_1.grey[70],
|
95
|
+
colorNeutralStroke1Selected: colors_1.grey[74],
|
96
|
+
colorNeutralStroke2: colors_1.grey[88],
|
97
|
+
colorNeutralStroke3: colors_1.grey[94],
|
98
|
+
colorBrandStroke1: brand.primary,
|
99
|
+
colorBrandStroke2: brand.tint40,
|
100
|
+
colorCompoundBrandStroke: brand.primary,
|
101
|
+
colorCompoundBrandStrokeHover: brand.shade10,
|
102
|
+
colorCompoundBrandStrokePressed: brand.shade20,
|
103
|
+
colorNeutralStrokeDisabled: colors_1.grey[88],
|
104
|
+
colorTransparentStroke: 'transparent',
|
105
|
+
colorTransparentStrokeInteractive: 'transparent',
|
106
|
+
colorTransparentStrokeDisabled: 'transparent',
|
107
|
+
colorStrokeFocus1: colors_1.white,
|
108
|
+
colorStrokeFocus2: colors_1.black,
|
109
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
|
110
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
|
111
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
|
112
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
|
113
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
114
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
115
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
116
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
113
117
|
};
|
114
118
|
};
|
115
119
|
|
116
|
-
exports.
|
117
|
-
|
118
|
-
var
|
119
|
-
return Object.keys(globalSharedTokens).reduce(function (acc, sharedColor) {
|
120
|
-
acc[sharedColor] = {
|
121
|
-
background1: globalSharedTokens[sharedColor].tint60,
|
122
|
-
background2: globalSharedTokens[sharedColor].tint40,
|
123
|
-
background3: globalSharedTokens[sharedColor].primary,
|
124
|
-
foreground1: globalSharedTokens[sharedColor].shade10,
|
125
|
-
foreground2: globalSharedTokens[sharedColor].shade30,
|
126
|
-
foreground3: globalSharedTokens[sharedColor].primary,
|
127
|
-
borderActive: globalSharedTokens[sharedColor].primary,
|
128
|
-
border2: globalSharedTokens[sharedColor].primary
|
129
|
-
};
|
130
|
-
return acc;
|
131
|
-
}, {});
|
132
|
-
};
|
120
|
+
exports.generateColorTokens = generateColorTokens;
|
121
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
|
122
|
+
var _a;
|
133
123
|
|
134
|
-
|
124
|
+
var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
125
|
+
var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].tint60, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].shade10, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].primary, _a);
|
126
|
+
return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
|
127
|
+
}, {});
|
135
128
|
//# sourceMappingURL=light.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/light.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../src/alias/light.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,3 +1,3 @@
|
|
1
|
-
import type {
|
2
|
-
export declare const
|
3
|
-
export declare const
|
1
|
+
import type { BrandVariants, ColorTokens, ColorPaletteTokens } from '../types';
|
2
|
+
export declare const generateColorTokens: (brand: BrandVariants) => ColorTokens;
|
3
|
+
export declare const colorPaletteTokens: ColorPaletteTokens;
|
@@ -3,133 +3,126 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.colorPaletteTokens = exports.generateColorTokens = void 0;
|
7
7
|
|
8
|
-
var
|
8
|
+
var tslib_1 = /*#__PURE__*/require("tslib");
|
9
|
+
|
10
|
+
var colors_1 = /*#__PURE__*/require("../global/colors");
|
11
|
+
|
12
|
+
var generateColorTokens = function (brand) {
|
9
13
|
return {
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
14
|
+
colorNeutralForeground1: colors_1.white,
|
15
|
+
colorNeutralForeground2: colors_1.grey[84],
|
16
|
+
colorNeutralForeground2Hover: colors_1.white,
|
17
|
+
colorNeutralForeground2Pressed: colors_1.white,
|
18
|
+
colorNeutralForeground2Selected: colors_1.white,
|
19
|
+
colorNeutralForeground2BrandHover: brand.tint20,
|
20
|
+
colorNeutralForeground2BrandPressed: brand.tint10,
|
21
|
+
colorNeutralForeground2BrandSelected: brand.tint20,
|
22
|
+
colorNeutralForeground3: colors_1.grey[68],
|
23
|
+
colorNeutralForeground3Hover: colors_1.grey[84],
|
24
|
+
colorNeutralForeground3Pressed: colors_1.grey[84],
|
25
|
+
colorNeutralForeground3Selected: colors_1.grey[84],
|
26
|
+
colorNeutralForeground3BrandHover: brand.tint20,
|
27
|
+
colorNeutralForeground3BrandPressed: brand.tint10,
|
28
|
+
colorNeutralForeground3BrandSelected: brand.tint20,
|
29
|
+
colorNeutralForeground4: colors_1.grey[60],
|
30
|
+
colorNeutralForegroundDisabled: colors_1.grey[36],
|
31
|
+
colorBrandForegroundLink: brand.tint10,
|
32
|
+
colorBrandForegroundLinkHover: brand.tint30,
|
33
|
+
colorBrandForegroundLinkPressed: brand.tint20,
|
34
|
+
colorBrandForegroundLinkSelected: brand.tint10,
|
35
|
+
colorCompoundBrandForeground1: brand.tint10,
|
36
|
+
colorCompoundBrandForeground1Hover: brand.tint20,
|
37
|
+
colorCompoundBrandForeground1Pressed: brand.primary,
|
38
|
+
colorBrandForeground1: brand.tint20,
|
39
|
+
colorBrandForeground2: brand.tint30,
|
40
|
+
colorNeutralForegroundInverted: colors_1.white,
|
41
|
+
colorNeutralForegroundOnBrand: colors_1.white,
|
42
|
+
colorNeutralForegroundInvertedLink: colors_1.white,
|
43
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
44
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
45
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
46
|
+
colorNeutralBackground1: colors_1.grey[16],
|
47
|
+
colorNeutralBackground1Hover: colors_1.grey[24],
|
48
|
+
colorNeutralBackground1Pressed: colors_1.grey[12],
|
49
|
+
colorNeutralBackground1Selected: colors_1.grey[22],
|
50
|
+
colorNeutralBackground2: colors_1.grey[14],
|
51
|
+
colorNeutralBackground2Hover: colors_1.grey[22],
|
52
|
+
colorNeutralBackground2Pressed: colors_1.grey[10],
|
53
|
+
colorNeutralBackground2Selected: colors_1.grey[20],
|
54
|
+
colorNeutralBackground3: colors_1.grey[12],
|
55
|
+
colorNeutralBackground3Hover: colors_1.grey[20],
|
56
|
+
colorNeutralBackground3Pressed: colors_1.grey[8],
|
57
|
+
colorNeutralBackground3Selected: colors_1.grey[18],
|
58
|
+
colorNeutralBackground4: colors_1.grey[8],
|
59
|
+
colorNeutralBackground4Hover: colors_1.grey[16],
|
60
|
+
colorNeutralBackground4Pressed: colors_1.grey[4],
|
61
|
+
colorNeutralBackground4Selected: colors_1.grey[14],
|
62
|
+
colorNeutralBackground5: colors_1.grey[4],
|
63
|
+
colorNeutralBackground5Hover: colors_1.grey[12],
|
64
|
+
colorNeutralBackground5Pressed: colors_1.black,
|
65
|
+
colorNeutralBackground5Selected: colors_1.grey[10],
|
66
|
+
colorNeutralBackground6: colors_1.grey[20],
|
67
|
+
colorNeutralBackgroundInverted: colors_1.white,
|
68
|
+
colorSubtleBackground: 'transparent',
|
69
|
+
colorSubtleBackgroundHover: colors_1.grey[22],
|
70
|
+
colorSubtleBackgroundPressed: colors_1.grey[18],
|
71
|
+
colorSubtleBackgroundSelected: colors_1.grey[20],
|
72
|
+
colorTransparentBackground: 'transparent',
|
73
|
+
colorTransparentBackgroundHover: 'transparent',
|
74
|
+
colorTransparentBackgroundPressed: 'transparent',
|
75
|
+
colorTransparentBackgroundSelected: 'transparent',
|
76
|
+
colorNeutralBackgroundDisabled: colors_1.grey[8],
|
77
|
+
colorNeutralStencil1: colors_1.grey[20],
|
78
|
+
colorNeutralStencil2: colors_1.grey[34],
|
79
|
+
colorBrandBackground: brand.shade10,
|
80
|
+
colorBrandBackgroundHover: brand.primary,
|
81
|
+
colorBrandBackgroundPressed: brand.shade40,
|
82
|
+
colorBrandBackgroundSelected: brand.shade20,
|
83
|
+
colorCompoundBrandBackground: brand.tint10,
|
84
|
+
colorCompoundBrandBackgroundHover: brand.tint20,
|
85
|
+
colorCompoundBrandBackgroundPressed: brand.primary,
|
86
|
+
colorBrandBackgroundStatic: brand.primary,
|
87
|
+
colorBrandBackground2: brand.shade40,
|
88
|
+
colorNeutralStrokeAccessible: colors_1.grey[68],
|
89
|
+
colorNeutralStrokeAccessibleHover: colors_1.grey[74],
|
90
|
+
colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
|
91
|
+
colorNeutralStrokeAccessibleSelected: brand.tint20,
|
92
|
+
colorNeutralStroke1: colors_1.grey[40],
|
93
|
+
colorNeutralStroke1Hover: colors_1.grey[46],
|
94
|
+
colorNeutralStroke1Pressed: colors_1.grey[42],
|
95
|
+
colorNeutralStroke1Selected: colors_1.grey[44],
|
96
|
+
colorNeutralStroke2: colors_1.grey[32],
|
97
|
+
colorNeutralStroke3: colors_1.grey[24],
|
98
|
+
colorBrandStroke1: brand.tint10,
|
99
|
+
colorBrandStroke2: brand.shade30,
|
100
|
+
colorCompoundBrandStroke: brand.tint10,
|
101
|
+
colorCompoundBrandStrokeHover: brand.tint20,
|
102
|
+
colorCompoundBrandStrokePressed: brand.primary,
|
103
|
+
colorNeutralStrokeDisabled: colors_1.grey[26],
|
104
|
+
colorTransparentStroke: 'transparent',
|
105
|
+
colorTransparentStrokeInteractive: 'transparent',
|
106
|
+
colorTransparentStrokeDisabled: 'transparent',
|
107
|
+
colorStrokeFocus1: colors_1.black,
|
108
|
+
colorStrokeFocus2: colors_1.white,
|
109
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
110
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
111
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
112
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
113
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
114
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
115
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
116
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
113
117
|
};
|
114
118
|
};
|
115
119
|
|
116
|
-
exports.
|
117
|
-
|
118
|
-
var
|
119
|
-
return Object.keys(globalSharedTokens).reduce(function (acc, sharedColor) {
|
120
|
-
acc[sharedColor] = {
|
121
|
-
background1: globalSharedTokens[sharedColor].shade40,
|
122
|
-
background2: globalSharedTokens[sharedColor].shade30,
|
123
|
-
background3: globalSharedTokens[sharedColor].primary,
|
124
|
-
foreground1: globalSharedTokens[sharedColor].tint30,
|
125
|
-
foreground2: globalSharedTokens[sharedColor].tint40,
|
126
|
-
foreground3: globalSharedTokens[sharedColor].tint20,
|
127
|
-
borderActive: globalSharedTokens[sharedColor].tint30,
|
128
|
-
border2: globalSharedTokens[sharedColor].tint20
|
129
|
-
};
|
130
|
-
return acc;
|
131
|
-
}, {});
|
132
|
-
};
|
120
|
+
exports.generateColorTokens = generateColorTokens;
|
121
|
+
exports.colorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.sharedColors).reduce(function (acc, sharedColor) {
|
122
|
+
var _a;
|
133
123
|
|
134
|
-
|
124
|
+
var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
125
|
+
var sharedColorTokens = (_a = {}, _a["colorPalette" + color + "Background1"] = colors_1.sharedColors[sharedColor].shade40, _a["colorPalette" + color + "Background2"] = colors_1.sharedColors[sharedColor].shade30, _a["colorPalette" + color + "Background3"] = colors_1.sharedColors[sharedColor].primary, _a["colorPalette" + color + "Foreground1"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Foreground2"] = colors_1.sharedColors[sharedColor].tint40, _a["colorPalette" + color + "Foreground3"] = colors_1.sharedColors[sharedColor].tint20, _a["colorPalette" + color + "BorderActive"] = colors_1.sharedColors[sharedColor].tint30, _a["colorPalette" + color + "Border2"] = colors_1.sharedColors[sharedColor].tint20, _a);
|
126
|
+
return tslib_1.__assign(tslib_1.__assign({}, acc), sharedColorTokens);
|
127
|
+
}, {});
|
135
128
|
//# sourceMappingURL=teamsDark.js.map
|