@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/CHANGELOG.json +264 -1
  2. package/CHANGELOG.md +86 -2
  3. package/dist/index.d.ts +460 -0
  4. package/lib/alias/darkColor.js +162 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +67 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +162 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +52 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +162 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +57 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +162 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +8 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +54 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +45 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +807 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +11 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +37 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +9 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +40 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +6 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +107 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -2
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +60 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/statusColorMapping.js +5 -0
  45. package/lib/statusColorMapping.js.map +1 -0
  46. package/lib/themeToTokensObject.js +15 -0
  47. package/lib/themeToTokensObject.js.map +1 -0
  48. package/lib/themes/index.js +2 -0
  49. package/lib/themes/index.js.map +1 -0
  50. package/lib/themes/teams/darkTheme.js +3 -0
  51. package/lib/themes/teams/darkTheme.js.map +1 -0
  52. package/lib/themes/teams/highContrastTheme.js +2 -0
  53. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  54. package/lib/themes/teams/index.js +3 -0
  55. package/lib/themes/teams/index.js.map +1 -0
  56. package/lib/themes/teams/lightTheme.js +3 -0
  57. package/lib/themes/teams/lightTheme.js.map +1 -0
  58. package/lib/themes/web/darkTheme.js +3 -0
  59. package/lib/themes/web/darkTheme.js.map +1 -0
  60. package/lib/themes/web/index.js +2 -0
  61. package/lib/themes/web/index.js.map +1 -0
  62. package/lib/themes/web/lightTheme.js +3 -0
  63. package/lib/themes/web/lightTheme.js.map +1 -0
  64. package/lib/tokens.js +480 -0
  65. package/lib/tokens.js.map +1 -0
  66. package/lib/types.js +1 -0
  67. package/lib/types.js.map +1 -0
  68. package/lib/utils/createDarkTheme.js +27 -0
  69. package/lib/utils/createDarkTheme.js.map +1 -0
  70. package/lib/utils/createHighContrastTheme.js +27 -0
  71. package/lib/utils/createHighContrastTheme.js.map +1 -0
  72. package/lib/utils/createLightTheme.js +27 -0
  73. package/lib/utils/createLightTheme.js.map +1 -0
  74. package/lib/utils/createTeamsDarkTheme.js +27 -0
  75. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  76. package/lib/utils/index.js +4 -0
  77. package/lib/utils/index.js.map +1 -0
  78. package/lib/utils/shadows.js +10 -0
  79. package/lib/utils/shadows.js.map +1 -0
  80. package/lib-commonjs/alias/darkColor.js +172 -0
  81. package/lib-commonjs/alias/darkColor.js.map +1 -0
  82. package/lib-commonjs/alias/darkColorPalette.js +85 -0
  83. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  84. package/lib-commonjs/alias/highContrastColor.js +172 -0
  85. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  86. package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
  87. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  88. package/lib-commonjs/alias/lightColor.js +172 -0
  89. package/lib-commonjs/alias/lightColor.js.map +1 -0
  90. package/lib-commonjs/alias/lightColorPalette.js +75 -0
  91. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  92. package/lib-commonjs/alias/teamsDarkColor.js +172 -0
  93. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  94. package/lib-commonjs/global/borderRadius.js +18 -0
  95. package/lib-commonjs/global/borderRadius.js.map +1 -0
  96. package/lib-commonjs/global/brandColors.js +75 -0
  97. package/lib-commonjs/global/brandColors.js.map +1 -0
  98. package/lib-commonjs/global/colorPalette.js +66 -0
  99. package/lib-commonjs/global/colorPalette.js.map +1 -0
  100. package/lib-commonjs/global/colors.js +1014 -0
  101. package/lib-commonjs/global/colors.js.map +1 -0
  102. package/lib-commonjs/global/curves.js +21 -0
  103. package/lib-commonjs/global/curves.js.map +1 -0
  104. package/lib-commonjs/global/durations.js +20 -0
  105. package/lib-commonjs/global/durations.js.map +1 -0
  106. package/lib-commonjs/global/fonts.js +59 -0
  107. package/lib-commonjs/global/fonts.js.map +1 -0
  108. package/lib-commonjs/global/index.js +13 -0
  109. package/lib-commonjs/global/index.js.map +1 -0
  110. package/lib-commonjs/global/spacings.js +58 -0
  111. package/lib-commonjs/global/spacings.js.map +1 -0
  112. package/lib-commonjs/global/strokeWidths.js +16 -0
  113. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  114. package/lib-commonjs/global/typographyStyles.js +115 -0
  115. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  116. package/lib-commonjs/index.js +50 -3
  117. package/lib-commonjs/index.js.map +1 -1
  118. package/lib-commonjs/sharedColorNames.js +84 -0
  119. package/lib-commonjs/sharedColorNames.js.map +1 -0
  120. package/lib-commonjs/statusColorMapping.js +15 -0
  121. package/lib-commonjs/statusColorMapping.js.map +1 -0
  122. package/lib-commonjs/themeToTokensObject.js +25 -0
  123. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  124. package/lib-commonjs/themes/index.js +7 -0
  125. package/lib-commonjs/themes/index.js.map +1 -0
  126. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  127. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  128. package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
  129. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  130. package/lib-commonjs/themes/teams/index.js +8 -0
  131. package/lib-commonjs/themes/teams/index.js.map +1 -0
  132. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  133. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  134. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  135. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  136. package/lib-commonjs/themes/web/index.js +7 -0
  137. package/lib-commonjs/themes/web/index.js.map +1 -0
  138. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  139. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  140. package/lib-commonjs/tokens.js +490 -0
  141. package/lib-commonjs/tokens.js.map +1 -0
  142. package/lib-commonjs/types.js +4 -0
  143. package/lib-commonjs/types.js.map +1 -0
  144. package/lib-commonjs/utils/createDarkTheme.js +37 -0
  145. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  146. package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
  147. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  148. package/lib-commonjs/utils/createLightTheme.js +37 -0
  149. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  150. package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
  151. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  152. package/lib-commonjs/utils/index.js +9 -0
  153. package/lib-commonjs/utils/index.js.map +1 -0
  154. package/lib-commonjs/utils/shadows.js +20 -0
  155. package/lib-commonjs/utils/shadows.js.map +1 -0
  156. package/package.json +7 -4
  157. package/lib-amd/index.js +0 -5
  158. package/lib-amd/index.js.map +0 -1
