@fluentui/react-theme 9.1.2 → 9.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/CHANGELOG.json +66 -1
  2. package/CHANGELOG.md +21 -2
  3. package/dist/index.d.ts +5 -3
  4. package/lib/alias/darkColor.js +5 -3
  5. package/lib/alias/darkColor.js.map +1 -1
  6. package/lib/alias/darkColorPalette.js +18 -8
  7. package/lib/alias/darkColorPalette.js.map +1 -1
  8. package/lib/alias/highContrastColor.js +4 -2
  9. package/lib/alias/highContrastColor.js.map +1 -1
  10. package/lib/alias/highContrastColorPalette.js +7 -7
  11. package/lib/alias/highContrastColorPalette.js.map +1 -1
  12. package/lib/alias/lightColor.js +3 -1
  13. package/lib/alias/lightColor.js.map +1 -1
  14. package/lib/alias/lightColorPalette.js +5 -6
  15. package/lib/alias/lightColorPalette.js.map +1 -1
  16. package/lib/alias/teamsDarkColor.js +5 -3
  17. package/lib/alias/teamsDarkColor.js.map +1 -1
  18. package/lib/global/borderRadius.js.map +1 -1
  19. package/lib/global/brandColors.js.map +1 -1
  20. package/lib/global/colorPalette.js.map +1 -1
  21. package/lib/global/colors.js.map +1 -1
  22. package/lib/global/curves.js.map +1 -1
  23. package/lib/global/durations.js.map +1 -1
  24. package/lib/global/fonts.js.map +1 -1
  25. package/lib/global/index.js.map +1 -1
  26. package/lib/global/spacings.js +2 -1
  27. package/lib/global/spacings.js.map +1 -1
  28. package/lib/global/strokeWidths.js.map +1 -1
  29. package/lib/global/typographyStyles.js.map +1 -1
  30. package/lib/index.js.map +1 -1
  31. package/lib/sharedColorNames.js.map +1 -1
  32. package/lib/themeToTokensObject.js.map +1 -1
  33. package/lib/themes/index.js.map +1 -1
  34. package/lib/themes/teams/darkTheme.js.map +1 -1
  35. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  36. package/lib/themes/teams/index.js.map +1 -1
  37. package/lib/themes/teams/lightTheme.js.map +1 -1
  38. package/lib/themes/web/darkTheme.js.map +1 -1
  39. package/lib/themes/web/index.js.map +1 -1
  40. package/lib/themes/web/lightTheme.js.map +1 -1
  41. package/lib/tokens.js +5 -0
  42. package/lib/tokens.js.map +1 -1
  43. package/lib/types.js.map +1 -1
  44. package/lib/utils/createDarkTheme.js.map +1 -1
  45. package/lib/utils/createHighContrastTheme.js.map +1 -1
  46. package/lib/utils/createLightTheme.js.map +1 -1
  47. package/lib/utils/createTeamsDarkTheme.js +1 -1
  48. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  49. package/lib/utils/index.js.map +1 -1
  50. package/lib/utils/shadows.js.map +1 -1
  51. package/lib-amd/alias/darkColor.js +158 -0
  52. package/lib-amd/alias/darkColor.js.map +1 -0
  53. package/lib-amd/alias/darkColorPalette.js +47 -0
  54. package/lib-amd/alias/darkColorPalette.js.map +1 -0
  55. package/lib-amd/alias/highContrastColor.js +158 -0
  56. package/lib-amd/alias/highContrastColor.js.map +1 -0
  57. package/lib-amd/alias/highContrastColorPalette.js +37 -0
  58. package/lib-amd/alias/highContrastColorPalette.js.map +1 -0
  59. package/lib-amd/alias/lightColor.js +158 -0
  60. package/lib-amd/alias/lightColor.js.map +1 -0
  61. package/lib-amd/alias/lightColorPalette.js +38 -0
  62. package/lib-amd/alias/lightColorPalette.js.map +1 -0
  63. package/lib-amd/alias/teamsDarkColor.js +158 -0
  64. package/lib-amd/alias/teamsDarkColor.js.map +1 -0
  65. package/lib-amd/global/borderRadius.js +14 -0
  66. package/lib-amd/global/borderRadius.js.map +1 -0
  67. package/lib-amd/global/brandColors.js +60 -0
  68. package/lib-amd/global/brandColors.js.map +1 -0
  69. package/lib-amd/global/colorPalette.js +45 -0
  70. package/lib-amd/global/colorPalette.js.map +1 -0
  71. package/lib-amd/global/colors.js +793 -0
  72. package/lib-amd/global/colors.js.map +1 -0
  73. package/lib-amd/global/curves.js +17 -0
  74. package/lib-amd/global/curves.js.map +1 -0
  75. package/lib-amd/global/durations.js +15 -0
  76. package/lib-amd/global/durations.js.map +1 -0
  77. package/lib-amd/global/fonts.js +45 -0
  78. package/lib-amd/global/fonts.js.map +1 -0
  79. package/lib-amd/global/index.js +14 -0
  80. package/lib-amd/global/index.js.map +1 -0
  81. package/lib-amd/global/spacings.js +46 -0
  82. package/lib-amd/global/spacings.js.map +1 -0
  83. package/lib-amd/global/strokeWidths.js +12 -0
  84. package/lib-amd/global/strokeWidths.js.map +1 -0
  85. package/lib-amd/global/typographyStyles.js +113 -0
  86. package/lib-amd/global/typographyStyles.js.map +1 -0
  87. package/lib-amd/index.js +18 -0
  88. package/lib-amd/index.js.map +1 -0
  89. package/lib-amd/sharedColorNames.js +64 -0
  90. package/lib-amd/sharedColorNames.js.map +1 -0
  91. package/lib-amd/themeToTokensObject.js +24 -0
  92. package/lib-amd/themeToTokensObject.js.map +1 -0
  93. package/lib-amd/themes/index.js +7 -0
  94. package/lib-amd/themes/index.js.map +1 -0
  95. package/lib-amd/themes/teams/darkTheme.js +7 -0
  96. package/lib-amd/themes/teams/darkTheme.js.map +1 -0
  97. package/lib-amd/themes/teams/highContrastTheme.js +7 -0
  98. package/lib-amd/themes/teams/highContrastTheme.js.map +1 -0
  99. package/lib-amd/themes/teams/index.js +8 -0
  100. package/lib-amd/themes/teams/index.js.map +1 -0
  101. package/lib-amd/themes/teams/lightTheme.js +7 -0
  102. package/lib-amd/themes/teams/lightTheme.js.map +1 -0
  103. package/lib-amd/themes/web/darkTheme.js +7 -0
  104. package/lib-amd/themes/web/darkTheme.js.map +1 -0
  105. package/lib-amd/themes/web/index.js +7 -0
  106. package/lib-amd/themes/web/index.js.map +1 -0
  107. package/lib-amd/themes/web/lightTheme.js +7 -0
  108. package/lib-amd/themes/web/lightTheme.js.map +1 -0
  109. package/lib-amd/tokens.js +440 -0
  110. package/lib-amd/tokens.js.map +1 -0
  111. package/lib-amd/types.js +5 -0
  112. package/lib-amd/types.js.map +1 -0
  113. package/lib-amd/utils/createDarkTheme.js +11 -0
  114. package/lib-amd/utils/createDarkTheme.js.map +1 -0
  115. package/lib-amd/utils/createHighContrastTheme.js +11 -0
  116. package/lib-amd/utils/createHighContrastTheme.js.map +1 -0
  117. package/lib-amd/utils/createLightTheme.js +11 -0
  118. package/lib-amd/utils/createLightTheme.js.map +1 -0
  119. package/lib-amd/utils/createTeamsDarkTheme.js +11 -0
  120. package/lib-amd/utils/createTeamsDarkTheme.js.map +1 -0
  121. package/lib-amd/utils/index.js +9 -0
  122. package/lib-amd/utils/index.js.map +1 -0
  123. package/lib-amd/utils/shadows.js +19 -0
  124. package/lib-amd/utils/shadows.js.map +1 -0
  125. package/lib-commonjs/alias/darkColor.js +5 -3
  126. package/lib-commonjs/alias/darkColor.js.map +1 -1
  127. package/lib-commonjs/alias/darkColorPalette.js +18 -8
  128. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  129. package/lib-commonjs/alias/highContrastColor.js +4 -2
  130. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  131. package/lib-commonjs/alias/highContrastColorPalette.js +7 -7
  132. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  133. package/lib-commonjs/alias/lightColor.js +3 -1
  134. package/lib-commonjs/alias/lightColor.js.map +1 -1
  135. package/lib-commonjs/alias/lightColorPalette.js +5 -6
  136. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  137. package/lib-commonjs/alias/teamsDarkColor.js +5 -3
  138. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  139. package/lib-commonjs/global/borderRadius.js.map +1 -1
  140. package/lib-commonjs/global/brandColors.js.map +1 -1
  141. package/lib-commonjs/global/colorPalette.js.map +1 -1
  142. package/lib-commonjs/global/colors.js.map +1 -1
  143. package/lib-commonjs/global/curves.js.map +1 -1
  144. package/lib-commonjs/global/durations.js.map +1 -1
  145. package/lib-commonjs/global/fonts.js.map +1 -1
  146. package/lib-commonjs/global/index.js.map +1 -1
  147. package/lib-commonjs/global/spacings.js +25 -24
  148. package/lib-commonjs/global/spacings.js.map +1 -1
  149. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  150. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  151. package/lib-commonjs/index.js.map +1 -1
  152. package/lib-commonjs/sharedColorNames.js.map +1 -1
  153. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  154. package/lib-commonjs/themes/index.js.map +1 -1
  155. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  156. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  157. package/lib-commonjs/themes/teams/index.js.map +1 -1
  158. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  159. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  160. package/lib-commonjs/themes/web/index.js.map +1 -1
  161. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  162. package/lib-commonjs/tokens.js +5 -0
  163. package/lib-commonjs/tokens.js.map +1 -1
  164. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  165. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  166. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  167. package/lib-commonjs/utils/createTeamsDarkTheme.js +2 -2
  168. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  169. package/lib-commonjs/utils/index.js.map +1 -1
  170. package/lib-commonjs/utils/shadows.js.map +1 -1
  171. package/package.json +4 -5
  172. package/lib/alias/teamsDarkColorPalette.js +0 -34
  173. package/lib/alias/teamsDarkColorPalette.js.map +0 -1
  174. package/lib-commonjs/alias/teamsDarkColorPalette.js +0 -43
  175. package/lib-commonjs/alias/teamsDarkColorPalette.js.map +0 -1
