@fluentui/react-theme 9.0.0 → 9.1.0
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 +110 -1
- package/CHANGELOG.md +20 -2
- package/README.md +60 -2
- package/dist/index.d.ts +5 -0
- package/lib/alias/darkColor.js +14 -8
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +4 -3
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +8 -2
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +14 -13
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +7 -1
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +7 -4
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +12 -6
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/alias/teamsDarkColorPalette.js +4 -3
- package/lib/alias/teamsDarkColorPalette.js.map +1 -1
- package/lib/global/colorPalette.js +41 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +52 -106
- package/lib/global/colors.js.map +1 -1
- package/lib/global/fonts.js +2 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/typographyStyles.js +9 -3
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/sharedColorNames.js +9 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/tokens.js +4 -0
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +14 -8
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +17 -15
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +8 -2
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +14 -12
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +7 -1
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +20 -16
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +12 -6
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColorPalette.js +17 -15
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +49 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +54 -107
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/fonts.js +2 -1
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +9 -3
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +16 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/tokens.js +4 -0
- package/lib-commonjs/tokens.js.map +1 -1
- package/package.json +5 -4
- package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,116 @@
|
|
2
2
|
"name": "@fluentui/react-theme",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Thu, 15 Sep 2022 09:44:57 GMT",
|
6
|
+
"tag": "@fluentui/react-theme_v9.1.0",
|
7
|
+
"version": "9.1.0",
|
8
|
+
"comments": {
|
9
|
+
"patch": [
|
10
|
+
{
|
11
|
+
"author": "seanmonahan@microsoft.com",
|
12
|
+
"package": "@fluentui/react-theme",
|
13
|
+
"commit": "1d0a72865a151962362aa3e5054ac9bf8178f09c",
|
14
|
+
"comment": "fix: update token values to fix failing color contrast"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "seanmonahan@microsoft.com",
|
18
|
+
"package": "@fluentui/react-theme",
|
19
|
+
"commit": "5c78472d96502d05a10016d9502eceada4edfd8a",
|
20
|
+
"comment": "fix: update color neutral background inverted color in teams dark"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "miroslav.stastny@microsoft.com",
|
24
|
+
"package": "@fluentui/react-theme",
|
25
|
+
"commit": "21af8da1d98c070a682b26b7d56775d43a749b3d",
|
26
|
+
"comment": "fix: Update color tokens mapping"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "miroslav.stastny@microsoft.com",
|
30
|
+
"package": "@fluentui/react-theme",
|
31
|
+
"commit": "0137f992b99b3b8ec927be8f7aef751d27cd5830",
|
32
|
+
"comment": "fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "miroslav.stastny@microsoft.com",
|
36
|
+
"package": "@fluentui/react-theme",
|
37
|
+
"commit": "817814abbc2b4acbf63eb5e6dfb75863aa033184",
|
38
|
+
"comment": "fix: Change colorBrandForeground2 mapping in teamsDark theme"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "miroslav.stastny@microsoft.com",
|
42
|
+
"package": "@fluentui/react-theme",
|
43
|
+
"commit": "018509c3926449f70b357b80952f40ff2aa9071f",
|
44
|
+
"comment": "fix: Swap Background1 and Foreground1 in HC color palette"
|
45
|
+
}
|
46
|
+
],
|
47
|
+
"none": [
|
48
|
+
{
|
49
|
+
"author": "martinhochel@microsoft.com",
|
50
|
+
"package": "@fluentui/react-theme",
|
51
|
+
"commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
|
52
|
+
"comment": "chore: update package scaffold"
|
53
|
+
},
|
54
|
+
{
|
55
|
+
"author": "miroslav.stastny@microsoft.com",
|
56
|
+
"package": "@fluentui/react-theme",
|
57
|
+
"commit": "e95ba37f3a8155930542712bfc63055c306cce56",
|
58
|
+
"comment": "docs: Update readme"
|
59
|
+
},
|
60
|
+
{
|
61
|
+
"author": "miroslav.stastny@microsoft.com",
|
62
|
+
"package": "@fluentui/react-theme",
|
63
|
+
"commit": "faf23288345ea43d3cfa8efbe2bd29917271128f",
|
64
|
+
"comment": "chore: Refactor global shared color tokens"
|
65
|
+
}
|
66
|
+
],
|
67
|
+
"minor": [
|
68
|
+
{
|
69
|
+
"author": "miroslav.stastny@microsoft.com",
|
70
|
+
"package": "@fluentui/react-theme",
|
71
|
+
"commit": "61557d7e48a7380b2fbf2bcc5c8faa4a3ed7d89f",
|
72
|
+
"comment": "feat: Add fontWeightBold, add Body2, fix font weight for *Stronger typography"
|
73
|
+
}
|
74
|
+
]
|
75
|
+
}
|
76
|
+
},
|
77
|
+
{
|
78
|
+
"date": "Wed, 03 Aug 2022 16:04:07 GMT",
|
79
|
+
"tag": "@fluentui/react-theme_v9.0.0",
|
80
|
+
"version": "9.0.0",
|
81
|
+
"comments": {
|
82
|
+
"none": [
|
83
|
+
{
|
84
|
+
"author": "lingfangao@hotmail.com",
|
85
|
+
"package": "@fluentui/react-theme",
|
86
|
+
"commit": "99cc385631d04a76ee10ebc143cb9fecd99640b6",
|
87
|
+
"comment": "chore: Add `prerelease` as disallowed changetype for 9.0.0 packages"
|
88
|
+
},
|
89
|
+
{
|
90
|
+
"author": "behowell@microsoft.com",
|
91
|
+
"package": "@fluentui/react-theme",
|
92
|
+
"commit": "e6bec62689022606e64b56b90506c6d75cbdcfce",
|
93
|
+
"comment": "fix: Fix issue preventing copying text out of theme storybook documentation"
|
94
|
+
}
|
95
|
+
]
|
96
|
+
}
|
97
|
+
},
|
98
|
+
{
|
99
|
+
"date": "Thu, 14 Jul 2022 17:06:24 GMT",
|
100
|
+
"tag": "@fluentui/react-theme_v9.0.0",
|
101
|
+
"version": "9.0.0",
|
102
|
+
"comments": {
|
103
|
+
"none": [
|
104
|
+
{
|
105
|
+
"author": "mgodbolt@microsoft.com",
|
106
|
+
"package": "@fluentui/react-theme",
|
107
|
+
"commit": "769bfa3d797cb79aa6594aa8589e382403287a9d",
|
108
|
+
"comment": "Organize left navigation, add theme entries"
|
109
|
+
}
|
110
|
+
]
|
111
|
+
}
|
112
|
+
},
|
113
|
+
{
|
114
|
+
"date": "Tue, 28 Jun 2022 15:13:21 GMT",
|
6
115
|
"tag": "@fluentui/react-theme_v9.0.0",
|
7
116
|
"version": "9.0.0",
|
8
117
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,30 @@
|
|
1
1
|
# Change Log - @fluentui/react-theme
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 15 Sep 2022 09:44:57 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.0)
|
8
|
+
|
9
|
+
Thu, 15 Sep 2022 09:44:57 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0..@fluentui/react-theme_v9.1.0)
|
11
|
+
|
12
|
+
### Minor changes
|
13
|
+
|
14
|
+
- feat: Add fontWeightBold, add Body2, fix font weight for *Stronger typography ([PR #24378](https://github.com/microsoft/fluentui/pull/24378) by miroslav.stastny@microsoft.com)
|
15
|
+
|
16
|
+
### Patches
|
17
|
+
|
18
|
+
- fix: update token values to fix failing color contrast ([PR #24027](https://github.com/microsoft/fluentui/pull/24027) by seanmonahan@microsoft.com)
|
19
|
+
- fix: update color neutral background inverted color in teams dark ([PR #24494](https://github.com/microsoft/fluentui/pull/24494) by seanmonahan@microsoft.com)
|
20
|
+
- fix: Update color tokens mapping ([PR #24608](https://github.com/microsoft/fluentui/pull/24608) by miroslav.stastny@microsoft.com)
|
21
|
+
- fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted ([PR #24611](https://github.com/microsoft/fluentui/pull/24611) by miroslav.stastny@microsoft.com)
|
22
|
+
- fix: Change colorBrandForeground2 mapping in teamsDark theme ([PR #24579](https://github.com/microsoft/fluentui/pull/24579) by miroslav.stastny@microsoft.com)
|
23
|
+
- fix: Swap Background1 and Foreground1 in HC color palette ([PR #24498](https://github.com/microsoft/fluentui/pull/24498) by miroslav.stastny@microsoft.com)
|
24
|
+
|
7
25
|
## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0)
|
8
26
|
|
9
|
-
Tue, 28 Jun 2022 15:
|
27
|
+
Tue, 28 Jun 2022 15:13:21 GMT
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.10..@fluentui/react-theme_v9.0.0)
|
11
29
|
|
12
30
|
### Patches
|
package/README.md
CHANGED
@@ -1,5 +1,63 @@
|
|
1
1
|
# @fluentui/react-theme
|
2
2
|
|
3
|
-
**React Theme
|
3
|
+
**React Theme for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui)**
|
4
4
|
|
5
|
-
|
5
|
+
## Usage
|
6
|
+
|
7
|
+
Import a theme and tokens:
|
8
|
+
|
9
|
+
```jsx
|
10
|
+
import { webLightTheme, tokens } from '@fluentui/react-components';
|
11
|
+
```
|
12
|
+
|
13
|
+
Pass the theme to the `FluentProvider`:
|
14
|
+
|
15
|
+
```jsx
|
16
|
+
<FluentProvider theme={webLightTheme}>
|
17
|
+
<App />
|
18
|
+
</FluentProvider>
|
19
|
+
```
|
20
|
+
|
21
|
+
Use the `tokens` in your styles:
|
22
|
+
|
23
|
+
```jsx
|
24
|
+
const useStyles = makeStyles({
|
25
|
+
root: {
|
26
|
+
color: tokens.colorNeutralForeground1,
|
27
|
+
},
|
28
|
+
});
|
29
|
+
```
|
30
|
+
|
31
|
+
### Using a custom brand ramp
|
32
|
+
|
33
|
+
To use a theme based on a custom brand ramp, use the `createXXXTheme` function:
|
34
|
+
|
35
|
+
```jsx
|
36
|
+
import { createWebLightTheme } from '@fluentui/react-components';
|
37
|
+
|
38
|
+
const customBrandRamp: BrandVariants = {
|
39
|
+
10: `#2b2b40`,
|
40
|
+
// ...
|
41
|
+
160: `#e8ebfa`,
|
42
|
+
};
|
43
|
+
|
44
|
+
const customTheme = createWebLightTheme(customBrandRamp);
|
45
|
+
```
|
46
|
+
|
47
|
+
## Contributing
|
48
|
+
|
49
|
+
### Updating colors in the theme
|
50
|
+
|
51
|
+
The color tokens are generated by token pipeline. Do not edit colors directly. Instead, update the token pipeline first and once the changes are merged there, run:
|
52
|
+
|
53
|
+
```sh
|
54
|
+
yarn token-pipeline
|
55
|
+
```
|
56
|
+
|
57
|
+
### Adding new color tokens
|
58
|
+
|
59
|
+
To add a new color token, besides updating the token pipeline, you also need to update corresponding typings and the `tokens` object in `src/tokens.ts`.
|
60
|
+
|
61
|
+
### Updating other tokens
|
62
|
+
|
63
|
+
To update any tokens not related to colors, update the values directly in this package.
|
package/dist/index.d.ts
CHANGED
@@ -126,7 +126,9 @@ export declare type ColorTokens = {
|
|
126
126
|
colorNeutralForegroundInvertedHover: string;
|
127
127
|
colorNeutralForegroundInvertedPressed: string;
|
128
128
|
colorNeutralForegroundInvertedSelected: string;
|
129
|
+
colorNeutralForegroundInverted2: string;
|
129
130
|
colorNeutralForegroundOnBrand: string;
|
131
|
+
colorNeutralForegroundStaticInverted: string;
|
130
132
|
colorNeutralForegroundInvertedLink: string;
|
131
133
|
colorNeutralForegroundInvertedLinkHover: string;
|
132
134
|
colorNeutralForegroundInvertedLinkPressed: string;
|
@@ -159,6 +161,7 @@ export declare type ColorTokens = {
|
|
159
161
|
colorNeutralBackground5Pressed: string;
|
160
162
|
colorNeutralBackground5Selected: string;
|
161
163
|
colorNeutralBackground6: string;
|
164
|
+
colorNeutralBackgroundStatic: string;
|
162
165
|
colorNeutralBackgroundInverted: string;
|
163
166
|
colorSubtleBackground: string;
|
164
167
|
colorSubtleBackgroundHover: string;
|
@@ -284,6 +287,7 @@ export declare type FontWeightTokens = {
|
|
284
287
|
fontWeightRegular: number;
|
285
288
|
fontWeightMedium: number;
|
286
289
|
fontWeightSemibold: number;
|
290
|
+
fontWeightBold: number;
|
287
291
|
};
|
288
292
|
|
289
293
|
export declare type HorizontalSpacingTokens = {
|
@@ -392,6 +396,7 @@ export declare type TypographyStyles = {
|
|
392
396
|
body1: TypographyStyle;
|
393
397
|
body1Strong: TypographyStyle;
|
394
398
|
body1Stronger: TypographyStyle;
|
399
|
+
body2: TypographyStyle;
|
395
400
|
caption1: TypographyStyle;
|
396
401
|
caption1Strong: TypographyStyle;
|
397
402
|
caption1Stronger: TypographyStyle;
|
package/lib/alias/darkColor.js
CHANGED
@@ -1,3 +1,6 @@
|
|
1
|
+
/* !!! DO NOT EDIT !!! */
|
2
|
+
|
3
|
+
/* This file has been generated by the token pipeline */
|
1
4
|
import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
|
2
5
|
export const generateColorTokens = brand => ({
|
3
6
|
colorNeutralForeground1: white,
|
@@ -35,10 +38,12 @@ export const generateColorTokens = brand => ({
|
|
35
38
|
colorBrandForeground1: brand[100],
|
36
39
|
colorBrandForeground2: brand[110],
|
37
40
|
colorNeutralForeground1Static: grey[14],
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
41
|
+
colorNeutralForegroundStaticInverted: white,
|
42
|
+
colorNeutralForegroundInverted: grey[14],
|
43
|
+
colorNeutralForegroundInvertedHover: grey[14],
|
44
|
+
colorNeutralForegroundInvertedPressed: grey[14],
|
45
|
+
colorNeutralForegroundInvertedSelected: grey[14],
|
46
|
+
colorNeutralForegroundInverted2: grey[14],
|
42
47
|
colorNeutralForegroundOnBrand: white,
|
43
48
|
colorNeutralForegroundInvertedLink: white,
|
44
49
|
colorNeutralForegroundInvertedLinkHover: white,
|
@@ -72,7 +77,8 @@ export const generateColorTokens = brand => ({
|
|
72
77
|
colorNeutralBackground5Pressed: grey[2],
|
73
78
|
colorNeutralBackground5Selected: grey[6],
|
74
79
|
colorNeutralBackground6: grey[20],
|
75
|
-
colorNeutralBackgroundInverted:
|
80
|
+
colorNeutralBackgroundInverted: white,
|
81
|
+
colorNeutralBackgroundStatic: grey[24],
|
76
82
|
colorSubtleBackground: 'transparent',
|
77
83
|
colorSubtleBackgroundHover: grey[22],
|
78
84
|
colorSubtleBackgroundPressed: grey[18],
|
@@ -124,9 +130,9 @@ export const generateColorTokens = brand => ({
|
|
124
130
|
colorNeutralStrokeOnBrand2Selected: white,
|
125
131
|
colorBrandStroke1: brand[100],
|
126
132
|
colorBrandStroke2: brand[50],
|
127
|
-
colorCompoundBrandStroke: brand[
|
128
|
-
colorCompoundBrandStrokeHover: brand[
|
129
|
-
colorCompoundBrandStrokePressed: brand[
|
133
|
+
colorCompoundBrandStroke: brand[100],
|
134
|
+
colorCompoundBrandStrokeHover: brand[110],
|
135
|
+
colorCompoundBrandStrokePressed: brand[90],
|
130
136
|
colorNeutralStrokeDisabled: grey[26],
|
131
137
|
colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
|
132
138
|
colorTransparentStroke: 'transparent',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
1
|
+
{"version":3,"sources":["alias/darkColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -1,5 +1,6 @@
|
|
1
|
-
import { statusSharedColors, personaSharedColors } from '../global/
|
2
|
-
|
1
|
+
import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
3
|
+
const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
|
3
4
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
5
|
const sharedColorTokens = {
|
5
6
|
[`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,
|
@@ -16,7 +17,7 @@ const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).re
|
|
16
17
|
...sharedColorTokens
|
17
18
|
};
|
18
19
|
}, {});
|
19
|
-
const personaColorPaletteTokens = /*#__PURE__*/
|
20
|
+
const personaColorPaletteTokens = /*#__PURE__*/personaSharedColorNames.reduce((acc, sharedColor) => {
|
20
21
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
22
|
const sharedColorTokens = {
|
22
23
|
[`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,
|
1
|
+
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAwD,wBAAxD;AACA,SAAS,sBAAT,EAAiC,uBAAjC,QAAgE,qBAAhE;AAGA,MAAM,wBAAwB,gBAAG,sBAAsB,CAAC,MAAvB,CAA8B,CAAC,GAAD,EAAM,WAAN,KAAqB;EAClF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAD7C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAF7C;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAJ7C;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAL7C;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAN7C;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAP9C;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OARzC;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;EATzC,CAA1B;EAYA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAfgC,EAe9B,EAf8B,CAAjC;AAiBA,MAAM,yBAAyB,gBAAG,uBAAuB,CAAC,MAAxB,CAA+B,CAAC,GAAD,EAAM,WAAN,KAAqB;EACpF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAD9C;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAF9C;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;EAH/C,CAA1B;EAMA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CATiC,EAS/B,EAT+B,CAAlC;AAWA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|
@@ -1,3 +1,6 @@
|
|
1
|
+
/* !!! DO NOT EDIT !!! */
|
2
|
+
|
3
|
+
/* This file has been generated by the token pipeline */
|
1
4
|
import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
|
2
5
|
export const generateColorTokens = () => ({
|
3
6
|
colorNeutralForeground1: hcCanvasText,
|
@@ -35,10 +38,12 @@ export const generateColorTokens = () => ({
|
|
35
38
|
colorBrandForeground1: hcCanvasText,
|
36
39
|
colorBrandForeground2: hcButtonText,
|
37
40
|
colorNeutralForeground1Static: hcCanvas,
|
38
|
-
|
41
|
+
colorNeutralForegroundStaticInverted: hcCanvasText,
|
42
|
+
colorNeutralForegroundInverted: hcHighlightText,
|
39
43
|
colorNeutralForegroundInvertedHover: hcHighlightText,
|
40
44
|
colorNeutralForegroundInvertedPressed: hcHighlightText,
|
41
45
|
colorNeutralForegroundInvertedSelected: hcHighlightText,
|
46
|
+
colorNeutralForegroundInverted2: hcCanvasText,
|
42
47
|
colorNeutralForegroundOnBrand: hcButtonText,
|
43
48
|
colorNeutralForegroundInvertedLink: hcHyperlink,
|
44
49
|
colorNeutralForegroundInvertedLinkHover: hcHyperlink,
|
@@ -73,6 +78,7 @@ export const generateColorTokens = () => ({
|
|
73
78
|
colorNeutralBackground5Selected: hcHighlight,
|
74
79
|
colorNeutralBackground6: hcCanvas,
|
75
80
|
colorNeutralBackgroundInverted: hcCanvas,
|
81
|
+
colorNeutralBackgroundStatic: hcCanvas,
|
76
82
|
colorSubtleBackground: 'transparent',
|
77
83
|
colorSubtleBackgroundHover: hcHighlight,
|
78
84
|
colorSubtleBackgroundPressed: hcHighlight,
|
@@ -123,7 +129,7 @@ export const generateColorTokens = () => ({
|
|
123
129
|
colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
|
124
130
|
colorNeutralStrokeOnBrand2Selected: hcCanvasText,
|
125
131
|
colorBrandStroke1: hcCanvasText,
|
126
|
-
colorBrandStroke2:
|
132
|
+
colorBrandStroke2: hcCanvasText,
|
127
133
|
colorCompoundBrandStroke: hcHighlight,
|
128
134
|
colorCompoundBrandStrokeHover: hcHighlight,
|
129
135
|
colorCompoundBrandStrokePressed: hcHighlight,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
1
|
+
{"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
|
@@ -1,26 +1,27 @@
|
|
1
|
-
import {
|
2
|
-
|
1
|
+
import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
|
2
|
+
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
3
|
+
const statusColorPaletteTokens = /*#__PURE__*/statusSharedColorNames.reduce((acc, sharedColor) => {
|
3
4
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
4
5
|
const sharedColorTokens = {
|
5
|
-
[`colorPalette${color}Background1`]:
|
6
|
-
[`colorPalette${color}Background2`]:
|
7
|
-
[`colorPalette${color}Background3`]:
|
8
|
-
[`colorPalette${color}Foreground1`]:
|
9
|
-
[`colorPalette${color}Foreground2`]:
|
10
|
-
[`colorPalette${color}Foreground3`]:
|
6
|
+
[`colorPalette${color}Background1`]: hcCanvas,
|
7
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
8
|
+
[`colorPalette${color}Background3`]: hcCanvasText,
|
9
|
+
[`colorPalette${color}Foreground1`]: hcCanvasText,
|
10
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
11
|
+
[`colorPalette${color}Foreground3`]: hcCanvasText,
|
11
12
|
[`colorPalette${color}BorderActive`]: hcHighlight,
|
12
|
-
[`colorPalette${color}Border1`]:
|
13
|
-
[`colorPalette${color}Border2`]:
|
13
|
+
[`colorPalette${color}Border1`]: hcCanvasText,
|
14
|
+
[`colorPalette${color}Border2`]: hcCanvasText
|
14
15
|
};
|
15
16
|
return { ...acc,
|
16
17
|
...sharedColorTokens
|
17
18
|
};
|
18
19
|
}, {});
|
19
|
-
const personaColorPaletteTokens = /*#__PURE__*/
|
20
|
+
const personaColorPaletteTokens = /*#__PURE__*/personaSharedColorNames.reduce((acc, sharedColor) => {
|
20
21
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
21
22
|
const sharedColorTokens = {
|
22
|
-
[`colorPalette${color}Background2`]:
|
23
|
-
[`colorPalette${color}Foreground2`]:
|
23
|
+
[`colorPalette${color}Background2`]: hcCanvas,
|
24
|
+
[`colorPalette${color}Foreground2`]: hcCanvasText,
|
24
25
|
[`colorPalette${color}BorderActive`]: hcHighlight
|
25
26
|
};
|
26
27
|
return { ...acc,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,WAAT,EAAsB,QAAtB,EAAgC,YAAhC,QAAoD,kBAApD;AACA,SAAS,sBAAT,EAAiC,uBAAjC,QAAgE,qBAAhE;AAGA,MAAM,wBAAwB,gBAAG,sBAAsB,CAAC,MAAvB,CAA8B,CAAC,GAAD,EAAM,WAAN,KAAqB;EAClF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,QADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,QAFb;IAGxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAHb;IAIxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAJb;IAKxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YALb;IAMxB,CAAC,eAAe,KAAK,aAArB,GAAqC,YANb;IAOxB,CAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;IAQxB,CAAC,eAAe,KAAK,SAArB,GAAiC,YART;IASxB,CAAC,eAAe,KAAK,SAArB,GAAiC;EATT,CAA1B;EAYA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CAfgC,EAe9B,EAf8B,CAAjC;AAiBA,MAAM,yBAAyB,gBAAG,uBAAuB,CAAC,MAAxB,CAA+B,CAAC,GAAD,EAAM,WAAN,KAAqB;EACpF,MAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;EACA,MAAM,iBAAiB,GAAG;IACxB,CAAC,eAAe,KAAK,aAArB,GAAqC,QADb;IAExB,CAAC,eAAe,KAAK,aAArB,GAAqC,YAFb;IAGxB,CAAC,eAAe,KAAK,cAArB,GAAsC;EAHd,CAA1B;EAMA,OAAO,EAAE,GAAG,GAAL;IAAU,GAAG;EAAb,CAAP;AACD,CATiC,EAS/B,EAT+B,CAAlC;AAWA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;EAA+B,GAAG;AAAlC,CAA/C","sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
|