@fluentui/react-theme 9.0.0-rc.5 → 9.0.0-rc.8
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 +116 -1
- package/CHANGELOG.md +77 -41
- package/dist/{react-theme.d.ts → index.d.ts} +100 -1
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/darkColor.js +14 -10
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/highContrastColor.js +4 -0
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/lightColor.js +4 -0
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +14 -10
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/brandColors.js +16 -16
- package/lib/global/brandColors.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/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/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +3 -2
- package/lib/index.js.map +1 -1
- package/lib/tokens.js +46 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +7 -0
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +7 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +7 -0
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +7 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +14 -10
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +4 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +4 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +14 -10
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +16 -16
- package/lib-commonjs/global/brandColors.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/index.js +10 -0
- 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/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +73 -4
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/tokens.js +46 -1
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +10 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +10 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +10 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +10 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/package.json +5 -4
- package/lib/alias/darkColor.d.ts +0 -2
- package/lib/alias/darkColorPalette.d.ts +0 -2
- package/lib/alias/highContrastColor.d.ts +0 -2
- package/lib/alias/highContrastColorPalette.d.ts +0 -2
- package/lib/alias/lightColor.d.ts +0 -2
- package/lib/alias/lightColorPalette.d.ts +0 -2
- package/lib/alias/teamsDarkColor.d.ts +0 -2
- package/lib/alias/teamsDarkColorPalette.d.ts +0 -2
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -4
- package/lib/global/colors.d.ts +0 -16
- 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 -5
- package/lib/themeToTokensObject.d.ts +0 -10
- 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/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/tokens.d.ts +0 -2
- package/lib/types.d.ts +0 -344
- 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 -4
- package/lib/utils/shadows.d.ts +0 -3
- package/lib-commonjs/alias/darkColor.d.ts +0 -2
- package/lib-commonjs/alias/darkColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/highContrastColor.d.ts +0 -2
- package/lib-commonjs/alias/highContrastColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/lightColor.d.ts +0 -2
- package/lib-commonjs/alias/lightColorPalette.d.ts +0 -2
- package/lib-commonjs/alias/teamsDarkColor.d.ts +0 -2
- package/lib-commonjs/alias/teamsDarkColorPalette.d.ts +0 -2
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -4
- package/lib-commonjs/global/colors.d.ts +0 -16
- 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 -5
- package/lib-commonjs/themeToTokensObject.d.ts +0 -10
- 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/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/tokens.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -344
- 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 -4
- package/lib-commonjs/utils/shadows.d.ts +0 -3
@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
|
|
13
13
|
|
14
14
|
const shadows_1 = /*#__PURE__*/require("./shadows");
|
15
15
|
|
16
|
+
const durations_1 = /*#__PURE__*/require("../global/durations");
|
17
|
+
|
18
|
+
const curves_1 = /*#__PURE__*/require("../global/curves");
|
19
|
+
|
20
|
+
const spacings_1 = /*#__PURE__*/require("../global/spacings");
|
21
|
+
|
16
22
|
const createLightTheme = brand => {
|
17
23
|
const colorTokens = lightColor_1.generateColorTokens(brand);
|
18
24
|
return { ...index_1.borderRadius,
|
@@ -21,6 +27,10 @@ const createLightTheme = brand => {
|
|
21
27
|
...index_1.fontFamilies,
|
22
28
|
...index_1.fontWeights,
|
23
29
|
...index_1.strokeWidths,
|
30
|
+
...spacings_1.horizontalSpacings,
|
31
|
+
...spacings_1.verticalSpacings,
|
32
|
+
...durations_1.durations,
|
33
|
+
...curves_1.curves,
|
24
34
|
...colorTokens,
|
25
35
|
...lightColorPalette_1.colorPaletteTokens,
|
26
36
|
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["utils/createLightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;AACvE,QAAM,WAAW,GAAG,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,mBAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","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/"}
|
@@ -13,6 +13,12 @@ const index_1 = /*#__PURE__*/require("../global/index");
|
|
13
13
|
|
14
14
|
const shadows_1 = /*#__PURE__*/require("./shadows");
|
15
15
|
|
16
|
+
const durations_1 = /*#__PURE__*/require("../global/durations");
|
17
|
+
|
18
|
+
const curves_1 = /*#__PURE__*/require("../global/curves");
|
19
|
+
|
20
|
+
const spacings_1 = /*#__PURE__*/require("../global/spacings");
|
21
|
+
|
16
22
|
const createTeamsDarkTheme = brand => {
|
17
23
|
const colorTokens = teamsDarkColor_1.generateColorTokens(brand);
|
18
24
|
return { ...index_1.borderRadius,
|
@@ -21,6 +27,10 @@ const createTeamsDarkTheme = brand => {
|
|
21
27
|
...index_1.fontFamilies,
|
22
28
|
...index_1.fontWeights,
|
23
29
|
...index_1.strokeWidths,
|
30
|
+
...spacings_1.horizontalSpacings,
|
31
|
+
...spacings_1.verticalSpacings,
|
32
|
+
...durations_1.durations,
|
33
|
+
...curves_1.curves,
|
24
34
|
...colorTokens,
|
25
35
|
...teamsDarkColorPalette_1.colorPaletteTokens,
|
26
36
|
...shadows_1.createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,uBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["utils/createTeamsDarkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,uBAAA,gBAAA,OAAA,CAAA,gCAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AAEA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,QAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAEO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;AAC3E,QAAM,WAAW,GAAG,gBAAA,CAAA,mBAAA,CAAoB,KAApB,CAApB;AAEA,SAAO,EACL,GAAG,OAAA,CAAA,YADE;AAEL,OAAG,OAAA,CAAA,SAFE;AAGL,OAAG,OAAA,CAAA,WAHE;AAIL,OAAG,OAAA,CAAA,YAJE;AAKL,OAAG,OAAA,CAAA,WALE;AAML,OAAG,OAAA,CAAA,YANE;AAOL,OAAG,UAAA,CAAA,kBAPE;AAQL,OAAG,UAAA,CAAA,gBARE;AASL,OAAG,WAAA,CAAA,SATE;AAUL,OAAG,QAAA,CAAA,MAVE;AAYL,OAAG,WAZE;AAaL,OAAG,uBAAA,CAAA,kBAbE;AAeL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,yBAA/B,EAA0D,WAAW,CAAC,qBAAtE,CAfE;AAgBL,OAAG,SAAA,CAAA,kBAAA,CAAmB,WAAW,CAAC,uBAA/B,EAAwD,WAAW,CAAC,mBAApE,EAAyF,OAAzF;AAhBE,GAAP;AAkBD,CArBM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","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/package.json
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-theme",
|
3
|
-
"version": "9.0.0-rc.
|
3
|
+
"version": "9.0.0-rc.8",
|
4
4
|
"description": "Fluent UI themes",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
7
|
-
"typings": "
|
7
|
+
"typings": "dist/index.d.ts",
|
8
8
|
"sideEffects": false,
|
9
9
|
"repository": {
|
10
10
|
"type": "git",
|
@@ -19,10 +19,11 @@
|
|
19
19
|
"just": "just-scripts",
|
20
20
|
"lint": "just-scripts lint",
|
21
21
|
"start": "yarn storybook",
|
22
|
-
"storybook": "node
|
22
|
+
"storybook": "node ../../../scripts/storybook/runner",
|
23
23
|
"test": "jest --passWithNoTests",
|
24
24
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
25
|
-
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node
|
25
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-theme/src && yarn docs",
|
26
|
+
"token-pipeline": "node -r ../../../scripts/ts-node-register ../../../scripts/token-pipeline.ts",
|
26
27
|
"type-check": "tsc -b tsconfig.json"
|
27
28
|
},
|
28
29
|
"devDependencies": {
|
package/lib/alias/darkColor.d.ts
DELETED
package/lib/global/colors.d.ts
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { GlobalSharedColors, Greys, AlphaColors } from '../types';
|
2
|
-
export declare const grey: Record<Greys, string>;
|
3
|
-
export declare const whiteAlpha: Record<AlphaColors, string>;
|
4
|
-
export declare const blackAlpha: Record<AlphaColors, string>;
|
5
|
-
export declare const grey14Alpha: Record<AlphaColors, string>;
|
6
|
-
export declare const white = "#ffffff";
|
7
|
-
export declare const black = "#000000";
|
8
|
-
export declare const hcHyperlink = "#ffff00";
|
9
|
-
export declare const hcHighlight = "#1aebff";
|
10
|
-
export declare const hcDisabled = "#3ff23f";
|
11
|
-
export declare const hcCanvas = "#000000";
|
12
|
-
export declare const hcCanvasText = "#ffffff";
|
13
|
-
export declare const hcHighlightText = "#000000";
|
14
|
-
export declare const hcButtonText = "#000000";
|
15
|
-
export declare const hcButtonFace = "#ffffff";
|
16
|
-
export declare const sharedColors: GlobalSharedColors;
|
package/lib/global/fonts.d.ts
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';
|
2
|
-
export declare const fontSizes: FontSizeTokens;
|
3
|
-
export declare const lineHeights: LineHeightTokens;
|
4
|
-
export declare const fontWeights: FontWeightTokens;
|
5
|
-
export declare const fontFamilies: FontFamilyTokens;
|
package/lib/global/index.d.ts
DELETED
package/lib/index.d.ts
DELETED
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from './themes/index';
|
2
|
-
export * from './utils/index';
|
3
|
-
export { themeToTokensObject } from './themeToTokensObject';
|
4
|
-
export { tokens } from './tokens';
|
5
|
-
export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, } from './types';
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { Theme } from './types';
|
2
|
-
/**
|
3
|
-
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
4
|
-
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
5
|
-
* affect tree-shaking since bundlers do not know the shape of the output.
|
6
|
-
*
|
7
|
-
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
8
|
-
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
9
|
-
*/
|
10
|
-
export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string>;
|
package/lib/themes/index.d.ts
DELETED
package/lib/tokens.d.ts
DELETED
package/lib/types.d.ts
DELETED
@@ -1,344 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Design tokens for alias colors
|
3
|
-
*/
|
4
|
-
export declare type ColorTokens = {
|
5
|
-
colorNeutralForeground1: string;
|
6
|
-
colorNeutralForeground1Hover: string;
|
7
|
-
colorNeutralForeground1Pressed: string;
|
8
|
-
colorNeutralForeground1Selected: string;
|
9
|
-
colorNeutralForeground2: string;
|
10
|
-
colorNeutralForeground2Hover: string;
|
11
|
-
colorNeutralForeground2Pressed: string;
|
12
|
-
colorNeutralForeground2Selected: string;
|
13
|
-
colorNeutralForeground2BrandHover: string;
|
14
|
-
colorNeutralForeground2BrandPressed: string;
|
15
|
-
colorNeutralForeground2BrandSelected: string;
|
16
|
-
colorNeutralForeground3: string;
|
17
|
-
colorNeutralForeground3Hover: string;
|
18
|
-
colorNeutralForeground3Pressed: string;
|
19
|
-
colorNeutralForeground3Selected: string;
|
20
|
-
colorNeutralForeground3BrandHover: string;
|
21
|
-
colorNeutralForeground3BrandPressed: string;
|
22
|
-
colorNeutralForeground3BrandSelected: string;
|
23
|
-
colorNeutralForeground4: string;
|
24
|
-
colorNeutralForegroundDisabled: string;
|
25
|
-
colorNeutralForegroundInvertedDisabled: string;
|
26
|
-
colorBrandForegroundLink: string;
|
27
|
-
colorBrandForegroundLinkHover: string;
|
28
|
-
colorBrandForegroundLinkPressed: string;
|
29
|
-
colorBrandForegroundLinkSelected: string;
|
30
|
-
colorCompoundBrandForeground1: string;
|
31
|
-
colorCompoundBrandForeground1Hover: string;
|
32
|
-
colorCompoundBrandForeground1Pressed: string;
|
33
|
-
colorBrandForeground1: string;
|
34
|
-
colorBrandForeground2: string;
|
35
|
-
colorNeutralForeground1Static: string;
|
36
|
-
colorNeutralForegroundInverted: string;
|
37
|
-
colorNeutralForegroundInvertedHover: string;
|
38
|
-
colorNeutralForegroundInvertedPressed: string;
|
39
|
-
colorNeutralForegroundInvertedSelected: string;
|
40
|
-
colorNeutralForegroundOnBrand: string;
|
41
|
-
colorNeutralForegroundInvertedLink: string;
|
42
|
-
colorNeutralForegroundInvertedLinkHover: string;
|
43
|
-
colorNeutralForegroundInvertedLinkPressed: string;
|
44
|
-
colorNeutralForegroundInvertedLinkSelected: string;
|
45
|
-
colorBrandForegroundInverted: string;
|
46
|
-
colorBrandForegroundInvertedHover: string;
|
47
|
-
colorBrandForegroundInvertedPressed: string;
|
48
|
-
colorBrandForegroundOnLight: string;
|
49
|
-
colorBrandForegroundOnLightHover: string;
|
50
|
-
colorBrandForegroundOnLightPressed: string;
|
51
|
-
colorBrandForegroundOnLightSelected: string;
|
52
|
-
colorNeutralBackground1: string;
|
53
|
-
colorNeutralBackground1Hover: string;
|
54
|
-
colorNeutralBackground1Pressed: string;
|
55
|
-
colorNeutralBackground1Selected: string;
|
56
|
-
colorNeutralBackground2: string;
|
57
|
-
colorNeutralBackground2Hover: string;
|
58
|
-
colorNeutralBackground2Pressed: string;
|
59
|
-
colorNeutralBackground2Selected: string;
|
60
|
-
colorNeutralBackground3: string;
|
61
|
-
colorNeutralBackground3Hover: string;
|
62
|
-
colorNeutralBackground3Pressed: string;
|
63
|
-
colorNeutralBackground3Selected: string;
|
64
|
-
colorNeutralBackground4: string;
|
65
|
-
colorNeutralBackground4Hover: string;
|
66
|
-
colorNeutralBackground4Pressed: string;
|
67
|
-
colorNeutralBackground4Selected: string;
|
68
|
-
colorNeutralBackground5: string;
|
69
|
-
colorNeutralBackground5Hover: string;
|
70
|
-
colorNeutralBackground5Pressed: string;
|
71
|
-
colorNeutralBackground5Selected: string;
|
72
|
-
colorNeutralBackground6: string;
|
73
|
-
colorNeutralBackgroundInverted: string;
|
74
|
-
colorSubtleBackground: string;
|
75
|
-
colorSubtleBackgroundHover: string;
|
76
|
-
colorSubtleBackgroundPressed: string;
|
77
|
-
colorSubtleBackgroundSelected: string;
|
78
|
-
colorSubtleBackgroundLightAlphaHover: string;
|
79
|
-
colorSubtleBackgroundLightAlphaPressed: string;
|
80
|
-
colorSubtleBackgroundLightAlphaSelected: string;
|
81
|
-
colorSubtleBackgroundInverted: string;
|
82
|
-
colorSubtleBackgroundInvertedHover: string;
|
83
|
-
colorSubtleBackgroundInvertedPressed: string;
|
84
|
-
colorSubtleBackgroundInvertedSelected: string;
|
85
|
-
colorTransparentBackground: string;
|
86
|
-
colorTransparentBackgroundHover: string;
|
87
|
-
colorTransparentBackgroundPressed: string;
|
88
|
-
colorTransparentBackgroundSelected: string;
|
89
|
-
colorNeutralBackgroundDisabled: string;
|
90
|
-
colorNeutralBackgroundInvertedDisabled: string;
|
91
|
-
colorNeutralStencil1: string;
|
92
|
-
colorNeutralStencil2: string;
|
93
|
-
colorBackgroundOverlay: string;
|
94
|
-
colorScrollbarOverlay: string;
|
95
|
-
colorBrandBackground: string;
|
96
|
-
colorBrandBackgroundHover: string;
|
97
|
-
colorBrandBackgroundPressed: string;
|
98
|
-
colorBrandBackgroundSelected: string;
|
99
|
-
colorCompoundBrandBackground: string;
|
100
|
-
colorCompoundBrandBackgroundHover: string;
|
101
|
-
colorCompoundBrandBackgroundPressed: string;
|
102
|
-
colorBrandBackgroundStatic: string;
|
103
|
-
colorBrandBackground2: string;
|
104
|
-
colorBrandBackgroundInverted: string;
|
105
|
-
colorBrandBackgroundInvertedHover: string;
|
106
|
-
colorBrandBackgroundInvertedPressed: string;
|
107
|
-
colorBrandBackgroundInvertedSelected: string;
|
108
|
-
colorNeutralStrokeAccessible: string;
|
109
|
-
colorNeutralStrokeAccessibleHover: string;
|
110
|
-
colorNeutralStrokeAccessiblePressed: string;
|
111
|
-
colorNeutralStrokeAccessibleSelected: string;
|
112
|
-
colorNeutralStroke1: string;
|
113
|
-
colorNeutralStroke1Hover: string;
|
114
|
-
colorNeutralStroke1Pressed: string;
|
115
|
-
colorNeutralStroke1Selected: string;
|
116
|
-
colorNeutralStroke2: string;
|
117
|
-
colorNeutralStroke3: string;
|
118
|
-
colorNeutralStrokeOnBrand: string;
|
119
|
-
colorNeutralStrokeOnBrand2: string;
|
120
|
-
colorNeutralStrokeOnBrand2Hover: string;
|
121
|
-
colorNeutralStrokeOnBrand2Pressed: string;
|
122
|
-
colorNeutralStrokeOnBrand2Selected: string;
|
123
|
-
colorBrandStroke1: string;
|
124
|
-
colorBrandStroke2: string;
|
125
|
-
colorCompoundBrandStroke: string;
|
126
|
-
colorCompoundBrandStrokeHover: string;
|
127
|
-
colorCompoundBrandStrokePressed: string;
|
128
|
-
colorNeutralStrokeDisabled: string;
|
129
|
-
colorNeutralStrokeInvertedDisabled: string;
|
130
|
-
colorTransparentStroke: string;
|
131
|
-
colorTransparentStrokeInteractive: string;
|
132
|
-
colorTransparentStrokeDisabled: string;
|
133
|
-
colorStrokeFocus1: string;
|
134
|
-
colorStrokeFocus2: string;
|
135
|
-
colorNeutralShadowAmbient: string;
|
136
|
-
colorNeutralShadowKey: string;
|
137
|
-
colorNeutralShadowAmbientLighter: string;
|
138
|
-
colorNeutralShadowKeyLighter: string;
|
139
|
-
colorNeutralShadowAmbientDarker: string;
|
140
|
-
colorNeutralShadowKeyDarker: string;
|
141
|
-
colorBrandShadowAmbient: string;
|
142
|
-
colorBrandShadowKey: string;
|
143
|
-
};
|
144
|
-
export declare type ColorPaletteDarkRed = 'colorPaletteDarkRedBackground1' | 'colorPaletteDarkRedBackground2' | 'colorPaletteDarkRedBackground3' | 'colorPaletteDarkRedForeground1' | 'colorPaletteDarkRedForeground2' | 'colorPaletteDarkRedForeground3' | 'colorPaletteDarkRedBorderActive' | 'colorPaletteDarkRedBorder1' | 'colorPaletteDarkRedBorder2';
|
145
|
-
export declare type ColorPaletteBurgundy = 'colorPaletteBurgundyBackground1' | 'colorPaletteBurgundyBackground2' | 'colorPaletteBurgundyBackground3' | 'colorPaletteBurgundyForeground1' | 'colorPaletteBurgundyForeground2' | 'colorPaletteBurgundyForeground3' | 'colorPaletteBurgundyBorderActive' | 'colorPaletteBurgundyBorder1' | 'colorPaletteBurgundyBorder2';
|
146
|
-
export declare type ColorPaletteCranberry = 'colorPaletteCranberryBackground1' | 'colorPaletteCranberryBackground2' | 'colorPaletteCranberryBackground3' | 'colorPaletteCranberryForeground1' | 'colorPaletteCranberryForeground2' | 'colorPaletteCranberryForeground3' | 'colorPaletteCranberryBorderActive' | 'colorPaletteCranberryBorder1' | 'colorPaletteCranberryBorder2';
|
147
|
-
export declare type ColorPaletteRed = 'colorPaletteRedBackground1' | 'colorPaletteRedBackground2' | 'colorPaletteRedBackground3' | 'colorPaletteRedForeground1' | 'colorPaletteRedForeground2' | 'colorPaletteRedForeground3' | 'colorPaletteRedBorderActive' | 'colorPaletteRedBorder1' | 'colorPaletteRedBorder2';
|
148
|
-
export declare type ColorPaletteDarkOrange = 'colorPaletteDarkOrangeBackground1' | 'colorPaletteDarkOrangeBackground2' | 'colorPaletteDarkOrangeBackground3' | 'colorPaletteDarkOrangeForeground1' | 'colorPaletteDarkOrangeForeground2' | 'colorPaletteDarkOrangeForeground3' | 'colorPaletteDarkOrangeBorderActive' | 'colorPaletteDarkOrangeBorder1' | 'colorPaletteDarkOrangeBorder2';
|
149
|
-
export declare type ColorPaletteBronze = 'colorPaletteBronzeBackground1' | 'colorPaletteBronzeBackground2' | 'colorPaletteBronzeBackground3' | 'colorPaletteBronzeForeground1' | 'colorPaletteBronzeForeground2' | 'colorPaletteBronzeForeground3' | 'colorPaletteBronzeBorderActive' | 'colorPaletteBronzeBorder1' | 'colorPaletteBronzeBorder2';
|
150
|
-
export declare type ColorPalettePumpkin = 'colorPalettePumpkinBackground1' | 'colorPalettePumpkinBackground2' | 'colorPalettePumpkinBackground3' | 'colorPalettePumpkinForeground1' | 'colorPalettePumpkinForeground2' | 'colorPalettePumpkinForeground3' | 'colorPalettePumpkinBorderActive' | 'colorPalettePumpkinBorder1' | 'colorPalettePumpkinBorder2';
|
151
|
-
export declare type ColorPaletteOrange = 'colorPaletteOrangeBackground1' | 'colorPaletteOrangeBackground2' | 'colorPaletteOrangeBackground3' | 'colorPaletteOrangeForeground1' | 'colorPaletteOrangeForeground2' | 'colorPaletteOrangeForeground3' | 'colorPaletteOrangeBorderActive' | 'colorPaletteOrangeBorder1' | 'colorPaletteOrangeBorder2';
|
152
|
-
export declare type ColorPalettePeach = 'colorPalettePeachBackground1' | 'colorPalettePeachBackground2' | 'colorPalettePeachBackground3' | 'colorPalettePeachForeground1' | 'colorPalettePeachForeground2' | 'colorPalettePeachForeground3' | 'colorPalettePeachBorderActive' | 'colorPalettePeachBorder1' | 'colorPalettePeachBorder2';
|
153
|
-
export declare type ColorPaletteMarigold = 'colorPaletteMarigoldBackground1' | 'colorPaletteMarigoldBackground2' | 'colorPaletteMarigoldBackground3' | 'colorPaletteMarigoldForeground1' | 'colorPaletteMarigoldForeground2' | 'colorPaletteMarigoldForeground3' | 'colorPaletteMarigoldBorderActive' | 'colorPaletteMarigoldBorder1' | 'colorPaletteMarigoldBorder2';
|
154
|
-
export declare type ColorPaletteYellow = 'colorPaletteYellowBackground1' | 'colorPaletteYellowBackground2' | 'colorPaletteYellowBackground3' | 'colorPaletteYellowForeground1' | 'colorPaletteYellowForeground2' | 'colorPaletteYellowForeground3' | 'colorPaletteYellowBorderActive' | 'colorPaletteYellowBorder1' | 'colorPaletteYellowBorder2';
|
155
|
-
export declare type ColorPaletteGold = 'colorPaletteGoldBackground1' | 'colorPaletteGoldBackground2' | 'colorPaletteGoldBackground3' | 'colorPaletteGoldForeground1' | 'colorPaletteGoldForeground2' | 'colorPaletteGoldForeground3' | 'colorPaletteGoldBorderActive' | 'colorPaletteGoldBorder1' | 'colorPaletteGoldBorder2';
|
156
|
-
export declare type ColorPaletteBrass = 'colorPaletteBrassBackground1' | 'colorPaletteBrassBackground2' | 'colorPaletteBrassBackground3' | 'colorPaletteBrassForeground1' | 'colorPaletteBrassForeground2' | 'colorPaletteBrassForeground3' | 'colorPaletteBrassBorderActive' | 'colorPaletteBrassBorder1' | 'colorPaletteBrassBorder2';
|
157
|
-
export declare type ColorPaletteBrown = 'colorPaletteBrownBackground1' | 'colorPaletteBrownBackground2' | 'colorPaletteBrownBackground3' | 'colorPaletteBrownForeground1' | 'colorPaletteBrownForeground2' | 'colorPaletteBrownForeground3' | 'colorPaletteBrownBorderActive' | 'colorPaletteBrownBorder1' | 'colorPaletteBrownBorder2';
|
158
|
-
export declare type ColorPaletteDarkBrown = 'colorPaletteDarkBrownBackground1' | 'colorPaletteDarkBrownBackground2' | 'colorPaletteDarkBrownBackground3' | 'colorPaletteDarkBrownForeground1' | 'colorPaletteDarkBrownForeground2' | 'colorPaletteDarkBrownForeground3' | 'colorPaletteDarkBrownBorderActive' | 'colorPaletteDarkBrownBorder1' | 'colorPaletteDarkBrownBorder2';
|
159
|
-
export declare type ColorPaletteLime = 'colorPaletteLimeBackground1' | 'colorPaletteLimeBackground2' | 'colorPaletteLimeBackground3' | 'colorPaletteLimeForeground1' | 'colorPaletteLimeForeground2' | 'colorPaletteLimeForeground3' | 'colorPaletteLimeBorderActive' | 'colorPaletteLimeBorder1' | 'colorPaletteLimeBorder2';
|
160
|
-
export declare type ColorPaletteForest = 'colorPaletteForestBackground1' | 'colorPaletteForestBackground2' | 'colorPaletteForestBackground3' | 'colorPaletteForestForeground1' | 'colorPaletteForestForeground2' | 'colorPaletteForestForeground3' | 'colorPaletteForestBorderActive' | 'colorPaletteForestBorder1' | 'colorPaletteForestBorder2';
|
161
|
-
export declare type ColorPaletteSeafoam = 'colorPaletteSeafoamBackground1' | 'colorPaletteSeafoamBackground2' | 'colorPaletteSeafoamBackground3' | 'colorPaletteSeafoamForeground1' | 'colorPaletteSeafoamForeground2' | 'colorPaletteSeafoamForeground3' | 'colorPaletteSeafoamBorderActive' | 'colorPaletteSeafoamBorder1' | 'colorPaletteSeafoamBorder2';
|
162
|
-
export declare type ColorPaletteLightGreen = 'colorPaletteLightGreenBackground1' | 'colorPaletteLightGreenBackground2' | 'colorPaletteLightGreenBackground3' | 'colorPaletteLightGreenForeground1' | 'colorPaletteLightGreenForeground2' | 'colorPaletteLightGreenForeground3' | 'colorPaletteLightGreenBorderActive' | 'colorPaletteLightGreenBorder1' | 'colorPaletteLightGreenBorder2';
|
163
|
-
export declare type ColorPaletteGreen = 'colorPaletteGreenBackground1' | 'colorPaletteGreenBackground2' | 'colorPaletteGreenBackground3' | 'colorPaletteGreenForeground1' | 'colorPaletteGreenForeground2' | 'colorPaletteGreenForeground3' | 'colorPaletteGreenBorderActive' | 'colorPaletteGreenBorder1' | 'colorPaletteGreenBorder2';
|
164
|
-
export declare type ColorPaletteDarkGreen = 'colorPaletteDarkGreenBackground1' | 'colorPaletteDarkGreenBackground2' | 'colorPaletteDarkGreenBackground3' | 'colorPaletteDarkGreenForeground1' | 'colorPaletteDarkGreenForeground2' | 'colorPaletteDarkGreenForeground3' | 'colorPaletteDarkGreenBorderActive' | 'colorPaletteDarkGreenBorder1' | 'colorPaletteDarkGreenBorder2';
|
165
|
-
export declare type ColorPaletteLightTeal = 'colorPaletteLightTealBackground1' | 'colorPaletteLightTealBackground2' | 'colorPaletteLightTealBackground3' | 'colorPaletteLightTealForeground1' | 'colorPaletteLightTealForeground2' | 'colorPaletteLightTealForeground3' | 'colorPaletteLightTealBorderActive' | 'colorPaletteLightTealBorder1' | 'colorPaletteLightTealBorder2';
|
166
|
-
export declare type ColorPaletteTeal = 'colorPaletteTealBackground1' | 'colorPaletteTealBackground2' | 'colorPaletteTealBackground3' | 'colorPaletteTealForeground1' | 'colorPaletteTealForeground2' | 'colorPaletteTealForeground3' | 'colorPaletteTealBorderActive' | 'colorPaletteTealBorder1' | 'colorPaletteTealBorder2';
|
167
|
-
export declare type ColorPaletteDarkTeal = 'colorPaletteDarkTealBackground1' | 'colorPaletteDarkTealBackground2' | 'colorPaletteDarkTealBackground3' | 'colorPaletteDarkTealForeground1' | 'colorPaletteDarkTealForeground2' | 'colorPaletteDarkTealForeground3' | 'colorPaletteDarkTealBorderActive' | 'colorPaletteDarkTealBorder1' | 'colorPaletteDarkTealBorder2';
|
168
|
-
export declare type ColorPaletteCyan = 'colorPaletteCyanBackground1' | 'colorPaletteCyanBackground2' | 'colorPaletteCyanBackground3' | 'colorPaletteCyanForeground1' | 'colorPaletteCyanForeground2' | 'colorPaletteCyanForeground3' | 'colorPaletteCyanBorderActive' | 'colorPaletteCyanBorder1' | 'colorPaletteCyanBorder2';
|
169
|
-
export declare type ColorPaletteSteel = 'colorPaletteSteelBackground1' | 'colorPaletteSteelBackground2' | 'colorPaletteSteelBackground3' | 'colorPaletteSteelForeground1' | 'colorPaletteSteelForeground2' | 'colorPaletteSteelForeground3' | 'colorPaletteSteelBorderActive' | 'colorPaletteSteelBorder1' | 'colorPaletteSteelBorder2';
|
170
|
-
export declare type ColorPaletteLightBlue = 'colorPaletteLightBlueBackground1' | 'colorPaletteLightBlueBackground2' | 'colorPaletteLightBlueBackground3' | 'colorPaletteLightBlueForeground1' | 'colorPaletteLightBlueForeground2' | 'colorPaletteLightBlueForeground3' | 'colorPaletteLightBlueBorderActive' | 'colorPaletteLightBlueBorder1' | 'colorPaletteLightBlueBorder2';
|
171
|
-
export declare type ColorPaletteBlue = 'colorPaletteBlueBackground1' | 'colorPaletteBlueBackground2' | 'colorPaletteBlueBackground3' | 'colorPaletteBlueForeground1' | 'colorPaletteBlueForeground2' | 'colorPaletteBlueForeground3' | 'colorPaletteBlueBorderActive' | 'colorPaletteBlueBorder1' | 'colorPaletteBlueBorder2';
|
172
|
-
export declare type ColorPaletteRoyalBlue = 'colorPaletteRoyalBlueBackground1' | 'colorPaletteRoyalBlueBackground2' | 'colorPaletteRoyalBlueBackground3' | 'colorPaletteRoyalBlueForeground1' | 'colorPaletteRoyalBlueForeground2' | 'colorPaletteRoyalBlueForeground3' | 'colorPaletteRoyalBlueBorderActive' | 'colorPaletteRoyalBlueBorder1' | 'colorPaletteRoyalBlueBorder2';
|
173
|
-
export declare type ColorPaletteDarkBlue = 'colorPaletteDarkBlueBackground1' | 'colorPaletteDarkBlueBackground2' | 'colorPaletteDarkBlueBackground3' | 'colorPaletteDarkBlueForeground1' | 'colorPaletteDarkBlueForeground2' | 'colorPaletteDarkBlueForeground3' | 'colorPaletteDarkBlueBorderActive' | 'colorPaletteDarkBlueBorder1' | 'colorPaletteDarkBlueBorder2';
|
174
|
-
export declare type ColorPaletteCornflower = 'colorPaletteCornflowerBackground1' | 'colorPaletteCornflowerBackground2' | 'colorPaletteCornflowerBackground3' | 'colorPaletteCornflowerForeground1' | 'colorPaletteCornflowerForeground2' | 'colorPaletteCornflowerForeground3' | 'colorPaletteCornflowerBorderActive' | 'colorPaletteCornflowerBorder1' | 'colorPaletteCornflowerBorder2';
|
175
|
-
export declare type ColorPaletteNavy = 'colorPaletteNavyBackground1' | 'colorPaletteNavyBackground2' | 'colorPaletteNavyBackground3' | 'colorPaletteNavyForeground1' | 'colorPaletteNavyForeground2' | 'colorPaletteNavyForeground3' | 'colorPaletteNavyBorderActive' | 'colorPaletteNavyBorder1' | 'colorPaletteNavyBorder2';
|
176
|
-
export declare type ColorPaletteLavender = 'colorPaletteLavenderBackground1' | 'colorPaletteLavenderBackground2' | 'colorPaletteLavenderBackground3' | 'colorPaletteLavenderForeground1' | 'colorPaletteLavenderForeground2' | 'colorPaletteLavenderForeground3' | 'colorPaletteLavenderBorderActive' | 'colorPaletteLavenderBorder1' | 'colorPaletteLavenderBorder2';
|
177
|
-
export declare type ColorPalettePurple = 'colorPalettePurpleBackground1' | 'colorPalettePurpleBackground2' | 'colorPalettePurpleBackground3' | 'colorPalettePurpleForeground1' | 'colorPalettePurpleForeground2' | 'colorPalettePurpleForeground3' | 'colorPalettePurpleBorderActive' | 'colorPalettePurpleBorder1' | 'colorPalettePurpleBorder2';
|
178
|
-
export declare type ColorPaletteDarkPurple = 'colorPaletteDarkPurpleBackground1' | 'colorPaletteDarkPurpleBackground2' | 'colorPaletteDarkPurpleBackground3' | 'colorPaletteDarkPurpleForeground1' | 'colorPaletteDarkPurpleForeground2' | 'colorPaletteDarkPurpleForeground3' | 'colorPaletteDarkPurpleBorderActive' | 'colorPaletteDarkPurpleBorder1' | 'colorPaletteDarkPurpleBorder2';
|
179
|
-
export declare type ColorPaletteOrchid = 'colorPaletteOrchidBackground1' | 'colorPaletteOrchidBackground2' | 'colorPaletteOrchidBackground3' | 'colorPaletteOrchidForeground1' | 'colorPaletteOrchidForeground2' | 'colorPaletteOrchidForeground3' | 'colorPaletteOrchidBorderActive' | 'colorPaletteOrchidBorder1' | 'colorPaletteOrchidBorder2';
|
180
|
-
export declare type ColorPaletteGrape = 'colorPaletteGrapeBackground1' | 'colorPaletteGrapeBackground2' | 'colorPaletteGrapeBackground3' | 'colorPaletteGrapeForeground1' | 'colorPaletteGrapeForeground2' | 'colorPaletteGrapeForeground3' | 'colorPaletteGrapeBorderActive' | 'colorPaletteGrapeBorder1' | 'colorPaletteGrapeBorder2';
|
181
|
-
export declare type ColorPaletteBerry = 'colorPaletteBerryBackground1' | 'colorPaletteBerryBackground2' | 'colorPaletteBerryBackground3' | 'colorPaletteBerryForeground1' | 'colorPaletteBerryForeground2' | 'colorPaletteBerryForeground3' | 'colorPaletteBerryBorderActive' | 'colorPaletteBerryBorder1' | 'colorPaletteBerryBorder2';
|
182
|
-
export declare type ColorPaletteLilac = 'colorPaletteLilacBackground1' | 'colorPaletteLilacBackground2' | 'colorPaletteLilacBackground3' | 'colorPaletteLilacForeground1' | 'colorPaletteLilacForeground2' | 'colorPaletteLilacForeground3' | 'colorPaletteLilacBorderActive' | 'colorPaletteLilacBorder1' | 'colorPaletteLilacBorder2';
|
183
|
-
export declare type ColorPalettePink = 'colorPalettePinkBackground1' | 'colorPalettePinkBackground2' | 'colorPalettePinkBackground3' | 'colorPalettePinkForeground1' | 'colorPalettePinkForeground2' | 'colorPalettePinkForeground3' | 'colorPalettePinkBorderActive' | 'colorPalettePinkBorder1' | 'colorPalettePinkBorder2';
|
184
|
-
export declare type ColorPaletteHotPink = 'colorPaletteHotPinkBackground1' | 'colorPaletteHotPinkBackground2' | 'colorPaletteHotPinkBackground3' | 'colorPaletteHotPinkForeground1' | 'colorPaletteHotPinkForeground2' | 'colorPaletteHotPinkForeground3' | 'colorPaletteHotPinkBorderActive' | 'colorPaletteHotPinkBorder1' | 'colorPaletteHotPinkBorder2';
|
185
|
-
export declare type ColorPaletteMagenta = 'colorPaletteMagentaBackground1' | 'colorPaletteMagentaBackground2' | 'colorPaletteMagentaBackground3' | 'colorPaletteMagentaForeground1' | 'colorPaletteMagentaForeground2' | 'colorPaletteMagentaForeground3' | 'colorPaletteMagentaBorderActive' | 'colorPaletteMagentaBorder1' | 'colorPaletteMagentaBorder2';
|
186
|
-
export declare type ColorPalettePlum = 'colorPalettePlumBackground1' | 'colorPalettePlumBackground2' | 'colorPalettePlumBackground3' | 'colorPalettePlumForeground1' | 'colorPalettePlumForeground2' | 'colorPalettePlumForeground3' | 'colorPalettePlumBorderActive' | 'colorPalettePlumBorder1' | 'colorPalettePlumBorder2';
|
187
|
-
export declare type ColorPaletteBeige = 'colorPaletteBeigeBackground1' | 'colorPaletteBeigeBackground2' | 'colorPaletteBeigeBackground3' | 'colorPaletteBeigeForeground1' | 'colorPaletteBeigeForeground2' | 'colorPaletteBeigeForeground3' | 'colorPaletteBeigeBorderActive' | 'colorPaletteBeigeBorder1' | 'colorPaletteBeigeBorder2';
|
188
|
-
export declare type ColorPaletteMink = 'colorPaletteMinkBackground1' | 'colorPaletteMinkBackground2' | 'colorPaletteMinkBackground3' | 'colorPaletteMinkForeground1' | 'colorPaletteMinkForeground2' | 'colorPaletteMinkForeground3' | 'colorPaletteMinkBorderActive' | 'colorPaletteMinkBorder1' | 'colorPaletteMinkBorder2';
|
189
|
-
export declare type ColorPaletteSilver = 'colorPaletteSilverBackground1' | 'colorPaletteSilverBackground2' | 'colorPaletteSilverBackground3' | 'colorPaletteSilverForeground1' | 'colorPaletteSilverForeground2' | 'colorPaletteSilverForeground3' | 'colorPaletteSilverBorderActive' | 'colorPaletteSilverBorder1' | 'colorPaletteSilverBorder2';
|
190
|
-
export declare type ColorPalettePlatinum = 'colorPalettePlatinumBackground1' | 'colorPalettePlatinumBackground2' | 'colorPalettePlatinumBackground3' | 'colorPalettePlatinumForeground1' | 'colorPalettePlatinumForeground2' | 'colorPalettePlatinumForeground3' | 'colorPalettePlatinumBorderActive' | 'colorPalettePlatinumBorder1' | 'colorPalettePlatinumBorder2';
|
191
|
-
export declare type ColorPaletteAnchor = 'colorPaletteAnchorBackground1' | 'colorPaletteAnchorBackground2' | 'colorPaletteAnchorBackground3' | 'colorPaletteAnchorForeground1' | 'colorPaletteAnchorForeground2' | 'colorPaletteAnchorForeground3' | 'colorPaletteAnchorBorderActive' | 'colorPaletteAnchorBorder1' | 'colorPaletteAnchorBorder2';
|
192
|
-
export declare type ColorPaletteCharcoal = 'colorPaletteCharcoalBackground1' | 'colorPaletteCharcoalBackground2' | 'colorPaletteCharcoalBackground3' | 'colorPaletteCharcoalForeground1' | 'colorPaletteCharcoalForeground2' | 'colorPaletteCharcoalForeground3' | 'colorPaletteCharcoalBorderActive' | 'colorPaletteCharcoalBorder1' | 'colorPaletteCharcoalBorder2';
|
193
|
-
export declare type ColorPaletteTokens = Record<ColorPaletteDarkRed | ColorPaletteBurgundy | ColorPaletteCranberry | ColorPaletteRed | ColorPaletteDarkOrange | ColorPaletteBronze | ColorPalettePumpkin | ColorPaletteOrange | ColorPalettePeach | ColorPaletteMarigold | ColorPaletteYellow | ColorPaletteGold | ColorPaletteBrass | ColorPaletteBrown | ColorPaletteDarkBrown | ColorPaletteLime | ColorPaletteForest | ColorPaletteSeafoam | ColorPaletteLightGreen | ColorPaletteGreen | ColorPaletteDarkGreen | ColorPaletteLightTeal | ColorPaletteTeal | ColorPaletteDarkTeal | ColorPaletteCyan | ColorPaletteSteel | ColorPaletteLightBlue | ColorPaletteBlue | ColorPaletteRoyalBlue | ColorPaletteDarkBlue | ColorPaletteCornflower | ColorPaletteNavy | ColorPaletteLavender | ColorPalettePurple | ColorPaletteDarkPurple | ColorPaletteOrchid | ColorPaletteGrape | ColorPaletteBerry | ColorPaletteLilac | ColorPalettePink | ColorPaletteHotPink | ColorPaletteMagenta | ColorPalettePlum | ColorPaletteBeige | ColorPaletteMink | ColorPaletteSilver | ColorPalettePlatinum | ColorPaletteAnchor | ColorPaletteCharcoal, string>;
|
194
|
-
/**
|
195
|
-
* Possible color variant values
|
196
|
-
*/
|
197
|
-
export declare type ColorVariants = {
|
198
|
-
shade50: string;
|
199
|
-
shade40: string;
|
200
|
-
shade30: string;
|
201
|
-
shade20: string;
|
202
|
-
shade10: string;
|
203
|
-
primary: string;
|
204
|
-
tint10: string;
|
205
|
-
tint20: string;
|
206
|
-
tint30: string;
|
207
|
-
tint40: string;
|
208
|
-
tint50: string;
|
209
|
-
tint60: string;
|
210
|
-
};
|
211
|
-
export declare type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;
|
212
|
-
export declare type BrandVariants = Record<Brands, string>;
|
213
|
-
/**
|
214
|
-
* All the global shared colors and their shade/tint variants
|
215
|
-
*/
|
216
|
-
export declare type GlobalSharedColors = {
|
217
|
-
darkRed: ColorVariants;
|
218
|
-
burgundy: ColorVariants;
|
219
|
-
cranberry: ColorVariants;
|
220
|
-
red: ColorVariants;
|
221
|
-
darkOrange: ColorVariants;
|
222
|
-
bronze: ColorVariants;
|
223
|
-
pumpkin: ColorVariants;
|
224
|
-
orange: ColorVariants;
|
225
|
-
peach: ColorVariants;
|
226
|
-
marigold: ColorVariants;
|
227
|
-
yellow: ColorVariants;
|
228
|
-
gold: ColorVariants;
|
229
|
-
brass: ColorVariants;
|
230
|
-
brown: ColorVariants;
|
231
|
-
darkBrown: ColorVariants;
|
232
|
-
lime: ColorVariants;
|
233
|
-
forest: ColorVariants;
|
234
|
-
seafoam: ColorVariants;
|
235
|
-
lightGreen: ColorVariants;
|
236
|
-
green: ColorVariants;
|
237
|
-
darkGreen: ColorVariants;
|
238
|
-
lightTeal: ColorVariants;
|
239
|
-
teal: ColorVariants;
|
240
|
-
darkTeal: ColorVariants;
|
241
|
-
cyan: ColorVariants;
|
242
|
-
steel: ColorVariants;
|
243
|
-
lightBlue: ColorVariants;
|
244
|
-
blue: ColorVariants;
|
245
|
-
royalBlue: ColorVariants;
|
246
|
-
darkBlue: ColorVariants;
|
247
|
-
cornflower: ColorVariants;
|
248
|
-
navy: ColorVariants;
|
249
|
-
lavender: ColorVariants;
|
250
|
-
purple: ColorVariants;
|
251
|
-
darkPurple: ColorVariants;
|
252
|
-
orchid: ColorVariants;
|
253
|
-
grape: ColorVariants;
|
254
|
-
berry: ColorVariants;
|
255
|
-
lilac: ColorVariants;
|
256
|
-
pink: ColorVariants;
|
257
|
-
hotPink: ColorVariants;
|
258
|
-
magenta: ColorVariants;
|
259
|
-
plum: ColorVariants;
|
260
|
-
beige: ColorVariants;
|
261
|
-
mink: ColorVariants;
|
262
|
-
silver: ColorVariants;
|
263
|
-
platinum: ColorVariants;
|
264
|
-
anchor: ColorVariants;
|
265
|
-
charcoal: ColorVariants;
|
266
|
-
};
|
267
|
-
export declare type FontSizeTokens = {
|
268
|
-
fontSizeBase100: string;
|
269
|
-
fontSizeBase200: string;
|
270
|
-
fontSizeBase300: string;
|
271
|
-
fontSizeBase400: string;
|
272
|
-
fontSizeBase500: string;
|
273
|
-
fontSizeBase600: string;
|
274
|
-
fontSizeHero700: string;
|
275
|
-
fontSizeHero800: string;
|
276
|
-
fontSizeHero900: string;
|
277
|
-
fontSizeHero1000: string;
|
278
|
-
};
|
279
|
-
export declare type LineHeightTokens = {
|
280
|
-
lineHeightBase100: string;
|
281
|
-
lineHeightBase200: string;
|
282
|
-
lineHeightBase300: string;
|
283
|
-
lineHeightBase400: string;
|
284
|
-
lineHeightBase500: string;
|
285
|
-
lineHeightBase600: string;
|
286
|
-
lineHeightHero700: string;
|
287
|
-
lineHeightHero800: string;
|
288
|
-
lineHeightHero900: string;
|
289
|
-
lineHeightHero1000: string;
|
290
|
-
};
|
291
|
-
export declare type FontWeightTokens = {
|
292
|
-
fontWeightRegular: number;
|
293
|
-
fontWeightMedium: number;
|
294
|
-
fontWeightSemibold: number;
|
295
|
-
};
|
296
|
-
export declare type FontFamilyTokens = {
|
297
|
-
fontFamilyBase: string;
|
298
|
-
fontFamilyMonospace: string;
|
299
|
-
fontFamilyNumeric: string;
|
300
|
-
};
|
301
|
-
export declare type TextAlignment = 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'start' | 'justify' | 'left' | 'match-parent' | 'right';
|
302
|
-
export declare type TextAlignments = {
|
303
|
-
start: TextAlignment;
|
304
|
-
center: TextAlignment;
|
305
|
-
end: TextAlignment;
|
306
|
-
justify: TextAlignment;
|
307
|
-
};
|
308
|
-
export declare type BorderRadiusTokens = {
|
309
|
-
borderRadiusNone: string;
|
310
|
-
borderRadiusSmall: string;
|
311
|
-
borderRadiusMedium: string;
|
312
|
-
borderRadiusLarge: string;
|
313
|
-
borderRadiusXLarge: string;
|
314
|
-
borderRadiusCircular: string;
|
315
|
-
};
|
316
|
-
export declare type StrokeWidthTokens = {
|
317
|
-
strokeWidthThin: string;
|
318
|
-
strokeWidthThick: string;
|
319
|
-
strokeWidthThicker: string;
|
320
|
-
strokeWidthThickest: string;
|
321
|
-
};
|
322
|
-
/**
|
323
|
-
* Design tokens for shadow levels
|
324
|
-
*/
|
325
|
-
export declare type ShadowTokens = {
|
326
|
-
shadow2: string;
|
327
|
-
shadow4: string;
|
328
|
-
shadow8: string;
|
329
|
-
shadow16: string;
|
330
|
-
shadow28: string;
|
331
|
-
shadow64: string;
|
332
|
-
};
|
333
|
-
export declare type ShadowBrandTokens = {
|
334
|
-
shadow2Brand: string;
|
335
|
-
shadow4Brand: string;
|
336
|
-
shadow8Brand: string;
|
337
|
-
shadow16Brand: string;
|
338
|
-
shadow28Brand: string;
|
339
|
-
shadow64Brand: string;
|
340
|
-
};
|
341
|
-
export declare type Greys = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 | 32 | 34 | 36 | 38 | 40 | 42 | 44 | 46 | 48 | 50 | 52 | 54 | 56 | 58 | 60 | 62 | 64 | 66 | 68 | 70 | 72 | 74 | 76 | 78 | 80 | 82 | 84 | 86 | 88 | 90 | 92 | 94 | 96 | 98 | 100;
|
342
|
-
export declare type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
|
343
|
-
export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
|
344
|
-
export declare type PartialTheme = Partial<Theme>;
|