@fluentui/react-theme 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.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 (229) hide show
  1. package/CHANGELOG.json +349 -10
  2. package/CHANGELOG.md +157 -40
  3. package/dist/index.d.ts +433 -0
  4. package/{lib → dist}/tsdoc-metadata.json +0 -0
  5. package/lib/alias/darkColor.js +147 -0
  6. package/lib/alias/darkColor.js.map +1 -0
  7. package/lib/alias/darkColorPalette.js +33 -0
  8. package/lib/alias/darkColorPalette.js.map +1 -0
  9. package/lib/alias/highContrastColor.js +147 -0
  10. package/lib/alias/highContrastColor.js.map +1 -0
  11. package/lib/alias/highContrastColorPalette.js +33 -0
  12. package/lib/alias/highContrastColorPalette.js.map +1 -0
  13. package/lib/alias/lightColor.js +147 -0
  14. package/lib/alias/lightColor.js.map +1 -0
  15. package/lib/alias/lightColorPalette.js +33 -0
  16. package/lib/alias/lightColorPalette.js.map +1 -0
  17. package/lib/alias/teamsDarkColor.js +147 -0
  18. package/lib/alias/teamsDarkColor.js.map +1 -0
  19. package/lib/alias/teamsDarkColorPalette.js +33 -0
  20. package/lib/alias/teamsDarkColorPalette.js.map +1 -0
  21. package/lib/global/borderRadius.js +1 -1
  22. package/lib/global/borderRadius.js.map +1 -1
  23. package/lib/global/brandColors.js +53 -31
  24. package/lib/global/brandColors.js.map +1 -1
  25. package/lib/global/colors.js +148 -130
  26. package/lib/global/colors.js.map +1 -1
  27. package/lib/global/curves.js +12 -0
  28. package/lib/global/curves.js.map +1 -0
  29. package/lib/global/durations.js +10 -0
  30. package/lib/global/durations.js.map +1 -0
  31. package/lib/global/fonts.js +4 -4
  32. package/lib/global/fonts.js.map +1 -1
  33. package/lib/global/index.js +5 -0
  34. package/lib/global/index.js.map +1 -1
  35. package/lib/global/spacings.js +40 -0
  36. package/lib/global/spacings.js.map +1 -0
  37. package/lib/global/strokeWidths.js +1 -1
  38. package/lib/global/strokeWidths.js.map +1 -1
  39. package/lib/global/typographyStyles.js +104 -0
  40. package/lib/global/typographyStyles.js.map +1 -0
  41. package/lib/index.js +5 -2
  42. package/lib/index.js.map +1 -1
  43. package/lib/themeToTokensObject.js +19 -0
  44. package/lib/themeToTokensObject.js.map +1 -0
  45. package/lib/themes/index.js.map +1 -1
  46. package/lib/themes/teams/darkTheme.js +1 -1
  47. package/lib/themes/teams/darkTheme.js.map +1 -1
  48. package/lib/themes/teams/highContrastTheme.js +1 -1
  49. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  50. package/lib/themes/teams/index.js.map +1 -1
  51. package/lib/themes/teams/lightTheme.js +1 -1
  52. package/lib/themes/teams/lightTheme.js.map +1 -1
  53. package/lib/themes/web/darkTheme.js +1 -1
  54. package/lib/themes/web/darkTheme.js.map +1 -1
  55. package/lib/themes/web/index.js +0 -1
  56. package/lib/themes/web/index.js.map +1 -1
  57. package/lib/themes/web/lightTheme.js +1 -1
  58. package/lib/themes/web/lightTheme.js.map +1 -1
  59. package/lib/tokens.js +426 -0
  60. package/lib/tokens.js.map +1 -0
  61. package/lib/types.js.map +1 -1
  62. package/lib/utils/createDarkTheme.js +22 -5
  63. package/lib/utils/createDarkTheme.js.map +1 -1
  64. package/lib/utils/createHighContrastTheme.js +22 -5
  65. package/lib/utils/createHighContrastTheme.js.map +1 -1
  66. package/lib/utils/createLightTheme.js +22 -5
  67. package/lib/utils/createLightTheme.js.map +1 -1
  68. package/lib/utils/createTeamsDarkTheme.js +22 -5
  69. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  70. package/lib/utils/index.js +0 -2
  71. package/lib/utils/index.js.map +1 -1
  72. package/lib/utils/shadows.js +7 -7
  73. package/lib/utils/shadows.js.map +1 -1
  74. package/lib-commonjs/alias/darkColor.js +157 -0
  75. package/lib-commonjs/alias/darkColor.js.map +1 -0
  76. package/lib-commonjs/alias/darkColorPalette.js +41 -0
  77. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  78. package/lib-commonjs/alias/highContrastColor.js +157 -0
  79. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  80. package/lib-commonjs/alias/highContrastColorPalette.js +41 -0
  81. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  82. package/lib-commonjs/alias/lightColor.js +157 -0
  83. package/lib-commonjs/alias/lightColor.js.map +1 -0
  84. package/lib-commonjs/alias/lightColorPalette.js +41 -0
  85. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  86. package/lib-commonjs/alias/teamsDarkColor.js +157 -0
  87. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  88. package/lib-commonjs/alias/teamsDarkColorPalette.js +41 -0
  89. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +1 -0
  90. package/lib-commonjs/global/borderRadius.js.map +1 -1
  91. package/lib-commonjs/global/brandColors.js +52 -30
  92. package/lib-commonjs/global/brandColors.js.map +1 -1
  93. package/lib-commonjs/global/colors.js +138 -120
  94. package/lib-commonjs/global/colors.js.map +1 -1
  95. package/lib-commonjs/global/curves.js +18 -0
  96. package/lib-commonjs/global/curves.js.map +1 -0
  97. package/lib-commonjs/global/durations.js +16 -0
  98. package/lib-commonjs/global/durations.js.map +1 -0
  99. package/lib-commonjs/global/fonts.js.map +1 -1
  100. package/lib-commonjs/global/index.js +11 -1
  101. package/lib-commonjs/global/index.js.map +1 -1
  102. package/lib-commonjs/global/spacings.js +46 -0
  103. package/lib-commonjs/global/spacings.js.map +1 -0
  104. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  105. package/lib-commonjs/global/typographyStyles.js +112 -0
  106. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  107. package/lib-commonjs/index.js +85 -3
  108. package/lib-commonjs/index.js.map +1 -1
  109. package/lib-commonjs/themeToTokensObject.js +28 -0
  110. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  111. package/lib-commonjs/themes/index.js +1 -1
  112. package/lib-commonjs/themes/index.js.map +1 -1
  113. package/lib-commonjs/themes/teams/darkTheme.js +2 -2
  114. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  115. package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
  116. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  117. package/lib-commonjs/themes/teams/index.js +1 -1
  118. package/lib-commonjs/themes/teams/index.js.map +1 -1
  119. package/lib-commonjs/themes/teams/lightTheme.js +2 -2
  120. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  121. package/lib-commonjs/themes/web/darkTheme.js +2 -2
  122. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  123. package/lib-commonjs/themes/web/index.js +1 -3
  124. package/lib-commonjs/themes/web/index.js.map +1 -1
  125. package/lib-commonjs/themes/web/lightTheme.js +2 -2
  126. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  127. package/lib-commonjs/tokens.js +432 -0
  128. package/lib-commonjs/tokens.js.map +1 -0
  129. package/lib-commonjs/types.js.map +1 -1
  130. package/lib-commonjs/utils/createDarkTheme.js +27 -7
  131. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  132. package/lib-commonjs/utils/createHighContrastTheme.js +27 -7
  133. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  134. package/lib-commonjs/utils/createLightTheme.js +27 -7
  135. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  136. package/lib-commonjs/utils/createTeamsDarkTheme.js +27 -7
  137. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  138. package/lib-commonjs/utils/index.js +1 -13
  139. package/lib-commonjs/utils/index.js.map +1 -1
  140. package/lib-commonjs/utils/shadows.js +7 -7
  141. package/lib-commonjs/utils/shadows.js.map +1 -1
  142. package/package.json +16 -12
  143. package/dist/react-theme.d.ts +0 -326
  144. package/lib/alias/dark.d.ts +0 -3
  145. package/lib/alias/dark.js +0 -117
  146. package/lib/alias/dark.js.map +0 -1
  147. package/lib/alias/highContrast.d.ts +0 -3
  148. package/lib/alias/highContrast.js +0 -117
  149. package/lib/alias/highContrast.js.map +0 -1
  150. package/lib/alias/light.d.ts +0 -3
  151. package/lib/alias/light.js +0 -117
  152. package/lib/alias/light.js.map +0 -1
  153. package/lib/alias/teamsDark.d.ts +0 -3
  154. package/lib/alias/teamsDark.js +0 -117
  155. package/lib/alias/teamsDark.js.map +0 -1
  156. package/lib/global/borderRadius.d.ts +0 -2
  157. package/lib/global/brandColors.d.ts +0 -3
  158. package/lib/global/colors.d.ts +0 -15
  159. package/lib/global/fonts.d.ts +0 -5
  160. package/lib/global/index.d.ts +0 -4
  161. package/lib/global/strokeWidths.d.ts +0 -2
  162. package/lib/index.d.ts +0 -3
  163. package/lib/themes/index.d.ts +0 -2
  164. package/lib/themes/teams/darkTheme.d.ts +0 -2
  165. package/lib/themes/teams/highContrastTheme.d.ts +0 -2
  166. package/lib/themes/teams/index.d.ts +0 -3
  167. package/lib/themes/teams/lightTheme.d.ts +0 -2
  168. package/lib/themes/web/darkTheme.d.ts +0 -2
  169. package/lib/themes/web/highContrastTheme.d.ts +0 -2
  170. package/lib/themes/web/highContrastTheme.js +0 -3
  171. package/lib/themes/web/highContrastTheme.js.map +0 -1
  172. package/lib/themes/web/index.d.ts +0 -3
  173. package/lib/themes/web/lightTheme.d.ts +0 -2
  174. package/lib/types.d.ts +0 -327
  175. package/lib/utils/createDarkTheme.d.ts +0 -2
  176. package/lib/utils/createHighContrastTheme.d.ts +0 -2
  177. package/lib/utils/createLightTheme.d.ts +0 -2
  178. package/lib/utils/createTeamsDarkTheme.d.ts +0 -2
  179. package/lib/utils/index.d.ts +0 -6
  180. package/lib/utils/mergeThemes.d.ts +0 -2
  181. package/lib/utils/mergeThemes.js +0 -14
  182. package/lib/utils/mergeThemes.js.map +0 -1
  183. package/lib/utils/shadows.d.ts +0 -2
  184. package/lib/utils/themeToCSSVariables.d.ts +0 -2
  185. package/lib/utils/themeToCSSVariables.js +0 -12
  186. package/lib/utils/themeToCSSVariables.js.map +0 -1
  187. package/lib-commonjs/alias/dark.d.ts +0 -3
  188. package/lib-commonjs/alias/dark.js +0 -128
  189. package/lib-commonjs/alias/dark.js.map +0 -1
  190. package/lib-commonjs/alias/highContrast.d.ts +0 -3
  191. package/lib-commonjs/alias/highContrast.js +0 -128
  192. package/lib-commonjs/alias/highContrast.js.map +0 -1
  193. package/lib-commonjs/alias/light.d.ts +0 -3
  194. package/lib-commonjs/alias/light.js +0 -128
  195. package/lib-commonjs/alias/light.js.map +0 -1
  196. package/lib-commonjs/alias/teamsDark.d.ts +0 -3
  197. package/lib-commonjs/alias/teamsDark.js +0 -128
  198. package/lib-commonjs/alias/teamsDark.js.map +0 -1
  199. package/lib-commonjs/global/borderRadius.d.ts +0 -2
  200. package/lib-commonjs/global/brandColors.d.ts +0 -3
  201. package/lib-commonjs/global/colors.d.ts +0 -15
  202. package/lib-commonjs/global/fonts.d.ts +0 -5
  203. package/lib-commonjs/global/index.d.ts +0 -4
  204. package/lib-commonjs/global/strokeWidths.d.ts +0 -2
  205. package/lib-commonjs/index.d.ts +0 -3
  206. package/lib-commonjs/themes/index.d.ts +0 -2
  207. package/lib-commonjs/themes/teams/darkTheme.d.ts +0 -2
  208. package/lib-commonjs/themes/teams/highContrastTheme.d.ts +0 -2
  209. package/lib-commonjs/themes/teams/index.d.ts +0 -3
  210. package/lib-commonjs/themes/teams/lightTheme.d.ts +0 -2
  211. package/lib-commonjs/themes/web/darkTheme.d.ts +0 -2
  212. package/lib-commonjs/themes/web/highContrastTheme.d.ts +0 -2
  213. package/lib-commonjs/themes/web/highContrastTheme.js +0 -11
  214. package/lib-commonjs/themes/web/highContrastTheme.js.map +0 -1
  215. package/lib-commonjs/themes/web/index.d.ts +0 -3
  216. package/lib-commonjs/themes/web/lightTheme.d.ts +0 -2
  217. package/lib-commonjs/types.d.ts +0 -327
  218. package/lib-commonjs/utils/createDarkTheme.d.ts +0 -2
  219. package/lib-commonjs/utils/createHighContrastTheme.d.ts +0 -2
  220. package/lib-commonjs/utils/createLightTheme.d.ts +0 -2
  221. package/lib-commonjs/utils/createTeamsDarkTheme.d.ts +0 -2
  222. package/lib-commonjs/utils/index.d.ts +0 -6
  223. package/lib-commonjs/utils/mergeThemes.d.ts +0 -2
  224. package/lib-commonjs/utils/mergeThemes.js +0 -24
  225. package/lib-commonjs/utils/mergeThemes.js.map +0 -1
  226. package/lib-commonjs/utils/shadows.d.ts +0 -2
  227. package/lib-commonjs/utils/themeToCSSVariables.d.ts +0 -2
  228. package/lib-commonjs/utils/themeToCSSVariables.js +0 -21
  229. package/lib-commonjs/utils/themeToCSSVariables.js.map +0 -1
