@fluentui/react-theme 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10
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 +349 -10
- package/CHANGELOG.md +157 -40
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/darkColor.js +147 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +147 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +147 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +147 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +53 -31
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +148 -130
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +4 -4
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +426 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +22 -5
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +22 -5
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +22 -5
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +22 -5
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +157 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +157 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +157 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +157 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +138 -120
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +11 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +85 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +1 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +432 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +27 -7
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +27 -7
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +27 -7
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +27 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +1 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +16 -12
- package/dist/react-theme.d.ts +0 -326
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js +0 -117
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js +0 -117
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js +0 -117
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js +0 -117
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -3
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -3
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/types.d.ts +0 -327
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -6
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -14
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/shadows.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js +0 -128
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js +0 -128
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js +0 -128
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js +0 -128
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -3
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -3
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -327
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -6
- 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
- package/lib-commonjs/utils/shadows.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -1,9 +1,26 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { colorPaletteTokens } from '../alias/highContrastColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/highContrastColor';
|
3
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
4
|
import { createShadowTokens } from './shadows';
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
8
|
+
export const createHighContrastTheme = () => {
|
9
|
+
const colorTokens = generateColorTokens();
|
10
|
+
return { ...borderRadius,
|
11
|
+
...fontSizes,
|
12
|
+
...lineHeights,
|
13
|
+
...fontFamilies,
|
14
|
+
...fontWeights,
|
15
|
+
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
20
|
+
...colorTokens,
|
21
|
+
...colorPaletteTokens,
|
22
|
+
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
23
|
+
...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
24
|
+
};
|
8
25
|
};
|
9
26
|
//# sourceMappingURL=createHighContrastTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,mCAAnC;AACA,SAAS,mBAAT,QAAoC,4BAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,uBAAuB,GAAG,MAAY;AACjD,QAAM,WAAW,GAAG,mBAAmB,EAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
|
@@ -1,9 +1,26 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { colorPaletteTokens } from '../alias/lightColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/lightColor';
|
3
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
4
|
import { createShadowTokens } from './shadows';
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
8
|
+
export const createLightTheme = brand => {
|
9
|
+
const colorTokens = generateColorTokens(brand);
|
10
|
+
return { ...borderRadius,
|
11
|
+
...fontSizes,
|
12
|
+
...lineHeights,
|
13
|
+
...fontFamilies,
|
14
|
+
...fontWeights,
|
15
|
+
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
20
|
+
...colorTokens,
|
21
|
+
...colorPaletteTokens,
|
22
|
+
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
23
|
+
...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
24
|
+
};
|
8
25
|
};
|
9
26
|
//# sourceMappingURL=createLightTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,4BAAnC;AACA,SAAS,mBAAT,QAAoC,qBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
|
@@ -1,9 +1,26 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';
|
2
|
+
import { generateColorTokens } from '../alias/teamsDarkColor';
|
3
3
|
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
4
|
import { createShadowTokens } from './shadows';
|
5
|
-
|
6
|
-
|
7
|
-
|
5
|
+
import { durations } from '../global/durations';
|
6
|
+
import { curves } from '../global/curves';
|
7
|
+
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
8
|
+
export const createTeamsDarkTheme = brand => {
|
9
|
+
const colorTokens = generateColorTokens(brand);
|
10
|
+
return { ...borderRadius,
|
11
|
+
...fontSizes,
|
12
|
+
...lineHeights,
|
13
|
+
...fontFamilies,
|
14
|
+
...fontWeights,
|
15
|
+
...strokeWidths,
|
16
|
+
...horizontalSpacings,
|
17
|
+
...verticalSpacings,
|
18
|
+
...durations,
|
19
|
+
...curves,
|
20
|
+
...colorTokens,
|
21
|
+
...colorPaletteTokens,
|
22
|
+
...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
23
|
+
...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
24
|
+
};
|
8
25
|
};
|
9
26
|
//# sourceMappingURL=createTeamsDarkTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,gCAAnC;AACA,SAAS,mBAAT,QAAoC,yBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;AAEA,SAAO,EACL,GAAG,YADE;AAEL,OAAG,SAFE;AAGL,OAAG,WAHE;AAIL,OAAG,YAJE;AAKL,OAAG,WALE;AAML,OAAG,YANE;AAOL,OAAG,kBAPE;AAQL,OAAG,gBARE;AASL,OAAG,SATE;AAUL,OAAG,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,kBAbE;AAeL,OAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;AAgBL,OAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;AAhBhB,GAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/teamsDarkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
|
package/lib/utils/index.js
CHANGED
@@ -2,6 +2,4 @@ export * from './createLightTheme';
|
|
2
2
|
export * from './createDarkTheme';
|
3
3
|
export * from './createTeamsDarkTheme';
|
4
4
|
export * from './createHighContrastTheme';
|
5
|
-
export { mergeThemes } from './mergeThemes';
|
6
|
-
export * from './themeToCSSVariables';
|
7
5
|
//# sourceMappingURL=index.js.map
|
package/lib/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}
|
package/lib/utils/shadows.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
export function createShadowTokens(ambientColor, keyColor) {
|
1
|
+
export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
2
2
|
return {
|
3
|
-
shadow2:
|
4
|
-
shadow4:
|
5
|
-
shadow8:
|
6
|
-
shadow16:
|
7
|
-
shadow28:
|
8
|
-
shadow64:
|
3
|
+
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
|
4
|
+
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
|
5
|
+
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
|
6
|
+
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
|
7
|
+
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
8
|
+
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
9
9
|
};
|
10
10
|
}
|
11
11
|
//# sourceMappingURL=shadows.js.map
|
package/lib/utils/shadows.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["utils/shadows.ts"],"names":[],"mappings":"AAKA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAqE,WAAA,GAA4B,EAAjG,EAAmG;AACvG,SAAO;AACL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;AAEL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;AAGL,KAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;AAIL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;AAKL,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;AAML,KAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;AANvE,GAAP;AAQD","sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,157 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.generateColorTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
const generateColorTokens = brand => ({
|
11
|
+
colorNeutralForeground1: colors_1.white,
|
12
|
+
colorNeutralForeground1Hover: colors_1.white,
|
13
|
+
colorNeutralForeground1Pressed: colors_1.white,
|
14
|
+
colorNeutralForeground1Selected: colors_1.white,
|
15
|
+
colorNeutralForeground2: colors_1.grey[84],
|
16
|
+
colorNeutralForeground2Hover: colors_1.white,
|
17
|
+
colorNeutralForeground2Pressed: colors_1.white,
|
18
|
+
colorNeutralForeground2Selected: colors_1.white,
|
19
|
+
colorNeutralForeground2BrandHover: brand[100],
|
20
|
+
colorNeutralForeground2BrandPressed: brand[90],
|
21
|
+
colorNeutralForeground2BrandSelected: brand[100],
|
22
|
+
colorNeutralForeground3: colors_1.grey[68],
|
23
|
+
colorNeutralForeground3Hover: colors_1.grey[84],
|
24
|
+
colorNeutralForeground3Pressed: colors_1.grey[84],
|
25
|
+
colorNeutralForeground3Selected: colors_1.grey[84],
|
26
|
+
colorNeutralForeground3BrandHover: brand[100],
|
27
|
+
colorNeutralForeground3BrandPressed: brand[90],
|
28
|
+
colorNeutralForeground3BrandSelected: brand[100],
|
29
|
+
colorNeutralForeground4: colors_1.grey[60],
|
30
|
+
colorNeutralForegroundDisabled: colors_1.grey[36],
|
31
|
+
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
|
32
|
+
colorBrandForegroundLink: brand[100],
|
33
|
+
colorBrandForegroundLinkHover: brand[110],
|
34
|
+
colorBrandForegroundLinkPressed: brand[90],
|
35
|
+
colorBrandForegroundLinkSelected: brand[100],
|
36
|
+
colorNeutralForeground2Link: colors_1.grey[84],
|
37
|
+
colorNeutralForeground2LinkHover: colors_1.white,
|
38
|
+
colorNeutralForeground2LinkPressed: colors_1.white,
|
39
|
+
colorNeutralForeground2LinkSelected: colors_1.white,
|
40
|
+
colorCompoundBrandForeground1: brand[100],
|
41
|
+
colorCompoundBrandForeground1Hover: brand[110],
|
42
|
+
colorCompoundBrandForeground1Pressed: brand[90],
|
43
|
+
colorBrandForeground1: brand[100],
|
44
|
+
colorBrandForeground2: brand[110],
|
45
|
+
colorNeutralForeground1Static: colors_1.grey[14],
|
46
|
+
colorNeutralForegroundInverted: colors_1.white,
|
47
|
+
colorNeutralForegroundInvertedHover: colors_1.white,
|
48
|
+
colorNeutralForegroundInvertedPressed: colors_1.white,
|
49
|
+
colorNeutralForegroundInvertedSelected: colors_1.white,
|
50
|
+
colorNeutralForegroundOnBrand: colors_1.white,
|
51
|
+
colorNeutralForegroundInvertedLink: colors_1.white,
|
52
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
53
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
54
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
55
|
+
colorBrandForegroundInverted: brand[100],
|
56
|
+
colorBrandForegroundInvertedHover: brand[110],
|
57
|
+
colorBrandForegroundInvertedPressed: brand[100],
|
58
|
+
colorBrandForegroundOnLight: brand[80],
|
59
|
+
colorBrandForegroundOnLightHover: brand[70],
|
60
|
+
colorBrandForegroundOnLightPressed: brand[50],
|
61
|
+
colorBrandForegroundOnLightSelected: brand[60],
|
62
|
+
colorNeutralBackground1: colors_1.grey[16],
|
63
|
+
colorNeutralBackground1Hover: colors_1.grey[24],
|
64
|
+
colorNeutralBackground1Pressed: colors_1.grey[12],
|
65
|
+
colorNeutralBackground1Selected: colors_1.grey[22],
|
66
|
+
colorNeutralBackground2: colors_1.grey[12],
|
67
|
+
colorNeutralBackground2Hover: colors_1.grey[20],
|
68
|
+
colorNeutralBackground2Pressed: colors_1.grey[8],
|
69
|
+
colorNeutralBackground2Selected: colors_1.grey[18],
|
70
|
+
colorNeutralBackground3: colors_1.grey[8],
|
71
|
+
colorNeutralBackground3Hover: colors_1.grey[16],
|
72
|
+
colorNeutralBackground3Pressed: colors_1.grey[4],
|
73
|
+
colorNeutralBackground3Selected: colors_1.grey[14],
|
74
|
+
colorNeutralBackground4: colors_1.grey[4],
|
75
|
+
colorNeutralBackground4Hover: colors_1.grey[12],
|
76
|
+
colorNeutralBackground4Pressed: colors_1.black,
|
77
|
+
colorNeutralBackground4Selected: colors_1.grey[10],
|
78
|
+
colorNeutralBackground5: colors_1.black,
|
79
|
+
colorNeutralBackground5Hover: colors_1.grey[8],
|
80
|
+
colorNeutralBackground5Pressed: colors_1.grey[2],
|
81
|
+
colorNeutralBackground5Selected: colors_1.grey[6],
|
82
|
+
colorNeutralBackground6: colors_1.grey[20],
|
83
|
+
colorNeutralBackgroundInverted: colors_1.grey[24],
|
84
|
+
colorSubtleBackground: 'transparent',
|
85
|
+
colorSubtleBackgroundHover: colors_1.grey[22],
|
86
|
+
colorSubtleBackgroundPressed: colors_1.grey[18],
|
87
|
+
colorSubtleBackgroundSelected: colors_1.grey[20],
|
88
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
|
89
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
|
90
|
+
colorSubtleBackgroundLightAlphaSelected: 'transparent',
|
91
|
+
colorSubtleBackgroundInverted: 'transparent',
|
92
|
+
colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
|
93
|
+
colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
|
94
|
+
colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
|
95
|
+
colorTransparentBackground: 'transparent',
|
96
|
+
colorTransparentBackgroundHover: 'transparent',
|
97
|
+
colorTransparentBackgroundPressed: 'transparent',
|
98
|
+
colorTransparentBackgroundSelected: 'transparent',
|
99
|
+
colorNeutralBackgroundDisabled: colors_1.grey[8],
|
100
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
|
101
|
+
colorNeutralStencil1: colors_1.grey[34],
|
102
|
+
colorNeutralStencil2: colors_1.grey[20],
|
103
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
104
|
+
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
105
|
+
colorBrandBackground: brand[70],
|
106
|
+
colorBrandBackgroundHover: brand[80],
|
107
|
+
colorBrandBackgroundPressed: brand[40],
|
108
|
+
colorBrandBackgroundSelected: brand[60],
|
109
|
+
colorCompoundBrandBackground: brand[100],
|
110
|
+
colorCompoundBrandBackgroundHover: brand[110],
|
111
|
+
colorCompoundBrandBackgroundPressed: brand[90],
|
112
|
+
colorBrandBackgroundStatic: brand[80],
|
113
|
+
colorBrandBackground2: brand[40],
|
114
|
+
colorBrandBackgroundInverted: colors_1.white,
|
115
|
+
colorBrandBackgroundInvertedHover: brand[160],
|
116
|
+
colorBrandBackgroundInvertedPressed: brand[140],
|
117
|
+
colorBrandBackgroundInvertedSelected: brand[150],
|
118
|
+
colorNeutralStrokeAccessible: colors_1.grey[68],
|
119
|
+
colorNeutralStrokeAccessibleHover: colors_1.grey[74],
|
120
|
+
colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
|
121
|
+
colorNeutralStrokeAccessibleSelected: brand[100],
|
122
|
+
colorNeutralStroke1: colors_1.grey[40],
|
123
|
+
colorNeutralStroke1Hover: colors_1.grey[46],
|
124
|
+
colorNeutralStroke1Pressed: colors_1.grey[42],
|
125
|
+
colorNeutralStroke1Selected: colors_1.grey[44],
|
126
|
+
colorNeutralStroke2: colors_1.grey[32],
|
127
|
+
colorNeutralStroke3: colors_1.grey[24],
|
128
|
+
colorNeutralStrokeOnBrand: colors_1.grey[16],
|
129
|
+
colorNeutralStrokeOnBrand2: colors_1.white,
|
130
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.white,
|
131
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.white,
|
132
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.white,
|
133
|
+
colorBrandStroke1: brand[100],
|
134
|
+
colorBrandStroke2: brand[50],
|
135
|
+
colorCompoundBrandStroke: brand[90],
|
136
|
+
colorCompoundBrandStrokeHover: brand[100],
|
137
|
+
colorCompoundBrandStrokePressed: brand[80],
|
138
|
+
colorNeutralStrokeDisabled: colors_1.grey[26],
|
139
|
+
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
|
140
|
+
colorTransparentStroke: 'transparent',
|
141
|
+
colorTransparentStrokeInteractive: 'transparent',
|
142
|
+
colorTransparentStrokeDisabled: 'transparent',
|
143
|
+
colorStrokeFocus1: colors_1.black,
|
144
|
+
colorStrokeFocus2: colors_1.white,
|
145
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
146
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
147
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
148
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
149
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
150
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
151
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
152
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
153
|
+
|
154
|
+
});
|
155
|
+
|
156
|
+
exports.generateColorTokens = generateColorTokens;
|
157
|
+
//# sourceMappingURL=darkColor.js.map
|
@@ -0,0 +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/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.colorPaletteTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
const statusColorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.statusSharedColors).reduce((acc, sharedColor) => {
|
11
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
12
|
+
const sharedColorTokens = {
|
13
|
+
[`colorPalette${color}Background1`]: colors_1.statusSharedColors[sharedColor].shade40,
|
14
|
+
[`colorPalette${color}Background2`]: colors_1.statusSharedColors[sharedColor].shade30,
|
15
|
+
[`colorPalette${color}Background3`]: colors_1.statusSharedColors[sharedColor].primary,
|
16
|
+
[`colorPalette${color}Foreground1`]: colors_1.statusSharedColors[sharedColor].tint30,
|
17
|
+
[`colorPalette${color}Foreground2`]: colors_1.statusSharedColors[sharedColor].tint40,
|
18
|
+
[`colorPalette${color}Foreground3`]: colors_1.statusSharedColors[sharedColor].tint20,
|
19
|
+
[`colorPalette${color}BorderActive`]: colors_1.statusSharedColors[sharedColor].tint30,
|
20
|
+
[`colorPalette${color}Border1`]: colors_1.statusSharedColors[sharedColor].primary,
|
21
|
+
[`colorPalette${color}Border2`]: colors_1.statusSharedColors[sharedColor].tint20
|
22
|
+
};
|
23
|
+
return { ...acc,
|
24
|
+
...sharedColorTokens
|
25
|
+
};
|
26
|
+
}, {});
|
27
|
+
const personaColorPaletteTokens = /*#__PURE__*/Object.keys(colors_1.personaSharedColors).reduce((acc, sharedColor) => {
|
28
|
+
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
29
|
+
const sharedColorTokens = {
|
30
|
+
[`colorPalette${color}Background2`]: colors_1.personaSharedColors[sharedColor].shade30,
|
31
|
+
[`colorPalette${color}Foreground2`]: colors_1.personaSharedColors[sharedColor].tint40,
|
32
|
+
[`colorPalette${color}BorderActive`]: colors_1.personaSharedColors[sharedColor].tint30
|
33
|
+
};
|
34
|
+
return { ...acc,
|
35
|
+
...sharedColorTokens
|
36
|
+
};
|
37
|
+
}, {});
|
38
|
+
exports.colorPaletteTokens = { ...statusColorPaletteTokens,
|
39
|
+
...personaColorPaletteTokens
|
40
|
+
};
|
41
|
+
//# sourceMappingURL=darkColorPalette.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["alias/darkColorPalette.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAGA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,OAD7C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,OAF7C;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,OAH7C;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,MAJ7C;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,MAL7C;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,MAN7C;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,MAP9C;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC,OARzC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,QAAA,CAAA,kBAAA,CAAmB,WAAnB,EAAgC;AATzC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,QAAA,CAAA,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,mBAAA,CAAoB,WAApB,EAAiC,OAD9C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,QAAA,CAAA,mBAAA,CAAoB,WAApB,EAAiC,MAF9C;AAGxB,KAAC,eAAe,KAAK,cAArB,GAAsC,QAAA,CAAA,mBAAA,CAAoB,WAApB,EAAiC;AAH/C,GAA1B;AAMA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaa,OAAA,CAAA,kBAAA,GAAyC,EAAE,GAAG,wBAAL;AAA+B,KAAG;AAAlC,CAAzC","sourcesContent":["import { statusSharedColors, personaSharedColors, StatusSharedColors, PersonaSharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).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 = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).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/"}
|
@@ -0,0 +1,157 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.generateColorTokens = void 0;
|
7
|
+
|
8
|
+
const colors_1 = /*#__PURE__*/require("../global/colors");
|
9
|
+
|
10
|
+
const generateColorTokens = () => ({
|
11
|
+
colorNeutralForeground1: colors_1.hcCanvasText,
|
12
|
+
colorNeutralForeground1Hover: colors_1.hcHighlightText,
|
13
|
+
colorNeutralForeground1Pressed: colors_1.hcHighlightText,
|
14
|
+
colorNeutralForeground1Selected: colors_1.hcHighlightText,
|
15
|
+
colorNeutralForeground2: colors_1.hcCanvasText,
|
16
|
+
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
17
|
+
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
18
|
+
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
19
|
+
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
20
|
+
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
21
|
+
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
22
|
+
colorNeutralForeground3: colors_1.hcCanvasText,
|
23
|
+
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
24
|
+
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
25
|
+
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
26
|
+
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
27
|
+
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
28
|
+
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
29
|
+
colorNeutralForeground4: colors_1.hcCanvasText,
|
30
|
+
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
31
|
+
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
|
32
|
+
colorBrandForegroundLink: colors_1.hcHyperlink,
|
33
|
+
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
34
|
+
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
35
|
+
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
36
|
+
colorNeutralForeground2Link: colors_1.hcHyperlink,
|
37
|
+
colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
|
38
|
+
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
|
39
|
+
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
|
40
|
+
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
41
|
+
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
42
|
+
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
43
|
+
colorBrandForeground1: colors_1.hcCanvasText,
|
44
|
+
colorBrandForeground2: colors_1.hcButtonText,
|
45
|
+
colorNeutralForeground1Static: colors_1.hcCanvas,
|
46
|
+
colorNeutralForegroundInverted: colors_1.hcCanvasText,
|
47
|
+
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
|
48
|
+
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
|
49
|
+
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
|
50
|
+
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
51
|
+
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
52
|
+
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
53
|
+
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
54
|
+
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
55
|
+
colorBrandForegroundInverted: colors_1.hcCanvasText,
|
56
|
+
colorBrandForegroundInvertedHover: colors_1.hcCanvasText,
|
57
|
+
colorBrandForegroundInvertedPressed: colors_1.hcCanvasText,
|
58
|
+
colorBrandForegroundOnLight: colors_1.hcButtonText,
|
59
|
+
colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
|
60
|
+
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
|
61
|
+
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
|
62
|
+
colorNeutralBackground1: colors_1.hcCanvas,
|
63
|
+
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
64
|
+
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
65
|
+
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
66
|
+
colorNeutralBackground2: colors_1.hcCanvas,
|
67
|
+
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
68
|
+
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
69
|
+
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
70
|
+
colorNeutralBackground3: colors_1.hcCanvas,
|
71
|
+
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
72
|
+
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
73
|
+
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
74
|
+
colorNeutralBackground4: colors_1.hcCanvas,
|
75
|
+
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
76
|
+
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
77
|
+
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
78
|
+
colorNeutralBackground5: colors_1.hcCanvas,
|
79
|
+
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
80
|
+
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
81
|
+
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
82
|
+
colorNeutralBackground6: colors_1.hcCanvas,
|
83
|
+
colorNeutralBackgroundInverted: colors_1.hcCanvas,
|
84
|
+
colorSubtleBackground: 'transparent',
|
85
|
+
colorSubtleBackgroundHover: colors_1.hcHighlight,
|
86
|
+
colorSubtleBackgroundPressed: colors_1.hcHighlight,
|
87
|
+
colorSubtleBackgroundSelected: colors_1.hcHighlight,
|
88
|
+
colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
|
89
|
+
colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
|
90
|
+
colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
|
91
|
+
colorSubtleBackgroundInverted: 'transparent',
|
92
|
+
colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
|
93
|
+
colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
|
94
|
+
colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
|
95
|
+
colorTransparentBackground: 'transparent',
|
96
|
+
colorTransparentBackgroundHover: colors_1.hcHighlight,
|
97
|
+
colorTransparentBackgroundPressed: colors_1.hcHighlight,
|
98
|
+
colorTransparentBackgroundSelected: colors_1.hcHighlight,
|
99
|
+
colorNeutralBackgroundDisabled: colors_1.hcCanvas,
|
100
|
+
colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
|
101
|
+
colorNeutralStencil1: colors_1.hcCanvasText,
|
102
|
+
colorNeutralStencil2: colors_1.hcCanvasText,
|
103
|
+
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
104
|
+
colorScrollbarOverlay: colors_1.hcButtonFace,
|
105
|
+
colorBrandBackground: colors_1.hcButtonFace,
|
106
|
+
colorBrandBackgroundHover: colors_1.hcHighlight,
|
107
|
+
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
108
|
+
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
109
|
+
colorCompoundBrandBackground: colors_1.hcHighlight,
|
110
|
+
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
111
|
+
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
112
|
+
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
113
|
+
colorBrandBackground2: colors_1.hcButtonFace,
|
114
|
+
colorBrandBackgroundInverted: colors_1.hcButtonFace,
|
115
|
+
colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
|
116
|
+
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
|
117
|
+
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
|
118
|
+
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
119
|
+
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
120
|
+
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
121
|
+
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
122
|
+
colorNeutralStroke1: colors_1.hcCanvasText,
|
123
|
+
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
124
|
+
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
125
|
+
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
126
|
+
colorNeutralStroke2: colors_1.hcCanvasText,
|
127
|
+
colorNeutralStroke3: colors_1.hcCanvasText,
|
128
|
+
colorNeutralStrokeOnBrand: colors_1.hcCanvas,
|
129
|
+
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
|
130
|
+
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
|
131
|
+
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
|
132
|
+
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
|
133
|
+
colorBrandStroke1: colors_1.hcCanvasText,
|
134
|
+
colorBrandStroke2: colors_1.hcCanvas,
|
135
|
+
colorCompoundBrandStroke: colors_1.hcHighlight,
|
136
|
+
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
137
|
+
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
138
|
+
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
139
|
+
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
|
140
|
+
colorTransparentStroke: colors_1.hcCanvasText,
|
141
|
+
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
142
|
+
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
143
|
+
colorStrokeFocus1: colors_1.hcCanvas,
|
144
|
+
colorStrokeFocus2: colors_1.hcHighlight,
|
145
|
+
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
146
|
+
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
147
|
+
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
148
|
+
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
149
|
+
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
150
|
+
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
151
|
+
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
152
|
+
colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
|
153
|
+
|
154
|
+
});
|
155
|
+
|
156
|
+
exports.generateColorTokens = generateColorTokens;
|
157
|
+
//# sourceMappingURL=highContrastColor.js.map
|