@ni/nimble-components 1.0.0-beta.99 → 1.0.0

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 (260) hide show
  1. package/README.md +63 -3
  2. package/dist/esm/button/index.d.ts +16 -0
  3. package/dist/esm/button/index.js +22 -0
  4. package/dist/esm/button/index.js.map +1 -1
  5. package/dist/esm/button/styles.js +19 -9
  6. package/dist/esm/button/styles.js.map +1 -1
  7. package/dist/esm/button/types.d.ts +3 -0
  8. package/dist/esm/button/types.js +0 -4
  9. package/dist/esm/button/types.js.map +1 -1
  10. package/dist/esm/checkbox/index.d.ts +11 -1
  11. package/dist/esm/checkbox/index.js +8 -2
  12. package/dist/esm/checkbox/index.js.map +1 -1
  13. package/dist/esm/checkbox/styles.js +4 -4
  14. package/dist/esm/checkbox/styles.js.map +1 -1
  15. package/dist/esm/drawer/index.d.ts +7 -3
  16. package/dist/esm/drawer/index.js +8 -9
  17. package/dist/esm/drawer/index.js.map +1 -1
  18. package/dist/esm/drawer/styles.js +8 -7
  19. package/dist/esm/drawer/styles.js.map +1 -1
  20. package/dist/esm/drawer/types.d.ts +2 -0
  21. package/dist/esm/drawer/types.js.map +1 -1
  22. package/dist/esm/icon-base/styles.js +6 -6
  23. package/dist/esm/icon-base/styles.js.map +1 -1
  24. package/dist/esm/icon-base/template.js +1 -1
  25. package/dist/esm/icon-base/types.d.ts +11 -0
  26. package/dist/esm/icon-base/types.js +12 -0
  27. package/dist/esm/icon-base/types.js.map +1 -0
  28. package/dist/esm/icons/access-control.d.ts +5 -0
  29. package/dist/esm/icons/access-control.js.map +1 -1
  30. package/dist/esm/icons/admin.d.ts +5 -0
  31. package/dist/esm/icons/admin.js.map +1 -1
  32. package/dist/esm/icons/administration.d.ts +5 -0
  33. package/dist/esm/icons/administration.js.map +1 -1
  34. package/dist/esm/icons/all-icons.d.ts +11 -0
  35. package/dist/esm/icons/all-icons.js +11 -0
  36. package/dist/esm/icons/all-icons.js.map +1 -1
  37. package/dist/esm/icons/check.d.ts +5 -0
  38. package/dist/esm/icons/check.js.map +1 -1
  39. package/dist/esm/icons/custom-applications.d.ts +5 -0
  40. package/dist/esm/icons/custom-applications.js.map +1 -1
  41. package/dist/esm/icons/custom-status.d.ts +12 -0
  42. package/dist/esm/icons/custom-status.js +12 -0
  43. package/dist/esm/icons/custom-status.js.map +1 -0
  44. package/dist/esm/icons/delete.d.ts +5 -0
  45. package/dist/esm/icons/delete.js.map +1 -1
  46. package/dist/esm/icons/done.d.ts +12 -0
  47. package/dist/esm/icons/done.js +12 -0
  48. package/dist/esm/icons/done.js.map +1 -0
  49. package/dist/esm/icons/fail.d.ts +12 -0
  50. package/dist/esm/icons/fail.js +12 -0
  51. package/dist/esm/icons/fail.js.map +1 -0
  52. package/dist/esm/icons/login.d.ts +5 -0
  53. package/dist/esm/icons/login.js.map +1 -1
  54. package/dist/esm/icons/logout.d.ts +5 -0
  55. package/dist/esm/icons/logout.js.map +1 -1
  56. package/dist/esm/icons/looping.d.ts +12 -0
  57. package/dist/esm/icons/looping.js +12 -0
  58. package/dist/esm/icons/looping.js.map +1 -0
  59. package/dist/esm/icons/managed-systems.d.ts +5 -0
  60. package/dist/esm/icons/managed-systems.js.map +1 -1
  61. package/dist/esm/icons/measurement-data-analysis.d.ts +5 -0
  62. package/dist/esm/icons/measurement-data-analysis.js.map +1 -1
  63. package/dist/esm/icons/running.d.ts +12 -0
  64. package/dist/esm/icons/running.js +12 -0
  65. package/dist/esm/icons/running.js.map +1 -0
  66. package/dist/esm/icons/settings.d.ts +5 -0
  67. package/dist/esm/icons/settings.js.map +1 -1
  68. package/dist/esm/icons/skipped.d.ts +12 -0
  69. package/dist/esm/icons/skipped.js +12 -0
  70. package/dist/esm/icons/skipped.js.map +1 -0
  71. package/dist/esm/icons/status.d.ts +12 -0
  72. package/dist/esm/icons/status.js +12 -0
  73. package/dist/esm/icons/status.js.map +1 -0
  74. package/dist/esm/icons/succeeded.d.ts +12 -0
  75. package/dist/esm/icons/succeeded.js +12 -0
  76. package/dist/esm/icons/succeeded.js.map +1 -0
  77. package/dist/esm/icons/terminated.d.ts +12 -0
  78. package/dist/esm/icons/terminated.js +12 -0
  79. package/dist/esm/icons/terminated.js.map +1 -0
  80. package/dist/esm/icons/test-insights.d.ts +5 -0
  81. package/dist/esm/icons/test-insights.js.map +1 -1
  82. package/dist/esm/icons/timed-out.d.ts +12 -0
  83. package/dist/esm/icons/timed-out.js +12 -0
  84. package/dist/esm/icons/timed-out.js.map +1 -0
  85. package/dist/esm/icons/utilities.d.ts +5 -0
  86. package/dist/esm/icons/utilities.js.map +1 -1
  87. package/dist/esm/icons/waiting.d.ts +12 -0
  88. package/dist/esm/icons/waiting.js +12 -0
  89. package/dist/esm/icons/waiting.js.map +1 -0
  90. package/dist/esm/listbox-option/index.d.ts +5 -0
  91. package/dist/esm/listbox-option/index.js +2 -0
  92. package/dist/esm/listbox-option/index.js.map +1 -1
  93. package/dist/esm/menu/index.d.ts +8 -1
  94. package/dist/esm/menu/index.js +5 -2
  95. package/dist/esm/menu/index.js.map +1 -1
  96. package/dist/esm/menu-item/index.d.ts +9 -12
  97. package/dist/esm/menu-item/index.js +5 -2
  98. package/dist/esm/menu-item/index.js.map +1 -1
  99. package/dist/esm/nimble-components/src/button/behaviors.d.ts +12 -0
  100. package/dist/esm/nimble-components/src/button/index.d.ts +33 -0
  101. package/dist/esm/nimble-components/src/button/styles.d.ts +1 -0
  102. package/dist/esm/nimble-components/src/button/types.d.ts +12 -0
  103. package/dist/esm/nimble-components/src/checkbox/index.d.ts +12 -0
  104. package/dist/esm/nimble-components/src/checkbox/styles.d.ts +1 -0
  105. package/dist/esm/nimble-components/src/drawer/animations.d.ts +14 -0
  106. package/dist/esm/nimble-components/src/drawer/index.d.ts +43 -0
  107. package/dist/esm/nimble-components/src/drawer/styles.d.ts +1 -0
  108. package/dist/esm/nimble-components/src/drawer/types.d.ts +12 -0
  109. package/dist/esm/nimble-components/src/icon-base/index.d.ts +12 -0
  110. package/dist/esm/nimble-components/src/icon-base/styles.d.ts +1 -0
  111. package/dist/esm/nimble-components/src/icon-base/template.d.ts +2 -0
  112. package/dist/esm/nimble-components/src/icon-base/types.d.ts +11 -0
  113. package/dist/esm/nimble-components/src/icons/access-control.d.ts +12 -0
  114. package/dist/esm/nimble-components/src/icons/admin.d.ts +12 -0
  115. package/dist/esm/nimble-components/src/icons/administration.d.ts +12 -0
  116. package/dist/esm/nimble-components/src/icons/all-icons.d.ts +24 -0
  117. package/dist/esm/nimble-components/src/icons/check.d.ts +12 -0
  118. package/dist/esm/nimble-components/src/icons/custom-applications.d.ts +12 -0
  119. package/dist/esm/nimble-components/src/icons/custom-status.d.ts +12 -0
  120. package/dist/esm/nimble-components/src/icons/delete.d.ts +12 -0
  121. package/dist/esm/nimble-components/src/icons/done.d.ts +12 -0
  122. package/dist/esm/nimble-components/src/icons/fail.d.ts +12 -0
  123. package/dist/esm/nimble-components/src/icons/login.d.ts +12 -0
  124. package/dist/esm/nimble-components/src/icons/logout.d.ts +12 -0
  125. package/dist/esm/nimble-components/src/icons/looping.d.ts +12 -0
  126. package/dist/esm/nimble-components/src/icons/managed-systems.d.ts +12 -0
  127. package/dist/esm/nimble-components/src/icons/measurement-data-analysis.d.ts +12 -0
  128. package/dist/esm/nimble-components/src/icons/running.d.ts +12 -0
  129. package/dist/esm/nimble-components/src/icons/settings.d.ts +12 -0
  130. package/dist/esm/nimble-components/src/icons/skipped.d.ts +12 -0
  131. package/dist/esm/nimble-components/src/icons/status.d.ts +12 -0
  132. package/dist/esm/nimble-components/src/icons/succeeded.d.ts +12 -0
  133. package/dist/esm/nimble-components/src/icons/terminated.d.ts +12 -0
  134. package/dist/esm/nimble-components/src/icons/test-insights.d.ts +12 -0
  135. package/dist/esm/nimble-components/src/icons/timed-out.d.ts +12 -0
  136. package/dist/esm/nimble-components/src/icons/utilities.d.ts +12 -0
  137. package/dist/esm/nimble-components/src/icons/waiting.d.ts +12 -0
  138. package/dist/esm/nimble-components/src/listbox-option/index.d.ts +15 -0
  139. package/dist/esm/nimble-components/src/listbox-option/styles.d.ts +1 -0
  140. package/dist/esm/nimble-components/src/menu/index.d.ts +12 -0
  141. package/dist/esm/nimble-components/src/menu/styles.d.ts +1 -0
  142. package/dist/esm/nimble-components/src/menu-item/index.d.ts +12 -0
  143. package/dist/esm/nimble-components/src/menu-item/styles.d.ts +1 -0
  144. package/dist/esm/nimble-components/src/number-field/index.d.ts +12 -0
  145. package/dist/esm/nimble-components/src/number-field/styles.d.ts +1 -0
  146. package/dist/esm/nimble-components/src/select/index.d.ts +16 -0
  147. package/dist/esm/nimble-components/src/select/styles.d.ts +1 -0
  148. package/dist/esm/nimble-components/src/tab/index.d.ts +12 -0
  149. package/dist/esm/nimble-components/src/tab/styles.d.ts +1 -0
  150. package/dist/esm/nimble-components/src/tab-panel/index.d.ts +12 -0
  151. package/dist/esm/nimble-components/src/tab-panel/styles.d.ts +1 -0
  152. package/dist/esm/nimble-components/src/tabs/index.d.ts +12 -0
  153. package/dist/esm/nimble-components/src/tabs/styles.d.ts +1 -0
  154. package/dist/esm/nimble-components/src/tabs-toolbar/index.d.ts +12 -0
  155. package/dist/esm/nimble-components/src/tabs-toolbar/styles.d.ts +1 -0
  156. package/dist/esm/nimble-components/src/tabs-toolbar/template.d.ts +1 -0
  157. package/dist/esm/nimble-components/src/testing/async-helpers.d.ts +10 -0
  158. package/dist/esm/nimble-components/src/text-field/index.d.ts +12 -0
  159. package/dist/esm/nimble-components/src/text-field/styles.d.ts +1 -0
  160. package/dist/esm/nimble-components/src/text-field/types.d.ts +3 -0
  161. package/dist/esm/nimble-components/src/theme-provider/design-token-comments.d.ts +6 -0
  162. package/dist/esm/nimble-components/src/theme-provider/design-token-names.d.ts +11 -0
  163. package/dist/esm/nimble-components/src/theme-provider/design-tokens.d.ts +42 -0
  164. package/dist/esm/nimble-components/src/theme-provider/index.d.ts +22 -0
  165. package/dist/esm/nimble-components/src/theme-provider/styles.d.ts +1 -0
  166. package/dist/esm/nimble-components/src/theme-provider/template.d.ts +2 -0
  167. package/dist/esm/{theme-provider/themes.d.ts → nimble-components/src/theme-provider/types.d.ts} +2 -1
  168. package/dist/esm/nimble-components/src/tree-item/index.d.ts +34 -0
  169. package/dist/esm/nimble-components/src/tree-item/styles.d.ts +3 -0
  170. package/dist/esm/nimble-components/src/tree-view/index.d.ts +22 -0
  171. package/dist/esm/nimble-components/src/tree-view/styles.d.ts +1 -0
  172. package/dist/esm/nimble-components/src/tree-view/types.d.ts +7 -0
  173. package/dist/esm/nimble-components/src/utilities/style/direction.d.ts +34 -0
  174. package/dist/esm/nimble-components/src/utilities/style/focus.d.ts +11 -0
  175. package/dist/esm/nimble-components/src/utilities/style/prefers-reduced-motion.d.ts +4 -0
  176. package/dist/esm/nimble-components/src/utilities/style/theme.d.ts +44 -0
  177. package/dist/esm/number-field/index.d.ts +8 -2
  178. package/dist/esm/number-field/index.js +8 -1
  179. package/dist/esm/number-field/index.js.map +1 -1
  180. package/dist/esm/number-field/styles.js +3 -3
  181. package/dist/esm/number-field/styles.js.map +1 -1
  182. package/dist/esm/select/index.d.ts +6 -2
  183. package/dist/esm/select/index.js +9 -5
  184. package/dist/esm/select/index.js.map +1 -1
  185. package/dist/esm/tab/index.d.ts +11 -1
  186. package/dist/esm/tab/index.js +8 -1
  187. package/dist/esm/tab/index.js.map +1 -1
  188. package/dist/esm/tab-panel/index.d.ts +11 -1
  189. package/dist/esm/tab-panel/index.js +8 -1
  190. package/dist/esm/tab-panel/index.js.map +1 -1
  191. package/dist/esm/tabs/index.d.ts +11 -1
  192. package/dist/esm/tabs/index.js +8 -1
  193. package/dist/esm/tabs/index.js.map +1 -1
  194. package/dist/esm/tabs-toolbar/index.d.ts +7 -1
  195. package/dist/esm/tabs-toolbar/index.js +1 -1
  196. package/dist/esm/tabs-toolbar/index.js.map +1 -1
  197. package/dist/esm/tabs-toolbar/styles.js +3 -2
  198. package/dist/esm/tabs-toolbar/styles.js.map +1 -1
  199. package/dist/esm/testing/async-helpers.d.ts +10 -0
  200. package/dist/esm/testing/async-helpers.js +12 -0
  201. package/dist/esm/testing/async-helpers.js.map +1 -0
  202. package/dist/esm/text-field/index.d.ts +8 -2
  203. package/dist/esm/text-field/index.js +8 -1
  204. package/dist/esm/text-field/index.js.map +1 -1
  205. package/dist/esm/text-field/styles.js +20 -8
  206. package/dist/esm/text-field/styles.js.map +1 -1
  207. package/dist/esm/text-field/types.d.ts +3 -0
  208. package/dist/esm/text-field/types.js +3 -0
  209. package/dist/esm/text-field/types.js.map +1 -0
  210. package/dist/esm/theme-provider/design-token-comments.d.ts +6 -0
  211. package/dist/esm/theme-provider/design-token-comments.js +45 -0
  212. package/dist/esm/theme-provider/design-token-comments.js.map +1 -0
  213. package/dist/esm/theme-provider/design-token-names.d.ts +11 -0
  214. package/dist/esm/theme-provider/design-token-names.js +51 -0
  215. package/dist/esm/theme-provider/design-token-names.js.map +1 -0
  216. package/dist/esm/theme-provider/design-tokens.d.ts +4 -10
  217. package/dist/esm/theme-provider/design-tokens.js +94 -109
  218. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  219. package/dist/esm/theme-provider/index.d.ts +18 -6
  220. package/dist/esm/theme-provider/index.js +51 -26
  221. package/dist/esm/theme-provider/index.js.map +1 -1
  222. package/dist/esm/theme-provider/styles.d.ts +1 -0
  223. package/dist/esm/theme-provider/styles.js +7 -0
  224. package/dist/esm/theme-provider/styles.js.map +1 -0
  225. package/dist/esm/theme-provider/template.d.ts +2 -2
  226. package/dist/esm/theme-provider/template.js.map +1 -1
  227. package/dist/esm/theme-provider/types.d.ts +7 -0
  228. package/dist/esm/theme-provider/types.js +8 -0
  229. package/dist/esm/theme-provider/types.js.map +1 -0
  230. package/dist/esm/tree-item/index.d.ts +7 -1
  231. package/dist/esm/tree-item/index.js +13 -12
  232. package/dist/esm/tree-item/index.js.map +1 -1
  233. package/dist/esm/tree-item/styles.js +9 -7
  234. package/dist/esm/tree-item/styles.js.map +1 -1
  235. package/dist/esm/tree-view/index.d.ts +9 -3
  236. package/dist/esm/tree-view/index.js +4 -3
  237. package/dist/esm/tree-view/index.js.map +1 -1
  238. package/dist/esm/tree-view/types.d.ts +2 -1
  239. package/dist/esm/tree-view/types.js +5 -5
  240. package/dist/esm/tree-view/types.js.map +1 -1
  241. package/dist/esm/utilities/style/direction.d.ts +34 -0
  242. package/dist/esm/utilities/style/direction.js +78 -0
  243. package/dist/esm/utilities/style/direction.js.map +1 -0
  244. package/dist/esm/utilities/style/focus.js +1 -1
  245. package/dist/esm/utilities/style/focus.js.map +1 -1
  246. package/dist/esm/utilities/style/prefers-reduced-motion.d.ts +4 -0
  247. package/dist/esm/utilities/style/prefers-reduced-motion.js +5 -0
  248. package/dist/esm/utilities/style/prefers-reduced-motion.js.map +1 -0
  249. package/dist/esm/utilities/style/theme.d.ts +44 -0
  250. package/dist/esm/utilities/style/theme.js +116 -0
  251. package/dist/esm/utilities/style/theme.js.map +1 -0
  252. package/dist/fonts.scss +3 -0
  253. package/dist/tokens-internal.scss +255 -0
  254. package/dist/tokens.scss +132 -0
  255. package/package.json +26 -17
  256. package/dist/esm/testing/dom-next-update.d.ts +0 -4
  257. package/dist/esm/testing/dom-next-update.js +0 -6
  258. package/dist/esm/testing/dom-next-update.js.map +0 -1
  259. package/dist/esm/theme-provider/themes.js +0 -8
  260. package/dist/esm/theme-provider/themes.js.map +0 -1
