@fluentui/react-theme 9.1.4 → 9.1.5
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 +22 -1
- package/CHANGELOG.md +12 -2
- package/dist/index.d.ts +178 -412
- package/lib/index.js +1 -5
- package/lib/index.js.map +1 -1
- package/lib-amd/index.js +12 -12
- package/lib-amd/index.js.map +1 -1
- package/lib-commonjs/index.js +12 -24
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +3 -9
- package/lib/alias/darkColor.js +0 -155
- package/lib/alias/darkColor.js.map +0 -1
- package/lib/alias/darkColorPalette.js +0 -44
- package/lib/alias/darkColorPalette.js.map +0 -1
- package/lib/alias/highContrastColor.js +0 -155
- package/lib/alias/highContrastColor.js.map +0 -1
- package/lib/alias/highContrastColorPalette.js +0 -34
- package/lib/alias/highContrastColorPalette.js.map +0 -1
- package/lib/alias/lightColor.js +0 -155
- package/lib/alias/lightColor.js.map +0 -1
- package/lib/alias/lightColorPalette.js +0 -35
- package/lib/alias/lightColorPalette.js.map +0 -1
- package/lib/alias/teamsDarkColor.js +0 -155
- package/lib/alias/teamsDarkColor.js.map +0 -1
- package/lib/global/borderRadius.js +0 -9
- package/lib/global/borderRadius.js.map +0 -1
- package/lib/global/brandColors.js +0 -55
- package/lib/global/brandColors.js.map +0 -1
- package/lib/global/colorPalette.js +0 -41
- package/lib/global/colorPalette.js.map +0 -1
- package/lib/global/colors.js +0 -789
- package/lib/global/colors.js.map +0 -1
- package/lib/global/curves.js +0 -12
- package/lib/global/curves.js.map +0 -1
- package/lib/global/durations.js +0 -10
- package/lib/global/durations.js.map +0 -1
- package/lib/global/fonts.js +0 -38
- package/lib/global/fonts.js.map +0 -1
- package/lib/global/index.js +0 -10
- package/lib/global/index.js.map +0 -1
- package/lib/global/spacings.js +0 -41
- package/lib/global/spacings.js.map +0 -1
- package/lib/global/strokeWidths.js +0 -7
- package/lib/global/strokeWidths.js.map +0 -1
- package/lib/global/typographyStyles.js +0 -110
- package/lib/global/typographyStyles.js.map +0 -1
- package/lib/sharedColorNames.js +0 -9
- package/lib/sharedColorNames.js.map +0 -1
- package/lib/themeToTokensObject.js +0 -19
- package/lib/themeToTokensObject.js.map +0 -1
- package/lib/themes/index.js +0 -3
- package/lib/themes/index.js.map +0 -1
- package/lib/themes/teams/darkTheme.js +0 -4
- package/lib/themes/teams/darkTheme.js.map +0 -1
- package/lib/themes/teams/highContrastTheme.js +0 -3
- package/lib/themes/teams/highContrastTheme.js.map +0 -1
- package/lib/themes/teams/index.js +0 -4
- package/lib/themes/teams/index.js.map +0 -1
- package/lib/themes/teams/lightTheme.js +0 -4
- package/lib/themes/teams/lightTheme.js.map +0 -1
- package/lib/themes/web/darkTheme.js +0 -4
- package/lib/themes/web/darkTheme.js.map +0 -1
- package/lib/themes/web/index.js +0 -3
- package/lib/themes/web/index.js.map +0 -1
- package/lib/themes/web/lightTheme.js +0 -4
- package/lib/themes/web/lightTheme.js.map +0 -1
- package/lib/tokens.js +0 -435
- package/lib/tokens.js.map +0 -1
- package/lib/types.js +0 -2
- package/lib/types.js.map +0 -1
- package/lib/utils/createDarkTheme.js +0 -26
- package/lib/utils/createDarkTheme.js.map +0 -1
- package/lib/utils/createHighContrastTheme.js +0 -26
- package/lib/utils/createHighContrastTheme.js.map +0 -1
- package/lib/utils/createLightTheme.js +0 -26
- package/lib/utils/createLightTheme.js.map +0 -1
- package/lib/utils/createTeamsDarkTheme.js +0 -26
- package/lib/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib/utils/index.js +0 -5
- package/lib/utils/index.js.map +0 -1
- package/lib/utils/shadows.js +0 -11
- package/lib/utils/shadows.js.map +0 -1
- package/lib-amd/alias/darkColor.js +0 -158
- package/lib-amd/alias/darkColor.js.map +0 -1
- package/lib-amd/alias/darkColorPalette.js +0 -47
- package/lib-amd/alias/darkColorPalette.js.map +0 -1
- package/lib-amd/alias/highContrastColor.js +0 -158
- package/lib-amd/alias/highContrastColor.js.map +0 -1
- package/lib-amd/alias/highContrastColorPalette.js +0 -37
- package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
- package/lib-amd/alias/lightColor.js +0 -158
- package/lib-amd/alias/lightColor.js.map +0 -1
- package/lib-amd/alias/lightColorPalette.js +0 -38
- package/lib-amd/alias/lightColorPalette.js.map +0 -1
- package/lib-amd/alias/teamsDarkColor.js +0 -158
- package/lib-amd/alias/teamsDarkColor.js.map +0 -1
- package/lib-amd/global/borderRadius.js +0 -14
- package/lib-amd/global/borderRadius.js.map +0 -1
- package/lib-amd/global/brandColors.js +0 -60
- package/lib-amd/global/brandColors.js.map +0 -1
- package/lib-amd/global/colorPalette.js +0 -45
- package/lib-amd/global/colorPalette.js.map +0 -1
- package/lib-amd/global/colors.js +0 -793
- package/lib-amd/global/colors.js.map +0 -1
- package/lib-amd/global/curves.js +0 -17
- package/lib-amd/global/curves.js.map +0 -1
- package/lib-amd/global/durations.js +0 -15
- package/lib-amd/global/durations.js.map +0 -1
- package/lib-amd/global/fonts.js +0 -45
- package/lib-amd/global/fonts.js.map +0 -1
- package/lib-amd/global/index.js +0 -14
- package/lib-amd/global/index.js.map +0 -1
- package/lib-amd/global/spacings.js +0 -46
- package/lib-amd/global/spacings.js.map +0 -1
- package/lib-amd/global/strokeWidths.js +0 -12
- package/lib-amd/global/strokeWidths.js.map +0 -1
- package/lib-amd/global/typographyStyles.js +0 -113
- package/lib-amd/global/typographyStyles.js.map +0 -1
- package/lib-amd/sharedColorNames.js +0 -64
- package/lib-amd/sharedColorNames.js.map +0 -1
- package/lib-amd/themeToTokensObject.js +0 -24
- package/lib-amd/themeToTokensObject.js.map +0 -1
- package/lib-amd/themes/index.js +0 -7
- package/lib-amd/themes/index.js.map +0 -1
- package/lib-amd/themes/teams/darkTheme.js +0 -7
- package/lib-amd/themes/teams/darkTheme.js.map +0 -1
- package/lib-amd/themes/teams/highContrastTheme.js +0 -7
- package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-amd/themes/teams/index.js +0 -8
- package/lib-amd/themes/teams/index.js.map +0 -1
- package/lib-amd/themes/teams/lightTheme.js +0 -7
- package/lib-amd/themes/teams/lightTheme.js.map +0 -1
- package/lib-amd/themes/web/darkTheme.js +0 -7
- package/lib-amd/themes/web/darkTheme.js.map +0 -1
- package/lib-amd/themes/web/index.js +0 -7
- package/lib-amd/themes/web/index.js.map +0 -1
- package/lib-amd/themes/web/lightTheme.js +0 -7
- package/lib-amd/themes/web/lightTheme.js.map +0 -1
- package/lib-amd/tokens.js +0 -440
- package/lib-amd/tokens.js.map +0 -1
- package/lib-amd/types.js +0 -5
- package/lib-amd/types.js.map +0 -1
- package/lib-amd/utils/createDarkTheme.js +0 -11
- package/lib-amd/utils/createDarkTheme.js.map +0 -1
- package/lib-amd/utils/createHighContrastTheme.js +0 -11
- package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
- package/lib-amd/utils/createLightTheme.js +0 -11
- package/lib-amd/utils/createLightTheme.js.map +0 -1
- package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
- package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-amd/utils/index.js +0 -9
- package/lib-amd/utils/index.js.map +0 -1
- package/lib-amd/utils/shadows.js +0 -19
- package/lib-amd/utils/shadows.js.map +0 -1
- package/lib-commonjs/alias/darkColor.js +0 -165
- package/lib-commonjs/alias/darkColor.js.map +0 -1
- package/lib-commonjs/alias/darkColorPalette.js +0 -53
- package/lib-commonjs/alias/darkColorPalette.js.map +0 -1
- package/lib-commonjs/alias/highContrastColor.js +0 -165
- package/lib-commonjs/alias/highContrastColor.js.map +0 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +0 -43
- package/lib-commonjs/alias/highContrastColorPalette.js.map +0 -1
- package/lib-commonjs/alias/lightColor.js +0 -165
- package/lib-commonjs/alias/lightColor.js.map +0 -1
- package/lib-commonjs/alias/lightColorPalette.js +0 -44
- package/lib-commonjs/alias/lightColorPalette.js.map +0 -1
- package/lib-commonjs/alias/teamsDarkColor.js +0 -165
- package/lib-commonjs/alias/teamsDarkColor.js.map +0 -1
- package/lib-commonjs/global/borderRadius.js +0 -15
- package/lib-commonjs/global/borderRadius.js.map +0 -1
- package/lib-commonjs/global/brandColors.js +0 -61
- package/lib-commonjs/global/brandColors.js.map +0 -1
- package/lib-commonjs/global/colorPalette.js +0 -49
- package/lib-commonjs/global/colorPalette.js.map +0 -1
- package/lib-commonjs/global/colors.js +0 -796
- package/lib-commonjs/global/colors.js.map +0 -1
- package/lib-commonjs/global/curves.js +0 -18
- package/lib-commonjs/global/curves.js.map +0 -1
- package/lib-commonjs/global/durations.js +0 -16
- package/lib-commonjs/global/durations.js.map +0 -1
- package/lib-commonjs/global/fonts.js +0 -44
- package/lib-commonjs/global/fonts.js.map +0 -1
- package/lib-commonjs/global/index.js +0 -26
- package/lib-commonjs/global/index.js.map +0 -1
- package/lib-commonjs/global/spacings.js +0 -47
- package/lib-commonjs/global/spacings.js.map +0 -1
- package/lib-commonjs/global/strokeWidths.js +0 -13
- package/lib-commonjs/global/strokeWidths.js.map +0 -1
- package/lib-commonjs/global/typographyStyles.js +0 -118
- package/lib-commonjs/global/typographyStyles.js.map +0 -1
- package/lib-commonjs/sharedColorNames.js +0 -16
- package/lib-commonjs/sharedColorNames.js.map +0 -1
- package/lib-commonjs/themeToTokensObject.js +0 -28
- package/lib-commonjs/themeToTokensObject.js.map +0 -1
- package/lib-commonjs/themes/index.js +0 -12
- package/lib-commonjs/themes/index.js.map +0 -1
- package/lib-commonjs/themes/teams/darkTheme.js +0 -13
- package/lib-commonjs/themes/teams/darkTheme.js.map +0 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/teams/index.js +0 -14
- package/lib-commonjs/themes/teams/index.js.map +0 -1
- package/lib-commonjs/themes/teams/lightTheme.js +0 -13
- package/lib-commonjs/themes/teams/lightTheme.js.map +0 -1
- package/lib-commonjs/themes/web/darkTheme.js +0 -13
- package/lib-commonjs/themes/web/darkTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.js +0 -12
- package/lib-commonjs/themes/web/index.js.map +0 -1
- package/lib-commonjs/themes/web/lightTheme.js +0 -13
- package/lib-commonjs/themes/web/lightTheme.js.map +0 -1
- package/lib-commonjs/tokens.js +0 -441
- package/lib-commonjs/tokens.js.map +0 -1
- package/lib-commonjs/types.js +0 -6
- package/lib-commonjs/types.js.map +0 -1
- package/lib-commonjs/utils/createDarkTheme.js +0 -42
- package/lib-commonjs/utils/createDarkTheme.js.map +0 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +0 -42
- package/lib-commonjs/utils/createHighContrastTheme.js.map +0 -1
- package/lib-commonjs/utils/createLightTheme.js +0 -42
- package/lib-commonjs/utils/createLightTheme.js.map +0 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +0 -42
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +0 -1
- package/lib-commonjs/utils/index.js +0 -16
- package/lib-commonjs/utils/index.js.map +0 -1
- package/lib-commonjs/utils/shadows.js +0 -20
- package/lib-commonjs/utils/shadows.js.map +0 -1
@@ -1,26 +0,0 @@
|
|
1
|
-
import { colorPaletteTokens } from '../alias/highContrastColorPalette';
|
2
|
-
import { generateColorTokens } from '../alias/highContrastColor';
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
|
-
import { createShadowTokens } from './shadows';
|
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
|
-
};
|
25
|
-
};
|
26
|
-
//# sourceMappingURL=createHighContrastTheme.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/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;EACjD,MAAM,WAAW,GAAG,mBAAmB,EAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;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,26 +0,0 @@
|
|
1
|
-
import { colorPaletteTokens } from '../alias/lightColorPalette';
|
2
|
-
import { generateColorTokens } from '../alias/lightColor';
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
|
-
import { createShadowTokens } from './shadows';
|
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
|
-
};
|
25
|
-
};
|
26
|
-
//# sourceMappingURL=createLightTheme.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/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;EACvE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;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,26 +0,0 @@
|
|
1
|
-
import { colorPaletteTokens } from '../alias/darkColorPalette';
|
2
|
-
import { generateColorTokens } from '../alias/teamsDarkColor';
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
|
4
|
-
import { createShadowTokens } from './shadows';
|
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
|
-
};
|
25
|
-
};
|
26
|
-
//# sourceMappingURL=createTeamsDarkTheme.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;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;EAC3E,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\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
DELETED
package/lib/utils/index.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-theme/src/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
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
2
|
-
return {
|
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
|
-
};
|
10
|
-
}
|
11
|
-
//# sourceMappingURL=shadows.js.map
|
package/lib/utils/shadows.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-theme/src/utils/shadows.ts"],"names":[],"mappings":"AAKA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAqE,WAAA,GAA4B,EAAjG,EAAmG;EACvG,OAAO;IACL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;IAEL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;IAGL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;IAIL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;IAKL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;IAML,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;EANvE,CAAP;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/"}
|
@@ -1,158 +0,0 @@
|
|
1
|
-
/* !!! DO NOT EDIT !!! */
|
2
|
-
/* This file has been generated by the token pipeline */
|
3
|
-
define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
|
4
|
-
"use strict";
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.generateColorTokens = void 0;
|
7
|
-
var generateColorTokens = function (brand) { return ({
|
8
|
-
colorNeutralForeground1: colors_1.white,
|
9
|
-
colorNeutralForeground1Hover: colors_1.white,
|
10
|
-
colorNeutralForeground1Pressed: colors_1.white,
|
11
|
-
colorNeutralForeground1Selected: colors_1.white,
|
12
|
-
colorNeutralForeground2: colors_1.grey[84],
|
13
|
-
colorNeutralForeground2Hover: colors_1.white,
|
14
|
-
colorNeutralForeground2Pressed: colors_1.white,
|
15
|
-
colorNeutralForeground2Selected: colors_1.white,
|
16
|
-
colorNeutralForeground2BrandHover: brand[100],
|
17
|
-
colorNeutralForeground2BrandPressed: brand[90],
|
18
|
-
colorNeutralForeground2BrandSelected: brand[100],
|
19
|
-
colorNeutralForeground3: colors_1.grey[68],
|
20
|
-
colorNeutralForeground3Hover: colors_1.grey[84],
|
21
|
-
colorNeutralForeground3Pressed: colors_1.grey[84],
|
22
|
-
colorNeutralForeground3Selected: colors_1.grey[84],
|
23
|
-
colorNeutralForeground3BrandHover: brand[100],
|
24
|
-
colorNeutralForeground3BrandPressed: brand[90],
|
25
|
-
colorNeutralForeground3BrandSelected: brand[100],
|
26
|
-
colorNeutralForeground4: colors_1.grey[60],
|
27
|
-
colorNeutralForegroundDisabled: colors_1.grey[36],
|
28
|
-
colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
|
29
|
-
colorBrandForegroundLink: brand[100],
|
30
|
-
colorBrandForegroundLinkHover: brand[110],
|
31
|
-
colorBrandForegroundLinkPressed: brand[90],
|
32
|
-
colorBrandForegroundLinkSelected: brand[100],
|
33
|
-
colorNeutralForeground2Link: colors_1.grey[84],
|
34
|
-
colorNeutralForeground2LinkHover: colors_1.white,
|
35
|
-
colorNeutralForeground2LinkPressed: colors_1.white,
|
36
|
-
colorNeutralForeground2LinkSelected: colors_1.white,
|
37
|
-
colorCompoundBrandForeground1: brand[100],
|
38
|
-
colorCompoundBrandForeground1Hover: brand[110],
|
39
|
-
colorCompoundBrandForeground1Pressed: brand[90],
|
40
|
-
colorBrandForeground1: brand[100],
|
41
|
-
colorBrandForeground2: brand[110],
|
42
|
-
colorNeutralForeground1Static: colors_1.grey[14],
|
43
|
-
colorNeutralForegroundStaticInverted: colors_1.white,
|
44
|
-
colorNeutralForegroundInverted: colors_1.grey[14],
|
45
|
-
colorNeutralForegroundInvertedHover: colors_1.grey[14],
|
46
|
-
colorNeutralForegroundInvertedPressed: colors_1.grey[14],
|
47
|
-
colorNeutralForegroundInvertedSelected: colors_1.grey[14],
|
48
|
-
colorNeutralForegroundInverted2: colors_1.grey[14],
|
49
|
-
colorNeutralForegroundOnBrand: colors_1.white,
|
50
|
-
colorNeutralForegroundInvertedLink: colors_1.white,
|
51
|
-
colorNeutralForegroundInvertedLinkHover: colors_1.white,
|
52
|
-
colorNeutralForegroundInvertedLinkPressed: colors_1.white,
|
53
|
-
colorNeutralForegroundInvertedLinkSelected: colors_1.white,
|
54
|
-
colorBrandForegroundInverted: brand[80],
|
55
|
-
colorBrandForegroundInvertedHover: brand[70],
|
56
|
-
colorBrandForegroundInvertedPressed: brand[60],
|
57
|
-
colorBrandForegroundOnLight: brand[80],
|
58
|
-
colorBrandForegroundOnLightHover: brand[70],
|
59
|
-
colorBrandForegroundOnLightPressed: brand[50],
|
60
|
-
colorBrandForegroundOnLightSelected: brand[60],
|
61
|
-
colorNeutralBackground1: colors_1.grey[16],
|
62
|
-
colorNeutralBackground1Hover: colors_1.grey[24],
|
63
|
-
colorNeutralBackground1Pressed: colors_1.grey[12],
|
64
|
-
colorNeutralBackground1Selected: colors_1.grey[22],
|
65
|
-
colorNeutralBackground2: colors_1.grey[12],
|
66
|
-
colorNeutralBackground2Hover: colors_1.grey[20],
|
67
|
-
colorNeutralBackground2Pressed: colors_1.grey[8],
|
68
|
-
colorNeutralBackground2Selected: colors_1.grey[18],
|
69
|
-
colorNeutralBackground3: colors_1.grey[8],
|
70
|
-
colorNeutralBackground3Hover: colors_1.grey[16],
|
71
|
-
colorNeutralBackground3Pressed: colors_1.grey[4],
|
72
|
-
colorNeutralBackground3Selected: colors_1.grey[14],
|
73
|
-
colorNeutralBackground4: colors_1.grey[4],
|
74
|
-
colorNeutralBackground4Hover: colors_1.grey[12],
|
75
|
-
colorNeutralBackground4Pressed: colors_1.black,
|
76
|
-
colorNeutralBackground4Selected: colors_1.grey[10],
|
77
|
-
colorNeutralBackground5: colors_1.black,
|
78
|
-
colorNeutralBackground5Hover: colors_1.grey[8],
|
79
|
-
colorNeutralBackground5Pressed: colors_1.grey[2],
|
80
|
-
colorNeutralBackground5Selected: colors_1.grey[6],
|
81
|
-
colorNeutralBackground6: colors_1.grey[20],
|
82
|
-
colorNeutralBackgroundInverted: colors_1.white,
|
83
|
-
colorNeutralBackgroundStatic: 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
|
-
colorNeutralStencil1Alpha: colors_1.whiteAlpha[10],
|
104
|
-
colorNeutralStencil2Alpha: colors_1.whiteAlpha[5],
|
105
|
-
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
106
|
-
colorScrollbarOverlay: colors_1.whiteAlpha[60],
|
107
|
-
colorBrandBackground: brand[70],
|
108
|
-
colorBrandBackgroundHover: brand[80],
|
109
|
-
colorBrandBackgroundPressed: brand[40],
|
110
|
-
colorBrandBackgroundSelected: brand[60],
|
111
|
-
colorCompoundBrandBackground: brand[100],
|
112
|
-
colorCompoundBrandBackgroundHover: brand[110],
|
113
|
-
colorCompoundBrandBackgroundPressed: brand[90],
|
114
|
-
colorBrandBackgroundStatic: brand[80],
|
115
|
-
colorBrandBackground2: brand[40],
|
116
|
-
colorBrandBackgroundInverted: colors_1.white,
|
117
|
-
colorBrandBackgroundInvertedHover: brand[160],
|
118
|
-
colorBrandBackgroundInvertedPressed: brand[140],
|
119
|
-
colorBrandBackgroundInvertedSelected: brand[150],
|
120
|
-
colorNeutralStrokeAccessible: colors_1.grey[68],
|
121
|
-
colorNeutralStrokeAccessibleHover: colors_1.grey[74],
|
122
|
-
colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
|
123
|
-
colorNeutralStrokeAccessibleSelected: brand[100],
|
124
|
-
colorNeutralStroke1: colors_1.grey[40],
|
125
|
-
colorNeutralStroke1Hover: colors_1.grey[46],
|
126
|
-
colorNeutralStroke1Pressed: colors_1.grey[42],
|
127
|
-
colorNeutralStroke1Selected: colors_1.grey[44],
|
128
|
-
colorNeutralStroke2: colors_1.grey[32],
|
129
|
-
colorNeutralStroke3: colors_1.grey[24],
|
130
|
-
colorNeutralStrokeOnBrand: colors_1.grey[16],
|
131
|
-
colorNeutralStrokeOnBrand2: colors_1.white,
|
132
|
-
colorNeutralStrokeOnBrand2Hover: colors_1.white,
|
133
|
-
colorNeutralStrokeOnBrand2Pressed: colors_1.white,
|
134
|
-
colorNeutralStrokeOnBrand2Selected: colors_1.white,
|
135
|
-
colorBrandStroke1: brand[100],
|
136
|
-
colorBrandStroke2: brand[50],
|
137
|
-
colorCompoundBrandStroke: brand[100],
|
138
|
-
colorCompoundBrandStrokeHover: brand[110],
|
139
|
-
colorCompoundBrandStrokePressed: brand[90],
|
140
|
-
colorNeutralStrokeDisabled: colors_1.grey[26],
|
141
|
-
colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
|
142
|
-
colorTransparentStroke: 'transparent',
|
143
|
-
colorTransparentStrokeInteractive: 'transparent',
|
144
|
-
colorTransparentStrokeDisabled: 'transparent',
|
145
|
-
colorStrokeFocus1: colors_1.black,
|
146
|
-
colorStrokeFocus2: colors_1.white,
|
147
|
-
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
148
|
-
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
149
|
-
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
150
|
-
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
151
|
-
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
152
|
-
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
153
|
-
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
154
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
|
155
|
-
}); };
|
156
|
-
exports.generateColorTokens = generateColorTokens;
|
157
|
-
});
|
158
|
-
//# sourceMappingURL=darkColor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"darkColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/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[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\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 colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\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"]}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
/* color palette used in both darkTheme and teamsDarkTheme */
|
2
|
-
define(["require", "exports", "tslib", "../global/colorPalette", "../sharedColorNames"], function (require, exports, tslib_1, colorPalette_1, sharedColorNames_1) {
|
3
|
-
"use strict";
|
4
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
5
|
-
exports.colorPaletteTokens = void 0;
|
6
|
-
var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
|
7
|
-
var _a;
|
8
|
-
var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
9
|
-
var sharedColorTokens = (_a = {},
|
10
|
-
_a["colorPalette" + color + "Background1"] = colorPalette_1.statusSharedColors[sharedColor].shade40,
|
11
|
-
_a["colorPalette" + color + "Background2"] = colorPalette_1.statusSharedColors[sharedColor].shade30,
|
12
|
-
_a["colorPalette" + color + "Background3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
|
13
|
-
_a["colorPalette" + color + "Foreground1"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
|
14
|
-
_a["colorPalette" + color + "Foreground2"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
|
15
|
-
_a["colorPalette" + color + "Foreground3"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
|
16
|
-
_a["colorPalette" + color + "BorderActive"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
|
17
|
-
_a["colorPalette" + color + "Border1"] = colorPalette_1.statusSharedColors[sharedColor].primary,
|
18
|
-
_a["colorPalette" + color + "Border2"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
|
19
|
-
_a);
|
20
|
-
return Object.assign(acc, sharedColorTokens);
|
21
|
-
}, {});
|
22
|
-
// one-off patches
|
23
|
-
statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
|
24
|
-
statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
|
25
|
-
statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40;
|
26
|
-
statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40;
|
27
|
-
statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30;
|
28
|
-
statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30;
|
29
|
-
statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary;
|
30
|
-
statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary;
|
31
|
-
statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30;
|
32
|
-
var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
|
33
|
-
var _a;
|
34
|
-
var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
35
|
-
var sharedColorTokens = (_a = {},
|
36
|
-
_a["colorPalette" + color + "Background2"] = colorPalette_1.personaSharedColors[sharedColor].shade30,
|
37
|
-
_a["colorPalette" + color + "Foreground2"] = colorPalette_1.personaSharedColors[sharedColor].tint40,
|
38
|
-
_a["colorPalette" + color + "BorderActive"] = colorPalette_1.personaSharedColors[sharedColor].tint30,
|
39
|
-
_a);
|
40
|
-
return Object.assign(acc, sharedColorTokens);
|
41
|
-
}, {});
|
42
|
-
// one-off patches
|
43
|
-
personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
|
44
|
-
personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
|
45
|
-
exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
|
46
|
-
});
|
47
|
-
//# sourceMappingURL=darkColorPalette.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"darkColorPalette.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { 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 Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\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 Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}
|
@@ -1,158 +0,0 @@
|
|
1
|
-
/* !!! DO NOT EDIT !!! */
|
2
|
-
/* This file has been generated by the token pipeline */
|
3
|
-
define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
|
4
|
-
"use strict";
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.generateColorTokens = void 0;
|
7
|
-
var generateColorTokens = function () { return ({
|
8
|
-
colorNeutralForeground1: colors_1.hcCanvasText,
|
9
|
-
colorNeutralForeground1Hover: colors_1.hcHighlightText,
|
10
|
-
colorNeutralForeground1Pressed: colors_1.hcHighlightText,
|
11
|
-
colorNeutralForeground1Selected: colors_1.hcHighlightText,
|
12
|
-
colorNeutralForeground2: colors_1.hcCanvasText,
|
13
|
-
colorNeutralForeground2Hover: colors_1.hcHighlightText,
|
14
|
-
colorNeutralForeground2Pressed: colors_1.hcHighlightText,
|
15
|
-
colorNeutralForeground2Selected: colors_1.hcHighlightText,
|
16
|
-
colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
|
17
|
-
colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
|
18
|
-
colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
|
19
|
-
colorNeutralForeground3: colors_1.hcCanvasText,
|
20
|
-
colorNeutralForeground3Hover: colors_1.hcHighlightText,
|
21
|
-
colorNeutralForeground3Pressed: colors_1.hcHighlightText,
|
22
|
-
colorNeutralForeground3Selected: colors_1.hcHighlightText,
|
23
|
-
colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
|
24
|
-
colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
|
25
|
-
colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
|
26
|
-
colorNeutralForeground4: colors_1.hcCanvasText,
|
27
|
-
colorNeutralForegroundDisabled: colors_1.hcDisabled,
|
28
|
-
colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
|
29
|
-
colorBrandForegroundLink: colors_1.hcHyperlink,
|
30
|
-
colorBrandForegroundLinkHover: colors_1.hcHyperlink,
|
31
|
-
colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
|
32
|
-
colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
|
33
|
-
colorNeutralForeground2Link: colors_1.hcHyperlink,
|
34
|
-
colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
|
35
|
-
colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
|
36
|
-
colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
|
37
|
-
colorCompoundBrandForeground1: colors_1.hcHighlight,
|
38
|
-
colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
|
39
|
-
colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
|
40
|
-
colorBrandForeground1: colors_1.hcCanvasText,
|
41
|
-
colorBrandForeground2: colors_1.hcButtonText,
|
42
|
-
colorNeutralForeground1Static: colors_1.hcCanvas,
|
43
|
-
colorNeutralForegroundStaticInverted: colors_1.hcCanvasText,
|
44
|
-
colorNeutralForegroundInverted: colors_1.hcHighlightText,
|
45
|
-
colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
|
46
|
-
colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
|
47
|
-
colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
|
48
|
-
colorNeutralForegroundInverted2: colors_1.hcCanvasText,
|
49
|
-
colorNeutralForegroundOnBrand: colors_1.hcButtonText,
|
50
|
-
colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
|
51
|
-
colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
|
52
|
-
colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
|
53
|
-
colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
|
54
|
-
colorBrandForegroundInverted: colors_1.hcCanvasText,
|
55
|
-
colorBrandForegroundInvertedHover: colors_1.hcHighlightText,
|
56
|
-
colorBrandForegroundInvertedPressed: colors_1.hcHighlightText,
|
57
|
-
colorBrandForegroundOnLight: colors_1.hcButtonText,
|
58
|
-
colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
|
59
|
-
colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
|
60
|
-
colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
|
61
|
-
colorNeutralBackground1: colors_1.hcCanvas,
|
62
|
-
colorNeutralBackground1Hover: colors_1.hcHighlight,
|
63
|
-
colorNeutralBackground1Pressed: colors_1.hcHighlight,
|
64
|
-
colorNeutralBackground1Selected: colors_1.hcHighlight,
|
65
|
-
colorNeutralBackground2: colors_1.hcCanvas,
|
66
|
-
colorNeutralBackground2Hover: colors_1.hcHighlight,
|
67
|
-
colorNeutralBackground2Pressed: colors_1.hcHighlight,
|
68
|
-
colorNeutralBackground2Selected: colors_1.hcHighlight,
|
69
|
-
colorNeutralBackground3: colors_1.hcCanvas,
|
70
|
-
colorNeutralBackground3Hover: colors_1.hcHighlight,
|
71
|
-
colorNeutralBackground3Pressed: colors_1.hcHighlight,
|
72
|
-
colorNeutralBackground3Selected: colors_1.hcHighlight,
|
73
|
-
colorNeutralBackground4: colors_1.hcCanvas,
|
74
|
-
colorNeutralBackground4Hover: colors_1.hcHighlight,
|
75
|
-
colorNeutralBackground4Pressed: colors_1.hcHighlight,
|
76
|
-
colorNeutralBackground4Selected: colors_1.hcHighlight,
|
77
|
-
colorNeutralBackground5: colors_1.hcCanvas,
|
78
|
-
colorNeutralBackground5Hover: colors_1.hcHighlight,
|
79
|
-
colorNeutralBackground5Pressed: colors_1.hcHighlight,
|
80
|
-
colorNeutralBackground5Selected: colors_1.hcHighlight,
|
81
|
-
colorNeutralBackground6: colors_1.hcCanvas,
|
82
|
-
colorNeutralBackgroundInverted: colors_1.hcCanvas,
|
83
|
-
colorNeutralBackgroundStatic: 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
|
-
colorNeutralStencil1Alpha: colors_1.hcCanvasText,
|
104
|
-
colorNeutralStencil2Alpha: colors_1.hcCanvasText,
|
105
|
-
colorBackgroundOverlay: colors_1.blackAlpha[50],
|
106
|
-
colorScrollbarOverlay: colors_1.hcButtonFace,
|
107
|
-
colorBrandBackground: colors_1.hcButtonFace,
|
108
|
-
colorBrandBackgroundHover: colors_1.hcHighlight,
|
109
|
-
colorBrandBackgroundPressed: colors_1.hcHighlight,
|
110
|
-
colorBrandBackgroundSelected: colors_1.hcHighlight,
|
111
|
-
colorCompoundBrandBackground: colors_1.hcHighlight,
|
112
|
-
colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
|
113
|
-
colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
|
114
|
-
colorBrandBackgroundStatic: colors_1.hcCanvas,
|
115
|
-
colorBrandBackground2: colors_1.hcButtonFace,
|
116
|
-
colorBrandBackgroundInverted: colors_1.hcButtonFace,
|
117
|
-
colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
|
118
|
-
colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
|
119
|
-
colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
|
120
|
-
colorNeutralStrokeAccessible: colors_1.hcCanvasText,
|
121
|
-
colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
|
122
|
-
colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
|
123
|
-
colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
|
124
|
-
colorNeutralStroke1: colors_1.hcCanvasText,
|
125
|
-
colorNeutralStroke1Hover: colors_1.hcHighlight,
|
126
|
-
colorNeutralStroke1Pressed: colors_1.hcHighlight,
|
127
|
-
colorNeutralStroke1Selected: colors_1.hcHighlight,
|
128
|
-
colorNeutralStroke2: colors_1.hcCanvasText,
|
129
|
-
colorNeutralStroke3: colors_1.hcCanvasText,
|
130
|
-
colorNeutralStrokeOnBrand: colors_1.hcCanvas,
|
131
|
-
colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
|
132
|
-
colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
|
133
|
-
colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
|
134
|
-
colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
|
135
|
-
colorBrandStroke1: colors_1.hcCanvasText,
|
136
|
-
colorBrandStroke2: colors_1.hcCanvasText,
|
137
|
-
colorCompoundBrandStroke: colors_1.hcHighlight,
|
138
|
-
colorCompoundBrandStrokeHover: colors_1.hcHighlight,
|
139
|
-
colorCompoundBrandStrokePressed: colors_1.hcHighlight,
|
140
|
-
colorNeutralStrokeDisabled: colors_1.hcDisabled,
|
141
|
-
colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
|
142
|
-
colorTransparentStroke: colors_1.hcCanvasText,
|
143
|
-
colorTransparentStrokeInteractive: colors_1.hcHighlight,
|
144
|
-
colorTransparentStrokeDisabled: colors_1.hcDisabled,
|
145
|
-
colorStrokeFocus1: colors_1.hcCanvas,
|
146
|
-
colorStrokeFocus2: colors_1.hcHighlight,
|
147
|
-
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
148
|
-
colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
|
149
|
-
colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
|
150
|
-
colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
|
151
|
-
colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
|
152
|
-
colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
|
153
|
-
colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
|
154
|
-
colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
|
155
|
-
}); };
|
156
|
-
exports.generateColorTokens = generateColorTokens;
|
157
|
-
});
|
158
|
-
//# sourceMappingURL=highContrastColor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"highContrastColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/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: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\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 colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: 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"]}
|