@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.4

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 (207) hide show
  1. package/.swcrc +30 -0
  2. package/CHANGELOG.json +94 -1
  3. package/CHANGELOG.md +21 -2
  4. package/dist/index.d.ts +4 -1
  5. package/lib/alias/darkColor.js +5 -6
  6. package/lib/alias/darkColor.js.map +1 -1
  7. package/lib/alias/darkColorPalette.js +7 -7
  8. package/lib/alias/darkColorPalette.js.map +1 -1
  9. package/lib/alias/highContrastColor.js +5 -6
  10. package/lib/alias/highContrastColor.js.map +1 -1
  11. package/lib/alias/highContrastColorPalette.js +4 -3
  12. package/lib/alias/highContrastColorPalette.js.map +1 -1
  13. package/lib/alias/lightColor.js +5 -6
  14. package/lib/alias/lightColor.js.map +1 -1
  15. package/lib/alias/lightColorPalette.js +4 -3
  16. package/lib/alias/lightColorPalette.js.map +1 -1
  17. package/lib/alias/teamsDarkColor.js +5 -6
  18. package/lib/alias/teamsDarkColor.js.map +1 -1
  19. package/lib/global/borderRadius.js.map +1 -1
  20. package/lib/global/brandColors.js.map +1 -1
  21. package/lib/global/colorPalette.js.map +1 -1
  22. package/lib/global/colors.js +26 -7
  23. package/lib/global/colors.js.map +1 -1
  24. package/lib/global/curves.js.map +1 -1
  25. package/lib/global/durations.js.map +1 -1
  26. package/lib/global/fonts.js +4 -2
  27. package/lib/global/fonts.js.map +1 -1
  28. package/lib/global/index.js.map +1 -1
  29. package/lib/global/spacings.js.map +1 -1
  30. package/lib/global/strokeWidths.js.map +1 -1
  31. package/lib/global/typographyStyles.js +0 -1
  32. package/lib/global/typographyStyles.js.map +1 -1
  33. package/lib/index.js.map +1 -1
  34. package/lib/sharedColorNames.js +1 -4
  35. package/lib/sharedColorNames.js.map +1 -1
  36. package/lib/themeToTokensObject.js +1 -4
  37. package/lib/themeToTokensObject.js.map +1 -1
  38. package/lib/themes/index.js.map +1 -1
  39. package/lib/themes/teams/darkTheme.js.map +1 -1
  40. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  41. package/lib/themes/teams/index.js.map +1 -1
  42. package/lib/themes/teams/lightTheme.js.map +1 -1
  43. package/lib/themes/web/darkTheme.js.map +1 -1
  44. package/lib/themes/web/index.js.map +1 -1
  45. package/lib/themes/web/lightTheme.js.map +1 -1
  46. package/lib/tokens.js +4 -1
  47. package/lib/tokens.js.map +1 -1
  48. package/lib/types.js.map +1 -1
  49. package/lib/utils/createDarkTheme.js +2 -1
  50. package/lib/utils/createDarkTheme.js.map +1 -1
  51. package/lib/utils/createHighContrastTheme.js +2 -1
  52. package/lib/utils/createHighContrastTheme.js.map +1 -1
  53. package/lib/utils/createLightTheme.js +2 -1
  54. package/lib/utils/createLightTheme.js.map +1 -1
  55. package/lib/utils/createTeamsDarkTheme.js +2 -1
  56. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  57. package/lib/utils/index.js.map +1 -1
  58. package/lib/utils/shadows.js.map +1 -1
  59. package/lib-commonjs/alias/darkColor.js +158 -160
  60. package/lib-commonjs/alias/darkColor.js.map +1 -1
  61. package/lib-commonjs/alias/darkColorPalette.js +49 -49
  62. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  63. package/lib-commonjs/alias/highContrastColor.js +158 -160
  64. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  65. package/lib-commonjs/alias/highContrastColorPalette.js +39 -38
  66. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  67. package/lib-commonjs/alias/lightColor.js +158 -160
  68. package/lib-commonjs/alias/lightColor.js.map +1 -1
  69. package/lib-commonjs/alias/lightColorPalette.js +40 -39
  70. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  71. package/lib-commonjs/alias/teamsDarkColor.js +158 -160
  72. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  73. package/lib-commonjs/global/borderRadius.js +14 -11
  74. package/lib-commonjs/global/borderRadius.js.map +1 -1
  75. package/lib-commonjs/global/brandColors.js +65 -55
  76. package/lib-commonjs/global/brandColors.js.map +1 -1
  77. package/lib-commonjs/global/colorPalette.js +51 -44
  78. package/lib-commonjs/global/colorPalette.js.map +1 -1
  79. package/lib-commonjs/global/colors.js +883 -793
  80. package/lib-commonjs/global/colors.js.map +1 -1
  81. package/lib-commonjs/global/curves.js +17 -14
  82. package/lib-commonjs/global/curves.js.map +1 -1
  83. package/lib-commonjs/global/durations.js +15 -12
  84. package/lib-commonjs/global/durations.js.map +1 -1
  85. package/lib-commonjs/global/fonts.js +48 -37
  86. package/lib-commonjs/global/fonts.js.map +1 -1
  87. package/lib-commonjs/global/index.js +11 -21
  88. package/lib-commonjs/global/index.js.map +1 -1
  89. package/lib-commonjs/global/spacings.js +49 -40
  90. package/lib-commonjs/global/spacings.js.map +1 -1
  91. package/lib-commonjs/global/strokeWidths.js +12 -9
  92. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  93. package/lib-commonjs/global/typographyStyles.js +110 -113
  94. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  95. package/lib-commonjs/index.js +28 -90
  96. package/lib-commonjs/index.js.map +1 -1
  97. package/lib-commonjs/sharedColorNames.js +68 -12
  98. package/lib-commonjs/sharedColorNames.js.map +1 -1
  99. package/lib-commonjs/themeToTokensObject.js +15 -18
  100. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  101. package/lib-commonjs/themes/index.js +5 -7
  102. package/lib-commonjs/themes/index.js.map +1 -1
  103. package/lib-commonjs/themes/teams/darkTheme.js +8 -8
  104. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  105. package/lib-commonjs/themes/teams/highContrastTheme.js +7 -6
  106. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  107. package/lib-commonjs/themes/teams/index.js +6 -9
  108. package/lib-commonjs/themes/teams/index.js.map +1 -1
  109. package/lib-commonjs/themes/teams/lightTheme.js +8 -8
  110. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  111. package/lib-commonjs/themes/web/darkTheme.js +8 -8
  112. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  113. package/lib-commonjs/themes/web/index.js +5 -7
  114. package/lib-commonjs/themes/web/index.js.map +1 -1
  115. package/lib-commonjs/themes/web/lightTheme.js +8 -8
  116. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  117. package/lib-commonjs/tokens.js +443 -437
  118. package/lib-commonjs/tokens.js.map +1 -1
  119. package/lib-commonjs/types.js +3 -2
  120. package/lib-commonjs/types.js.map +1 -1
  121. package/lib-commonjs/utils/createDarkTheme.js +31 -37
  122. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  123. package/lib-commonjs/utils/createHighContrastTheme.js +31 -37
  124. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  125. package/lib-commonjs/utils/createLightTheme.js +31 -37
  126. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  127. package/lib-commonjs/utils/createTeamsDarkTheme.js +31 -37
  128. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  129. package/lib-commonjs/utils/index.js +7 -11
  130. package/lib-commonjs/utils/index.js.map +1 -1
  131. package/lib-commonjs/utils/shadows.js +14 -14
  132. package/lib-commonjs/utils/shadows.js.map +1 -1
  133. package/package.json +7 -5
  134. package/lib-amd/alias/darkColor.js +0 -158
  135. package/lib-amd/alias/darkColor.js.map +0 -1
  136. package/lib-amd/alias/darkColorPalette.js +0 -47
  137. package/lib-amd/alias/darkColorPalette.js.map +0 -1
  138. package/lib-amd/alias/highContrastColor.js +0 -158
  139. package/lib-amd/alias/highContrastColor.js.map +0 -1
  140. package/lib-amd/alias/highContrastColorPalette.js +0 -37
  141. package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
  142. package/lib-amd/alias/lightColor.js +0 -158
  143. package/lib-amd/alias/lightColor.js.map +0 -1
  144. package/lib-amd/alias/lightColorPalette.js +0 -38
  145. package/lib-amd/alias/lightColorPalette.js.map +0 -1
  146. package/lib-amd/alias/teamsDarkColor.js +0 -158
  147. package/lib-amd/alias/teamsDarkColor.js.map +0 -1
  148. package/lib-amd/global/borderRadius.js +0 -14
  149. package/lib-amd/global/borderRadius.js.map +0 -1
  150. package/lib-amd/global/brandColors.js +0 -60
  151. package/lib-amd/global/brandColors.js.map +0 -1
  152. package/lib-amd/global/colorPalette.js +0 -45
  153. package/lib-amd/global/colorPalette.js.map +0 -1
  154. package/lib-amd/global/colors.js +0 -793
  155. package/lib-amd/global/colors.js.map +0 -1
  156. package/lib-amd/global/curves.js +0 -17
  157. package/lib-amd/global/curves.js.map +0 -1
  158. package/lib-amd/global/durations.js +0 -15
  159. package/lib-amd/global/durations.js.map +0 -1
  160. package/lib-amd/global/fonts.js +0 -45
  161. package/lib-amd/global/fonts.js.map +0 -1
  162. package/lib-amd/global/index.js +0 -14
  163. package/lib-amd/global/index.js.map +0 -1
  164. package/lib-amd/global/spacings.js +0 -46
  165. package/lib-amd/global/spacings.js.map +0 -1
  166. package/lib-amd/global/strokeWidths.js +0 -12
  167. package/lib-amd/global/strokeWidths.js.map +0 -1
  168. package/lib-amd/global/typographyStyles.js +0 -113
  169. package/lib-amd/global/typographyStyles.js.map +0 -1
  170. package/lib-amd/index.js +0 -18
  171. package/lib-amd/index.js.map +0 -1
  172. package/lib-amd/sharedColorNames.js +0 -64
  173. package/lib-amd/sharedColorNames.js.map +0 -1
  174. package/lib-amd/themeToTokensObject.js +0 -24
  175. package/lib-amd/themeToTokensObject.js.map +0 -1
  176. package/lib-amd/themes/index.js +0 -7
  177. package/lib-amd/themes/index.js.map +0 -1
  178. package/lib-amd/themes/teams/darkTheme.js +0 -7
  179. package/lib-amd/themes/teams/darkTheme.js.map +0 -1
  180. package/lib-amd/themes/teams/highContrastTheme.js +0 -7
  181. package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
  182. package/lib-amd/themes/teams/index.js +0 -8
  183. package/lib-amd/themes/teams/index.js.map +0 -1
  184. package/lib-amd/themes/teams/lightTheme.js +0 -7
  185. package/lib-amd/themes/teams/lightTheme.js.map +0 -1
  186. package/lib-amd/themes/web/darkTheme.js +0 -7
  187. package/lib-amd/themes/web/darkTheme.js.map +0 -1
  188. package/lib-amd/themes/web/index.js +0 -7
  189. package/lib-amd/themes/web/index.js.map +0 -1
  190. package/lib-amd/themes/web/lightTheme.js +0 -7
  191. package/lib-amd/themes/web/lightTheme.js.map +0 -1
  192. package/lib-amd/tokens.js +0 -440
  193. package/lib-amd/tokens.js.map +0 -1
  194. package/lib-amd/types.js +0 -5
  195. package/lib-amd/types.js.map +0 -1
  196. package/lib-amd/utils/createDarkTheme.js +0 -11
  197. package/lib-amd/utils/createDarkTheme.js.map +0 -1
  198. package/lib-amd/utils/createHighContrastTheme.js +0 -11
  199. package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
  200. package/lib-amd/utils/createLightTheme.js +0 -11
  201. package/lib-amd/utils/createLightTheme.js.map +0 -1
  202. package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
  203. package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
  204. package/lib-amd/utils/index.js +0 -9
  205. package/lib-amd/utils/index.js.map +0 -1
  206. package/lib-amd/utils/shadows.js +0 -19
  207. package/lib-amd/utils/shadows.js.map +0 -1
