@fluentui/react-theme 0.0.0-nightlyd3bf09bf8120211201.1 → 0.0.0-nightlye1926bfeca20220204.1
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 +60 -4
- package/CHANGELOG.md +11 -5
- package/dist/react-theme.d.ts +65 -72
- package/lib/alias/dark.js +46 -43
- package/lib/alias/dark.js.map +1 -1
- package/lib/alias/highContrast.js +7 -4
- package/lib/alias/highContrast.js.map +1 -1
- package/lib/alias/light.js +45 -42
- package/lib/alias/light.js.map +1 -1
- package/lib/alias/teamsDark.js +46 -43
- package/lib/alias/teamsDark.js.map +1 -1
- package/lib/global/brandColors.d.ts +1 -0
- package/lib/global/brandColors.js +50 -27
- package/lib/global/brandColors.js.map +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.d.ts +10 -0
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/tokens.d.ts +2 -0
- package/lib/tokens.js +687 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.d.ts +52 -77
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/alias/dark.js +46 -43
- package/lib-commonjs/alias/dark.js.map +1 -1
- package/lib-commonjs/alias/highContrast.js +6 -3
- package/lib-commonjs/alias/highContrast.js.map +1 -1
- package/lib-commonjs/alias/light.js +45 -42
- package/lib-commonjs/alias/light.js.map +1 -1
- package/lib-commonjs/alias/teamsDark.js +46 -43
- package/lib-commonjs/alias/teamsDark.js.map +1 -1
- package/lib-commonjs/global/brandColors.d.ts +1 -0
- package/lib-commonjs/global/brandColors.js +51 -28
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/index.d.ts +3 -1
- package/lib-commonjs/index.js +19 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.d.ts +10 -0
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/tokens.d.ts +2 -0
- package/lib-commonjs/tokens.js +693 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.d.ts +52 -77
- package/lib-commonjs/utils/index.d.ts +0 -1
- package/lib-commonjs/utils/index.js +0 -10
- package/lib-commonjs/utils/index.js.map +1 -1
- package/package.json +3 -3
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -15
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, black } from '../global/colors';
|
2
2
|
export const generateColorTokens = () => ({
|
3
3
|
colorNeutralForeground1: hcCanvasText,
|
4
4
|
colorNeutralForeground1Hover: hcHighlightText,
|
@@ -30,6 +30,7 @@ export const generateColorTokens = () => ({
|
|
30
30
|
colorCompoundBrandForeground1Pressed: hcHighlight,
|
31
31
|
colorBrandForeground1: hcCanvasText,
|
32
32
|
colorBrandForeground2: hcButtonText,
|
33
|
+
colorNeutralForeground1Static: hcCanvas,
|
33
34
|
colorNeutralForegroundInverted: hcCanvasText,
|
34
35
|
colorNeutralForegroundInvertedHover: hcHighlightText,
|
35
36
|
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
@@ -85,8 +86,8 @@ export const generateColorTokens = () => ({
|
|
85
86
|
colorTransparentBackgroundSelected: hcHighlight,
|
86
87
|
colorNeutralBackgroundDisabled: hcCanvas,
|
87
88
|
colorNeutralBackgroundInvertedDisabled: hcCanvas,
|
88
|
-
colorNeutralStencil1:
|
89
|
-
colorNeutralStencil2:
|
89
|
+
colorNeutralStencil1: hcCanvasText,
|
90
|
+
colorNeutralStencil2: hcCanvasText,
|
90
91
|
colorBrandBackground: hcButtonFace,
|
91
92
|
colorBrandBackgroundHover: hcHighlight,
|
92
93
|
colorBrandBackgroundPressed: hcHighlight,
|
@@ -134,7 +135,8 @@ export const generateColorTokens = () => ({
|
|
134
135
|
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
135
136
|
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
136
137
|
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
137
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
|
+
|
138
140
|
});
|
139
141
|
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
140
142
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
@@ -146,6 +148,7 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(
|
|
146
148
|
[`colorPalette${color}Foreground2`]: white,
|
147
149
|
[`colorPalette${color}Foreground3`]: white,
|
148
150
|
[`colorPalette${color}BorderActive`]: hcHighlight,
|
151
|
+
[`colorPalette${color}Border1`]: white,
|
149
152
|
[`colorPalette${color}Border2`]: white
|
150
153
|
};
|
151
154
|
return { ...acc,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/highContrast.ts"],"names":[],"mappings":"AAAA,SACE,
|
1
|
+
{"version":3,"sources":["../../src/alias/highContrast.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib/alias/light.js
CHANGED
@@ -8,28 +8,29 @@ export const generateColorTokens = brand => ({
|
|
8
8
|
colorNeutralForeground2Hover: grey[14],
|
9
9
|
colorNeutralForeground2Pressed: grey[14],
|
10
10
|
colorNeutralForeground2Selected: grey[14],
|
11
|
-
colorNeutralForeground2BrandHover: brand
|
12
|
-
colorNeutralForeground2BrandPressed: brand
|
13
|
-
colorNeutralForeground2BrandSelected: brand
|
11
|
+
colorNeutralForeground2BrandHover: brand[80],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[70],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[80],
|
14
14
|
colorNeutralForeground3: grey[38],
|
15
15
|
colorNeutralForeground3Hover: grey[26],
|
16
16
|
colorNeutralForeground3Pressed: grey[26],
|
17
17
|
colorNeutralForeground3Selected: grey[26],
|
18
|
-
colorNeutralForeground3BrandHover: brand
|
19
|
-
colorNeutralForeground3BrandPressed: brand
|
20
|
-
colorNeutralForeground3BrandSelected: brand
|
18
|
+
colorNeutralForeground3BrandHover: brand[80],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[70],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[80],
|
21
21
|
colorNeutralForeground4: grey[44],
|
22
22
|
colorNeutralForegroundDisabled: grey[74],
|
23
23
|
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
-
colorBrandForegroundLink: brand
|
25
|
-
colorBrandForegroundLinkHover: brand
|
26
|
-
colorBrandForegroundLinkPressed: brand
|
27
|
-
colorBrandForegroundLinkSelected: brand
|
28
|
-
colorCompoundBrandForeground1: brand
|
29
|
-
colorCompoundBrandForeground1Hover: brand
|
30
|
-
colorCompoundBrandForeground1Pressed: brand
|
31
|
-
colorBrandForeground1: brand
|
32
|
-
colorBrandForeground2: brand
|
24
|
+
colorBrandForegroundLink: brand[70],
|
25
|
+
colorBrandForegroundLinkHover: brand[60],
|
26
|
+
colorBrandForegroundLinkPressed: brand[40],
|
27
|
+
colorBrandForegroundLinkSelected: brand[70],
|
28
|
+
colorCompoundBrandForeground1: brand[80],
|
29
|
+
colorCompoundBrandForeground1Hover: brand[70],
|
30
|
+
colorCompoundBrandForeground1Pressed: brand[60],
|
31
|
+
colorBrandForeground1: brand[80],
|
32
|
+
colorBrandForeground2: brand[70],
|
33
|
+
colorNeutralForeground1Static: grey[14],
|
33
34
|
colorNeutralForegroundInverted: white,
|
34
35
|
colorNeutralForegroundInvertedHover: white,
|
35
36
|
colorNeutralForegroundInvertedPressed: white,
|
@@ -39,13 +40,13 @@ export const generateColorTokens = brand => ({
|
|
39
40
|
colorNeutralForegroundInvertedLinkHover: white,
|
40
41
|
colorNeutralForegroundInvertedLinkPressed: white,
|
41
42
|
colorNeutralForegroundInvertedLinkSelected: white,
|
42
|
-
colorBrandForegroundInverted: brand
|
43
|
-
colorBrandForegroundInvertedHover: brand
|
44
|
-
colorBrandForegroundInvertedPressed: brand
|
45
|
-
colorBrandForegroundOnLight: brand
|
46
|
-
colorBrandForegroundOnLightHover: brand
|
47
|
-
colorBrandForegroundOnLightPressed: brand
|
48
|
-
colorBrandForegroundOnLightSelected: brand
|
43
|
+
colorBrandForegroundInverted: brand[100],
|
44
|
+
colorBrandForegroundInvertedHover: brand[110],
|
45
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
46
|
+
colorBrandForegroundOnLight: brand[80],
|
47
|
+
colorBrandForegroundOnLightHover: brand[70],
|
48
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
49
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
49
50
|
colorNeutralBackground1: white,
|
50
51
|
colorNeutralBackground1Hover: grey[96],
|
51
52
|
colorNeutralBackground1Pressed: grey[88],
|
@@ -67,7 +68,7 @@ export const generateColorTokens = brand => ({
|
|
67
68
|
colorNeutralBackground5Pressed: grey[94],
|
68
69
|
colorNeutralBackground5Selected: grey[98],
|
69
70
|
colorNeutralBackground6: grey[90],
|
70
|
-
colorNeutralBackgroundInverted: grey[
|
71
|
+
colorNeutralBackgroundInverted: grey[38],
|
71
72
|
colorSubtleBackground: 'transparent',
|
72
73
|
colorSubtleBackgroundHover: grey[96],
|
73
74
|
colorSubtleBackgroundPressed: grey[88],
|
@@ -87,23 +88,23 @@ export const generateColorTokens = brand => ({
|
|
87
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
88
89
|
colorNeutralStencil1: grey[90],
|
89
90
|
colorNeutralStencil2: grey[98],
|
90
|
-
colorBrandBackground: brand
|
91
|
-
colorBrandBackgroundHover: brand
|
92
|
-
colorBrandBackgroundPressed: brand
|
93
|
-
colorBrandBackgroundSelected: brand
|
94
|
-
colorCompoundBrandBackground: brand
|
95
|
-
colorCompoundBrandBackgroundHover: brand
|
96
|
-
colorCompoundBrandBackgroundPressed: brand
|
97
|
-
colorBrandBackgroundStatic: brand
|
98
|
-
colorBrandBackground2: brand
|
91
|
+
colorBrandBackground: brand[80],
|
92
|
+
colorBrandBackgroundHover: brand[70],
|
93
|
+
colorBrandBackgroundPressed: brand[40],
|
94
|
+
colorBrandBackgroundSelected: brand[60],
|
95
|
+
colorCompoundBrandBackground: brand[80],
|
96
|
+
colorCompoundBrandBackgroundHover: brand[70],
|
97
|
+
colorCompoundBrandBackgroundPressed: brand[60],
|
98
|
+
colorBrandBackgroundStatic: brand[80],
|
99
|
+
colorBrandBackground2: brand[160],
|
99
100
|
colorBrandBackgroundInverted: white,
|
100
|
-
colorBrandBackgroundInvertedHover: brand
|
101
|
-
colorBrandBackgroundInvertedPressed: brand
|
102
|
-
colorBrandBackgroundInvertedSelected: brand
|
101
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
102
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
103
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
103
104
|
colorNeutralStrokeAccessible: grey[38],
|
104
105
|
colorNeutralStrokeAccessibleHover: grey[34],
|
105
106
|
colorNeutralStrokeAccessiblePressed: grey[30],
|
106
|
-
colorNeutralStrokeAccessibleSelected: brand
|
107
|
+
colorNeutralStrokeAccessibleSelected: brand[80],
|
107
108
|
colorNeutralStroke1: grey[82],
|
108
109
|
colorNeutralStroke1Hover: grey[78],
|
109
110
|
colorNeutralStroke1Pressed: grey[70],
|
@@ -115,11 +116,11 @@ export const generateColorTokens = brand => ({
|
|
115
116
|
colorNeutralStrokeOnBrand2Hover: white,
|
116
117
|
colorNeutralStrokeOnBrand2Pressed: white,
|
117
118
|
colorNeutralStrokeOnBrand2Selected: white,
|
118
|
-
colorBrandStroke1: brand
|
119
|
-
colorBrandStroke2: brand
|
120
|
-
colorCompoundBrandStroke: brand
|
121
|
-
colorCompoundBrandStrokeHover: brand
|
122
|
-
colorCompoundBrandStrokePressed: brand
|
119
|
+
colorBrandStroke1: brand[80],
|
120
|
+
colorBrandStroke2: brand[140],
|
121
|
+
colorCompoundBrandStroke: brand[80],
|
122
|
+
colorCompoundBrandStrokeHover: brand[70],
|
123
|
+
colorCompoundBrandStrokePressed: brand[60],
|
123
124
|
colorNeutralStrokeDisabled: grey[88],
|
124
125
|
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
125
126
|
colorTransparentStroke: 'transparent',
|
@@ -134,7 +135,8 @@ export const generateColorTokens = brand => ({
|
|
134
135
|
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
|
135
136
|
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
|
136
137
|
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
137
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
|
+
|
138
140
|
});
|
139
141
|
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
140
142
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
@@ -146,6 +148,7 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(
|
|
146
148
|
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].shade30,
|
147
149
|
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].primary,
|
148
150
|
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].primary,
|
151
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].tint40,
|
149
152
|
[`colorPalette${color}Border2`]: sharedColors[sharedColor].primary
|
150
153
|
};
|
151
154
|
return { ...acc,
|
package/lib/alias/light.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/light.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,EAAqD,YAArD,QAAyE,kBAAzE;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;AACzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAD4C;AAEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAFuC;AAGzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAHqC;AAIzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAJoC;AAKzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;AAMzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CANuC;AAOzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAPqC;AAQzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CARoC;AASzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,
|
1
|
+
{"version":3,"sources":["../../src/alias/light.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib/alias/teamsDark.js
CHANGED
@@ -8,28 +8,29 @@ export const generateColorTokens = brand => ({
|
|
8
8
|
colorNeutralForeground2Hover: white,
|
9
9
|
colorNeutralForeground2Pressed: white,
|
10
10
|
colorNeutralForeground2Selected: white,
|
11
|
-
colorNeutralForeground2BrandHover: brand
|
12
|
-
colorNeutralForeground2BrandPressed: brand
|
13
|
-
colorNeutralForeground2BrandSelected: brand
|
11
|
+
colorNeutralForeground2BrandHover: brand[100],
|
12
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
13
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
14
14
|
colorNeutralForeground3: grey[68],
|
15
15
|
colorNeutralForeground3Hover: grey[84],
|
16
16
|
colorNeutralForeground3Pressed: grey[84],
|
17
17
|
colorNeutralForeground3Selected: grey[84],
|
18
|
-
colorNeutralForeground3BrandHover: brand
|
19
|
-
colorNeutralForeground3BrandPressed: brand
|
20
|
-
colorNeutralForeground3BrandSelected: brand
|
18
|
+
colorNeutralForeground3BrandHover: brand[100],
|
19
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
20
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
21
21
|
colorNeutralForeground4: grey[60],
|
22
22
|
colorNeutralForegroundDisabled: grey[36],
|
23
23
|
colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
|
24
|
-
colorBrandForegroundLink: brand
|
25
|
-
colorBrandForegroundLinkHover: brand
|
26
|
-
colorBrandForegroundLinkPressed: brand
|
27
|
-
colorBrandForegroundLinkSelected: brand
|
28
|
-
colorCompoundBrandForeground1: brand
|
29
|
-
colorCompoundBrandForeground1Hover: brand
|
30
|
-
colorCompoundBrandForeground1Pressed: brand
|
31
|
-
colorBrandForeground1: brand
|
32
|
-
colorBrandForeground2: brand
|
24
|
+
colorBrandForegroundLink: brand[90],
|
25
|
+
colorBrandForegroundLinkHover: brand[110],
|
26
|
+
colorBrandForegroundLinkPressed: brand[100],
|
27
|
+
colorBrandForegroundLinkSelected: brand[90],
|
28
|
+
colorCompoundBrandForeground1: brand[90],
|
29
|
+
colorCompoundBrandForeground1Hover: brand[100],
|
30
|
+
colorCompoundBrandForeground1Pressed: brand[80],
|
31
|
+
colorBrandForeground1: brand[100],
|
32
|
+
colorBrandForeground2: brand[110],
|
33
|
+
colorNeutralForeground1Static: grey[14],
|
33
34
|
colorNeutralForegroundInverted: white,
|
34
35
|
colorNeutralForegroundInvertedHover: white,
|
35
36
|
colorNeutralForegroundInvertedPressed: white,
|
@@ -39,13 +40,13 @@ export const generateColorTokens = brand => ({
|
|
39
40
|
colorNeutralForegroundInvertedLinkHover: white,
|
40
41
|
colorNeutralForegroundInvertedLinkPressed: white,
|
41
42
|
colorNeutralForegroundInvertedLinkSelected: white,
|
42
|
-
colorBrandForegroundInverted: brand
|
43
|
-
colorBrandForegroundInvertedHover: brand
|
44
|
-
colorBrandForegroundInvertedPressed: brand
|
45
|
-
colorBrandForegroundOnLight: brand
|
46
|
-
colorBrandForegroundOnLightHover: brand
|
47
|
-
colorBrandForegroundOnLightPressed: brand
|
48
|
-
colorBrandForegroundOnLightSelected: brand
|
43
|
+
colorBrandForegroundInverted: brand[100],
|
44
|
+
colorBrandForegroundInvertedHover: brand[110],
|
45
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
46
|
+
colorBrandForegroundOnLight: brand[80],
|
47
|
+
colorBrandForegroundOnLightHover: brand[70],
|
48
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
49
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
49
50
|
colorNeutralBackground1: grey[16],
|
50
51
|
colorNeutralBackground1Hover: grey[24],
|
51
52
|
colorNeutralBackground1Pressed: grey[12],
|
@@ -85,25 +86,25 @@ export const generateColorTokens = brand => ({
|
|
85
86
|
colorTransparentBackgroundSelected: 'transparent',
|
86
87
|
colorNeutralBackgroundDisabled: grey[8],
|
87
88
|
colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
|
88
|
-
colorNeutralStencil1: grey[
|
89
|
-
colorNeutralStencil2: grey[
|
90
|
-
colorBrandBackground: brand
|
91
|
-
colorBrandBackgroundHover: brand
|
92
|
-
colorBrandBackgroundPressed: brand
|
93
|
-
colorBrandBackgroundSelected: brand
|
94
|
-
colorCompoundBrandBackground: brand
|
95
|
-
colorCompoundBrandBackgroundHover: brand
|
96
|
-
colorCompoundBrandBackgroundPressed: brand
|
97
|
-
colorBrandBackgroundStatic: brand
|
98
|
-
colorBrandBackground2: brand
|
89
|
+
colorNeutralStencil1: grey[34],
|
90
|
+
colorNeutralStencil2: grey[20],
|
91
|
+
colorBrandBackground: brand[70],
|
92
|
+
colorBrandBackgroundHover: brand[80],
|
93
|
+
colorBrandBackgroundPressed: brand[40],
|
94
|
+
colorBrandBackgroundSelected: brand[60],
|
95
|
+
colorCompoundBrandBackground: brand[90],
|
96
|
+
colorCompoundBrandBackgroundHover: brand[100],
|
97
|
+
colorCompoundBrandBackgroundPressed: brand[80],
|
98
|
+
colorBrandBackgroundStatic: brand[80],
|
99
|
+
colorBrandBackground2: brand[40],
|
99
100
|
colorBrandBackgroundInverted: white,
|
100
|
-
colorBrandBackgroundInvertedHover: brand
|
101
|
-
colorBrandBackgroundInvertedPressed: brand
|
102
|
-
colorBrandBackgroundInvertedSelected: brand
|
101
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
102
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
103
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
103
104
|
colorNeutralStrokeAccessible: grey[68],
|
104
105
|
colorNeutralStrokeAccessibleHover: grey[74],
|
105
106
|
colorNeutralStrokeAccessiblePressed: grey[70],
|
106
|
-
colorNeutralStrokeAccessibleSelected: brand
|
107
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
107
108
|
colorNeutralStroke1: grey[40],
|
108
109
|
colorNeutralStroke1Hover: grey[46],
|
109
110
|
colorNeutralStroke1Pressed: grey[42],
|
@@ -115,11 +116,11 @@ export const generateColorTokens = brand => ({
|
|
115
116
|
colorNeutralStrokeOnBrand2Hover: white,
|
116
117
|
colorNeutralStrokeOnBrand2Pressed: white,
|
117
118
|
colorNeutralStrokeOnBrand2Selected: white,
|
118
|
-
colorBrandStroke1: brand
|
119
|
-
colorBrandStroke2: brand
|
120
|
-
colorCompoundBrandStroke: brand
|
121
|
-
colorCompoundBrandStrokeHover: brand
|
122
|
-
colorCompoundBrandStrokePressed: brand
|
119
|
+
colorBrandStroke1: brand[90],
|
120
|
+
colorBrandStroke2: brand[50],
|
121
|
+
colorCompoundBrandStroke: brand[90],
|
122
|
+
colorCompoundBrandStrokeHover: brand[100],
|
123
|
+
colorCompoundBrandStrokePressed: brand[80],
|
123
124
|
colorNeutralStrokeDisabled: grey[26],
|
124
125
|
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
125
126
|
colorTransparentStroke: 'transparent',
|
@@ -134,7 +135,8 @@ export const generateColorTokens = brand => ({
|
|
134
135
|
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
135
136
|
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
136
137
|
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
137
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)'
|
138
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
139
|
+
|
138
140
|
});
|
139
141
|
export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce((acc, sharedColor) => {
|
140
142
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
@@ -146,6 +148,7 @@ export const colorPaletteTokens = /*#__PURE__*/Object.keys(sharedColors).reduce(
|
|
146
148
|
[`colorPalette${color}Foreground2`]: sharedColors[sharedColor].tint40,
|
147
149
|
[`colorPalette${color}Foreground3`]: sharedColors[sharedColor].tint20,
|
148
150
|
[`colorPalette${color}BorderActive`]: sharedColors[sharedColor].tint30,
|
151
|
+
[`colorPalette${color}Border1`]: sharedColors[sharedColor].primary,
|
149
152
|
[`colorPalette${color}Border2`]: sharedColors[sharedColor].tint20
|
150
153
|
};
|
151
154
|
return { ...acc,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/alias/teamsDark.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,EAAqD,YAArD,QAAyE,kBAAzE;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;AACzE,EAAA,uBAAuB,EAAE,KADgD;AAEzE,EAAA,4BAA4B,EAAE,KAF2C;AAGzE,EAAA,8BAA8B,EAAE,KAHyC;AAIzE,EAAA,+BAA+B,EAAE,KAJwC;AAKzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;AAMzE,EAAA,4BAA4B,EAAE,KAN2C;AAOzE,EAAA,8BAA8B,EAAE,KAPyC;AAQzE,EAAA,+BAA+B,EAAE,KARwC;AASzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,
|
1
|
+
{"version":3,"sources":["../../src/alias/teamsDark.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,32 +1,55 @@
|
|
1
|
-
// TODO: values should be set per product theme
|
2
1
|
export const brandWeb = {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
2
|
+
10: `#001526`,
|
3
|
+
20: `#002848`,
|
4
|
+
30: `#043862`,
|
5
|
+
40: `#004578`,
|
6
|
+
50: `#004c87`,
|
7
|
+
60: `#005a9e`,
|
8
|
+
70: `#106ebe`,
|
9
|
+
80: `#0078d4`,
|
10
|
+
90: `#1890f1`,
|
11
|
+
100: `#2899f5`,
|
12
|
+
110: `#3aa0f3`,
|
13
|
+
120: `#6cb8f6`,
|
14
|
+
130: `#82c7ff`,
|
15
|
+
140: `#c7e0f4`,
|
16
|
+
150: `#deecf9`,
|
17
|
+
160: `#eff6fc`
|
16
18
|
};
|
17
19
|
export const brandTeams = {
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
20
|
+
10: `#2b2b40`,
|
21
|
+
20: `#2f2f4a`,
|
22
|
+
30: `#333357`,
|
23
|
+
40: `#383966`,
|
24
|
+
50: `#3d3e78`,
|
25
|
+
60: `#444791`,
|
26
|
+
70: `#4f52b2`,
|
27
|
+
80: `#5b5fc7`,
|
28
|
+
90: `#7579eb`,
|
29
|
+
100: `#7f85f5`,
|
30
|
+
110: `#9299f7`,
|
31
|
+
120: `#aab1fa`,
|
32
|
+
130: `#b6bcfa`,
|
33
|
+
140: `#c5cbfa`,
|
34
|
+
150: `#dce0fa`,
|
35
|
+
160: `#e8ebfa`
|
36
|
+
};
|
37
|
+
export const brandOffice = {
|
38
|
+
10: `#29130b`,
|
39
|
+
20: `#4d2415`,
|
40
|
+
30: `#792000`,
|
41
|
+
40: `#99482b`,
|
42
|
+
50: `#a52c00`,
|
43
|
+
60: `#c33400`,
|
44
|
+
70: `#e06a3f`,
|
45
|
+
80: `#d83b01`,
|
46
|
+
90: `#dd4f1b`,
|
47
|
+
100: `#fe7948`,
|
48
|
+
110: `#ff865a`,
|
49
|
+
120: `#ff9973`,
|
50
|
+
130: `#e8825d`,
|
51
|
+
140: `#ffb498`,
|
52
|
+
150: `#f4beaa`,
|
53
|
+
160: `#f9dcd1`
|
31
54
|
};
|
32
55
|
//# sourceMappingURL=brandColors.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/global/brandColors.ts"],"names":[],"mappings":"AAEA
|
1
|
+
{"version":3,"sources":["../../src/global/brandColors.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,QAAQ,GAAkB;AACrC,MAAI,SADiC;AAErC,MAAI,SAFiC;AAGrC,MAAI,SAHiC;AAIrC,MAAI,SAJiC;AAKrC,MAAI,SALiC;AAMrC,MAAI,SANiC;AAOrC,MAAI,SAPiC;AAQrC,MAAI,SARiC;AASrC,MAAI,SATiC;AAUrC,OAAK,SAVgC;AAWrC,OAAK,SAXgC;AAYrC,OAAK,SAZgC;AAarC,OAAK,SAbgC;AAcrC,OAAK,SAdgC;AAerC,OAAK,SAfgC;AAgBrC,OAAK;AAhBgC,CAAhC;AAmBP,OAAO,MAAM,UAAU,GAAkB;AACvC,MAAI,SADmC;AAEvC,MAAI,SAFmC;AAGvC,MAAI,SAHmC;AAIvC,MAAI,SAJmC;AAKvC,MAAI,SALmC;AAMvC,MAAI,SANmC;AAOvC,MAAI,SAPmC;AAQvC,MAAI,SARmC;AASvC,MAAI,SATmC;AAUvC,OAAK,SAVkC;AAWvC,OAAK,SAXkC;AAYvC,OAAK,SAZkC;AAavC,OAAK,SAbkC;AAcvC,OAAK,SAdkC;AAevC,OAAK,SAfkC;AAgBvC,OAAK;AAhBkC,CAAlC;AAmBP,OAAO,MAAM,WAAW,GAAkB;AACxC,MAAI,SADoC;AAExC,MAAI,SAFoC;AAGxC,MAAI,SAHoC;AAIxC,MAAI,SAJoC;AAKxC,MAAI,SALoC;AAMxC,MAAI,SANoC;AAOxC,MAAI,SAPoC;AAQxC,MAAI,SARoC;AASxC,MAAI,SAToC;AAUxC,OAAK,SAVmC;AAWxC,OAAK,SAXmC;AAYxC,OAAK,SAZmC;AAaxC,OAAK,SAbmC;AAcxC,OAAK,SAdmC;AAexC,OAAK,SAfmC;AAgBxC,OAAK;AAhBmC,CAAnC","sourceRoot":""}
|
package/lib/index.d.ts
CHANGED
@@ -1,3 +1,5 @@
|
|
1
1
|
export * from './themes/index';
|
2
2
|
export * from './utils/index';
|
3
|
-
export
|
3
|
+
export { themeToTokensObject } from './themeToTokensObject';
|
4
|
+
export { tokens } from './tokens';
|
5
|
+
export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types';
|
package/lib/index.js
CHANGED
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { Theme } from './types';
|
2
|
+
/**
|
3
|
+
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
4
|
+
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
5
|
+
* affect tree-shaking since bundlers do not know the shape of the output.
|
6
|
+
*
|
7
|
+
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
8
|
+
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
9
|
+
*/
|
10
|
+
export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
/**
|
2
|
+
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
3
|
+
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
4
|
+
* affect tree-shaking since bundlers do not know the shape of the output.
|
5
|
+
*
|
6
|
+
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
7
|
+
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
8
|
+
*/
|
9
|
+
export function themeToTokensObject(theme) {
|
10
|
+
const tokens = {};
|
11
|
+
const keys = Object.keys(theme);
|
12
|
+
|
13
|
+
for (const key of keys) {
|
14
|
+
tokens[key] = `var(--${key})`;
|
15
|
+
}
|
16
|
+
|
17
|
+
return tokens;
|
18
|
+
}
|
19
|
+
//# sourceMappingURL=themeToTokensObject.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/themeToTokensObject.ts"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACH,OAAM,SAAU,mBAAV,CAAoD,KAApD,EAAiE;AACrE,QAAM,MAAM,GAAG,EAAf;AACA,QAAM,IAAI,GAAG,MAAM,CAAC,IAAP,CAAY,KAAZ,CAAb;;AACA,OAAK,MAAM,GAAX,IAAkB,IAAlB,EAAwB;AACtB,IAAA,MAAM,CAAC,GAAD,CAAN,GAAc,SAAS,GAAG,GAA1B;AACD;;AACD,SAAO,MAAP;AACD","sourceRoot":""}
|
package/lib/tokens.d.ts
ADDED