@fluentui/react-theme 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +349 -10
- package/CHANGELOG.md +157 -40
- package/dist/index.d.ts +433 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/alias/darkColor.js +147 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +33 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +147 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +33 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +147 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +33 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +147 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/alias/teamsDarkColorPalette.js +33 -0
- package/lib/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib/global/borderRadius.js +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +53 -31
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colors.js +148 -130
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +4 -4
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +5 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +104 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/themeToTokensObject.js +19 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +426 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +22 -5
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +22 -5
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +22 -5
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +22 -5
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +7 -7
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +157 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +41 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +157 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +157 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +41 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +157 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
- package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +52 -30
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colors.js +138 -120
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +11 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +112 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +85 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +28 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +1 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +432 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +27 -7
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +27 -7
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +27 -7
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +27 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +1 -13
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +7 -7
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +16 -12
- package/dist/react-theme.d.ts +0 -326
- package/lib/alias/dark.d.ts +0 -3
- package/lib/alias/dark.js +0 -117
- package/lib/alias/dark.js.map +0 -1
- package/lib/alias/highContrast.d.ts +0 -3
- package/lib/alias/highContrast.js +0 -117
- package/lib/alias/highContrast.js.map +0 -1
- package/lib/alias/light.d.ts +0 -3
- package/lib/alias/light.js +0 -117
- package/lib/alias/light.js.map +0 -1
- package/lib/alias/teamsDark.d.ts +0 -3
- package/lib/alias/teamsDark.js +0 -117
- package/lib/alias/teamsDark.js.map +0 -1
- package/lib/global/borderRadius.d.ts +0 -2
- package/lib/global/brandColors.d.ts +0 -3
- package/lib/global/colors.d.ts +0 -15
- package/lib/global/fonts.d.ts +0 -5
- package/lib/global/index.d.ts +0 -4
- package/lib/global/strokeWidths.d.ts +0 -2
- package/lib/index.d.ts +0 -3
- package/lib/themes/index.d.ts +0 -2
- package/lib/themes/teams/darkTheme.d.ts +0 -2
- package/lib/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib/themes/teams/index.d.ts +0 -3
- package/lib/themes/teams/lightTheme.d.ts +0 -2
- package/lib/themes/web/darkTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.d.ts +0 -2
- package/lib/themes/web/highContrastTheme.js +0 -3
- package/lib/themes/web/highContrastTheme.js.map +0 -1
- package/lib/themes/web/index.d.ts +0 -3
- package/lib/themes/web/lightTheme.d.ts +0 -2
- package/lib/types.d.ts +0 -327
- package/lib/utils/createDarkTheme.d.ts +0 -2
- package/lib/utils/createHighContrastTheme.d.ts +0 -2
- package/lib/utils/createLightTheme.d.ts +0 -2
- package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib/utils/index.d.ts +0 -6
- package/lib/utils/mergeThemes.d.ts +0 -2
- package/lib/utils/mergeThemes.js +0 -14
- package/lib/utils/mergeThemes.js.map +0 -1
- package/lib/utils/shadows.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.d.ts +0 -2
- package/lib/utils/themeToCSSVariables.js +0 -12
- package/lib/utils/themeToCSSVariables.js.map +0 -1
- package/lib-commonjs/alias/dark.d.ts +0 -3
- package/lib-commonjs/alias/dark.js +0 -128
- package/lib-commonjs/alias/dark.js.map +0 -1
- package/lib-commonjs/alias/highContrast.d.ts +0 -3
- package/lib-commonjs/alias/highContrast.js +0 -128
- package/lib-commonjs/alias/highContrast.js.map +0 -1
- package/lib-commonjs/alias/light.d.ts +0 -3
- package/lib-commonjs/alias/light.js +0 -128
- package/lib-commonjs/alias/light.js.map +0 -1
- package/lib-commonjs/alias/teamsDark.d.ts +0 -3
- package/lib-commonjs/alias/teamsDark.js +0 -128
- package/lib-commonjs/alias/teamsDark.js.map +0 -1
- package/lib-commonjs/global/borderRadius.d.ts +0 -2
- package/lib-commonjs/global/brandColors.d.ts +0 -3
- package/lib-commonjs/global/colors.d.ts +0 -15
- package/lib-commonjs/global/fonts.d.ts +0 -5
- package/lib-commonjs/global/index.d.ts +0 -4
- package/lib-commonjs/global/strokeWidths.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -3
- package/lib-commonjs/themes/index.d.ts +0 -2
- package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/teams/index.d.ts +0 -3
- package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
- package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
- package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
- package/lib-commonjs/themes/web/index.d.ts +0 -3
- package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
- package/lib-commonjs/types.d.ts +0 -327
- package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
- package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
- package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
- package/lib-commonjs/utils/index.d.ts +0 -6
- package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
- package/lib-commonjs/utils/mergeThemes.js +0 -24
- package/lib-commonjs/utils/mergeThemes.js.map +0 -1
- package/lib-commonjs/utils/shadows.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
- package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
- package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/teams/highContrastTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,yBAAA,gBAAA,OAAA,CAAA,qCAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,gBAAgC,yBAAA,CAAA,uBAAA,EAAhC","sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/teams/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"sourceRoot":"../src/"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.teamsLightTheme = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
|
9
9
|
|
10
|
-
|
10
|
+
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
11
11
|
|
12
12
|
exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
|
13
13
|
//# sourceMappingURL=lightTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/teams/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,eAAA,gBAAyB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,UAAjB,CAAzB","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"sourceRoot":"../src/"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.webDarkTheme = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
|
9
9
|
|
10
|
-
|
10
|
+
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
11
11
|
|
12
12
|
exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
|
13
13
|
//# sourceMappingURL=darkTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/web/darkTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,YAAA,gBAAsB,iBAAA,CAAA,eAAA,CAAgB,aAAA,CAAA,QAAhB,CAAtB","sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"sourceRoot":"../src/"}
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
|
7
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./lightTheme"), exports);
|
10
10
|
|
11
11
|
tslib_1.__exportStar(require("./darkTheme"), exports);
|
12
|
-
|
13
|
-
tslib_1.__exportStar(require("./highContrastTheme"), exports);
|
14
12
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/web/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"sourceRoot":"../src/"}
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.webLightTheme = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
|
9
9
|
|
10
|
-
|
10
|
+
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
11
11
|
|
12
12
|
exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
|
13
13
|
//# sourceMappingURL=lightTheme.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["themes/web/lightTheme.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,kBAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,gBAAuB,kBAAA,CAAA,gBAAA,CAAiB,aAAA,CAAA,QAAjB,CAAvB","sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,432 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = void 0;
|
7
|
+
exports.tokens = {
|
8
|
+
// Color tokens
|
9
|
+
colorNeutralForeground1: 'var(--colorNeutralForeground1)',
|
10
|
+
colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',
|
11
|
+
colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',
|
12
|
+
colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',
|
13
|
+
colorNeutralForeground2: 'var(--colorNeutralForeground2)',
|
14
|
+
colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',
|
15
|
+
colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',
|
16
|
+
colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',
|
17
|
+
colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',
|
18
|
+
colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',
|
19
|
+
colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',
|
20
|
+
colorNeutralForeground3: 'var(--colorNeutralForeground3)',
|
21
|
+
colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',
|
22
|
+
colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',
|
23
|
+
colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',
|
24
|
+
colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',
|
25
|
+
colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',
|
26
|
+
colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',
|
27
|
+
colorNeutralForeground4: 'var(--colorNeutralForeground4)',
|
28
|
+
colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',
|
29
|
+
colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',
|
30
|
+
colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',
|
31
|
+
colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',
|
32
|
+
colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',
|
33
|
+
colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',
|
34
|
+
colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',
|
35
|
+
colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',
|
36
|
+
colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',
|
37
|
+
colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',
|
38
|
+
colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',
|
39
|
+
colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',
|
40
|
+
colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',
|
41
|
+
colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',
|
42
|
+
colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',
|
43
|
+
colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',
|
44
|
+
colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',
|
45
|
+
colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',
|
46
|
+
colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',
|
47
|
+
colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',
|
48
|
+
colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',
|
49
|
+
colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',
|
50
|
+
colorBrandForeground1: 'var(--colorBrandForeground1)',
|
51
|
+
colorBrandForeground2: 'var(--colorBrandForeground2)',
|
52
|
+
colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',
|
53
|
+
colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',
|
54
|
+
colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',
|
55
|
+
colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',
|
56
|
+
colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',
|
57
|
+
colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',
|
58
|
+
colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',
|
59
|
+
colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',
|
60
|
+
colorNeutralBackground1: 'var(--colorNeutralBackground1)',
|
61
|
+
colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',
|
62
|
+
colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',
|
63
|
+
colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',
|
64
|
+
colorNeutralBackground2: 'var(--colorNeutralBackground2)',
|
65
|
+
colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',
|
66
|
+
colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',
|
67
|
+
colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',
|
68
|
+
colorNeutralBackground3: 'var(--colorNeutralBackground3)',
|
69
|
+
colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',
|
70
|
+
colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',
|
71
|
+
colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',
|
72
|
+
colorNeutralBackground4: 'var(--colorNeutralBackground4)',
|
73
|
+
colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',
|
74
|
+
colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',
|
75
|
+
colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',
|
76
|
+
colorNeutralBackground5: 'var(--colorNeutralBackground5)',
|
77
|
+
colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',
|
78
|
+
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
|
79
|
+
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
|
80
|
+
colorNeutralBackground6: 'var(--colorNeutralBackground6)',
|
81
|
+
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
|
82
|
+
colorSubtleBackground: 'var(--colorSubtleBackground)',
|
83
|
+
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
|
84
|
+
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
|
85
|
+
colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',
|
86
|
+
colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',
|
87
|
+
colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',
|
88
|
+
colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',
|
89
|
+
colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',
|
90
|
+
colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',
|
91
|
+
colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',
|
92
|
+
colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',
|
93
|
+
colorTransparentBackground: 'var(--colorTransparentBackground)',
|
94
|
+
colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',
|
95
|
+
colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',
|
96
|
+
colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',
|
97
|
+
colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',
|
98
|
+
colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',
|
99
|
+
colorNeutralStencil1: 'var(--colorNeutralStencil1)',
|
100
|
+
colorNeutralStencil2: 'var(--colorNeutralStencil2)',
|
101
|
+
colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',
|
102
|
+
colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',
|
103
|
+
colorBrandBackground: 'var(--colorBrandBackground)',
|
104
|
+
colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',
|
105
|
+
colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',
|
106
|
+
colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',
|
107
|
+
colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',
|
108
|
+
colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',
|
109
|
+
colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',
|
110
|
+
colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',
|
111
|
+
colorBrandBackground2: 'var(--colorBrandBackground2)',
|
112
|
+
colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',
|
113
|
+
colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',
|
114
|
+
colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',
|
115
|
+
colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',
|
116
|
+
colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',
|
117
|
+
colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',
|
118
|
+
colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',
|
119
|
+
colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',
|
120
|
+
colorNeutralStroke1: 'var(--colorNeutralStroke1)',
|
121
|
+
colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',
|
122
|
+
colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',
|
123
|
+
colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',
|
124
|
+
colorNeutralStroke2: 'var(--colorNeutralStroke2)',
|
125
|
+
colorNeutralStroke3: 'var(--colorNeutralStroke3)',
|
126
|
+
colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',
|
127
|
+
colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',
|
128
|
+
colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',
|
129
|
+
colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',
|
130
|
+
colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',
|
131
|
+
colorBrandStroke1: 'var(--colorBrandStroke1)',
|
132
|
+
colorBrandStroke2: 'var(--colorBrandStroke2)',
|
133
|
+
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
|
134
|
+
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
|
135
|
+
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
|
136
|
+
colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',
|
137
|
+
colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',
|
138
|
+
colorTransparentStroke: 'var(--colorTransparentStroke)',
|
139
|
+
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
140
|
+
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
141
|
+
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
142
|
+
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
143
|
+
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|
144
|
+
colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',
|
145
|
+
colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',
|
146
|
+
colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',
|
147
|
+
colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',
|
148
|
+
colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',
|
149
|
+
colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',
|
150
|
+
colorBrandShadowKey: 'var(--colorBrandShadowKey)',
|
151
|
+
// Color palette tokens
|
152
|
+
// Color palette red tokens
|
153
|
+
colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',
|
154
|
+
colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',
|
155
|
+
colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',
|
156
|
+
colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',
|
157
|
+
colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',
|
158
|
+
colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',
|
159
|
+
colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',
|
160
|
+
colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',
|
161
|
+
colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',
|
162
|
+
// Color palette green tokens
|
163
|
+
colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',
|
164
|
+
colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',
|
165
|
+
colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',
|
166
|
+
colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',
|
167
|
+
colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',
|
168
|
+
colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',
|
169
|
+
colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',
|
170
|
+
colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',
|
171
|
+
colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',
|
172
|
+
// Color palette dark orange tokens
|
173
|
+
colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',
|
174
|
+
colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',
|
175
|
+
colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',
|
176
|
+
colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',
|
177
|
+
colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',
|
178
|
+
colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',
|
179
|
+
colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',
|
180
|
+
colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',
|
181
|
+
colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',
|
182
|
+
// Color palette yellow tokens
|
183
|
+
colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',
|
184
|
+
colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',
|
185
|
+
colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',
|
186
|
+
colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',
|
187
|
+
colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',
|
188
|
+
colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',
|
189
|
+
colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',
|
190
|
+
colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',
|
191
|
+
colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',
|
192
|
+
// Color palette berry tokens
|
193
|
+
colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',
|
194
|
+
colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',
|
195
|
+
colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',
|
196
|
+
colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',
|
197
|
+
colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',
|
198
|
+
colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',
|
199
|
+
colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',
|
200
|
+
colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',
|
201
|
+
colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',
|
202
|
+
// Color palette marigold tokens
|
203
|
+
colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',
|
204
|
+
colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',
|
205
|
+
colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',
|
206
|
+
colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',
|
207
|
+
colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',
|
208
|
+
colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',
|
209
|
+
colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',
|
210
|
+
colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',
|
211
|
+
colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',
|
212
|
+
// Color palette light green tokens
|
213
|
+
colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',
|
214
|
+
colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',
|
215
|
+
colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',
|
216
|
+
colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',
|
217
|
+
colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',
|
218
|
+
colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',
|
219
|
+
colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',
|
220
|
+
colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',
|
221
|
+
colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',
|
222
|
+
// Color palette anchor tokens
|
223
|
+
colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',
|
224
|
+
colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',
|
225
|
+
colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',
|
226
|
+
// Color palette beige tokens
|
227
|
+
colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',
|
228
|
+
colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',
|
229
|
+
colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',
|
230
|
+
// Color palette blue tokens
|
231
|
+
colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',
|
232
|
+
colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',
|
233
|
+
colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',
|
234
|
+
// Color palette brass tokens
|
235
|
+
colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',
|
236
|
+
colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',
|
237
|
+
colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',
|
238
|
+
// Color palette brown tokens
|
239
|
+
colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',
|
240
|
+
colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',
|
241
|
+
colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',
|
242
|
+
// Color palette cornflower tokens
|
243
|
+
colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',
|
244
|
+
colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',
|
245
|
+
colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',
|
246
|
+
// Color palette cranberry tokens
|
247
|
+
colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',
|
248
|
+
colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',
|
249
|
+
colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',
|
250
|
+
// Color palette dark green tokens
|
251
|
+
colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',
|
252
|
+
colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',
|
253
|
+
colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',
|
254
|
+
// Color palette dark red tokens
|
255
|
+
colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',
|
256
|
+
colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',
|
257
|
+
colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',
|
258
|
+
// Color palette forest tokens
|
259
|
+
colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',
|
260
|
+
colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',
|
261
|
+
colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',
|
262
|
+
// Color palette gold tokens
|
263
|
+
colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',
|
264
|
+
colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',
|
265
|
+
colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',
|
266
|
+
// Color palette grape tokens
|
267
|
+
colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',
|
268
|
+
colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',
|
269
|
+
colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',
|
270
|
+
// Color palette lavender tokens
|
271
|
+
colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',
|
272
|
+
colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',
|
273
|
+
colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',
|
274
|
+
// Color palette light teal tokens
|
275
|
+
colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',
|
276
|
+
colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',
|
277
|
+
colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',
|
278
|
+
// Color palette lilac tokens
|
279
|
+
colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',
|
280
|
+
colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',
|
281
|
+
colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',
|
282
|
+
// Color palette magenta tokens
|
283
|
+
colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',
|
284
|
+
colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',
|
285
|
+
colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',
|
286
|
+
// Color palette mink tokens
|
287
|
+
colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',
|
288
|
+
colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',
|
289
|
+
colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',
|
290
|
+
// Color palette navy tokens
|
291
|
+
colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',
|
292
|
+
colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',
|
293
|
+
colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',
|
294
|
+
// Color palette peach tokens
|
295
|
+
colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',
|
296
|
+
colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',
|
297
|
+
colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',
|
298
|
+
// Color palette pink tokens
|
299
|
+
colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',
|
300
|
+
colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',
|
301
|
+
colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',
|
302
|
+
// Color palette platinum tokens
|
303
|
+
colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',
|
304
|
+
colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',
|
305
|
+
colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',
|
306
|
+
// Color palette plum tokens
|
307
|
+
colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',
|
308
|
+
colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',
|
309
|
+
colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',
|
310
|
+
// Color palette pumpkin tokens
|
311
|
+
colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',
|
312
|
+
colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',
|
313
|
+
colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',
|
314
|
+
// Color palette purple tokens
|
315
|
+
colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',
|
316
|
+
colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',
|
317
|
+
colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',
|
318
|
+
// Color palette royal blue tokens
|
319
|
+
colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',
|
320
|
+
colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',
|
321
|
+
colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',
|
322
|
+
// Color palette seafoam tokens
|
323
|
+
colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',
|
324
|
+
colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',
|
325
|
+
colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',
|
326
|
+
// Color palette steel tokens
|
327
|
+
colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',
|
328
|
+
colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',
|
329
|
+
colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',
|
330
|
+
// Color palette teal tokens
|
331
|
+
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
|
332
|
+
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
|
333
|
+
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
|
334
|
+
// Border radius tokens
|
335
|
+
borderRadiusNone: 'var(--borderRadiusNone)',
|
336
|
+
borderRadiusSmall: 'var(--borderRadiusSmall)',
|
337
|
+
borderRadiusMedium: 'var(--borderRadiusMedium)',
|
338
|
+
borderRadiusLarge: 'var(--borderRadiusLarge)',
|
339
|
+
borderRadiusXLarge: 'var(--borderRadiusXLarge)',
|
340
|
+
borderRadiusCircular: 'var(--borderRadiusCircular)',
|
341
|
+
// Font family tokens
|
342
|
+
fontFamilyBase: 'var(--fontFamilyBase)',
|
343
|
+
fontFamilyMonospace: 'var(--fontFamilyMonospace)',
|
344
|
+
fontFamilyNumeric: 'var(--fontFamilyNumeric)',
|
345
|
+
// Font size tokens
|
346
|
+
fontSizeBase100: 'var(--fontSizeBase100)',
|
347
|
+
fontSizeBase200: 'var(--fontSizeBase200)',
|
348
|
+
fontSizeBase300: 'var(--fontSizeBase300)',
|
349
|
+
fontSizeBase400: 'var(--fontSizeBase400)',
|
350
|
+
fontSizeBase500: 'var(--fontSizeBase500)',
|
351
|
+
fontSizeBase600: 'var(--fontSizeBase600)',
|
352
|
+
fontSizeHero700: 'var(--fontSizeHero700)',
|
353
|
+
fontSizeHero800: 'var(--fontSizeHero800)',
|
354
|
+
fontSizeHero900: 'var(--fontSizeHero900)',
|
355
|
+
fontSizeHero1000: 'var(--fontSizeHero1000)',
|
356
|
+
// Font weight tokens
|
357
|
+
fontWeightRegular: 'var(--fontWeightRegular)',
|
358
|
+
fontWeightMedium: 'var(--fontWeightMedium)',
|
359
|
+
fontWeightSemibold: 'var(--fontWeightSemibold)',
|
360
|
+
// Line height tokens
|
361
|
+
lineHeightBase100: 'var(--lineHeightBase100)',
|
362
|
+
lineHeightBase200: 'var(--lineHeightBase200)',
|
363
|
+
lineHeightBase300: 'var(--lineHeightBase300)',
|
364
|
+
lineHeightBase400: 'var(--lineHeightBase400)',
|
365
|
+
lineHeightBase500: 'var(--lineHeightBase500)',
|
366
|
+
lineHeightBase600: 'var(--lineHeightBase600)',
|
367
|
+
lineHeightHero700: 'var(--lineHeightHero700)',
|
368
|
+
lineHeightHero800: 'var(--lineHeightHero800)',
|
369
|
+
lineHeightHero900: 'var(--lineHeightHero900)',
|
370
|
+
lineHeightHero1000: 'var(--lineHeightHero1000)',
|
371
|
+
// Shadow tokens
|
372
|
+
shadow2: 'var(--shadow2)',
|
373
|
+
shadow4: 'var(--shadow4)',
|
374
|
+
shadow8: 'var(--shadow8)',
|
375
|
+
shadow16: 'var(--shadow16)',
|
376
|
+
shadow28: 'var(--shadow28)',
|
377
|
+
shadow64: 'var(--shadow64)',
|
378
|
+
// Shadow brand tokens
|
379
|
+
shadow2Brand: 'var(--shadow2Brand)',
|
380
|
+
shadow4Brand: 'var(--shadow4Brand)',
|
381
|
+
shadow8Brand: 'var(--shadow8Brand)',
|
382
|
+
shadow16Brand: 'var(--shadow16Brand)',
|
383
|
+
shadow28Brand: 'var(--shadow28Brand)',
|
384
|
+
shadow64Brand: 'var(--shadow64Brand)',
|
385
|
+
// Stroke width tokens
|
386
|
+
strokeWidthThin: 'var(--strokeWidthThin)',
|
387
|
+
strokeWidthThick: 'var(--strokeWidthThick)',
|
388
|
+
strokeWidthThicker: 'var(--strokeWidthThicker)',
|
389
|
+
strokeWidthThickest: 'var(--strokeWidthThickest)',
|
390
|
+
// Spacings
|
391
|
+
spacingHorizontalNone: 'var(--spacingHorizontalNone)',
|
392
|
+
spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
|
393
|
+
spacingHorizontalXS: 'var(--spacingHorizontalXS)',
|
394
|
+
spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
|
395
|
+
spacingHorizontalS: 'var(--spacingHorizontalS)',
|
396
|
+
spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
|
397
|
+
spacingHorizontalM: 'var(--spacingHorizontalM)',
|
398
|
+
spacingHorizontalL: 'var(--spacingHorizontalL)',
|
399
|
+
spacingHorizontalXL: 'var(--spacingHorizontalXL)',
|
400
|
+
spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
|
401
|
+
spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
|
402
|
+
spacingVerticalNone: 'var(--spacingVerticalNone)',
|
403
|
+
spacingVerticalXXS: 'var(--spacingVerticalXXS)',
|
404
|
+
spacingVerticalXS: 'var(--spacingVerticalXS)',
|
405
|
+
spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
|
406
|
+
spacingVerticalS: 'var(--spacingVerticalS)',
|
407
|
+
spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
|
408
|
+
spacingVerticalM: 'var(--spacingVerticalM)',
|
409
|
+
spacingVerticalL: 'var(--spacingVerticalL)',
|
410
|
+
spacingVerticalXL: 'var(--spacingVerticalXL)',
|
411
|
+
spacingVerticalXXL: 'var(--spacingVerticalXXL)',
|
412
|
+
spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
|
413
|
+
// Durations
|
414
|
+
durationUltraFast: 'var(--durationUltraFast)',
|
415
|
+
durationFaster: 'var(--durationFaster)',
|
416
|
+
durationFast: 'var(--durationFast)',
|
417
|
+
durationNormal: 'var(--durationNormal)',
|
418
|
+
durationSlow: 'var(--durationSlow)',
|
419
|
+
durationSlower: 'var(--durationSlower)',
|
420
|
+
durationUltraSlow: 'var(--durationUltraSlow)',
|
421
|
+
// Curves
|
422
|
+
curveAccelerateMax: 'var(--curveAccelerateMax)',
|
423
|
+
curveAccelerateMid: 'var(--curveAccelerateMid)',
|
424
|
+
curveAccelerateMin: 'var(--curveAccelerateMin)',
|
425
|
+
curveDecelerateMax: 'var(--curveDecelerateMax)',
|
426
|
+
curveDecelerateMid: 'var(--curveDecelerateMid)',
|
427
|
+
curveDecelerateMin: 'var(--curveDecelerateMin)',
|
428
|
+
curveEasyEaseMax: 'var(--curveEasyEaseMax)',
|
429
|
+
curveEasyEase: 'var(--curveEasyEase)',
|
430
|
+
curveLinear: 'var(--curveLinear)'
|
431
|
+
};
|
432
|
+
//# sourceMappingURL=tokens.js.map
|