@@ -0,0 +1,147 @@
1
+ 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: hcButtonText,
37
+ colorNeutralForeground1Static: hcCanvas,
38
+ colorNeutralForegroundInverted: hcCanvasText,
39
+ colorNeutralForegroundInvertedHover: hcHighlightText,
40
+ colorNeutralForegroundInvertedPressed: hcHighlightText,
41
+ colorNeutralForegroundInvertedSelected: hcHighlightText,
42
+ colorNeutralForegroundOnBrand: hcButtonText,
43
+ colorNeutralForegroundInvertedLink: hcHyperlink,
44
+ colorNeutralForegroundInvertedLinkHover: hcHyperlink,
45
+ colorNeutralForegroundInvertedLinkPressed: hcHyperlink,
46
+ colorNeutralForegroundInvertedLinkSelected: hcHyperlink,
47
+ colorBrandForegroundInverted: hcCanvasText,
48
+ colorBrandForegroundInvertedHover: hcCanvasText,
49
+ colorBrandForegroundInvertedPressed: hcCanvasText,
50
+ colorBrandForegroundOnLight: hcButtonText,
51
+ colorBrandForegroundOnLightHover: hcHighlightText,
52
+ colorBrandForegroundOnLightPressed: hcHighlightText,
53
+ colorBrandForegroundOnLightSelected: hcHighlightText,
54
+ colorNeutralBackground1: hcCanvas,
55
+ colorNeutralBackground1Hover: hcHighlight,
56
+ colorNeutralBackground1Pressed: hcHighlight,
57
+ colorNeutralBackground1Selected: hcHighlight,
58
+ colorNeutralBackground2: hcCanvas,
59
+ colorNeutralBackground2Hover: hcHighlight,
60
+ colorNeutralBackground2Pressed: hcHighlight,
61
+ colorNeutralBackground2Selected: hcHighlight,
62
+ colorNeutralBackground3: hcCanvas,
63
+ colorNeutralBackground3Hover: hcHighlight,
64
+ colorNeutralBackground3Pressed: hcHighlight,
65
+ colorNeutralBackground3Selected: hcHighlight,
66
+ colorNeutralBackground4: hcCanvas,
67
+ colorNeutralBackground4Hover: hcHighlight,
68
+ colorNeutralBackground4Pressed: hcHighlight,
69
+ colorNeutralBackground4Selected: hcHighlight,
70
+ colorNeutralBackground5: hcCanvas,
71
+ colorNeutralBackground5Hover: hcHighlight,
72
+ colorNeutralBackground5Pressed: hcHighlight,
73
+ colorNeutralBackground5Selected: hcHighlight,
74
+ colorNeutralBackground6: hcCanvas,
75
+ colorNeutralBackgroundInverted: hcCanvas,
76
+ colorSubtleBackground: 'transparent',
77
+ colorSubtleBackgroundHover: hcHighlight,
78
+ colorSubtleBackgroundPressed: hcHighlight,
79
+ colorSubtleBackgroundSelected: hcHighlight,
80
+ colorSubtleBackgroundLightAlphaHover: hcHighlight,
81
+ colorSubtleBackgroundLightAlphaPressed: hcHighlight,
82
+ colorSubtleBackgroundLightAlphaSelected: hcHighlight,
83
+ colorSubtleBackgroundInverted: 'transparent',
84
+ colorSubtleBackgroundInvertedHover: hcHighlight,
85
+ colorSubtleBackgroundInvertedPressed: hcHighlight,
86
+ colorSubtleBackgroundInvertedSelected: hcHighlight,
87
+ colorTransparentBackground: 'transparent',
88
+ colorTransparentBackgroundHover: hcHighlight,
89
+ colorTransparentBackgroundPressed: hcHighlight,
90
+ colorTransparentBackgroundSelected: hcHighlight,
91
+ colorNeutralBackgroundDisabled: hcCanvas,
92
+ colorNeutralBackgroundInvertedDisabled: hcCanvas,
93
+ colorNeutralStencil1: hcCanvasText,
94
+ colorNeutralStencil2: hcCanvasText,
95
+ colorBackgroundOverlay: blackAlpha[50],
96
+ colorScrollbarOverlay: hcButtonFace,
97
+ colorBrandBackground: hcButtonFace,
98
+ colorBrandBackgroundHover: hcHighlight,
99
+ colorBrandBackgroundPressed: hcHighlight,
100
+ colorBrandBackgroundSelected: hcHighlight,
101
+ colorCompoundBrandBackground: hcHighlight,
102
+ colorCompoundBrandBackgroundHover: hcHighlight,
103
+ colorCompoundBrandBackgroundPressed: hcHighlight,
104
+ colorBrandBackgroundStatic: hcCanvas,
105
+ colorBrandBackground2: hcButtonFace,
106
+ colorBrandBackgroundInverted: hcButtonFace,
107
+ colorBrandBackgroundInvertedHover: hcHighlight,
108
+ colorBrandBackgroundInvertedPressed: hcHighlight,
109
+ colorBrandBackgroundInvertedSelected: hcHighlight,
110
+ colorNeutralStrokeAccessible: hcCanvasText,
111
+ colorNeutralStrokeAccessibleHover: hcHighlight,
112
+ colorNeutralStrokeAccessiblePressed: hcHighlight,
113
+ colorNeutralStrokeAccessibleSelected: hcHighlight,
114
+ colorNeutralStroke1: hcCanvasText,
115
+ colorNeutralStroke1Hover: hcHighlight,
116
+ colorNeutralStroke1Pressed: hcHighlight,
117
+ colorNeutralStroke1Selected: hcHighlight,
118
+ colorNeutralStroke2: hcCanvasText,
119
+ colorNeutralStroke3: hcCanvasText,
120
+ colorNeutralStrokeOnBrand: hcCanvas,
121
+ colorNeutralStrokeOnBrand2: hcCanvasText,
122
+ colorNeutralStrokeOnBrand2Hover: hcCanvasText,
123
+ colorNeutralStrokeOnBrand2Pressed: hcCanvasText,
124
+ colorNeutralStrokeOnBrand2Selected: hcCanvasText,
125
+ colorBrandStroke1: hcCanvasText,
126
+ colorBrandStroke2: hcCanvas,
127
+ colorCompoundBrandStroke: hcHighlight,
128
+ colorCompoundBrandStrokeHover: hcHighlight,
129
+ colorCompoundBrandStrokePressed: hcHighlight,
130
+ colorNeutralStrokeDisabled: hcDisabled,
131
+ colorNeutralStrokeInvertedDisabled: hcDisabled,
132
+ colorTransparentStroke: hcCanvasText,
133
+ colorTransparentStrokeInteractive: hcHighlight,
134
+ colorTransparentStrokeDisabled: hcDisabled,
135
+ colorStrokeFocus1: hcCanvas,
136
+ colorStrokeFocus2: hcHighlight,
137
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
138
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
139
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
140
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
141
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
142
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
143
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
144
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
145
+
146
+ });
147
+ //# sourceMappingURL=highContrastColor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/highContrastColor.ts"],"names":[],"mappings":"AAAA,SACE,UADF,EAEE,YAFF,EAGE,YAHF,EAIE,QAJF,EAKE,YALF,EAME,UANF,EAOE,WAPF,EAQE,eARF,EASE,WATF,QAUO,kBAVP;AAaA,OAAO,MAAM,mBAAmB,GAAG,OAAoB;AACrD,EAAA,uBAAuB,EAAE,YAD4B;AAErD,EAAA,4BAA4B,EAAE,eAFuB;AAGrD,EAAA,8BAA8B,EAAE,eAHqB;AAIrD,EAAA,+BAA+B,EAAE,eAJoB;AAKrD,EAAA,uBAAuB,EAAE,YAL4B;AAMrD,EAAA,4BAA4B,EAAE,eANuB;AAOrD,EAAA,8BAA8B,EAAE,eAPqB;AAQrD,EAAA,+BAA+B,EAAE,eARoB;AASrD,EAAA,iCAAiC,EAAE,eATkB;AAUrD,EAAA,mCAAmC,EAAE,eAVgB;AAWrD,EAAA,oCAAoC,EAAE,eAXe;AAYrD,EAAA,uBAAuB,EAAE,YAZ4B;AAarD,EAAA,4BAA4B,EAAE,eAbuB;AAcrD,EAAA,8BAA8B,EAAE,eAdqB;AAerD,EAAA,+BAA+B,EAAE,eAfoB;AAgBrD,EAAA,iCAAiC,EAAE,eAhBkB;AAiBrD,EAAA,mCAAmC,EAAE,eAjBgB;AAkBrD,EAAA,oCAAoC,EAAE,eAlBe;AAmBrD,EAAA,uBAAuB,EAAE,YAnB4B;AAoBrD,EAAA,8BAA8B,EAAE,UApBqB;AAqBrD,EAAA,sCAAsC,EAAE,UArBa;AAsBrD,EAAA,wBAAwB,EAAE,WAtB2B;AAuBrD,EAAA,6BAA6B,EAAE,WAvBsB;AAwBrD,EAAA,+BAA+B,EAAE,WAxBoB;AAyBrD,EAAA,gCAAgC,EAAE,WAzBmB;AA0BrD,EAAA,2BAA2B,EAAE,WA1BwB;AA2BrD,EAAA,gCAAgC,EAAE,WA3BmB;AA4BrD,EAAA,kCAAkC,EAAE,WA5BiB;AA6BrD,EAAA,mCAAmC,EAAE,WA7BgB;AA8BrD,EAAA,6BAA6B,EAAE,WA9BsB;AA+BrD,EAAA,kCAAkC,EAAE,WA/BiB;AAgCrD,EAAA,oCAAoC,EAAE,WAhCe;AAiCrD,EAAA,qBAAqB,EAAE,YAjC8B;AAkCrD,EAAA,qBAAqB,EAAE,YAlC8B;AAmCrD,EAAA,6BAA6B,EAAE,QAnCsB;AAoCrD,EAAA,8BAA8B,EAAE,YApCqB;AAqCrD,EAAA,mCAAmC,EAAE,eArCgB;AAsCrD,EAAA,qCAAqC,EAAE,eAtCc;AAuCrD,EAAA,sCAAsC,EAAE,eAvCa;AAwCrD,EAAA,6BAA6B,EAAE,YAxCsB;AAyCrD,EAAA,kCAAkC,EAAE,WAzCiB;AA0CrD,EAAA,uCAAuC,EAAE,WA1CY;AA2CrD,EAAA,yCAAyC,EAAE,WA3CU;AA4CrD,EAAA,0CAA0C,EAAE,WA5CS;AA6CrD,EAAA,4BAA4B,EAAE,YA7CuB;AA8CrD,EAAA,iCAAiC,EAAE,YA9CkB;AA+CrD,EAAA,mCAAmC,EAAE,YA/CgB;AAgDrD,EAAA,2BAA2B,EAAE,YAhDwB;AAiDrD,EAAA,gCAAgC,EAAE,eAjDmB;AAkDrD,EAAA,kCAAkC,EAAE,eAlDiB;AAmDrD,EAAA,mCAAmC,EAAE,eAnDgB;AAoDrD,EAAA,uBAAuB,EAAE,QApD4B;AAqDrD,EAAA,4BAA4B,EAAE,WArDuB;AAsDrD,EAAA,8BAA8B,EAAE,WAtDqB;AAuDrD,EAAA,+BAA+B,EAAE,WAvDoB;AAwDrD,EAAA,uBAAuB,EAAE,QAxD4B;AAyDrD,EAAA,4BAA4B,EAAE,WAzDuB;AA0DrD,EAAA,8BAA8B,EAAE,WA1DqB;AA2DrD,EAAA,+BAA+B,EAAE,WA3DoB;AA4DrD,EAAA,uBAAuB,EAAE,QA5D4B;AA6DrD,EAAA,4BAA4B,EAAE,WA7DuB;AA8DrD,EAAA,8BAA8B,EAAE,WA9DqB;AA+DrD,EAAA,+BAA+B,EAAE,WA/DoB;AAgErD,EAAA,uBAAuB,EAAE,QAhE4B;AAiErD,EAAA,4BAA4B,EAAE,WAjEuB;AAkErD,EAAA,8BAA8B,EAAE,WAlEqB;AAmErD,EAAA,+BAA+B,EAAE,WAnEoB;AAoErD,EAAA,uBAAuB,EAAE,QApE4B;AAqErD,EAAA,4BAA4B,EAAE,WArEuB;AAsErD,EAAA,8BAA8B,EAAE,WAtEqB;AAuErD,EAAA,+BAA+B,EAAE,WAvEoB;AAwErD,EAAA,uBAAuB,EAAE,QAxE4B;AAyErD,EAAA,8BAA8B,EAAE,QAzEqB;AA0ErD,EAAA,qBAAqB,EAAE,aA1E8B;AA2ErD,EAAA,0BAA0B,EAAE,WA3EyB;AA4ErD,EAAA,4BAA4B,EAAE,WA5EuB;AA6ErD,EAAA,6BAA6B,EAAE,WA7EsB;AA8ErD,EAAA,oCAAoC,EAAE,WA9Ee;AA+ErD,EAAA,sCAAsC,EAAE,WA/Ea;AAgFrD,EAAA,uCAAuC,EAAE,WAhFY;AAiFrD,EAAA,6BAA6B,EAAE,aAjFsB;AAkFrD,EAAA,kCAAkC,EAAE,WAlFiB;AAmFrD,EAAA,oCAAoC,EAAE,WAnFe;AAoFrD,EAAA,qCAAqC,EAAE,WApFc;AAqFrD,EAAA,0BAA0B,EAAE,aArFyB;AAsFrD,EAAA,+BAA+B,EAAE,WAtFoB;AAuFrD,EAAA,iCAAiC,EAAE,WAvFkB;AAwFrD,EAAA,kCAAkC,EAAE,WAxFiB;AAyFrD,EAAA,8BAA8B,EAAE,QAzFqB;AA0FrD,EAAA,sCAAsC,EAAE,QA1Fa;AA2FrD,EAAA,oBAAoB,EAAE,YA3F+B;AA4FrD,EAAA,oBAAoB,EAAE,YA5F+B;AA6FrD,EAAA,sBAAsB,EAAE,UAAU,CAAC,EAAD,CA7FmB;AA8FrD,EAAA,qBAAqB,EAAE,YA9F8B;AA+FrD,EAAA,oBAAoB,EAAE,YA/F+B;AAgGrD,EAAA,yBAAyB,EAAE,WAhG0B;AAiGrD,EAAA,2BAA2B,EAAE,WAjGwB;AAkGrD,EAAA,4BAA4B,EAAE,WAlGuB;AAmGrD,EAAA,4BAA4B,EAAE,WAnGuB;AAoGrD,EAAA,iCAAiC,EAAE,WApGkB;AAqGrD,EAAA,mCAAmC,EAAE,WArGgB;AAsGrD,EAAA,0BAA0B,EAAE,QAtGyB;AAuGrD,EAAA,qBAAqB,EAAE,YAvG8B;AAwGrD,EAAA,4BAA4B,EAAE,YAxGuB;AAyGrD,EAAA,iCAAiC,EAAE,WAzGkB;AA0GrD,EAAA,mCAAmC,EAAE,WA1GgB;AA2GrD,EAAA,oCAAoC,EAAE,WA3Ge;AA4GrD,EAAA,4BAA4B,EAAE,YA5GuB;AA6GrD,EAAA,iCAAiC,EAAE,WA7GkB;AA8GrD,EAAA,mCAAmC,EAAE,WA9GgB;AA+GrD,EAAA,oCAAoC,EAAE,WA/Ge;AAgHrD,EAAA,mBAAmB,EAAE,YAhHgC;AAiHrD,EAAA,wBAAwB,EAAE,WAjH2B;AAkHrD,EAAA,0BAA0B,EAAE,WAlHyB;AAmHrD,EAAA,2BAA2B,EAAE,WAnHwB;AAoHrD,EAAA,mBAAmB,EAAE,YApHgC;AAqHrD,EAAA,mBAAmB,EAAE,YArHgC;AAsHrD,EAAA,yBAAyB,EAAE,QAtH0B;AAuHrD,EAAA,0BAA0B,EAAE,YAvHyB;AAwHrD,EAAA,+BAA+B,EAAE,YAxHoB;AAyHrD,EAAA,iCAAiC,EAAE,YAzHkB;AA0HrD,EAAA,kCAAkC,EAAE,YA1HiB;AA2HrD,EAAA,iBAAiB,EAAE,YA3HkC;AA4HrD,EAAA,iBAAiB,EAAE,QA5HkC;AA6HrD,EAAA,wBAAwB,EAAE,WA7H2B;AA8HrD,EAAA,6BAA6B,EAAE,WA9HsB;AA+HrD,EAAA,+BAA+B,EAAE,WA/HoB;AAgIrD,EAAA,0BAA0B,EAAE,UAhIyB;AAiIrD,EAAA,kCAAkC,EAAE,UAjIiB;AAkIrD,EAAA,sBAAsB,EAAE,YAlI6B;AAmIrD,EAAA,iCAAiC,EAAE,WAnIkB;AAoIrD,EAAA,8BAA8B,EAAE,UApIqB;AAqIrD,EAAA,iBAAiB,EAAE,QArIkC;AAsIrD,EAAA,iBAAiB,EAAE,WAtIkC;AAuIrD,EAAA,yBAAyB,EAAE,kBAvI0B;AAwIrD,EAAA,qBAAqB,EAAE,kBAxI8B;AAyIrD,EAAA,gCAAgC,EAAE,kBAzImB;AA0IrD,EAAA,4BAA4B,EAAE,kBA1IuB;AA2IrD,EAAA,+BAA+B,EAAE,kBA3IoB;AA4IrD,EAAA,2BAA2B,EAAE,kBA5IwB;AA6IrD,EAAA,uBAAuB,EAAE,kBA7I4B;AA8IrD,EAAA,mBAAmB,EAAE,kBA9IgC,CA8IZ;;AA9IY,CAApB,CAA5B","sourcesContent":["import {\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: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\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: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedPressed: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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 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 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: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\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 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: 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 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"],"sourceRoot":"../src/"}
@@ -0,0 +1,33 @@
1
+ import { statusSharedColors, personaSharedColors, hcHighlight, white, black } from '../global/colors';
2
+ const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
3
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
4
+ const sharedColorTokens = {
5
+ [`colorPalette${color}Background1`]: white,
6
+ [`colorPalette${color}Background2`]: black,
7
+ [`colorPalette${color}Background3`]: white,
8
+ [`colorPalette${color}Foreground1`]: black,
9
+ [`colorPalette${color}Foreground2`]: white,
10
+ [`colorPalette${color}Foreground3`]: white,
11
+ [`colorPalette${color}BorderActive`]: hcHighlight,
12
+ [`colorPalette${color}Border1`]: white,
13
+ [`colorPalette${color}Border2`]: white
14
+ };
15
+ return { ...acc,
16
+ ...sharedColorTokens
17
+ };
18
+ }, {});
19
+ const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
20
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
21
+ const sharedColorTokens = {
22
+ [`colorPalette${color}Background2`]: black,
23
+ [`colorPalette${color}Foreground2`]: white,
24
+ [`colorPalette${color}BorderActive`]: hcHighlight
25
+ };
26
+ return { ...acc,
27
+ ...sharedColorTokens
28
+ };
29
+ }, {});
30
+ export const colorPaletteTokens = { ...statusColorPaletteTokens,
31
+ ...personaColorPaletteTokens
32
+ };
33
+ //# sourceMappingURL=highContrastColorPalette.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/highContrastColorPalette.ts"],"names":[],"mappings":"AAAA,SACE,kBADF,EAEE,mBAFF,EAGE,WAHF,EAIE,KAJF,EAKE,KALF,QAQO,kBARP;AAWA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAHb;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAJb;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KALb;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KANb;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,WAPd;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,KART;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC;AATT,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,KADb;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,KAFb;AAGxB,KAAC,eAAe,KAAK,cAArB,GAAsC;AAHd,GAA1B;AAMA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;AAA+B,KAAG;AAAlC,CAA/C","sourcesContent":["import {\n statusSharedColors,\n personaSharedColors,\n hcHighlight,\n white,\n black,\n StatusSharedColors,\n PersonaSharedColors,\n} from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: white,\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Background3`]: white,\n [`colorPalette${color}Foreground1`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}Foreground3`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: white,\n [`colorPalette${color}Border2`]: white,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: black,\n [`colorPalette${color}Foreground2`]: white,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,147 @@
1
+ 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
+ colorNeutralForeground1Static: grey[14],
38
+ colorNeutralForegroundInverted: white,
39
+ colorNeutralForegroundInvertedHover: white,
40
+ colorNeutralForegroundInvertedPressed: white,
41
+ colorNeutralForegroundInvertedSelected: white,
42
+ colorNeutralForegroundOnBrand: white,
43
+ colorNeutralForegroundInvertedLink: white,
44
+ colorNeutralForegroundInvertedLinkHover: white,
45
+ colorNeutralForegroundInvertedLinkPressed: white,
46
+ colorNeutralForegroundInvertedLinkSelected: white,
47
+ colorBrandForegroundInverted: brand[100],
48
+ colorBrandForegroundInvertedHover: brand[110],
49
+ colorBrandForegroundInvertedPressed: brand[100],
50
+ colorBrandForegroundOnLight: brand[80],
51
+ colorBrandForegroundOnLightHover: brand[70],
52
+ colorBrandForegroundOnLightPressed: brand[50],
53
+ colorBrandForegroundOnLightSelected: brand[60],
54
+ colorNeutralBackground1: white,
55
+ colorNeutralBackground1Hover: grey[96],
56
+ colorNeutralBackground1Pressed: grey[88],
57
+ colorNeutralBackground1Selected: grey[92],
58
+ colorNeutralBackground2: grey[98],
59
+ colorNeutralBackground2Hover: grey[94],
60
+ colorNeutralBackground2Pressed: grey[86],
61
+ colorNeutralBackground2Selected: grey[90],
62
+ colorNeutralBackground3: grey[96],
63
+ colorNeutralBackground3Hover: grey[92],
64
+ colorNeutralBackground3Pressed: grey[84],
65
+ colorNeutralBackground3Selected: grey[88],
66
+ colorNeutralBackground4: grey[94],
67
+ colorNeutralBackground4Hover: grey[98],
68
+ colorNeutralBackground4Pressed: grey[96],
69
+ colorNeutralBackground4Selected: white,
70
+ colorNeutralBackground5: grey[92],
71
+ colorNeutralBackground5Hover: grey[96],
72
+ colorNeutralBackground5Pressed: grey[94],
73
+ colorNeutralBackground5Selected: grey[98],
74
+ colorNeutralBackground6: grey[90],
75
+ colorNeutralBackgroundInverted: grey[38],
76
+ colorSubtleBackground: 'transparent',
77
+ colorSubtleBackgroundHover: grey[96],
78
+ colorSubtleBackgroundPressed: grey[88],
79
+ colorSubtleBackgroundSelected: grey[92],
80
+ colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],
81
+ colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],
82
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
83
+ colorSubtleBackgroundInverted: 'transparent',
84
+ colorSubtleBackgroundInvertedHover: blackAlpha[10],
85
+ colorSubtleBackgroundInvertedPressed: blackAlpha[30],
86
+ colorSubtleBackgroundInvertedSelected: blackAlpha[20],
87
+ colorTransparentBackground: 'transparent',
88
+ colorTransparentBackgroundHover: 'transparent',
89
+ colorTransparentBackgroundPressed: 'transparent',
90
+ colorTransparentBackgroundSelected: 'transparent',
91
+ colorNeutralBackgroundDisabled: grey[94],
92
+ colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
93
+ colorNeutralStencil1: grey[90],
94
+ colorNeutralStencil2: grey[98],
95
+ colorBackgroundOverlay: blackAlpha[10],
96
+ colorScrollbarOverlay: blackAlpha[50],
97
+ colorBrandBackground: brand[80],
98
+ colorBrandBackgroundHover: brand[70],
99
+ colorBrandBackgroundPressed: brand[40],
100
+ colorBrandBackgroundSelected: brand[60],
101
+ colorCompoundBrandBackground: brand[80],
102
+ colorCompoundBrandBackgroundHover: brand[70],
103
+ colorCompoundBrandBackgroundPressed: brand[60],
104
+ colorBrandBackgroundStatic: brand[80],
105
+ colorBrandBackground2: brand[160],
106
+ colorBrandBackgroundInverted: white,
107
+ colorBrandBackgroundInvertedHover: brand[160],
108
+ colorBrandBackgroundInvertedPressed: brand[140],
109
+ colorBrandBackgroundInvertedSelected: brand[150],
110
+ colorNeutralStrokeAccessible: grey[38],
111
+ colorNeutralStrokeAccessibleHover: grey[34],
112
+ colorNeutralStrokeAccessiblePressed: grey[30],
113
+ colorNeutralStrokeAccessibleSelected: brand[80],
114
+ colorNeutralStroke1: grey[82],
115
+ colorNeutralStroke1Hover: grey[78],
116
+ colorNeutralStroke1Pressed: grey[70],
117
+ colorNeutralStroke1Selected: grey[74],
118
+ colorNeutralStroke2: grey[88],
119
+ colorNeutralStroke3: grey[94],
120
+ colorNeutralStrokeOnBrand: white,
121
+ colorNeutralStrokeOnBrand2: white,
122
+ colorNeutralStrokeOnBrand2Hover: white,
123
+ colorNeutralStrokeOnBrand2Pressed: white,
124
+ colorNeutralStrokeOnBrand2Selected: white,
125
+ colorBrandStroke1: brand[80],
126
+ colorBrandStroke2: brand[140],
127
+ colorCompoundBrandStroke: brand[80],
128
+ colorCompoundBrandStrokeHover: brand[70],
129
+ colorCompoundBrandStrokePressed: brand[60],
130
+ colorNeutralStrokeDisabled: grey[88],
131
+ colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
132
+ colorTransparentStroke: 'transparent',
133
+ colorTransparentStrokeInteractive: 'transparent',
134
+ colorTransparentStrokeDisabled: 'transparent',
135
+ colorStrokeFocus1: white,
136
+ colorStrokeFocus2: black,
137
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
138
+ colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
139
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
140
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
141
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
142
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
143
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
144
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
145
+
146
+ });
147
+ //# sourceMappingURL=lightColor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/lightColor.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,IAA5B,EAAkC,KAAlC,EAAyC,UAAzC,QAA2D,kBAA3D;AAGA,OAAO,MAAM,mBAAmB,GAAI,KAAD,KAAwC;AACzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAD4C;AAEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAFuC;AAGzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAHqC;AAIzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAJoC;AAKzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAL4C;AAMzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CANuC;AAOzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAPqC;AAQzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CARoC;AASzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,EAAD,CATiC;AAUzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAV+B;AAWzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAX8B;AAYzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAZ4C;AAazE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAbuC;AAczE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAdqC;AAezE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAfoC;AAgBzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,EAAD,CAhBiC;AAiBzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAjB+B;AAkBzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAlB8B;AAmBzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAnB4C;AAoBzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CApBqC;AAqBzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,EAAD,CArBuB;AAsBzE,EAAA,wBAAwB,EAAE,KAAK,CAAC,EAAD,CAtB0C;AAuBzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,EAAD,CAvBqC;AAwBzE,EAAA,+BAA+B,EAAE,KAAK,CAAC,EAAD,CAxBmC;AAyBzE,EAAA,gCAAgC,EAAE,KAAK,CAAC,EAAD,CAzBkC;AA0BzE,EAAA,2BAA2B,EAAE,IAAI,CAAC,EAAD,CA1BwC;AA2BzE,EAAA,gCAAgC,EAAE,IAAI,CAAC,EAAD,CA3BmC;AA4BzE,EAAA,kCAAkC,EAAE,IAAI,CAAC,EAAD,CA5BiC;AA6BzE,EAAA,mCAAmC,EAAE,IAAI,CAAC,EAAD,CA7BgC;AA8BzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,EAAD,CA9BqC;AA+BzE,EAAA,kCAAkC,EAAE,KAAK,CAAC,EAAD,CA/BgC;AAgCzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,EAAD,CAhC8B;AAiCzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,EAAD,CAjC6C;AAkCzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,EAAD,CAlC6C;AAmCzE,EAAA,6BAA6B,EAAE,IAAI,CAAC,EAAD,CAnCsC;AAoCzE,EAAA,8BAA8B,EAAE,KApCyC;AAqCzE,EAAA,mCAAmC,EAAE,KArCoC;AAsCzE,EAAA,qCAAqC,EAAE,KAtCkC;AAuCzE,EAAA,sCAAsC,EAAE,KAvCiC;AAwCzE,EAAA,6BAA6B,EAAE,KAxC0C;AAyCzE,EAAA,kCAAkC,EAAE,KAzCqC;AA0CzE,EAAA,uCAAuC,EAAE,KA1CgC;AA2CzE,EAAA,yCAAyC,EAAE,KA3C8B;AA4CzE,EAAA,0CAA0C,EAAE,KA5C6B;AA6CzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,GAAD,CA7CsC;AA8CzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CA9CiC;AA+CzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,GAAD,CA/C+B;AAgDzE,EAAA,2BAA2B,EAAE,KAAK,CAAC,EAAD,CAhDuC;AAiDzE,EAAA,gCAAgC,EAAE,KAAK,CAAC,EAAD,CAjDkC;AAkDzE,EAAA,kCAAkC,EAAE,KAAK,CAAC,EAAD,CAlDgC;AAmDzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CAnD+B;AAoDzE,EAAA,uBAAuB,EAAE,KApDgD;AAqDzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CArDuC;AAsDzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAtDqC;AAuDzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAvDoC;AAwDzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAxD4C;AAyDzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAzDuC;AA0DzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CA1DqC;AA2DzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CA3DoC;AA4DzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CA5D4C;AA6DzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA7DuC;AA8DzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CA9DqC;AA+DzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CA/DoC;AAgEzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAhE4C;AAiEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CAjEuC;AAkEzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAlEqC;AAmEzE,EAAA,+BAA+B,EAAE,KAnEwC;AAoEzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CApE4C;AAqEzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CArEuC;AAsEzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAtEqC;AAuEzE,EAAA,+BAA+B,EAAE,IAAI,CAAC,EAAD,CAvEoC;AAwEzE,EAAA,uBAAuB,EAAE,IAAI,CAAC,EAAD,CAxE4C;AAyEzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAzEqC;AA0EzE,EAAA,qBAAqB,EAAE,aA1EkD;AA2EzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CA3EyC;AA4EzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA5EuC;AA6EzE,EAAA,6BAA6B,EAAE,IAAI,CAAC,EAAD,CA7EsC;AA8EzE,EAAA,oCAAoC,EAAE,UAAU,CAAC,EAAD,CA9EyB;AA+EzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,EAAD,CA/EuB;AAgFzE,EAAA,uCAAuC,EAAE,aAhFgC;AAiFzE,EAAA,6BAA6B,EAAE,aAjF0C;AAkFzE,EAAA,kCAAkC,EAAE,UAAU,CAAC,EAAD,CAlF2B;AAmFzE,EAAA,oCAAoC,EAAE,UAAU,CAAC,EAAD,CAnFyB;AAoFzE,EAAA,qCAAqC,EAAE,UAAU,CAAC,EAAD,CApFwB;AAqFzE,EAAA,0BAA0B,EAAE,aArF6C;AAsFzE,EAAA,+BAA+B,EAAE,aAtFwC;AAuFzE,EAAA,iCAAiC,EAAE,aAvFsC;AAwFzE,EAAA,kCAAkC,EAAE,aAxFqC;AAyFzE,EAAA,8BAA8B,EAAE,IAAI,CAAC,EAAD,CAzFqC;AA0FzE,EAAA,sCAAsC,EAAE,UAAU,CAAC,EAAD,CA1FuB;AA2FzE,EAAA,oBAAoB,EAAE,IAAI,CAAC,EAAD,CA3F+C;AA4FzE,EAAA,oBAAoB,EAAE,IAAI,CAAC,EAAD,CA5F+C;AA6FzE,EAAA,sBAAsB,EAAE,UAAU,CAAC,EAAD,CA7FuC;AA8FzE,EAAA,qBAAqB,EAAE,UAAU,CAAC,EAAD,CA9FwC;AA+FzE,EAAA,oBAAoB,EAAE,KAAK,CAAC,EAAD,CA/F8C;AAgGzE,EAAA,yBAAyB,EAAE,KAAK,CAAC,EAAD,CAhGyC;AAiGzE,EAAA,2BAA2B,EAAE,KAAK,CAAC,EAAD,CAjGuC;AAkGzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,EAAD,CAlGsC;AAmGzE,EAAA,4BAA4B,EAAE,KAAK,CAAC,EAAD,CAnGsC;AAoGzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,EAAD,CApGiC;AAqGzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,EAAD,CArG+B;AAsGzE,EAAA,0BAA0B,EAAE,KAAK,CAAC,EAAD,CAtGwC;AAuGzE,EAAA,qBAAqB,EAAE,KAAK,CAAC,GAAD,CAvG6C;AAwGzE,EAAA,4BAA4B,EAAE,KAxG2C;AAyGzE,EAAA,iCAAiC,EAAE,KAAK,CAAC,GAAD,CAzGiC;AA0GzE,EAAA,mCAAmC,EAAE,KAAK,CAAC,GAAD,CA1G+B;AA2GzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,GAAD,CA3G8B;AA4GzE,EAAA,4BAA4B,EAAE,IAAI,CAAC,EAAD,CA5GuC;AA6GzE,EAAA,iCAAiC,EAAE,IAAI,CAAC,EAAD,CA7GkC;AA8GzE,EAAA,mCAAmC,EAAE,IAAI,CAAC,EAAD,CA9GgC;AA+GzE,EAAA,oCAAoC,EAAE,KAAK,CAAC,EAAD,CA/G8B;AAgHzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CAhHgD;AAiHzE,EAAA,wBAAwB,EAAE,IAAI,CAAC,EAAD,CAjH2C;AAkHzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CAlHyC;AAmHzE,EAAA,2BAA2B,EAAE,IAAI,CAAC,EAAD,CAnHwC;AAoHzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CApHgD;AAqHzE,EAAA,mBAAmB,EAAE,IAAI,CAAC,EAAD,CArHgD;AAsHzE,EAAA,yBAAyB,EAAE,KAtH8C;AAuHzE,EAAA,0BAA0B,EAAE,KAvH6C;AAwHzE,EAAA,+BAA+B,EAAE,KAxHwC;AAyHzE,EAAA,iCAAiC,EAAE,KAzHsC;AA0HzE,EAAA,kCAAkC,EAAE,KA1HqC;AA2HzE,EAAA,iBAAiB,EAAE,KAAK,CAAC,EAAD,CA3HiD;AA4HzE,EAAA,iBAAiB,EAAE,KAAK,CAAC,GAAD,CA5HiD;AA6HzE,EAAA,wBAAwB,EAAE,KAAK,CAAC,EAAD,CA7H0C;AA8HzE,EAAA,6BAA6B,EAAE,KAAK,CAAC,EAAD,CA9HqC;AA+HzE,EAAA,+BAA+B,EAAE,KAAK,CAAC,EAAD,CA/HmC;AAgIzE,EAAA,0BAA0B,EAAE,IAAI,CAAC,EAAD,CAhIyC;AAiIzE,EAAA,kCAAkC,EAAE,UAAU,CAAC,EAAD,CAjI2B;AAkIzE,EAAA,sBAAsB,EAAE,aAlIiD;AAmIzE,EAAA,iCAAiC,EAAE,aAnIsC;AAoIzE,EAAA,8BAA8B,EAAE,aApIyC;AAqIzE,EAAA,iBAAiB,EAAE,KArIsD;AAsIzE,EAAA,iBAAiB,EAAE,KAtIsD;AAuIzE,EAAA,yBAAyB,EAAE,kBAvI8C;AAwIzE,EAAA,qBAAqB,EAAE,kBAxIkD;AAyIzE,EAAA,gCAAgC,EAAE,kBAzIuC;AA0IzE,EAAA,4BAA4B,EAAE,kBA1I2C;AA2IzE,EAAA,+BAA+B,EAAE,kBA3IwC;AA4IzE,EAAA,2BAA2B,EAAE,kBA5I4C;AA6IzE,EAAA,uBAAuB,EAAE,kBA7IgD;AA8IzE,EAAA,mBAAmB,EAAE,kBA9IoD,CA8IhC;;AA9IgC,CAAxC,CAA5B","sourcesContent":["import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground1Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2Hover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Pressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground2BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralForeground3Hover: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Pressed: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3Selected: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground3BrandHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground3BrandPressed: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground3BrandSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralForeground4: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralForegroundDisabled: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundLinkHover: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundLinkPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandForegroundLinkSelected: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground2Link: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralForeground2LinkHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForeground2LinkSelected: grey[14], // #242424 Global.Color.Grey.14\n colorCompoundBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandForeground1Hover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandForeground1Pressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForeground1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForeground2: brand[70], // #106ebe Global.Color.Brand.70\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedSelected: white, // #ffffff Global.Color.White\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundInvertedHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundInvertedPressed: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: white, // #ffffff Global.Color.White\n colorNeutralBackground1Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground1Pressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground1Selected: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground2: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground2Hover: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground2Pressed: grey[86], // #dbdbdb Global.Color.Grey.86\n colorNeutralBackground2Selected: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackground3: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground3Hover: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralBackground3Selected: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralBackground4: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground4Hover: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground4Pressed: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground4Selected: white, // #ffffff Global.Color.White\n colorNeutralBackground5: grey[92], // #ebebeb Global.Color.Grey.92\n colorNeutralBackground5Hover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorNeutralBackground5Pressed: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackground5Selected: grey[98], // #fafafa Global.Color.Grey.98\n colorNeutralBackground6: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralBackgroundInverted: grey[38], // #616161 Global.Color.Grey.38\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[96], // #f5f5f5 Global.Color.Grey.96\n colorSubtleBackgroundPressed: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorSubtleBackgroundSelected: grey[92], // #ebebeb Global.Color.Grey.92\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70], // rgba(255, 255, 255, 0.7) Global.Color.WhiteAlpha.70\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50], // rgba(255, 255, 255, 0.5) Global.Color.WhiteAlpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[90], // #e6e6e6 Global.Color.Grey.90\n colorNeutralStencil2: grey[98], // #fafafa Global.Color.Grey.98\n colorBackgroundOverlay: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorScrollbarOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandBackgroundHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandBackgroundPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[38], // #616161 Global.Color.Grey.38\n colorNeutralStrokeAccessibleHover: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStrokeAccessiblePressed: grey[30], // #4d4d4d Global.Color.Grey.30\n colorNeutralStrokeAccessibleSelected: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStroke1: grey[82], // #d1d1d1 Global.Color.Grey.82\n colorNeutralStroke1Hover: grey[78], // #c7c7c7 Global.Color.Grey.78\n colorNeutralStroke1Pressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStroke1Selected: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStroke2: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStroke3: grey[94], // #f0f0f0 Global.Color.Grey.94\n colorNeutralStrokeOnBrand: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandStroke2: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorCompoundBrandStroke: brand[80], // #0078d4 Global.Color.Brand.80\n colorCompoundBrandStrokeHover: brand[70], // #106ebe Global.Color.Brand.70\n colorCompoundBrandStrokePressed: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralStrokeDisabled: grey[88], // #e0e0e0 Global.Color.Grey.88\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: white, // #ffffff Global.Color.White\n colorStrokeFocus2: black, // #000000 Global.Color.Black\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', // rgba(0,0,0,0.06) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', // rgba(0,0,0,0.07) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', // rgba(0,0,0,0.20) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,33 @@
1
+ import { statusSharedColors, personaSharedColors } from '../global/colors';
2
+ const statusColorPaletteTokens = /*#__PURE__*/Object.keys(statusSharedColors).reduce((acc, sharedColor) => {
3
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
4
+ const sharedColorTokens = {
5
+ [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,
6
+ [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,
7
+ [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,
8
+ [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,
9
+ [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,
10
+ [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,
11
+ [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,
12
+ [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,
13
+ [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary
14
+ };
15
+ return { ...acc,
16
+ ...sharedColorTokens
17
+ };
18
+ }, {});
19
+ const personaColorPaletteTokens = /*#__PURE__*/Object.keys(personaSharedColors).reduce((acc, sharedColor) => {
20
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
21
+ const sharedColorTokens = {
22
+ [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,
23
+ [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,
24
+ [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary
25
+ };
26
+ return { ...acc,
27
+ ...sharedColorTokens
28
+ };
29
+ }, {});
30
+ export const colorPaletteTokens = { ...statusColorPaletteTokens,
31
+ ...personaColorPaletteTokens
32
+ };
33
+ //# sourceMappingURL=lightColorPalette.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["alias/lightColorPalette.ts"],"names":[],"mappings":"AAAA,SAAS,kBAAT,EAA6B,mBAA7B,QAAiG,kBAAjG;AAGA,MAAM,wBAAwB,gBAAI,MAAM,CAAC,IAAP,CAAY,kBAAZ,EAE/B,MAF+B,CAExB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAD7C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MAF7C;AAGxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAH7C;AAIxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAJ7C;AAKxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAL7C;AAMxB,KAAC,eAAe,KAAK,aAArB,GAAqC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAN7C;AAOxB,KAAC,eAAe,KAAK,cAArB,GAAsC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,OAP9C;AAQxB,KAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC,MARzC;AASxB,KAAC,eAAe,KAAK,SAArB,GAAiC,kBAAkB,CAAC,WAAD,CAAlB,CAAgC;AATzC,GAA1B;AAYA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAjBiC,EAiB/B,EAjB+B,CAAlC;AAmBA,MAAM,yBAAyB,gBAAI,MAAM,CAAC,IAAP,CAAY,mBAAZ,EAEhC,MAFgC,CAEzB,CAAC,GAAD,EAAM,WAAN,KAAqB;AAC7B,QAAM,KAAK,GAAG,WAAW,CAAC,KAAZ,CAAkB,CAAlB,EAAqB,CAArB,EAAwB,WAAxB,KAAwC,WAAW,CAAC,KAAZ,CAAkB,CAAlB,CAAtD;AACA,QAAM,iBAAiB,GAAG;AACxB,KAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,MAD9C;AAExB,KAAC,eAAe,KAAK,aAArB,GAAqC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC,OAF9C;AAGxB,KAAC,eAAe,KAAK,cAArB,GAAsC,mBAAmB,CAAC,WAAD,CAAnB,CAAiC;AAH/C,GAA1B;AAMA,SAAO,EAAE,GAAG,GAAL;AAAU,OAAG;AAAb,GAAP;AACD,CAXkC,EAWhC,EAXgC,CAAnC;AAaA,OAAO,MAAM,kBAAkB,GAAuB,EAAE,GAAG,wBAAL;AAA+B,KAAG;AAAlC,CAA/C","sourcesContent":["import { statusSharedColors, personaSharedColors, StatusSharedColors, PersonaSharedColors } from '../global/colors';\nimport { ColorPaletteTokens, GlobalSharedColors, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = (Object.keys(statusSharedColors) as Array<\n keyof Pick<GlobalSharedColors, StatusSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as StatusColorPaletteTokens);\n\nconst personaColorPaletteTokens = (Object.keys(personaSharedColors) as Array<\n keyof Pick<GlobalSharedColors, PersonaSharedColors>\n>).reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return { ...acc, ...sharedColorTokens };\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,147 @@
1
+ import { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';
2
+ export const generateColorTokens = brand => ({
3
+ colorNeutralForeground1: white,
4
+ colorNeutralForeground1Hover: white,
5
+ colorNeutralForeground1Pressed: white,
6
+ colorNeutralForeground1Selected: white,
7
+ colorNeutralForeground2: grey[84],
8
+ colorNeutralForeground2Hover: white,
9
+ colorNeutralForeground2Pressed: white,
10
+ colorNeutralForeground2Selected: white,
11
+ colorNeutralForeground2BrandHover: brand[100],
12
+ colorNeutralForeground2BrandPressed: brand[90],
13
+ colorNeutralForeground2BrandSelected: brand[100],
14
+ colorNeutralForeground3: grey[68],
15
+ colorNeutralForeground3Hover: grey[84],
16
+ colorNeutralForeground3Pressed: grey[84],
17
+ colorNeutralForeground3Selected: grey[84],
18
+ colorNeutralForeground3BrandHover: brand[100],
19
+ colorNeutralForeground3BrandPressed: brand[90],
20
+ colorNeutralForeground3BrandSelected: brand[100],
21
+ colorNeutralForeground4: grey[60],
22
+ colorNeutralForegroundDisabled: grey[36],
23
+ colorNeutralForegroundInvertedDisabled: whiteAlpha[40],
24
+ colorBrandForegroundLink: brand[100],
25
+ colorBrandForegroundLinkHover: brand[110],
26
+ colorBrandForegroundLinkPressed: brand[90],
27
+ colorBrandForegroundLinkSelected: brand[100],
28
+ colorNeutralForeground2Link: grey[84],
29
+ colorNeutralForeground2LinkHover: white,
30
+ colorNeutralForeground2LinkPressed: white,
31
+ colorNeutralForeground2LinkSelected: white,
32
+ colorCompoundBrandForeground1: brand[100],
33
+ colorCompoundBrandForeground1Hover: brand[110],
34
+ colorCompoundBrandForeground1Pressed: brand[90],
35
+ colorBrandForeground1: brand[100],
36
+ colorBrandForeground2: brand[110],
37
+ colorNeutralForeground1Static: grey[14],
38
+ colorNeutralForegroundInverted: white,
39
+ colorNeutralForegroundInvertedHover: white,
40
+ colorNeutralForegroundInvertedPressed: white,
41
+ colorNeutralForegroundInvertedSelected: white,
42
+ colorNeutralForegroundOnBrand: white,
43
+ colorNeutralForegroundInvertedLink: white,
44
+ colorNeutralForegroundInvertedLinkHover: white,
45
+ colorNeutralForegroundInvertedLinkPressed: white,
46
+ colorNeutralForegroundInvertedLinkSelected: white,
47
+ colorBrandForegroundInverted: brand[100],
48
+ colorBrandForegroundInvertedHover: brand[110],
49
+ colorBrandForegroundInvertedPressed: brand[100],
50
+ colorBrandForegroundOnLight: brand[80],
51
+ colorBrandForegroundOnLightHover: brand[70],
52
+ colorBrandForegroundOnLightPressed: brand[50],
53
+ colorBrandForegroundOnLightSelected: brand[60],
54
+ colorNeutralBackground1: grey[16],
55
+ colorNeutralBackground1Hover: grey[24],
56
+ colorNeutralBackground1Pressed: grey[12],
57
+ colorNeutralBackground1Selected: grey[22],
58
+ colorNeutralBackground2: grey[14],
59
+ colorNeutralBackground2Hover: grey[22],
60
+ colorNeutralBackground2Pressed: grey[10],
61
+ colorNeutralBackground2Selected: grey[20],
62
+ colorNeutralBackground3: grey[12],
63
+ colorNeutralBackground3Hover: grey[20],
64
+ colorNeutralBackground3Pressed: grey[8],
65
+ colorNeutralBackground3Selected: grey[18],
66
+ colorNeutralBackground4: grey[8],
67
+ colorNeutralBackground4Hover: grey[16],
68
+ colorNeutralBackground4Pressed: grey[4],
69
+ colorNeutralBackground4Selected: grey[14],
70
+ colorNeutralBackground5: grey[4],
71
+ colorNeutralBackground5Hover: grey[12],
72
+ colorNeutralBackground5Pressed: black,
73
+ colorNeutralBackground5Selected: grey[10],
74
+ colorNeutralBackground6: grey[20],
75
+ colorNeutralBackgroundInverted: grey[24],
76
+ colorSubtleBackground: 'transparent',
77
+ colorSubtleBackgroundHover: grey[22],
78
+ colorSubtleBackgroundPressed: grey[18],
79
+ colorSubtleBackgroundSelected: grey[20],
80
+ colorSubtleBackgroundLightAlphaHover: grey14Alpha[80],
81
+ colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50],
82
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
83
+ colorSubtleBackgroundInverted: 'transparent',
84
+ colorSubtleBackgroundInvertedHover: blackAlpha[10],
85
+ colorSubtleBackgroundInvertedPressed: blackAlpha[30],
86
+ colorSubtleBackgroundInvertedSelected: blackAlpha[20],
87
+ colorTransparentBackground: 'transparent',
88
+ colorTransparentBackgroundHover: 'transparent',
89
+ colorTransparentBackgroundPressed: 'transparent',
90
+ colorTransparentBackgroundSelected: 'transparent',
91
+ colorNeutralBackgroundDisabled: grey[8],
92
+ colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
93
+ colorNeutralStencil1: grey[34],
94
+ colorNeutralStencil2: grey[20],
95
+ colorBackgroundOverlay: blackAlpha[50],
96
+ colorScrollbarOverlay: whiteAlpha[60],
97
+ colorBrandBackground: brand[70],
98
+ colorBrandBackgroundHover: brand[80],
99
+ colorBrandBackgroundPressed: brand[40],
100
+ colorBrandBackgroundSelected: brand[60],
101
+ colorCompoundBrandBackground: brand[100],
102
+ colorCompoundBrandBackgroundHover: brand[110],
103
+ colorCompoundBrandBackgroundPressed: brand[90],
104
+ colorBrandBackgroundStatic: brand[80],
105
+ colorBrandBackground2: brand[40],
106
+ colorBrandBackgroundInverted: white,
107
+ colorBrandBackgroundInvertedHover: brand[160],
108
+ colorBrandBackgroundInvertedPressed: brand[140],
109
+ colorBrandBackgroundInvertedSelected: brand[150],
110
+ colorNeutralStrokeAccessible: grey[68],
111
+ colorNeutralStrokeAccessibleHover: grey[74],
112
+ colorNeutralStrokeAccessiblePressed: grey[70],
113
+ colorNeutralStrokeAccessibleSelected: brand[100],
114
+ colorNeutralStroke1: grey[40],
115
+ colorNeutralStroke1Hover: grey[46],
116
+ colorNeutralStroke1Pressed: grey[42],
117
+ colorNeutralStroke1Selected: grey[44],
118
+ colorNeutralStroke2: grey[32],
119
+ colorNeutralStroke3: grey[24],
120
+ colorNeutralStrokeOnBrand: grey[16],
121
+ colorNeutralStrokeOnBrand2: white,
122
+ colorNeutralStrokeOnBrand2Hover: white,
123
+ colorNeutralStrokeOnBrand2Pressed: white,
124
+ colorNeutralStrokeOnBrand2Selected: white,
125
+ colorBrandStroke1: brand[100],
126
+ colorBrandStroke2: brand[50],
127
+ colorCompoundBrandStroke: brand[90],
128
+ colorCompoundBrandStrokeHover: brand[100],
129
+ colorCompoundBrandStrokePressed: brand[80],
130
+ colorNeutralStrokeDisabled: grey[26],
131
+ colorNeutralStrokeInvertedDisabled: whiteAlpha[40],
132
+ colorTransparentStroke: 'transparent',
133
+ colorTransparentStrokeInteractive: 'transparent',
134
+ colorTransparentStrokeDisabled: 'transparent',
135
+ colorStrokeFocus1: black,
136
+ colorStrokeFocus2: white,
137
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
138
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
139
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
140
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
141
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
142
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
143
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
144
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)' // rgba(0,0,0,0.25) undefined
145
+
146
+ });
147
+ //# sourceMappingURL=teamsDarkColor.js.map