@@ -1,164 +1,149 @@
1
1
  import { DesignToken } from '@microsoft/fast-foundation';
2
2
  import hexRgb from 'hex-rgb';
3
- import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
4
- import { NimbleTheme } from './themes';
5
- function rgbString(hexValue) {
3
+ import { Black91, Black88, Black85, Black15, Black75, White, Enterprise, Selection100, SlLegacyBlue, Fail100LightUi, SmallDelay, MediumDelay, Fail100DarkUi, BodyFamily, BodySize, ControlLabel1Family, ControlLabel1Size, ControlLabel1Weight, Warning100LightUi, Warning100DarkUi, Pass100LightUi, Pass100DarkUi, Title2Size, Title2Family, GroupLabel1Family, GroupLabel1Size, GroupLabel1Weight, LegacyContentFamily } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
4
+ import { Theme } from './types';
5
+ import { tokenNames, styleNameFromTokenName } from './design-token-names';
6
+ import { theme } from '.';
7
+ // Color Tokens
8
+ export const actionColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.actionColorRgbPartial)).withDefault((element) => hexToRgbPartial(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
9
+ export const applicationBackgroundColor = DesignToken.create(styleNameFromTokenName(tokenNames.applicationBackgroundColor)).withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
10
+ export const fillColorSelected = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelected)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.3));
11
+ export const fillColorSelectedRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedRgbPartial)).withDefault((element) => hexToRgbPartial(getFillColorSelectedForTheme(element)));
12
+ export const fillColorSelectedHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorSelectedHover)).withDefault((element) => hexToRgbaCssColor(getFillColorSelectedForTheme(element), 0.15));
13
+ export const fillColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.fillColorHover)).withDefault((element) => hexToRgbaCssColor(getFillColorHoverForTheme(element), 0.1));
14
+ export const borderColor = DesignToken.create(styleNameFromTokenName(tokenNames.borderColor)).withDefault((element) => getDefaultLineColorForTheme(element));
15
+ export const borderColorRgbPartial = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorRgbPartial)).withDefault((element) => hexToRgbPartial(getDefaultLineColorForTheme(element)));
16
+ export const failColor = DesignToken.create(styleNameFromTokenName(tokenNames.failColor)).withDefault((element) => getFailColorForTheme(element));
17
+ export const warningColor = DesignToken.create(styleNameFromTokenName(tokenNames.warningColor)).withDefault((element) => getWarningColorForTheme(element));
18
+ export const passColor = DesignToken.create(styleNameFromTokenName(tokenNames.passColor)).withDefault((element) => getPassColorForTheme(element));
19
+ export const borderColorHover = DesignToken.create(styleNameFromTokenName(tokenNames.borderColorHover)).withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgbaCssColor(SlLegacyBlue, 0.9)));
20
+ // Component Color Tokens
21
+ export const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
22
+ export const popupBoxShadowColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBoxShadowColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
23
+ export const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
24
+ // Component Sizing Tokens
25
+ export const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
26
+ export const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNames.standardPadding)).withDefault('16px');
27
+ export const labelHeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
28
+ export const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
29
+ export const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
30
+ export const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
31
+ // Font Family Tokens
32
+ export const fontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.fontFamily)).withDefault((element) => getFontForTheme(element));
33
+ export const labelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontFamily)).withDefault((element) => getLabelFontForTheme(element));
34
+ export const groupLabelFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontFamily)).withDefault((element) => getGroupLabelFontForTheme(element));
35
+ export const drawerHeaderFontFamily = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontFamily)).withDefault(Title2Family);
36
+ // Font Sizing Tokens
37
+ export const labelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontSize)).withDefault((element) => getLabelTextSizeForTheme(element));
38
+ export const contentFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontSize)).withDefault(BodySize);
39
+ export const groupLabelFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontSize)).withDefault(GroupLabel1Size);
40
+ export const drawerHeaderFontSize = DesignToken.create(styleNameFromTokenName(tokenNames.drawerHeaderFontSize)).withDefault(Title2Size);
41
+ // Font Weight Tokens
42
+ export const groupLabelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontWeight)).withDefault(GroupLabel1Weight);
43
+ export const labelFontWeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontWeight)).withDefault(ControlLabel1Weight);
44
+ // Font Color Tokens
45
+ export const labelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColor)).withDefault((element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6));
46
+ export const groupLabelFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelFontColor)).withDefault((element) => getDefaultFontColorForTheme(element));
47
+ export const contentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
48
+ export const buttonContentFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonContentFontColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
49
+ export const labelFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.labelFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getDefaultLineColorForTheme(element), 0.3));
50
+ export const labelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.labelTextTransform)).withDefault((element) => getLabelTextTransformForTheme(element));
51
+ export const groupLabelTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupLabelTextTransform)).withDefault((element) => getGroupLabelTextTransformForTheme(element));
52
+ export const contentFontColorDisabled = DesignToken.create(styleNameFromTokenName(tokenNames.contentFontColorDisabled)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
53
+ // Animation Tokens
54
+ export const smallDelay = DesignToken.create(styleNameFromTokenName(tokenNames.smallDelay)).withDefault(SmallDelay);
55
+ export const mediumDelay = DesignToken.create(styleNameFromTokenName(tokenNames.mediumDelay)).withDefault(MediumDelay);
56
+ export const drawerAnimationDurationMs = DesignToken.create(styleNameFromTokenName(tokenNames.drawerAnimationDurationMs)).withDefault(250);
57
+ // Private helpers functions
58
+ function hexToRgbPartial(hexValue) {
6
59
  const { red, green, blue } = hexRgb(hexValue);
7
60
  return `${red}, ${green}, ${blue}`;
8
61
  }
9
- function hexToRgba(hexValue, alpha) {
62
+ function hexToRgbaCssColor(hexValue, alpha) {
10
63
  const { red, green, blue } = hexRgb(hexValue);
11
64
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
12
65
  }
13
- const { create } = DesignToken;
14
- export const theme = create({
15
- name: 'theme',
16
- cssCustomPropertyName: null
17
- }).withDefault(NimbleTheme.Light);
18
66
  function getColorForTheme(element, lightThemeColor, darkThemeColor, colorThemeColor, legacyBlueThemeColor) {
19
67
  switch (theme.getValueFor(element)) {
20
- case NimbleTheme.Light:
68
+ case Theme.Light:
21
69
  return lightThemeColor;
22
- case NimbleTheme.Dark:
70
+ case Theme.Dark:
23
71
  return darkThemeColor;
24
- case NimbleTheme.Color:
72
+ case Theme.Color:
25
73
  return colorThemeColor;
26
- case NimbleTheme.LegacyBlue:
74
+ case Theme.LegacyBlue:
27
75
  return legacyBlueThemeColor;
28
76
  default:
29
77
  return lightThemeColor;
30
78
  }
31
79
  }
80
+ function getWarningColorForTheme(element) {
81
+ return getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
82
+ }
83
+ function getFailColorForTheme(element) {
84
+ return getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
85
+ }
86
+ function getPassColorForTheme(element) {
87
+ return getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
88
+ }
32
89
  function getDefaultLineColorForTheme(element) {
33
- switch (theme.getValueFor(element)) {
34
- case NimbleTheme.Light:
35
- return Black91;
36
- case NimbleTheme.Dark:
37
- return Black15;
38
- case NimbleTheme.Color:
39
- return White;
40
- case NimbleTheme.LegacyBlue:
41
- return Black91;
42
- default:
43
- return Black91;
44
- }
90
+ return getColorForTheme(element, Black91, Black15, White, Black91);
45
91
  }
46
92
  function getDefaultFontColorForTheme(element) {
93
+ return getColorForTheme(element, Black91, Black15, White, Black75);
94
+ }
95
+ function getFillColorSelectedForTheme(element) {
96
+ return getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
97
+ }
98
+ function getFillColorHoverForTheme(element) {
99
+ return getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
100
+ }
101
+ function getFontForTheme(element) {
47
102
  switch (theme.getValueFor(element)) {
48
- case NimbleTheme.Light:
49
- return Black91;
50
- case NimbleTheme.Dark:
51
- return Black15;
52
- case NimbleTheme.Color:
53
- return White;
54
- case NimbleTheme.LegacyBlue:
55
- return Black75;
103
+ case Theme.LegacyBlue:
104
+ return `${LegacyContentFamily}`;
56
105
  default:
57
- return Black91;
106
+ return `${BodyFamily}`;
58
107
  }
59
108
  }
60
- function getFontForTheme(element) {
109
+ function getLabelFontForTheme(element) {
61
110
  switch (theme.getValueFor(element)) {
62
- case NimbleTheme.LegacyBlue:
63
- return `${BodyFamily}`;
111
+ case Theme.LegacyBlue:
112
+ return `${LegacyContentFamily}`;
64
113
  default:
65
114
  return `${ControlLabel1Family}, ${BodyFamily}`;
66
115
  }
67
116
  }
68
117
  function getGroupLabelFontForTheme(element) {
69
118
  switch (theme.getValueFor(element)) {
70
- case NimbleTheme.LegacyBlue:
71
- return `${BodyFamily}`;
119
+ case Theme.LegacyBlue:
120
+ return `${LegacyContentFamily}`;
72
121
  default:
73
122
  return `${GroupLabel1Family}, ${BodyFamily}`;
74
123
  }
75
124
  }
76
- function getGroupLabelTextTransform(element) {
125
+ function getGroupLabelTextTransformForTheme(element) {
77
126
  switch (theme.getValueFor(element)) {
78
- case NimbleTheme.LegacyBlue:
127
+ case Theme.LegacyBlue:
79
128
  return 'none';
80
129
  default:
81
130
  return 'uppercase';
82
131
  }
83
132
  }
84
- function getLabelTextTransform(element) {
133
+ function getLabelTextTransformForTheme(element) {
85
134
  switch (theme.getValueFor(element)) {
86
- case NimbleTheme.LegacyBlue:
135
+ case Theme.LegacyBlue:
87
136
  return 'none';
88
137
  default:
89
138
  return 'none';
90
139
  }
91
140
  }
92
- function getLabelTextSize(element) {
141
+ function getLabelTextSizeForTheme(element) {
93
142
  switch (theme.getValueFor(element)) {
94
- case NimbleTheme.LegacyBlue:
143
+ case Theme.LegacyBlue:
95
144
  return '13px';
96
145
  default:
97
146
  return ControlLabel1Size;
98
147
  }
99
148
  }
100
- function getPasswordRevealFilter(element) {
101
- switch (theme.getValueFor(element)) {
102
- case NimbleTheme.Color:
103
- case NimbleTheme.Dark:
104
- return 'invert(100%)';
105
- default:
106
- return 'invert(0%)';
107
- }
108
- }
109
- const fillColorSelectedTheme = (element) => getColorForTheme(element, Selection100, Selection100, White, SlLegacyBlue);
110
- const fillColorHoverTheme = (element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue);
111
- // Color Tokens
112
- export const actionColorRgb = create('action-color-rgb').withDefault((element) => rgbString(getColorForTheme(element, Black91, Black15, White, SlLegacyBlue)));
113
- export const applicationBackgroundColor = create('application-background-color').withDefault((element) => getColorForTheme(element, White, Black85, Enterprise, White));
114
- export const fillColorSelected = create('fill-color-selected').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.3));
115
- export const fillColorSelectedRgb = create('fill-color-selected-rgb').withDefault((element) => rgbString(fillColorSelectedTheme(element)));
116
- export const fillColorSelectedHover = create('fill-color-selected-hover').withDefault((element) => hexToRgba(fillColorSelectedTheme(element), 0.15));
117
- export const fillColorHover = create('fill-color-hover').withDefault((element) => hexToRgba(fillColorHoverTheme(element), 0.1));
118
- export const borderColor = create('border-color').withDefault((element) => getDefaultLineColorForTheme(element));
119
- export const borderColorRgb = create('border-color-rgb').withDefault((element) => rgbString(getDefaultLineColorForTheme(element)));
120
- export const failColorTheme = (element) => getColorForTheme(element, Fail100LightUi, Fail100DarkUi, Fail100DarkUi, Fail100LightUi);
121
- export const failColor = create('fail-color').withDefault((element) => failColorTheme(element));
122
- export const warningColorTheme = (element) => getColorForTheme(element, Warning100LightUi, Warning100DarkUi, Warning100DarkUi, Warning100LightUi);
123
- export const warningColor = create('warning-color').withDefault((element) => warningColorTheme(element));
124
- export const passColorTheme = (element) => getColorForTheme(element, Pass100LightUi, Pass100DarkUi, Pass100DarkUi, Pass100LightUi);
125
- export const passColor = create('pass-color').withDefault((element) => passColorTheme(element));
126
- export const borderColorHover = create('border-color-hover').withDefault((element) => getColorForTheme(element, Selection100, Selection100, White, hexToRgba(SlLegacyBlue, 0.9)));
127
- export const popupBoxShadowColor = create('popup-box-shadow-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black75, Black85, Black85, Black75), 0.3));
128
- export const popupBorderColor = create('popup-border-color').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black91), 0.3));
129
- // Component Sizing Tokens
130
- export const controlHeight = create('control-height').withDefault('32px');
131
- export const standardPadding = create('standard-padding').withDefault('16px');
132
- export const labelHeight = create('label-height').withDefault('16px');
133
- export const borderWidth = create('border-width').withDefault('1px');
134
- export const iconSize = create('icon-size').withDefault('16px');
135
- export const drawerWidth = create('drawer-width').withDefault('784px');
136
- // Font Family Tokens
137
- export const fontFamily = create('font-family').withDefault(BodyFamily);
138
- export const labelFontFamily = create('label-font-family').withDefault((element) => getFontForTheme(element));
139
- export const groupLabelFontFamily = create('group-label-font-family').withDefault((element) => getGroupLabelFontForTheme(element));
140
- export const drawerHeaderFontFamily = create('drawer-header-font-family').withDefault(Title2Family);
141
- // Font Sizing Tokens
142
- export const labelFontSize = create('label-font-size').withDefault((element) => getLabelTextSize(element));
143
- export const contentFontSize = create('content-font-size').withDefault(BodySize);
144
- export const groupLabelFontSize = create('group-label-font-size').withDefault(GroupLabel1Size);
145
- export const drawerHeaderFontSize = create('drawer-header-font-size').withDefault(Title2Size);
146
- // Font Weight Tokens
147
- export const groupLabelFontWeight = create('group-label-font-weight').withDefault(GroupLabel1Weight);
148
- export const labelFontWeight = create('label-font-weight').withDefault(ControlLabel1Weight);
149
- // Font Color Tokens
150
- export const labelFontColor = create('label-font-color').withDefault((element) => hexToRgba(getDefaultFontColorForTheme(element), 0.6));
151
- export const groupLabelFontColor = create('group-label-font-color').withDefault((element) => getDefaultFontColorForTheme(element));
152
- export const contentFontColor = create('content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, Black88));
153
- export const buttonContentFontColor = create('button-content-font-color').withDefault((element) => getColorForTheme(element, Black91, Black15, White, SlLegacyBlue));
154
- export const labelFontColorDisabled = create('label-font-color-disabled').withDefault((element) => hexToRgba(getDefaultLineColorForTheme(element), 0.3));
155
- export const labelTextTransform = create('label-text-transform').withDefault((element) => getLabelTextTransform(element));
156
- export const groupLabelTextTransform = create('group-label-text-transform').withDefault((element) => getGroupLabelTextTransform(element));
157
- export const contentFontColorDisabled = create('content-font-color-disabled').withDefault((element) => hexToRgba(getColorForTheme(element, Black91, Black15, White, Black88), 0.3));
158
- // Animation Tokens
159
- export const smallDelay = create('small-delay').withDefault(SmallDelay);
160
- export const mediumDelay = create('medium-delay').withDefault(MediumDelay);
161
- export const drawerAnimationDurationMs = create('drawer-animation-duration-ms').withDefault(250);
162
- // Filter Tokens
163
- export const passwordRevealFilter = create('password-reveal-filter').withDefault((element) => getPasswordRevealFilter(element));
164
149
  //# sourceMappingURL=design-tokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme-provider/design-tokens.ts"],"names":[],"mappings":"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"}
@@ -1,10 +1,22 @@
1
- import { FoundationElement } from '@microsoft/fast-foundation';
2
- import type { NimbleTheme } from './themes';
3
- export type { NimbleThemeProvider };
1
+ import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
2
+ import { Direction } from '@microsoft/fast-web-utilities';
3
+ import { Theme } from './types';
4
+ declare global {
5
+ interface HTMLElementTagNameMap {
6
+ 'nimble-theme-provider': ThemeProvider;
7
+ }
8
+ }
9
+ export declare const direction: DesignToken<Direction>;
10
+ export declare const theme: DesignToken<Theme>;
4
11
  /**
5
- * The NimbleThemeProvider implementation
12
+ * The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
13
+ * the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
6
14
  * @internal
7
15
  */
8
- declare class NimbleThemeProvider extends FoundationElement {
9
- theme: NimbleTheme;
16
+ export declare class ThemeProvider extends FoundationElement {
17
+ direction: Direction;
18
+ theme: Theme;
19
+ directionChanged(_prev: Direction | undefined, next: Direction | undefined): void;
20
+ themeChanged(_prev: Theme | undefined, next: Theme | undefined): void;
21
+ connectedCallback(): void;
10
22
  }
@@ -1,38 +1,63 @@
1
1
  import { __decorate } from "tslib";
2
- import { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';
3
- import { attr, css } from '@microsoft/fast-element';
2
+ import { DesignSystem, DesignToken, FoundationElement } from '@microsoft/fast-foundation';
3
+ import { attr } from '@microsoft/fast-element';
4
+ import { Direction } from '@microsoft/fast-web-utilities';
4
5
  import { template } from './template';
5
- import { theme } from './design-tokens';
6
- function designToken(token) {
7
- return (source, key) => {
8
- source[`${key}Changed`] = function keyChanged(_prev, next) {
9
- if (next !== undefined && next !== null) {
10
- token.setValueFor(this, next);
11
- }
12
- else {
13
- token.deleteValueFor(this);
14
- }
15
- };
16
- };
17
- }
6
+ import { styles } from './styles';
7
+ import { Theme } from './types';
8
+ // Not represented as a CSS Custom Property, instead available
9
+ // as an attribute of theme provider.
10
+ export const direction = DesignToken.create({
11
+ name: 'direction',
12
+ cssCustomPropertyName: null
13
+ }).withDefault(Direction.ltr);
14
+ export const theme = DesignToken.create({
15
+ name: 'theme',
16
+ cssCustomPropertyName: null
17
+ }).withDefault(Theme.Light);
18
18
  /**
19
- * The NimbleThemeProvider implementation
19
+ * The ThemeProvider implementation. Add this component to the page and set its `theme` attribute to control
20
+ * the values of design tokens that provide colors and fonts as CSS custom properties to any descendant components.
20
21
  * @internal
21
22
  */
22
- class NimbleThemeProvider extends FoundationElement {
23
+ export class ThemeProvider extends FoundationElement {
24
+ directionChanged(_prev, next) {
25
+ if (next !== undefined && next !== null) {
26
+ direction.setValueFor(this, next);
27
+ }
28
+ else {
29
+ direction.deleteValueFor(this);
30
+ }
31
+ }
32
+ themeChanged(_prev, next) {
33
+ if (next !== undefined && next !== null) {
34
+ theme.setValueFor(this, next);
35
+ }
36
+ else {
37
+ theme.deleteValueFor(this);
38
+ }
39
+ }
40
+ connectedCallback() {
41
+ super.connectedCallback();
42
+ if (!this.direction) {
43
+ this.direction = Direction.ltr;
44
+ }
45
+ if (!this.theme) {
46
+ this.theme = Theme.Light;
47
+ }
48
+ }
23
49
  }
50
+ __decorate([
51
+ attr({
52
+ attribute: 'direction'
53
+ })
54
+ ], ThemeProvider.prototype, "direction", void 0);
24
55
  __decorate([
25
56
  attr({
26
57
  attribute: 'theme'
27
- }),
28
- designToken(theme)
29
- ], NimbleThemeProvider.prototype, "theme", void 0);
30
- const styles = css `
31
- :host {
32
- display: contents;
33
- }
34
- `;
35
- const nimbleDesignSystemProvider = NimbleThemeProvider.compose({
58
+ })
59
+ ], ThemeProvider.prototype, "theme", void 0);
60
+ const nimbleDesignSystemProvider = ThemeProvider.compose({
36
61
  baseName: 'theme-provider',
37
62
  styles,
38
63
  template
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EAGZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,SAAS,WAAW,CAAI,KAAqB;IACzC,OAAO,CAAC,MAA2B,EAAE,GAAW,EAAQ,EAAE;QACtD,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,SAAS,UAAU,CAEzC,KAAoB,EACpB,IAAmB;YAEnB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;gBACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAA2B,CAAC,CAAC;aACxD;iBAAM;gBACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;aAC9B;QACL,CAAC,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAGD;;;GAGG;AACH,MAAM,mBAAoB,SAAQ,iBAAiB;CAMlD;AADG;IAJC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;IACD,WAAW,CAAC,KAAK,CAAC;kDACO;AAG9B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIjB,CAAC;AAEF,MAAM,0BAA0B,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC3D,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme-provider/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EACZ,WAAW,EACX,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQhC,8DAA8D;AAC9D,qCAAqC;AACrC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAY;IACnD,IAAI,EAAE,WAAW;IACjB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAQ;IAC3C,IAAI,EAAE,OAAO;IACb,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAE5B;;;;GAIG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAWzC,gBAAgB,CACnB,KAA4B,EAC5B,IAA2B;QAE3B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACrC;aAAM;YACH,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAClC;IACL,CAAC;IAEM,YAAY,CACf,KAAwB,EACxB,IAAuB;QAEvB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,EAAE;YACrC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACjC;aAAM;YACH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;SAC9B;IACL,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC;SAClC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC5B;IACL,CAAC;CACJ;AAxCG;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,WAAW;KACzB,CAAC;gDAC2B;AAK7B;IAHC,IAAI,CAAC;QACF,SAAS,EAAE,OAAO;KACrB,CAAC;4CACmB;AAqCzB,MAAM,0BAA0B,GAAG,aAAa,CAAC,OAAO,CAAC;IACrD,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,0BAA0B,EAAE,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const styles: import("@microsoft/fast-element").ElementStyles;
@@ -0,0 +1,7 @@
1
+ import { css } from '@microsoft/fast-element';
2
+ export const styles = css `
3
+ :host {
4
+ display: contents;
5
+ }
6
+ `;
7
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/theme-provider/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC"}
@@ -1,2 +1,2 @@
1
- import type { NimbleThemeProvider } from '.';
2
- export declare const template: import("@microsoft/fast-element").ViewTemplate<NimbleThemeProvider, any>;
1
+ import type { ThemeProvider } from '.';
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<ThemeProvider, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/theme-provider/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAqB,eAAe,CAAC"}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/theme-provider/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe,eAAe,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare enum Theme {
2
+ Light = "light",
3
+ Dark = "dark",
4
+ Color = "color",
5
+ LegacyBlue = "legacy-blue"
6
+ }
7
+ export declare type ThemeAttribute = `${Theme}`;
@@ -0,0 +1,8 @@
1
+ export var Theme;
2
+ (function (Theme) {
3
+ Theme["Light"] = "light";
4
+ Theme["Dark"] = "dark";
5
+ Theme["Color"] = "color";
6
+ Theme["LegacyBlue"] = "legacy-blue"; // ⛔️ only for use within SystemLink apps that haven't been updated to brand-aligned controls
7
+ })(Theme || (Theme = {}));
8
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/theme-provider/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAKX;AALD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,wBAAe,CAAA;IACf,mCAA0B,CAAA,CAAC,6FAA6F;AAC5H,CAAC,EALW,KAAK,KAAL,KAAK,QAKhB"}
@@ -1,4 +1,10 @@
1
1
  import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
2
+ export type { TreeItem };
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ 'nimble-tree-item': TreeItem;
6
+ }
7
+ }
2
8
  /**
3
9
  * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
4
10
  * Implements {@link @microsoft/fast-foundation#treeItemTemplate}
@@ -9,7 +15,7 @@ import { TreeItem as FoundationTreeItem } from '@microsoft/fast-foundation';
9
15
  * Generates HTML Element: \<nimble-tree-item\>
10
16
  *
11
17
  */
12
- export declare class TreeItem extends FoundationTreeItem {
18
+ declare class TreeItem extends FoundationTreeItem {
13
19
  private treeView;
14
20
  constructor();
15
21
  connectedCallback(): void;
@@ -1,6 +1,6 @@
1
1
  import { treeItemTemplate as template, TreeItem as FoundationTreeItem, DesignSystem } from '@microsoft/fast-foundation';
2
2
  import { controlsArrowExpanderUp16X16 } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-inline';
3
- import { groupSelectedAttribute, SelectionMode } from '../tree-view/types';
3
+ import { groupSelectedAttribute, TreeViewSelectionMode } from '../tree-view/types';
4
4
  import { styles } from './styles';
5
5
  /**
6
6
  * A function that returns a nimble-tree-item registration for configuring the component with a DesignSystem.
@@ -12,9 +12,10 @@ import { styles } from './styles';
12
12
  * Generates HTML Element: \<nimble-tree-item\>
13
13
  *
14
14
  */
15
- export class TreeItem extends FoundationTreeItem {
15
+ class TreeItem extends FoundationTreeItem {
16
16
  constructor() {
17
17
  super();
18
+ this.treeView = null;
18
19
  this.handleClickOverride = (event) => {
19
20
  if (event.composedPath().includes(this.expandCollapseButton)) {
20
21
  // just have base class handle click event for glyph
@@ -26,32 +27,30 @@ export class TreeItem extends FoundationTreeItem {
26
27
  event.stopImmediatePropagation();
27
28
  return;
28
29
  }
29
- const leavesOnly = this.treeView?.selectionMode === SelectionMode.LeavesOnly;
30
+ const leavesOnly = this.treeView?.selectionMode === TreeViewSelectionMode.LeavesOnly;
30
31
  const hasChildren = this.hasChildTreeItems();
31
32
  if ((leavesOnly && !hasChildren) || !leavesOnly) {
32
33
  // if either a leaf tree item, or in a mode that supports select on groups,
33
34
  // process click as a select
34
- this.setGroupSelectionOnRootParentTreeItem(treeItem);
35
- if (this.selected) {
36
- // if already selected, prevent base-class from issuing selected-change event
37
- event.stopImmediatePropagation();
35
+ if (!this.selected) {
36
+ this.selected = true;
37
+ this.$emit('selected-change', this);
38
38
  }
39
39
  }
40
40
  else {
41
41
  // implicit hasChildren && leavesOnly, so only allow expand/collapse, not select
42
42
  this.expanded = !this.expanded;
43
43
  this.$emit('expanded-change', this);
44
- // don't allow base class to process click event, as all we want to happen
45
- // here is toggling 'expanded', and to issue the expanded-change event
46
- event.stopImmediatePropagation();
47
44
  }
45
+ // don't allow base class to process click event
46
+ event.stopImmediatePropagation();
48
47
  };
49
48
  // This prevents the toggling of selected state when a TreeItem is clicked multiple times,
50
49
  // which is what the FAST TreeItem allows
51
50
  this.handleSelectedChange = (event) => {
52
51
  // only process selection
53
- if (event.target === this) {
54
- this.selected = true;
52
+ if (event.target === this && this.selected) {
53
+ this.setGroupSelectionOnRootParentTreeItem(this);
55
54
  }
56
55
  };
57
56
  this.addEventListener('click', this.handleClickOverride);
@@ -108,7 +107,9 @@ export class TreeItem extends FoundationTreeItem {
108
107
  const nimbleTreeItem = TreeItem.compose({
109
108
  baseName: 'tree-item',
110
109
  baseClass: FoundationTreeItem,
110
+ // @ts-expect-error FAST templates have incorrect type, see: https://github.com/microsoft/fast/issues/5047
111
111
  template,
112
+ // @ts-expect-error FAST styles have incorrect type, see: https://github.com/microsoft/fast/issues/5047
112
113
  styles,
113
114
  expandCollapseGlyph: controlsArrowExpanderUp16X16.data
114
115
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,IAAI,QAAQ,EAC5B,QAAQ,IAAI,kBAAkB,EAE9B,YAAY,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AAEpG,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAUlC;;;;;;;;;GASG;AACH,MAAM,QAAS,SAAQ,kBAAkB;IAGrC;QACI,KAAK,EAAE,CAAC;QAHJ,aAAQ,GAAoB,IAAI,CAAC;QA4BxB,wBAAmB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC/D,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE;gBAC1D,oDAAoD;gBACpD,OAAO;aACV;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;YACxE,IAAI,QAAQ,EAAE,QAAQ,IAAI,QAAQ,KAAK,IAAI,EAAE;gBACzC,8FAA8F;gBAC9F,KAAK,CAAC,wBAAwB,EAAE,CAAC;gBACjC,OAAO;aACV;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,aAAa,KAAK,qBAAqB,CAAC,UAAU,CAAC;YACrF,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC7C,2EAA2E;gBAC3E,4BAA4B;gBAC5B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;oBAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;oBACrB,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;iBACvC;aACJ;iBAAM;gBACH,gFAAgF;gBAChF,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;aACvC;YAED,gDAAgD;YAChD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACrC,CAAC,CAAC;QAEF,0FAA0F;QAC1F,yCAAyC;QACxB,yBAAoB,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC3D,yBAAyB;YACzB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACxC,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,CAAC;aACpD;QACL,CAAC,CAAC;QA/DE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACpE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAChC,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,CAAC;SACpD;IACL,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC5D,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACvE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,iBAAiB;QACrB,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC9D,OAAO,aAAa,KAAK,IAAI,CAAC;IAClC,CAAC;IA2CO,uBAAuB;QAC3B,MAAM,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,gBAAgB,CACzD,IAAI,sBAAsB,GAAG,CAChC,CAAC;QACF,qBAAqB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjG,CAAC;IAEO,qCAAqC,CAAC,QAAqB;QAC/D,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAE/B,IAAI,WAAW,GAAmC,QAAQ,CAAC;QAC3D,OAAO,WAAW,EAAE,aAAa,KAAK,IAAI,CAAC,QAAQ,EAAE;YACjD,WAAW,GAAG,WAAW,EAAE,aAAa,CAAC;SAC5C;QAED,IAAI,WAAW,EAAE;YACb,WAAW,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;SAC5D;IACL,CAAC;IAEO,oBAAoB,CAAC,OAAoB;QAC7C,IAAI,YAAY,GAAmC,OAAO,CAAC;QAC3D,OACI,YAAY;eACT,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,CAAC,EACzD;YACE,YAAY,GAAG,YAAY,EAAE,aAAa,CAAC;SAC9C;QAED,OAAO,YAAwB,CAAC;IACpC,CAAC;IAED;;;OAGG;IACK,iBAAiB;QACrB,MAAM,UAAU,GAAmB,IAAI,CAAC,aAAc,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QAChF,OAAO,UAAsB,CAAC;IAClC,CAAC;CACJ;AAED,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAkB;IACrD,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,kBAAkB;IAC7B,0GAA0G;IAC1G,QAAQ;IACR,uGAAuG;IACvG,MAAM;IACN,mBAAmB,EAAE,4BAA4B,CAAC,IAAI;CACzD,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC"}