package/lib-amd/alias/darkColor.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"darkColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/darkColor.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wDAAwD;;;;;IAKjD,IAAM,mBAAmB,GAAG,UAAC,KAAoB,IAAkB,OAAA,CAAC;QACzE,uBAAuB,EAAE,cAAK;QAC9B,4BAA4B,EAAE,cAAK;QACnC,8BAA8B,EAAE,cAAK;QACrC,+BAA+B,EAAE,cAAK;QACtC,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,4BAA4B,EAAE,cAAK;QACnC,8BAA8B,EAAE,cAAK;QACrC,+BAA+B,EAAE,cAAK;QACtC,iCAAiC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC7C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC9C,oCAAoC,EAAE,KAAK,CAAC,GAAG,CAAC;QAChD,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,aAAI,CAAC,EAAE,CAAC;QACxC,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,iCAAiC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC7C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC9C,oCAAoC,EAAE,KAAK,CAAC,GAAG,CAAC;QAChD,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,8BAA8B,EAAE,aAAI,CAAC,EAAE,CAAC;QACxC,sCAAsC,EAAE,mBAAU,CAAC,EAAE,CAAC;QACtD,wBAAwB,EAAE,KAAK,CAAC,GAAG,CAAC;QACpC,6BAA6B,EAAE,KAAK,CAAC,GAAG,CAAC;QACzC,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1C,gCAAgC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC5C,2BAA2B,EAAE,aAAI,CAAC,EAAE,CAAC;QACrC,gCAAgC,EAAE,cAAK;QACvC,kCAAkC,EAAE,cAAK;QACzC,mCAAmC,EAAE,cAAK;QAC1C,6BAA6B,EAAE,KAAK,CAAC,GAAG,CAAC;QACzC,kCAAkC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC9C,oCAAoC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC/C,qBAAqB,EAAE,KAAK,CAAC,GAAG,CAAC;QACjC,qBAAqB,EAAE,KAAK,CAAC,GAAG,CAAC;QACjC,6BAA6B,EAAE,aAAI,CAAC,EAAE,CAAC;QACvC,oCAAoC,EAAE,cAAK;QAC3C,8BAA8B,EAAE,aAAI,CAAC,EAAE,CAAC;QACxC,mCAAmC,EAAE,aAAI,CAAC,EAAE,CAAC;QAC7C,qCAAqC,EAAE,aAAI,CAAC,EAAE,CAAC;QAC/C,sCAAsC,EAAE,aAAI,CAAC,EAAE,CAAC;QAChD,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,6BAA6B,EAAE,cAAK;QACpC,kCAAkC,EAAE,cAAK;QACzC,uCAAuC,EAAE,cAAK;QAC9C,yCAAyC,EAAE,cAAK;QAChD,0CAA0C,EAAE,cAAK;QACjD,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;QACvC,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC5C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC9C,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC;QACtC,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC3C,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC7C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC9C,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,aAAI,CAAC,EAAE,CAAC;QACxC,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,aAAI,CAAC,CAAC,CAAC;QACvC,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,uBAAuB,EAAE,aAAI,CAAC,CAAC,CAAC;QAChC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,aAAI,CAAC,CAAC,CAAC;QACvC,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,uBAAuB,EAAE,aAAI,CAAC,CAAC,CAAC;QAChC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,8BAA8B,EAAE,cAAK;QACrC,+BAA+B,EAAE,aAAI,CAAC,EAAE,CAAC;QACzC,uBAAuB,EAAE,cAAK;QAC9B,4BAA4B,EAAE,aAAI,CAAC,CAAC,CAAC;QACrC,8BAA8B,EAAE,aAAI,CAAC,CAAC,CAAC;QACvC,+BAA+B,EAAE,aAAI,CAAC,CAAC,CAAC;QACxC,uBAAuB,EAAE,aAAI,CAAC,EAAE,CAAC;QACjC,8BAA8B,EAAE,cAAK;QACrC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,qBAAqB,EAAE,aAAa;QACpC,0BAA0B,EAAE,aAAI,CAAC,EAAE,CAAC;QACpC,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,6BAA6B,EAAE,aAAI,CAAC,EAAE,CAAC;QACvC,oCAAoC,EAAE,oBAAW,CAAC,EAAE,CAAC;QACrD,sCAAsC,EAAE,oBAAW,CAAC,EAAE,CAAC;QACvD,uCAAuC,EAAE,aAAa;QACtD,6BAA6B,EAAE,aAAa;QAC5C,kCAAkC,EAAE,mBAAU,CAAC,EAAE,CAAC;QAClD,oCAAoC,EAAE,mBAAU,CAAC,EAAE,CAAC;QACpD,qCAAqC,EAAE,mBAAU,CAAC,EAAE,CAAC;QACrD,0BAA0B,EAAE,aAAa;QACzC,+BAA+B,EAAE,aAAa;QAC9C,iCAAiC,EAAE,aAAa;QAChD,kCAAkC,EAAE,aAAa;QACjD,8BAA8B,EAAE,aAAI,CAAC,CAAC,CAAC;QACvC,sCAAsC,EAAE,mBAAU,CAAC,EAAE,CAAC;QACtD,oBAAoB,EAAE,aAAI,CAAC,EAAE,CAAC;QAC9B,oBAAoB,EAAE,aAAI,CAAC,EAAE,CAAC;QAC9B,yBAAyB,EAAE,mBAAU,CAAC,EAAE,CAAC;QACzC,yBAAyB,EAAE,mBAAU,CAAC,CAAC,CAAC;QACxC,sBAAsB,EAAE,mBAAU,CAAC,EAAE,CAAC;QACtC,qBAAqB,EAAE,mBAAU,CAAC,EAAE,CAAC;QACrC,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;QAC/B,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;QACpC,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC;QACtC,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC;QACvC,4BAA4B,EAAE,KAAK,CAAC,GAAG,CAAC;QACxC,iCAAiC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC7C,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC9C,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC;QACrC,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;QAChC,4BAA4B,EAAE,cAAK;QACnC,iCAAiC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC7C,mCAAmC,EAAE,KAAK,CAAC,GAAG,CAAC;QAC/C,oCAAoC,EAAE,KAAK,CAAC,GAAG,CAAC;QAChD,4BAA4B,EAAE,aAAI,CAAC,EAAE,CAAC;QACtC,iCAAiC,EAAE,aAAI,CAAC,EAAE,CAAC;QAC3C,mCAAmC,EAAE,aAAI,CAAC,EAAE,CAAC;QAC7C,oCAAoC,EAAE,KAAK,CAAC,GAAG,CAAC;QAChD,mBAAmB,EAAE,aAAI,CAAC,EAAE,CAAC;QAC7B,wBAAwB,EAAE,aAAI,CAAC,EAAE,CAAC;QAClC,0BAA0B,EAAE,aAAI,CAAC,EAAE,CAAC;QACpC,2BAA2B,EAAE,aAAI,CAAC,EAAE,CAAC;QACrC,mBAAmB,EAAE,aAAI,CAAC,EAAE,CAAC;QAC7B,mBAAmB,EAAE,aAAI,CAAC,EAAE,CAAC;QAC7B,yBAAyB,EAAE,aAAI,CAAC,EAAE,CAAC;QACnC,0BAA0B,EAAE,cAAK;QACjC,+BAA+B,EAAE,cAAK;QACtC,iCAAiC,EAAE,cAAK;QACxC,kCAAkC,EAAE,cAAK;QACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC;QAC7B,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;QAC5B,wBAAwB,EAAE,KAAK,CAAC,GAAG,CAAC;QACpC,6BAA6B,EAAE,KAAK,CAAC,GAAG,CAAC;QACzC,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1C,0BAA0B,EAAE,aAAI,CAAC,EAAE,CAAC;QACpC,kCAAkC,EAAE,mBAAU,CAAC,EAAE,CAAC;QAClD,sBAAsB,EAAE,aAAa;QACrC,iCAAiC,EAAE,aAAa;QAChD,8BAA8B,EAAE,aAAa;QAC7C,iBAAiB,EAAE,cAAK;QACxB,iBAAiB,EAAE,cAAK;QACxB,yBAAyB,EAAE,kBAAkB;QAC7C,qBAAqB,EAAE,kBAAkB;QACzC,gCAAgC,EAAE,kBAAkB;QACpD,4BAA4B,EAAE,kBAAkB;QAChD,+BAA+B,EAAE,kBAAkB;QACnD,2BAA2B,EAAE,kBAAkB;QAC/C,uBAAuB,EAAE,kBAAkB;QAC3C,mBAAmB,EAAE,kBAAkB,EAAE,6BAA6B;KACvE,CAAC,EApJwE,CAoJxE,CAAC;IApJU,QAAA,mBAAmB,uBAoJ7B","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground2Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground2Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground2Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground3: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground3Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground3Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground4: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground4Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground4Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground5: black, // #000000 Global.Color.Black\n colorNeutralBackground5Hover: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground5Pressed: grey[2], // #050505 Global.Color.Grey.2\n colorNeutralBackground5Selected: grey[6], // #0f0f0f Global.Color.Grey.6\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokeHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandStrokePressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"]}
package/lib-amd/alias/darkColorPalette.js ADDED
@@ -0,0 +1,47 @@
1
+ /* color palette used in both darkTheme and teamsDarkTheme */
2
+ define(["require", "exports", "tslib", "../global/colorPalette", "../sharedColorNames"], function (require, exports, tslib_1, colorPalette_1, sharedColorNames_1) {
3
+ "use strict";
4
+ Object.defineProperty(exports, "__esModule", { value: true });
5
+ exports.colorPaletteTokens = void 0;
6
+ var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
7
+ var _a;
8
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
9
+ var sharedColorTokens = (_a = {},
10
+ _a["colorPalette" + color + "Background1"] = colorPalette_1.statusSharedColors[sharedColor].shade40,
11
+ _a["colorPalette" + color + "Background2"] = colorPalette_1.statusSharedColors[sharedColor].shade30,
12
+ _a["colorPalette" + color + "Background3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
13
+ _a["colorPalette" + color + "Foreground1"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
14
+ _a["colorPalette" + color + "Foreground2"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
15
+ _a["colorPalette" + color + "Foreground3"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
16
+ _a["colorPalette" + color + "BorderActive"] = colorPalette_1.statusSharedColors[sharedColor].tint30,
17
+ _a["colorPalette" + color + "Border1"] = colorPalette_1.statusSharedColors[sharedColor].primary,
18
+ _a["colorPalette" + color + "Border2"] = colorPalette_1.statusSharedColors[sharedColor].tint20,
19
+ _a);
20
+ return Object.assign(acc, sharedColorTokens);
21
+ }, {});
22
+ // one-off patches
23
+ statusColorPaletteTokens.colorPaletteRedForeground3 = colorPalette_1.statusSharedColors.red.tint30;
24
+ statusColorPaletteTokens.colorPaletteRedBorder2 = colorPalette_1.statusSharedColors.red.tint30;
25
+ statusColorPaletteTokens.colorPaletteGreenForeground3 = colorPalette_1.statusSharedColors.green.tint40;
26
+ statusColorPaletteTokens.colorPaletteGreenBorder2 = colorPalette_1.statusSharedColors.green.tint40;
27
+ statusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = colorPalette_1.statusSharedColors.darkOrange.tint30;
28
+ statusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = colorPalette_1.statusSharedColors.darkOrange.tint30;
29
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.primary;
30
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.primary;
31
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.shade30;
32
+ var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
33
+ var _a;
34
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
35
+ var sharedColorTokens = (_a = {},
36
+ _a["colorPalette" + color + "Background2"] = colorPalette_1.personaSharedColors[sharedColor].shade30,
37
+ _a["colorPalette" + color + "Foreground2"] = colorPalette_1.personaSharedColors[sharedColor].tint40,
38
+ _a["colorPalette" + color + "BorderActive"] = colorPalette_1.personaSharedColors[sharedColor].tint30,
39
+ _a);
40
+ return Object.assign(acc, sharedColorTokens);
41
+ }, {});
42
+ // one-off patches
43
+ personaColorPaletteTokens.colorPaletteDarkRedBackground2 = colorPalette_1.personaSharedColors.darkRed.shade20;
44
+ personaColorPaletteTokens.colorPalettePlumBackground2 = colorPalette_1.personaSharedColors.plum.shade20;
45
+ exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
46
+ });
47
+ //# sourceMappingURL=darkColorPalette.js.map
package/lib-amd/alias/darkColorPalette.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"darkColorPalette.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/darkColorPalette.ts"],"names":[],"mappings":"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","sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}
package/lib-amd/alias/highContrastColor.js ADDED
@@ -0,0 +1,158 @@
1
+ /* !!! DO NOT EDIT !!! */
2
+ /* This file has been generated by the token pipeline */
3
+ define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
4
+ "use strict";
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.generateColorTokens = void 0;
7
+ var generateColorTokens = function () { return ({
8
+ colorNeutralForeground1: colors_1.hcCanvasText,
9
+ colorNeutralForeground1Hover: colors_1.hcHighlightText,
10
+ colorNeutralForeground1Pressed: colors_1.hcHighlightText,
11
+ colorNeutralForeground1Selected: colors_1.hcHighlightText,
12
+ colorNeutralForeground2: colors_1.hcCanvasText,
13
+ colorNeutralForeground2Hover: colors_1.hcHighlightText,
14
+ colorNeutralForeground2Pressed: colors_1.hcHighlightText,
15
+ colorNeutralForeground2Selected: colors_1.hcHighlightText,
16
+ colorNeutralForeground2BrandHover: colors_1.hcHighlightText,
17
+ colorNeutralForeground2BrandPressed: colors_1.hcHighlightText,
18
+ colorNeutralForeground2BrandSelected: colors_1.hcHighlightText,
19
+ colorNeutralForeground3: colors_1.hcCanvasText,
20
+ colorNeutralForeground3Hover: colors_1.hcHighlightText,
21
+ colorNeutralForeground3Pressed: colors_1.hcHighlightText,
22
+ colorNeutralForeground3Selected: colors_1.hcHighlightText,
23
+ colorNeutralForeground3BrandHover: colors_1.hcHighlightText,
24
+ colorNeutralForeground3BrandPressed: colors_1.hcHighlightText,
25
+ colorNeutralForeground3BrandSelected: colors_1.hcHighlightText,
26
+ colorNeutralForeground4: colors_1.hcCanvasText,
27
+ colorNeutralForegroundDisabled: colors_1.hcDisabled,
28
+ colorNeutralForegroundInvertedDisabled: colors_1.hcDisabled,
29
+ colorBrandForegroundLink: colors_1.hcHyperlink,
30
+ colorBrandForegroundLinkHover: colors_1.hcHyperlink,
31
+ colorBrandForegroundLinkPressed: colors_1.hcHyperlink,
32
+ colorBrandForegroundLinkSelected: colors_1.hcHyperlink,
33
+ colorNeutralForeground2Link: colors_1.hcHyperlink,
34
+ colorNeutralForeground2LinkHover: colors_1.hcHyperlink,
35
+ colorNeutralForeground2LinkPressed: colors_1.hcHyperlink,
36
+ colorNeutralForeground2LinkSelected: colors_1.hcHyperlink,
37
+ colorCompoundBrandForeground1: colors_1.hcHighlight,
38
+ colorCompoundBrandForeground1Hover: colors_1.hcHighlight,
39
+ colorCompoundBrandForeground1Pressed: colors_1.hcHighlight,
40
+ colorBrandForeground1: colors_1.hcCanvasText,
41
+ colorBrandForeground2: colors_1.hcButtonText,
42
+ colorNeutralForeground1Static: colors_1.hcCanvas,
43
+ colorNeutralForegroundStaticInverted: colors_1.hcCanvasText,
44
+ colorNeutralForegroundInverted: colors_1.hcHighlightText,
45
+ colorNeutralForegroundInvertedHover: colors_1.hcHighlightText,
46
+ colorNeutralForegroundInvertedPressed: colors_1.hcHighlightText,
47
+ colorNeutralForegroundInvertedSelected: colors_1.hcHighlightText,
48
+ colorNeutralForegroundInverted2: colors_1.hcCanvasText,
49
+ colorNeutralForegroundOnBrand: colors_1.hcButtonText,
50
+ colorNeutralForegroundInvertedLink: colors_1.hcHyperlink,
51
+ colorNeutralForegroundInvertedLinkHover: colors_1.hcHyperlink,
52
+ colorNeutralForegroundInvertedLinkPressed: colors_1.hcHyperlink,
53
+ colorNeutralForegroundInvertedLinkSelected: colors_1.hcHyperlink,
54
+ colorBrandForegroundInverted: colors_1.hcCanvasText,
55
+ colorBrandForegroundInvertedHover: colors_1.hcHighlightText,
56
+ colorBrandForegroundInvertedPressed: colors_1.hcHighlightText,
57
+ colorBrandForegroundOnLight: colors_1.hcButtonText,
58
+ colorBrandForegroundOnLightHover: colors_1.hcHighlightText,
59
+ colorBrandForegroundOnLightPressed: colors_1.hcHighlightText,
60
+ colorBrandForegroundOnLightSelected: colors_1.hcHighlightText,
61
+ colorNeutralBackground1: colors_1.hcCanvas,
62
+ colorNeutralBackground1Hover: colors_1.hcHighlight,
63
+ colorNeutralBackground1Pressed: colors_1.hcHighlight,
64
+ colorNeutralBackground1Selected: colors_1.hcHighlight,
65
+ colorNeutralBackground2: colors_1.hcCanvas,
66
+ colorNeutralBackground2Hover: colors_1.hcHighlight,
67
+ colorNeutralBackground2Pressed: colors_1.hcHighlight,
68
+ colorNeutralBackground2Selected: colors_1.hcHighlight,
69
+ colorNeutralBackground3: colors_1.hcCanvas,
70
+ colorNeutralBackground3Hover: colors_1.hcHighlight,
71
+ colorNeutralBackground3Pressed: colors_1.hcHighlight,
72
+ colorNeutralBackground3Selected: colors_1.hcHighlight,
73
+ colorNeutralBackground4: colors_1.hcCanvas,
74
+ colorNeutralBackground4Hover: colors_1.hcHighlight,
75
+ colorNeutralBackground4Pressed: colors_1.hcHighlight,
76
+ colorNeutralBackground4Selected: colors_1.hcHighlight,
77
+ colorNeutralBackground5: colors_1.hcCanvas,
78
+ colorNeutralBackground5Hover: colors_1.hcHighlight,
79
+ colorNeutralBackground5Pressed: colors_1.hcHighlight,
80
+ colorNeutralBackground5Selected: colors_1.hcHighlight,
81
+ colorNeutralBackground6: colors_1.hcCanvas,
82
+ colorNeutralBackgroundInverted: colors_1.hcCanvas,
83
+ colorNeutralBackgroundStatic: colors_1.hcCanvas,
84
+ colorSubtleBackground: 'transparent',
85
+ colorSubtleBackgroundHover: colors_1.hcHighlight,
86
+ colorSubtleBackgroundPressed: colors_1.hcHighlight,
87
+ colorSubtleBackgroundSelected: colors_1.hcHighlight,
88
+ colorSubtleBackgroundLightAlphaHover: colors_1.hcHighlight,
89
+ colorSubtleBackgroundLightAlphaPressed: colors_1.hcHighlight,
90
+ colorSubtleBackgroundLightAlphaSelected: colors_1.hcHighlight,
91
+ colorSubtleBackgroundInverted: 'transparent',
92
+ colorSubtleBackgroundInvertedHover: colors_1.hcHighlight,
93
+ colorSubtleBackgroundInvertedPressed: colors_1.hcHighlight,
94
+ colorSubtleBackgroundInvertedSelected: colors_1.hcHighlight,
95
+ colorTransparentBackground: 'transparent',
96
+ colorTransparentBackgroundHover: colors_1.hcHighlight,
97
+ colorTransparentBackgroundPressed: colors_1.hcHighlight,
98
+ colorTransparentBackgroundSelected: colors_1.hcHighlight,
99
+ colorNeutralBackgroundDisabled: colors_1.hcCanvas,
100
+ colorNeutralBackgroundInvertedDisabled: colors_1.hcCanvas,
101
+ colorNeutralStencil1: colors_1.hcCanvasText,
102
+ colorNeutralStencil2: colors_1.hcCanvasText,
103
+ colorNeutralStencil1Alpha: colors_1.hcCanvasText,
104
+ colorNeutralStencil2Alpha: colors_1.hcCanvasText,
105
+ colorBackgroundOverlay: colors_1.blackAlpha[50],
106
+ colorScrollbarOverlay: colors_1.hcButtonFace,
107
+ colorBrandBackground: colors_1.hcButtonFace,
108
+ colorBrandBackgroundHover: colors_1.hcHighlight,
109
+ colorBrandBackgroundPressed: colors_1.hcHighlight,
110
+ colorBrandBackgroundSelected: colors_1.hcHighlight,
111
+ colorCompoundBrandBackground: colors_1.hcHighlight,
112
+ colorCompoundBrandBackgroundHover: colors_1.hcHighlight,
113
+ colorCompoundBrandBackgroundPressed: colors_1.hcHighlight,
114
+ colorBrandBackgroundStatic: colors_1.hcCanvas,
115
+ colorBrandBackground2: colors_1.hcButtonFace,
116
+ colorBrandBackgroundInverted: colors_1.hcButtonFace,
117
+ colorBrandBackgroundInvertedHover: colors_1.hcHighlight,
118
+ colorBrandBackgroundInvertedPressed: colors_1.hcHighlight,
119
+ colorBrandBackgroundInvertedSelected: colors_1.hcHighlight,
120
+ colorNeutralStrokeAccessible: colors_1.hcCanvasText,
121
+ colorNeutralStrokeAccessibleHover: colors_1.hcHighlight,
122
+ colorNeutralStrokeAccessiblePressed: colors_1.hcHighlight,
123
+ colorNeutralStrokeAccessibleSelected: colors_1.hcHighlight,
124
+ colorNeutralStroke1: colors_1.hcCanvasText,
125
+ colorNeutralStroke1Hover: colors_1.hcHighlight,
126
+ colorNeutralStroke1Pressed: colors_1.hcHighlight,
127
+ colorNeutralStroke1Selected: colors_1.hcHighlight,
128
+ colorNeutralStroke2: colors_1.hcCanvasText,
129
+ colorNeutralStroke3: colors_1.hcCanvasText,
130
+ colorNeutralStrokeOnBrand: colors_1.hcCanvas,
131
+ colorNeutralStrokeOnBrand2: colors_1.hcCanvasText,
132
+ colorNeutralStrokeOnBrand2Hover: colors_1.hcCanvasText,
133
+ colorNeutralStrokeOnBrand2Pressed: colors_1.hcCanvasText,
134
+ colorNeutralStrokeOnBrand2Selected: colors_1.hcCanvasText,
135
+ colorBrandStroke1: colors_1.hcCanvasText,
136
+ colorBrandStroke2: colors_1.hcCanvasText,
137
+ colorCompoundBrandStroke: colors_1.hcHighlight,
138
+ colorCompoundBrandStrokeHover: colors_1.hcHighlight,
139
+ colorCompoundBrandStrokePressed: colors_1.hcHighlight,
140
+ colorNeutralStrokeDisabled: colors_1.hcDisabled,
141
+ colorNeutralStrokeInvertedDisabled: colors_1.hcDisabled,
142
+ colorTransparentStroke: colors_1.hcCanvasText,
143
+ colorTransparentStrokeInteractive: colors_1.hcHighlight,
144
+ colorTransparentStrokeDisabled: colors_1.hcDisabled,
145
+ colorStrokeFocus1: colors_1.hcCanvas,
146
+ colorStrokeFocus2: colors_1.hcHighlight,
147
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)',
148
+ colorNeutralShadowKey: 'rgba(0,0,0,0.28)',
149
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)',
150
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)',
151
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)',
152
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)',
153
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
154
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
155
+ }); };
156
+ exports.generateColorTokens = generateColorTokens;
157
+ });
158
+ //# sourceMappingURL=highContrastColor.js.map
package/lib-amd/alias/highContrastColor.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"highContrastColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/highContrastColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport {\n blackAlpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n} from '../global/colors';\nimport type { ColorTokens } from '../types';\n\nexport const generateColorTokens = (): ColorTokens => ({\n colorNeutralForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground1Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground1Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground2Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground2BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForeground3Hover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Pressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3Selected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground3BrandSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForeground4: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorNeutralForegroundInvertedDisabled: hcDisabled, // GrayText Global.Color.hcDisabled\n colorBrandForegroundLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2Link: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForeground2LinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorCompoundBrandForeground1: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandForeground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandForeground1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForeground2: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForeground1Static: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralForegroundStaticInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundInverted: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInvertedSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralForegroundInverted2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralForegroundOnBrand: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorNeutralForegroundInvertedLink: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkHover: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkPressed: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorNeutralForegroundInvertedLinkSelected: hcHyperlink, // LinkText Global.Color.hcHyperlink\n colorBrandForegroundInverted: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBrandForegroundInvertedHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundInvertedPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLight: hcButtonText, // ButtonText Global.Color.hcButtonText\n colorBrandForegroundOnLightHover: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightPressed: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorBrandForegroundOnLightSelected: hcHighlightText, // HighlightText Global.Color.hcHighlightText\n colorNeutralBackground1: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground1Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground1Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground2Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground2Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground3Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground3Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground4Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground4Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackground5Hover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Pressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground5Selected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackground6: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInverted: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundLightAlphaSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorSubtleBackgroundInvertedSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorTransparentBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorNeutralBackgroundDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralBackgroundInvertedDisabled: hcCanvas, // Canvas Global.Color.hcCanvas\n colorNeutralStencil1: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil1Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorNeutralStencil2Alpha: hcCanvasText, // CanvasText Global.Color.hcCanvasText\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackground: hcButtonFace, // ButtonFace Global.Color.hcButtonFace\n colorBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundSelected: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackground: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundHover: hcHighlight, // Highlight Global.Color.hcHighlight\n colorCompoundBrandBackgroundPressed: hcHighlight, // Highlight Global.Color.hcHighlight\n colorBrandBackgroundStatic: hcCanvas, // Canvas Global.Color.hcCanvas\n colorBrandBackground2: 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: hcCanvasText, // CanvasText Global.Color.hcCanvasText\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"]}
package/lib-amd/alias/highContrastColorPalette.js ADDED
@@ -0,0 +1,37 @@
1
+ define(["require", "exports", "tslib", "../global/colors", "../sharedColorNames"], function (require, exports, tslib_1, colors_1, sharedColorNames_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.colorPaletteTokens = void 0;
5
+ var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
6
+ var _a;
7
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
8
+ var sharedColorTokens = (_a = {},
9
+ _a["colorPalette" + color + "Background1"] = colors_1.hcCanvas,
10
+ _a["colorPalette" + color + "Background2"] = colors_1.hcCanvas,
11
+ _a["colorPalette" + color + "Background3"] = colors_1.hcCanvasText,
12
+ _a["colorPalette" + color + "Foreground1"] = colors_1.hcCanvasText,
13
+ _a["colorPalette" + color + "Foreground2"] = colors_1.hcCanvasText,
14
+ _a["colorPalette" + color + "Foreground3"] = colors_1.hcCanvasText,
15
+ _a["colorPalette" + color + "BorderActive"] = colors_1.hcHighlight,
16
+ _a["colorPalette" + color + "Border1"] = colors_1.hcCanvasText,
17
+ _a["colorPalette" + color + "Border2"] = colors_1.hcCanvasText,
18
+ _a);
19
+ return Object.assign(acc, sharedColorTokens);
20
+ }, {});
21
+ // one-off patches
22
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = colors_1.hcCanvasText;
23
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colors_1.hcCanvasText;
24
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colors_1.hcCanvasText;
25
+ var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
26
+ var _a;
27
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
28
+ var sharedColorTokens = (_a = {},
29
+ _a["colorPalette" + color + "Background2"] = colors_1.hcCanvas,
30
+ _a["colorPalette" + color + "Foreground2"] = colors_1.hcCanvasText,
31
+ _a["colorPalette" + color + "BorderActive"] = colors_1.hcHighlight,
32
+ _a);
33
+ return Object.assign(acc, sharedColorTokens);
34
+ }, {});
35
+ exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
36
+ });
37
+ //# sourceMappingURL=highContrastColorPalette.js.map
package/lib-amd/alias/highContrastColorPalette.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"highContrastColorPalette.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/highContrastColorPalette.ts"],"names":[],"mappings":";;;;IAIA,IAAM,wBAAwB,GAAG,yCAAsB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,WAAW;;QAC9E,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3E,IAAM,iBAAiB;YACrB,GAAC,iBAAe,KAAK,gBAAa,IAAG,iBAAQ;YAC7C,GAAC,iBAAe,KAAK,gBAAa,IAAG,iBAAQ;YAC7C,GAAC,iBAAe,KAAK,gBAAa,IAAG,qBAAY;YACjD,GAAC,iBAAe,KAAK,gBAAa,IAAG,qBAAY;YACjD,GAAC,iBAAe,KAAK,gBAAa,IAAG,qBAAY;YACjD,GAAC,iBAAe,KAAK,gBAAa,IAAG,qBAAY;YACjD,GAAC,iBAAe,KAAK,iBAAc,IAAG,oBAAW;YACjD,GAAC,iBAAe,KAAK,YAAS,IAAG,qBAAY;YAC7C,GAAC,iBAAe,KAAK,YAAS,IAAG,qBAAY;eAC9C,CAAC;QAEF,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC,EAAE,EAA8B,CAAC,CAAC;IAEnC,kBAAkB;IAClB,wBAAwB,CAAC,iCAAiC,GAAG,qBAAY,CAAC;IAC1E,wBAAwB,CAAC,mCAAmC,GAAG,qBAAY,CAAC;IAC5E,wBAAwB,CAAC,oCAAoC,GAAG,qBAAY,CAAC;IAE7E,IAAM,yBAAyB,GAAG,0CAAuB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,WAAW;;QAChF,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3E,IAAM,iBAAiB;YACrB,GAAC,iBAAe,KAAK,gBAAa,IAAG,iBAAQ;YAC7C,GAAC,iBAAe,KAAK,gBAAa,IAAG,qBAAY;YACjD,GAAC,iBAAe,KAAK,iBAAc,IAAG,oBAAW;eAClD,CAAC;QAEF,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC,EAAE,EAA+B,CAAC,CAAC;IAEvB,QAAA,kBAAkB,yCAA4B,wBAAwB,GAAK,yBAAyB,EAAG","sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}
package/lib-amd/alias/lightColor.js ADDED
@@ -0,0 +1,158 @@
1
+ /* !!! DO NOT EDIT !!! */
2
+ /* This file has been generated by the token pipeline */
3
+ define(["require", "exports", "../global/colors"], function (require, exports, colors_1) {
4
+ "use strict";
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.generateColorTokens = void 0;
7
+ var generateColorTokens = function (brand) { return ({
8
+ colorNeutralForeground1: colors_1.grey[14],
9
+ colorNeutralForeground1Hover: colors_1.grey[14],
10
+ colorNeutralForeground1Pressed: colors_1.grey[14],
11
+ colorNeutralForeground1Selected: colors_1.grey[14],
12
+ colorNeutralForeground2: colors_1.grey[26],
13
+ colorNeutralForeground2Hover: colors_1.grey[14],
14
+ colorNeutralForeground2Pressed: colors_1.grey[14],
15
+ colorNeutralForeground2Selected: colors_1.grey[14],
16
+ colorNeutralForeground2BrandHover: brand[80],
17
+ colorNeutralForeground2BrandPressed: brand[70],
18
+ colorNeutralForeground2BrandSelected: brand[80],
19
+ colorNeutralForeground3: colors_1.grey[38],
20
+ colorNeutralForeground3Hover: colors_1.grey[26],
21
+ colorNeutralForeground3Pressed: colors_1.grey[26],
22
+ colorNeutralForeground3Selected: colors_1.grey[26],
23
+ colorNeutralForeground3BrandHover: brand[80],
24
+ colorNeutralForeground3BrandPressed: brand[70],
25
+ colorNeutralForeground3BrandSelected: brand[80],
26
+ colorNeutralForeground4: colors_1.grey[44],
27
+ colorNeutralForegroundDisabled: colors_1.grey[74],
28
+ colorNeutralForegroundInvertedDisabled: colors_1.whiteAlpha[40],
29
+ colorBrandForegroundLink: brand[70],
30
+ colorBrandForegroundLinkHover: brand[60],
31
+ colorBrandForegroundLinkPressed: brand[40],
32
+ colorBrandForegroundLinkSelected: brand[70],
33
+ colorNeutralForeground2Link: colors_1.grey[26],
34
+ colorNeutralForeground2LinkHover: colors_1.grey[14],
35
+ colorNeutralForeground2LinkPressed: colors_1.grey[14],
36
+ colorNeutralForeground2LinkSelected: colors_1.grey[14],
37
+ colorCompoundBrandForeground1: brand[80],
38
+ colorCompoundBrandForeground1Hover: brand[70],
39
+ colorCompoundBrandForeground1Pressed: brand[60],
40
+ colorBrandForeground1: brand[80],
41
+ colorBrandForeground2: brand[70],
42
+ colorNeutralForeground1Static: colors_1.grey[14],
43
+ colorNeutralForegroundStaticInverted: colors_1.white,
44
+ colorNeutralForegroundInverted: colors_1.white,
45
+ colorNeutralForegroundInvertedHover: colors_1.white,
46
+ colorNeutralForegroundInvertedPressed: colors_1.white,
47
+ colorNeutralForegroundInvertedSelected: colors_1.white,
48
+ colorNeutralForegroundInverted2: colors_1.white,
49
+ colorNeutralForegroundOnBrand: colors_1.white,
50
+ colorNeutralForegroundInvertedLink: colors_1.white,
51
+ colorNeutralForegroundInvertedLinkHover: colors_1.white,
52
+ colorNeutralForegroundInvertedLinkPressed: colors_1.white,
53
+ colorNeutralForegroundInvertedLinkSelected: colors_1.white,
54
+ colorBrandForegroundInverted: brand[100],
55
+ colorBrandForegroundInvertedHover: brand[110],
56
+ colorBrandForegroundInvertedPressed: brand[100],
57
+ colorBrandForegroundOnLight: brand[80],
58
+ colorBrandForegroundOnLightHover: brand[70],
59
+ colorBrandForegroundOnLightPressed: brand[50],
60
+ colorBrandForegroundOnLightSelected: brand[60],
61
+ colorNeutralBackground1: colors_1.white,
62
+ colorNeutralBackground1Hover: colors_1.grey[96],
63
+ colorNeutralBackground1Pressed: colors_1.grey[88],
64
+ colorNeutralBackground1Selected: colors_1.grey[92],
65
+ colorNeutralBackground2: colors_1.grey[98],
66
+ colorNeutralBackground2Hover: colors_1.grey[94],
67
+ colorNeutralBackground2Pressed: colors_1.grey[86],
68
+ colorNeutralBackground2Selected: colors_1.grey[90],
69
+ colorNeutralBackground3: colors_1.grey[96],
70
+ colorNeutralBackground3Hover: colors_1.grey[92],
71
+ colorNeutralBackground3Pressed: colors_1.grey[84],
72
+ colorNeutralBackground3Selected: colors_1.grey[88],
73
+ colorNeutralBackground4: colors_1.grey[94],
74
+ colorNeutralBackground4Hover: colors_1.grey[98],
75
+ colorNeutralBackground4Pressed: colors_1.grey[96],
76
+ colorNeutralBackground4Selected: colors_1.white,
77
+ colorNeutralBackground5: colors_1.grey[92],
78
+ colorNeutralBackground5Hover: colors_1.grey[96],
79
+ colorNeutralBackground5Pressed: colors_1.grey[94],
80
+ colorNeutralBackground5Selected: colors_1.grey[98],
81
+ colorNeutralBackground6: colors_1.grey[90],
82
+ colorNeutralBackgroundInverted: colors_1.grey[16],
83
+ colorNeutralBackgroundStatic: colors_1.grey[20],
84
+ colorSubtleBackground: 'transparent',
85
+ colorSubtleBackgroundHover: colors_1.grey[96],
86
+ colorSubtleBackgroundPressed: colors_1.grey[88],
87
+ colorSubtleBackgroundSelected: colors_1.grey[92],
88
+ colorSubtleBackgroundLightAlphaHover: colors_1.whiteAlpha[70],
89
+ colorSubtleBackgroundLightAlphaPressed: colors_1.whiteAlpha[50],
90
+ colorSubtleBackgroundLightAlphaSelected: 'transparent',
91
+ colorSubtleBackgroundInverted: 'transparent',
92
+ colorSubtleBackgroundInvertedHover: colors_1.blackAlpha[10],
93
+ colorSubtleBackgroundInvertedPressed: colors_1.blackAlpha[30],
94
+ colorSubtleBackgroundInvertedSelected: colors_1.blackAlpha[20],
95
+ colorTransparentBackground: 'transparent',
96
+ colorTransparentBackgroundHover: 'transparent',
97
+ colorTransparentBackgroundPressed: 'transparent',
98
+ colorTransparentBackgroundSelected: 'transparent',
99
+ colorNeutralBackgroundDisabled: colors_1.grey[94],
100
+ colorNeutralBackgroundInvertedDisabled: colors_1.whiteAlpha[10],
101
+ colorNeutralStencil1: colors_1.grey[90],
102
+ colorNeutralStencil2: colors_1.grey[98],
103
+ colorNeutralStencil1Alpha: colors_1.blackAlpha[10],
104
+ colorNeutralStencil2Alpha: colors_1.blackAlpha[5],
105
+ colorBackgroundOverlay: colors_1.blackAlpha[40],
106
+ colorScrollbarOverlay: colors_1.blackAlpha[50],
107
+ colorBrandBackground: brand[80],
108
+ colorBrandBackgroundHover: brand[70],
109
+ colorBrandBackgroundPressed: brand[40],
110
+ colorBrandBackgroundSelected: brand[60],
111
+ colorCompoundBrandBackground: brand[80],
112
+ colorCompoundBrandBackgroundHover: brand[70],
113
+ colorCompoundBrandBackgroundPressed: brand[60],
114
+ colorBrandBackgroundStatic: brand[80],
115
+ colorBrandBackground2: brand[160],
116
+ colorBrandBackgroundInverted: colors_1.white,
117
+ colorBrandBackgroundInvertedHover: brand[160],
118
+ colorBrandBackgroundInvertedPressed: brand[140],
119
+ colorBrandBackgroundInvertedSelected: brand[150],
120
+ colorNeutralStrokeAccessible: colors_1.grey[38],
121
+ colorNeutralStrokeAccessibleHover: colors_1.grey[34],
122
+ colorNeutralStrokeAccessiblePressed: colors_1.grey[30],
123
+ colorNeutralStrokeAccessibleSelected: brand[80],
124
+ colorNeutralStroke1: colors_1.grey[82],
125
+ colorNeutralStroke1Hover: colors_1.grey[78],
126
+ colorNeutralStroke1Pressed: colors_1.grey[70],
127
+ colorNeutralStroke1Selected: colors_1.grey[74],
128
+ colorNeutralStroke2: colors_1.grey[88],
129
+ colorNeutralStroke3: colors_1.grey[94],
130
+ colorNeutralStrokeOnBrand: colors_1.white,
131
+ colorNeutralStrokeOnBrand2: colors_1.white,
132
+ colorNeutralStrokeOnBrand2Hover: colors_1.white,
133
+ colorNeutralStrokeOnBrand2Pressed: colors_1.white,
134
+ colorNeutralStrokeOnBrand2Selected: colors_1.white,
135
+ colorBrandStroke1: brand[80],
136
+ colorBrandStroke2: brand[140],
137
+ colorCompoundBrandStroke: brand[80],
138
+ colorCompoundBrandStrokeHover: brand[70],
139
+ colorCompoundBrandStrokePressed: brand[60],
140
+ colorNeutralStrokeDisabled: colors_1.grey[88],
141
+ colorNeutralStrokeInvertedDisabled: colors_1.whiteAlpha[40],
142
+ colorTransparentStroke: 'transparent',
143
+ colorTransparentStrokeInteractive: 'transparent',
144
+ colorTransparentStrokeDisabled: 'transparent',
145
+ colorStrokeFocus1: colors_1.white,
146
+ colorStrokeFocus2: colors_1.black,
147
+ colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
148
+ colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
149
+ colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
150
+ colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
151
+ colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
152
+ colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
153
+ colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
154
+ colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined
155
+ }); };
156
+ exports.generateColorTokens = generateColorTokens;
157
+ });
158
+ //# sourceMappingURL=lightColor.js.map
package/lib-amd/alias/lightColor.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lightColor.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/lightColor.ts"],"names":[],"mappings":"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","sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { 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 colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\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 colorNeutralForegroundInverted2: 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[16], // #292929 Global.Color.Grey.16\n colorNeutralBackgroundStatic: grey[20], // #333333 Global.Color.Grey.20\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 colorNeutralStencil1Alpha: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorNeutralStencil2Alpha: blackAlpha[5], // rgba(0, 0, 0, 0.05) Global.Color.BlackAlpha.5\n colorBackgroundOverlay: blackAlpha[40], // rgba(0, 0, 0, 0.4) Global.Color.BlackAlpha.40\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"]}
package/lib-amd/alias/lightColorPalette.js ADDED
@@ -0,0 +1,38 @@
1
+ define(["require", "exports", "tslib", "../global/colorPalette", "../sharedColorNames"], function (require, exports, tslib_1, colorPalette_1, sharedColorNames_1) {
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.colorPaletteTokens = void 0;
5
+ var statusColorPaletteTokens = sharedColorNames_1.statusSharedColorNames.reduce(function (acc, sharedColor) {
6
+ var _a;
7
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
8
+ var sharedColorTokens = (_a = {},
9
+ _a["colorPalette" + color + "Background1"] = colorPalette_1.statusSharedColors[sharedColor].tint60,
10
+ _a["colorPalette" + color + "Background2"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
11
+ _a["colorPalette" + color + "Background3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
12
+ _a["colorPalette" + color + "Foreground1"] = colorPalette_1.statusSharedColors[sharedColor].shade10,
13
+ _a["colorPalette" + color + "Foreground2"] = colorPalette_1.statusSharedColors[sharedColor].shade30,
14
+ _a["colorPalette" + color + "Foreground3"] = colorPalette_1.statusSharedColors[sharedColor].primary,
15
+ _a["colorPalette" + color + "BorderActive"] = colorPalette_1.statusSharedColors[sharedColor].primary,
16
+ _a["colorPalette" + color + "Border1"] = colorPalette_1.statusSharedColors[sharedColor].tint40,
17
+ _a["colorPalette" + color + "Border2"] = colorPalette_1.statusSharedColors[sharedColor].primary,
18
+ _a);
19
+ return Object.assign(acc, sharedColorTokens);
20
+ }, {});
21
+ // one-off patch for yellow
22
+ statusColorPaletteTokens.colorPaletteYellowForeground1 = colorPalette_1.statusSharedColors.yellow.shade30;
23
+ statusColorPaletteTokens.colorPaletteRedForegroundInverted = colorPalette_1.statusSharedColors.red.tint20;
24
+ statusColorPaletteTokens.colorPaletteGreenForegroundInverted = colorPalette_1.statusSharedColors.green.tint20;
25
+ statusColorPaletteTokens.colorPaletteYellowForegroundInverted = colorPalette_1.statusSharedColors.yellow.tint40;
26
+ var personaColorPaletteTokens = sharedColorNames_1.personaSharedColorNames.reduce(function (acc, sharedColor) {
27
+ var _a;
28
+ var color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
29
+ var sharedColorTokens = (_a = {},
30
+ _a["colorPalette" + color + "Background2"] = colorPalette_1.personaSharedColors[sharedColor].tint40,
31
+ _a["colorPalette" + color + "Foreground2"] = colorPalette_1.personaSharedColors[sharedColor].shade30,
32
+ _a["colorPalette" + color + "BorderActive"] = colorPalette_1.personaSharedColors[sharedColor].primary,
33
+ _a);
34
+ return Object.assign(acc, sharedColorTokens);
35
+ }, {});
36
+ exports.colorPaletteTokens = tslib_1.__assign(tslib_1.__assign({}, statusColorPaletteTokens), personaColorPaletteTokens);
37
+ });
38
+ //# sourceMappingURL=lightColorPalette.js.map
package/lib-amd/alias/lightColorPalette.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lightColorPalette.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-theme/src/alias/lightColorPalette.ts"],"names":[],"mappings":";;;;IAIA,IAAM,wBAAwB,GAAG,yCAAsB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,WAAW;;QAC9E,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3E,IAAM,iBAAiB;YACrB,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,MAAM;YAC3E,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,MAAM;YAC3E,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC5E,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC5E,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC5E,GAAC,iBAAe,KAAK,gBAAa,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC5E,GAAC,iBAAe,KAAK,iBAAc,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC7E,GAAC,iBAAe,KAAK,YAAS,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,MAAM;YACvE,GAAC,iBAAe,KAAK,YAAS,IAAG,iCAAkB,CAAC,WAAW,CAAC,CAAC,OAAO;eACzE,CAAC;QAEF,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC,EAAE,EAA8B,CAAC,CAAC;IAEnC,2BAA2B;IAC3B,wBAAwB,CAAC,6BAA6B,GAAG,iCAAkB,CAAC,MAAM,CAAC,OAAO,CAAC;IAE3F,wBAAwB,CAAC,iCAAiC,GAAG,iCAAkB,CAAC,GAAG,CAAC,MAAM,CAAC;IAC3F,wBAAwB,CAAC,mCAAmC,GAAG,iCAAkB,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/F,wBAAwB,CAAC,oCAAoC,GAAG,iCAAkB,CAAC,MAAM,CAAC,MAAM,CAAC;IAEjG,IAAM,yBAAyB,GAAG,0CAAuB,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,WAAW;;QAChF,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3E,IAAM,iBAAiB;YACrB,GAAC,iBAAe,KAAK,gBAAa,IAAG,kCAAmB,CAAC,WAAW,CAAC,CAAC,MAAM;YAC5E,GAAC,iBAAe,KAAK,gBAAa,IAAG,kCAAmB,CAAC,WAAW,CAAC,CAAC,OAAO;YAC7E,GAAC,iBAAe,KAAK,iBAAc,IAAG,kCAAmB,CAAC,WAAW,CAAC,CAAC,OAAO;eAC/E,CAAC;QAEF,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC,EAAE,EAA+B,CAAC,CAAC;IAEvB,QAAA,kBAAkB,yCAA4B,wBAAwB,GAAK,yBAAyB,EAAG","sourcesContent":["import { statusSharedColors, personaSharedColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].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 Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n"]}