package/lib/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"../src/","sources":["packages/tokens/src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundInverted: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = typeof statusSharedColorNames[number];\ntype PersonaSharedColorNames = typeof personaSharedColorNames[number];\ntype UnusedSharedColorNames = typeof unusedSharedColorNames[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 0\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 100;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"]}
1
+ {"version":3,"names":[],"sources":["../src/types.ts"],"sourcesContent":["import { statusSharedColorNames, personaSharedColorNames, unusedSharedColorNames } from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"mappings":"AAAA"}
@@ -7,7 +7,8 @@ import { curves } from '../global/curves';
7
7
  import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
8
  export const createDarkTheme = brand => {
9
9
  const colorTokens = generateColorTokens(brand);
10
- return { ...borderRadius,
10
+ return {
11
+ ...borderRadius,
11
12
  ...fontSizes,
12
13
  ...lineHeights,
13
14
  ...fontFamilies,
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/tokens/src/utils/createDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,oBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,eAAe,GAAoC,KAAK,IAAG;EACtE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,eAAA,GAAmDC,KAAA,IAAS;EACvE,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}
@@ -7,7 +7,8 @@ import { curves } from '../global/curves';
7
7
  import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
8
  export const createHighContrastTheme = () => {
9
9
  const colorTokens = generateColorTokens();
10
- return { ...borderRadius,
10
+ return {
11
+ ...borderRadius,
11
12
  ...fontSizes,
12
13
  ...lineHeights,
13
14
  ...fontFamilies,
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/tokens/src/utils/createHighContrastTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,mCAAnC;AACA,SAAS,mBAAT,QAAoC,4BAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,uBAAuB,GAAG,MAAY;EACjD,MAAM,WAAW,GAAG,mBAAmB,EAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n const colorTokens = generateColorTokens();\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,uBAAA,GAA0BA,CAAA,KAAa;EAClD,MAAMC,WAAA,GAAcb,mBAAA;EAEpB,OAAO;IACL,GAAGC,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGI,WAAW;IACd,GAAGd,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBM,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGR,kBAAA,CAAmBM,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}
@@ -7,7 +7,8 @@ import { curves } from '../global/curves';
7
7
  import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
8
  export const createLightTheme = brand => {
9
9
  const colorTokens = generateColorTokens(brand);
10
- return { ...borderRadius,
10
+ return {
11
+ ...borderRadius,
11
12
  ...fontSizes,
12
13
  ...lineHeights,
13
14
  ...fontFamilies,
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/tokens/src/utils/createLightTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,4BAAnC;AACA,SAAS,mBAAT,QAAoC,qBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,gBAAgB,GAAoC,KAAK,IAAG;EACvE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createLightTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,gBAAA,GAAoDC,KAAA,IAAS;EACxE,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}
@@ -7,7 +7,8 @@ import { curves } from '../global/curves';
7
7
  import { horizontalSpacings, verticalSpacings } from '../global/spacings';
8
8
  export const createTeamsDarkTheme = brand => {
9
9
  const colorTokens = generateColorTokens(brand);
10
- return { ...borderRadius,
10
+ return {
11
+ ...borderRadius,
11
12
  ...fontSizes,
12
13
  ...lineHeights,
13
14
  ...fontFamilies,
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/tokens/src/utils/createTeamsDarkTheme.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,yBAApC;AAEA,SAAS,YAAT,EAAuB,SAAvB,EAAkC,WAAlC,EAA+C,YAA/C,EAA6D,YAA7D,EAA2E,WAA3E,QAA8F,iBAA9F;AACA,SAAS,kBAAT,QAAmC,WAAnC;AAEA,SAAS,SAAT,QAA0B,qBAA1B;AACA,SAAS,MAAT,QAAuB,kBAAvB;AACA,SAAS,kBAAT,EAA6B,gBAA7B,QAAqD,oBAArD;AAEA,OAAO,MAAM,oBAAoB,GAAoC,KAAK,IAAG;EAC3E,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAD,CAAvC;EAEA,OAAO,EACL,GAAG,YADE;IAEL,GAAG,SAFE;IAGL,GAAG,WAHE;IAIL,GAAG,YAJE;IAKL,GAAG,WALE;IAML,GAAG,YANE;IAOL,GAAG,kBAPE;IAQL,GAAG,gBARE;IASL,GAAG,SATE;IAUL,GAAG,MAVE;IAYL,GAAG,WAZE;IAaL,GAAG,kBAbE;IAeL,GAAG,kBAAkB,CAAC,WAAW,CAAC,yBAAb,EAAwC,WAAW,CAAC,qBAApD,CAfhB;IAgBL,GAAG,kBAAkB,CAAC,WAAW,CAAC,uBAAb,EAAsC,WAAW,CAAC,mBAAlD,EAAuE,OAAvE;EAhBhB,CAAP;AAkBD,CArBM","sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,oBAAA,GAAwDC,KAAA,IAAS;EAC5E,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/tokens/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}
1
+ {"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/tokens/src/utils/shadows.ts"],"names":[],"mappings":"AAKA,OAAM,SAAU,kBAAV,CAA6B,YAA7B,EAAmD,QAAnD,EAAqE,WAAA,GAA4B,EAAjG,EAAmG;EACvG,OAAO;IACL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EADpE;IAEL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAFpE;IAGL,CAAC,UAAU,WAAW,EAAtB,GAA2B,WAAW,YAAY,eAAe,QAAQ,EAHpE;IAIL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,gBAAgB,QAAQ,EAJtE;IAKL,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ,EALvE;IAML,CAAC,WAAW,WAAW,EAAvB,GAA4B,WAAW,YAAY,iBAAiB,QAAQ;EANvE,CAAP;AAQD","sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"sources":["../../src/utils/shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`,\n };\n}\n"],"mappings":"AAKA,OAAO,SAASA,mBAAmBC,YAAoB,EAAEC,QAAgB,EAAEC,WAAA,GAA4B,EAAE,EAAE;EACzG,OAAO;IACL,CAAE,UAASA,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,UAASC,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,UAASC,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,gBAAeC,QAAS,EAAC;IAC7E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,iBAAgBC,QAAS,EAAC;IAC9E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,iBAAgBC,QAAS;EAC/E;AACF"}
@@ -1,165 +1,163 @@
1
- "use strict";
2
- /* !!! DO NOT EDIT !!! */
3
-
4
- /* This file has been generated by the token pipeline */
5
-
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
6
2
  Object.defineProperty(exports, "__esModule", {
7
- value: true
3
+ value: true
8
4
  });
9
- exports.generateColorTokens = void 0;
10
-
11
- const colors_1 = /*#__PURE__*/require("../global/colors");
12
-
13
- const generateColorTokens = brand => ({
14
- colorNeutralForeground1: colors_1.white,
15
- colorNeutralForeground1Hover: colors_1.white,
16
- colorNeutralForeground1Pressed: colors_1.white,
17
- colorNeutralForeground1Selected: colors_1.white,
18
- colorNeutralForeground2: colors_1.grey[84],
19
- colorNeutralForeground2Hover: colors_1.white,
20
- colorNeutralForeground2Pressed: colors_1.white,
21
- colorNeutralForeground2Selected: colors_1.white,
22
- colorNeutralForeground2BrandHover: brand[100],
23
- colorNeutralForeground2BrandPressed: brand[90],
24
- colorNeutralForeground2BrandSelected: brand[100],
25
- colorNeutralForeground3: colors_1.grey[68],
26
- colorNeutralForeground3Hover: colors_1.grey[84],
27
- colorNeutralForeground3Pressed: colors_1.grey[84],
28
- colorNeutralForeground3Selected: colors_1.grey[84],
29
- colorNeutralForeground3BrandHover: brand[100],
30
- colorNeutralForeground3BrandPressed: brand[90],
31
- colorNeutralForeground3BrandSelected: brand[100],
32
- colorNeutralForeground4: colors_1.grey[60],
33
- colorNeutralForegroundDisabled: colors_1.grey[36],
34
- colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
35
- colorBrandForegroundLink: brand[100],
36
- colorBrandForegroundLinkHover: brand[110],
37
- colorBrandForegroundLinkPressed: brand[90],
38
- colorBrandForegroundLinkSelected: brand[100],
39
- colorNeutralForeground2Link: colors_1.grey[84],
40
- colorNeutralForeground2LinkHover: colors_1.white,
41
- colorNeutralForeground2LinkPressed: colors_1.white,
42
- colorNeutralForeground2LinkSelected: colors_1.white,
43
- colorCompoundBrandForeground1: brand[100],
44
- colorCompoundBrandForeground1Hover: brand[110],
45
- colorCompoundBrandForeground1Pressed: brand[90],
46
- colorBrandForeground1: brand[100],
47
- colorBrandForeground2: brand[110],
48
- colorNeutralForeground1Static: colors_1.grey[14],
49
- colorNeutralForegroundStaticInverted: colors_1.white,
50
- colorNeutralForegroundInverted: colors_1.grey[14],
51
- colorNeutralForegroundInvertedHover: colors_1.grey[14],
52
- colorNeutralForegroundInvertedPressed: colors_1.grey[14],
53
- colorNeutralForegroundInvertedSelected: colors_1.grey[14],
54
- colorNeutralForegroundInverted2: colors_1.grey[14],
55
- colorNeutralForegroundOnBrand: colors_1.white,
56
- colorNeutralForegroundInvertedLink: colors_1.white,
57
- colorNeutralForegroundInvertedLinkHover: colors_1.white,
58
- colorNeutralForegroundInvertedLinkPressed: colors_1.white,
59
- colorNeutralForegroundInvertedLinkSelected: colors_1.white,
60
- colorBrandForegroundInverted: brand[80],
61
- colorBrandForegroundInvertedHover: brand[70],
62
- colorBrandForegroundInvertedPressed: brand[60],
63
- colorBrandForegroundOnLight: brand[80],
64
- colorBrandForegroundOnLightHover: brand[70],
65
- colorBrandForegroundOnLightPressed: brand[50],
66
- colorBrandForegroundOnLightSelected: brand[60],
67
- colorNeutralBackground1: colors_1.grey[16],
68
- colorNeutralBackground1Hover: colors_1.grey[24],
69
- colorNeutralBackground1Pressed: colors_1.grey[12],
70
- colorNeutralBackground1Selected: colors_1.grey[22],
71
- colorNeutralBackground2: colors_1.grey[12],
72
- colorNeutralBackground2Hover: colors_1.grey[20],
73
- colorNeutralBackground2Pressed: colors_1.grey[8],
74
- colorNeutralBackground2Selected: colors_1.grey[18],
75
- colorNeutralBackground3: colors_1.grey[8],
76
- colorNeutralBackground3Hover: colors_1.grey[16],
77
- colorNeutralBackground3Pressed: colors_1.grey[4],
78
- colorNeutralBackground3Selected: colors_1.grey[14],
79
- colorNeutralBackground4: colors_1.grey[4],
80
- colorNeutralBackground4Hover: colors_1.grey[12],
81
- colorNeutralBackground4Pressed: colors_1.black,
82
- colorNeutralBackground4Selected: colors_1.grey[10],
83
- colorNeutralBackground5: colors_1.black,
84
- colorNeutralBackground5Hover: colors_1.grey[8],
85
- colorNeutralBackground5Pressed: colors_1.grey[2],
86
- colorNeutralBackground5Selected: colors_1.grey[6],
87
- colorNeutralBackground6: colors_1.grey[20],
88
- colorNeutralBackgroundInverted: colors_1.white,
89
- colorNeutralBackgroundStatic: colors_1.grey[24],
90
- colorSubtleBackground: 'transparent',
91
- colorSubtleBackgroundHover: colors_1.grey[22],
92
- colorSubtleBackgroundPressed: colors_1.grey[18],
93
- colorSubtleBackgroundSelected: colors_1.grey[20],
94
- colorSubtleBackgroundLightAlphaHover: colors_1.grey14Alpha[80],
95
- colorSubtleBackgroundLightAlphaPressed: colors_1.grey14Alpha[50],
96
- colorSubtleBackgroundLightAlphaSelected: 'transparent',
97
- colorSubtleBackgroundInverted: 'transparent',
98
- colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
99
- colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
100
- colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
101
- colorTransparentBackground: 'transparent',
102
- colorTransparentBackgroundHover: 'transparent',
103
- colorTransparentBackgroundPressed: 'transparent',
104
- colorTransparentBackgroundSelected: 'transparent',
105
- colorNeutralBackgroundDisabled: colors_1.grey[8],
106
- colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
107
- colorNeutralStencil1: colors_1.grey[34],
108
- colorNeutralStencil2: colors_1.grey[20],
109
- colorNeutralStencil1Alpha: colors_1.whiteAlpha[10],
110
- colorNeutralStencil2Alpha: colors_1.whiteAlpha[5],
111
- colorBackgroundOverlay: colors_1.blackAlpha[50],
112
- colorScrollbarOverlay: colors_1.whiteAlpha[60],
113
- colorBrandBackground: brand[70],
114
- colorBrandBackgroundHover: brand[80],
115
- colorBrandBackgroundPressed: brand[40],
116
- colorBrandBackgroundSelected: brand[60],
117
- colorCompoundBrandBackground: brand[100],
118
- colorCompoundBrandBackgroundHover: brand[110],
119
- colorCompoundBrandBackgroundPressed: brand[90],
120
- colorBrandBackgroundStatic: brand[80],
121
- colorBrandBackground2: brand[40],
122
- colorBrandBackgroundInverted: colors_1.white,
123
- colorBrandBackgroundInvertedHover: brand[160],
124
- colorBrandBackgroundInvertedPressed: brand[140],
125
- colorBrandBackgroundInvertedSelected: brand[150],
126
- colorNeutralStrokeAccessible: colors_1.grey[68],
127
- colorNeutralStrokeAccessibleHover: colors_1.grey[74],
128
- colorNeutralStrokeAccessiblePressed: colors_1.grey[70],
129
- colorNeutralStrokeAccessibleSelected: brand[100],
130
- colorNeutralStroke1: colors_1.grey[40],
131
- colorNeutralStroke1Hover: colors_1.grey[46],
132
- colorNeutralStroke1Pressed: colors_1.grey[42],
133
- colorNeutralStroke1Selected: colors_1.grey[44],
134
- colorNeutralStroke2: colors_1.grey[32],
135
- colorNeutralStroke3: colors_1.grey[24],
136
- colorNeutralStrokeOnBrand: colors_1.grey[16],
137
- colorNeutralStrokeOnBrand2: colors_1.white,
138
- colorNeutralStrokeOnBrand2Hover: colors_1.white,
139
- colorNeutralStrokeOnBrand2Pressed: colors_1.white,
140
- colorNeutralStrokeOnBrand2Selected: colors_1.white,
141
- colorBrandStroke1: brand[100],
142
- colorBrandStroke2: brand[50],
143
- colorCompoundBrandStroke: brand[100],
144
- colorCompoundBrandStrokeHover: brand[110],
145
- colorCompoundBrandStrokePressed: brand[90],
146
- colorNeutralStrokeDisabled: colors_1.grey[26],
147
- colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
148
- colorTransparentStroke: 'transparent',
149
- colorTransparentStrokeInteractive: 'transparent',
150
- colorTransparentStrokeDisabled: 'transparent',
151
- colorStrokeFocus1: colors_1.black,
152
- colorStrokeFocus2: colors_1.white,
153
- colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
154
- colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
155
- colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
156
- colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
157
- colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
158
- colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
159
- colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
160
- colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
161
-
5
+ Object.defineProperty(exports, "generateColorTokens", {
6
+ enumerable: true,
7
+ get: ()=>generateColorTokens
162
8
  });
9
+ const _colors = require("../global/colors");
10
+ const generateColorTokens = (brand)=>({
11
+ colorNeutralForeground1: _colors.white,
12
+ colorNeutralForeground1Hover: _colors.white,
13
+ colorNeutralForeground1Pressed: _colors.white,
14
+ colorNeutralForeground1Selected: _colors.white,
15
+ colorNeutralForeground2: _colors.grey[84],
16
+ colorNeutralForeground2Hover: _colors.white,
17
+ colorNeutralForeground2Pressed: _colors.white,
18
+ colorNeutralForeground2Selected: _colors.white,
19
+ colorNeutralForeground2BrandHover: brand[100],
20
+ colorNeutralForeground2BrandPressed: brand[90],
21
+ colorNeutralForeground2BrandSelected: brand[100],
22
+ colorNeutralForeground3: _colors.grey[68],
23
+ colorNeutralForeground3Hover: _colors.grey[84],
24
+ colorNeutralForeground3Pressed: _colors.grey[84],
25
+ colorNeutralForeground3Selected: _colors.grey[84],
26
+ colorNeutralForeground3BrandHover: brand[100],
27
+ colorNeutralForeground3BrandPressed: brand[90],
28
+ colorNeutralForeground3BrandSelected: brand[100],
29
+ colorNeutralForeground4: _colors.grey[60],
30
+ colorNeutralForegroundDisabled: _colors.grey[36],
31
+ colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
32
+ colorBrandForegroundLink: brand[100],
33
+ colorBrandForegroundLinkHover: brand[110],
34
+ colorBrandForegroundLinkPressed: brand[90],
35
+ colorBrandForegroundLinkSelected: brand[100],
36
+ colorNeutralForeground2Link: _colors.grey[84],
37
+ colorNeutralForeground2LinkHover: _colors.white,
38
+ colorNeutralForeground2LinkPressed: _colors.white,
39
+ colorNeutralForeground2LinkSelected: _colors.white,
40
+ colorCompoundBrandForeground1: brand[100],
41
+ colorCompoundBrandForeground1Hover: brand[110],
42
+ colorCompoundBrandForeground1Pressed: brand[90],
43
+ colorBrandForeground1: brand[100],
44
+ colorBrandForeground2: brand[110],
45
+ colorNeutralForeground1Static: _colors.grey[14],
46
+ colorNeutralForegroundStaticInverted: _colors.white,
47
+ colorNeutralForegroundInverted: _colors.grey[14],
48
+ colorNeutralForegroundInvertedHover: _colors.grey[14],
49
+ colorNeutralForegroundInvertedPressed: _colors.grey[14],
50
+ colorNeutralForegroundInvertedSelected: _colors.grey[14],
51
+ colorNeutralForegroundInverted2: _colors.grey[14],
52
+ colorNeutralForegroundOnBrand: _colors.white,
53
+ colorNeutralForegroundInvertedLink: _colors.white,
54
+ colorNeutralForegroundInvertedLinkHover: _colors.white,
55
+ colorNeutralForegroundInvertedLinkPressed: _colors.white,
56
+ colorNeutralForegroundInvertedLinkSelected: _colors.white,
57
+ colorBrandForegroundInverted: brand[80],
58
+ colorBrandForegroundInvertedHover: brand[70],
59
+ colorBrandForegroundInvertedPressed: brand[60],
60
+ colorBrandForegroundOnLight: brand[80],
61
+ colorBrandForegroundOnLightHover: brand[70],
62
+ colorBrandForegroundOnLightPressed: brand[50],
63
+ colorBrandForegroundOnLightSelected: brand[60],
64
+ colorNeutralBackground1: _colors.grey[16],
65
+ colorNeutralBackground1Hover: _colors.grey[24],
66
+ colorNeutralBackground1Pressed: _colors.grey[12],
67
+ colorNeutralBackground1Selected: _colors.grey[22],
68
+ colorNeutralBackground2: _colors.grey[12],
69
+ colorNeutralBackground2Hover: _colors.grey[20],
70
+ colorNeutralBackground2Pressed: _colors.grey[8],
71
+ colorNeutralBackground2Selected: _colors.grey[18],
72
+ colorNeutralBackground3: _colors.grey[8],
73
+ colorNeutralBackground3Hover: _colors.grey[16],
74
+ colorNeutralBackground3Pressed: _colors.grey[4],
75
+ colorNeutralBackground3Selected: _colors.grey[14],
76
+ colorNeutralBackground4: _colors.grey[4],
77
+ colorNeutralBackground4Hover: _colors.grey[12],
78
+ colorNeutralBackground4Pressed: _colors.black,
79
+ colorNeutralBackground4Selected: _colors.grey[10],
80
+ colorNeutralBackground5: _colors.black,
81
+ colorNeutralBackground5Hover: _colors.grey[8],
82
+ colorNeutralBackground5Pressed: _colors.grey[2],
83
+ colorNeutralBackground5Selected: _colors.grey[6],
84
+ colorNeutralBackground6: _colors.grey[20],
85
+ colorNeutralBackgroundInverted: _colors.white,
86
+ colorNeutralBackgroundStatic: _colors.grey[24],
87
+ colorNeutralBackgroundAlpha: _colors.grey10Alpha[50],
88
+ colorNeutralBackgroundAlpha2: _colors.grey12Alpha[70],
89
+ colorSubtleBackground: 'transparent',
90
+ colorSubtleBackgroundHover: _colors.grey[22],
91
+ colorSubtleBackgroundPressed: _colors.grey[18],
92
+ colorSubtleBackgroundSelected: _colors.grey[20],
93
+ colorSubtleBackgroundLightAlphaHover: _colors.grey14Alpha[80],
94
+ colorSubtleBackgroundLightAlphaPressed: _colors.grey14Alpha[50],
95
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
96
+ colorSubtleBackgroundInverted: 'transparent',
97
+ colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
98
+ colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
99
+ colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
100
+ colorTransparentBackground: 'transparent',
101
+ colorTransparentBackgroundHover: 'transparent',
102
+ colorTransparentBackgroundPressed: 'transparent',
103
+ colorTransparentBackgroundSelected: 'transparent',
104
+ colorNeutralBackgroundDisabled: _colors.grey[8],
105
+ colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
106
+ colorNeutralStencil1: _colors.grey[34],
107
+ colorNeutralStencil2: _colors.grey[20],
108
+ colorNeutralStencil1Alpha: _colors.whiteAlpha[10],
109
+ colorNeutralStencil2Alpha: _colors.whiteAlpha[5],
110
+ colorBackgroundOverlay: _colors.blackAlpha[50],
111
+ colorScrollbarOverlay: _colors.whiteAlpha[60],
112
+ colorBrandBackground: brand[70],
113
+ colorBrandBackgroundHover: brand[80],
114
+ colorBrandBackgroundPressed: brand[40],
115
+ colorBrandBackgroundSelected: brand[60],
116
+ colorCompoundBrandBackground: brand[100],
117
+ colorCompoundBrandBackgroundHover: brand[110],
118
+ colorCompoundBrandBackgroundPressed: brand[90],
119
+ colorBrandBackgroundStatic: brand[80],
120
+ colorBrandBackground2: brand[40],
121
+ colorBrandBackgroundInverted: _colors.white,
122
+ colorBrandBackgroundInvertedHover: brand[160],
123
+ colorBrandBackgroundInvertedPressed: brand[140],
124
+ colorBrandBackgroundInvertedSelected: brand[150],
125
+ colorNeutralStrokeAccessible: _colors.grey[68],
126
+ colorNeutralStrokeAccessibleHover: _colors.grey[74],
127
+ colorNeutralStrokeAccessiblePressed: _colors.grey[70],
128
+ colorNeutralStrokeAccessibleSelected: brand[100],
129
+ colorNeutralStroke1: _colors.grey[40],
130
+ colorNeutralStroke1Hover: _colors.grey[46],
131
+ colorNeutralStroke1Pressed: _colors.grey[42],
132
+ colorNeutralStroke1Selected: _colors.grey[44],
133
+ colorNeutralStroke2: _colors.grey[32],
134
+ colorNeutralStroke3: _colors.grey[24],
135
+ colorNeutralStrokeOnBrand: _colors.grey[16],
136
+ colorNeutralStrokeOnBrand2: _colors.white,
137
+ colorNeutralStrokeOnBrand2Hover: _colors.white,
138
+ colorNeutralStrokeOnBrand2Pressed: _colors.white,
139
+ colorNeutralStrokeOnBrand2Selected: _colors.white,
140
+ colorBrandStroke1: brand[100],
141
+ colorBrandStroke2: brand[50],
142
+ colorCompoundBrandStroke: brand[100],
143
+ colorCompoundBrandStrokeHover: brand[110],
144
+ colorCompoundBrandStrokePressed: brand[90],
145
+ colorNeutralStrokeDisabled: _colors.grey[26],
146
+ colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
147
+ colorTransparentStroke: 'transparent',
148
+ colorTransparentStrokeInteractive: 'transparent',
149
+ colorTransparentStrokeDisabled: 'transparent',
150
+ colorNeutralStrokeAlpha: _colors.whiteAlpha[10],
151
+ colorStrokeFocus1: _colors.black,
152
+ colorStrokeFocus2: _colors.white,
153
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
154
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
155
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
156
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
157
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
158
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
159
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
160
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)'
161
+ }); //# sourceMappingURL=darkColor.js.map
163
162
 
164
- exports.generateColorTokens = generateColorTokens;
165
163
  //# sourceMappingURL=darkColor.js.map