@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.3
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 +73 -1
- package/CHANGELOG.md +11 -2
- package/dist/index.d.ts +4 -1
- package/lib/alias/darkColor.js +4 -3
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +6 -5
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +3 -2
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +4 -3
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +3 -2
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +4 -3
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +4 -3
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +25 -4
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +4 -2
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +0 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/sharedColorNames.js +0 -2
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +0 -2
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +4 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +2 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +2 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +2 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +2 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-amd/alias/darkColor.js +3 -0
- package/lib-amd/alias/darkColor.js.map +1 -1
- package/lib-amd/alias/highContrastColor.js +3 -0
- package/lib-amd/alias/highContrastColor.js.map +1 -1
- package/lib-amd/alias/lightColor.js +3 -0
- package/lib-amd/alias/lightColor.js.map +1 -1
- package/lib-amd/alias/teamsDarkColor.js +3 -0
- package/lib-amd/alias/teamsDarkColor.js.map +1 -1
- package/lib-amd/global/colors.js +25 -3
- package/lib-amd/global/colors.js.map +1 -1
- package/lib-amd/tokens.js +4 -1
- package/lib-amd/tokens.js.map +1 -1
- package/lib-amd/types.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +4 -5
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +7 -9
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +4 -5
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +4 -6
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +4 -5
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +4 -6
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +4 -5
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +0 -2
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +28 -7
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +4 -2
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +0 -10
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +2 -2
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +0 -3
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -10
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +0 -3
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +0 -4
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +0 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +0 -3
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +0 -2
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +0 -4
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +0 -3
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +0 -3
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +0 -3
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +4 -1
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +2 -10
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +2 -10
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +2 -10
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -10
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -5
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +0 -2
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +4 -3
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.verticalSpacings = exports.horizontalSpacings = void 0;
|
|
7
|
-
|
|
6
|
+
exports.verticalSpacings = exports.horizontalSpacings = void 0;
|
|
7
|
+
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
|
|
8
8
|
const spacings = {
|
|
9
9
|
none: '0',
|
|
10
10
|
xxs: '2px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","exports","horizontalSpacings","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","verticalSpacings","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"sources":["../src/packages/tokens/src/global/spacings.ts"],"sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\n// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.\nconst spacings: SpacingTokens = {\n none: '0',\n xxs: '2px',\n xs: '4px',\n sNudge: '6px',\n s: '8px',\n mNudge: '10px',\n m: '12px',\n l: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"mappings":";;;;;;AAEA;AACA,MAAMA,QAAQ,GAAkB;EAC9BC,IAAI,EAAE,GAAG;EACTC,GAAG,EAAE,KAAK;EACVC,EAAE,EAAE,KAAK;EACTC,MAAM,EAAE,KAAK;EACbC,CAAC,EAAE,KAAK;EACRC,MAAM,EAAE,MAAM;EACdC,CAAC,EAAE,MAAM;EACTC,CAAC,EAAE,MAAM;EACTC,EAAE,EAAE,MAAM;EACVC,GAAG,EAAE,MAAM;EACXC,IAAI,EAAE;CACP;AAEYC,OAAA,CAAAC,kBAAkB,GAA4B;EACzDC,qBAAqB,EAAEd,QAAQ,CAACC,IAAI;EACpCc,oBAAoB,EAAEf,QAAQ,CAACE,GAAG;EAClCc,mBAAmB,EAAEhB,QAAQ,CAACG,EAAE;EAChCc,uBAAuB,EAAEjB,QAAQ,CAACI,MAAM;EACxCc,kBAAkB,EAAElB,QAAQ,CAACK,CAAC;EAC9Bc,uBAAuB,EAAEnB,QAAQ,CAACM,MAAM;EACxCc,kBAAkB,EAAEpB,QAAQ,CAACO,CAAC;EAC9Bc,kBAAkB,EAAErB,QAAQ,CAACQ,CAAC;EAC9Bc,mBAAmB,EAAEtB,QAAQ,CAACS,EAAE;EAChCc,oBAAoB,EAAEvB,QAAQ,CAACU,GAAG;EAClCc,qBAAqB,EAAExB,QAAQ,CAACW;CACjC;AAEYC,OAAA,CAAAa,gBAAgB,GAA0B;EACrDC,mBAAmB,EAAE1B,QAAQ,CAACC,IAAI;EAClC0B,kBAAkB,EAAE3B,QAAQ,CAACE,GAAG;EAChC0B,iBAAiB,EAAE5B,QAAQ,CAACG,EAAE;EAC9B0B,qBAAqB,EAAE7B,QAAQ,CAACI,MAAM;EACtC0B,gBAAgB,EAAE9B,QAAQ,CAACK,CAAC;EAC5B0B,qBAAqB,EAAE/B,QAAQ,CAACM,MAAM;EACtC0B,gBAAgB,EAAEhC,QAAQ,CAACO,CAAC;EAC5B0B,gBAAgB,EAAEjC,QAAQ,CAACQ,CAAC;EAC5B0B,iBAAiB,EAAElC,QAAQ,CAACS,EAAE;EAC9B0B,kBAAkB,EAAEnC,QAAQ,CAACU,GAAG;EAChC0B,mBAAmB,EAAEpC,QAAQ,CAACW;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/global/strokeWidths.ts"],"
|
|
1
|
+
{"version":3,"names":["exports","strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"sources":["../src/packages/tokens/src/global/strokeWidths.ts"],"sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n strokeWidthThin: '1px',\n strokeWidthThick: '2px',\n strokeWidthThicker: '3px',\n strokeWidthThickest: '4px',\n};\n"],"mappings":";;;;;;AAEaA,OAAA,CAAAC,YAAY,GAAsB;EAC7CC,eAAe,EAAE,KAAK;EACtBC,gBAAgB,EAAE,KAAK;EACvBC,kBAAkB,EAAE,KAAK;EACzBC,mBAAmB,EAAE;CACtB"}
|
|
@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.typographyStyles = void 0;
|
|
7
|
-
|
|
8
7
|
const tokens_1 = /*#__PURE__*/require("../tokens");
|
|
9
8
|
/**
|
|
10
9
|
* Global typography styles (fontSize, fontWeight, and lineHeight)
|
|
11
10
|
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
11
|
exports.typographyStyles = {
|
|
15
12
|
body1: {
|
|
16
13
|
fontFamily: tokens_1.tokens.fontFamilyBase,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tokens_1","require","exports","typographyStyles","body1","fontFamily","tokens","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"sources":["../src/packages/tokens/src/global/typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase300,\n },\n body2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase400,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.typographyStyles = exports.tokens = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.webLightTheme = exports.webDarkTheme = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = void 0;
|
|
7
|
-
|
|
8
7
|
var index_1 = /*#__PURE__*/require("./themes/index");
|
|
9
|
-
|
|
10
8
|
Object.defineProperty(exports, "teamsDarkTheme", {
|
|
11
9
|
enumerable: true,
|
|
12
10
|
get: function () {
|
|
@@ -37,9 +35,7 @@ Object.defineProperty(exports, "webLightTheme", {
|
|
|
37
35
|
return index_1.webLightTheme;
|
|
38
36
|
}
|
|
39
37
|
});
|
|
40
|
-
|
|
41
38
|
var index_2 = /*#__PURE__*/require("./utils/index");
|
|
42
|
-
|
|
43
39
|
Object.defineProperty(exports, "createDarkTheme", {
|
|
44
40
|
enumerable: true,
|
|
45
41
|
get: function () {
|
|
@@ -64,27 +60,21 @@ Object.defineProperty(exports, "createTeamsDarkTheme", {
|
|
|
64
60
|
return index_2.createTeamsDarkTheme;
|
|
65
61
|
}
|
|
66
62
|
});
|
|
67
|
-
|
|
68
63
|
var themeToTokensObject_1 = /*#__PURE__*/require("./themeToTokensObject");
|
|
69
|
-
|
|
70
64
|
Object.defineProperty(exports, "themeToTokensObject", {
|
|
71
65
|
enumerable: true,
|
|
72
66
|
get: function () {
|
|
73
67
|
return themeToTokensObject_1.themeToTokensObject;
|
|
74
68
|
}
|
|
75
69
|
});
|
|
76
|
-
|
|
77
70
|
var tokens_1 = /*#__PURE__*/require("./tokens");
|
|
78
|
-
|
|
79
71
|
Object.defineProperty(exports, "tokens", {
|
|
80
72
|
enumerable: true,
|
|
81
73
|
get: function () {
|
|
82
74
|
return tokens_1.tokens;
|
|
83
75
|
}
|
|
84
76
|
});
|
|
85
|
-
|
|
86
77
|
var index_3 = /*#__PURE__*/require("./global/index");
|
|
87
|
-
|
|
88
78
|
Object.defineProperty(exports, "typographyStyles", {
|
|
89
79
|
enumerable: true,
|
|
90
80
|
get: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["index_1","require","Object","defineProperty","exports","enumerable","get","teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","index_2","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject_1","themeToTokensObject","tokens_1","tokens","index_3","typographyStyles"],"sources":["../src/packages/tokens/src/index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from './types';\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAO,cAAc;EAAA;AAAA;AAAEL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAQ,sBAAsB;EAAA;AAAA;AAAEN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAS,eAAe;EAAA;AAAA;AAAEP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAU,YAAY;EAAA;AAAA;AAAER,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAW,aAAa;EAAA;AAAA;AAC7F,IAAAC,OAAA,gBAAAX,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,OAAA,CAAAC,eAAe;EAAA;AAAA;AAAEX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,OAAA,CAAAE,uBAAuB;EAAA;AAAA;AAAEZ,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,OAAA,CAAAG,gBAAgB;EAAA;AAAA;AAAEb,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,OAAA,CAAAI,oBAAoB;EAAA;AAAA;AAEzF,IAAAC,qBAAA,gBAAAhB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,qBAAA,CAAAC,mBAAmB;EAAA;AAAA;AAC5B,IAAAC,QAAA,gBAAAlB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAa,QAAA,CAAAC,MAAM;EAAA;AAAA;AACf,IAAAC,OAAA,gBAAApB,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAe,OAAA,CAAAC,gBAAgB;EAAA;AAAA"}
|
|
@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.unusedSharedColorNames = exports.personaSharedColorNames = exports.statusSharedColorNames = void 0;
|
|
7
7
|
/* Names of colors used in shared color palette alias tokens for status. */
|
|
8
|
-
|
|
9
8
|
exports.statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
|
|
10
9
|
/* Names of colors used in shared color palette alias tokens for persona. */
|
|
11
|
-
|
|
12
10
|
exports.personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
|
|
13
11
|
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
|
|
14
|
-
|
|
15
12
|
exports.unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
|
|
16
13
|
//# sourceMappingURL=sharedColorNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/sharedColorNames.ts"],"
|
|
1
|
+
{"version":3,"names":["exports","statusSharedColorNames","personaSharedColorNames","unusedSharedColorNames"],"sources":["../src/packages/tokens/src/sharedColorNames.ts"],"sourcesContent":["/* Names of colors used in shared color palette alias tokens for status. */\nexport const statusSharedColorNames = [\n 'red',\n 'green',\n 'darkOrange',\n 'yellow',\n 'berry',\n 'lightGreen',\n 'marigold',\n] as const;\n\n/* Names of colors used in shared color palette alias tokens for persona. */\nexport const personaSharedColorNames = [\n 'darkRed',\n 'cranberry',\n 'pumpkin',\n 'peach',\n 'gold',\n 'brass',\n 'brown',\n 'forest',\n 'seafoam',\n 'darkGreen',\n 'lightTeal',\n 'teal',\n 'steel',\n 'blue',\n 'royalBlue',\n 'cornflower',\n 'navy',\n 'lavender',\n 'purple',\n 'grape',\n 'lilac',\n 'pink',\n 'magenta',\n 'plum',\n 'beige',\n 'mink',\n 'platinum',\n 'anchor',\n] as const;\n\n/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */\nexport const unusedSharedColorNames = [\n 'burgundy',\n 'bronze',\n 'orange',\n 'darkBrown',\n 'lime',\n 'darkTeal',\n 'cyan',\n 'lightBlue',\n 'darkBlue',\n 'darkPurple',\n 'orchid',\n 'hotPink',\n 'silver',\n 'charcoal',\n] as const;\n"],"mappings":";;;;;;AAAA;AACaA,OAAA,CAAAC,sBAAsB,GAAG,CACpC,KAAK,EACL,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,CACF;AAEV;AACaD,OAAA,CAAAE,uBAAuB,GAAG,CACrC,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,MAAM,EACN,OAAO,EACP,MAAM,EACN,WAAW,EACX,YAAY,EACZ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAU,EACV,QAAQ,CACA;AAEV;AACaF,OAAA,CAAAG,sBAAsB,GAAG,CACpC,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,UAAU,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,CACF"}
|
|
@@ -12,17 +12,13 @@ exports.themeToTokensObject = void 0;
|
|
|
12
12
|
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
|
13
13
|
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
function themeToTokensObject(theme) {
|
|
17
16
|
const tokens = {};
|
|
18
17
|
const keys = Object.keys(theme);
|
|
19
|
-
|
|
20
18
|
for (const key of keys) {
|
|
21
19
|
tokens[key] = `var(--${key})`;
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
return tokens;
|
|
25
22
|
}
|
|
26
|
-
|
|
27
23
|
exports.themeToTokensObject = themeToTokensObject;
|
|
28
24
|
//# sourceMappingURL=themeToTokensObject.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["themeToTokensObject","theme","tokens","keys","Object","key","exports"],"sources":["../src/packages/tokens/src/themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${key})`;\n }\n return tokens;\n}\n"],"mappings":";;;;;;AAEA;;;;;;;;AAQA,SAAgBA,mBAAmBA,CAAuBC,KAAa;EACrE,MAAMC,MAAM,GAAG,EAAkC;EACjD,MAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,KAAK,CAAqB;EACnD,KAAK,MAAMI,GAAG,IAAIF,IAAI,EAAE;IACtBD,MAAM,CAACG,GAAG,CAAC,GAAG,SAASA,GAAG,GAAG;;EAE/B,OAAOH,MAAM;AACf;AAPAI,OAAA,CAAAN,mBAAA,GAAAA,mBAAA"}
|
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
|
-
|
|
9
7
|
tslib_1.__exportStar(require("./teams/index"), exports);
|
|
10
|
-
|
|
11
8
|
tslib_1.__exportStar(require("./web/index"), exports);
|
|
12
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/index.ts"],"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/tokens/src/themes/index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA"}
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.teamsDarkTheme = void 0;
|
|
7
|
-
|
|
8
7
|
const createTeamsDarkTheme_1 = /*#__PURE__*/require("../../utils/createTeamsDarkTheme");
|
|
9
|
-
|
|
10
8
|
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
|
11
|
-
|
|
12
9
|
exports.teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme_1.createTeamsDarkTheme(brandColors_1.brandTeams);
|
|
13
10
|
//# sourceMappingURL=darkTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/darkTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createTeamsDarkTheme_1","require","brandColors_1","exports","teamsDarkTheme","createTeamsDarkTheme","brandTeams"],"sources":["../src/packages/tokens/src/themes/teams/darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"mappings":";;;;;;AAAA,MAAAA,sBAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AAGaE,OAAA,CAAAC,cAAc,gBAAUJ,sBAAA,CAAAK,oBAAoB,CAACH,aAAA,CAAAI,UAAU,CAAC"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.teamsHighContrastTheme = void 0;
|
|
7
|
-
|
|
8
7
|
const createHighContrastTheme_1 = /*#__PURE__*/require("../../utils/createHighContrastTheme");
|
|
9
|
-
|
|
10
8
|
exports.teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme_1.createHighContrastTheme();
|
|
11
9
|
//# sourceMappingURL=highContrastTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/highContrastTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createHighContrastTheme_1","require","exports","teamsHighContrastTheme","createHighContrastTheme"],"sources":["../src/packages/tokens/src/themes/teams/highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"mappings":";;;;;;AAAA,MAAAA,yBAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,sBAAsB,gBAAUH,yBAAA,CAAAI,uBAAuB,EAAE"}
|
|
@@ -3,12 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
|
-
|
|
9
7
|
tslib_1.__exportStar(require("./lightTheme"), exports);
|
|
10
|
-
|
|
11
8
|
tslib_1.__exportStar(require("./darkTheme"), exports);
|
|
12
|
-
|
|
13
9
|
tslib_1.__exportStar(require("./highContrastTheme"), exports);
|
|
14
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/index.ts"],"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/tokens/src/themes/teams/index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA"}
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.teamsLightTheme = void 0;
|
|
7
|
-
|
|
8
7
|
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
|
|
9
|
-
|
|
10
8
|
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
|
11
|
-
|
|
12
9
|
exports.teamsLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandTeams);
|
|
13
10
|
//# sourceMappingURL=lightTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/lightTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createLightTheme_1","require","brandColors_1","exports","teamsLightTheme","createLightTheme","brandTeams"],"sources":["../src/packages/tokens/src/themes/teams/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"mappings":";;;;;;AAAA,MAAAA,kBAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AAGaE,OAAA,CAAAC,eAAe,gBAAUJ,kBAAA,CAAAK,gBAAgB,CAACH,aAAA,CAAAI,UAAU,CAAC"}
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.webDarkTheme = void 0;
|
|
7
|
-
|
|
8
7
|
const createDarkTheme_1 = /*#__PURE__*/require("../../utils/createDarkTheme");
|
|
9
|
-
|
|
10
8
|
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
|
11
|
-
|
|
12
9
|
exports.webDarkTheme = /*#__PURE__*/createDarkTheme_1.createDarkTheme(brandColors_1.brandWeb);
|
|
13
10
|
//# sourceMappingURL=darkTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/web/darkTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createDarkTheme_1","require","brandColors_1","exports","webDarkTheme","createDarkTheme","brandWeb"],"sources":["../src/packages/tokens/src/themes/web/darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AAGaE,OAAA,CAAAC,YAAY,gBAAUJ,iBAAA,CAAAK,eAAe,CAACH,aAAA,CAAAI,QAAQ,CAAC"}
|
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
|
-
|
|
9
7
|
tslib_1.__exportStar(require("./lightTheme"), exports);
|
|
10
|
-
|
|
11
8
|
tslib_1.__exportStar(require("./darkTheme"), exports);
|
|
12
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/web/index.ts"],"
|
|
1
|
+
{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/tokens/src/themes/web/index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA"}
|
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.webLightTheme = void 0;
|
|
7
|
-
|
|
8
7
|
const createLightTheme_1 = /*#__PURE__*/require("../../utils/createLightTheme");
|
|
9
|
-
|
|
10
8
|
const brandColors_1 = /*#__PURE__*/require("../../global/brandColors");
|
|
11
|
-
|
|
12
9
|
exports.webLightTheme = /*#__PURE__*/createLightTheme_1.createLightTheme(brandColors_1.brandWeb);
|
|
13
10
|
//# sourceMappingURL=lightTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/web/lightTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createLightTheme_1","require","brandColors_1","exports","webLightTheme","createLightTheme","brandWeb"],"sources":["../src/packages/tokens/src/themes/web/lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"mappings":";;;;;;AAAA,MAAAA,kBAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AAGaE,OAAA,CAAAC,aAAa,gBAAUJ,kBAAA,CAAAK,gBAAgB,CAACH,aAAA,CAAAI,QAAQ,CAAC"}
|
package/lib-commonjs/tokens.js
CHANGED
|
@@ -80,8 +80,10 @@ exports.tokens = {
|
|
|
80
80
|
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
|
|
81
81
|
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
|
|
82
82
|
colorNeutralBackground6: 'var(--colorNeutralBackground6)',
|
|
83
|
-
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
|
84
83
|
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
|
|
84
|
+
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
|
85
|
+
colorNeutralBackgroundAlpha: 'var(--colorNeutralBackgroundAlpha)',
|
|
86
|
+
colorNeutralBackgroundAlpha2: 'var(--colorNeutralBackgroundAlpha2)',
|
|
85
87
|
colorSubtleBackground: 'var(--colorSubtleBackground)',
|
|
86
88
|
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
|
|
87
89
|
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
|
|
@@ -143,6 +145,7 @@ exports.tokens = {
|
|
|
143
145
|
colorTransparentStroke: 'var(--colorTransparentStroke)',
|
|
144
146
|
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
|
145
147
|
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
|
148
|
+
colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',
|
|
146
149
|
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
|
147
150
|
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
|
148
151
|
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|