@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +264 -1
- package/CHANGELOG.md +86 -2
- package/dist/index.d.ts +460 -0
- package/lib/alias/darkColor.js +162 -0
- package/lib/alias/darkColor.js.map +1 -0
- package/lib/alias/darkColorPalette.js +67 -0
- package/lib/alias/darkColorPalette.js.map +1 -0
- package/lib/alias/highContrastColor.js +162 -0
- package/lib/alias/highContrastColor.js.map +1 -0
- package/lib/alias/highContrastColorPalette.js +52 -0
- package/lib/alias/highContrastColorPalette.js.map +1 -0
- package/lib/alias/lightColor.js +162 -0
- package/lib/alias/lightColor.js.map +1 -0
- package/lib/alias/lightColorPalette.js +57 -0
- package/lib/alias/lightColorPalette.js.map +1 -0
- package/lib/alias/teamsDarkColor.js +162 -0
- package/lib/alias/teamsDarkColor.js.map +1 -0
- package/lib/global/borderRadius.js +8 -0
- package/lib/global/borderRadius.js.map +1 -0
- package/lib/global/brandColors.js +54 -0
- package/lib/global/brandColors.js.map +1 -0
- package/lib/global/colorPalette.js +45 -0
- package/lib/global/colorPalette.js.map +1 -0
- package/lib/global/colors.js +807 -0
- package/lib/global/colors.js.map +1 -0
- package/lib/global/curves.js +11 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/fonts.js +37 -0
- package/lib/global/fonts.js.map +1 -0
- package/lib/global/index.js +9 -0
- package/lib/global/index.js.map +1 -0
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/strokeWidths.js +6 -0
- package/lib/global/strokeWidths.js.map +1 -0
- package/lib/global/typographyStyles.js +107 -0
- package/lib/global/typographyStyles.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +60 -0
- package/lib/sharedColorNames.js.map +1 -0
- package/lib/statusColorMapping.js +5 -0
- package/lib/statusColorMapping.js.map +1 -0
- package/lib/themeToTokensObject.js +15 -0
- package/lib/themeToTokensObject.js.map +1 -0
- package/lib/themes/index.js +2 -0
- package/lib/themes/index.js.map +1 -0
- package/lib/themes/teams/darkTheme.js +3 -0
- package/lib/themes/teams/darkTheme.js.map +1 -0
- package/lib/themes/teams/highContrastTheme.js +2 -0
- package/lib/themes/teams/highContrastTheme.js.map +1 -0
- package/lib/themes/teams/index.js +3 -0
- package/lib/themes/teams/index.js.map +1 -0
- package/lib/themes/teams/lightTheme.js +3 -0
- package/lib/themes/teams/lightTheme.js.map +1 -0
- package/lib/themes/web/darkTheme.js +3 -0
- package/lib/themes/web/darkTheme.js.map +1 -0
- package/lib/themes/web/index.js +2 -0
- package/lib/themes/web/index.js.map +1 -0
- package/lib/themes/web/lightTheme.js +3 -0
- package/lib/themes/web/lightTheme.js.map +1 -0
- package/lib/tokens.js +480 -0
- package/lib/tokens.js.map +1 -0
- package/lib/types.js +1 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/createDarkTheme.js +27 -0
- package/lib/utils/createDarkTheme.js.map +1 -0
- package/lib/utils/createHighContrastTheme.js +27 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -0
- package/lib/utils/createLightTheme.js +27 -0
- package/lib/utils/createLightTheme.js.map +1 -0
- package/lib/utils/createTeamsDarkTheme.js +27 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib/utils/index.js +4 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/shadows.js +10 -0
- package/lib/utils/shadows.js.map +1 -0
- package/lib-commonjs/alias/darkColor.js +172 -0
- package/lib-commonjs/alias/darkColor.js.map +1 -0
- package/lib-commonjs/alias/darkColorPalette.js +85 -0
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
- package/lib-commonjs/alias/highContrastColor.js +172 -0
- package/lib-commonjs/alias/highContrastColor.js.map +1 -0
- package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
- package/lib-commonjs/alias/lightColor.js +172 -0
- package/lib-commonjs/alias/lightColor.js.map +1 -0
- package/lib-commonjs/alias/lightColorPalette.js +75 -0
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
- package/lib-commonjs/alias/teamsDarkColor.js +172 -0
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
- package/lib-commonjs/global/borderRadius.js +18 -0
- package/lib-commonjs/global/borderRadius.js.map +1 -0
- package/lib-commonjs/global/brandColors.js +75 -0
- package/lib-commonjs/global/brandColors.js.map +1 -0
- package/lib-commonjs/global/colorPalette.js +66 -0
- package/lib-commonjs/global/colorPalette.js.map +1 -0
- package/lib-commonjs/global/colors.js +1014 -0
- package/lib-commonjs/global/colors.js.map +1 -0
- package/lib-commonjs/global/curves.js +21 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.js +20 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/fonts.js +59 -0
- package/lib-commonjs/global/fonts.js.map +1 -0
- package/lib-commonjs/global/index.js +13 -0
- package/lib-commonjs/global/index.js.map +1 -0
- package/lib-commonjs/global/spacings.js +58 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/strokeWidths.js +16 -0
- package/lib-commonjs/global/strokeWidths.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +115 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -0
- package/lib-commonjs/index.js +50 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +84 -0
- package/lib-commonjs/sharedColorNames.js.map +1 -0
- package/lib-commonjs/statusColorMapping.js +15 -0
- package/lib-commonjs/statusColorMapping.js.map +1 -0
- package/lib-commonjs/themeToTokensObject.js +25 -0
- package/lib-commonjs/themeToTokensObject.js.map +1 -0
- package/lib-commonjs/themes/index.js +7 -0
- package/lib-commonjs/themes/index.js.map +1 -0
- package/lib-commonjs/themes/teams/darkTheme.js +13 -0
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
- package/lib-commonjs/themes/teams/index.js +8 -0
- package/lib-commonjs/themes/teams/index.js.map +1 -0
- package/lib-commonjs/themes/teams/lightTheme.js +13 -0
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
- package/lib-commonjs/themes/web/darkTheme.js +13 -0
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
- package/lib-commonjs/themes/web/index.js +7 -0
- package/lib-commonjs/themes/web/index.js.map +1 -0
- package/lib-commonjs/themes/web/lightTheme.js +13 -0
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
- package/lib-commonjs/tokens.js +490 -0
- package/lib-commonjs/tokens.js.map +1 -0
- package/lib-commonjs/types.js +4 -0
- package/lib-commonjs/types.js.map +1 -0
- package/lib-commonjs/utils/createDarkTheme.js +37 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
- package/lib-commonjs/utils/createLightTheme.js +37 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
- package/lib-commonjs/utils/index.js +9 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/shadows.js +20 -0
- package/lib-commonjs/utils/shadows.js.map +1 -0
- package/package.json +7 -4
- package/lib-amd/index.js +0 -5
- package/lib-amd/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["colors.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport type { ColorVariants, Greys, AlphaColors } from '../types';\n\nexport const grey: Record<Greys, string> = {\n '2': '#050505',\n '4': '#0a0a0a',\n '6': '#0f0f0f',\n '8': '#141414',\n '10': '#1a1a1a',\n '12': '#1f1f1f',\n '14': '#242424',\n '16': '#292929',\n '18': '#2e2e2e',\n '20': '#333333',\n '22': '#383838',\n '24': '#3d3d3d',\n '26': '#424242',\n '28': '#474747',\n '30': '#4d4d4d',\n '32': '#525252',\n '34': '#575757',\n '36': '#5c5c5c',\n '38': '#616161',\n '40': '#666666',\n '42': '#6b6b6b',\n '44': '#707070',\n '46': '#757575',\n '48': '#7a7a7a',\n '50': '#808080',\n '52': '#858585',\n '54': '#8a8a8a',\n '56': '#8f8f8f',\n '58': '#949494',\n '60': '#999999',\n '62': '#9e9e9e',\n '64': '#a3a3a3',\n '66': '#a8a8a8',\n '68': '#adadad',\n '70': '#b3b3b3',\n '72': '#b8b8b8',\n '74': '#bdbdbd',\n '76': '#c2c2c2',\n '78': '#c7c7c7',\n '80': '#cccccc',\n '82': '#d1d1d1',\n '84': '#d6d6d6',\n '86': '#dbdbdb',\n '88': '#e0e0e0',\n '90': '#e6e6e6',\n '92': '#ebebeb',\n '94': '#f0f0f0',\n '96': '#f5f5f5',\n '98': '#fafafa',\n};\n\nexport const whiteAlpha: Record<AlphaColors, string> = {\n '5': 'rgba(255, 255, 255, 0.05)',\n '10': 'rgba(255, 255, 255, 0.1)',\n '20': 'rgba(255, 255, 255, 0.2)',\n '30': 'rgba(255, 255, 255, 0.3)',\n '40': 'rgba(255, 255, 255, 0.4)',\n '50': 'rgba(255, 255, 255, 0.5)',\n '60': 'rgba(255, 255, 255, 0.6)',\n '70': 'rgba(255, 255, 255, 0.7)',\n '80': 'rgba(255, 255, 255, 0.8)',\n '90': 'rgba(255, 255, 255, 0.9)',\n};\n\nexport const blackAlpha: Record<AlphaColors, string> = {\n '5': 'rgba(0, 0, 0, 0.05)',\n '10': 'rgba(0, 0, 0, 0.1)',\n '20': 'rgba(0, 0, 0, 0.2)',\n '30': 'rgba(0, 0, 0, 0.3)',\n '40': 'rgba(0, 0, 0, 0.4)',\n '50': 'rgba(0, 0, 0, 0.5)',\n '60': 'rgba(0, 0, 0, 0.6)',\n '70': 'rgba(0, 0, 0, 0.7)',\n '80': 'rgba(0, 0, 0, 0.8)',\n '90': 'rgba(0, 0, 0, 0.9)',\n};\n\nexport const grey10Alpha: Record<AlphaColors, string> = {\n '5': 'rgba(26, 26, 26, 0.05)',\n '10': 'rgba(26, 26, 26, 0.1)',\n '20': 'rgba(26, 26, 26, 0.2)',\n '30': 'rgba(26, 26, 26, 0.3)',\n '40': 'rgba(26, 26, 26, 0.4)',\n '50': 'rgba(26, 26, 26, 0.5)',\n '60': 'rgba(26, 26, 26, 0.6)',\n '70': 'rgba(26, 26, 26, 0.7)',\n '80': 'rgba(26, 26, 26, 0.8)',\n '90': 'rgba(26, 26, 26, 0.9)',\n};\n\nexport const grey12Alpha: Record<AlphaColors, string> = {\n '5': 'rgba(31, 31, 31, 0.05)',\n '10': 'rgba(31, 31, 31, 0.1)',\n '20': 'rgba(31, 31, 31, 0.2)',\n '30': 'rgba(31, 31, 31, 0.3)',\n '40': 'rgba(31, 31, 31, 0.4)',\n '50': 'rgba(31, 31, 31, 0.5)',\n '60': 'rgba(31, 31, 31, 0.6)',\n '70': 'rgba(31, 31, 31, 0.7)',\n '80': 'rgba(31, 31, 31, 0.8)',\n '90': 'rgba(31, 31, 31, 0.9)',\n};\n\nexport const grey14Alpha: Record<AlphaColors, string> = {\n '5': 'rgba(36, 36, 36, 0.05)',\n '10': 'rgba(36, 36, 36, 0.1)',\n '20': 'rgba(36, 36, 36, 0.2)',\n '30': 'rgba(36, 36, 36, 0.3)',\n '40': 'rgba(36, 36, 36, 0.4)',\n '50': 'rgba(36, 36, 36, 0.5)',\n '60': 'rgba(36, 36, 36, 0.6)',\n '70': 'rgba(36, 36, 36, 0.7)',\n '80': 'rgba(36, 36, 36, 0.8)',\n '90': 'rgba(36, 36, 36, 0.9)',\n};\n\nexport const white = '#ffffff';\n\nexport const black = '#000000';\n\nexport const hcHyperlink = '#ffff00';\n\nexport const hcHighlight = '#1aebff';\n\nexport const hcDisabled = '#3ff23f';\n\nexport const hcCanvas = '#000000';\n\nexport const hcCanvasText = '#ffffff';\n\nexport const hcHighlightText = '#000000';\n\nexport const hcButtonText = '#000000';\n\nexport const hcButtonFace = '#ffffff';\n\nexport const darkRed: ColorVariants = {\n shade50: '#130204',\n shade40: '#230308',\n shade30: '#420610',\n shade20: '#590815',\n shade10: '#690a19',\n primary: '#750b1c',\n tint10: '#861b2c',\n tint20: '#962f3f',\n tint30: '#ac4f5e',\n tint40: '#d69ca5',\n tint50: '#e9c7cd',\n tint60: '#f9f0f2',\n};\n\nexport const burgundy: ColorVariants = {\n shade50: '#1a0607',\n shade40: '#310b0d',\n shade30: '#5c1519',\n shade20: '#7d1d21',\n shade10: '#942228',\n primary: '#a4262c',\n tint10: '#af393e',\n tint20: '#ba4d52',\n tint30: '#c86c70',\n tint40: '#e4afb2',\n tint50: '#f0d3d4',\n tint60: '#fbf4f4',\n};\n\nexport const cranberry: ColorVariants = {\n shade50: '#200205',\n shade40: '#3b0509',\n shade30: '#6e0811',\n shade20: '#960b18',\n shade10: '#b10e1c',\n primary: '#c50f1f',\n tint10: '#cc2635',\n tint20: '#d33f4c',\n tint30: '#dc626d',\n tint40: '#eeacb2',\n tint50: '#f6d1d5',\n tint60: '#fdf3f4',\n};\n\nexport const red: ColorVariants = {\n shade50: '#210809',\n shade40: '#3f1011',\n shade30: '#751d1f',\n shade20: '#9f282b',\n shade10: '#bc2f32',\n primary: '#d13438',\n tint10: '#d7494c',\n tint20: '#dc5e62',\n tint30: '#e37d80',\n tint40: '#f1bbbc',\n tint50: '#f8dadb',\n tint60: '#fdf6f6',\n};\n\nexport const darkOrange: ColorVariants = {\n shade50: '#230900',\n shade40: '#411200',\n shade30: '#7a2101',\n shade20: '#a62d01',\n shade10: '#c43501',\n primary: '#da3b01',\n tint10: '#de501c',\n tint20: '#e36537',\n tint30: '#e9835e',\n tint40: '#f4bfab',\n tint50: '#f9dcd1',\n tint60: '#fdf6f3',\n};\n\nexport const bronze: ColorVariants = {\n shade50: '#1b0a01',\n shade40: '#321303',\n shade30: '#5e2405',\n shade20: '#7f3107',\n shade10: '#963a08',\n primary: '#a74109',\n tint10: '#b2521e',\n tint20: '#bc6535',\n tint30: '#ca8057',\n tint40: '#e5bba4',\n tint50: '#f1d9cc',\n tint60: '#fbf5f2',\n};\n\nexport const pumpkin: ColorVariants = {\n shade50: '#200d03',\n shade40: '#3d1805',\n shade30: '#712d09',\n shade20: '#9a3d0c',\n shade10: '#b6480e',\n primary: '#ca5010',\n tint10: '#d06228',\n tint20: '#d77440',\n tint30: '#df8e64',\n tint40: '#efc4ad',\n tint50: '#f7dfd2',\n tint60: '#fdf7f4',\n};\n\nexport const orange: ColorVariants = {\n shade50: '#271002',\n shade40: '#4a1e04',\n shade30: '#8a3707',\n shade20: '#bc4b09',\n shade10: '#de590b',\n primary: '#f7630c',\n tint10: '#f87528',\n tint20: '#f98845',\n tint30: '#faa06b',\n tint40: '#fdcfb4',\n tint50: '#fee5d7',\n tint60: '#fff9f5',\n};\n\nexport const peach: ColorVariants = {\n shade50: '#291600',\n shade40: '#4d2a00',\n shade30: '#8f4e00',\n shade20: '#c26a00',\n shade10: '#e67e00',\n primary: '#ff8c00',\n tint10: '#ff9a1f',\n tint20: '#ffa83d',\n tint30: '#ffba66',\n tint40: '#ffddb3',\n tint50: '#ffedd6',\n tint60: '#fffaf5',\n};\n\nexport const marigold: ColorVariants = {\n shade50: '#251a00',\n shade40: '#463100',\n shade30: '#835b00',\n shade20: '#b27c00',\n shade10: '#d39300',\n primary: '#eaa300',\n tint10: '#edad1c',\n tint20: '#efb839',\n tint30: '#f2c661',\n tint40: '#f9e2ae',\n tint50: '#fcefd3',\n tint60: '#fefbf4',\n};\n\nexport const yellow: ColorVariants = {\n primary: '#fde300',\n shade10: '#e4cc00',\n shade20: '#c0ad00',\n shade30: '#817400',\n shade40: '#4c4400',\n shade50: '#282400',\n tint10: '#fde61e',\n tint20: '#fdea3d',\n tint30: '#feee66',\n tint40: '#fef7b2',\n tint50: '#fffad6',\n tint60: '#fffef5',\n};\n\nexport const gold: ColorVariants = {\n shade50: '#1f1900',\n shade40: '#3a2f00',\n shade30: '#6c5700',\n shade20: '#937700',\n shade10: '#ae8c00',\n primary: '#c19c00',\n tint10: '#c8a718',\n tint20: '#d0b232',\n tint30: '#dac157',\n tint40: '#ecdfa5',\n tint50: '#f5eece',\n tint60: '#fdfbf2',\n};\n\nexport const brass: ColorVariants = {\n shade50: '#181202',\n shade40: '#2e2103',\n shade30: '#553e06',\n shade20: '#745408',\n shade10: '#89640a',\n primary: '#986f0b',\n tint10: '#a47d1e',\n tint20: '#b18c34',\n tint30: '#c1a256',\n tint40: '#e0cea2',\n tint50: '#efe4cb',\n tint60: '#fbf8f2',\n};\n\nexport const brown: ColorVariants = {\n shade50: '#170e07',\n shade40: '#2b1a0e',\n shade30: '#50301a',\n shade20: '#6c4123',\n shade10: '#804d29',\n primary: '#8e562e',\n tint10: '#9c663f',\n tint20: '#a97652',\n tint30: '#bb8f6f',\n tint40: '#ddc3b0',\n tint50: '#edded3',\n tint60: '#faf7f4',\n};\n\nexport const darkBrown: ColorVariants = {\n shade50: '#0c0704',\n shade40: '#170c08',\n shade30: '#2b1710',\n shade20: '#3a1f15',\n shade10: '#452519',\n primary: '#4d291c',\n tint10: '#623a2b',\n tint20: '#784d3e',\n tint30: '#946b5c',\n tint40: '#caada3',\n tint50: '#e3d2cb',\n tint60: '#f8f3f2',\n};\n\nexport const lime: ColorVariants = {\n shade50: '#121b06',\n shade40: '#23330b',\n shade30: '#405f14',\n shade20: '#57811b',\n shade10: '#689920',\n primary: '#73aa24',\n tint10: '#81b437',\n tint20: '#90be4c',\n tint30: '#a4cc6c',\n tint40: '#cfe5af',\n tint50: '#e5f1d3',\n tint60: '#f8fcf4',\n};\n\nexport const forest: ColorVariants = {\n shade50: '#0c1501',\n shade40: '#162702',\n shade30: '#294903',\n shade20: '#376304',\n shade10: '#427505',\n primary: '#498205',\n tint10: '#599116',\n tint20: '#6ba02b',\n tint30: '#85b44c',\n tint40: '#bdd99b',\n tint50: '#dbebc7',\n tint60: '#f6faf0',\n};\n\nexport const seafoam: ColorVariants = {\n shade50: '#002111',\n shade40: '#003d20',\n shade30: '#00723b',\n shade20: '#009b51',\n shade10: '#00b85f',\n primary: '#00cc6a',\n tint10: '#19d279',\n tint20: '#34d889',\n tint30: '#5ae0a0',\n tint40: '#a8f0cd',\n tint50: '#cff7e4',\n tint60: '#f3fdf8',\n};\n\nexport const lightGreen: ColorVariants = {\n shade50: '#031a02',\n shade40: '#063004',\n shade30: '#0b5a08',\n shade20: '#0e7a0b',\n shade10: '#11910d',\n primary: '#13a10e',\n tint10: '#27ac22',\n tint20: '#3db838',\n tint30: '#5ec75a',\n tint40: '#a7e3a5',\n tint50: '#cef0cd',\n tint60: '#f2fbf2',\n};\n\nexport const green: ColorVariants = {\n shade50: '#031403',\n shade40: '#052505',\n shade30: '#094509',\n shade20: '#0c5e0c',\n shade10: '#0e700e',\n primary: '#107c10',\n tint10: '#218c21',\n tint20: '#359b35',\n tint30: '#54b054',\n tint40: '#9fd89f',\n tint50: '#c9eac9',\n tint60: '#f1faf1',\n};\n\nexport const darkGreen: ColorVariants = {\n shade50: '#021102',\n shade40: '#032003',\n shade30: '#063b06',\n shade20: '#085108',\n shade10: '#0a5f0a',\n primary: '#0b6a0b',\n tint10: '#1a7c1a',\n tint20: '#2d8e2d',\n tint30: '#4da64d',\n tint40: '#9ad29a',\n tint50: '#c6e7c6',\n tint60: '#f0f9f0',\n};\n\nexport const lightTeal: ColorVariants = {\n shade50: '#001d1f',\n shade40: '#00373a',\n shade30: '#00666d',\n shade20: '#008b94',\n shade10: '#00a5af',\n primary: '#00b7c3',\n tint10: '#18bfca',\n tint20: '#32c8d1',\n tint30: '#58d3db',\n tint40: '#a6e9ed',\n tint50: '#cef3f5',\n tint60: '#f2fcfd',\n};\n\nexport const teal: ColorVariants = {\n shade50: '#001516',\n shade40: '#012728',\n shade30: '#02494c',\n shade20: '#026467',\n shade10: '#037679',\n primary: '#038387',\n tint10: '#159195',\n tint20: '#2aa0a4',\n tint30: '#4cb4b7',\n tint40: '#9bd9db',\n tint50: '#c7ebec',\n tint60: '#f0fafa',\n};\n\nexport const darkTeal: ColorVariants = {\n shade50: '#001010',\n shade40: '#001f1f',\n shade30: '#003939',\n shade20: '#004e4e',\n shade10: '#005c5c',\n primary: '#006666',\n tint10: '#0e7878',\n tint20: '#218b8b',\n tint30: '#41a3a3',\n tint40: '#92d1d1',\n tint50: '#c2e7e7',\n tint60: '#eff9f9',\n};\n\nexport const cyan: ColorVariants = {\n shade50: '#00181e',\n shade40: '#002e38',\n shade30: '#005669',\n shade20: '#00748f',\n shade10: '#008aa9',\n primary: '#0099bc',\n tint10: '#18a4c4',\n tint20: '#31afcc',\n tint30: '#56bfd7',\n tint40: '#a4deeb',\n tint50: '#cdedf4',\n tint60: '#f2fafc',\n};\n\nexport const steel: ColorVariants = {\n shade50: '#000f12',\n shade40: '#001b22',\n shade30: '#00333f',\n shade20: '#004555',\n shade10: '#005265',\n primary: '#005b70',\n tint10: '#0f6c81',\n tint20: '#237d92',\n tint30: '#4496a9',\n tint40: '#94c8d4',\n tint50: '#c3e1e8',\n tint60: '#eff7f9',\n};\n\nexport const lightBlue: ColorVariants = {\n shade50: '#091823',\n shade40: '#112d42',\n shade30: '#20547c',\n shade20: '#2c72a8',\n shade10: '#3487c7',\n primary: '#3a96dd',\n tint10: '#4fa1e1',\n tint20: '#65ade5',\n tint30: '#83bdeb',\n tint40: '#bfddf5',\n tint50: '#dcedfa',\n tint60: '#f6fafe',\n};\n\nexport const blue: ColorVariants = {\n shade50: '#001322',\n shade40: '#002440',\n shade30: '#004377',\n shade20: '#005ba1',\n shade10: '#006cbf',\n primary: '#0078d4',\n tint10: '#1a86d9',\n tint20: '#3595de',\n tint30: '#5caae5',\n tint40: '#a9d3f2',\n tint50: '#d0e7f8',\n tint60: '#f3f9fd',\n};\n\nexport const royalBlue: ColorVariants = {\n shade50: '#000c16',\n shade40: '#00172a',\n shade30: '#002c4e',\n shade20: '#003b6a',\n shade10: '#00467e',\n primary: '#004e8c',\n tint10: '#125e9a',\n tint20: '#286fa8',\n tint30: '#4a89ba',\n tint40: '#9abfdc',\n tint50: '#c7dced',\n tint60: '#f0f6fa',\n};\n\nexport const darkBlue: ColorVariants = {\n shade50: '#000910',\n shade40: '#00111f',\n shade30: '#002039',\n shade20: '#002b4e',\n shade10: '#00335c',\n primary: '#003966',\n tint10: '#0e4a78',\n tint20: '#215c8b',\n tint30: '#4178a3',\n tint40: '#92b5d1',\n tint50: '#c2d6e7',\n tint60: '#eff4f9',\n};\n\nexport const cornflower: ColorVariants = {\n shade50: '#0d1126',\n shade40: '#182047',\n shade30: '#2c3c85',\n shade20: '#3c51b4',\n shade10: '#4760d5',\n primary: '#4f6bed',\n tint10: '#637cef',\n tint20: '#778df1',\n tint30: '#93a4f4',\n tint40: '#c8d1fa',\n tint50: '#e1e6fc',\n tint60: '#f7f9fe',\n};\n\nexport const navy: ColorVariants = {\n shade50: '#00061d',\n shade40: '#000c36',\n shade30: '#001665',\n shade20: '#001e89',\n shade10: '#0023a2',\n primary: '#0027b4',\n tint10: '#173bbd',\n tint20: '#3050c6',\n tint30: '#546fd2',\n tint40: '#a3b2e8',\n tint50: '#ccd5f3',\n tint60: '#f2f4fc',\n};\n\nexport const lavender: ColorVariants = {\n shade50: '#120f25',\n shade40: '#221d46',\n shade30: '#3f3682',\n shade20: '#5649b0',\n shade10: '#6656d1',\n primary: '#7160e8',\n tint10: '#8172eb',\n tint20: '#9184ee',\n tint30: '#a79cf1',\n tint40: '#d2ccf8',\n tint50: '#e7e4fb',\n tint60: '#f9f8fe',\n};\n\nexport const purple: ColorVariants = {\n shade50: '#0f0717',\n shade40: '#1c0e2b',\n shade30: '#341a51',\n shade20: '#46236e',\n shade10: '#532982',\n primary: '#5c2e91',\n tint10: '#6b3f9e',\n tint20: '#7c52ab',\n tint30: '#9470bd',\n tint40: '#c6b1de',\n tint50: '#e0d3ed',\n tint60: '#f7f4fb',\n};\n\nexport const darkPurple: ColorVariants = {\n shade50: '#0a0411',\n shade40: '#130820',\n shade30: '#240f3c',\n shade20: '#311552',\n shade10: '#3a1861',\n primary: '#401b6c',\n tint10: '#512b7e',\n tint20: '#633e8f',\n tint30: '#7e5ca7',\n tint40: '#b9a3d3',\n tint50: '#d8cce7',\n tint60: '#f5f2f9',\n};\n\nexport const orchid: ColorVariants = {\n shade50: '#16101d',\n shade40: '#281e37',\n shade30: '#4c3867',\n shade20: '#674c8c',\n shade10: '#795aa6',\n primary: '#8764b8',\n tint10: '#9373c0',\n tint20: '#a083c9',\n tint30: '#b29ad4',\n tint40: '#d7caea',\n tint50: '#e9e2f4',\n tint60: '#f9f8fc',\n};\n\nexport const grape: ColorVariants = {\n shade50: '#160418',\n shade40: '#29072e',\n shade30: '#4c0d55',\n shade20: '#671174',\n shade10: '#7a1589',\n primary: '#881798',\n tint10: '#952aa4',\n tint20: '#a33fb1',\n tint30: '#b55fc1',\n tint40: '#d9a7e0',\n tint50: '#eaceef',\n tint60: '#faf2fb',\n};\n\nexport const berry: ColorVariants = {\n shade50: '#1f091d',\n shade40: '#3a1136',\n shade30: '#6d2064',\n shade20: '#932b88',\n shade10: '#af33a1',\n primary: '#c239b3',\n tint10: '#c94cbc',\n tint20: '#d161c4',\n tint30: '#da7ed0',\n tint40: '#edbbe7',\n tint50: '#f5daf2',\n tint60: '#fdf5fc',\n};\n\nexport const lilac: ColorVariants = {\n shade50: '#1c0b1f',\n shade40: '#35153a',\n shade30: '#63276d',\n shade20: '#863593',\n shade10: '#9f3faf',\n primary: '#b146c2',\n tint10: '#ba58c9',\n tint20: '#c36bd1',\n tint30: '#cf87da',\n tint40: '#e6bfed',\n tint50: '#f2dcf5',\n tint60: '#fcf6fd',\n};\n\nexport const pink: ColorVariants = {\n shade50: '#24091b',\n shade40: '#441232',\n shade30: '#80215d',\n shade20: '#ad2d7e',\n shade10: '#cd3595',\n primary: '#e43ba6',\n tint10: '#e750b0',\n tint20: '#ea66ba',\n tint30: '#ef85c8',\n tint40: '#f7c0e3',\n tint50: '#fbddf0',\n tint60: '#fef6fb',\n};\n\nexport const hotPink: ColorVariants = {\n shade50: '#240016',\n shade40: '#44002a',\n shade30: '#7f004e',\n shade20: '#ad006a',\n shade10: '#cc007e',\n primary: '#e3008c',\n tint10: '#e61c99',\n tint20: '#ea38a6',\n tint30: '#ee5fb7',\n tint40: '#f7adda',\n tint50: '#fbd2eb',\n tint60: '#fef4fa',\n};\n\nexport const magenta: ColorVariants = {\n shade50: '#1f0013',\n shade40: '#390024',\n shade30: '#6b0043',\n shade20: '#91005a',\n shade10: '#ac006b',\n primary: '#bf0077',\n tint10: '#c71885',\n tint20: '#ce3293',\n tint30: '#d957a8',\n tint40: '#eca5d1',\n tint50: '#f5cee6',\n tint60: '#fcf2f9',\n};\n\nexport const plum: ColorVariants = {\n shade50: '#13000c',\n shade40: '#240017',\n shade30: '#43002b',\n shade20: '#5a003b',\n shade10: '#6b0045',\n primary: '#77004d',\n tint10: '#87105d',\n tint20: '#98246f',\n tint30: '#ad4589',\n tint40: '#d696c0',\n tint50: '#e9c4dc',\n tint60: '#faf0f6',\n};\n\nexport const beige: ColorVariants = {\n shade50: '#141313',\n shade40: '#252323',\n shade30: '#444241',\n shade20: '#5d5958',\n shade10: '#6e6968',\n primary: '#7a7574',\n tint10: '#8a8584',\n tint20: '#9a9594',\n tint30: '#afabaa',\n tint40: '#d7d4d4',\n tint50: '#eae8e8',\n tint60: '#faf9f9',\n};\n\nexport const mink: ColorVariants = {\n shade50: '#0f0e0e',\n shade40: '#1c1b1a',\n shade30: '#343231',\n shade20: '#474443',\n shade10: '#54514f',\n primary: '#5d5a58',\n tint10: '#706d6b',\n tint20: '#84817e',\n tint30: '#9e9b99',\n tint40: '#cecccb',\n tint50: '#e5e4e3',\n tint60: '#f8f8f8',\n};\n\nexport const silver: ColorVariants = {\n shade50: '#151818',\n shade40: '#282d2e',\n shade30: '#4a5356',\n shade20: '#657174',\n shade10: '#78868a',\n primary: '#859599',\n tint10: '#92a1a5',\n tint20: '#a0aeb1',\n tint30: '#b3bfc2',\n tint40: '#d8dfe0',\n tint50: '#eaeeef',\n tint60: '#fafbfb',\n};\n\nexport const platinum: ColorVariants = {\n shade50: '#111314',\n shade40: '#1f2426',\n shade30: '#3b4447',\n shade20: '#505c60',\n shade10: '#5f6d71',\n primary: '#69797e',\n tint10: '#79898d',\n tint20: '#89989d',\n tint30: '#a0adb2',\n tint40: '#cdd6d8',\n tint50: '#e4e9ea',\n tint60: '#f8f9fa',\n};\n\nexport const anchor: ColorVariants = {\n shade50: '#090a0b',\n shade40: '#111315',\n shade30: '#202427',\n shade20: '#2b3135',\n shade10: '#333a3f',\n primary: '#394146',\n tint10: '#4d565c',\n tint20: '#626c72',\n tint30: '#808a90',\n tint40: '#bcc3c7',\n tint50: '#dbdfe1',\n tint60: '#f6f7f8',\n};\n\nexport const charcoal: ColorVariants = {\n shade50: '#090909',\n shade40: '#111111',\n shade30: '#202020',\n shade20: '#2b2b2b',\n shade10: '#333333',\n primary: '#393939',\n tint10: '#515151',\n tint20: '#686868',\n tint30: '#888888',\n tint40: '#c4c4c4',\n tint50: '#dfdfdf',\n tint60: '#f7f7f7',\n};\n"],"names":["grey","whiteAlpha","blackAlpha","grey10Alpha","grey12Alpha","grey14Alpha","white","black","hcHyperlink","hcHighlight","hcDisabled","hcCanvas","hcCanvasText","hcHighlightText","hcButtonText","hcButtonFace","darkRed","shade50","shade40","shade30","shade20","shade10","primary","tint10","tint20","tint30","tint40","tint50","tint60","burgundy","cranberry","red","darkOrange","bronze","pumpkin","orange","peach","marigold","yellow","gold","brass","brown","darkBrown","lime","forest","seafoam","lightGreen","green","darkGreen","lightTeal","teal","darkTeal","cyan","steel","lightBlue","blue","royalBlue","darkBlue","cornflower","navy","lavender","purple","darkPurple","orchid","grape","berry","lilac","pink","hotPink","magenta","plum","beige","mink","silver","platinum","anchor","charcoal"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export const curves = {
|
|
2
|
+
curveAccelerateMax: 'cubic-bezier(1,0,1,1)',
|
|
3
|
+
curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)',
|
|
4
|
+
curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)',
|
|
5
|
+
curveDecelerateMax: 'cubic-bezier(0,0,0,1)',
|
|
6
|
+
curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',
|
|
7
|
+
curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
|
|
8
|
+
curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)',
|
|
9
|
+
curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
|
|
10
|
+
curveLinear: 'cubic-bezier(0,0,1,1)'
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["curves.ts"],"sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n curveAccelerateMax: 'cubic-bezier(1,0,1,1)',\n curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)',\n curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)',\n curveDecelerateMax: 'cubic-bezier(0,0,0,1)',\n curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',\n curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)',\n curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"names":["curves","curveAccelerateMax","curveAccelerateMid","curveAccelerateMin","curveDecelerateMax","curveDecelerateMid","curveDecelerateMin","curveEasyEaseMax","curveEasyEase","curveLinear"],"mappings":"AAEA,OAAO,MAAMA,SAAsB;IACjCC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,aAAa;AACf,EAAE"}
|
|
@@ -0,0 +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 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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export const fontSizes = {
|
|
2
|
+
fontSizeBase100: '10px',
|
|
3
|
+
fontSizeBase200: '12px',
|
|
4
|
+
fontSizeBase300: '14px',
|
|
5
|
+
fontSizeBase400: '16px',
|
|
6
|
+
fontSizeBase500: '20px',
|
|
7
|
+
fontSizeBase600: '24px',
|
|
8
|
+
fontSizeHero700: '28px',
|
|
9
|
+
fontSizeHero800: '32px',
|
|
10
|
+
fontSizeHero900: '40px',
|
|
11
|
+
fontSizeHero1000: '68px'
|
|
12
|
+
};
|
|
13
|
+
export const lineHeights = {
|
|
14
|
+
lineHeightBase100: '14px',
|
|
15
|
+
lineHeightBase200: '16px',
|
|
16
|
+
lineHeightBase300: '20px',
|
|
17
|
+
lineHeightBase400: '22px',
|
|
18
|
+
lineHeightBase500: '28px',
|
|
19
|
+
lineHeightBase600: '32px',
|
|
20
|
+
lineHeightHero700: '36px',
|
|
21
|
+
lineHeightHero800: '40px',
|
|
22
|
+
lineHeightHero900: '52px',
|
|
23
|
+
lineHeightHero1000: '92px'
|
|
24
|
+
};
|
|
25
|
+
export const fontWeights = {
|
|
26
|
+
fontWeightRegular: 400,
|
|
27
|
+
fontWeightMedium: 500,
|
|
28
|
+
fontWeightSemibold: 600,
|
|
29
|
+
fontWeightBold: 700
|
|
30
|
+
};
|
|
31
|
+
export const fontFamilies = {
|
|
32
|
+
fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
|
|
33
|
+
"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
|
|
34
|
+
fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
|
|
35
|
+
fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len
|
|
36
|
+
"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["fonts.ts"],"sourcesContent":["import type { FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens } from '../types';\n\nexport const fontSizes: FontSizeTokens = {\n fontSizeBase100: '10px',\n fontSizeBase200: '12px',\n fontSizeBase300: '14px',\n fontSizeBase400: '16px',\n fontSizeBase500: '20px',\n fontSizeBase600: '24px',\n\n fontSizeHero700: '28px',\n fontSizeHero800: '32px',\n fontSizeHero900: '40px',\n fontSizeHero1000: '68px',\n};\n\nexport const lineHeights: LineHeightTokens = {\n lineHeightBase100: '14px',\n lineHeightBase200: '16px',\n lineHeightBase300: '20px',\n lineHeightBase400: '22px',\n lineHeightBase500: '28px',\n lineHeightBase600: '32px',\n\n lineHeightHero700: '36px',\n lineHeightHero800: '40px',\n lineHeightHero900: '52px',\n lineHeightHero1000: '92px',\n};\n\nexport const fontWeights: FontWeightTokens = {\n fontWeightRegular: 400,\n fontWeightMedium: 500,\n fontWeightSemibold: 600,\n fontWeightBold: 700,\n};\n\nexport const fontFamilies: FontFamilyTokens = {\n fontFamilyBase:\n // eslint-disable-next-line @fluentui/max-len\n \"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n fontFamilyMonospace: \"Consolas, 'Courier New', Courier, monospace\",\n fontFamilyNumeric:\n // eslint-disable-next-line @fluentui/max-len\n \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n"],"names":["fontSizes","fontSizeBase100","fontSizeBase200","fontSizeBase300","fontSizeBase400","fontSizeBase500","fontSizeBase600","fontSizeHero700","fontSizeHero800","fontSizeHero900","fontSizeHero1000","lineHeights","lineHeightBase100","lineHeightBase200","lineHeightBase300","lineHeightBase400","lineHeightBase500","lineHeightBase600","lineHeightHero700","lineHeightHero800","lineHeightHero900","lineHeightHero1000","fontWeights","fontWeightRegular","fontWeightMedium","fontWeightSemibold","fontWeightBold","fontFamilies","fontFamilyBase","fontFamilyMonospace","fontFamilyNumeric"],"mappings":"AAEA,OAAO,MAAMA,YAA4B;IACvCC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IAEjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;AACpB,EAAE;AAEF,OAAO,MAAMC,cAAgC;IAC3CC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IAEnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB,EAAE;AAEF,OAAO,MAAMC,cAAgC;IAC3CC,mBAAmB;IACnBC,kBAAkB;IAClBC,oBAAoB;IACpBC,gBAAgB;AAClB,EAAE;AAEF,OAAO,MAAMC,eAAiC;IAC5CC,gBACE,6CAA6C;IAC7C;IACFC,qBAAqB;IACrBC,mBACE,6CAA6C;IAC7C;AACJ,EAAE"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './borderRadius';
|
|
2
|
+
export * from './colors';
|
|
3
|
+
export * from './curves';
|
|
4
|
+
export * from './durations';
|
|
5
|
+
export * from './fonts';
|
|
6
|
+
export * from './spacings';
|
|
7
|
+
export * from './strokeWidths';
|
|
8
|
+
export * from './borderRadius';
|
|
9
|
+
export * from './typographyStyles';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './borderRadius';\nexport * from './colors';\nexport * from './curves';\nexport * from './durations';\nexport * from './fonts';\nexport * from './spacings';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
|
|
2
|
+
const spacings = {
|
|
3
|
+
none: '0',
|
|
4
|
+
xxs: '2px',
|
|
5
|
+
xs: '4px',
|
|
6
|
+
sNudge: '6px',
|
|
7
|
+
s: '8px',
|
|
8
|
+
mNudge: '10px',
|
|
9
|
+
m: '12px',
|
|
10
|
+
l: '16px',
|
|
11
|
+
xl: '20px',
|
|
12
|
+
xxl: '24px',
|
|
13
|
+
xxxl: '32px'
|
|
14
|
+
};
|
|
15
|
+
export const horizontalSpacings = {
|
|
16
|
+
spacingHorizontalNone: spacings.none,
|
|
17
|
+
spacingHorizontalXXS: spacings.xxs,
|
|
18
|
+
spacingHorizontalXS: spacings.xs,
|
|
19
|
+
spacingHorizontalSNudge: spacings.sNudge,
|
|
20
|
+
spacingHorizontalS: spacings.s,
|
|
21
|
+
spacingHorizontalMNudge: spacings.mNudge,
|
|
22
|
+
spacingHorizontalM: spacings.m,
|
|
23
|
+
spacingHorizontalL: spacings.l,
|
|
24
|
+
spacingHorizontalXL: spacings.xl,
|
|
25
|
+
spacingHorizontalXXL: spacings.xxl,
|
|
26
|
+
spacingHorizontalXXXL: spacings.xxxl
|
|
27
|
+
};
|
|
28
|
+
export const verticalSpacings = {
|
|
29
|
+
spacingVerticalNone: spacings.none,
|
|
30
|
+
spacingVerticalXXS: spacings.xxs,
|
|
31
|
+
spacingVerticalXS: spacings.xs,
|
|
32
|
+
spacingVerticalSNudge: spacings.sNudge,
|
|
33
|
+
spacingVerticalS: spacings.s,
|
|
34
|
+
spacingVerticalMNudge: spacings.mNudge,
|
|
35
|
+
spacingVerticalM: spacings.m,
|
|
36
|
+
spacingVerticalL: spacings.l,
|
|
37
|
+
spacingVerticalXL: spacings.xl,
|
|
38
|
+
spacingVerticalXXL: spacings.xxl,
|
|
39
|
+
spacingVerticalXXXL: spacings.xxxl
|
|
40
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["spacings.ts"],"sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\n// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.\nconst spacings: SpacingTokens = {\n none: '0',\n xxs: '2px',\n xs: '4px',\n sNudge: '6px',\n s: '8px',\n mNudge: '10px',\n m: '12px',\n l: '16px',\n xl: '20px',\n xxl: '24px',\n xxxl: '32px',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"names":["spacings","none","xxs","xs","sNudge","s","mNudge","m","l","xl","xxl","xxxl","horizontalSpacings","spacingHorizontalNone","spacingHorizontalXXS","spacingHorizontalXS","spacingHorizontalSNudge","spacingHorizontalS","spacingHorizontalMNudge","spacingHorizontalM","spacingHorizontalL","spacingHorizontalXL","spacingHorizontalXXL","spacingHorizontalXXXL","verticalSpacings","spacingVerticalNone","spacingVerticalXXS","spacingVerticalXS","spacingVerticalSNudge","spacingVerticalS","spacingVerticalMNudge","spacingVerticalM","spacingVerticalL","spacingVerticalXL","spacingVerticalXXL","spacingVerticalXXXL"],"mappings":"AAEA,mFAAmF;AACnF,MAAMA,WAA0B;IAC9BC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,QAAQ;IACRC,GAAG;IACHC,QAAQ;IACRC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEA,OAAO,MAAMC,qBAA8C;IACzDC,uBAAuBb,SAASC,IAAI;IACpCa,sBAAsBd,SAASE,GAAG;IAClCa,qBAAqBf,SAASG,EAAE;IAChCa,yBAAyBhB,SAASI,MAAM;IACxCa,oBAAoBjB,SAASK,CAAC;IAC9Ba,yBAAyBlB,SAASM,MAAM;IACxCa,oBAAoBnB,SAASO,CAAC;IAC9Ba,oBAAoBpB,SAASQ,CAAC;IAC9Ba,qBAAqBrB,SAASS,EAAE;IAChCa,sBAAsBtB,SAASU,GAAG;IAClCa,uBAAuBvB,SAASW,IAAI;AACtC,EAAE;AAEF,OAAO,MAAMa,mBAA0C;IACrDC,qBAAqBzB,SAASC,IAAI;IAClCyB,oBAAoB1B,SAASE,GAAG;IAChCyB,mBAAmB3B,SAASG,EAAE;IAC9ByB,uBAAuB5B,SAASI,MAAM;IACtCyB,kBAAkB7B,SAASK,CAAC;IAC5ByB,uBAAuB9B,SAASM,MAAM;IACtCyB,kBAAkB/B,SAASO,CAAC;IAC5ByB,kBAAkBhC,SAASQ,CAAC;IAC5ByB,mBAAmBjC,SAASS,EAAE;IAC9ByB,oBAAoBlC,SAASU,GAAG;IAChCyB,qBAAqBnC,SAASW,IAAI;AACpC,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["strokeWidths.ts"],"sourcesContent":["import type { StrokeWidthTokens } from '../types';\n\nexport const strokeWidths: StrokeWidthTokens = {\n strokeWidthThin: '1px',\n strokeWidthThick: '2px',\n strokeWidthThicker: '3px',\n strokeWidthThickest: '4px',\n};\n"],"names":["strokeWidths","strokeWidthThin","strokeWidthThick","strokeWidthThicker","strokeWidthThickest"],"mappings":"AAEA,OAAO,MAAMA,eAAkC;IAC7CC,iBAAiB;IACjBC,kBAAkB;IAClBC,oBAAoB;IACpBC,qBAAqB;AACvB,EAAE"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { tokens } from '../tokens';
|
|
2
|
+
/**
|
|
3
|
+
* Global typography styles (fontSize, fontWeight, and lineHeight)
|
|
4
|
+
*/ export const typographyStyles = {
|
|
5
|
+
body1: {
|
|
6
|
+
fontFamily: tokens.fontFamilyBase,
|
|
7
|
+
fontSize: tokens.fontSizeBase300,
|
|
8
|
+
fontWeight: tokens.fontWeightRegular,
|
|
9
|
+
lineHeight: tokens.lineHeightBase300
|
|
10
|
+
},
|
|
11
|
+
body1Strong: {
|
|
12
|
+
fontFamily: tokens.fontFamilyBase,
|
|
13
|
+
fontSize: tokens.fontSizeBase300,
|
|
14
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
15
|
+
lineHeight: tokens.lineHeightBase300
|
|
16
|
+
},
|
|
17
|
+
body1Stronger: {
|
|
18
|
+
fontFamily: tokens.fontFamilyBase,
|
|
19
|
+
fontSize: tokens.fontSizeBase300,
|
|
20
|
+
fontWeight: tokens.fontWeightBold,
|
|
21
|
+
lineHeight: tokens.lineHeightBase300
|
|
22
|
+
},
|
|
23
|
+
body2: {
|
|
24
|
+
fontFamily: tokens.fontFamilyBase,
|
|
25
|
+
fontSize: tokens.fontSizeBase400,
|
|
26
|
+
fontWeight: tokens.fontWeightRegular,
|
|
27
|
+
lineHeight: tokens.lineHeightBase400
|
|
28
|
+
},
|
|
29
|
+
caption1: {
|
|
30
|
+
fontFamily: tokens.fontFamilyBase,
|
|
31
|
+
fontSize: tokens.fontSizeBase200,
|
|
32
|
+
fontWeight: tokens.fontWeightRegular,
|
|
33
|
+
lineHeight: tokens.lineHeightBase200
|
|
34
|
+
},
|
|
35
|
+
caption1Strong: {
|
|
36
|
+
fontFamily: tokens.fontFamilyBase,
|
|
37
|
+
fontSize: tokens.fontSizeBase200,
|
|
38
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
39
|
+
lineHeight: tokens.lineHeightBase200
|
|
40
|
+
},
|
|
41
|
+
caption1Stronger: {
|
|
42
|
+
fontFamily: tokens.fontFamilyBase,
|
|
43
|
+
fontSize: tokens.fontSizeBase200,
|
|
44
|
+
fontWeight: tokens.fontWeightBold,
|
|
45
|
+
lineHeight: tokens.lineHeightBase200
|
|
46
|
+
},
|
|
47
|
+
caption2: {
|
|
48
|
+
fontFamily: tokens.fontFamilyBase,
|
|
49
|
+
fontSize: tokens.fontSizeBase100,
|
|
50
|
+
fontWeight: tokens.fontWeightRegular,
|
|
51
|
+
lineHeight: tokens.lineHeightBase100
|
|
52
|
+
},
|
|
53
|
+
caption2Strong: {
|
|
54
|
+
fontFamily: tokens.fontFamilyBase,
|
|
55
|
+
fontSize: tokens.fontSizeBase100,
|
|
56
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
57
|
+
lineHeight: tokens.lineHeightBase100
|
|
58
|
+
},
|
|
59
|
+
subtitle1: {
|
|
60
|
+
fontFamily: tokens.fontFamilyBase,
|
|
61
|
+
fontSize: tokens.fontSizeBase500,
|
|
62
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
63
|
+
lineHeight: tokens.lineHeightBase500
|
|
64
|
+
},
|
|
65
|
+
subtitle2: {
|
|
66
|
+
fontFamily: tokens.fontFamilyBase,
|
|
67
|
+
fontSize: tokens.fontSizeBase400,
|
|
68
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
69
|
+
lineHeight: tokens.lineHeightBase400
|
|
70
|
+
},
|
|
71
|
+
subtitle2Stronger: {
|
|
72
|
+
fontFamily: tokens.fontFamilyBase,
|
|
73
|
+
fontSize: tokens.fontSizeBase400,
|
|
74
|
+
fontWeight: tokens.fontWeightBold,
|
|
75
|
+
lineHeight: tokens.lineHeightBase400
|
|
76
|
+
},
|
|
77
|
+
title1: {
|
|
78
|
+
fontFamily: tokens.fontFamilyBase,
|
|
79
|
+
fontSize: tokens.fontSizeHero800,
|
|
80
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
81
|
+
lineHeight: tokens.lineHeightHero800
|
|
82
|
+
},
|
|
83
|
+
title2: {
|
|
84
|
+
fontFamily: tokens.fontFamilyBase,
|
|
85
|
+
fontSize: tokens.fontSizeHero700,
|
|
86
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
87
|
+
lineHeight: tokens.lineHeightHero700
|
|
88
|
+
},
|
|
89
|
+
title3: {
|
|
90
|
+
fontFamily: tokens.fontFamilyBase,
|
|
91
|
+
fontSize: tokens.fontSizeBase600,
|
|
92
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
93
|
+
lineHeight: tokens.lineHeightBase600
|
|
94
|
+
},
|
|
95
|
+
largeTitle: {
|
|
96
|
+
fontFamily: tokens.fontFamilyBase,
|
|
97
|
+
fontSize: tokens.fontSizeHero900,
|
|
98
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
99
|
+
lineHeight: tokens.lineHeightHero900
|
|
100
|
+
},
|
|
101
|
+
display: {
|
|
102
|
+
fontFamily: tokens.fontFamilyBase,
|
|
103
|
+
fontSize: tokens.fontSizeHero1000,
|
|
104
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
105
|
+
lineHeight: tokens.lineHeightHero1000
|
|
106
|
+
}
|
|
107
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase300,\n },\n body2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase400,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"names":["tokens","typographyStyles","body1","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
|
|
1
|
+
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
|
|
2
|
+
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
|
|
3
|
+
export { themeToTokensObject } from './themeToTokensObject';
|
|
4
|
+
export { tokens } from './tokens';
|
|
5
|
+
export { typographyStyles } from './global/index';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,iBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,gBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,iBAAiB"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/* Names of colors used in shared color palette alias tokens for status. */ export const statusSharedColorNames = [
|
|
2
|
+
'red',
|
|
3
|
+
'green',
|
|
4
|
+
'darkOrange',
|
|
5
|
+
'yellow',
|
|
6
|
+
'berry',
|
|
7
|
+
'lightGreen',
|
|
8
|
+
'marigold'
|
|
9
|
+
];
|
|
10
|
+
/* Names of colors used in shared color palette alias tokens for persona. */ export const personaSharedColorNames = [
|
|
11
|
+
'darkRed',
|
|
12
|
+
'cranberry',
|
|
13
|
+
'pumpkin',
|
|
14
|
+
'peach',
|
|
15
|
+
'gold',
|
|
16
|
+
'brass',
|
|
17
|
+
'brown',
|
|
18
|
+
'forest',
|
|
19
|
+
'seafoam',
|
|
20
|
+
'darkGreen',
|
|
21
|
+
'lightTeal',
|
|
22
|
+
'teal',
|
|
23
|
+
'steel',
|
|
24
|
+
'blue',
|
|
25
|
+
'royalBlue',
|
|
26
|
+
'cornflower',
|
|
27
|
+
'navy',
|
|
28
|
+
'lavender',
|
|
29
|
+
'purple',
|
|
30
|
+
'grape',
|
|
31
|
+
'lilac',
|
|
32
|
+
'pink',
|
|
33
|
+
'magenta',
|
|
34
|
+
'plum',
|
|
35
|
+
'beige',
|
|
36
|
+
'mink',
|
|
37
|
+
'platinum',
|
|
38
|
+
'anchor'
|
|
39
|
+
];
|
|
40
|
+
/* List of global colors which semantic alias status tokens map to */ export const mappedStatusColorNames = [
|
|
41
|
+
'cranberry',
|
|
42
|
+
'green',
|
|
43
|
+
'orange'
|
|
44
|
+
];
|
|
45
|
+
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */ export const unusedSharedColorNames = [
|
|
46
|
+
'burgundy',
|
|
47
|
+
'bronze',
|
|
48
|
+
'orange',
|
|
49
|
+
'darkBrown',
|
|
50
|
+
'lime',
|
|
51
|
+
'darkTeal',
|
|
52
|
+
'cyan',
|
|
53
|
+
'lightBlue',
|
|
54
|
+
'darkBlue',
|
|
55
|
+
'darkPurple',
|
|
56
|
+
'orchid',
|
|
57
|
+
'hotPink',
|
|
58
|
+
'silver',
|
|
59
|
+
'charcoal'
|
|
60
|
+
];
|
|
@@ -0,0 +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/* 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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Programmatically generates a tokens to css variables mapping object from the keys in a theme.
|
|
3
|
+
* This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could
|
|
4
|
+
* affect tree-shaking since bundlers do not know the shape of the output.
|
|
5
|
+
*
|
|
6
|
+
* @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object
|
|
7
|
+
* @returns Tokens to css variables mapping object corresponding to the passed theme
|
|
8
|
+
*/ export function themeToTokensObject(theme) {
|
|
9
|
+
const tokens = {};
|
|
10
|
+
const keys = Object.keys(theme);
|
|
11
|
+
for (const key of keys){
|
|
12
|
+
tokens[key] = `var(--${String(key)})`;
|
|
13
|
+
}
|
|
14
|
+
return tokens;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":"AAEA;;;;;;;CAOC,GACD,OAAO,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,mCAAmC;AACxE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD,OAAO,MAAMC,iBAAwBF,qBAAqBC,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["createHighContrastTheme","teamsHighContrastTheme"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,sCAAsC;AAG9E,OAAO,MAAMC,yBAAgCD,0BAA0B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,sBAAsB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["createLightTheme","brandTeams","teamsLightTheme"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD,OAAO,MAAMC,kBAAyBF,iBAAiBC,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["createDarkTheme","brandWeb","webDarkTheme"],"mappings":"AAAA,SAASA,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD,OAAO,MAAMC,eAAsBF,gBAAgBC,UAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["createLightTheme","brandWeb","webLightTheme"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD,OAAO,MAAMC,gBAAuBF,iBAAiBC,UAAU"}
|