@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.
Files changed (158) hide show
  1. package/CHANGELOG.json +264 -1
  2. package/CHANGELOG.md +86 -2
  3. package/dist/index.d.ts +460 -0
  4. package/lib/alias/darkColor.js +162 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +67 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +162 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +52 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +162 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +57 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +162 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +8 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +54 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +45 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +807 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +11 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +37 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +9 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +40 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +6 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +107 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -2
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +60 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/statusColorMapping.js +5 -0
  45. package/lib/statusColorMapping.js.map +1 -0
  46. package/lib/themeToTokensObject.js +15 -0
  47. package/lib/themeToTokensObject.js.map +1 -0
  48. package/lib/themes/index.js +2 -0
  49. package/lib/themes/index.js.map +1 -0
  50. package/lib/themes/teams/darkTheme.js +3 -0
  51. package/lib/themes/teams/darkTheme.js.map +1 -0
  52. package/lib/themes/teams/highContrastTheme.js +2 -0
  53. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  54. package/lib/themes/teams/index.js +3 -0
  55. package/lib/themes/teams/index.js.map +1 -0
  56. package/lib/themes/teams/lightTheme.js +3 -0
  57. package/lib/themes/teams/lightTheme.js.map +1 -0
  58. package/lib/themes/web/darkTheme.js +3 -0
  59. package/lib/themes/web/darkTheme.js.map +1 -0
  60. package/lib/themes/web/index.js +2 -0
  61. package/lib/themes/web/index.js.map +1 -0
  62. package/lib/themes/web/lightTheme.js +3 -0
  63. package/lib/themes/web/lightTheme.js.map +1 -0
  64. package/lib/tokens.js +480 -0
  65. package/lib/tokens.js.map +1 -0
  66. package/lib/types.js +1 -0
  67. package/lib/types.js.map +1 -0
  68. package/lib/utils/createDarkTheme.js +27 -0
  69. package/lib/utils/createDarkTheme.js.map +1 -0
  70. package/lib/utils/createHighContrastTheme.js +27 -0
  71. package/lib/utils/createHighContrastTheme.js.map +1 -0
  72. package/lib/utils/createLightTheme.js +27 -0
  73. package/lib/utils/createLightTheme.js.map +1 -0
  74. package/lib/utils/createTeamsDarkTheme.js +27 -0
  75. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  76. package/lib/utils/index.js +4 -0
  77. package/lib/utils/index.js.map +1 -0
  78. package/lib/utils/shadows.js +10 -0
  79. package/lib/utils/shadows.js.map +1 -0
  80. package/lib-commonjs/alias/darkColor.js +172 -0
  81. package/lib-commonjs/alias/darkColor.js.map +1 -0
  82. package/lib-commonjs/alias/darkColorPalette.js +85 -0
  83. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  84. package/lib-commonjs/alias/highContrastColor.js +172 -0
  85. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  86. package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
  87. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  88. package/lib-commonjs/alias/lightColor.js +172 -0
  89. package/lib-commonjs/alias/lightColor.js.map +1 -0
  90. package/lib-commonjs/alias/lightColorPalette.js +75 -0
  91. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  92. package/lib-commonjs/alias/teamsDarkColor.js +172 -0
  93. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  94. package/lib-commonjs/global/borderRadius.js +18 -0
  95. package/lib-commonjs/global/borderRadius.js.map +1 -0
  96. package/lib-commonjs/global/brandColors.js +75 -0
  97. package/lib-commonjs/global/brandColors.js.map +1 -0
  98. package/lib-commonjs/global/colorPalette.js +66 -0
  99. package/lib-commonjs/global/colorPalette.js.map +1 -0
  100. package/lib-commonjs/global/colors.js +1014 -0
  101. package/lib-commonjs/global/colors.js.map +1 -0
  102. package/lib-commonjs/global/curves.js +21 -0
  103. package/lib-commonjs/global/curves.js.map +1 -0
  104. package/lib-commonjs/global/durations.js +20 -0
  105. package/lib-commonjs/global/durations.js.map +1 -0
  106. package/lib-commonjs/global/fonts.js +59 -0
  107. package/lib-commonjs/global/fonts.js.map +1 -0
  108. package/lib-commonjs/global/index.js +13 -0
  109. package/lib-commonjs/global/index.js.map +1 -0
  110. package/lib-commonjs/global/spacings.js +58 -0
  111. package/lib-commonjs/global/spacings.js.map +1 -0
  112. package/lib-commonjs/global/strokeWidths.js +16 -0
  113. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  114. package/lib-commonjs/global/typographyStyles.js +115 -0
  115. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  116. package/lib-commonjs/index.js +50 -3
  117. package/lib-commonjs/index.js.map +1 -1
  118. package/lib-commonjs/sharedColorNames.js +84 -0
  119. package/lib-commonjs/sharedColorNames.js.map +1 -0
  120. package/lib-commonjs/statusColorMapping.js +15 -0
  121. package/lib-commonjs/statusColorMapping.js.map +1 -0
  122. package/lib-commonjs/themeToTokensObject.js +25 -0
  123. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  124. package/lib-commonjs/themes/index.js +7 -0
  125. package/lib-commonjs/themes/index.js.map +1 -0
  126. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  127. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  128. package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
  129. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  130. package/lib-commonjs/themes/teams/index.js +8 -0
  131. package/lib-commonjs/themes/teams/index.js.map +1 -0
  132. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  133. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  134. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  135. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  136. package/lib-commonjs/themes/web/index.js +7 -0
  137. package/lib-commonjs/themes/web/index.js.map +1 -0
  138. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  139. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  140. package/lib-commonjs/tokens.js +490 -0
  141. package/lib-commonjs/tokens.js.map +1 -0
  142. package/lib-commonjs/types.js +4 -0
  143. package/lib-commonjs/types.js.map +1 -0
  144. package/lib-commonjs/utils/createDarkTheme.js +37 -0
  145. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  146. package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
  147. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  148. package/lib-commonjs/utils/createLightTheme.js +37 -0
  149. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  150. package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
  151. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  152. package/lib-commonjs/utils/index.js +9 -0
  153. package/lib-commonjs/utils/index.js.map +1 -0
  154. package/lib-commonjs/utils/shadows.js +20 -0
  155. package/lib-commonjs/utils/shadows.js.map +1 -0
  156. package/package.json +7 -4
  157. package/lib-amd/index.js +0 -5
  158. package/lib-amd/index.js.map +0 -1
