@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
package/lib/global/curves.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["curves","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"sources":["../src/packages/tokens/src/global/curves.ts"],"sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n curveAccelerateMax: 'cubic-bezier(1,0,1,1)',\n curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)',\n curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)',\n curveDecelerateMax: 'cubic-bezier(0,0,0,1)',\n curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',\n curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)',\n curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,MAAM,GAAgB;EACjCC,kBAAkB,EAAE,uBAAuB;EAC3CC,kBAAkB,EAAE,2BAA2B;EAC/CC,kBAAkB,EAAE,yBAAyB;EAC7CC,kBAAkB,EAAE,uBAAuB;EAC3CC,kBAAkB,EAAE,6BAA6B;EACjDC,kBAAkB,EAAE,4BAA4B;EAChDC,gBAAgB,EAAE,2BAA2B;EAC7CC,aAAa,EAAE,6BAA6B;EAC5CC,WAAW,EAAE;CACd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationSlow","durationSlower","durationUltraSlow"],"sources":["../src/packages/tokens/src/global/durations.ts"],"sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n durationUltraFast: '50ms',\n durationFaster: '100ms',\n durationFast: '150ms',\n durationNormal: '200ms',\n durationSlow: '300ms',\n durationSlower: '400ms',\n durationUltraSlow: '500ms',\n};\n"],"mappings":"AAEA,OAAO,MAAMA,SAAS,GAAmB;EACvCC,iBAAiB,EAAE,MAAM;EACzBC,cAAc,EAAE,OAAO;EACvBC,YAAY,EAAE,OAAO;EACrBC,cAAc,EAAE,OAAO;EACvBC,YAAY,EAAE,OAAO;EACrBC,cAAc,EAAE,OAAO;EACvBC,iBAAiB,EAAE;CACpB"}
|
package/lib/global/fonts.js
CHANGED
|
@@ -29,10 +29,12 @@ export const fontWeights = {
|
|
|
29
29
|
fontWeightBold: 700
|
|
30
30
|
};
|
|
31
31
|
export const fontFamilies = {
|
|
32
|
-
fontFamilyBase:
|
|
32
|
+
fontFamilyBase:
|
|
33
|
+
// eslint-disable-next-line @fluentui/max-len
|
|
33
34
|
"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
|
|
34
35
|
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
|
|
35
|
-
fontFamilyNumeric:
|
|
36
|
+
fontFamilyNumeric:
|
|
37
|
+
// eslint-disable-next-line @fluentui/max-len
|
|
36
38
|
"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
|
|
37
39
|
};
|
|
38
40
|
//# sourceMappingURL=fonts.js.map
|
package/lib/global/fonts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["fontSizes","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeights","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeights","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilies","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"sources":["../src/packages/tokens/src/global/fonts.ts"],"sourcesContent":["import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';\n\nexport const fontSizes: FontSizeTokens = {\n fontSizeBase100: '10px',\n fontSizeBase200: '12px',\n fontSizeBase300: '14px',\n fontSizeBase400: '16px',\n fontSizeBase500: '20px',\n fontSizeBase600: '24px',\n\n fontSizeHero700: '28px',\n fontSizeHero800: '32px',\n fontSizeHero900: '40px',\n fontSizeHero1000: '68px',\n};\n\nexport const lineHeights: LineHeightTokens = {\n lineHeightBase100: '14px',\n lineHeightBase200: '16px',\n lineHeightBase300: '20px',\n lineHeightBase400: '22px',\n lineHeightBase500: '28px',\n lineHeightBase600: '32px',\n\n lineHeightHero700: '36px',\n lineHeightHero800: '40px',\n lineHeightHero900: '52px',\n lineHeightHero1000: '92px',\n};\n\nexport const fontWeights: FontWeightTokens = {\n fontWeightRegular: 400,\n fontWeightMedium: 500,\n fontWeightSemibold: 600,\n fontWeightBold: 700,\n};\n\nexport const fontFamilies: FontFamilyTokens = {\n fontFamilyBase:\n // eslint-disable-next-line @fluentui/max-len\n \"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n fontFamilyMonospace: \"Consolas, 'Courier New', Courier, monospace\",\n fontFamilyNumeric:\n // eslint-disable-next-line @fluentui/max-len\n \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n"],"mappings":"AAEA,OAAO,MAAMA,SAAS,GAAmB;EACvCC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EAEvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,eAAe,EAAE,MAAM;EACvBC,gBAAgB,EAAE;CACnB;AAED,OAAO,MAAMC,WAAW,GAAqB;EAC3CC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EAEzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,iBAAiB,EAAE,MAAM;EACzBC,kBAAkB,EAAE;CACrB;AAED,OAAO,MAAMC,WAAW,GAAqB;EAC3CC,iBAAiB,EAAE,GAAG;EACtBC,gBAAgB,EAAE,GAAG;EACrBC,kBAAkB,EAAE,GAAG;EACvBC,cAAc,EAAE;CACjB;AAED,OAAO,MAAMC,YAAY,GAAqB;EAC5CC,cAAc;EACZ;EACA,qHAAqH;EACvHC,mBAAmB,EAAE,6CAA6C;EAClEC,iBAAiB;EACf;EACA;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","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;AAED,OAAO,MAAMC,kBAAkB,GAA4B;EACzDC,qBAAqB,EAAEb,QAAQ,CAACC,IAAI;EACpCa,oBAAoB,EAAEd,QAAQ,CAACE,GAAG;EAClCa,mBAAmB,EAAEf,QAAQ,CAACG,EAAE;EAChCa,uBAAuB,EAAEhB,QAAQ,CAACI,MAAM;EACxCa,kBAAkB,EAAEjB,QAAQ,CAACK,CAAC;EAC9Ba,uBAAuB,EAAElB,QAAQ,CAACM,MAAM;EACxCa,kBAAkB,EAAEnB,QAAQ,CAACO,CAAC;EAC9Ba,kBAAkB,EAAEpB,QAAQ,CAACQ,CAAC;EAC9Ba,mBAAmB,EAAErB,QAAQ,CAACS,EAAE;EAChCa,oBAAoB,EAAEtB,QAAQ,CAACU,GAAG;EAClCa,qBAAqB,EAAEvB,QAAQ,CAACW;CACjC;AAED,OAAO,MAAMa,gBAAgB,GAA0B;EACrDC,mBAAmB,EAAEzB,QAAQ,CAACC,IAAI;EAClCyB,kBAAkB,EAAE1B,QAAQ,CAACE,GAAG;EAChCyB,iBAAiB,EAAE3B,QAAQ,CAACG,EAAE;EAC9ByB,qBAAqB,EAAE5B,QAAQ,CAACI,MAAM;EACtCyB,gBAAgB,EAAE7B,QAAQ,CAACK,CAAC;EAC5ByB,qBAAqB,EAAE9B,QAAQ,CAACM,MAAM;EACtCyB,gBAAgB,EAAE/B,QAAQ,CAACO,CAAC;EAC5ByB,gBAAgB,EAAEhC,QAAQ,CAACQ,CAAC;EAC5ByB,iBAAiB,EAAEjC,QAAQ,CAACS,EAAE;EAC9ByB,kBAAkB,EAAElC,QAAQ,CAACU,GAAG;EAChCyB,mBAAmB,EAAEnC,QAAQ,CAACW;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/global/strokeWidths.ts"],"
|
|
1
|
+
{"version":3,"names":["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":"AAEA,OAAO,MAAMA,YAAY,GAAsB;EAC7CC,eAAe,EAAE,KAAK;EACtBC,gBAAgB,EAAE,KAAK;EACvBC,kBAAkB,EAAE,KAAK;EACzBC,mBAAmB,EAAE;CACtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["tokens","typographyStyles","body1","fontFamily","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/sharedColorNames.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
/* Names of colors used in shared color palette alias tokens for status. */
|
|
2
2
|
export const statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
|
|
3
3
|
/* Names of colors used in shared color palette alias tokens for persona. */
|
|
4
|
-
|
|
5
4
|
export const 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'];
|
|
6
5
|
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
|
|
7
|
-
|
|
8
6
|
export const unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
|
|
9
7
|
//# sourceMappingURL=sharedColorNames.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["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;AACA,OAAO,MAAMA,sBAAsB,GAAG,CACpC,KAAK,EACL,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,CACF;AAEV;AACA,OAAO,MAAMC,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;AACA,OAAO,MAAMC,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"names":["themeToTokensObject","theme","tokens","keys","Object","key"],"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,OAAM,SAAUA,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/darkTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"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,SAASA,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,UAAU,QAAQ,0BAA0B;AAGrD,OAAO,MAAMC,cAAc,gBAAUF,oBAAoB,CAACC,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/highContrastTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createHighContrastTheme","teamsHighContrastTheme"],"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,SAASA,uBAAuB,QAAQ,qCAAqC;AAG7E,OAAO,MAAMC,sBAAsB,gBAAUD,uBAAuB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/teams/lightTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createLightTheme","brandTeams","teamsLightTheme"],"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,SAASA,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,UAAU,QAAQ,0BAA0B;AAGrD,OAAO,MAAMC,eAAe,gBAAUF,gBAAgB,CAACC,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/web/darkTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createDarkTheme","brandWeb","webDarkTheme"],"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,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AAGnD,OAAO,MAAMC,YAAY,gBAAUF,eAAe,CAACC,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/themes/web/lightTheme.ts"],"
|
|
1
|
+
{"version":3,"names":["createLightTheme","brandWeb","webLightTheme"],"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,SAASA,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,QAAQ,QAAQ,0BAA0B;AAGnD,OAAO,MAAMC,aAAa,gBAAUF,gBAAgB,CAACC,QAAQ,CAAC"}
|
package/lib/tokens.js
CHANGED
|
@@ -74,8 +74,10 @@ export const tokens = {
|
|
|
74
74
|
colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',
|
|
75
75
|
colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',
|
|
76
76
|
colorNeutralBackground6: 'var(--colorNeutralBackground6)',
|
|
77
|
-
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
|
78
77
|
colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',
|
|
78
|
+
colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',
|
|
79
|
+
colorNeutralBackgroundAlpha: 'var(--colorNeutralBackgroundAlpha)',
|
|
80
|
+
colorNeutralBackgroundAlpha2: 'var(--colorNeutralBackgroundAlpha2)',
|
|
79
81
|
colorSubtleBackground: 'var(--colorSubtleBackground)',
|
|
80
82
|
colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',
|
|
81
83
|
colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',
|
|
@@ -137,6 +139,7 @@ export const tokens = {
|
|
|
137
139
|
colorTransparentStroke: 'var(--colorTransparentStroke)',
|
|
138
140
|
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
|
139
141
|
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
|
142
|
+
colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',
|
|
140
143
|
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
|
141
144
|
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
|
142
145
|
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|
package/lib/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/tokens/src/tokens.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,GAAgC;EACjD;EACA,uBAAuB,EAAE,gCAFwB;EAGjD,4BAA4B,EAAE,qCAHmB;EAIjD,8BAA8B,EAAE,uCAJiB;EAKjD,+BAA+B,EAAE,wCALgB;EAMjD,uBAAuB,EAAE,gCANwB;EAOjD,4BAA4B,EAAE,qCAPmB;EAQjD,8BAA8B,EAAE,uCARiB;EASjD,+BAA+B,EAAE,wCATgB;EAUjD,iCAAiC,EAAE,0CAVc;EAWjD,mCAAmC,EAAE,4CAXY;EAYjD,oCAAoC,EAAE,6CAZW;EAajD,uBAAuB,EAAE,gCAbwB;EAcjD,4BAA4B,EAAE,qCAdmB;EAejD,8BAA8B,EAAE,uCAfiB;EAgBjD,+BAA+B,EAAE,wCAhBgB;EAiBjD,iCAAiC,EAAE,0CAjBc;EAkBjD,mCAAmC,EAAE,4CAlBY;EAmBjD,oCAAoC,EAAE,6CAnBW;EAoBjD,uBAAuB,EAAE,gCApBwB;EAqBjD,8BAA8B,EAAE,uCArBiB;EAsBjD,wBAAwB,EAAE,iCAtBuB;EAuBjD,6BAA6B,EAAE,sCAvBkB;EAwBjD,+BAA+B,EAAE,wCAxBgB;EAyBjD,gCAAgC,EAAE,yCAzBe;EA0BjD,2BAA2B,EAAE,oCA1BoB;EA2BjD,gCAAgC,EAAE,yCA3Be;EA4BjD,kCAAkC,EAAE,2CA5Ba;EA6BjD,mCAAmC,EAAE,4CA7BY;EA8BjD,6BAA6B,EAAE,sCA9BkB;EA+BjD,kCAAkC,EAAE,2CA/Ba;EAgCjD,oCAAoC,EAAE,6CAhCW;EAiCjD,6BAA6B,EAAE,sCAjCkB;EAkCjD,8BAA8B,EAAE,uCAlCiB;EAmCjD,mCAAmC,EAAE,4CAnCY;EAoCjD,qCAAqC,EAAE,8CApCU;EAqCjD,sCAAsC,EAAE,+CArCS;EAsCjD,+BAA+B,EAAE,wCAtCgB;EAuCjD,oCAAoC,EAAE,6CAvCW;EAwCjD,kCAAkC,EAAE,2CAxCa;EAyCjD,uCAAuC,EAAE,gDAzCQ;EA0CjD,yCAAyC,EAAE,kDA1CM;EA2CjD,0CAA0C,EAAE,mDA3CK;EA4CjD,sCAAsC,EAAE,+CA5CS;EA6CjD,qBAAqB,EAAE,8BA7C0B;EA8CjD,qBAAqB,EAAE,8BA9C0B;EA+CjD,6BAA6B,EAAE,sCA/CkB;EAgDjD,4BAA4B,EAAE,qCAhDmB;EAiDjD,iCAAiC,EAAE,0CAjDc;EAkDjD,mCAAmC,EAAE,4CAlDY;EAmDjD,2BAA2B,EAAE,oCAnDoB;EAoDjD,gCAAgC,EAAE,yCApDe;EAqDjD,kCAAkC,EAAE,2CArDa;EAsDjD,mCAAmC,EAAE,4CAtDY;EAuDjD,uBAAuB,EAAE,gCAvDwB;EAwDjD,4BAA4B,EAAE,qCAxDmB;EAyDjD,8BAA8B,EAAE,uCAzDiB;EA0DjD,+BAA+B,EAAE,wCA1DgB;EA2DjD,uBAAuB,EAAE,gCA3DwB;EA4DjD,4BAA4B,EAAE,qCA5DmB;EA6DjD,8BAA8B,EAAE,uCA7DiB;EA8DjD,+BAA+B,EAAE,wCA9DgB;EA+DjD,uBAAuB,EAAE,gCA/DwB;EAgEjD,4BAA4B,EAAE,qCAhEmB;EAiEjD,8BAA8B,EAAE,uCAjEiB;EAkEjD,+BAA+B,EAAE,wCAlEgB;EAmEjD,uBAAuB,EAAE,gCAnEwB;EAoEjD,4BAA4B,EAAE,qCApEmB;EAqEjD,8BAA8B,EAAE,uCArEiB;EAsEjD,+BAA+B,EAAE,wCAtEgB;EAuEjD,uBAAuB,EAAE,gCAvEwB;EAwEjD,4BAA4B,EAAE,qCAxEmB;EAyEjD,8BAA8B,EAAE,uCAzEiB;EA0EjD,+BAA+B,EAAE,wCA1EgB;EA2EjD,uBAAuB,EAAE,gCA3EwB;EA4EjD,4BAA4B,EAAE,qCA5EmB;EA6EjD,8BAA8B,EAAE,uCA7EiB;EA8EjD,qBAAqB,EAAE,8BA9E0B;EA+EjD,0BAA0B,EAAE,mCA/EqB;EAgFjD,4BAA4B,EAAE,qCAhFmB;EAiFjD,6BAA6B,EAAE,sCAjFkB;EAkFjD,oCAAoC,EAAE,6CAlFW;EAmFjD,sCAAsC,EAAE,+CAnFS;EAoFjD,uCAAuC,EAAE,gDApFQ;EAqFjD,6BAA6B,EAAE,sCArFkB;EAsFjD,kCAAkC,EAAE,2CAtFa;EAuFjD,oCAAoC,EAAE,6CAvFW;EAwFjD,qCAAqC,EAAE,8CAxFU;EAyFjD,0BAA0B,EAAE,mCAzFqB;EA0FjD,+BAA+B,EAAE,wCA1FgB;EA2FjD,iCAAiC,EAAE,0CA3Fc;EA4FjD,kCAAkC,EAAE,2CA5Fa;EA6FjD,8BAA8B,EAAE,uCA7FiB;EA8FjD,sCAAsC,EAAE,+CA9FS;EA+FjD,oBAAoB,EAAE,6BA/F2B;EAgGjD,oBAAoB,EAAE,6BAhG2B;EAiGjD,yBAAyB,EAAE,kCAjGsB;EAkGjD,yBAAyB,EAAE,kCAlGsB;EAmGjD,sBAAsB,EAAE,+BAnGyB;EAoGjD,qBAAqB,EAAE,8BApG0B;EAqGjD,oBAAoB,EAAE,6BArG2B;EAsGjD,yBAAyB,EAAE,kCAtGsB;EAuGjD,2BAA2B,EAAE,oCAvGoB;EAwGjD,4BAA4B,EAAE,qCAxGmB;EAyGjD,4BAA4B,EAAE,qCAzGmB;EA0GjD,iCAAiC,EAAE,0CA1Gc;EA2GjD,mCAAmC,EAAE,4CA3GY;EA4GjD,0BAA0B,EAAE,mCA5GqB;EA6GjD,qBAAqB,EAAE,8BA7G0B;EA8GjD,4BAA4B,EAAE,qCA9GmB;EA+GjD,iCAAiC,EAAE,0CA/Gc;EAgHjD,mCAAmC,EAAE,4CAhHY;EAiHjD,oCAAoC,EAAE,6CAjHW;EAkHjD,4BAA4B,EAAE,qCAlHmB;EAmHjD,iCAAiC,EAAE,0CAnHc;EAoHjD,mCAAmC,EAAE,4CApHY;EAqHjD,oCAAoC,EAAE,6CArHW;EAsHjD,mBAAmB,EAAE,4BAtH4B;EAuHjD,wBAAwB,EAAE,iCAvHuB;EAwHjD,0BAA0B,EAAE,mCAxHqB;EAyHjD,2BAA2B,EAAE,oCAzHoB;EA0HjD,mBAAmB,EAAE,4BA1H4B;EA2HjD,mBAAmB,EAAE,4BA3H4B;EA4HjD,yBAAyB,EAAE,kCA5HsB;EA6HjD,0BAA0B,EAAE,mCA7HqB;EA8HjD,+BAA+B,EAAE,wCA9HgB;EA+HjD,iCAAiC,EAAE,0CA/Hc;EAgIjD,kCAAkC,EAAE,2CAhIa;EAiIjD,iBAAiB,EAAE,0BAjI8B;EAkIjD,iBAAiB,EAAE,0BAlI8B;EAmIjD,wBAAwB,EAAE,iCAnIuB;EAoIjD,6BAA6B,EAAE,sCApIkB;EAqIjD,+BAA+B,EAAE,wCArIgB;EAsIjD,0BAA0B,EAAE,mCAtIqB;EAuIjD,kCAAkC,EAAE,2CAvIa;EAwIjD,sBAAsB,EAAE,+BAxIyB;EAyIjD,iCAAiC,EAAE,0CAzIc;EA0IjD,8BAA8B,EAAE,uCA1IiB;EA2IjD,iBAAiB,EAAE,0BA3I8B;EA4IjD,iBAAiB,EAAE,0BA5I8B;EA6IjD,yBAAyB,EAAE,kCA7IsB;EA8IjD,qBAAqB,EAAE,8BA9I0B;EA+IjD,gCAAgC,EAAE,yCA/Ie;EAgJjD,4BAA4B,EAAE,qCAhJmB;EAiJjD,+BAA+B,EAAE,wCAjJgB;EAkJjD,2BAA2B,EAAE,oCAlJoB;EAmJjD,uBAAuB,EAAE,gCAnJwB;EAoJjD,mBAAmB,EAAE,4BApJ4B;EAsJjD;EAEA;EACA,0BAA0B,EAAE,mCAzJqB;EA0JjD,0BAA0B,EAAE,mCA1JqB;EA2JjD,0BAA0B,EAAE,mCA3JqB;EA4JjD,2BAA2B,EAAE,oCA5JoB;EA6JjD,sBAAsB,EAAE,+BA7JyB;EA8JjD,sBAAsB,EAAE,+BA9JyB;EA+JjD,0BAA0B,EAAE,mCA/JqB;EAgKjD,0BAA0B,EAAE,mCAhKqB;EAiKjD,0BAA0B,EAAE,mCAjKqB;EAkKjD,iCAAiC,EAAE,0CAlKc;EAoKjD;EACA,4BAA4B,EAAE,qCArKmB;EAsKjD,4BAA4B,EAAE,qCAtKmB;EAuKjD,4BAA4B,EAAE,qCAvKmB;EAwKjD,6BAA6B,EAAE,sCAxKkB;EAyKjD,wBAAwB,EAAE,iCAzKuB;EA0KjD,wBAAwB,EAAE,iCA1KuB;EA2KjD,4BAA4B,EAAE,qCA3KmB;EA4KjD,4BAA4B,EAAE,qCA5KmB;EA6KjD,4BAA4B,EAAE,qCA7KmB;EA8KjD,mCAAmC,EAAE,4CA9KY;EAgLjD;EACA,iCAAiC,EAAE,0CAjLc;EAkLjD,iCAAiC,EAAE,0CAlLc;EAmLjD,iCAAiC,EAAE,0CAnLc;EAoLjD,kCAAkC,EAAE,2CApLa;EAqLjD,6BAA6B,EAAE,sCArLkB;EAsLjD,6BAA6B,EAAE,sCAtLkB;EAuLjD,iCAAiC,EAAE,0CAvLc;EAwLjD,iCAAiC,EAAE,0CAxLc;EAyLjD,iCAAiC,EAAE,0CAzLc;EA2LjD;EACA,6BAA6B,EAAE,sCA5LkB;EA6LjD,6BAA6B,EAAE,sCA7LkB;EA8LjD,6BAA6B,EAAE,sCA9LkB;EA+LjD,8BAA8B,EAAE,uCA/LiB;EAgMjD,yBAAyB,EAAE,kCAhMsB;EAiMjD,yBAAyB,EAAE,kCAjMsB;EAkMjD,6BAA6B,EAAE,sCAlMkB;EAmMjD,6BAA6B,EAAE,sCAnMkB;EAoMjD,6BAA6B,EAAE,sCApMkB;EAqMjD,oCAAoC,EAAE,6CArMW;EAuMjD;EACA,4BAA4B,EAAE,qCAxMmB;EAyMjD,4BAA4B,EAAE,qCAzMmB;EA0MjD,4BAA4B,EAAE,qCA1MmB;EA2MjD,6BAA6B,EAAE,sCA3MkB;EA4MjD,wBAAwB,EAAE,iCA5MuB;EA6MjD,wBAAwB,EAAE,iCA7MuB;EA8MjD,4BAA4B,EAAE,qCA9MmB;EA+MjD,4BAA4B,EAAE,qCA/MmB;EAgNjD,4BAA4B,EAAE,qCAhNmB;EAkNjD;EACA,+BAA+B,EAAE,wCAnNgB;EAoNjD,+BAA+B,EAAE,wCApNgB;EAqNjD,+BAA+B,EAAE,wCArNgB;EAsNjD,gCAAgC,EAAE,yCAtNe;EAuNjD,2BAA2B,EAAE,oCAvNoB;EAwNjD,2BAA2B,EAAE,oCAxNoB;EAyNjD,+BAA+B,EAAE,wCAzNgB;EA0NjD,+BAA+B,EAAE,wCA1NgB;EA2NjD,+BAA+B,EAAE,wCA3NgB;EA6NjD;EACA,iCAAiC,EAAE,0CA9Nc;EA+NjD,iCAAiC,EAAE,0CA/Nc;EAgOjD,iCAAiC,EAAE,0CAhOc;EAiOjD,kCAAkC,EAAE,2CAjOa;EAkOjD,6BAA6B,EAAE,sCAlOkB;EAmOjD,6BAA6B,EAAE,sCAnOkB;EAoOjD,iCAAiC,EAAE,0CApOc;EAqOjD,iCAAiC,EAAE,0CArOc;EAsOjD,iCAAiC,EAAE,0CAtOc;EAwOjD;EACA,6BAA6B,EAAE,sCAzOkB;EA0OjD,8BAA8B,EAAE,uCA1OiB;EA2OjD,6BAA6B,EAAE,sCA3OkB;EA6OjD;EACA,4BAA4B,EAAE,qCA9OmB;EA+OjD,6BAA6B,EAAE,sCA/OkB;EAgPjD,4BAA4B,EAAE,qCAhPmB;EAkPjD;EACA,2BAA2B,EAAE,oCAnPoB;EAoPjD,4BAA4B,EAAE,qCApPmB;EAqPjD,2BAA2B,EAAE,oCArPoB;EAuPjD;EACA,4BAA4B,EAAE,qCAxPmB;EAyPjD,6BAA6B,EAAE,sCAzPkB;EA0PjD,4BAA4B,EAAE,qCA1PmB;EA4PjD;EACA,4BAA4B,EAAE,qCA7PmB;EA8PjD,6BAA6B,EAAE,sCA9PkB;EA+PjD,4BAA4B,EAAE,qCA/PmB;EAiQjD;EACA,iCAAiC,EAAE,0CAlQc;EAmQjD,kCAAkC,EAAE,2CAnQa;EAoQjD,iCAAiC,EAAE,0CApQc;EAsQjD;EACA,gCAAgC,EAAE,yCAvQe;EAwQjD,iCAAiC,EAAE,0CAxQc;EAyQjD,gCAAgC,EAAE,yCAzQe;EA2QjD;EACA,gCAAgC,EAAE,yCA5Qe;EA6QjD,iCAAiC,EAAE,0CA7Qc;EA8QjD,gCAAgC,EAAE,yCA9Qe;EAgRjD;EACA,8BAA8B,EAAE,uCAjRiB;EAkRjD,+BAA+B,EAAE,wCAlRgB;EAmRjD,8BAA8B,EAAE,uCAnRiB;EAqRjD;EACA,6BAA6B,EAAE,sCAtRkB;EAuRjD,8BAA8B,EAAE,uCAvRiB;EAwRjD,6BAA6B,EAAE,sCAxRkB;EA0RjD;EACA,2BAA2B,EAAE,oCA3RoB;EA4RjD,4BAA4B,EAAE,qCA5RmB;EA6RjD,2BAA2B,EAAE,oCA7RoB;EA+RjD;EACA,4BAA4B,EAAE,qCAhSmB;EAiSjD,6BAA6B,EAAE,sCAjSkB;EAkSjD,4BAA4B,EAAE,qCAlSmB;EAoSjD;EACA,+BAA+B,EAAE,wCArSgB;EAsSjD,gCAAgC,EAAE,yCAtSe;EAuSjD,+BAA+B,EAAE,wCAvSgB;EAySjD;EACA,gCAAgC,EAAE,yCA1Se;EA2SjD,iCAAiC,EAAE,0CA3Sc;EA4SjD,gCAAgC,EAAE,yCA5Se;EA8SjD;EACA,4BAA4B,EAAE,qCA/SmB;EAgTjD,6BAA6B,EAAE,sCAhTkB;EAiTjD,4BAA4B,EAAE,qCAjTmB;EAmTjD;EACA,8BAA8B,EAAE,uCApTiB;EAqTjD,+BAA+B,EAAE,wCArTgB;EAsTjD,8BAA8B,EAAE,uCAtTiB;EAwTjD;EACA,2BAA2B,EAAE,oCAzToB;EA0TjD,4BAA4B,EAAE,qCA1TmB;EA2TjD,2BAA2B,EAAE,oCA3ToB;EA6TjD;EACA,2BAA2B,EAAE,oCA9ToB;EA+TjD,4BAA4B,EAAE,qCA/TmB;EAgUjD,2BAA2B,EAAE,oCAhUoB;EAkUjD;EACA,4BAA4B,EAAE,qCAnUmB;EAoUjD,6BAA6B,EAAE,sCApUkB;EAqUjD,4BAA4B,EAAE,qCArUmB;EAuUjD;EACA,2BAA2B,EAAE,oCAxUoB;EAyUjD,4BAA4B,EAAE,qCAzUmB;EA0UjD,2BAA2B,EAAE,oCA1UoB;EA4UjD;EACA,+BAA+B,EAAE,wCA7UgB;EA8UjD,gCAAgC,EAAE,yCA9Ue;EA+UjD,+BAA+B,EAAE,wCA/UgB;EAiVjD;EACA,2BAA2B,EAAE,oCAlVoB;EAmVjD,4BAA4B,EAAE,qCAnVmB;EAoVjD,2BAA2B,EAAE,oCApVoB;EAsVjD;EACA,8BAA8B,EAAE,uCAvViB;EAwVjD,+BAA+B,EAAE,wCAxVgB;EAyVjD,8BAA8B,EAAE,uCAzViB;EA2VjD;EACA,6BAA6B,EAAE,sCA5VkB;EA6VjD,8BAA8B,EAAE,uCA7ViB;EA8VjD,6BAA6B,EAAE,sCA9VkB;EAgWjD;EACA,gCAAgC,EAAE,yCAjWe;EAkWjD,iCAAiC,EAAE,0CAlWc;EAmWjD,gCAAgC,EAAE,yCAnWe;EAqWjD;EACA,8BAA8B,EAAE,uCAtWiB;EAuWjD,+BAA+B,EAAE,wCAvWgB;EAwWjD,8BAA8B,EAAE,uCAxWiB;EA0WjD;EACA,4BAA4B,EAAE,qCA3WmB;EA4WjD,6BAA6B,EAAE,sCA5WkB;EA6WjD,4BAA4B,EAAE,qCA7WmB;EA+WjD;EACA,2BAA2B,EAAE,oCAhXoB;EAiXjD,4BAA4B,EAAE,qCAjXmB;EAkXjD,2BAA2B,EAAE,oCAlXoB;EAoXjD;EACA,gBAAgB,EAAE,yBArX+B;EAsXjD,iBAAiB,EAAE,0BAtX8B;EAuXjD,kBAAkB,EAAE,2BAvX6B;EAwXjD,iBAAiB,EAAE,0BAxX8B;EAyXjD,kBAAkB,EAAE,2BAzX6B;EA0XjD,oBAAoB,EAAE,6BA1X2B;EA4XjD;EACA,cAAc,EAAE,uBA7XiC;EA8XjD,mBAAmB,EAAE,4BA9X4B;EA+XjD,iBAAiB,EAAE,0BA/X8B;EAiYjD;EACA,eAAe,EAAE,wBAlYgC;EAmYjD,eAAe,EAAE,wBAnYgC;EAoYjD,eAAe,EAAE,wBApYgC;EAqYjD,eAAe,EAAE,wBArYgC;EAsYjD,eAAe,EAAE,wBAtYgC;EAuYjD,eAAe,EAAE,wBAvYgC;EAwYjD,eAAe,EAAE,wBAxYgC;EAyYjD,eAAe,EAAE,wBAzYgC;EA0YjD,eAAe,EAAE,wBA1YgC;EA2YjD,gBAAgB,EAAE,yBA3Y+B;EA6YjD;EACA,iBAAiB,EAAE,0BA9Y8B;EA+YjD,gBAAgB,EAAE,yBA/Y+B;EAgZjD,kBAAkB,EAAE,2BAhZ6B;EAiZjD,cAAc,EAAE,uBAjZiC;EAmZjD;EACA,iBAAiB,EAAE,0BApZ8B;EAqZjD,iBAAiB,EAAE,0BArZ8B;EAsZjD,iBAAiB,EAAE,0BAtZ8B;EAuZjD,iBAAiB,EAAE,0BAvZ8B;EAwZjD,iBAAiB,EAAE,0BAxZ8B;EAyZjD,iBAAiB,EAAE,0BAzZ8B;EA0ZjD,iBAAiB,EAAE,0BA1Z8B;EA2ZjD,iBAAiB,EAAE,0BA3Z8B;EA4ZjD,iBAAiB,EAAE,0BA5Z8B;EA6ZjD,kBAAkB,EAAE,2BA7Z6B;EA+ZjD;EACA,OAAO,EAAE,gBAhawC;EAiajD,OAAO,EAAE,gBAjawC;EAkajD,OAAO,EAAE,gBAlawC;EAmajD,QAAQ,EAAE,iBAnauC;EAoajD,QAAQ,EAAE,iBApauC;EAqajD,QAAQ,EAAE,iBArauC;EAuajD;EACA,YAAY,EAAE,qBAxamC;EAyajD,YAAY,EAAE,qBAzamC;EA0ajD,YAAY,EAAE,qBA1amC;EA2ajD,aAAa,EAAE,sBA3akC;EA4ajD,aAAa,EAAE,sBA5akC;EA6ajD,aAAa,EAAE,sBA7akC;EA+ajD;EACA,eAAe,EAAE,wBAhbgC;EAibjD,gBAAgB,EAAE,yBAjb+B;EAkbjD,kBAAkB,EAAE,2BAlb6B;EAmbjD,mBAAmB,EAAE,4BAnb4B;EAqbjD;EACA,qBAAqB,EAAE,8BAtb0B;EAubjD,oBAAoB,EAAE,6BAvb2B;EAwbjD,mBAAmB,EAAE,4BAxb4B;EAybjD,uBAAuB,EAAE,gCAzbwB;EA0bjD,kBAAkB,EAAE,2BA1b6B;EA2bjD,uBAAuB,EAAE,gCA3bwB;EA4bjD,kBAAkB,EAAE,2BA5b6B;EA6bjD,kBAAkB,EAAE,2BA7b6B;EA8bjD,mBAAmB,EAAE,4BA9b4B;EA+bjD,oBAAoB,EAAE,6BA/b2B;EAgcjD,qBAAqB,EAAE,8BAhc0B;EAkcjD,mBAAmB,EAAE,4BAlc4B;EAmcjD,kBAAkB,EAAE,2BAnc6B;EAocjD,iBAAiB,EAAE,0BApc8B;EAqcjD,qBAAqB,EAAE,8BArc0B;EAscjD,gBAAgB,EAAE,yBAtc+B;EAucjD,qBAAqB,EAAE,8BAvc0B;EAwcjD,gBAAgB,EAAE,yBAxc+B;EAycjD,gBAAgB,EAAE,yBAzc+B;EA0cjD,iBAAiB,EAAE,0BA1c8B;EA2cjD,kBAAkB,EAAE,2BA3c6B;EA4cjD,mBAAmB,EAAE,4BA5c4B;EA8cjD;EACA,iBAAiB,EAAE,0BA/c8B;EAgdjD,cAAc,EAAE,uBAhdiC;EAidjD,YAAY,EAAE,qBAjdmC;EAkdjD,cAAc,EAAE,uBAldiC;EAmdjD,YAAY,EAAE,qBAndmC;EAodjD,cAAc,EAAE,uBApdiC;EAqdjD,iBAAiB,EAAE,0BArd8B;EAudjD;EACA,kBAAkB,EAAE,2BAxd6B;EAydjD,kBAAkB,EAAE,2BAzd6B;EA0djD,kBAAkB,EAAE,2BA1d6B;EA2djD,kBAAkB,EAAE,2BA3d6B;EA4djD,kBAAkB,EAAE,2BA5d6B;EA6djD,kBAAkB,EAAE,2BA7d6B;EA8djD,gBAAgB,EAAE,yBA9d+B;EA+djD,aAAa,EAAE,sBA/dkC;EAgejD,WAAW,EAAE;AAheoC,CAA5C","sourcesContent":["import type { Theme } from './types';\n\nexport const tokens: Record<keyof Theme, string> = {\n // Color tokens\n colorNeutralForeground1: 'var(--colorNeutralForeground1)',\n colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',\n colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',\n colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',\n colorNeutralForeground2: 'var(--colorNeutralForeground2)',\n colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',\n colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',\n colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',\n colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',\n colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',\n colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',\n colorNeutralForeground3: 'var(--colorNeutralForeground3)',\n colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',\n colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',\n colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',\n colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',\n colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',\n colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',\n colorNeutralForeground4: 'var(--colorNeutralForeground4)',\n colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',\n colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',\n colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',\n colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',\n colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',\n colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',\n colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',\n colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',\n colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',\n colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',\n colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',\n colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',\n colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',\n colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',\n colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',\n colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',\n colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',\n colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',\n colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',\n colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',\n colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',\n colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',\n colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',\n colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',\n colorBrandForeground1: 'var(--colorBrandForeground1)',\n colorBrandForeground2: 'var(--colorBrandForeground2)',\n colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',\n colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',\n colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',\n colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',\n colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',\n colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',\n colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',\n colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',\n colorNeutralBackground1: 'var(--colorNeutralBackground1)',\n colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',\n colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',\n colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',\n colorNeutralBackground2: 'var(--colorNeutralBackground2)',\n colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',\n colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',\n colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',\n colorNeutralBackground3: 'var(--colorNeutralBackground3)',\n colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',\n colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',\n colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',\n colorNeutralBackground4: 'var(--colorNeutralBackground4)',\n colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',\n colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',\n colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',\n colorNeutralBackground5: 'var(--colorNeutralBackground5)',\n colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',\n colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',\n colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',\n colorNeutralBackground6: 'var(--colorNeutralBackground6)',\n colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',\n colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',\n colorSubtleBackground: 'var(--colorSubtleBackground)',\n colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',\n colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',\n colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',\n colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',\n colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',\n colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',\n colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',\n colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',\n colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',\n colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',\n colorTransparentBackground: 'var(--colorTransparentBackground)',\n colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',\n colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',\n colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',\n colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',\n colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',\n colorNeutralStencil1: 'var(--colorNeutralStencil1)',\n colorNeutralStencil2: 'var(--colorNeutralStencil2)',\n colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',\n colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',\n colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',\n colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',\n colorBrandBackground: 'var(--colorBrandBackground)',\n colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',\n colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',\n colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',\n colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',\n colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',\n colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',\n colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',\n colorBrandBackground2: 'var(--colorBrandBackground2)',\n colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',\n colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',\n colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',\n colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',\n colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',\n colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',\n colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',\n colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',\n colorNeutralStroke1: 'var(--colorNeutralStroke1)',\n colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',\n colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',\n colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',\n colorNeutralStroke2: 'var(--colorNeutralStroke2)',\n colorNeutralStroke3: 'var(--colorNeutralStroke3)',\n colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',\n colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',\n colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',\n colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',\n colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',\n colorBrandStroke1: 'var(--colorBrandStroke1)',\n colorBrandStroke2: 'var(--colorBrandStroke2)',\n colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',\n colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',\n colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',\n colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',\n colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',\n colorTransparentStroke: 'var(--colorTransparentStroke)',\n colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',\n colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',\n colorStrokeFocus1: 'var(--colorStrokeFocus1)',\n colorStrokeFocus2: 'var(--colorStrokeFocus2)',\n colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',\n colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',\n colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',\n colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',\n colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',\n colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',\n colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',\n colorBrandShadowKey: 'var(--colorBrandShadowKey)',\n\n // Color palette tokens\n\n // Color palette red tokens\n colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',\n colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',\n colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',\n colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',\n colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',\n colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',\n colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',\n colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',\n colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',\n colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',\n\n // Color palette green tokens\n colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',\n colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',\n colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',\n colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',\n colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',\n colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',\n colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',\n colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',\n colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',\n colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',\n\n // Color palette dark orange tokens\n colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',\n colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',\n colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',\n colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',\n colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',\n colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',\n colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',\n colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',\n colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',\n\n // Color palette yellow tokens\n colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',\n colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',\n colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',\n colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',\n colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',\n colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',\n colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',\n colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',\n colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',\n colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',\n\n // Color palette berry tokens\n colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',\n colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',\n colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',\n colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',\n colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',\n colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',\n colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',\n colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',\n colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',\n\n // Color palette marigold tokens\n colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',\n colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',\n colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',\n colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',\n colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',\n colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',\n colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',\n colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',\n colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',\n\n // Color palette light green tokens\n colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',\n colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',\n colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',\n colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',\n colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',\n colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',\n colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',\n colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',\n colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',\n\n // Color palette anchor tokens\n colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',\n colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',\n colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',\n\n // Color palette beige tokens\n colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',\n colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',\n colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',\n\n // Color palette blue tokens\n colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',\n colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',\n colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',\n\n // Color palette brass tokens\n colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',\n colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',\n colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',\n\n // Color palette brown tokens\n colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',\n colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',\n colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',\n\n // Color palette cornflower tokens\n colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',\n colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',\n colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',\n\n // Color palette cranberry tokens\n colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',\n colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',\n colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',\n\n // Color palette dark green tokens\n colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',\n colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',\n colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',\n\n // Color palette dark red tokens\n colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',\n colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',\n colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',\n\n // Color palette forest tokens\n colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',\n colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',\n colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',\n\n // Color palette gold tokens\n colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',\n colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',\n colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',\n\n // Color palette grape tokens\n colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',\n colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',\n colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',\n\n // Color palette lavender tokens\n colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',\n colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',\n colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',\n\n // Color palette light teal tokens\n colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',\n colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',\n colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',\n\n // Color palette lilac tokens\n colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',\n colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',\n colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',\n\n // Color palette magenta tokens\n colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',\n colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',\n colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',\n\n // Color palette mink tokens\n colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',\n colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',\n colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',\n\n // Color palette navy tokens\n colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',\n colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',\n colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',\n\n // Color palette peach tokens\n colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',\n colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',\n colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',\n\n // Color palette pink tokens\n colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',\n colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',\n colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',\n\n // Color palette platinum tokens\n colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',\n colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',\n colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',\n\n // Color palette plum tokens\n colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',\n colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',\n colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',\n\n // Color palette pumpkin tokens\n colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',\n colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',\n colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',\n\n // Color palette purple tokens\n colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',\n colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',\n colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',\n\n // Color palette royal blue tokens\n colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',\n colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',\n colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',\n\n // Color palette seafoam tokens\n colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',\n colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',\n colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',\n\n // Color palette steel tokens\n colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',\n colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',\n colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',\n\n // Color palette teal tokens\n colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',\n colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',\n colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',\n\n // Border radius tokens\n borderRadiusNone: 'var(--borderRadiusNone)',\n borderRadiusSmall: 'var(--borderRadiusSmall)',\n borderRadiusMedium: 'var(--borderRadiusMedium)',\n borderRadiusLarge: 'var(--borderRadiusLarge)',\n borderRadiusXLarge: 'var(--borderRadiusXLarge)',\n borderRadiusCircular: 'var(--borderRadiusCircular)',\n\n // Font family tokens\n fontFamilyBase: 'var(--fontFamilyBase)',\n fontFamilyMonospace: 'var(--fontFamilyMonospace)',\n fontFamilyNumeric: 'var(--fontFamilyNumeric)',\n\n // Font size tokens\n fontSizeBase100: 'var(--fontSizeBase100)',\n fontSizeBase200: 'var(--fontSizeBase200)',\n fontSizeBase300: 'var(--fontSizeBase300)',\n fontSizeBase400: 'var(--fontSizeBase400)',\n fontSizeBase500: 'var(--fontSizeBase500)',\n fontSizeBase600: 'var(--fontSizeBase600)',\n fontSizeHero700: 'var(--fontSizeHero700)',\n fontSizeHero800: 'var(--fontSizeHero800)',\n fontSizeHero900: 'var(--fontSizeHero900)',\n fontSizeHero1000: 'var(--fontSizeHero1000)',\n\n // Font weight tokens\n fontWeightRegular: 'var(--fontWeightRegular)',\n fontWeightMedium: 'var(--fontWeightMedium)',\n fontWeightSemibold: 'var(--fontWeightSemibold)',\n fontWeightBold: 'var(--fontWeightBold)',\n\n // Line height tokens\n lineHeightBase100: 'var(--lineHeightBase100)',\n lineHeightBase200: 'var(--lineHeightBase200)',\n lineHeightBase300: 'var(--lineHeightBase300)',\n lineHeightBase400: 'var(--lineHeightBase400)',\n lineHeightBase500: 'var(--lineHeightBase500)',\n lineHeightBase600: 'var(--lineHeightBase600)',\n lineHeightHero700: 'var(--lineHeightHero700)',\n lineHeightHero800: 'var(--lineHeightHero800)',\n lineHeightHero900: 'var(--lineHeightHero900)',\n lineHeightHero1000: 'var(--lineHeightHero1000)',\n\n // Shadow tokens\n shadow2: 'var(--shadow2)',\n shadow4: 'var(--shadow4)',\n shadow8: 'var(--shadow8)',\n shadow16: 'var(--shadow16)',\n shadow28: 'var(--shadow28)',\n shadow64: 'var(--shadow64)',\n\n // Shadow brand tokens\n shadow2Brand: 'var(--shadow2Brand)',\n shadow4Brand: 'var(--shadow4Brand)',\n shadow8Brand: 'var(--shadow8Brand)',\n shadow16Brand: 'var(--shadow16Brand)',\n shadow28Brand: 'var(--shadow28Brand)',\n shadow64Brand: 'var(--shadow64Brand)',\n\n // Stroke width tokens\n strokeWidthThin: 'var(--strokeWidthThin)',\n strokeWidthThick: 'var(--strokeWidthThick)',\n strokeWidthThicker: 'var(--strokeWidthThicker)',\n strokeWidthThickest: 'var(--strokeWidthThickest)',\n\n // Spacings\n spacingHorizontalNone: 'var(--spacingHorizontalNone)',\n spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',\n spacingHorizontalXS: 'var(--spacingHorizontalXS)',\n spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',\n spacingHorizontalS: 'var(--spacingHorizontalS)',\n spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',\n spacingHorizontalM: 'var(--spacingHorizontalM)',\n spacingHorizontalL: 'var(--spacingHorizontalL)',\n spacingHorizontalXL: 'var(--spacingHorizontalXL)',\n spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',\n spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',\n\n spacingVerticalNone: 'var(--spacingVerticalNone)',\n spacingVerticalXXS: 'var(--spacingVerticalXXS)',\n spacingVerticalXS: 'var(--spacingVerticalXS)',\n spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',\n spacingVerticalS: 'var(--spacingVerticalS)',\n spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',\n spacingVerticalM: 'var(--spacingVerticalM)',\n spacingVerticalL: 'var(--spacingVerticalL)',\n spacingVerticalXL: 'var(--spacingVerticalXL)',\n spacingVerticalXXL: 'var(--spacingVerticalXXL)',\n spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',\n\n // Durations\n durationUltraFast: 'var(--durationUltraFast)',\n durationFaster: 'var(--durationFaster)',\n durationFast: 'var(--durationFast)',\n durationNormal: 'var(--durationNormal)',\n durationSlow: 'var(--durationSlow)',\n durationSlower: 'var(--durationSlower)',\n durationUltraSlow: 'var(--durationUltraSlow)',\n\n // Curves\n curveAccelerateMax: 'var(--curveAccelerateMax)',\n curveAccelerateMid: 'var(--curveAccelerateMid)',\n curveAccelerateMin: 'var(--curveAccelerateMin)',\n curveDecelerateMax: 'var(--curveDecelerateMax)',\n curveDecelerateMid: 'var(--curveDecelerateMid)',\n curveDecelerateMin: 'var(--curveDecelerateMin)',\n curveEasyEaseMax: 'var(--curveEasyEaseMax)',\n curveEasyEase: 'var(--curveEasyEase)',\n curveLinear: 'var(--curveLinear)',\n};\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"names":["tokens","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorNeutralForegroundOnBrand","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInvertedDisabled","colorBrandForeground1","colorBrandForeground2","colorNeutralForeground1Static","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","colorPaletteRedBackground1","colorPaletteRedBackground2","colorPaletteRedBackground3","colorPaletteRedBorderActive","colorPaletteRedBorder1","colorPaletteRedBorder2","colorPaletteRedForeground1","colorPaletteRedForeground2","colorPaletteRedForeground3","colorPaletteRedForegroundInverted","colorPaletteGreenBackground1","colorPaletteGreenBackground2","colorPaletteGreenBackground3","colorPaletteGreenBorderActive","colorPaletteGreenBorder1","colorPaletteGreenBorder2","colorPaletteGreenForeground1","colorPaletteGreenForeground2","colorPaletteGreenForeground3","colorPaletteGreenForegroundInverted","colorPaletteDarkOrangeBackground1","colorPaletteDarkOrangeBackground2","colorPaletteDarkOrangeBackground3","colorPaletteDarkOrangeBorderActive","colorPaletteDarkOrangeBorder1","colorPaletteDarkOrangeBorder2","colorPaletteDarkOrangeForeground1","colorPaletteDarkOrangeForeground2","colorPaletteDarkOrangeForeground3","colorPaletteYellowBackground1","colorPaletteYellowBackground2","colorPaletteYellowBackground3","colorPaletteYellowBorderActive","colorPaletteYellowBorder1","colorPaletteYellowBorder2","colorPaletteYellowForeground1","colorPaletteYellowForeground2","colorPaletteYellowForeground3","colorPaletteYellowForegroundInverted","colorPaletteBerryBackground1","colorPaletteBerryBackground2","colorPaletteBerryBackground3","colorPaletteBerryBorderActive","colorPaletteBerryBorder1","colorPaletteBerryBorder2","colorPaletteBerryForeground1","colorPaletteBerryForeground2","colorPaletteBerryForeground3","colorPaletteMarigoldBackground1","colorPaletteMarigoldBackground2","colorPaletteMarigoldBackground3","colorPaletteMarigoldBorderActive","colorPaletteMarigoldBorder1","colorPaletteMarigoldBorder2","colorPaletteMarigoldForeground1","colorPaletteMarigoldForeground2","colorPaletteMarigoldForeground3","colorPaletteLightGreenBackground1","colorPaletteLightGreenBackground2","colorPaletteLightGreenBackground3","colorPaletteLightGreenBorderActive","colorPaletteLightGreenBorder1","colorPaletteLightGreenBorder2","colorPaletteLightGreenForeground1","colorPaletteLightGreenForeground2","colorPaletteLightGreenForeground3","colorPaletteAnchorBackground2","colorPaletteAnchorBorderActive","colorPaletteAnchorForeground2","colorPaletteBeigeBackground2","colorPaletteBeigeBorderActive","colorPaletteBeigeForeground2","colorPaletteBlueBackground2","colorPaletteBlueBorderActive","colorPaletteBlueForeground2","colorPaletteBrassBackground2","colorPaletteBrassBorderActive","colorPaletteBrassForeground2","colorPaletteBrownBackground2","colorPaletteBrownBorderActive","colorPaletteBrownForeground2","colorPaletteCornflowerBackground2","colorPaletteCornflowerBorderActive","colorPaletteCornflowerForeground2","colorPaletteCranberryBackground2","colorPaletteCranberryBorderActive","colorPaletteCranberryForeground2","colorPaletteDarkGreenBackground2","colorPaletteDarkGreenBorderActive","colorPaletteDarkGreenForeground2","colorPaletteDarkRedBackground2","colorPaletteDarkRedBorderActive","colorPaletteDarkRedForeground2","colorPaletteForestBackground2","colorPaletteForestBorderActive","colorPaletteForestForeground2","colorPaletteGoldBackground2","colorPaletteGoldBorderActive","colorPaletteGoldForeground2","colorPaletteGrapeBackground2","colorPaletteGrapeBorderActive","colorPaletteGrapeForeground2","colorPaletteLavenderBackground2","colorPaletteLavenderBorderActive","colorPaletteLavenderForeground2","colorPaletteLightTealBackground2","colorPaletteLightTealBorderActive","colorPaletteLightTealForeground2","colorPaletteLilacBackground2","colorPaletteLilacBorderActive","colorPaletteLilacForeground2","colorPaletteMagentaBackground2","colorPaletteMagentaBorderActive","colorPaletteMagentaForeground2","colorPaletteMinkBackground2","colorPaletteMinkBorderActive","colorPaletteMinkForeground2","colorPaletteNavyBackground2","colorPaletteNavyBorderActive","colorPaletteNavyForeground2","colorPalettePeachBackground2","colorPalettePeachBorderActive","colorPalettePeachForeground2","colorPalettePinkBackground2","colorPalettePinkBorderActive","colorPalettePinkForeground2","colorPalettePlatinumBackground2","colorPalettePlatinumBorderActive","colorPalettePlatinumForeground2","colorPalettePlumBackground2","colorPalettePlumBorderActive","colorPalettePlumForeground2","colorPalettePumpkinBackground2","colorPalettePumpkinBorderActive","colorPalettePumpkinForeground2","colorPalettePurpleBackground2","colorPalettePurpleBorderActive","colorPalettePurpleForeground2","colorPaletteRoyalBlueBackground2","colorPaletteRoyalBlueBorderActive","colorPaletteRoyalBlueForeground2","colorPaletteSeafoamBackground2","colorPaletteSeafoamBorderActive","colorPaletteSeafoamForeground2","colorPaletteSteelBackground2","colorPaletteSteelBorderActive","colorPaletteSteelForeground2","colorPaletteTealBackground2","colorPaletteTealBorderActive","colorPaletteTealForeground2","borderRadiusNone","borderRadiusSmall","borderRadiusMedium","borderRadiusLarge","borderRadiusXLarge","borderRadiusCircular","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","shadow2","shadow4","shadow8","shadow16","shadow28","shadow64","shadow2Brand","shadow4Brand","shadow8Brand","shadow16Brand","shadow28Brand","shadow64Brand","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL","durationUltraFast","durationFaster","durationFast","durationNormal","durationSlow","durationSlower","durationUltraSlow","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"sources":["../src/packages/tokens/src/tokens.ts"],"sourcesContent":["import type { Theme } from './types';\n\nexport const tokens: Record<keyof Theme, string> = {\n // Color tokens\n colorNeutralForeground1: 'var(--colorNeutralForeground1)',\n colorNeutralForeground1Hover: 'var(--colorNeutralForeground1Hover)',\n colorNeutralForeground1Pressed: 'var(--colorNeutralForeground1Pressed)',\n colorNeutralForeground1Selected: 'var(--colorNeutralForeground1Selected)',\n colorNeutralForeground2: 'var(--colorNeutralForeground2)',\n colorNeutralForeground2Hover: 'var(--colorNeutralForeground2Hover)',\n colorNeutralForeground2Pressed: 'var(--colorNeutralForeground2Pressed)',\n colorNeutralForeground2Selected: 'var(--colorNeutralForeground2Selected)',\n colorNeutralForeground2BrandHover: 'var(--colorNeutralForeground2BrandHover)',\n colorNeutralForeground2BrandPressed: 'var(--colorNeutralForeground2BrandPressed)',\n colorNeutralForeground2BrandSelected: 'var(--colorNeutralForeground2BrandSelected)',\n colorNeutralForeground3: 'var(--colorNeutralForeground3)',\n colorNeutralForeground3Hover: 'var(--colorNeutralForeground3Hover)',\n colorNeutralForeground3Pressed: 'var(--colorNeutralForeground3Pressed)',\n colorNeutralForeground3Selected: 'var(--colorNeutralForeground3Selected)',\n colorNeutralForeground3BrandHover: 'var(--colorNeutralForeground3BrandHover)',\n colorNeutralForeground3BrandPressed: 'var(--colorNeutralForeground3BrandPressed)',\n colorNeutralForeground3BrandSelected: 'var(--colorNeutralForeground3BrandSelected)',\n colorNeutralForeground4: 'var(--colorNeutralForeground4)',\n colorNeutralForegroundDisabled: 'var(--colorNeutralForegroundDisabled)',\n colorBrandForegroundLink: 'var(--colorBrandForegroundLink)',\n colorBrandForegroundLinkHover: 'var(--colorBrandForegroundLinkHover)',\n colorBrandForegroundLinkPressed: 'var(--colorBrandForegroundLinkPressed)',\n colorBrandForegroundLinkSelected: 'var(--colorBrandForegroundLinkSelected)',\n colorNeutralForeground2Link: 'var(--colorNeutralForeground2Link)',\n colorNeutralForeground2LinkHover: 'var(--colorNeutralForeground2LinkHover)',\n colorNeutralForeground2LinkPressed: 'var(--colorNeutralForeground2LinkPressed)',\n colorNeutralForeground2LinkSelected: 'var(--colorNeutralForeground2LinkSelected)',\n colorCompoundBrandForeground1: 'var(--colorCompoundBrandForeground1)',\n colorCompoundBrandForeground1Hover: 'var(--colorCompoundBrandForeground1Hover)',\n colorCompoundBrandForeground1Pressed: 'var(--colorCompoundBrandForeground1Pressed)',\n colorNeutralForegroundOnBrand: 'var(--colorNeutralForegroundOnBrand)',\n colorNeutralForegroundInverted: 'var(--colorNeutralForegroundInverted)',\n colorNeutralForegroundInvertedHover: 'var(--colorNeutralForegroundInvertedHover)',\n colorNeutralForegroundInvertedPressed: 'var(--colorNeutralForegroundInvertedPressed)',\n colorNeutralForegroundInvertedSelected: 'var(--colorNeutralForegroundInvertedSelected)',\n colorNeutralForegroundInverted2: 'var(--colorNeutralForegroundInverted2)',\n colorNeutralForegroundStaticInverted: 'var(--colorNeutralForegroundStaticInverted)',\n colorNeutralForegroundInvertedLink: 'var(--colorNeutralForegroundInvertedLink)',\n colorNeutralForegroundInvertedLinkHover: 'var(--colorNeutralForegroundInvertedLinkHover)',\n colorNeutralForegroundInvertedLinkPressed: 'var(--colorNeutralForegroundInvertedLinkPressed)',\n colorNeutralForegroundInvertedLinkSelected: 'var(--colorNeutralForegroundInvertedLinkSelected)',\n colorNeutralForegroundInvertedDisabled: 'var(--colorNeutralForegroundInvertedDisabled)',\n colorBrandForeground1: 'var(--colorBrandForeground1)',\n colorBrandForeground2: 'var(--colorBrandForeground2)',\n colorNeutralForeground1Static: 'var(--colorNeutralForeground1Static)',\n colorBrandForegroundInverted: 'var(--colorBrandForegroundInverted)',\n colorBrandForegroundInvertedHover: 'var(--colorBrandForegroundInvertedHover)',\n colorBrandForegroundInvertedPressed: 'var(--colorBrandForegroundInvertedPressed)',\n colorBrandForegroundOnLight: 'var(--colorBrandForegroundOnLight)',\n colorBrandForegroundOnLightHover: 'var(--colorBrandForegroundOnLightHover)',\n colorBrandForegroundOnLightPressed: 'var(--colorBrandForegroundOnLightPressed)',\n colorBrandForegroundOnLightSelected: 'var(--colorBrandForegroundOnLightSelected)',\n colorNeutralBackground1: 'var(--colorNeutralBackground1)',\n colorNeutralBackground1Hover: 'var(--colorNeutralBackground1Hover)',\n colorNeutralBackground1Pressed: 'var(--colorNeutralBackground1Pressed)',\n colorNeutralBackground1Selected: 'var(--colorNeutralBackground1Selected)',\n colorNeutralBackground2: 'var(--colorNeutralBackground2)',\n colorNeutralBackground2Hover: 'var(--colorNeutralBackground2Hover)',\n colorNeutralBackground2Pressed: 'var(--colorNeutralBackground2Pressed)',\n colorNeutralBackground2Selected: 'var(--colorNeutralBackground2Selected)',\n colorNeutralBackground3: 'var(--colorNeutralBackground3)',\n colorNeutralBackground3Hover: 'var(--colorNeutralBackground3Hover)',\n colorNeutralBackground3Pressed: 'var(--colorNeutralBackground3Pressed)',\n colorNeutralBackground3Selected: 'var(--colorNeutralBackground3Selected)',\n colorNeutralBackground4: 'var(--colorNeutralBackground4)',\n colorNeutralBackground4Hover: 'var(--colorNeutralBackground4Hover)',\n colorNeutralBackground4Pressed: 'var(--colorNeutralBackground4Pressed)',\n colorNeutralBackground4Selected: 'var(--colorNeutralBackground4Selected)',\n colorNeutralBackground5: 'var(--colorNeutralBackground5)',\n colorNeutralBackground5Hover: 'var(--colorNeutralBackground5Hover)',\n colorNeutralBackground5Pressed: 'var(--colorNeutralBackground5Pressed)',\n colorNeutralBackground5Selected: 'var(--colorNeutralBackground5Selected)',\n colorNeutralBackground6: 'var(--colorNeutralBackground6)',\n colorNeutralBackgroundInverted: 'var(--colorNeutralBackgroundInverted)',\n colorNeutralBackgroundStatic: 'var(--colorNeutralBackgroundStatic)',\n colorNeutralBackgroundAlpha: 'var(--colorNeutralBackgroundAlpha)',\n colorNeutralBackgroundAlpha2: 'var(--colorNeutralBackgroundAlpha2)',\n colorSubtleBackground: 'var(--colorSubtleBackground)',\n colorSubtleBackgroundHover: 'var(--colorSubtleBackgroundHover)',\n colorSubtleBackgroundPressed: 'var(--colorSubtleBackgroundPressed)',\n colorSubtleBackgroundSelected: 'var(--colorSubtleBackgroundSelected)',\n colorSubtleBackgroundLightAlphaHover: 'var(--colorSubtleBackgroundLightAlphaHover)',\n colorSubtleBackgroundLightAlphaPressed: 'var(--colorSubtleBackgroundLightAlphaPressed)',\n colorSubtleBackgroundLightAlphaSelected: 'var(--colorSubtleBackgroundLightAlphaSelected)',\n colorSubtleBackgroundInverted: 'var(--colorSubtleBackgroundInverted)',\n colorSubtleBackgroundInvertedHover: 'var(--colorSubtleBackgroundInvertedHover)',\n colorSubtleBackgroundInvertedPressed: 'var(--colorSubtleBackgroundInvertedPressed)',\n colorSubtleBackgroundInvertedSelected: 'var(--colorSubtleBackgroundInvertedSelected)',\n colorTransparentBackground: 'var(--colorTransparentBackground)',\n colorTransparentBackgroundHover: 'var(--colorTransparentBackgroundHover)',\n colorTransparentBackgroundPressed: 'var(--colorTransparentBackgroundPressed)',\n colorTransparentBackgroundSelected: 'var(--colorTransparentBackgroundSelected)',\n colorNeutralBackgroundDisabled: 'var(--colorNeutralBackgroundDisabled)',\n colorNeutralBackgroundInvertedDisabled: 'var(--colorNeutralBackgroundInvertedDisabled)',\n colorNeutralStencil1: 'var(--colorNeutralStencil1)',\n colorNeutralStencil2: 'var(--colorNeutralStencil2)',\n colorNeutralStencil1Alpha: 'var(--colorNeutralStencil1Alpha)',\n colorNeutralStencil2Alpha: 'var(--colorNeutralStencil2Alpha)',\n colorBackgroundOverlay: 'var(--colorBackgroundOverlay)',\n colorScrollbarOverlay: 'var(--colorScrollbarOverlay)',\n colorBrandBackground: 'var(--colorBrandBackground)',\n colorBrandBackgroundHover: 'var(--colorBrandBackgroundHover)',\n colorBrandBackgroundPressed: 'var(--colorBrandBackgroundPressed)',\n colorBrandBackgroundSelected: 'var(--colorBrandBackgroundSelected)',\n colorCompoundBrandBackground: 'var(--colorCompoundBrandBackground)',\n colorCompoundBrandBackgroundHover: 'var(--colorCompoundBrandBackgroundHover)',\n colorCompoundBrandBackgroundPressed: 'var(--colorCompoundBrandBackgroundPressed)',\n colorBrandBackgroundStatic: 'var(--colorBrandBackgroundStatic)',\n colorBrandBackground2: 'var(--colorBrandBackground2)',\n colorBrandBackgroundInverted: 'var(--colorBrandBackgroundInverted)',\n colorBrandBackgroundInvertedHover: 'var(--colorBrandBackgroundInvertedHover)',\n colorBrandBackgroundInvertedPressed: 'var(--colorBrandBackgroundInvertedPressed)',\n colorBrandBackgroundInvertedSelected: 'var(--colorBrandBackgroundInvertedSelected)',\n colorNeutralStrokeAccessible: 'var(--colorNeutralStrokeAccessible)',\n colorNeutralStrokeAccessibleHover: 'var(--colorNeutralStrokeAccessibleHover)',\n colorNeutralStrokeAccessiblePressed: 'var(--colorNeutralStrokeAccessiblePressed)',\n colorNeutralStrokeAccessibleSelected: 'var(--colorNeutralStrokeAccessibleSelected)',\n colorNeutralStroke1: 'var(--colorNeutralStroke1)',\n colorNeutralStroke1Hover: 'var(--colorNeutralStroke1Hover)',\n colorNeutralStroke1Pressed: 'var(--colorNeutralStroke1Pressed)',\n colorNeutralStroke1Selected: 'var(--colorNeutralStroke1Selected)',\n colorNeutralStroke2: 'var(--colorNeutralStroke2)',\n colorNeutralStroke3: 'var(--colorNeutralStroke3)',\n colorNeutralStrokeOnBrand: 'var(--colorNeutralStrokeOnBrand)',\n colorNeutralStrokeOnBrand2: 'var(--colorNeutralStrokeOnBrand2)',\n colorNeutralStrokeOnBrand2Hover: 'var(--colorNeutralStrokeOnBrand2Hover)',\n colorNeutralStrokeOnBrand2Pressed: 'var(--colorNeutralStrokeOnBrand2Pressed)',\n colorNeutralStrokeOnBrand2Selected: 'var(--colorNeutralStrokeOnBrand2Selected)',\n colorBrandStroke1: 'var(--colorBrandStroke1)',\n colorBrandStroke2: 'var(--colorBrandStroke2)',\n colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',\n colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',\n colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',\n colorNeutralStrokeDisabled: 'var(--colorNeutralStrokeDisabled)',\n colorNeutralStrokeInvertedDisabled: 'var(--colorNeutralStrokeInvertedDisabled)',\n colorTransparentStroke: 'var(--colorTransparentStroke)',\n colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',\n colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',\n colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',\n colorStrokeFocus1: 'var(--colorStrokeFocus1)',\n colorStrokeFocus2: 'var(--colorStrokeFocus2)',\n colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',\n colorNeutralShadowKey: 'var(--colorNeutralShadowKey)',\n colorNeutralShadowAmbientLighter: 'var(--colorNeutralShadowAmbientLighter)',\n colorNeutralShadowKeyLighter: 'var(--colorNeutralShadowKeyLighter)',\n colorNeutralShadowAmbientDarker: 'var(--colorNeutralShadowAmbientDarker)',\n colorNeutralShadowKeyDarker: 'var(--colorNeutralShadowKeyDarker)',\n colorBrandShadowAmbient: 'var(--colorBrandShadowAmbient)',\n colorBrandShadowKey: 'var(--colorBrandShadowKey)',\n\n // Color palette tokens\n\n // Color palette red tokens\n colorPaletteRedBackground1: 'var(--colorPaletteRedBackground1)',\n colorPaletteRedBackground2: 'var(--colorPaletteRedBackground2)',\n colorPaletteRedBackground3: 'var(--colorPaletteRedBackground3)',\n colorPaletteRedBorderActive: 'var(--colorPaletteRedBorderActive)',\n colorPaletteRedBorder1: 'var(--colorPaletteRedBorder1)',\n colorPaletteRedBorder2: 'var(--colorPaletteRedBorder2)',\n colorPaletteRedForeground1: 'var(--colorPaletteRedForeground1)',\n colorPaletteRedForeground2: 'var(--colorPaletteRedForeground2)',\n colorPaletteRedForeground3: 'var(--colorPaletteRedForeground3)',\n colorPaletteRedForegroundInverted: 'var(--colorPaletteRedForegroundInverted)',\n\n // Color palette green tokens\n colorPaletteGreenBackground1: 'var(--colorPaletteGreenBackground1)',\n colorPaletteGreenBackground2: 'var(--colorPaletteGreenBackground2)',\n colorPaletteGreenBackground3: 'var(--colorPaletteGreenBackground3)',\n colorPaletteGreenBorderActive: 'var(--colorPaletteGreenBorderActive)',\n colorPaletteGreenBorder1: 'var(--colorPaletteGreenBorder1)',\n colorPaletteGreenBorder2: 'var(--colorPaletteGreenBorder2)',\n colorPaletteGreenForeground1: 'var(--colorPaletteGreenForeground1)',\n colorPaletteGreenForeground2: 'var(--colorPaletteGreenForeground2)',\n colorPaletteGreenForeground3: 'var(--colorPaletteGreenForeground3)',\n colorPaletteGreenForegroundInverted: 'var(--colorPaletteGreenForegroundInverted)',\n\n // Color palette dark orange tokens\n colorPaletteDarkOrangeBackground1: 'var(--colorPaletteDarkOrangeBackground1)',\n colorPaletteDarkOrangeBackground2: 'var(--colorPaletteDarkOrangeBackground2)',\n colorPaletteDarkOrangeBackground3: 'var(--colorPaletteDarkOrangeBackground3)',\n colorPaletteDarkOrangeBorderActive: 'var(--colorPaletteDarkOrangeBorderActive)',\n colorPaletteDarkOrangeBorder1: 'var(--colorPaletteDarkOrangeBorder1)',\n colorPaletteDarkOrangeBorder2: 'var(--colorPaletteDarkOrangeBorder2)',\n colorPaletteDarkOrangeForeground1: 'var(--colorPaletteDarkOrangeForeground1)',\n colorPaletteDarkOrangeForeground2: 'var(--colorPaletteDarkOrangeForeground2)',\n colorPaletteDarkOrangeForeground3: 'var(--colorPaletteDarkOrangeForeground3)',\n\n // Color palette yellow tokens\n colorPaletteYellowBackground1: 'var(--colorPaletteYellowBackground1)',\n colorPaletteYellowBackground2: 'var(--colorPaletteYellowBackground2)',\n colorPaletteYellowBackground3: 'var(--colorPaletteYellowBackground3)',\n colorPaletteYellowBorderActive: 'var(--colorPaletteYellowBorderActive)',\n colorPaletteYellowBorder1: 'var(--colorPaletteYellowBorder1)',\n colorPaletteYellowBorder2: 'var(--colorPaletteYellowBorder2)',\n colorPaletteYellowForeground1: 'var(--colorPaletteYellowForeground1)',\n colorPaletteYellowForeground2: 'var(--colorPaletteYellowForeground2)',\n colorPaletteYellowForeground3: 'var(--colorPaletteYellowForeground3)',\n colorPaletteYellowForegroundInverted: 'var(--colorPaletteYellowForegroundInverted)',\n\n // Color palette berry tokens\n colorPaletteBerryBackground1: 'var(--colorPaletteBerryBackground1)',\n colorPaletteBerryBackground2: 'var(--colorPaletteBerryBackground2)',\n colorPaletteBerryBackground3: 'var(--colorPaletteBerryBackground3)',\n colorPaletteBerryBorderActive: 'var(--colorPaletteBerryBorderActive)',\n colorPaletteBerryBorder1: 'var(--colorPaletteBerryBorder1)',\n colorPaletteBerryBorder2: 'var(--colorPaletteBerryBorder2)',\n colorPaletteBerryForeground1: 'var(--colorPaletteBerryForeground1)',\n colorPaletteBerryForeground2: 'var(--colorPaletteBerryForeground2)',\n colorPaletteBerryForeground3: 'var(--colorPaletteBerryForeground3)',\n\n // Color palette marigold tokens\n colorPaletteMarigoldBackground1: 'var(--colorPaletteMarigoldBackground1)',\n colorPaletteMarigoldBackground2: 'var(--colorPaletteMarigoldBackground2)',\n colorPaletteMarigoldBackground3: 'var(--colorPaletteMarigoldBackground3)',\n colorPaletteMarigoldBorderActive: 'var(--colorPaletteMarigoldBorderActive)',\n colorPaletteMarigoldBorder1: 'var(--colorPaletteMarigoldBorder1)',\n colorPaletteMarigoldBorder2: 'var(--colorPaletteMarigoldBorder2)',\n colorPaletteMarigoldForeground1: 'var(--colorPaletteMarigoldForeground1)',\n colorPaletteMarigoldForeground2: 'var(--colorPaletteMarigoldForeground2)',\n colorPaletteMarigoldForeground3: 'var(--colorPaletteMarigoldForeground3)',\n\n // Color palette light green tokens\n colorPaletteLightGreenBackground1: 'var(--colorPaletteLightGreenBackground1)',\n colorPaletteLightGreenBackground2: 'var(--colorPaletteLightGreenBackground2)',\n colorPaletteLightGreenBackground3: 'var(--colorPaletteLightGreenBackground3)',\n colorPaletteLightGreenBorderActive: 'var(--colorPaletteLightGreenBorderActive)',\n colorPaletteLightGreenBorder1: 'var(--colorPaletteLightGreenBorder1)',\n colorPaletteLightGreenBorder2: 'var(--colorPaletteLightGreenBorder2)',\n colorPaletteLightGreenForeground1: 'var(--colorPaletteLightGreenForeground1)',\n colorPaletteLightGreenForeground2: 'var(--colorPaletteLightGreenForeground2)',\n colorPaletteLightGreenForeground3: 'var(--colorPaletteLightGreenForeground3)',\n\n // Color palette anchor tokens\n colorPaletteAnchorBackground2: 'var(--colorPaletteAnchorBackground2)',\n colorPaletteAnchorBorderActive: 'var(--colorPaletteAnchorBorderActive)',\n colorPaletteAnchorForeground2: 'var(--colorPaletteAnchorForeground2)',\n\n // Color palette beige tokens\n colorPaletteBeigeBackground2: 'var(--colorPaletteBeigeBackground2)',\n colorPaletteBeigeBorderActive: 'var(--colorPaletteBeigeBorderActive)',\n colorPaletteBeigeForeground2: 'var(--colorPaletteBeigeForeground2)',\n\n // Color palette blue tokens\n colorPaletteBlueBackground2: 'var(--colorPaletteBlueBackground2)',\n colorPaletteBlueBorderActive: 'var(--colorPaletteBlueBorderActive)',\n colorPaletteBlueForeground2: 'var(--colorPaletteBlueForeground2)',\n\n // Color palette brass tokens\n colorPaletteBrassBackground2: 'var(--colorPaletteBrassBackground2)',\n colorPaletteBrassBorderActive: 'var(--colorPaletteBrassBorderActive)',\n colorPaletteBrassForeground2: 'var(--colorPaletteBrassForeground2)',\n\n // Color palette brown tokens\n colorPaletteBrownBackground2: 'var(--colorPaletteBrownBackground2)',\n colorPaletteBrownBorderActive: 'var(--colorPaletteBrownBorderActive)',\n colorPaletteBrownForeground2: 'var(--colorPaletteBrownForeground2)',\n\n // Color palette cornflower tokens\n colorPaletteCornflowerBackground2: 'var(--colorPaletteCornflowerBackground2)',\n colorPaletteCornflowerBorderActive: 'var(--colorPaletteCornflowerBorderActive)',\n colorPaletteCornflowerForeground2: 'var(--colorPaletteCornflowerForeground2)',\n\n // Color palette cranberry tokens\n colorPaletteCranberryBackground2: 'var(--colorPaletteCranberryBackground2)',\n colorPaletteCranberryBorderActive: 'var(--colorPaletteCranberryBorderActive)',\n colorPaletteCranberryForeground2: 'var(--colorPaletteCranberryForeground2)',\n\n // Color palette dark green tokens\n colorPaletteDarkGreenBackground2: 'var(--colorPaletteDarkGreenBackground2)',\n colorPaletteDarkGreenBorderActive: 'var(--colorPaletteDarkGreenBorderActive)',\n colorPaletteDarkGreenForeground2: 'var(--colorPaletteDarkGreenForeground2)',\n\n // Color palette dark red tokens\n colorPaletteDarkRedBackground2: 'var(--colorPaletteDarkRedBackground2)',\n colorPaletteDarkRedBorderActive: 'var(--colorPaletteDarkRedBorderActive)',\n colorPaletteDarkRedForeground2: 'var(--colorPaletteDarkRedForeground2)',\n\n // Color palette forest tokens\n colorPaletteForestBackground2: 'var(--colorPaletteForestBackground2)',\n colorPaletteForestBorderActive: 'var(--colorPaletteForestBorderActive)',\n colorPaletteForestForeground2: 'var(--colorPaletteForestForeground2)',\n\n // Color palette gold tokens\n colorPaletteGoldBackground2: 'var(--colorPaletteGoldBackground2)',\n colorPaletteGoldBorderActive: 'var(--colorPaletteGoldBorderActive)',\n colorPaletteGoldForeground2: 'var(--colorPaletteGoldForeground2)',\n\n // Color palette grape tokens\n colorPaletteGrapeBackground2: 'var(--colorPaletteGrapeBackground2)',\n colorPaletteGrapeBorderActive: 'var(--colorPaletteGrapeBorderActive)',\n colorPaletteGrapeForeground2: 'var(--colorPaletteGrapeForeground2)',\n\n // Color palette lavender tokens\n colorPaletteLavenderBackground2: 'var(--colorPaletteLavenderBackground2)',\n colorPaletteLavenderBorderActive: 'var(--colorPaletteLavenderBorderActive)',\n colorPaletteLavenderForeground2: 'var(--colorPaletteLavenderForeground2)',\n\n // Color palette light teal tokens\n colorPaletteLightTealBackground2: 'var(--colorPaletteLightTealBackground2)',\n colorPaletteLightTealBorderActive: 'var(--colorPaletteLightTealBorderActive)',\n colorPaletteLightTealForeground2: 'var(--colorPaletteLightTealForeground2)',\n\n // Color palette lilac tokens\n colorPaletteLilacBackground2: 'var(--colorPaletteLilacBackground2)',\n colorPaletteLilacBorderActive: 'var(--colorPaletteLilacBorderActive)',\n colorPaletteLilacForeground2: 'var(--colorPaletteLilacForeground2)',\n\n // Color palette magenta tokens\n colorPaletteMagentaBackground2: 'var(--colorPaletteMagentaBackground2)',\n colorPaletteMagentaBorderActive: 'var(--colorPaletteMagentaBorderActive)',\n colorPaletteMagentaForeground2: 'var(--colorPaletteMagentaForeground2)',\n\n // Color palette mink tokens\n colorPaletteMinkBackground2: 'var(--colorPaletteMinkBackground2)',\n colorPaletteMinkBorderActive: 'var(--colorPaletteMinkBorderActive)',\n colorPaletteMinkForeground2: 'var(--colorPaletteMinkForeground2)',\n\n // Color palette navy tokens\n colorPaletteNavyBackground2: 'var(--colorPaletteNavyBackground2)',\n colorPaletteNavyBorderActive: 'var(--colorPaletteNavyBorderActive)',\n colorPaletteNavyForeground2: 'var(--colorPaletteNavyForeground2)',\n\n // Color palette peach tokens\n colorPalettePeachBackground2: 'var(--colorPalettePeachBackground2)',\n colorPalettePeachBorderActive: 'var(--colorPalettePeachBorderActive)',\n colorPalettePeachForeground2: 'var(--colorPalettePeachForeground2)',\n\n // Color palette pink tokens\n colorPalettePinkBackground2: 'var(--colorPalettePinkBackground2)',\n colorPalettePinkBorderActive: 'var(--colorPalettePinkBorderActive)',\n colorPalettePinkForeground2: 'var(--colorPalettePinkForeground2)',\n\n // Color palette platinum tokens\n colorPalettePlatinumBackground2: 'var(--colorPalettePlatinumBackground2)',\n colorPalettePlatinumBorderActive: 'var(--colorPalettePlatinumBorderActive)',\n colorPalettePlatinumForeground2: 'var(--colorPalettePlatinumForeground2)',\n\n // Color palette plum tokens\n colorPalettePlumBackground2: 'var(--colorPalettePlumBackground2)',\n colorPalettePlumBorderActive: 'var(--colorPalettePlumBorderActive)',\n colorPalettePlumForeground2: 'var(--colorPalettePlumForeground2)',\n\n // Color palette pumpkin tokens\n colorPalettePumpkinBackground2: 'var(--colorPalettePumpkinBackground2)',\n colorPalettePumpkinBorderActive: 'var(--colorPalettePumpkinBorderActive)',\n colorPalettePumpkinForeground2: 'var(--colorPalettePumpkinForeground2)',\n\n // Color palette purple tokens\n colorPalettePurpleBackground2: 'var(--colorPalettePurpleBackground2)',\n colorPalettePurpleBorderActive: 'var(--colorPalettePurpleBorderActive)',\n colorPalettePurpleForeground2: 'var(--colorPalettePurpleForeground2)',\n\n // Color palette royal blue tokens\n colorPaletteRoyalBlueBackground2: 'var(--colorPaletteRoyalBlueBackground2)',\n colorPaletteRoyalBlueBorderActive: 'var(--colorPaletteRoyalBlueBorderActive)',\n colorPaletteRoyalBlueForeground2: 'var(--colorPaletteRoyalBlueForeground2)',\n\n // Color palette seafoam tokens\n colorPaletteSeafoamBackground2: 'var(--colorPaletteSeafoamBackground2)',\n colorPaletteSeafoamBorderActive: 'var(--colorPaletteSeafoamBorderActive)',\n colorPaletteSeafoamForeground2: 'var(--colorPaletteSeafoamForeground2)',\n\n // Color palette steel tokens\n colorPaletteSteelBackground2: 'var(--colorPaletteSteelBackground2)',\n colorPaletteSteelBorderActive: 'var(--colorPaletteSteelBorderActive)',\n colorPaletteSteelForeground2: 'var(--colorPaletteSteelForeground2)',\n\n // Color palette teal tokens\n colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',\n colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',\n colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',\n\n // Border radius tokens\n borderRadiusNone: 'var(--borderRadiusNone)',\n borderRadiusSmall: 'var(--borderRadiusSmall)',\n borderRadiusMedium: 'var(--borderRadiusMedium)',\n borderRadiusLarge: 'var(--borderRadiusLarge)',\n borderRadiusXLarge: 'var(--borderRadiusXLarge)',\n borderRadiusCircular: 'var(--borderRadiusCircular)',\n\n // Font family tokens\n fontFamilyBase: 'var(--fontFamilyBase)',\n fontFamilyMonospace: 'var(--fontFamilyMonospace)',\n fontFamilyNumeric: 'var(--fontFamilyNumeric)',\n\n // Font size tokens\n fontSizeBase100: 'var(--fontSizeBase100)',\n fontSizeBase200: 'var(--fontSizeBase200)',\n fontSizeBase300: 'var(--fontSizeBase300)',\n fontSizeBase400: 'var(--fontSizeBase400)',\n fontSizeBase500: 'var(--fontSizeBase500)',\n fontSizeBase600: 'var(--fontSizeBase600)',\n fontSizeHero700: 'var(--fontSizeHero700)',\n fontSizeHero800: 'var(--fontSizeHero800)',\n fontSizeHero900: 'var(--fontSizeHero900)',\n fontSizeHero1000: 'var(--fontSizeHero1000)',\n\n // Font weight tokens\n fontWeightRegular: 'var(--fontWeightRegular)',\n fontWeightMedium: 'var(--fontWeightMedium)',\n fontWeightSemibold: 'var(--fontWeightSemibold)',\n fontWeightBold: 'var(--fontWeightBold)',\n\n // Line height tokens\n lineHeightBase100: 'var(--lineHeightBase100)',\n lineHeightBase200: 'var(--lineHeightBase200)',\n lineHeightBase300: 'var(--lineHeightBase300)',\n lineHeightBase400: 'var(--lineHeightBase400)',\n lineHeightBase500: 'var(--lineHeightBase500)',\n lineHeightBase600: 'var(--lineHeightBase600)',\n lineHeightHero700: 'var(--lineHeightHero700)',\n lineHeightHero800: 'var(--lineHeightHero800)',\n lineHeightHero900: 'var(--lineHeightHero900)',\n lineHeightHero1000: 'var(--lineHeightHero1000)',\n\n // Shadow tokens\n shadow2: 'var(--shadow2)',\n shadow4: 'var(--shadow4)',\n shadow8: 'var(--shadow8)',\n shadow16: 'var(--shadow16)',\n shadow28: 'var(--shadow28)',\n shadow64: 'var(--shadow64)',\n\n // Shadow brand tokens\n shadow2Brand: 'var(--shadow2Brand)',\n shadow4Brand: 'var(--shadow4Brand)',\n shadow8Brand: 'var(--shadow8Brand)',\n shadow16Brand: 'var(--shadow16Brand)',\n shadow28Brand: 'var(--shadow28Brand)',\n shadow64Brand: 'var(--shadow64Brand)',\n\n // Stroke width tokens\n strokeWidthThin: 'var(--strokeWidthThin)',\n strokeWidthThick: 'var(--strokeWidthThick)',\n strokeWidthThicker: 'var(--strokeWidthThicker)',\n strokeWidthThickest: 'var(--strokeWidthThickest)',\n\n // Spacings\n spacingHorizontalNone: 'var(--spacingHorizontalNone)',\n spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',\n spacingHorizontalXS: 'var(--spacingHorizontalXS)',\n spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',\n spacingHorizontalS: 'var(--spacingHorizontalS)',\n spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',\n spacingHorizontalM: 'var(--spacingHorizontalM)',\n spacingHorizontalL: 'var(--spacingHorizontalL)',\n spacingHorizontalXL: 'var(--spacingHorizontalXL)',\n spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',\n spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',\n\n spacingVerticalNone: 'var(--spacingVerticalNone)',\n spacingVerticalXXS: 'var(--spacingVerticalXXS)',\n spacingVerticalXS: 'var(--spacingVerticalXS)',\n spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',\n spacingVerticalS: 'var(--spacingVerticalS)',\n spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',\n spacingVerticalM: 'var(--spacingVerticalM)',\n spacingVerticalL: 'var(--spacingVerticalL)',\n spacingVerticalXL: 'var(--spacingVerticalXL)',\n spacingVerticalXXL: 'var(--spacingVerticalXXL)',\n spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',\n\n // Durations\n durationUltraFast: 'var(--durationUltraFast)',\n durationFaster: 'var(--durationFaster)',\n durationFast: 'var(--durationFast)',\n durationNormal: 'var(--durationNormal)',\n durationSlow: 'var(--durationSlow)',\n durationSlower: 'var(--durationSlower)',\n durationUltraSlow: 'var(--durationUltraSlow)',\n\n // Curves\n curveAccelerateMax: 'var(--curveAccelerateMax)',\n curveAccelerateMid: 'var(--curveAccelerateMid)',\n curveAccelerateMin: 'var(--curveAccelerateMin)',\n curveDecelerateMax: 'var(--curveDecelerateMax)',\n curveDecelerateMid: 'var(--curveDecelerateMid)',\n curveDecelerateMin: 'var(--curveDecelerateMin)',\n curveEasyEaseMax: 'var(--curveEasyEaseMax)',\n curveEasyEase: 'var(--curveEasyEase)',\n curveLinear: 'var(--curveLinear)',\n};\n"],"mappings":"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"}
|
package/lib/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundInverted: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = typeof statusSharedColorNames[number];\ntype PersonaSharedColorNames = typeof personaSharedColorNames[number];\ntype UnusedSharedColorNames = typeof unusedSharedColorNames[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
|
|
@@ -7,7 +7,8 @@ import { curves } from '../global/curves';
|
|
|
7
7
|
import { horizontalSpacings, verticalSpacings } from '../global/spacings';
|
|
8
8
|
export const createDarkTheme = brand => {
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
|
-
return {
|
|
10
|
+
return {
|
|
11
|
+
...borderRadius,
|
|
11
12
|
...fontSizes,
|
|
12
13
|
...lineHeights,
|
|
13
14
|
...fontFamilies,
|