@@ -0,0 +1,172 @@
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "generateColorTokens", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return generateColorTokens;
9
+ }
10
+ });
11
+ const _colors = require("../global/colors");
12
+ const generateColorTokens = ()=>({
13
+ colorNeutralForeground1: _colors.hcCanvasText,
14
+ colorNeutralForeground1Hover: _colors.hcHighlightText,
15
+ colorNeutralForeground1Pressed: _colors.hcHighlightText,
16
+ colorNeutralForeground1Selected: _colors.hcHighlightText,
17
+ colorNeutralForeground2: _colors.hcCanvasText,
18
+ colorNeutralForeground2Hover: _colors.hcHighlightText,
19
+ colorNeutralForeground2Pressed: _colors.hcHighlightText,
20
+ colorNeutralForeground2Selected: _colors.hcHighlightText,
21
+ colorNeutralForeground2BrandHover: _colors.hcHighlightText,
22
+ colorNeutralForeground2BrandPressed: _colors.hcHighlightText,
23
+ colorNeutralForeground2BrandSelected: _colors.hcHighlightText,
24
+ colorNeutralForeground3: _colors.hcCanvasText,
25
+ colorNeutralForeground3Hover: _colors.hcHighlightText,
26
+ colorNeutralForeground3Pressed: _colors.hcHighlightText,
27
+ colorNeutralForeground3Selected: _colors.hcHighlightText,
28
+ colorNeutralForeground3BrandHover: _colors.hcHighlightText,
29
+ colorNeutralForeground3BrandPressed: _colors.hcHighlightText,
30
+ colorNeutralForeground3BrandSelected: _colors.hcHighlightText,
31
+ colorNeutralForeground4: _colors.hcCanvasText,
32
+ colorNeutralForegroundDisabled: _colors.hcDisabled,
33
+ colorNeutralForegroundInvertedDisabled: _colors.hcDisabled,
34
+ colorBrandForegroundLink: _colors.hcHyperlink,
35
+ colorBrandForegroundLinkHover: _colors.hcHyperlink,
36
+ colorBrandForegroundLinkPressed: _colors.hcHyperlink,
37
+ colorBrandForegroundLinkSelected: _colors.hcHyperlink,
38
+ colorNeutralForeground2Link: _colors.hcHyperlink,
39
+ colorNeutralForeground2LinkHover: _colors.hcHyperlink,
40
+ colorNeutralForeground2LinkPressed: _colors.hcHyperlink,
41
+ colorNeutralForeground2LinkSelected: _colors.hcHyperlink,
42
+ colorCompoundBrandForeground1: _colors.hcHighlight,
43
+ colorCompoundBrandForeground1Hover: _colors.hcHighlight,
44
+ colorCompoundBrandForeground1Pressed: _colors.hcHighlight,
45
+ colorBrandForeground1: _colors.hcCanvasText,
46
+ colorBrandForeground2: _colors.hcCanvasText,
47
+ colorBrandForeground2Hover: _colors.hcCanvasText,
48
+ colorBrandForeground2Pressed: _colors.hcCanvasText,
49
+ colorNeutralForeground1Static: _colors.hcCanvas,
50
+ colorNeutralForegroundStaticInverted: _colors.hcCanvasText,
51
+ colorNeutralForegroundInverted: _colors.hcHighlightText,
52
+ colorNeutralForegroundInvertedHover: _colors.hcHighlightText,
53
+ colorNeutralForegroundInvertedPressed: _colors.hcHighlightText,
54
+ colorNeutralForegroundInvertedSelected: _colors.hcHighlightText,
55
+ colorNeutralForegroundInverted2: _colors.hcCanvasText,
56
+ colorNeutralForegroundOnBrand: _colors.hcButtonText,
57
+ colorNeutralForegroundInvertedLink: _colors.hcHyperlink,
58
+ colorNeutralForegroundInvertedLinkHover: _colors.hcHyperlink,
59
+ colorNeutralForegroundInvertedLinkPressed: _colors.hcHyperlink,
60
+ colorNeutralForegroundInvertedLinkSelected: _colors.hcHyperlink,
61
+ colorBrandForegroundInverted: _colors.hcCanvasText,
62
+ colorBrandForegroundInvertedHover: _colors.hcHighlightText,
63
+ colorBrandForegroundInvertedPressed: _colors.hcHighlightText,
64
+ colorBrandForegroundOnLight: _colors.hcButtonText,
65
+ colorBrandForegroundOnLightHover: _colors.hcHighlightText,
66
+ colorBrandForegroundOnLightPressed: _colors.hcHighlightText,
67
+ colorBrandForegroundOnLightSelected: _colors.hcHighlightText,
68
+ colorNeutralBackground1: _colors.hcCanvas,
69
+ colorNeutralBackground1Hover: _colors.hcHighlight,
70
+ colorNeutralBackground1Pressed: _colors.hcHighlight,
71
+ colorNeutralBackground1Selected: _colors.hcHighlight,
72
+ colorNeutralBackground2: _colors.hcCanvas,
73
+ colorNeutralBackground2Hover: _colors.hcHighlight,
74
+ colorNeutralBackground2Pressed: _colors.hcHighlight,
75
+ colorNeutralBackground2Selected: _colors.hcHighlight,
76
+ colorNeutralBackground3: _colors.hcCanvas,
77
+ colorNeutralBackground3Hover: _colors.hcHighlight,
78
+ colorNeutralBackground3Pressed: _colors.hcHighlight,
79
+ colorNeutralBackground3Selected: _colors.hcHighlight,
80
+ colorNeutralBackground4: _colors.hcCanvas,
81
+ colorNeutralBackground4Hover: _colors.hcHighlight,
82
+ colorNeutralBackground4Pressed: _colors.hcHighlight,
83
+ colorNeutralBackground4Selected: _colors.hcHighlight,
84
+ colorNeutralBackground5: _colors.hcCanvas,
85
+ colorNeutralBackground5Hover: _colors.hcHighlight,
86
+ colorNeutralBackground5Pressed: _colors.hcHighlight,
87
+ colorNeutralBackground5Selected: _colors.hcHighlight,
88
+ colorNeutralBackground6: _colors.hcCanvas,
89
+ colorNeutralBackgroundInverted: _colors.hcCanvas,
90
+ colorNeutralBackgroundStatic: _colors.hcCanvas,
91
+ colorNeutralBackgroundAlpha: _colors.hcCanvas,
92
+ colorNeutralBackgroundAlpha2: _colors.hcCanvas,
93
+ colorSubtleBackground: 'transparent',
94
+ colorSubtleBackgroundHover: _colors.hcHighlight,
95
+ colorSubtleBackgroundPressed: _colors.hcHighlight,
96
+ colorSubtleBackgroundSelected: _colors.hcHighlight,
97
+ colorSubtleBackgroundLightAlphaHover: _colors.hcHighlight,
98
+ colorSubtleBackgroundLightAlphaPressed: _colors.hcHighlight,
99
+ colorSubtleBackgroundLightAlphaSelected: _colors.hcHighlight,
100
+ colorSubtleBackgroundInverted: 'transparent',
101
+ colorSubtleBackgroundInvertedHover: _colors.hcHighlight,
102
+ colorSubtleBackgroundInvertedPressed: _colors.hcHighlight,
103
+ colorSubtleBackgroundInvertedSelected: _colors.hcHighlight,
104
+ colorTransparentBackground: 'transparent',
105
+ colorTransparentBackgroundHover: _colors.hcHighlight,
106
+ colorTransparentBackgroundPressed: _colors.hcHighlight,
107
+ colorTransparentBackgroundSelected: _colors.hcHighlight,
108
+ colorNeutralBackgroundDisabled: _colors.hcCanvas,
109
+ colorNeutralBackgroundInvertedDisabled: _colors.hcCanvas,
110
+ colorNeutralStencil1: _colors.hcCanvasText,
111
+ colorNeutralStencil2: _colors.hcCanvasText,
112
+ colorNeutralStencil1Alpha: _colors.hcCanvasText,
113
+ colorNeutralStencil2Alpha: _colors.hcCanvasText,
114
+ colorBackgroundOverlay: _colors.blackAlpha[50],
115
+ colorScrollbarOverlay: _colors.hcButtonFace,
116
+ colorBrandBackground: _colors.hcButtonFace,
117
+ colorBrandBackgroundHover: _colors.hcHighlight,
118
+ colorBrandBackgroundPressed: _colors.hcHighlight,
119
+ colorBrandBackgroundSelected: _colors.hcHighlight,
120
+ colorCompoundBrandBackground: _colors.hcHighlight,
121
+ colorCompoundBrandBackgroundHover: _colors.hcHighlight,
122
+ colorCompoundBrandBackgroundPressed: _colors.hcHighlight,
123
+ colorBrandBackgroundStatic: _colors.hcCanvas,
124
+ colorBrandBackground2: _colors.hcCanvas,
125
+ colorBrandBackground2Hover: _colors.hcCanvas,
126
+ colorBrandBackground2Pressed: _colors.hcCanvas,
127
+ colorBrandBackgroundInverted: _colors.hcButtonFace,
128
+ colorBrandBackgroundInvertedHover: _colors.hcHighlight,
129
+ colorBrandBackgroundInvertedPressed: _colors.hcHighlight,
130
+ colorBrandBackgroundInvertedSelected: _colors.hcHighlight,
131
+ colorNeutralStrokeAccessible: _colors.hcCanvasText,
132
+ colorNeutralStrokeAccessibleHover: _colors.hcHighlight,
133
+ colorNeutralStrokeAccessiblePressed: _colors.hcHighlight,
134
+ colorNeutralStrokeAccessibleSelected: _colors.hcHighlight,
135
+ colorNeutralStroke1: _colors.hcCanvasText,
136
+ colorNeutralStroke1Hover: _colors.hcHighlight,
137
+ colorNeutralStroke1Pressed: _colors.hcHighlight,
138
+ colorNeutralStroke1Selected: _colors.hcHighlight,
139
+ colorNeutralStroke2: _colors.hcCanvasText,
140
+ colorNeutralStroke3: _colors.hcCanvasText,
141
+ colorNeutralStrokeSubtle: _colors.hcCanvasText,
142
+ colorNeutralStrokeOnBrand: _colors.hcCanvas,
143
+ colorNeutralStrokeOnBrand2: _colors.hcCanvasText,
144
+ colorNeutralStrokeOnBrand2Hover: _colors.hcCanvasText,
145
+ colorNeutralStrokeOnBrand2Pressed: _colors.hcCanvasText,
146
+ colorNeutralStrokeOnBrand2Selected: _colors.hcCanvasText,
147
+ colorBrandStroke1: _colors.hcCanvasText,
148
+ colorBrandStroke2: _colors.hcCanvasText,
149
+ colorBrandStroke2Hover: _colors.hcHighlight,
150
+ colorBrandStroke2Pressed: _colors.hcHighlight,
151
+ colorBrandStroke2Contrast: _colors.hcCanvas,
152
+ colorCompoundBrandStroke: _colors.hcHighlight,
153
+ colorCompoundBrandStrokeHover: _colors.hcHighlight,
154
+ colorCompoundBrandStrokePressed: _colors.hcHighlight,
155
+ colorNeutralStrokeDisabled: _colors.hcDisabled,
156
+ colorNeutralStrokeInvertedDisabled: _colors.hcDisabled,
157
+ colorTransparentStroke: _colors.hcCanvasText,
158
+ colorTransparentStrokeInteractive: _colors.hcHighlight,
159
+ colorTransparentStrokeDisabled: _colors.hcDisabled,
160
+ colorNeutralStrokeAlpha: _colors.hcCanvasText,
161
+ colorNeutralStrokeAlpha2: _colors.hcCanvas,
162
+ colorStrokeFocus1: _colors.hcCanvas,
163
+ colorStrokeFocus2: _colors.hcHighlight,
164
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
165
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
166
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
167
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
168
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
169
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
170
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
171
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)'
172
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["highContrastColor.js"],"sourcesContent":["/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { blackAlpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink } from '../global/colors';\nexport const generateColorTokens = ()=>({\n colorNeutralForeground1: hcCanvasText,\n colorNeutralForeground1Hover: hcHighlightText,\n colorNeutralForeground1Pressed: hcHighlightText,\n colorNeutralForeground1Selected: hcHighlightText,\n colorNeutralForeground2: hcCanvasText,\n colorNeutralForeground2Hover: hcHighlightText,\n colorNeutralForeground2Pressed: hcHighlightText,\n colorNeutralForeground2Selected: hcHighlightText,\n colorNeutralForeground2BrandHover: hcHighlightText,\n colorNeutralForeground2BrandPressed: hcHighlightText,\n colorNeutralForeground2BrandSelected: hcHighlightText,\n colorNeutralForeground3: hcCanvasText,\n colorNeutralForeground3Hover: hcHighlightText,\n colorNeutralForeground3Pressed: hcHighlightText,\n colorNeutralForeground3Selected: hcHighlightText,\n colorNeutralForeground3BrandHover: hcHighlightText,\n colorNeutralForeground3BrandPressed: hcHighlightText,\n colorNeutralForeground3BrandSelected: hcHighlightText,\n colorNeutralForeground4: hcCanvasText,\n colorNeutralForegroundDisabled: hcDisabled,\n colorNeutralForegroundInvertedDisabled: hcDisabled,\n colorBrandForegroundLink: hcHyperlink,\n colorBrandForegroundLinkHover: hcHyperlink,\n colorBrandForegroundLinkPressed: hcHyperlink,\n colorBrandForegroundLinkSelected: hcHyperlink,\n colorNeutralForeground2Link: hcHyperlink,\n colorNeutralForeground2LinkHover: hcHyperlink,\n colorNeutralForeground2LinkPressed: hcHyperlink,\n colorNeutralForeground2LinkSelected: hcHyperlink,\n colorCompoundBrandForeground1: hcHighlight,\n colorCompoundBrandForeground1Hover: hcHighlight,\n colorCompoundBrandForeground1Pressed: hcHighlight,\n colorBrandForeground1: hcCanvasText,\n colorBrandForeground2: hcCanvasText,\n colorBrandForeground2Hover: hcCanvasText,\n colorBrandForeground2Pressed: hcCanvasText,\n colorNeutralForeground1Static: hcCanvas,\n colorNeutralForegroundStaticInverted: hcCanvasText,\n colorNeutralForegroundInverted: hcHighlightText,\n colorNeutralForegroundInvertedHover: hcHighlightText,\n colorNeutralForegroundInvertedPressed: hcHighlightText,\n colorNeutralForegroundInvertedSelected: hcHighlightText,\n colorNeutralForegroundInverted2: hcCanvasText,\n colorNeutralForegroundOnBrand: hcButtonText,\n colorNeutralForegroundInvertedLink: hcHyperlink,\n colorNeutralForegroundInvertedLinkHover: hcHyperlink,\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink,\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink,\n colorBrandForegroundInverted: hcCanvasText,\n colorBrandForegroundInvertedHover: hcHighlightText,\n colorBrandForegroundInvertedPressed: hcHighlightText,\n colorBrandForegroundOnLight: hcButtonText,\n colorBrandForegroundOnLightHover: hcHighlightText,\n colorBrandForegroundOnLightPressed: hcHighlightText,\n colorBrandForegroundOnLightSelected: hcHighlightText,\n colorNeutralBackground1: hcCanvas,\n colorNeutralBackground1Hover: hcHighlight,\n colorNeutralBackground1Pressed: hcHighlight,\n colorNeutralBackground1Selected: hcHighlight,\n colorNeutralBackground2: hcCanvas,\n colorNeutralBackground2Hover: hcHighlight,\n colorNeutralBackground2Pressed: hcHighlight,\n colorNeutralBackground2Selected: hcHighlight,\n colorNeutralBackground3: hcCanvas,\n colorNeutralBackground3Hover: hcHighlight,\n colorNeutralBackground3Pressed: hcHighlight,\n colorNeutralBackground3Selected: hcHighlight,\n colorNeutralBackground4: hcCanvas,\n colorNeutralBackground4Hover: hcHighlight,\n colorNeutralBackground4Pressed: hcHighlight,\n colorNeutralBackground4Selected: hcHighlight,\n colorNeutralBackground5: hcCanvas,\n colorNeutralBackground5Hover: hcHighlight,\n colorNeutralBackground5Pressed: hcHighlight,\n colorNeutralBackground5Selected: hcHighlight,\n colorNeutralBackground6: hcCanvas,\n colorNeutralBackgroundInverted: hcCanvas,\n colorNeutralBackgroundStatic: hcCanvas,\n colorNeutralBackgroundAlpha: hcCanvas,\n colorNeutralBackgroundAlpha2: hcCanvas,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: hcHighlight,\n colorSubtleBackgroundPressed: hcHighlight,\n colorSubtleBackgroundSelected: hcHighlight,\n colorSubtleBackgroundLightAlphaHover: hcHighlight,\n colorSubtleBackgroundLightAlphaPressed: hcHighlight,\n colorSubtleBackgroundLightAlphaSelected: hcHighlight,\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: hcHighlight,\n colorSubtleBackgroundInvertedPressed: hcHighlight,\n colorSubtleBackgroundInvertedSelected: hcHighlight,\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: hcHighlight,\n colorTransparentBackgroundPressed: hcHighlight,\n colorTransparentBackgroundSelected: hcHighlight,\n colorNeutralBackgroundDisabled: hcCanvas,\n colorNeutralBackgroundInvertedDisabled: hcCanvas,\n colorNeutralStencil1: hcCanvasText,\n colorNeutralStencil2: hcCanvasText,\n colorNeutralStencil1Alpha: hcCanvasText,\n colorNeutralStencil2Alpha: hcCanvasText,\n colorBackgroundOverlay: blackAlpha[50],\n colorScrollbarOverlay: hcButtonFace,\n colorBrandBackground: hcButtonFace,\n colorBrandBackgroundHover: hcHighlight,\n colorBrandBackgroundPressed: hcHighlight,\n colorBrandBackgroundSelected: hcHighlight,\n colorCompoundBrandBackground: hcHighlight,\n colorCompoundBrandBackgroundHover: hcHighlight,\n colorCompoundBrandBackgroundPressed: hcHighlight,\n colorBrandBackgroundStatic: hcCanvas,\n colorBrandBackground2: hcCanvas,\n colorBrandBackground2Hover: hcCanvas,\n colorBrandBackground2Pressed: hcCanvas,\n colorBrandBackgroundInverted: hcButtonFace,\n colorBrandBackgroundInvertedHover: hcHighlight,\n colorBrandBackgroundInvertedPressed: hcHighlight,\n colorBrandBackgroundInvertedSelected: hcHighlight,\n colorNeutralStrokeAccessible: hcCanvasText,\n colorNeutralStrokeAccessibleHover: hcHighlight,\n colorNeutralStrokeAccessiblePressed: hcHighlight,\n colorNeutralStrokeAccessibleSelected: hcHighlight,\n colorNeutralStroke1: hcCanvasText,\n colorNeutralStroke1Hover: hcHighlight,\n colorNeutralStroke1Pressed: hcHighlight,\n colorNeutralStroke1Selected: hcHighlight,\n colorNeutralStroke2: hcCanvasText,\n colorNeutralStroke3: hcCanvasText,\n colorNeutralStrokeSubtle: hcCanvasText,\n colorNeutralStrokeOnBrand: hcCanvas,\n colorNeutralStrokeOnBrand2: hcCanvasText,\n colorNeutralStrokeOnBrand2Hover: hcCanvasText,\n colorNeutralStrokeOnBrand2Pressed: hcCanvasText,\n colorNeutralStrokeOnBrand2Selected: hcCanvasText,\n colorBrandStroke1: hcCanvasText,\n colorBrandStroke2: hcCanvasText,\n colorBrandStroke2Hover: hcHighlight,\n colorBrandStroke2Pressed: hcHighlight,\n colorBrandStroke2Contrast: hcCanvas,\n colorCompoundBrandStroke: hcHighlight,\n colorCompoundBrandStrokeHover: hcHighlight,\n colorCompoundBrandStrokePressed: hcHighlight,\n colorNeutralStrokeDisabled: hcDisabled,\n colorNeutralStrokeInvertedDisabled: hcDisabled,\n colorTransparentStroke: hcCanvasText,\n colorTransparentStrokeInteractive: hcHighlight,\n colorTransparentStrokeDisabled: hcDisabled,\n colorNeutralStrokeAlpha: hcCanvasText,\n colorNeutralStrokeAlpha2: hcCanvas,\n colorStrokeFocus1: hcCanvas,\n colorStrokeFocus2: hcHighlight,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n });\n"],"names":["generateColorTokens","colorNeutralForeground1","hcCanvasText","colorNeutralForeground1Hover","hcHighlightText","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","hcDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","hcHyperlink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","hcHighlight","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","hcCanvas","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","hcButtonText","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","blackAlpha","colorScrollbarOverlay","hcButtonFace","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ colorPaletteTokens: function() {
13
+ return colorPaletteTokens;
14
+ },
15
+ colorStatusTokens: function() {
16
+ return colorStatusTokens;
17
+ }
18
+ });
19
+ const _colors = require("../global/colors");
20
+ const _sharedColorNames = require("../sharedColorNames");
21
+ const _statusColorMapping = require("../statusColorMapping");
22
+ const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
23
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
24
+ const sharedColorTokens = {
25
+ [`colorPalette${color}Background1`]: _colors.hcCanvas,
26
+ [`colorPalette${color}Background2`]: _colors.hcCanvas,
27
+ [`colorPalette${color}Background3`]: _colors.hcCanvasText,
28
+ [`colorPalette${color}Foreground1`]: _colors.hcCanvasText,
29
+ [`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
30
+ [`colorPalette${color}Foreground3`]: _colors.hcCanvasText,
31
+ [`colorPalette${color}BorderActive`]: _colors.hcHighlight,
32
+ [`colorPalette${color}Border1`]: _colors.hcCanvasText,
33
+ [`colorPalette${color}Border2`]: _colors.hcCanvasText
34
+ };
35
+ return Object.assign(acc, sharedColorTokens);
36
+ }, {});
37
+ // one-off patches
38
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colors.hcCanvasText;
39
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colors.hcCanvasText;
40
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colors.hcCanvasText;
41
+ const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
42
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
43
+ const sharedColorTokens = {
44
+ [`colorPalette${color}Background2`]: _colors.hcCanvas,
45
+ [`colorPalette${color}Foreground2`]: _colors.hcCanvasText,
46
+ [`colorPalette${color}BorderActive`]: _colors.hcHighlight
47
+ };
48
+ return Object.assign(acc, sharedColorTokens);
49
+ }, {});
50
+ const colorPaletteTokens = {
51
+ ...statusColorPaletteTokens,
52
+ ...personaColorPaletteTokens
53
+ };
54
+ const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
55
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
56
+ // TODO: double check the mapping with design
57
+ const statusColorTokens = {
58
+ [`colorStatus${color}Background1`]: _colors.hcCanvas,
59
+ [`colorStatus${color}Background2`]: _colors.hcCanvas,
60
+ [`colorStatus${color}Background3`]: _colors.hcCanvasText,
61
+ [`colorStatus${color}Foreground1`]: _colors.hcCanvasText,
62
+ [`colorStatus${color}Foreground2`]: _colors.hcCanvasText,
63
+ [`colorStatus${color}Foreground3`]: _colors.hcCanvasText,
64
+ [`colorStatus${color}BorderActive`]: _colors.hcHighlight,
65
+ [`colorStatus${color}ForegroundInverted`]: _colors.hcCanvasText,
66
+ [`colorStatus${color}Border1`]: _colors.hcCanvasText,
67
+ [`colorStatus${color}Border2`]: _colors.hcCanvasText
68
+ };
69
+ return Object.assign(acc, statusColorTokens);
70
+ }, {});
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["highContrastColorPalette.js"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { statusColorMapping } from '../statusColorMapping';\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\nexport const colorPaletteTokens = {\n ...statusColorPaletteTokens,\n ...personaColorPaletteTokens\n};\nexport const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText\n };\n return Object.assign(acc, statusColorTokens);\n}, {});\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","hcCanvas","hcCanvasText","hcHighlight","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","entries","statusColorMapping","statusColor","statusColorTokens"],"mappings":";;;;;;;;;;;IA+BaA,kBAAkB;eAAlBA;;IAIAC,iBAAiB;eAAjBA;;;wBAnCuC;kCACY;oCAC7B;AACnC,MAAMC,2BAA2BC,wCAAsB,CAACC,MAAM,CAAC,CAACC,KAAKC;IACjE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACtB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAEI,gBAAQ;QAC7C,CAAC,CAAC,YAAY,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEI,gBAAQ;QAC7C,CAAC,CAAC,YAAY,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QACjD,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QACjD,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QACjD,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QACjD,CAAC,CAAC,YAAY,EAAEL,MAAM,YAAY,CAAC,CAAC,EAAEM,mBAAW;QACjD,CAAC,CAAC,YAAY,EAAEN,MAAM,OAAO,CAAC,CAAC,EAAEK,oBAAY;QAC7C,CAAC,CAAC,YAAY,EAAEL,MAAM,OAAO,CAAC,CAAC,EAAEK,oBAAY;IACjD;IACA,OAAOE,OAAOC,MAAM,CAACV,KAAKK;AAC9B,GAAG,CAAC;AACJ,kBAAkB;AAClBR,yBAAyBc,iCAAiC,GAAGJ,oBAAY;AACzEV,yBAAyBe,mCAAmC,GAAGL,oBAAY;AAC3EV,yBAAyBgB,oCAAoC,GAAGN,oBAAY;AAC5E,MAAMO,4BAA4BC,yCAAuB,CAAChB,MAAM,CAAC,CAACC,KAAKC;IACnE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACtB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAEI,gBAAQ;QAC7C,CAAC,CAAC,YAAY,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QACjD,CAAC,CAAC,YAAY,EAAEL,MAAM,YAAY,CAAC,CAAC,EAAEM,mBAAW;IACrD;IACA,OAAOC,OAAOC,MAAM,CAACV,KAAKK;AAC9B,GAAG,CAAC;AACG,MAAMV,qBAAqB;IAC9B,GAAGE,wBAAwB;IAC3B,GAAGiB,yBAAyB;AAChC;AACO,MAAMlB,oBAAoBa,OAAOO,OAAO,CAACC,sCAAkB,EAAElB,MAAM,CAAC,CAACC,KAAK,CAACkB,aAAajB,YAAY;IACvG,MAAMC,QAAQgB,YAAYf,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKc,YAAYf,KAAK,CAAC;IACxE,6CAA6C;IAC7C,MAAMgB,oBAAoB;QACtB,CAAC,CAAC,WAAW,EAAEjB,MAAM,WAAW,CAAC,CAAC,EAAEI,gBAAQ;QAC5C,CAAC,CAAC,WAAW,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEI,gBAAQ;QAC5C,CAAC,CAAC,WAAW,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QAChD,CAAC,CAAC,WAAW,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QAChD,CAAC,CAAC,WAAW,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QAChD,CAAC,CAAC,WAAW,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEK,oBAAY;QAChD,CAAC,CAAC,WAAW,EAAEL,MAAM,YAAY,CAAC,CAAC,EAAEM,mBAAW;QAChD,CAAC,CAAC,WAAW,EAAEN,MAAM,kBAAkB,CAAC,CAAC,EAAEK,oBAAY;QACvD,CAAC,CAAC,WAAW,EAAEL,MAAM,OAAO,CAAC,CAAC,EAAEK,oBAAY;QAC5C,CAAC,CAAC,WAAW,EAAEL,MAAM,OAAO,CAAC,CAAC,EAAEK,oBAAY;IAChD;IACA,OAAOE,OAAOC,MAAM,CAACV,KAAKmB;AAC9B,GAAG,CAAC"}
@@ -0,0 +1,172 @@
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "generateColorTokens", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return generateColorTokens;
9
+ }
10
+ });
11
+ const _colors = require("../global/colors");
12
+ const generateColorTokens = (brand)=>({
13
+ colorNeutralForeground1: _colors.grey[14],
14
+ colorNeutralForeground1Hover: _colors.grey[14],
15
+ colorNeutralForeground1Pressed: _colors.grey[14],
16
+ colorNeutralForeground1Selected: _colors.grey[14],
17
+ colorNeutralForeground2: _colors.grey[26],
18
+ colorNeutralForeground2Hover: _colors.grey[14],
19
+ colorNeutralForeground2Pressed: _colors.grey[14],
20
+ colorNeutralForeground2Selected: _colors.grey[14],
21
+ colorNeutralForeground2BrandHover: brand[80],
22
+ colorNeutralForeground2BrandPressed: brand[70],
23
+ colorNeutralForeground2BrandSelected: brand[80],
24
+ colorNeutralForeground3: _colors.grey[38],
25
+ colorNeutralForeground3Hover: _colors.grey[26],
26
+ colorNeutralForeground3Pressed: _colors.grey[26],
27
+ colorNeutralForeground3Selected: _colors.grey[26],
28
+ colorNeutralForeground3BrandHover: brand[80],
29
+ colorNeutralForeground3BrandPressed: brand[70],
30
+ colorNeutralForeground3BrandSelected: brand[80],
31
+ colorNeutralForeground4: _colors.grey[44],
32
+ colorNeutralForegroundDisabled: _colors.grey[74],
33
+ colorNeutralForegroundInvertedDisabled: _colors.whiteAlpha[40],
34
+ colorBrandForegroundLink: brand[70],
35
+ colorBrandForegroundLinkHover: brand[60],
36
+ colorBrandForegroundLinkPressed: brand[40],
37
+ colorBrandForegroundLinkSelected: brand[70],
38
+ colorNeutralForeground2Link: _colors.grey[26],
39
+ colorNeutralForeground2LinkHover: _colors.grey[14],
40
+ colorNeutralForeground2LinkPressed: _colors.grey[14],
41
+ colorNeutralForeground2LinkSelected: _colors.grey[14],
42
+ colorCompoundBrandForeground1: brand[80],
43
+ colorCompoundBrandForeground1Hover: brand[70],
44
+ colorCompoundBrandForeground1Pressed: brand[60],
45
+ colorBrandForeground1: brand[80],
46
+ colorBrandForeground2: brand[70],
47
+ colorBrandForeground2Hover: brand[60],
48
+ colorBrandForeground2Pressed: brand[30],
49
+ colorNeutralForeground1Static: _colors.grey[14],
50
+ colorNeutralForegroundStaticInverted: _colors.white,
51
+ colorNeutralForegroundInverted: _colors.white,
52
+ colorNeutralForegroundInvertedHover: _colors.white,
53
+ colorNeutralForegroundInvertedPressed: _colors.white,
54
+ colorNeutralForegroundInvertedSelected: _colors.white,
55
+ colorNeutralForegroundInverted2: _colors.white,
56
+ colorNeutralForegroundOnBrand: _colors.white,
57
+ colorNeutralForegroundInvertedLink: _colors.white,
58
+ colorNeutralForegroundInvertedLinkHover: _colors.white,
59
+ colorNeutralForegroundInvertedLinkPressed: _colors.white,
60
+ colorNeutralForegroundInvertedLinkSelected: _colors.white,
61
+ colorBrandForegroundInverted: brand[100],
62
+ colorBrandForegroundInvertedHover: brand[110],
63
+ colorBrandForegroundInvertedPressed: brand[100],
64
+ colorBrandForegroundOnLight: brand[80],
65
+ colorBrandForegroundOnLightHover: brand[70],
66
+ colorBrandForegroundOnLightPressed: brand[50],
67
+ colorBrandForegroundOnLightSelected: brand[60],
68
+ colorNeutralBackground1: _colors.white,
69
+ colorNeutralBackground1Hover: _colors.grey[96],
70
+ colorNeutralBackground1Pressed: _colors.grey[88],
71
+ colorNeutralBackground1Selected: _colors.grey[92],
72
+ colorNeutralBackground2: _colors.grey[98],
73
+ colorNeutralBackground2Hover: _colors.grey[94],
74
+ colorNeutralBackground2Pressed: _colors.grey[86],
75
+ colorNeutralBackground2Selected: _colors.grey[90],
76
+ colorNeutralBackground3: _colors.grey[96],
77
+ colorNeutralBackground3Hover: _colors.grey[92],
78
+ colorNeutralBackground3Pressed: _colors.grey[84],
79
+ colorNeutralBackground3Selected: _colors.grey[88],
80
+ colorNeutralBackground4: _colors.grey[94],
81
+ colorNeutralBackground4Hover: _colors.grey[98],
82
+ colorNeutralBackground4Pressed: _colors.grey[96],
83
+ colorNeutralBackground4Selected: _colors.white,
84
+ colorNeutralBackground5: _colors.grey[92],
85
+ colorNeutralBackground5Hover: _colors.grey[96],
86
+ colorNeutralBackground5Pressed: _colors.grey[94],
87
+ colorNeutralBackground5Selected: _colors.grey[98],
88
+ colorNeutralBackground6: _colors.grey[90],
89
+ colorNeutralBackgroundInverted: _colors.grey[16],
90
+ colorNeutralBackgroundStatic: _colors.grey[20],
91
+ colorNeutralBackgroundAlpha: _colors.whiteAlpha[50],
92
+ colorNeutralBackgroundAlpha2: _colors.whiteAlpha[80],
93
+ colorSubtleBackground: 'transparent',
94
+ colorSubtleBackgroundHover: _colors.grey[96],
95
+ colorSubtleBackgroundPressed: _colors.grey[88],
96
+ colorSubtleBackgroundSelected: _colors.grey[92],
97
+ colorSubtleBackgroundLightAlphaHover: _colors.whiteAlpha[70],
98
+ colorSubtleBackgroundLightAlphaPressed: _colors.whiteAlpha[50],
99
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
100
+ colorSubtleBackgroundInverted: 'transparent',
101
+ colorSubtleBackgroundInvertedHover: _colors.blackAlpha[10],
102
+ colorSubtleBackgroundInvertedPressed: _colors.blackAlpha[30],
103
+ colorSubtleBackgroundInvertedSelected: _colors.blackAlpha[20],
104
+ colorTransparentBackground: 'transparent',
105
+ colorTransparentBackgroundHover: 'transparent',
106
+ colorTransparentBackgroundPressed: 'transparent',
107
+ colorTransparentBackgroundSelected: 'transparent',
108
+ colorNeutralBackgroundDisabled: _colors.grey[94],
109
+ colorNeutralBackgroundInvertedDisabled: _colors.whiteAlpha[10],
110
+ colorNeutralStencil1: _colors.grey[90],
111
+ colorNeutralStencil2: _colors.grey[98],
112
+ colorNeutralStencil1Alpha: _colors.blackAlpha[10],
113
+ colorNeutralStencil2Alpha: _colors.blackAlpha[5],
114
+ colorBackgroundOverlay: _colors.blackAlpha[40],
115
+ colorScrollbarOverlay: _colors.blackAlpha[50],
116
+ colorBrandBackground: brand[80],
117
+ colorBrandBackgroundHover: brand[70],
118
+ colorBrandBackgroundPressed: brand[40],
119
+ colorBrandBackgroundSelected: brand[60],
120
+ colorCompoundBrandBackground: brand[80],
121
+ colorCompoundBrandBackgroundHover: brand[70],
122
+ colorCompoundBrandBackgroundPressed: brand[60],
123
+ colorBrandBackgroundStatic: brand[80],
124
+ colorBrandBackground2: brand[160],
125
+ colorBrandBackground2Hover: brand[150],
126
+ colorBrandBackground2Pressed: brand[130],
127
+ colorBrandBackgroundInverted: _colors.white,
128
+ colorBrandBackgroundInvertedHover: brand[160],
129
+ colorBrandBackgroundInvertedPressed: brand[140],
130
+ colorBrandBackgroundInvertedSelected: brand[150],
131
+ colorNeutralStrokeAccessible: _colors.grey[38],
132
+ colorNeutralStrokeAccessibleHover: _colors.grey[34],
133
+ colorNeutralStrokeAccessiblePressed: _colors.grey[30],
134
+ colorNeutralStrokeAccessibleSelected: brand[80],
135
+ colorNeutralStroke1: _colors.grey[82],
136
+ colorNeutralStroke1Hover: _colors.grey[78],
137
+ colorNeutralStroke1Pressed: _colors.grey[70],
138
+ colorNeutralStroke1Selected: _colors.grey[74],
139
+ colorNeutralStroke2: _colors.grey[88],
140
+ colorNeutralStroke3: _colors.grey[94],
141
+ colorNeutralStrokeSubtle: _colors.grey[88],
142
+ colorNeutralStrokeOnBrand: _colors.white,
143
+ colorNeutralStrokeOnBrand2: _colors.white,
144
+ colorNeutralStrokeOnBrand2Hover: _colors.white,
145
+ colorNeutralStrokeOnBrand2Pressed: _colors.white,
146
+ colorNeutralStrokeOnBrand2Selected: _colors.white,
147
+ colorBrandStroke1: brand[80],
148
+ colorBrandStroke2: brand[140],
149
+ colorBrandStroke2Hover: brand[120],
150
+ colorBrandStroke2Pressed: brand[80],
151
+ colorBrandStroke2Contrast: brand[140],
152
+ colorCompoundBrandStroke: brand[80],
153
+ colorCompoundBrandStrokeHover: brand[70],
154
+ colorCompoundBrandStrokePressed: brand[60],
155
+ colorNeutralStrokeDisabled: _colors.grey[88],
156
+ colorNeutralStrokeInvertedDisabled: _colors.whiteAlpha[40],
157
+ colorTransparentStroke: 'transparent',
158
+ colorTransparentStrokeInteractive: 'transparent',
159
+ colorTransparentStrokeDisabled: 'transparent',
160
+ colorNeutralStrokeAlpha: _colors.blackAlpha[5],
161
+ colorNeutralStrokeAlpha2: _colors.whiteAlpha[20],
162
+ colorStrokeFocus1: _colors.white,
163
+ colorStrokeFocus2: _colors.black,
164
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
165
+ colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
166
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
167
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
168
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
169
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
170
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
171
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)'
172
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["lightColor.js"],"sourcesContent":["/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, white, whiteAlpha } from '../global/colors';\nexport const generateColorTokens = (brand)=>({\n colorNeutralForeground1: grey[14],\n colorNeutralForeground1Hover: grey[14],\n colorNeutralForeground1Pressed: grey[14],\n colorNeutralForeground1Selected: grey[14],\n colorNeutralForeground2: grey[26],\n colorNeutralForeground2Hover: grey[14],\n colorNeutralForeground2Pressed: grey[14],\n colorNeutralForeground2Selected: grey[14],\n colorNeutralForeground2BrandHover: brand[80],\n colorNeutralForeground2BrandPressed: brand[70],\n colorNeutralForeground2BrandSelected: brand[80],\n colorNeutralForeground3: grey[38],\n colorNeutralForeground3Hover: grey[26],\n colorNeutralForeground3Pressed: grey[26],\n colorNeutralForeground3Selected: grey[26],\n colorNeutralForeground3BrandHover: brand[80],\n colorNeutralForeground3BrandPressed: brand[70],\n colorNeutralForeground3BrandSelected: brand[80],\n colorNeutralForeground4: grey[44],\n colorNeutralForegroundDisabled: grey[74],\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: brand[70],\n colorBrandForegroundLinkHover: brand[60],\n colorBrandForegroundLinkPressed: brand[40],\n colorBrandForegroundLinkSelected: brand[70],\n colorNeutralForeground2Link: grey[26],\n colorNeutralForeground2LinkHover: grey[14],\n colorNeutralForeground2LinkPressed: grey[14],\n colorNeutralForeground2LinkSelected: grey[14],\n colorCompoundBrandForeground1: brand[80],\n colorCompoundBrandForeground1Hover: brand[70],\n colorCompoundBrandForeground1Pressed: brand[60],\n colorBrandForeground1: brand[80],\n colorBrandForeground2: brand[70],\n colorBrandForeground2Hover: brand[60],\n colorBrandForeground2Pressed: brand[30],\n colorNeutralForeground1Static: grey[14],\n colorNeutralForegroundStaticInverted: white,\n colorNeutralForegroundInverted: white,\n colorNeutralForegroundInvertedHover: white,\n colorNeutralForegroundInvertedPressed: white,\n colorNeutralForegroundInvertedSelected: white,\n colorNeutralForegroundInverted2: white,\n colorNeutralForegroundOnBrand: white,\n colorNeutralForegroundInvertedLink: white,\n colorNeutralForegroundInvertedLinkHover: white,\n colorNeutralForegroundInvertedLinkPressed: white,\n colorNeutralForegroundInvertedLinkSelected: white,\n colorBrandForegroundInverted: brand[100],\n colorBrandForegroundInvertedHover: brand[110],\n colorBrandForegroundInvertedPressed: brand[100],\n colorBrandForegroundOnLight: brand[80],\n colorBrandForegroundOnLightHover: brand[70],\n colorBrandForegroundOnLightPressed: brand[50],\n colorBrandForegroundOnLightSelected: brand[60],\n colorNeutralBackground1: white,\n colorNeutralBackground1Hover: grey[96],\n colorNeutralBackground1Pressed: grey[88],\n colorNeutralBackground1Selected: grey[92],\n colorNeutralBackground2: grey[98],\n colorNeutralBackground2Hover: grey[94],\n colorNeutralBackground2Pressed: grey[86],\n colorNeutralBackground2Selected: grey[90],\n colorNeutralBackground3: grey[96],\n colorNeutralBackground3Hover: grey[92],\n colorNeutralBackground3Pressed: grey[84],\n colorNeutralBackground3Selected: grey[88],\n colorNeutralBackground4: grey[94],\n colorNeutralBackground4Hover: grey[98],\n colorNeutralBackground4Pressed: grey[96],\n colorNeutralBackground4Selected: white,\n colorNeutralBackground5: grey[92],\n colorNeutralBackground5Hover: grey[96],\n colorNeutralBackground5Pressed: grey[94],\n colorNeutralBackground5Selected: grey[98],\n colorNeutralBackground6: grey[90],\n colorNeutralBackgroundInverted: grey[16],\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundAlpha: whiteAlpha[50],\n colorNeutralBackgroundAlpha2: whiteAlpha[80],\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: grey[96],\n colorSubtleBackgroundPressed: grey[88],\n colorSubtleBackgroundSelected: grey[92],\n colorSubtleBackgroundLightAlphaHover: whiteAlpha[70],\n colorSubtleBackgroundLightAlphaPressed: whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: grey[94],\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: grey[90],\n colorNeutralStencil2: grey[98],\n colorNeutralStencil1Alpha: blackAlpha[10],\n colorNeutralStencil2Alpha: blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: brand[80],\n colorBrandBackgroundHover: brand[70],\n colorBrandBackgroundPressed: brand[40],\n colorBrandBackgroundSelected: brand[60],\n colorCompoundBrandBackground: brand[80],\n colorCompoundBrandBackgroundHover: brand[70],\n colorCompoundBrandBackgroundPressed: brand[60],\n colorBrandBackgroundStatic: brand[80],\n colorBrandBackground2: brand[160],\n colorBrandBackground2Hover: brand[150],\n colorBrandBackground2Pressed: brand[130],\n colorBrandBackgroundInverted: white,\n colorBrandBackgroundInvertedHover: brand[160],\n colorBrandBackgroundInvertedPressed: brand[140],\n colorBrandBackgroundInvertedSelected: brand[150],\n colorNeutralStrokeAccessible: grey[38],\n colorNeutralStrokeAccessibleHover: grey[34],\n colorNeutralStrokeAccessiblePressed: grey[30],\n colorNeutralStrokeAccessibleSelected: brand[80],\n colorNeutralStroke1: grey[82],\n colorNeutralStroke1Hover: grey[78],\n colorNeutralStroke1Pressed: grey[70],\n colorNeutralStroke1Selected: grey[74],\n colorNeutralStroke2: grey[88],\n colorNeutralStroke3: grey[94],\n colorNeutralStrokeSubtle: grey[88],\n colorNeutralStrokeOnBrand: white,\n colorNeutralStrokeOnBrand2: white,\n colorNeutralStrokeOnBrand2Hover: white,\n colorNeutralStrokeOnBrand2Pressed: white,\n colorNeutralStrokeOnBrand2Selected: white,\n colorBrandStroke1: brand[80],\n colorBrandStroke2: brand[140],\n colorBrandStroke2Hover: brand[120],\n colorBrandStroke2Pressed: brand[80],\n colorBrandStroke2Contrast: brand[140],\n colorCompoundBrandStroke: brand[80],\n colorCompoundBrandStrokeHover: brand[70],\n colorCompoundBrandStrokePressed: brand[60],\n colorNeutralStrokeDisabled: grey[88],\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorNeutralStrokeAlpha: blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\n colorStrokeFocus1: white,\n colorStrokeFocus2: black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)'\n });\n"],"names":["generateColorTokens","brand","colorNeutralForeground1","grey","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","whiteAlpha","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","white","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","blackAlpha","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":"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"}
@@ -0,0 +1,75 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ colorPaletteTokens: function() {
13
+ return colorPaletteTokens;
14
+ },
15
+ colorStatusTokens: function() {
16
+ return colorStatusTokens;
17
+ }
18
+ });
19
+ const _colorPalette = require("../global/colorPalette");
20
+ const _sharedColorNames = require("../sharedColorNames");
21
+ const _statusColorMapping = require("../statusColorMapping");
22
+ const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
23
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
24
+ const sharedColorTokens = {
25
+ [`colorPalette${color}Background1`]: _colorPalette.statusSharedColors[sharedColor].tint60,
26
+ [`colorPalette${color}Background2`]: _colorPalette.statusSharedColors[sharedColor].tint40,
27
+ [`colorPalette${color}Background3`]: _colorPalette.statusSharedColors[sharedColor].primary,
28
+ [`colorPalette${color}Foreground1`]: _colorPalette.statusSharedColors[sharedColor].shade10,
29
+ [`colorPalette${color}Foreground2`]: _colorPalette.statusSharedColors[sharedColor].shade30,
30
+ [`colorPalette${color}Foreground3`]: _colorPalette.statusSharedColors[sharedColor].primary,
31
+ [`colorPalette${color}BorderActive`]: _colorPalette.statusSharedColors[sharedColor].primary,
32
+ [`colorPalette${color}Border1`]: _colorPalette.statusSharedColors[sharedColor].tint40,
33
+ [`colorPalette${color}Border2`]: _colorPalette.statusSharedColors[sharedColor].primary
34
+ };
35
+ return Object.assign(acc, sharedColorTokens);
36
+ }, {});
37
+ // one-off patch for yellow
38
+ statusColorPaletteTokens.colorPaletteYellowForeground1 = _colorPalette.statusSharedColors.yellow.shade30;
39
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = _colorPalette.statusSharedColors.red.tint20;
40
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = _colorPalette.statusSharedColors.green.tint20;
41
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = _colorPalette.statusSharedColors.yellow.tint40;
42
+ const personaColorPaletteTokens = _sharedColorNames.personaSharedColorNames.reduce((acc, sharedColor)=>{
43
+ const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
44
+ const sharedColorTokens = {
45
+ [`colorPalette${color}Background2`]: _colorPalette.personaSharedColors[sharedColor].tint40,
46
+ [`colorPalette${color}Foreground2`]: _colorPalette.personaSharedColors[sharedColor].shade30,
47
+ [`colorPalette${color}BorderActive`]: _colorPalette.personaSharedColors[sharedColor].primary
48
+ };
49
+ return Object.assign(acc, sharedColorTokens);
50
+ }, {});
51
+ const colorPaletteTokens = {
52
+ ...statusColorPaletteTokens,
53
+ ...personaColorPaletteTokens
54
+ };
55
+ const colorStatusTokens = Object.entries(_statusColorMapping.statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{
56
+ const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);
57
+ // TODO: double check the mapping with design
58
+ const statusColorTokens = {
59
+ [`colorStatus${color}Background1`]: _colorPalette.mappedStatusColors[sharedColor].tint60,
60
+ [`colorStatus${color}Background2`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
61
+ [`colorStatus${color}Background3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
62
+ [`colorStatus${color}Foreground1`]: _colorPalette.mappedStatusColors[sharedColor].shade10,
63
+ [`colorStatus${color}Foreground2`]: _colorPalette.mappedStatusColors[sharedColor].shade30,
64
+ [`colorStatus${color}Foreground3`]: _colorPalette.mappedStatusColors[sharedColor].primary,
65
+ [`colorStatus${color}ForegroundInverted`]: _colorPalette.mappedStatusColors[sharedColor].tint30,
66
+ [`colorStatus${color}BorderActive`]: _colorPalette.mappedStatusColors[sharedColor].primary,
67
+ [`colorStatus${color}Border1`]: _colorPalette.mappedStatusColors[sharedColor].tint40,
68
+ [`colorStatus${color}Border2`]: _colorPalette.mappedStatusColors[sharedColor].primary
69
+ };
70
+ return Object.assign(acc, statusColorTokens);
71
+ }, {});
72
+ // one-off overrides for colorStatus tokens
73
+ colorStatusTokens.colorStatusWarningForeground1 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
74
+ colorStatusTokens.colorStatusWarningForeground3 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
75
+ colorStatusTokens.colorStatusWarningBorder2 = _colorPalette.mappedStatusColors[_statusColorMapping.statusColorMapping.warning].shade20;
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["lightColorPalette.js"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { statusColorMapping } from '../statusColorMapping';\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor)=>{\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary\n };\n return Object.assign(acc, sharedColorTokens);\n}, {});\nexport const colorPaletteTokens = {\n ...statusColorPaletteTokens,\n ...personaColorPaletteTokens\n};\nexport const colorStatusTokens = Object.entries(statusColorMapping).reduce((acc, [statusColor, sharedColor])=>{\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary\n };\n return Object.assign(acc, statusColorTokens);\n}, {});\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","tint30","colorStatusWarningForeground1","warning","shade20","colorStatusWarningForeground3","colorStatusWarningBorder2"],"mappings":"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"}