package/lib/alias/darkColor.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["darkColor.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[110], // #3aa0f3 Global.Color.Brand.110\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[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\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[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\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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"}
package/lib/alias/darkColorPalette.js ADDED
@@ -0,0 +1,67 @@
1
+ /* color palette used in both darkTheme and teamsDarkTheme */ import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';
2
+ import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
3
+ import { statusColorMapping } from '../statusColorMapping';
4
+ const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
5
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
6
+ const sharedColorTokens = {
7
+ [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,
8
+ [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,
9
+ [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
10
+ [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,
11
+ [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,
12
+ [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,
13
+ [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,
14
+ [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,
15
+ [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20
16
+ };
17
+ return Object.assign(acc, sharedColorTokens);
18
+ }, {});
19
+ // one-off patches
20
+ statusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;
21
+ statusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;
22
+ statusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;
23
+ statusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;
24
+ statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;
25
+ statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;
26
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;
27
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;
28
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;
29
+ const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
30
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
31
+ const sharedColorTokens = {
32
+ [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,
33
+ [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,
34
+ [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30
35
+ };
36
+ return Object.assign(acc, sharedColorTokens);
37
+ }, {});
38
+ // one-off patches
39
+ personaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;
40
+ personaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;
41
+ export const colorPaletteTokens = {
42
+ ...statusColorPaletteTokens,
43
+ ...personaColorPaletteTokens
44
+ };
45
+ export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
46
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
47
+ // TODO: double check the mapping with design - see the one-off patches above
48
+ const statusColorTokens = {
49
+ [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,
50
+ [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,
51
+ [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,
52
+ [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,
53
+ [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,
54
+ [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,
55
+ [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,
56
+ [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,
57
+ [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,
58
+ [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20
59
+ };
60
+ return Object.assign(acc, statusColorTokens);
61
+ }, {});
62
+ // one-off overrides for colorStatus tokens
63
+ colorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;
64
+ colorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;
65
+ colorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;
66
+ colorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;
67
+ colorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;
package/lib/alias/darkColorPalette.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { 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].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\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].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\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 - see the one-off patches above\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","shade10","colorStatusDangerForeground3","danger","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}
package/lib/alias/highContrastColor.js ADDED
@@ -0,0 +1,162 @@
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';
2
+ export const generateColorTokens = ()=>({
3
+ colorNeutralForeground1: hcCanvasText,
4
+ colorNeutralForeground1Hover: hcHighlightText,
5
+ colorNeutralForeground1Pressed: hcHighlightText,
6
+ colorNeutralForeground1Selected: hcHighlightText,
7
+ colorNeutralForeground2: hcCanvasText,
8
+ colorNeutralForeground2Hover: hcHighlightText,
9
+ colorNeutralForeground2Pressed: hcHighlightText,
10
+ colorNeutralForeground2Selected: hcHighlightText,
11
+ colorNeutralForeground2BrandHover: hcHighlightText,
12
+ colorNeutralForeground2BrandPressed: hcHighlightText,
13
+ colorNeutralForeground2BrandSelected: hcHighlightText,
14
+ colorNeutralForeground3: hcCanvasText,
15
+ colorNeutralForeground3Hover: hcHighlightText,
16
+ colorNeutralForeground3Pressed: hcHighlightText,
17
+ colorNeutralForeground3Selected: hcHighlightText,
18
+ colorNeutralForeground3BrandHover: hcHighlightText,
19
+ colorNeutralForeground3BrandPressed: hcHighlightText,
20
+ colorNeutralForeground3BrandSelected: hcHighlightText,
21
+ colorNeutralForeground4: hcCanvasText,
22
+ colorNeutralForegroundDisabled: hcDisabled,
23
+ colorNeutralForegroundInvertedDisabled: hcDisabled,
24
+ colorBrandForegroundLink: hcHyperlink,
25
+ colorBrandForegroundLinkHover: hcHyperlink,
26
+ colorBrandForegroundLinkPressed: hcHyperlink,
27
+ colorBrandForegroundLinkSelected: hcHyperlink,
28
+ colorNeutralForeground2Link: hcHyperlink,
29
+ colorNeutralForeground2LinkHover: hcHyperlink,
30
+ colorNeutralForeground2LinkPressed: hcHyperlink,
31
+ colorNeutralForeground2LinkSelected: hcHyperlink,
32
+ colorCompoundBrandForeground1: hcHighlight,
33
+ colorCompoundBrandForeground1Hover: hcHighlight,
34
+ colorCompoundBrandForeground1Pressed: hcHighlight,
35
+ colorBrandForeground1: hcCanvasText,
36
+ colorBrandForeground2: hcCanvasText,
37
+ colorBrandForeground2Hover: hcCanvasText,
38
+ colorBrandForeground2Pressed: hcCanvasText,
39
+ colorNeutralForeground1Static: hcCanvas,
40
+ colorNeutralForegroundStaticInverted: hcCanvasText,
41
+ colorNeutralForegroundInverted: hcHighlightText,
42
+ colorNeutralForegroundInvertedHover: hcHighlightText,
43
+ colorNeutralForegroundInvertedPressed: hcHighlightText,
44
+ colorNeutralForegroundInvertedSelected: hcHighlightText,
45
+ colorNeutralForegroundInverted2: hcCanvasText,
46
+ colorNeutralForegroundOnBrand: hcButtonText,
47
+ colorNeutralForegroundInvertedLink: hcHyperlink,
48
+ colorNeutralForegroundInvertedLinkHover: hcHyperlink,
49
+ colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
50
+ colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
51
+ colorBrandForegroundInverted: hcCanvasText,
52
+ colorBrandForegroundInvertedHover: hcHighlightText,
53
+ colorBrandForegroundInvertedPressed: hcHighlightText,
54
+ colorBrandForegroundOnLight: hcButtonText,
55
+ colorBrandForegroundOnLightHover: hcHighlightText,
56
+ colorBrandForegroundOnLightPressed: hcHighlightText,
57
+ colorBrandForegroundOnLightSelected: hcHighlightText,
58
+ colorNeutralBackground1: hcCanvas,
59
+ colorNeutralBackground1Hover: hcHighlight,
60
+ colorNeutralBackground1Pressed: hcHighlight,
61
+ colorNeutralBackground1Selected: hcHighlight,
62
+ colorNeutralBackground2: hcCanvas,
63
+ colorNeutralBackground2Hover: hcHighlight,
64
+ colorNeutralBackground2Pressed: hcHighlight,
65
+ colorNeutralBackground2Selected: hcHighlight,
66
+ colorNeutralBackground3: hcCanvas,
67
+ colorNeutralBackground3Hover: hcHighlight,
68
+ colorNeutralBackground3Pressed: hcHighlight,
69
+ colorNeutralBackground3Selected: hcHighlight,
70
+ colorNeutralBackground4: hcCanvas,
71
+ colorNeutralBackground4Hover: hcHighlight,
72
+ colorNeutralBackground4Pressed: hcHighlight,
73
+ colorNeutralBackground4Selected: hcHighlight,
74
+ colorNeutralBackground5: hcCanvas,
75
+ colorNeutralBackground5Hover: hcHighlight,
76
+ colorNeutralBackground5Pressed: hcHighlight,
77
+ colorNeutralBackground5Selected: hcHighlight,
78
+ colorNeutralBackground6: hcCanvas,
79
+ colorNeutralBackgroundInverted: hcCanvas,
80
+ colorNeutralBackgroundStatic: hcCanvas,
81
+ colorNeutralBackgroundAlpha: hcCanvas,
82
+ colorNeutralBackgroundAlpha2: hcCanvas,
83
+ colorSubtleBackground: 'transparent',
84
+ colorSubtleBackgroundHover: hcHighlight,
85
+ colorSubtleBackgroundPressed: hcHighlight,
86
+ colorSubtleBackgroundSelected: hcHighlight,
87
+ colorSubtleBackgroundLightAlphaHover: hcHighlight,
88
+ colorSubtleBackgroundLightAlphaPressed: hcHighlight,
89
+ colorSubtleBackgroundLightAlphaSelected: hcHighlight,
90
+ colorSubtleBackgroundInverted: 'transparent',
91
+ colorSubtleBackgroundInvertedHover: hcHighlight,
92
+ colorSubtleBackgroundInvertedPressed: hcHighlight,
93
+ colorSubtleBackgroundInvertedSelected: hcHighlight,
94
+ colorTransparentBackground: 'transparent',
95
+ colorTransparentBackgroundHover: hcHighlight,
96
+ colorTransparentBackgroundPressed: hcHighlight,
97
+ colorTransparentBackgroundSelected: hcHighlight,
98
+ colorNeutralBackgroundDisabled: hcCanvas,
99
+ colorNeutralBackgroundInvertedDisabled: hcCanvas,
100
+ colorNeutralStencil1: hcCanvasText,
101
+ colorNeutralStencil2: hcCanvasText,
102
+ colorNeutralStencil1Alpha: hcCanvasText,
103
+ colorNeutralStencil2Alpha: hcCanvasText,
104
+ colorBackgroundOverlay: blackAlpha[50],
105
+ colorScrollbarOverlay: hcButtonFace,
106
+ colorBrandBackground: hcButtonFace,
107
+ colorBrandBackgroundHover: hcHighlight,
108
+ colorBrandBackgroundPressed: hcHighlight,
109
+ colorBrandBackgroundSelected: hcHighlight,
110
+ colorCompoundBrandBackground: hcHighlight,
111
+ colorCompoundBrandBackgroundHover: hcHighlight,
112
+ colorCompoundBrandBackgroundPressed: hcHighlight,
113
+ colorBrandBackgroundStatic: hcCanvas,
114
+ colorBrandBackground2: hcCanvas,
115
+ colorBrandBackground2Hover: hcCanvas,
116
+ colorBrandBackground2Pressed: hcCanvas,
117
+ colorBrandBackgroundInverted: hcButtonFace,
118
+ colorBrandBackgroundInvertedHover: hcHighlight,
119
+ colorBrandBackgroundInvertedPressed: hcHighlight,
120
+ colorBrandBackgroundInvertedSelected: hcHighlight,
121
+ colorNeutralStrokeAccessible: hcCanvasText,
122
+ colorNeutralStrokeAccessibleHover: hcHighlight,
123
+ colorNeutralStrokeAccessiblePressed: hcHighlight,
124
+ colorNeutralStrokeAccessibleSelected: hcHighlight,
125
+ colorNeutralStroke1: hcCanvasText,
126
+ colorNeutralStroke1Hover: hcHighlight,
127
+ colorNeutralStroke1Pressed: hcHighlight,
128
+ colorNeutralStroke1Selected: hcHighlight,
129
+ colorNeutralStroke2: hcCanvasText,
130
+ colorNeutralStroke3: hcCanvasText,
131
+ colorNeutralStrokeSubtle: hcCanvasText,
132
+ colorNeutralStrokeOnBrand: hcCanvas,
133
+ colorNeutralStrokeOnBrand2: hcCanvasText,
134
+ colorNeutralStrokeOnBrand2Hover: hcCanvasText,
135
+ colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
136
+ colorNeutralStrokeOnBrand2Selected: hcCanvasText,
137
+ colorBrandStroke1: hcCanvasText,
138
+ colorBrandStroke2: hcCanvasText,
139
+ colorBrandStroke2Hover: hcHighlight,
140
+ colorBrandStroke2Pressed: hcHighlight,
141
+ colorBrandStroke2Contrast: hcCanvas,
142
+ colorCompoundBrandStroke: hcHighlight,
143
+ colorCompoundBrandStrokeHover: hcHighlight,
144
+ colorCompoundBrandStrokePressed: hcHighlight,
145
+ colorNeutralStrokeDisabled: hcDisabled,
146
+ colorNeutralStrokeInvertedDisabled: hcDisabled,
147
+ colorTransparentStroke: hcCanvasText,
148
+ colorTransparentStrokeInteractive: hcHighlight,
149
+ colorTransparentStrokeDisabled: hcDisabled,
150
+ colorNeutralStrokeAlpha: hcCanvasText,
151
+ colorNeutralStrokeAlpha2: hcCanvas,
152
+ colorStrokeFocus1: hcCanvas,
153
+ colorStrokeFocus2: hcHighlight,
154
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
155
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
156
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
157
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
158
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
159
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
160
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
161
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)'
162
+ });
package/lib/alias/highContrastColor.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["highContrastColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Hover: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2Pressed: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackgroundInverted: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessible: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAccessibleHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessiblePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeAccessibleSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStroke3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeSubtle: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStrokeOnBrand2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Hover: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeOnBrand2Selected: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandStroke2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandStroke2Contrast: hcCanvas, // Canvas Global.Color.hcCanvas\n colorCompoundBrandStroke: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokeHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandStrokePressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorTransparentStroke: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorTransparentStrokeInteractive: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentStrokeDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralStrokeAlpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStrokeAlpha2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorStrokeFocus2: hcHighlight, // Highlight Global.Color.hcHighlight\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":["blackAlpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","generateColorTokens","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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"}
package/lib/alias/highContrastColorPalette.js ADDED
@@ -0,0 +1,52 @@
1
+ import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';
2
+ import { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';
3
+ import { statusColorMapping } from '../statusColorMapping';
4
+ const statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{
5
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
6
+ const sharedColorTokens = {
7
+ [`colorPalette${color}Background1`]: hcCanvas,
8
+ [`colorPalette${color}Background2`]: hcCanvas,
9
+ [`colorPalette${color}Background3`]: hcCanvasText,
10
+ [`colorPalette${color}Foreground1`]: hcCanvasText,
11
+ [`colorPalette${color}Foreground2`]: hcCanvasText,
12
+ [`colorPalette${color}Foreground3`]: hcCanvasText,
13
+ [`colorPalette${color}BorderActive`]: hcHighlight,
14
+ [`colorPalette${color}Border1`]: hcCanvasText,
15
+ [`colorPalette${color}Border2`]: hcCanvasText
16
+ };
17
+ return Object.assign(acc, sharedColorTokens);
18
+ }, {});
19
+ // one-off patches
20
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;
21
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;
22
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;
23
+ const personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{
24
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
25
+ const sharedColorTokens = {
26
+ [`colorPalette${color}Background2`]: hcCanvas,
27
+ [`colorPalette${color}Foreground2`]: hcCanvasText,
28
+ [`colorPalette${color}BorderActive`]: hcHighlight
29
+ };
30
+ return Object.assign(acc, sharedColorTokens);
31
+ }, {});
32
+ export const colorPaletteTokens = {
33
+ ...statusColorPaletteTokens,
34
+ ...personaColorPaletteTokens
35
+ };
36
+ export const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
37
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
38
+ // TODO: double check the mapping with design
39
+ const statusColorTokens = {
40
+ [`colorStatus${color}Background1`]: hcCanvas,
41
+ [`colorStatus${color}Background2`]: hcCanvas,
42
+ [`colorStatus${color}Background3`]: hcCanvasText,
43
+ [`colorStatus${color}Foreground1`]: hcCanvasText,
44
+ [`colorStatus${color}Foreground2`]: hcCanvasText,
45
+ [`colorStatus${color}Foreground3`]: hcCanvasText,
46
+ [`colorStatus${color}BorderActive`]: hcHighlight,
47
+ [`colorStatus${color}ForegroundInverted`]: hcCanvasText,
48
+ [`colorStatus${color}Border1`]: hcCanvasText,
49
+ [`colorStatus${color}Border2`]: hcCanvasText
50
+ };
51
+ return Object.assign(acc, statusColorTokens);
52
+ }, {});
package/lib/alias/highContrastColorPalette.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\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`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\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`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\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`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n"],"names":["hcHighlight","hcCanvas","hcCanvasText","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens"],"mappings":"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"}
package/lib/alias/lightColor.js ADDED
@@ -0,0 +1,162 @@
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';
2
+ export const generateColorTokens = (brand)=>({
3
+ colorNeutralForeground1: grey[14],
4
+ colorNeutralForeground1Hover: grey[14],
5
+ colorNeutralForeground1Pressed: grey[14],
6
+ colorNeutralForeground1Selected: grey[14],
7
+ colorNeutralForeground2: grey[26],
8
+ colorNeutralForeground2Hover: grey[14],
9
+ colorNeutralForeground2Pressed: grey[14],
10
+ colorNeutralForeground2Selected: grey[14],
11
+ colorNeutralForeground2BrandHover: brand[80],
12
+ colorNeutralForeground2BrandPressed: brand[70],
13
+ colorNeutralForeground2BrandSelected: brand[80],
14
+ colorNeutralForeground3: grey[38],
15
+ colorNeutralForeground3Hover: grey[26],
16
+ colorNeutralForeground3Pressed: grey[26],
17
+ colorNeutralForeground3Selected: grey[26],
18
+ colorNeutralForeground3BrandHover: brand[80],
19
+ colorNeutralForeground3BrandPressed: brand[70],
20
+ colorNeutralForeground3BrandSelected: brand[80],
21
+ colorNeutralForeground4: grey[44],
22
+ colorNeutralForegroundDisabled: grey[74],
23
+ colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
24
+ colorBrandForegroundLink: brand[70],
25
+ colorBrandForegroundLinkHover: brand[60],
26
+ colorBrandForegroundLinkPressed: brand[40],
27
+ colorBrandForegroundLinkSelected: brand[70],
28
+ colorNeutralForeground2Link: grey[26],
29
+ colorNeutralForeground2LinkHover: grey[14],
30
+ colorNeutralForeground2LinkPressed: grey[14],
31
+ colorNeutralForeground2LinkSelected: grey[14],
32
+ colorCompoundBrandForeground1: brand[80],
33
+ colorCompoundBrandForeground1Hover: brand[70],
34
+ colorCompoundBrandForeground1Pressed: brand[60],
35
+ colorBrandForeground1: brand[80],
36
+ colorBrandForeground2: brand[70],
37
+ colorBrandForeground2Hover: brand[60],
38
+ colorBrandForeground2Pressed: brand[30],
39
+ colorNeutralForeground1Static: grey[14],
40
+ colorNeutralForegroundStaticInverted: white,
41
+ colorNeutralForegroundInverted: white,
42
+ colorNeutralForegroundInvertedHover: white,
43
+ colorNeutralForegroundInvertedPressed: white,
44
+ colorNeutralForegroundInvertedSelected: white,
45
+ colorNeutralForegroundInverted2: white,
46
+ colorNeutralForegroundOnBrand: white,
47
+ colorNeutralForegroundInvertedLink: white,
48
+ colorNeutralForegroundInvertedLinkHover: white,
49
+ colorNeutralForegroundInvertedLinkPressed: white,
50
+ colorNeutralForegroundInvertedLinkSelected: white,
51
+ colorBrandForegroundInverted: brand[100],
52
+ colorBrandForegroundInvertedHover: brand[110],
53
+ colorBrandForegroundInvertedPressed: brand[100],
54
+ colorBrandForegroundOnLight: brand[80],
55
+ colorBrandForegroundOnLightHover: brand[70],
56
+ colorBrandForegroundOnLightPressed: brand[50],
57
+ colorBrandForegroundOnLightSelected: brand[60],
58
+ colorNeutralBackground1: white,
59
+ colorNeutralBackground1Hover: grey[96],
60
+ colorNeutralBackground1Pressed: grey[88],
61
+ colorNeutralBackground1Selected: grey[92],
62
+ colorNeutralBackground2: grey[98],
63
+ colorNeutralBackground2Hover: grey[94],
64
+ colorNeutralBackground2Pressed: grey[86],
65
+ colorNeutralBackground2Selected: grey[90],
66
+ colorNeutralBackground3: grey[96],
67
+ colorNeutralBackground3Hover: grey[92],
68
+ colorNeutralBackground3Pressed: grey[84],
69
+ colorNeutralBackground3Selected: grey[88],
70
+ colorNeutralBackground4: grey[94],
71
+ colorNeutralBackground4Hover: grey[98],
72
+ colorNeutralBackground4Pressed: grey[96],
73
+ colorNeutralBackground4Selected: white,
74
+ colorNeutralBackground5: grey[92],
75
+ colorNeutralBackground5Hover: grey[96],
76
+ colorNeutralBackground5Pressed: grey[94],
77
+ colorNeutralBackground5Selected: grey[98],
78
+ colorNeutralBackground6: grey[90],
79
+ colorNeutralBackgroundInverted: grey[16],
80
+ colorNeutralBackgroundStatic: grey[20],
81
+ colorNeutralBackgroundAlpha: whiteAlpha[50],
82
+ colorNeutralBackgroundAlpha2: whiteAlpha[80],
83
+ colorSubtleBackground: 'transparent',
84
+ colorSubtleBackgroundHover: grey[96],
85
+ colorSubtleBackgroundPressed: grey[88],
86
+ colorSubtleBackgroundSelected: grey[92],
87
+ colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
88
+ colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
89
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
90
+ colorSubtleBackgroundInverted: 'transparent',
91
+ colorSubtleBackgroundInvertedHover: blackAlpha[10],
92
+ colorSubtleBackgroundInvertedPressed: blackAlpha[30],
93
+ colorSubtleBackgroundInvertedSelected: blackAlpha[20],
94
+ colorTransparentBackground: 'transparent',
95
+ colorTransparentBackgroundHover: 'transparent',
96
+ colorTransparentBackgroundPressed: 'transparent',
97
+ colorTransparentBackgroundSelected: 'transparent',
98
+ colorNeutralBackgroundDisabled: grey[94],
99
+ colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
100
+ colorNeutralStencil1: grey[90],
101
+ colorNeutralStencil2: grey[98],
102
+ colorNeutralStencil1Alpha: blackAlpha[10],
103
+ colorNeutralStencil2Alpha: blackAlpha[5],
104
+ colorBackgroundOverlay: blackAlpha[40],
105
+ colorScrollbarOverlay: blackAlpha[50],
106
+ colorBrandBackground: brand[80],
107
+ colorBrandBackgroundHover: brand[70],
108
+ colorBrandBackgroundPressed: brand[40],
109
+ colorBrandBackgroundSelected: brand[60],
110
+ colorCompoundBrandBackground: brand[80],
111
+ colorCompoundBrandBackgroundHover: brand[70],
112
+ colorCompoundBrandBackgroundPressed: brand[60],
113
+ colorBrandBackgroundStatic: brand[80],
114
+ colorBrandBackground2: brand[160],
115
+ colorBrandBackground2Hover: brand[150],
116
+ colorBrandBackground2Pressed: brand[130],
117
+ colorBrandBackgroundInverted: white,
118
+ colorBrandBackgroundInvertedHover: brand[160],
119
+ colorBrandBackgroundInvertedPressed: brand[140],
120
+ colorBrandBackgroundInvertedSelected: brand[150],
121
+ colorNeutralStrokeAccessible: grey[38],
122
+ colorNeutralStrokeAccessibleHover: grey[34],
123
+ colorNeutralStrokeAccessiblePressed: grey[30],
124
+ colorNeutralStrokeAccessibleSelected: brand[80],
125
+ colorNeutralStroke1: grey[82],
126
+ colorNeutralStroke1Hover: grey[78],
127
+ colorNeutralStroke1Pressed: grey[70],
128
+ colorNeutralStroke1Selected: grey[74],
129
+ colorNeutralStroke2: grey[88],
130
+ colorNeutralStroke3: grey[94],
131
+ colorNeutralStrokeSubtle: grey[88],
132
+ colorNeutralStrokeOnBrand: white,
133
+ colorNeutralStrokeOnBrand2: white,
134
+ colorNeutralStrokeOnBrand2Hover: white,
135
+ colorNeutralStrokeOnBrand2Pressed: white,
136
+ colorNeutralStrokeOnBrand2Selected: white,
137
+ colorBrandStroke1: brand[80],
138
+ colorBrandStroke2: brand[140],
139
+ colorBrandStroke2Hover: brand[120],
140
+ colorBrandStroke2Pressed: brand[80],
141
+ colorBrandStroke2Contrast: brand[140],
142
+ colorCompoundBrandStroke: brand[80],
143
+ colorCompoundBrandStrokeHover: brand[70],
144
+ colorCompoundBrandStrokePressed: brand[60],
145
+ colorNeutralStrokeDisabled: grey[88],
146
+ colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
147
+ colorTransparentStroke: 'transparent',
148
+ colorTransparentStrokeInteractive: 'transparent',
149
+ colorTransparentStrokeDisabled: 'transparent',
150
+ colorNeutralStrokeAlpha: blackAlpha[5],
151
+ colorNeutralStrokeAlpha2: whiteAlpha[20],
152
+ colorStrokeFocus1: white,
153
+ colorStrokeFocus2: black,
154
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
155
+ colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
156
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
157
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
158
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
159
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
160
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
161
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)'
162
+ });