@fluentui/tokens 1.0.0-alpha.6 → 1.0.0-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +52 -1
- package/CHANGELOG.md +21 -2
- package/dist/index.d.ts +12 -1
- package/lib/alias/darkColor.js +2 -0
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +25 -1
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +2 -0
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +18 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +2 -0
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +23 -1
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +2 -0
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/colorPalette.js +6 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/durations.js +1 -0
- package/lib/global/durations.js.map +1 -1
- package/lib/sharedColorNames.js +5 -0
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/tokens.js +36 -0
- 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-commonjs/alias/darkColor.js +2 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +33 -3
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +2 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +27 -3
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +2 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +31 -3
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +2 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +7 -1
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/durations.js +1 -0
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +6 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/statusColorMapping.js +13 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/tokens.js +36 -0
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +1 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +1 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForeground2Hover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted2: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackgroundStatic: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundAlpha: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorNeutralBackgroundAlpha2: whiteAlpha[80], // rgba(255, 255, 255, 0.8) Global.Color.WhiteAlpha.80\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralStencil1Alpha: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorNeutralStencil2Alpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorBackgroundOverlay: blackAlpha[40], // rgba(0, 0, 0, 0.4) Global.Color.BlackAlpha.40\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackground2Hover: brand[150], // #deecf9 Global.Color.Brand.150\n colorBrandBackground2Pressed: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeSubtle: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandStroke2Hover: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandStroke2Pressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["lightColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForeground2Hover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted2: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackgroundStatic: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundAlpha: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorNeutralBackgroundAlpha2: whiteAlpha[80], // rgba(255, 255, 255, 0.8) Global.Color.WhiteAlpha.80\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralStencil1Alpha: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorNeutralStencil2Alpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorBackgroundOverlay: blackAlpha[40], // rgba(0, 0, 0, 0.4) Global.Color.BlackAlpha.40\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackground2Hover: brand[150], // #deecf9 Global.Color.Brand.150\n colorBrandBackground2Pressed: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeSubtle: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandStroke2Hover: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandStroke2Pressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2Contrast: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"AAAA,uBAAuB,GACvB,sDAAsD,GAEtD,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,mBAAmB;AAG9E,OAAO,MAAMC,sBAAsB,CAACC,QAAuC,CAAA;QACzEC,yBAAyBL,IAAI,CAAC,GAAG;QACjCM,8BAA8BN,IAAI,CAAC,GAAG;QACtCO,gCAAgCP,IAAI,CAAC,GAAG;QACxCQ,iCAAiCR,IAAI,CAAC,GAAG;QACzCS,yBAAyBT,IAAI,CAAC,GAAG;QACjCU,8BAA8BV,IAAI,CAAC,GAAG;QACtCW,gCAAgCX,IAAI,CAAC,GAAG;QACxCY,iCAAiCZ,IAAI,CAAC,GAAG;QACzCa,mCAAmCT,KAAK,CAAC,GAAG;QAC5CU,qCAAqCV,KAAK,CAAC,GAAG;QAC9CW,sCAAsCX,KAAK,CAAC,GAAG;QAC/CY,yBAAyBhB,IAAI,CAAC,GAAG;QACjCiB,8BAA8BjB,IAAI,CAAC,GAAG;QACtCkB,gCAAgClB,IAAI,CAAC,GAAG;QACxCmB,iCAAiCnB,IAAI,CAAC,GAAG;QACzCoB,mCAAmChB,KAAK,CAAC,GAAG;QAC5CiB,qCAAqCjB,KAAK,CAAC,GAAG;QAC9CkB,sCAAsClB,KAAK,CAAC,GAAG;QAC/CmB,yBAAyBvB,IAAI,CAAC,GAAG;QACjCwB,gCAAgCxB,IAAI,CAAC,GAAG;QACxCyB,wCAAwCvB,UAAU,CAAC,GAAG;QACtDwB,0BAA0BtB,KAAK,CAAC,GAAG;QACnCuB,+BAA+BvB,KAAK,CAAC,GAAG;QACxCwB,iCAAiCxB,KAAK,CAAC,GAAG;QAC1CyB,kCAAkCzB,KAAK,CAAC,GAAG;QAC3C0B,6BAA6B9B,IAAI,CAAC,GAAG;QACrC+B,kCAAkC/B,IAAI,CAAC,GAAG;QAC1CgC,oCAAoChC,IAAI,CAAC,GAAG;QAC5CiC,qCAAqCjC,IAAI,CAAC,GAAG;QAC7CkC,+BAA+B9B,KAAK,CAAC,GAAG;QACxC+B,oCAAoC/B,KAAK,CAAC,GAAG;QAC7CgC,sCAAsChC,KAAK,CAAC,GAAG;QAC/CiC,uBAAuBjC,KAAK,CAAC,GAAG;QAChCkC,uBAAuBlC,KAAK,CAAC,GAAG;QAChCmC,4BAA4BnC,KAAK,CAAC,GAAG;QACrCoC,8BAA8BpC,KAAK,CAAC,GAAG;QACvCqC,+BAA+BzC,IAAI,CAAC,GAAG;QACvC0C,sCAAsCzC;QACtC0C,gCAAgC1C;QAChC2C,qCAAqC3C;QACrC4C,uCAAuC5C;QACvC6C,wCAAwC7C;QACxC8C,iCAAiC9C;QACjC+C,+BAA+B/C;QAC/BgD,oCAAoChD;QACpCiD,yCAAyCjD;QACzCkD,2CAA2ClD;QAC3CmD,4CAA4CnD;QAC5CoD,8BAA8BjD,KAAK,CAAC,IAAI;QACxCkD,mCAAmClD,KAAK,CAAC,IAAI;QAC7CmD,qCAAqCnD,KAAK,CAAC,IAAI;QAC/CoD,6BAA6BpD,KAAK,CAAC,GAAG;QACtCqD,kCAAkCrD,KAAK,CAAC,GAAG;QAC3CsD,oCAAoCtD,KAAK,CAAC,GAAG;QAC7CuD,qCAAqCvD,KAAK,CAAC,GAAG;QAC9CwD,yBAAyB3D;QACzB4D,8BAA8B7D,IAAI,CAAC,GAAG;QACtC8D,gCAAgC9D,IAAI,CAAC,GAAG;QACxC+D,iCAAiC/D,IAAI,CAAC,GAAG;QACzCgE,yBAAyBhE,IAAI,CAAC,GAAG;QACjCiE,8BAA8BjE,IAAI,CAAC,GAAG;QACtCkE,gCAAgClE,IAAI,CAAC,GAAG;QACxCmE,iCAAiCnE,IAAI,CAAC,GAAG;QACzCoE,yBAAyBpE,IAAI,CAAC,GAAG;QACjCqE,8BAA8BrE,IAAI,CAAC,GAAG;QACtCsE,gCAAgCtE,IAAI,CAAC,GAAG;QACxCuE,iCAAiCvE,IAAI,CAAC,GAAG;QACzCwE,yBAAyBxE,IAAI,CAAC,GAAG;QACjCyE,8BAA8BzE,IAAI,CAAC,GAAG;QACtC0E,gCAAgC1E,IAAI,CAAC,GAAG;QACxC2E,iCAAiC1E;QACjC2E,yBAAyB5E,IAAI,CAAC,GAAG;QACjC6E,8BAA8B7E,IAAI,CAAC,GAAG;QACtC8E,gCAAgC9E,IAAI,CAAC,GAAG;QACxC+E,iCAAiC/E,IAAI,CAAC,GAAG;QACzCgF,yBAAyBhF,IAAI,CAAC,GAAG;QACjCiF,gCAAgCjF,IAAI,CAAC,GAAG;QACxCkF,8BAA8BlF,IAAI,CAAC,GAAG;QACtCmF,6BAA6BjF,UAAU,CAAC,GAAG;QAC3CkF,8BAA8BlF,UAAU,CAAC,GAAG;QAC5CmF,uBAAuB;QACvBC,4BAA4BtF,IAAI,CAAC,GAAG;QACpCuF,8BAA8BvF,IAAI,CAAC,GAAG;QACtCwF,+BAA+BxF,IAAI,CAAC,GAAG;QACvCyF,sCAAsCvF,UAAU,CAAC,GAAG;QACpDwF,wCAAwCxF,UAAU,CAAC,GAAG;QACtDyF,yCAAyC;QACzCC,+BAA+B;QAC/BC,oCAAoC9F,UAAU,CAAC,GAAG;QAClD+F,sCAAsC/F,UAAU,CAAC,GAAG;QACpDgG,uCAAuChG,UAAU,CAAC,GAAG;QACrDiG,4BAA4B;QAC5BC,iCAAiC;QACjCC,mCAAmC;QACnCC,oCAAoC;QACpCC,gCAAgCpG,IAAI,CAAC,GAAG;QACxCqG,wCAAwCnG,UAAU,CAAC,GAAG;QACtDoG,sBAAsBtG,IAAI,CAAC,GAAG;QAC9BuG,sBAAsBvG,IAAI,CAAC,GAAG;QAC9BwG,2BAA2BzG,UAAU,CAAC,GAAG;QACzC0G,2BAA2B1G,UAAU,CAAC,EAAE;QACxC2G,wBAAwB3G,UAAU,CAAC,GAAG;QACtC4G,uBAAuB5G,UAAU,CAAC,GAAG;QACrC6G,sBAAsBxG,KAAK,CAAC,GAAG;QAC/ByG,2BAA2BzG,KAAK,CAAC,GAAG;QACpC0G,6BAA6B1G,KAAK,CAAC,GAAG;QACtC2G,8BAA8B3G,KAAK,CAAC,GAAG;QACvC4G,8BAA8B5G,KAAK,CAAC,GAAG;QACvC6G,mCAAmC7G,KAAK,CAAC,GAAG;QAC5C8G,qCAAqC9G,KAAK,CAAC,GAAG;QAC9C+G,4BAA4B/G,KAAK,CAAC,GAAG;QACrCgH,uBAAuBhH,KAAK,CAAC,IAAI;QACjCiH,4BAA4BjH,KAAK,CAAC,IAAI;QACtCkH,8BAA8BlH,KAAK,CAAC,IAAI;QACxCmH,8BAA8BtH;QAC9BuH,mCAAmCpH,KAAK,CAAC,IAAI;QAC7CqH,qCAAqCrH,KAAK,CAAC,IAAI;QAC/CsH,sCAAsCtH,KAAK,CAAC,IAAI;QAChDuH,8BAA8B3H,IAAI,CAAC,GAAG;QACtC4H,mCAAmC5H,IAAI,CAAC,GAAG;QAC3C6H,qCAAqC7H,IAAI,CAAC,GAAG;QAC7C8H,sCAAsC1H,KAAK,CAAC,GAAG;QAC/C2H,qBAAqB/H,IAAI,CAAC,GAAG;QAC7BgI,0BAA0BhI,IAAI,CAAC,GAAG;QAClCiI,4BAA4BjI,IAAI,CAAC,GAAG;QACpCkI,6BAA6BlI,IAAI,CAAC,GAAG;QACrCmI,qBAAqBnI,IAAI,CAAC,GAAG;QAC7BoI,qBAAqBpI,IAAI,CAAC,GAAG;QAC7BqI,0BAA0BrI,IAAI,CAAC,GAAG;QAClCsI,2BAA2BrI;QAC3BsI,4BAA4BtI;QAC5BuI,iCAAiCvI;QACjCwI,mCAAmCxI;QACnCyI,oCAAoCzI;QACpC0I,mBAAmBvI,KAAK,CAAC,GAAG;QAC5BwI,mBAAmBxI,KAAK,CAAC,IAAI;QAC7ByI,wBAAwBzI,KAAK,CAAC,IAAI;QAClC0I,0BAA0B1I,KAAK,CAAC,GAAG;QACnC2I,2BAA2B3I,KAAK,CAAC,IAAI;QACrC4I,0BAA0B5I,KAAK,CAAC,GAAG;QACnC6I,+BAA+B7I,KAAK,CAAC,GAAG;QACxC8I,iCAAiC9I,KAAK,CAAC,GAAG;QAC1C+I,4BAA4BnJ,IAAI,CAAC,GAAG;QACpCoJ,oCAAoClJ,UAAU,CAAC,GAAG;QAClDmJ,wBAAwB;QACxBC,mCAAmC;QACnCC,gCAAgC;QAChCC,yBAAyBzJ,UAAU,CAAC,EAAE;QACtC0J,0BAA0BvJ,UAAU,CAAC,GAAG;QACxCwJ,mBAAmBzJ;QACnB0J,mBAAmB7J;QACnB8J,2BAA2B;QAC3BC,uBAAuB;QACvBC,kCAAkC;QAClCC,8BAA8B;QAC9BC,iCAAiC;QACjCC,6BAA6B;QAC7BC,yBAAyB;QACzBC,qBAAqB;IACvB,CAAA,EAAG"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { statusSharedColors, personaSharedColors } from '../global/colorPalette';
|
|
1
|
+
import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
|
|
2
2
|
import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
|
|
3
|
+
import { statusColorMapping } from '../statusColorMapping';
|
|
3
4
|
const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
|
|
4
5
|
const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
|
|
5
6
|
const sharedColorTokens = {
|
|
@@ -33,3 +34,24 @@ export const colorPaletteTokens = {
|
|
|
33
34
|
...statusColorPaletteTokens,
|
|
34
35
|
...personaColorPaletteTokens
|
|
35
36
|
};
|
|
37
|
+
export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
|
|
38
|
+
const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
|
|
39
|
+
// TODO: double check the mapping with design
|
|
40
|
+
const statusColorTokens = {
|
|
41
|
+
[`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,
|
|
42
|
+
[`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,
|
|
43
|
+
[`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
|
|
44
|
+
[`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,
|
|
45
|
+
[`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,
|
|
46
|
+
[`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,
|
|
47
|
+
[`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,
|
|
48
|
+
[`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,
|
|
49
|
+
[`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,
|
|
50
|
+
[`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary
|
|
51
|
+
};
|
|
52
|
+
return Object.assign(acc, statusColorTokens);
|
|
53
|
+
}, {});
|
|
54
|
+
// one-off overrides for colorStatus tokens
|
|
55
|
+
colorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;
|
|
56
|
+
colorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;
|
|
57
|
+
colorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"names":["statusSharedColors","personaSharedColors","statusSharedColorNames","personaSharedColorNames","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,QAAQ,yBAAyB;
|
|
1
|
+
{"version":3,"sources":["lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","tint30","colorStatusWarningForeground1","warning","shade20","colorStatusWarningForeground3","colorStatusWarningBorder2"],"mappings":"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"}
|
|
@@ -138,6 +138,7 @@ export const generateColorTokens = (brand)=>({
|
|
|
138
138
|
colorBrandStroke2: brand[50],
|
|
139
139
|
colorBrandStroke2Hover: brand[50],
|
|
140
140
|
colorBrandStroke2Pressed: brand[30],
|
|
141
|
+
colorBrandStroke2Contrast: brand[50],
|
|
141
142
|
colorCompoundBrandStroke: brand[90],
|
|
142
143
|
colorCompoundBrandStrokeHover: brand[100],
|
|
143
144
|
colorCompoundBrandStrokePressed: brand[80],
|
|
@@ -147,6 +148,7 @@ export const generateColorTokens = (brand)=>({
|
|
|
147
148
|
colorTransparentStrokeInteractive: 'transparent',
|
|
148
149
|
colorTransparentStrokeDisabled: 'transparent',
|
|
149
150
|
colorNeutralStrokeAlpha: whiteAlpha[10],
|
|
151
|
+
colorNeutralStrokeAlpha2: whiteAlpha[20],
|
|
150
152
|
colorStrokeFocus1: black,
|
|
151
153
|
colorStrokeFocus2: white,
|
|
152
154
|
colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["teamsDarkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["teamsDarkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorBrandStroke2Contrast: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, 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 } from './colors';
|
|
1
|
+
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, 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, orange } from './colors';
|
|
2
2
|
export const statusSharedColors = {
|
|
3
3
|
red,
|
|
4
4
|
green,
|
|
@@ -38,3 +38,8 @@ export const personaSharedColors = {
|
|
|
38
38
|
platinum,
|
|
39
39
|
anchor
|
|
40
40
|
};
|
|
41
|
+
export const mappedStatusColors = {
|
|
42
|
+
cranberry,
|
|
43
|
+
green,
|
|
44
|
+
orange
|
|
45
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\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} from './colors';\nimport { PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\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};\n"],"names":["red","green","darkOrange","yellow","berry","lightGreen","marigold","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","statusSharedColors","personaSharedColors"],"mappings":"AAAA,SACEA,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,MAAM,QACD,WAAW;AAGlB,OAAO,MAAMC,qBAAyC;
|
|
1
|
+
{"version":3,"sources":["colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\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 orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\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};\n\nexport const mappedStatusColors: MappedStatusColors = {\n cranberry,\n green,\n orange,\n};\n"],"names":["red","green","darkOrange","yellow","berry","lightGreen","marigold","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","orange","statusSharedColors","personaSharedColors","mappedStatusColors"],"mappings":"AAAA,SACEA,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,MAAM,QACD,WAAW;AAGlB,OAAO,MAAMC,qBAAyC;IACpDpC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAE;AAEF,OAAO,MAAM+B,sBAA2C;IACtD9B;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAE;AAEF,OAAO,MAAMI,qBAAyC;IACpD9B;IACAP;IACAkC;AACF,EAAE"}
|
package/lib/global/durations.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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"],"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationSlow","durationSlower","durationUltraSlow"],"mappings":"AAEA,OAAO,MAAMA,YAA4B;IACvCC,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACrB,EAAE"}
|
|
1
|
+
{"version":3,"sources":["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 durationGentle: '250ms',\n durationSlow: '300ms',\n durationSlower: '400ms',\n durationUltraSlow: '500ms',\n};\n"],"names":["durations","durationUltraFast","durationFaster","durationFast","durationNormal","durationGentle","durationSlow","durationSlower","durationUltraSlow"],"mappings":"AAEA,OAAO,MAAMA,YAA4B;IACvCC,mBAAmB;IACnBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;IAChBC,mBAAmB;AACrB,EAAE"}
|
package/lib/sharedColorNames.js
CHANGED
|
@@ -37,6 +37,11 @@
|
|
|
37
37
|
'platinum',
|
|
38
38
|
'anchor'
|
|
39
39
|
];
|
|
40
|
+
/* List of global colors which semantic alias status tokens map to */ export const mappedStatusColorNames = [
|
|
41
|
+
'cranberry',
|
|
42
|
+
'green',
|
|
43
|
+
'orange'
|
|
44
|
+
];
|
|
40
45
|
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */ export const unusedSharedColorNames = [
|
|
41
46
|
'burgundy',
|
|
42
47
|
'bronze',
|
|
@@ -1 +1 @@
|
|
|
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/* 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":["statusSharedColorNames","personaSharedColorNames","unusedSharedColorNames"],"mappings":"AAAA,yEAAyE,GACzE,OAAO,MAAMA,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU;AAEX,0EAA0E,GAC1E,OAAO,MAAMC,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,CAAU;AAEX,mGAAmG,GACnG,OAAO,MAAMC,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU"}
|
|
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":["statusSharedColorNames","personaSharedColorNames","mappedStatusColorNames","unusedSharedColorNames"],"mappings":"AAAA,yEAAyE,GACzE,OAAO,MAAMA,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU;AAEX,0EAA0E,GAC1E,OAAO,MAAMC,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,CAAU;AAEX,mEAAmE,GACnE,OAAO,MAAMC,yBAAyB;IAAC;IAAa;IAAS;CAAS,CAAU;AAEhF,mGAAmG,GACnG,OAAO,MAAMC,yBAAyB;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
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"],"mappings":"AAEA,OAAO,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV,EAAE"}
|
package/lib/tokens.js
CHANGED
|
@@ -138,6 +138,7 @@ export const tokens = {
|
|
|
138
138
|
colorBrandStroke2: 'var(--colorBrandStroke2)',
|
|
139
139
|
colorBrandStroke2Hover: 'var(--colorBrandStroke2Hover)',
|
|
140
140
|
colorBrandStroke2Pressed: 'var(--colorBrandStroke2Pressed)',
|
|
141
|
+
colorBrandStroke2Contrast: 'var(--colorBrandStroke2Contrast)',
|
|
141
142
|
colorCompoundBrandStroke: 'var(--colorCompoundBrandStroke)',
|
|
142
143
|
colorCompoundBrandStrokeHover: 'var(--colorCompoundBrandStrokeHover)',
|
|
143
144
|
colorCompoundBrandStrokePressed: 'var(--colorCompoundBrandStrokePressed)',
|
|
@@ -147,6 +148,7 @@ export const tokens = {
|
|
|
147
148
|
colorTransparentStrokeInteractive: 'var(--colorTransparentStrokeInteractive)',
|
|
148
149
|
colorTransparentStrokeDisabled: 'var(--colorTransparentStrokeDisabled)',
|
|
149
150
|
colorNeutralStrokeAlpha: 'var(--colorNeutralStrokeAlpha)',
|
|
151
|
+
colorNeutralStrokeAlpha2: 'var(--colorNeutralStrokeAlpha2)',
|
|
150
152
|
colorStrokeFocus1: 'var(--colorStrokeFocus1)',
|
|
151
153
|
colorStrokeFocus2: 'var(--colorStrokeFocus2)',
|
|
152
154
|
colorNeutralShadowAmbient: 'var(--colorNeutralShadowAmbient)',
|
|
@@ -343,6 +345,39 @@ export const tokens = {
|
|
|
343
345
|
colorPaletteTealBackground2: 'var(--colorPaletteTealBackground2)',
|
|
344
346
|
colorPaletteTealBorderActive: 'var(--colorPaletteTealBorderActive)',
|
|
345
347
|
colorPaletteTealForeground2: 'var(--colorPaletteTealForeground2)',
|
|
348
|
+
// Color status success tokens
|
|
349
|
+
colorStatusSuccessBackground1: 'var(--colorStatusSuccessBackground1)',
|
|
350
|
+
colorStatusSuccessBackground2: 'var(--colorStatusSuccessBackground2)',
|
|
351
|
+
colorStatusSuccessBackground3: 'var(--colorStatusSuccessBackground3)',
|
|
352
|
+
colorStatusSuccessForeground1: 'var(--colorStatusSuccessForeground1)',
|
|
353
|
+
colorStatusSuccessForeground2: 'var(--colorStatusSuccessForeground2)',
|
|
354
|
+
colorStatusSuccessForeground3: 'var(--colorStatusSuccessForeground3)',
|
|
355
|
+
colorStatusSuccessForegroundInverted: 'var(--colorStatusSuccessForegroundInverted)',
|
|
356
|
+
colorStatusSuccessBorderActive: 'var(--colorStatusSuccessBorderActive)',
|
|
357
|
+
colorStatusSuccessBorder1: 'var(--colorStatusSuccessBorder1)',
|
|
358
|
+
colorStatusSuccessBorder2: 'var(--colorStatusSuccessBorder2)',
|
|
359
|
+
// Color status warning tokens
|
|
360
|
+
colorStatusWarningBackground1: 'var(--colorStatusWarningBackground1)',
|
|
361
|
+
colorStatusWarningBackground2: 'var(--colorStatusWarningBackground2)',
|
|
362
|
+
colorStatusWarningBackground3: 'var(--colorStatusWarningBackground3)',
|
|
363
|
+
colorStatusWarningForeground1: 'var(--colorStatusWarningForeground1)',
|
|
364
|
+
colorStatusWarningForeground2: 'var(--colorStatusWarningForeground2)',
|
|
365
|
+
colorStatusWarningForeground3: 'var(--colorStatusWarningForeground3)',
|
|
366
|
+
colorStatusWarningForegroundInverted: 'var(--colorStatusWarningForegroundInverted)',
|
|
367
|
+
colorStatusWarningBorderActive: 'var(--colorStatusWarningBorderActive)',
|
|
368
|
+
colorStatusWarningBorder1: 'var(--colorStatusWarningBorder1)',
|
|
369
|
+
colorStatusWarningBorder2: 'var(--colorStatusWarningBorder2)',
|
|
370
|
+
// Color status danger tokens
|
|
371
|
+
colorStatusDangerBackground1: 'var(--colorStatusDangerBackground1)',
|
|
372
|
+
colorStatusDangerBackground2: 'var(--colorStatusDangerBackground2)',
|
|
373
|
+
colorStatusDangerBackground3: 'var(--colorStatusDangerBackground3)',
|
|
374
|
+
colorStatusDangerForeground1: 'var(--colorStatusDangerForeground1)',
|
|
375
|
+
colorStatusDangerForeground2: 'var(--colorStatusDangerForeground2)',
|
|
376
|
+
colorStatusDangerForeground3: 'var(--colorStatusDangerForeground3)',
|
|
377
|
+
colorStatusDangerForegroundInverted: 'var(--colorStatusDangerForegroundInverted)',
|
|
378
|
+
colorStatusDangerBorderActive: 'var(--colorStatusDangerBorderActive)',
|
|
379
|
+
colorStatusDangerBorder1: 'var(--colorStatusDangerBorder1)',
|
|
380
|
+
colorStatusDangerBorder2: 'var(--colorStatusDangerBorder2)',
|
|
346
381
|
// Border radius tokens
|
|
347
382
|
borderRadiusNone: 'var(--borderRadiusNone)',
|
|
348
383
|
borderRadiusSmall: 'var(--borderRadiusSmall)',
|
|
@@ -428,6 +463,7 @@ export const tokens = {
|
|
|
428
463
|
durationFaster: 'var(--durationFaster)',
|
|
429
464
|
durationFast: 'var(--durationFast)',
|
|
430
465
|
durationNormal: 'var(--durationNormal)',
|
|
466
|
+
durationGentle: 'var(--durationGentle)',
|
|
431
467
|
durationSlow: 'var(--durationSlow)',
|
|
432
468
|
durationSlower: 'var(--durationSlower)',
|
|
433
469
|
durationUltraSlow: 'var(--durationUltraSlow)',
|