@fluentui/tokens 1.0.0-alpha.15 → 1.0.0-alpha.17
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.md +20 -2
- package/dist/index.d.ts +15 -1
- package/lib/alias/darkColor.js +1 -1
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +3 -3
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +1 -1
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +3 -3
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +1 -1
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +3 -3
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +1 -1
- 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 +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- 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.map +1 -1
- package/lib/global/index.js +9 -9
- package/lib/global/index.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 +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/statusColorMapping.js.map +1 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +2 -2
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +2 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +3 -3
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +2 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +2 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +2 -2
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +2 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +37 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +7 -7
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +7 -7
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +7 -7
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +7 -7
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -4
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +1 -1
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +3 -3
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +1 -1
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +3 -3
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +1 -1
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +3 -3
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +1 -1
- 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 +1 -1
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- 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.map +1 -1
- package/lib-commonjs/global/index.js +9 -9
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +1 -1
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +5 -5
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/statusColorMapping.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +3 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +4 -4
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +3 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +37 -1
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +7 -7
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +7 -7
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +7 -7
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +7 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +5 -5
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["fonts.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["fontFamilies","fontSizes","fontWeights","lineHeights","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAqCaA,YAAAA;eAAAA;;IAnCAC,SAAAA;eAAAA;;IA4BAC,WAAAA;eAAAA;;IAdAC,WAAAA;eAAAA;;;AAdN,MAAMF,YAA4B;IACvCG,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IAEjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;AACpB;AAEO,MAAMV,cAAgC;IAC3CW,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IAEnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEO,MAAMrB,cAAgC;IAC3CsB,mBAAmB;IACnBC,kBAAkB;IAClBC,oBAAoB;IACpBC,gBAAgB;AAClB;AAEO,MAAM3B,eAAiC;IAC5C4B,gBAEE;IACFC,qBAAqB;IACrBC,mBAEE;AACJ"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _export_star = require("@swc/helpers/_/_export_star
|
|
6
|
-
_export_star._(require("./borderRadius
|
|
7
|
-
_export_star._(require("./colors
|
|
8
|
-
_export_star._(require("./curves
|
|
9
|
-
_export_star._(require("./durations
|
|
10
|
-
_export_star._(require("./fonts
|
|
11
|
-
_export_star._(require("./spacings
|
|
12
|
-
_export_star._(require("./strokeWidths
|
|
13
|
-
_export_star._(require("./typographyStyles
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./borderRadius"), exports);
|
|
7
|
+
_export_star._(require("./colors"), exports);
|
|
8
|
+
_export_star._(require("./curves"), exports);
|
|
9
|
+
_export_star._(require("./durations"), exports);
|
|
10
|
+
_export_star._(require("./fonts"), exports);
|
|
11
|
+
_export_star._(require("./spacings"), exports);
|
|
12
|
+
_export_star._(require("./strokeWidths"), exports);
|
|
13
|
+
_export_star._(require("./typographyStyles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './borderRadius';\nexport * from './colors';\nexport * from './curves';\nexport * from './durations';\nexport * from './fonts';\nexport * from './spacings';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"],"names":[],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBAEA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["spacings.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["horizontalSpacings","verticalSpacings","spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,mFAAmF;;;;;;;;;;;;IAetEA,kBAAAA;eAAAA;;IAcAC,gBAAAA;eAAAA;;;AA5Bb,MAAMC,WAA0B;IAC9BC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,GAAG;IACHC,QAAQ;IACRC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEO,MAAMb,qBAA8C;IACzDc,uBAAuBZ,SAASC,IAAI;IACpCY,sBAAsBb,SAASE,GAAG;IAClCY,qBAAqBd,SAASG,EAAE;IAChCY,yBAAyBf,SAASI,MAAM;IACxCY,oBAAoBhB,SAASK,CAAC;IAC9BY,yBAAyBjB,SAASM,MAAM;IACxCY,oBAAoBlB,SAASO,CAAC;IAC9BY,oBAAoBnB,SAASQ,CAAC;IAC9BY,qBAAqBpB,SAASS,EAAE;IAChCY,sBAAsBrB,SAASU,GAAG;IAClCY,uBAAuBtB,SAASW,IAAI;AACtC;AAEO,MAAMZ,mBAA0C;IACrDwB,qBAAqBvB,SAASC,IAAI;IAClCuB,oBAAoBxB,SAASE,GAAG;IAChCuB,mBAAmBzB,SAASG,EAAE;IAC9BuB,uBAAuB1B,SAASI,MAAM;IACtCuB,kBAAkB3B,SAASK,CAAC;IAC5BuB,uBAAuB5B,SAASM,MAAM;IACtCuB,kBAAkB7B,SAASO,CAAC;IAC5BuB,kBAAkB9B,SAASQ,CAAC;IAC5BuB,mBAAmB/B,SAASS,EAAE;IAC9BuB,oBAAoBhC,SAASU,GAAG;IAChCuB,qBAAqBjC,SAASW,IAAI;AACpC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["strokeWidths.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,eAAkC;IAC7CC,iBAAiB;IACjBC,kBAAkB;IAClBC,oBAAoB;IACpBC,qBAAqB;AACvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["typographyStyles.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["typographyStyles","body1","fontFamily","tokens","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -46,8 +46,8 @@ _export(exports, {
|
|
|
46
46
|
return _index.webLightTheme;
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
|
-
const _index = require("./themes/index
|
|
50
|
-
const _index1 = require("./utils/index
|
|
51
|
-
const _themeToTokensObject = require("./themeToTokensObject
|
|
52
|
-
const _tokens = require("./tokens
|
|
53
|
-
const _index2 = require("./global/index
|
|
49
|
+
const _index = require("./themes/index");
|
|
50
|
+
const _index1 = require("./utils/index");
|
|
51
|
+
const _themeToTokensObject = require("./themeToTokensObject");
|
|
52
|
+
const _tokens = require("./tokens");
|
|
53
|
+
const _index2 = require("./global/index");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n ZIndexTokens,\n} from './types';\n"],"names":["createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","themeToTokensObject","tokens","typographyStyles","webDarkTheme","webLightTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,eAAe;eAAfA,uBAAe;;IAAEC,uBAAuB;eAAvBA,+BAAuB;;IAAEC,gBAAgB;eAAhBA,wBAAgB;;IAAEC,oBAAoB;eAApBA,4BAAoB;;IADhFC,cAAc;eAAdA,qBAAc;;IAAEC,sBAAsB;eAAtBA,6BAAsB;;IAAEC,eAAe;eAAfA,sBAAe;;IAGvDC,mBAAmB;eAAnBA,wCAAmB;;IACnBC,MAAM;eAANA,cAAM;;IACNC,gBAAgB;eAAhBA,wBAAgB;;IALyCC,YAAY;eAAZA,mBAAY;;IAAEC,aAAa;eAAbA,oBAAa;;;uBAAQ;wBACJ;qCAE7D;wBACb;wBACU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["sharedColorNames.
|
|
1
|
+
{"version":3,"sources":["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/* List of global colors which semantic alias status tokens map to */\nexport const mappedStatusColorNames = ['cranberry', 'green', 'orange'] 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"],"names":["mappedStatusColorNames","personaSharedColorNames","statusSharedColorNames","unusedSharedColorNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,yEAAyE;;;;;;;;;;;IA4C5DA,sBAAAA;eAAAA;;IAhCAC,uBAAAA;eAAAA;;IAXAC,sBAAAA;eAAAA;;IA8CAC,sBAAAA;eAAAA;;;AA9CN,MAAMD,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,0BAA0B;IACrC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAGM,MAAMD,yBAAyB;IAAC;IAAa;IAAS;CAAS;AAG/D,MAAMG,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["statusColorMapping.
|
|
1
|
+
{"version":3,"sources":["statusColorMapping.ts"],"sourcesContent":["import { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n success: 'green',\n warning: 'orange',\n danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["themeToTokensObject.
|
|
1
|
+
{"version":3,"sources":["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(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA;;;;;;;CAOC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _export_star = require("@swc/helpers/_/_export_star
|
|
6
|
-
_export_star._(require("./teams/index
|
|
7
|
-
_export_star._(require("./web/index
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./teams/index"), exports);
|
|
7
|
+
_export_star._(require("./web/index"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
|
|
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "teamsDarkTheme", {
|
|
|
8
8
|
return teamsDarkTheme;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme
|
|
12
|
-
const _brandColors = require("../../global/brandColors
|
|
11
|
+
const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme");
|
|
12
|
+
const _brandColors = require("../../global/brandColors");
|
|
13
13
|
const teamsDarkTheme = (0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["darkTheme.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["teamsDarkTheme","createTeamsDarkTheme","brandTeams"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;sCAJwB;6BACV;AAGpB,MAAMA,iBAAwBC,IAAAA,0CAAAA,EAAqBC,uBAAAA"}
|
|
@@ -8,5 +8,5 @@ Object.defineProperty(exports, "teamsHighContrastTheme", {
|
|
|
8
8
|
return teamsHighContrastTheme;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _createHighContrastTheme = require("../../utils/createHighContrastTheme
|
|
11
|
+
const _createHighContrastTheme = require("../../utils/createHighContrastTheme");
|
|
12
12
|
const teamsHighContrastTheme = (0, _createHighContrastTheme.createHighContrastTheme)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["highContrastTheme.
|
|
1
|
+
{"version":3,"sources":["highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["teamsHighContrastTheme","createHighContrastTheme"],"rangeMappings":";;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;yCAH2B;AAGjC,MAAMA,yBAAgCC,IAAAA,gDAAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _export_star = require("@swc/helpers/_/_export_star
|
|
6
|
-
_export_star._(require("./lightTheme
|
|
7
|
-
_export_star._(require("./darkTheme
|
|
8
|
-
_export_star._(require("./highContrastTheme
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./lightTheme"), exports);
|
|
7
|
+
_export_star._(require("./darkTheme"), exports);
|
|
8
|
+
_export_star._(require("./highContrastTheme"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}
|
|
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "teamsLightTheme", {
|
|
|
8
8
|
return teamsLightTheme;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _createLightTheme = require("../../utils/createLightTheme
|
|
12
|
-
const _brandColors = require("../../global/brandColors
|
|
11
|
+
const _createLightTheme = require("../../utils/createLightTheme");
|
|
12
|
+
const _brandColors = require("../../global/brandColors");
|
|
13
13
|
const teamsLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightTheme.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["teamsLightTheme","createLightTheme","brandTeams"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;kCAJoB;6BACN;AAGpB,MAAMA,kBAAyBC,IAAAA,kCAAAA,EAAiBC,uBAAAA"}
|
|
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webDarkTheme", {
|
|
|
8
8
|
return webDarkTheme;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _createDarkTheme = require("../../utils/createDarkTheme
|
|
12
|
-
const _brandColors = require("../../global/brandColors
|
|
11
|
+
const _createDarkTheme = require("../../utils/createDarkTheme");
|
|
12
|
+
const _brandColors = require("../../global/brandColors");
|
|
13
13
|
const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["darkTheme.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["webDarkTheme","createDarkTheme","brandWeb"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;iCAJmB;6BACP;AAGlB,MAAMA,eAAsBC,IAAAA,gCAAAA,EAAgBC,qBAAAA"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const _export_star = require("@swc/helpers/_/_export_star
|
|
6
|
-
_export_star._(require("./lightTheme
|
|
7
|
-
_export_star._(require("./darkTheme
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./lightTheme"), exports);
|
|
7
|
+
_export_star._(require("./darkTheme"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
|
|
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webLightTheme", {
|
|
|
8
8
|
return webLightTheme;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
const _createLightTheme = require("../../utils/createLightTheme
|
|
12
|
-
const _brandColors = require("../../global/brandColors
|
|
11
|
+
const _createLightTheme = require("../../utils/createLightTheme");
|
|
12
|
+
const _brandColors = require("../../global/brandColors");
|
|
13
13
|
const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightTheme.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["webLightTheme","createLightTheme","brandWeb"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;kCAJoB;6BACR;AAGlB,MAAMA,gBAAuBC,IAAAA,kCAAAA,EAAiBC,qBAAAA"}
|
package/lib-commonjs/tokens.js
CHANGED
|
@@ -495,5 +495,41 @@ const tokens = {
|
|
|
495
495
|
curveDecelerateMin: 'var(--curveDecelerateMin)',
|
|
496
496
|
curveEasyEaseMax: 'var(--curveEasyEaseMax)',
|
|
497
497
|
curveEasyEase: 'var(--curveEasyEase)',
|
|
498
|
-
curveLinear: 'var(--curveLinear)'
|
|
498
|
+
curveLinear: 'var(--curveLinear)',
|
|
499
|
+
/**
|
|
500
|
+
* ZIndexes
|
|
501
|
+
* Special case where the tokens contain default values
|
|
502
|
+
* ZIndexes are not mandatory, so they are not included in the theme, but can be used as tokens with default values
|
|
503
|
+
*/ /**
|
|
504
|
+
* Elevation 0
|
|
505
|
+
* Can be used for background elements, like surfaces
|
|
506
|
+
*/ zIndexBackground: 'var(--zIndexBackground, 0)',
|
|
507
|
+
/**
|
|
508
|
+
* Elevation 2
|
|
509
|
+
* Can be used content that is on top of the background, like cards
|
|
510
|
+
*/ zIndexContent: 'var(--zIndexContent, 1)',
|
|
511
|
+
/**
|
|
512
|
+
* Elevation 4
|
|
513
|
+
* Can be used for overlays, like the backdrop of a modal
|
|
514
|
+
*/ zIndexOverlay: 'var(--zIndexOverlay, 1000)',
|
|
515
|
+
/**
|
|
516
|
+
* Elevation 8
|
|
517
|
+
* Can be used for popups, like modals and drawers
|
|
518
|
+
*/ zIndexPopup: 'var(--zIndexPopup, 2000)',
|
|
519
|
+
/**
|
|
520
|
+
* Elevation 16
|
|
521
|
+
* Can be used for messages, like snackbars and toasts
|
|
522
|
+
*/ zIndexMessages: 'var(--zIndexMessages, 3000)',
|
|
523
|
+
/**
|
|
524
|
+
* Elevation 28
|
|
525
|
+
* Can be used for floating elements, like dropdowns
|
|
526
|
+
*/ zIndexFloating: 'var(--zIndexFloating, 4000)',
|
|
527
|
+
/**
|
|
528
|
+
* Elevation 64
|
|
529
|
+
* Can be used for high priority floating elements, like tooltips
|
|
530
|
+
*/ zIndexPriority: 'var(--zIndexPriority, 5000)',
|
|
531
|
+
/**
|
|
532
|
+
* Special elevation
|
|
533
|
+
* Can be used for elements that need to be above everything else, like debug overlays
|
|
534
|
+
*/ zIndexDebug: 'var(--zIndexDebug, 6000)'
|
|
499
535
|
};
|