@workday/canvas-kit-react 7.0.0-alpha.129-next.3 → 7.0.0-alpha.256-next.2

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 (742) hide show
  1. package/action-bar/lib/ActionBarItem.tsx +2 -7
  2. package/action-bar/lib/ActionBarList.tsx +14 -4
  3. package/action-bar/lib/ActionBarOverflowButton.tsx +10 -6
  4. package/banner/lib/Banner.tsx +3 -6
  5. package/breadcrumbs/LICENSE +52 -0
  6. package/breadcrumbs/README.md +9 -0
  7. package/breadcrumbs/index.ts +2 -0
  8. package/breadcrumbs/lib/Breadcrumbs.tsx +151 -0
  9. package/breadcrumbs/lib/BreadcrumbsCurrentItem.tsx +76 -0
  10. package/breadcrumbs/lib/BreadcrumbsItem.tsx +82 -0
  11. package/breadcrumbs/lib/BreadcrumbsLink.tsx +52 -0
  12. package/breadcrumbs/lib/BreadcrumbsList.tsx +51 -0
  13. package/breadcrumbs/lib/BreadcrumbsMenu.tsx +28 -0
  14. package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx +58 -0
  15. package/breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx +76 -0
  16. package/breadcrumbs/lib/hooks/utils/index.ts +22 -0
  17. package/breadcrumbs/package.json +6 -0
  18. package/button/index.ts +7 -1
  19. package/button/lib/BaseButton.tsx +7 -4
  20. package/button/lib/DeleteButton.tsx +2 -2
  21. package/button/lib/PrimaryButton.tsx +2 -2
  22. package/button/lib/SecondaryButton.tsx +2 -2
  23. package/button/lib/TertiaryButton.tsx +21 -10
  24. package/card/lib/CardBody.tsx +3 -6
  25. package/card/lib/CardHeading.tsx +13 -10
  26. package/checkbox/index.ts +0 -1
  27. package/checkbox/lib/Checkbox.tsx +9 -24
  28. package/color-picker/index.ts +0 -1
  29. package/color-picker/lib/ColorInput.tsx +1 -2
  30. package/common/index.ts +1 -0
  31. package/common/lib/InputProvider.tsx +0 -5
  32. package/common/lib/responsive/useResponsiveContainerStyles.ts +128 -0
  33. package/common/lib/theming/index.ts +1 -1
  34. package/common/lib/theming/styled.ts +6 -3
  35. package/common/lib/utils/components.ts +48 -22
  36. package/common/lib/utils/elements.ts +7 -12
  37. package/common/lib/utils/index.ts +0 -1
  38. package/common/lib/utils/isWithinBreakpoint.ts +6 -0
  39. package/common/lib/utils/models.ts +10 -2
  40. package/common/lib/utils/useModalityType.ts +13 -13
  41. package/dist/commonjs/action-bar/lib/ActionBar.d.ts +1 -1
  42. package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts +8 -0
  43. package/dist/commonjs/action-bar/lib/ActionBarItem.d.ts.map +1 -1
  44. package/dist/commonjs/action-bar/lib/ActionBarItem.js +1 -1
  45. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +92 -0
  46. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
  47. package/dist/commonjs/action-bar/lib/ActionBarList.js +5 -5
  48. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts +5 -1
  49. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
  50. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +3 -3
  51. package/dist/commonjs/banner/lib/Banner.d.ts +0 -9
  52. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  53. package/dist/commonjs/banner/lib/Banner.js +2 -4
  54. package/dist/commonjs/breadcrumbs/index.d.ts +3 -0
  55. package/dist/commonjs/breadcrumbs/index.d.ts.map +1 -0
  56. package/dist/commonjs/breadcrumbs/index.js +14 -0
  57. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +3851 -0
  58. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -0
  59. package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.js +177 -0
  60. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +212 -0
  61. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -0
  62. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +63 -0
  63. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts +226 -0
  64. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -0
  65. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +76 -0
  66. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts +17 -0
  67. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.d.ts.map +1 -0
  68. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +46 -0
  69. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +164 -0
  70. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -0
  71. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +63 -0
  72. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts +1717 -0
  73. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts.map +1 -0
  74. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +58 -0
  75. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +241 -0
  76. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -0
  77. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +68 -0
  78. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +1661 -0
  79. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -0
  80. package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +67 -0
  81. package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.d.ts +6 -0
  82. package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.d.ts.map +1 -0
  83. package/dist/commonjs/breadcrumbs/lib/hooks/utils/index.js +22 -0
  84. package/dist/commonjs/button/index.d.ts +1 -1
  85. package/dist/commonjs/button/index.d.ts.map +1 -1
  86. package/dist/commonjs/button/index.js +3 -1
  87. package/dist/commonjs/button/lib/BaseButton.d.ts +7 -4
  88. package/dist/commonjs/button/lib/BaseButton.d.ts.map +1 -1
  89. package/dist/commonjs/button/lib/DeleteButton.d.ts +2 -1
  90. package/dist/commonjs/button/lib/DeleteButton.d.ts.map +1 -1
  91. package/dist/commonjs/button/lib/PrimaryButton.d.ts +2 -1
  92. package/dist/commonjs/button/lib/PrimaryButton.d.ts.map +1 -1
  93. package/dist/commonjs/button/lib/SecondaryButton.d.ts +2 -1
  94. package/dist/commonjs/button/lib/SecondaryButton.d.ts.map +1 -1
  95. package/dist/commonjs/button/lib/TertiaryButton.d.ts +11 -1
  96. package/dist/commonjs/button/lib/TertiaryButton.d.ts.map +1 -1
  97. package/dist/commonjs/button/lib/TertiaryButton.js +9 -8
  98. package/dist/commonjs/card/lib/Card.d.ts +1 -1
  99. package/dist/commonjs/card/lib/CardBody.d.ts +1 -1
  100. package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
  101. package/dist/commonjs/card/lib/CardBody.js +1 -6
  102. package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
  103. package/dist/commonjs/card/lib/CardHeading.js +2 -10
  104. package/dist/commonjs/checkbox/index.d.ts.map +1 -1
  105. package/dist/commonjs/checkbox/lib/Checkbox.d.ts.map +1 -1
  106. package/dist/commonjs/checkbox/lib/Checkbox.js +2 -13
  107. package/dist/commonjs/collection/lib/ListBox.d.ts +0 -57
  108. package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
  109. package/dist/commonjs/color-picker/index.d.ts.map +1 -1
  110. package/dist/commonjs/color-picker/lib/ColorInput.d.ts.map +1 -1
  111. package/dist/commonjs/color-picker/lib/ColorInput.js +1 -2
  112. package/dist/commonjs/common/index.d.ts +1 -0
  113. package/dist/commonjs/common/index.d.ts.map +1 -1
  114. package/dist/commonjs/common/index.js +1 -0
  115. package/dist/commonjs/common/lib/InputProvider.d.ts.map +1 -1
  116. package/dist/commonjs/common/lib/InputProvider.js +0 -7
  117. package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.d.ts +78 -0
  118. package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.d.ts.map +1 -0
  119. package/dist/commonjs/common/lib/responsive/useResponsiveContainerStyles.js +139 -0
  120. package/dist/commonjs/common/lib/theming/index.d.ts +1 -1
  121. package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
  122. package/dist/commonjs/common/lib/theming/styled.d.ts +2 -0
  123. package/dist/commonjs/common/lib/theming/styled.d.ts.map +1 -1
  124. package/dist/commonjs/common/lib/theming/styled.js +1 -2
  125. package/dist/commonjs/common/lib/utils/components.d.ts +30 -18
  126. package/dist/commonjs/common/lib/utils/components.d.ts.map +1 -1
  127. package/dist/commonjs/common/lib/utils/components.js +10 -5
  128. package/dist/commonjs/common/lib/utils/elements.d.ts +1 -1
  129. package/dist/commonjs/common/lib/utils/elements.d.ts.map +1 -1
  130. package/dist/commonjs/common/lib/utils/elements.js +5 -11
  131. package/dist/commonjs/common/lib/utils/index.d.ts +0 -1
  132. package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
  133. package/dist/commonjs/common/lib/utils/index.js +0 -1
  134. package/dist/commonjs/common/lib/utils/isWithinBreakpoint.d.ts +5 -0
  135. package/dist/commonjs/common/lib/utils/isWithinBreakpoint.d.ts.map +1 -0
  136. package/dist/commonjs/common/lib/utils/isWithinBreakpoint.js +10 -0
  137. package/dist/commonjs/common/lib/utils/models.d.ts +10 -2
  138. package/dist/commonjs/common/lib/utils/models.d.ts.map +1 -1
  139. package/dist/commonjs/common/lib/utils/models.js +3 -0
  140. package/dist/commonjs/common/lib/utils/useModalityType.js +13 -13
  141. package/dist/commonjs/dialog/lib/Dialog.d.ts +1 -1
  142. package/dist/commonjs/form-field/index.d.ts.map +1 -1
  143. package/dist/commonjs/form-field/lib/Hint.d.ts.map +1 -1
  144. package/dist/commonjs/form-field/lib/Hint.js +5 -13
  145. package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
  146. package/dist/commonjs/form-field/lib/Label.js +0 -2
  147. package/dist/commonjs/icon/lib/SystemIcon.d.ts +1 -1
  148. package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
  149. package/dist/commonjs/index.d.ts +4 -1
  150. package/dist/commonjs/index.d.ts.map +1 -1
  151. package/dist/commonjs/index.js +4 -1
  152. package/dist/commonjs/layout/index.d.ts +15 -5
  153. package/dist/commonjs/layout/index.d.ts.map +1 -1
  154. package/dist/commonjs/layout/index.js +14 -3
  155. package/dist/commonjs/layout/lib/Box.d.ts +23 -11
  156. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
  157. package/dist/commonjs/layout/lib/Box.js +34 -8
  158. package/dist/commonjs/layout/lib/Column.d.ts +13 -4
  159. package/dist/commonjs/layout/lib/Column.d.ts.map +1 -1
  160. package/dist/commonjs/layout/lib/Column.js +10 -7
  161. package/dist/commonjs/layout/lib/Flex.d.ts +6 -3
  162. package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -1
  163. package/dist/commonjs/layout/lib/Flex.js +5 -1
  164. package/dist/commonjs/layout/lib/Grid.d.ts +51 -0
  165. package/dist/commonjs/layout/lib/Grid.d.ts.map +1 -0
  166. package/dist/commonjs/layout/lib/Grid.js +115 -0
  167. package/dist/commonjs/layout/lib/Layout.d.ts +26 -9
  168. package/dist/commonjs/layout/lib/Layout.d.ts.map +1 -1
  169. package/dist/commonjs/layout/lib/Layout.js +21 -10
  170. package/dist/commonjs/layout/lib/Stack.d.ts +4 -4
  171. package/dist/commonjs/layout/lib/Stack.js +4 -4
  172. package/dist/commonjs/layout/lib/utils/background.d.ts +44 -0
  173. package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -0
  174. package/dist/commonjs/layout/lib/utils/background.js +57 -0
  175. package/dist/commonjs/layout/lib/utils/border/color.d.ts +47 -0
  176. package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -0
  177. package/dist/commonjs/layout/lib/utils/border/color.js +42 -0
  178. package/dist/commonjs/layout/lib/utils/border/index.d.ts +26 -0
  179. package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -0
  180. package/dist/commonjs/layout/lib/utils/border/index.js +46 -0
  181. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +38 -0
  182. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
  183. package/dist/commonjs/layout/lib/utils/border/lineStyle.js +52 -0
  184. package/dist/commonjs/layout/lib/utils/border/radius.d.ts +33 -0
  185. package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -0
  186. package/dist/commonjs/layout/lib/utils/border/radius.js +32 -0
  187. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +34 -0
  188. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -0
  189. package/dist/commonjs/layout/lib/utils/border/shorthand.js +42 -0
  190. package/dist/commonjs/layout/lib/utils/border/width.d.ts +34 -0
  191. package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -0
  192. package/dist/commonjs/layout/lib/utils/border/width.js +42 -0
  193. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +12 -0
  194. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
  195. package/dist/commonjs/layout/lib/utils/buildStyleFns.js +90 -0
  196. package/dist/commonjs/layout/lib/utils/color.d.ts +23 -16
  197. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
  198. package/dist/commonjs/layout/lib/utils/color.js +25 -48
  199. package/dist/commonjs/layout/lib/utils/depth.d.ts +17 -11
  200. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
  201. package/dist/commonjs/layout/lib/utils/depth.js +20 -20
  202. package/dist/commonjs/layout/lib/utils/flex.d.ts +33 -14
  203. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
  204. package/dist/commonjs/layout/lib/utils/flex.js +58 -25
  205. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +18 -15
  206. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
  207. package/dist/commonjs/layout/lib/utils/flexItem.js +43 -26
  208. package/dist/commonjs/layout/lib/utils/grid.d.ts +72 -0
  209. package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -0
  210. package/dist/commonjs/layout/lib/utils/grid.js +112 -0
  211. package/dist/commonjs/layout/lib/utils/gridItem.d.ts +42 -0
  212. package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -0
  213. package/dist/commonjs/layout/lib/utils/gridItem.js +71 -0
  214. package/dist/commonjs/layout/lib/utils/layout.d.ts +47 -25
  215. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
  216. package/dist/commonjs/layout/lib/utils/layout.js +71 -33
  217. package/dist/commonjs/layout/lib/utils/other.d.ts +46 -2
  218. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
  219. package/dist/commonjs/layout/lib/utils/other.js +101 -17
  220. package/dist/commonjs/layout/lib/utils/position.d.ts +37 -20
  221. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
  222. package/dist/commonjs/layout/lib/utils/position.js +49 -66
  223. package/dist/commonjs/layout/lib/utils/space.d.ts +107 -51
  224. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
  225. package/dist/commonjs/layout/lib/utils/space.js +98 -148
  226. package/dist/commonjs/layout/lib/utils/stack.d.ts +3 -6
  227. package/dist/commonjs/layout/lib/utils/stack.d.ts.map +1 -1
  228. package/dist/commonjs/layout/lib/utils/stack.js +13 -39
  229. package/dist/commonjs/layout/lib/utils/styleProps.d.ts +41 -0
  230. package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -0
  231. package/dist/commonjs/layout/lib/utils/styleProps.js +2 -0
  232. package/dist/commonjs/layout/lib/utils/systemProps.d.ts +31 -0
  233. package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -0
  234. package/dist/commonjs/layout/lib/utils/systemProps.js +2 -0
  235. package/dist/commonjs/layout/lib/utils/text.d.ts +53 -0
  236. package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -0
  237. package/dist/commonjs/layout/lib/utils/text.js +84 -0
  238. package/dist/commonjs/loading-dots/index.d.ts +2 -0
  239. package/dist/commonjs/loading-dots/index.d.ts.map +1 -0
  240. package/dist/commonjs/loading-dots/index.js +13 -0
  241. package/dist/commonjs/{loading-animation → loading-dots}/lib/LoadingDots.d.ts +0 -0
  242. package/dist/commonjs/loading-dots/lib/LoadingDots.d.ts.map +1 -0
  243. package/dist/commonjs/{loading-animation → loading-dots}/lib/LoadingDots.js +0 -0
  244. package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
  245. package/dist/commonjs/menu/lib/MenuCard.js +1 -1
  246. package/dist/commonjs/menu/lib/MenuContextTarget.d.ts.map +1 -1
  247. package/dist/commonjs/menu/lib/MenuContextTarget.js +2 -4
  248. package/dist/commonjs/menu/lib/MenuItem.js +13 -12
  249. package/dist/commonjs/menu/lib/MenuTarget.d.ts.map +1 -1
  250. package/dist/commonjs/menu/lib/MenuTarget.js +2 -4
  251. package/dist/commonjs/modal/lib/Modal.d.ts +1 -1
  252. package/dist/commonjs/modal/lib/ModalCard.d.ts.map +1 -1
  253. package/dist/commonjs/modal/lib/ModalCard.js +15 -1
  254. package/dist/commonjs/modal/lib/ModalHeading.d.ts.map +1 -1
  255. package/dist/commonjs/modal/lib/ModalHeading.js +11 -1
  256. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  257. package/dist/commonjs/modal/lib/ModalOverlay.js +21 -16
  258. package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.d.ts.map +1 -1
  259. package/dist/commonjs/modal/lib/hooks/useCloseOnOverlayClick.js +3 -1
  260. package/dist/commonjs/modal/lib/hooks/useModalModel.js +1 -1
  261. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  262. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +5 -4
  263. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  264. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +2 -4
  265. package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.d.ts.map +1 -1
  266. package/dist/commonjs/pagination/lib/Pagination/usePaginationModel.js +5 -1
  267. package/dist/commonjs/popup/lib/Popup.d.ts +1 -1
  268. package/dist/commonjs/popup/lib/PopupBody.d.ts +1 -1
  269. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  270. package/dist/commonjs/popup/lib/PopupCard.d.ts +3 -2
  271. package/dist/commonjs/popup/lib/PopupCard.d.ts.map +1 -1
  272. package/dist/commonjs/popup/lib/PopupCard.js +20 -13
  273. package/dist/commonjs/popup/lib/PopupCloseButton.d.ts.map +1 -1
  274. package/dist/commonjs/popup/lib/PopupCloseButton.js +1 -1
  275. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  276. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  277. package/dist/commonjs/popup/lib/PopupPopper.d.ts +2 -3
  278. package/dist/commonjs/popup/lib/PopupPopper.d.ts.map +1 -1
  279. package/dist/commonjs/popup/lib/hooks/index.d.ts +1 -0
  280. package/dist/commonjs/popup/lib/hooks/index.d.ts.map +1 -1
  281. package/dist/commonjs/popup/lib/hooks/index.js +1 -0
  282. package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.d.ts +31 -0
  283. package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.d.ts.map +1 -0
  284. package/dist/commonjs/popup/lib/hooks/useCloseOnTargetHidden.js +56 -0
  285. package/dist/commonjs/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
  286. package/dist/commonjs/popup/lib/hooks/useReturnFocus.js +97 -3
  287. package/dist/commonjs/radio/lib/Radio.d.ts.map +1 -1
  288. package/dist/commonjs/radio/lib/Radio.js +2 -13
  289. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts +3 -1
  290. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -1
  291. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js +11 -2
  292. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  293. package/dist/commonjs/side-panel/lib/SidePanel.js +2 -2
  294. package/dist/commonjs/tabs/lib/Tabs.d.ts +1149 -1
  295. package/dist/commonjs/tabs/lib/Tabs.d.ts.map +1 -1
  296. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  297. package/dist/commonjs/tabs/lib/useTabsModel.d.ts +2773 -469
  298. package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -1
  299. package/dist/commonjs/testing/index.d.ts +5 -0
  300. package/dist/commonjs/testing/index.d.ts.map +1 -0
  301. package/dist/commonjs/testing/index.js +16 -0
  302. package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts +26 -0
  303. package/dist/commonjs/testing/lib/ComponentStatesTable.d.ts.map +1 -0
  304. package/dist/commonjs/testing/lib/ComponentStatesTable.js +48 -0
  305. package/dist/commonjs/testing/lib/StaticStates.d.ts +7 -0
  306. package/dist/commonjs/testing/lib/StaticStates.d.ts.map +1 -0
  307. package/dist/commonjs/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
  308. package/dist/commonjs/testing/lib/permutateProps.d.ts +5 -0
  309. package/dist/commonjs/testing/lib/permutateProps.d.ts.map +1 -0
  310. package/dist/commonjs/testing/lib/permutateProps.js +47 -0
  311. package/dist/commonjs/testing/lib/propTypes.d.ts +15 -0
  312. package/dist/commonjs/testing/lib/propTypes.d.ts.map +1 -0
  313. package/dist/commonjs/testing/lib/propTypes.js +2 -0
  314. package/dist/commonjs/text/index.d.ts +4 -0
  315. package/dist/commonjs/text/index.d.ts.map +1 -0
  316. package/dist/commonjs/text/index.js +15 -0
  317. package/dist/commonjs/text/lib/LabelText.d.ts +30 -0
  318. package/dist/commonjs/text/lib/LabelText.d.ts.map +1 -0
  319. package/dist/commonjs/text/lib/LabelText.js +73 -0
  320. package/dist/commonjs/text/lib/Text.d.ts +58 -0
  321. package/dist/commonjs/text/lib/Text.d.ts.map +1 -0
  322. package/dist/commonjs/text/lib/Text.js +123 -0
  323. package/dist/commonjs/text/lib/TypeLevelComponents.d.ts +132 -0
  324. package/dist/commonjs/text/lib/TypeLevelComponents.d.ts.map +1 -0
  325. package/dist/commonjs/text/lib/TypeLevelComponents.js +195 -0
  326. package/dist/commonjs/text-input/index.d.ts.map +1 -1
  327. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  328. package/dist/commonjs/toast/lib/Toast.js +1 -2
  329. package/dist/commonjs/tokens/lib/colors.types.d.ts +4 -6
  330. package/dist/commonjs/tokens/lib/colors.types.d.ts.map +1 -1
  331. package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
  332. package/dist/commonjs/tooltip/lib/OverflowTooltip.js +1 -4
  333. package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts.map +1 -1
  334. package/dist/commonjs/tooltip/lib/TooltipContainer.js +5 -0
  335. package/dist/commonjs/tooltip/lib/useTooltip.d.ts.map +1 -1
  336. package/dist/commonjs/tooltip/lib/useTooltip.js +1 -0
  337. package/dist/es6/action-bar/lib/ActionBar.d.ts +1 -1
  338. package/dist/es6/action-bar/lib/ActionBarItem.d.ts +8 -0
  339. package/dist/es6/action-bar/lib/ActionBarItem.d.ts.map +1 -1
  340. package/dist/es6/action-bar/lib/ActionBarItem.js +2 -2
  341. package/dist/es6/action-bar/lib/ActionBarList.d.ts +92 -0
  342. package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
  343. package/dist/es6/action-bar/lib/ActionBarList.js +4 -4
  344. package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts +5 -1
  345. package/dist/es6/action-bar/lib/ActionBarOverflowButton.d.ts.map +1 -1
  346. package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +3 -3
  347. package/dist/es6/banner/lib/Banner.d.ts +0 -9
  348. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  349. package/dist/es6/banner/lib/Banner.js +2 -4
  350. package/dist/es6/breadcrumbs/index.d.ts +3 -0
  351. package/dist/es6/breadcrumbs/index.d.ts.map +1 -0
  352. package/dist/es6/breadcrumbs/index.js +2 -0
  353. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +3851 -0
  354. package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -0
  355. package/dist/es6/breadcrumbs/lib/Breadcrumbs.js +155 -0
  356. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts +212 -0
  357. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map +1 -0
  358. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +57 -0
  359. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts +226 -0
  360. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.d.ts.map +1 -0
  361. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +54 -0
  362. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts +17 -0
  363. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts.map +1 -0
  364. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +40 -0
  365. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +164 -0
  366. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -0
  367. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +41 -0
  368. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts +1717 -0
  369. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts.map +1 -0
  370. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +36 -0
  371. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +241 -0
  372. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -0
  373. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +46 -0
  374. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts +1661 -0
  375. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map +1 -0
  376. package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.js +61 -0
  377. package/dist/es6/breadcrumbs/lib/hooks/utils/index.d.ts +6 -0
  378. package/dist/es6/breadcrumbs/lib/hooks/utils/index.d.ts.map +1 -0
  379. package/dist/es6/breadcrumbs/lib/hooks/utils/index.js +18 -0
  380. package/dist/es6/button/index.d.ts +1 -1
  381. package/dist/es6/button/index.d.ts.map +1 -1
  382. package/dist/es6/button/index.js +1 -1
  383. package/dist/es6/button/lib/BaseButton.d.ts +7 -4
  384. package/dist/es6/button/lib/BaseButton.d.ts.map +1 -1
  385. package/dist/es6/button/lib/DeleteButton.d.ts +2 -1
  386. package/dist/es6/button/lib/DeleteButton.d.ts.map +1 -1
  387. package/dist/es6/button/lib/PrimaryButton.d.ts +2 -1
  388. package/dist/es6/button/lib/PrimaryButton.d.ts.map +1 -1
  389. package/dist/es6/button/lib/SecondaryButton.d.ts +2 -1
  390. package/dist/es6/button/lib/SecondaryButton.d.ts.map +1 -1
  391. package/dist/es6/button/lib/TertiaryButton.d.ts +11 -1
  392. package/dist/es6/button/lib/TertiaryButton.d.ts.map +1 -1
  393. package/dist/es6/button/lib/TertiaryButton.js +9 -8
  394. package/dist/es6/card/lib/Card.d.ts +1 -1
  395. package/dist/es6/card/lib/CardBody.d.ts +1 -1
  396. package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
  397. package/dist/es6/card/lib/CardBody.js +1 -3
  398. package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
  399. package/dist/es6/card/lib/CardHeading.js +2 -7
  400. package/dist/es6/checkbox/index.d.ts.map +1 -1
  401. package/dist/es6/checkbox/lib/Checkbox.d.ts.map +1 -1
  402. package/dist/es6/checkbox/lib/Checkbox.js +3 -14
  403. package/dist/es6/collection/lib/ListBox.d.ts +0 -57
  404. package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
  405. package/dist/es6/color-picker/index.d.ts.map +1 -1
  406. package/dist/es6/color-picker/lib/ColorInput.d.ts.map +1 -1
  407. package/dist/es6/color-picker/lib/ColorInput.js +1 -2
  408. package/dist/es6/common/index.d.ts +1 -0
  409. package/dist/es6/common/index.d.ts.map +1 -1
  410. package/dist/es6/common/index.js +1 -0
  411. package/dist/es6/common/lib/InputProvider.d.ts.map +1 -1
  412. package/dist/es6/common/lib/InputProvider.js +0 -4
  413. package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.d.ts +78 -0
  414. package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.d.ts.map +1 -0
  415. package/dist/es6/common/lib/responsive/useResponsiveContainerStyles.js +135 -0
  416. package/dist/es6/common/lib/theming/index.d.ts +1 -1
  417. package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
  418. package/dist/es6/common/lib/theming/styled.d.ts +2 -0
  419. package/dist/es6/common/lib/theming/styled.d.ts.map +1 -1
  420. package/dist/es6/common/lib/theming/styled.js +1 -2
  421. package/dist/es6/common/lib/utils/components.d.ts +30 -18
  422. package/dist/es6/common/lib/utils/components.d.ts.map +1 -1
  423. package/dist/es6/common/lib/utils/components.js +10 -5
  424. package/dist/es6/common/lib/utils/elements.d.ts +1 -1
  425. package/dist/es6/common/lib/utils/elements.d.ts.map +1 -1
  426. package/dist/es6/common/lib/utils/elements.js +5 -11
  427. package/dist/es6/common/lib/utils/index.d.ts +0 -1
  428. package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
  429. package/dist/es6/common/lib/utils/index.js +0 -1
  430. package/dist/es6/common/lib/utils/isWithinBreakpoint.d.ts +5 -0
  431. package/dist/es6/common/lib/utils/isWithinBreakpoint.d.ts.map +1 -0
  432. package/dist/es6/common/lib/utils/isWithinBreakpoint.js +6 -0
  433. package/dist/es6/common/lib/utils/models.d.ts +10 -2
  434. package/dist/es6/common/lib/utils/models.d.ts.map +1 -1
  435. package/dist/es6/common/lib/utils/models.js +3 -0
  436. package/dist/es6/common/lib/utils/useModalityType.js +13 -13
  437. package/dist/es6/dialog/lib/Dialog.d.ts +1 -1
  438. package/dist/es6/form-field/index.d.ts.map +1 -1
  439. package/dist/es6/form-field/lib/Hint.d.ts.map +1 -1
  440. package/dist/es6/form-field/lib/Hint.js +6 -14
  441. package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
  442. package/dist/es6/form-field/lib/Label.js +0 -2
  443. package/dist/es6/icon/lib/SystemIcon.d.ts +1 -1
  444. package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
  445. package/dist/es6/index.d.ts +4 -1
  446. package/dist/es6/index.d.ts.map +1 -1
  447. package/dist/es6/index.js +4 -1
  448. package/dist/es6/layout/index.d.ts +15 -5
  449. package/dist/es6/layout/index.d.ts.map +1 -1
  450. package/dist/es6/layout/index.js +12 -3
  451. package/dist/es6/layout/lib/Box.d.ts +23 -11
  452. package/dist/es6/layout/lib/Box.d.ts.map +1 -1
  453. package/dist/es6/layout/lib/Box.js +34 -8
  454. package/dist/es6/layout/lib/Column.d.ts +13 -4
  455. package/dist/es6/layout/lib/Column.d.ts.map +1 -1
  456. package/dist/es6/layout/lib/Column.js +9 -6
  457. package/dist/es6/layout/lib/Flex.d.ts +6 -3
  458. package/dist/es6/layout/lib/Flex.d.ts.map +1 -1
  459. package/dist/es6/layout/lib/Flex.js +5 -1
  460. package/dist/es6/layout/lib/Grid.d.ts +51 -0
  461. package/dist/es6/layout/lib/Grid.d.ts.map +1 -0
  462. package/dist/es6/layout/lib/Grid.js +90 -0
  463. package/dist/es6/layout/lib/Layout.d.ts +26 -9
  464. package/dist/es6/layout/lib/Layout.d.ts.map +1 -1
  465. package/dist/es6/layout/lib/Layout.js +21 -10
  466. package/dist/es6/layout/lib/Stack.d.ts +4 -4
  467. package/dist/es6/layout/lib/Stack.js +4 -4
  468. package/dist/es6/layout/lib/utils/background.d.ts +44 -0
  469. package/dist/es6/layout/lib/utils/background.d.ts.map +1 -0
  470. package/dist/es6/layout/lib/utils/background.js +54 -0
  471. package/dist/es6/layout/lib/utils/border/color.d.ts +47 -0
  472. package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -0
  473. package/dist/es6/layout/lib/utils/border/color.js +39 -0
  474. package/dist/es6/layout/lib/utils/border/index.d.ts +26 -0
  475. package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -0
  476. package/dist/es6/layout/lib/utils/border/index.js +43 -0
  477. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +38 -0
  478. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -0
  479. package/dist/es6/layout/lib/utils/border/lineStyle.js +49 -0
  480. package/dist/es6/layout/lib/utils/border/radius.d.ts +33 -0
  481. package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -0
  482. package/dist/es6/layout/lib/utils/border/radius.js +29 -0
  483. package/dist/es6/layout/lib/utils/border/shorthand.d.ts +34 -0
  484. package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -0
  485. package/dist/es6/layout/lib/utils/border/shorthand.js +39 -0
  486. package/dist/es6/layout/lib/utils/border/width.d.ts +34 -0
  487. package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -0
  488. package/dist/es6/layout/lib/utils/border/width.js +39 -0
  489. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +12 -0
  490. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -0
  491. package/dist/es6/layout/lib/utils/buildStyleFns.js +85 -0
  492. package/dist/es6/layout/lib/utils/color.d.ts +23 -16
  493. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
  494. package/dist/es6/layout/lib/utils/color.js +24 -46
  495. package/dist/es6/layout/lib/utils/depth.d.ts +17 -11
  496. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
  497. package/dist/es6/layout/lib/utils/depth.js +19 -18
  498. package/dist/es6/layout/lib/utils/flex.d.ts +33 -14
  499. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
  500. package/dist/es6/layout/lib/utils/flex.js +57 -23
  501. package/dist/es6/layout/lib/utils/flexItem.d.ts +18 -15
  502. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
  503. package/dist/es6/layout/lib/utils/flexItem.js +42 -24
  504. package/dist/es6/layout/lib/utils/grid.d.ts +72 -0
  505. package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -0
  506. package/dist/es6/layout/lib/utils/grid.js +109 -0
  507. package/dist/es6/layout/lib/utils/gridItem.d.ts +42 -0
  508. package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -0
  509. package/dist/es6/layout/lib/utils/gridItem.js +68 -0
  510. package/dist/es6/layout/lib/utils/layout.d.ts +47 -25
  511. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
  512. package/dist/es6/layout/lib/utils/layout.js +70 -31
  513. package/dist/es6/layout/lib/utils/other.d.ts +46 -2
  514. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
  515. package/dist/es6/layout/lib/utils/other.js +100 -15
  516. package/dist/es6/layout/lib/utils/position.d.ts +37 -20
  517. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
  518. package/dist/es6/layout/lib/utils/position.js +48 -64
  519. package/dist/es6/layout/lib/utils/space.d.ts +107 -51
  520. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
  521. package/dist/es6/layout/lib/utils/space.js +97 -146
  522. package/dist/es6/layout/lib/utils/stack.d.ts +3 -6
  523. package/dist/es6/layout/lib/utils/stack.d.ts.map +1 -1
  524. package/dist/es6/layout/lib/utils/stack.js +13 -39
  525. package/dist/es6/layout/lib/utils/styleProps.d.ts +41 -0
  526. package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -0
  527. package/dist/es6/layout/lib/utils/styleProps.js +1 -0
  528. package/dist/es6/layout/lib/utils/systemProps.d.ts +31 -0
  529. package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -0
  530. package/dist/es6/layout/lib/utils/systemProps.js +1 -0
  531. package/dist/es6/layout/lib/utils/text.d.ts +53 -0
  532. package/dist/es6/layout/lib/utils/text.d.ts.map +1 -0
  533. package/dist/es6/layout/lib/utils/text.js +81 -0
  534. package/dist/es6/loading-dots/index.d.ts +2 -0
  535. package/dist/es6/loading-dots/index.d.ts.map +1 -0
  536. package/dist/es6/loading-dots/index.js +1 -0
  537. package/dist/es6/{loading-animation → loading-dots}/lib/LoadingDots.d.ts +0 -0
  538. package/dist/es6/loading-dots/lib/LoadingDots.d.ts.map +1 -0
  539. package/dist/es6/{loading-animation → loading-dots}/lib/LoadingDots.js +0 -0
  540. package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
  541. package/dist/es6/menu/lib/MenuCard.js +1 -1
  542. package/dist/es6/menu/lib/MenuContextTarget.d.ts.map +1 -1
  543. package/dist/es6/menu/lib/MenuContextTarget.js +2 -4
  544. package/dist/es6/menu/lib/MenuItem.js +13 -12
  545. package/dist/es6/menu/lib/MenuTarget.d.ts.map +1 -1
  546. package/dist/es6/menu/lib/MenuTarget.js +2 -4
  547. package/dist/es6/modal/lib/Modal.d.ts +1 -1
  548. package/dist/es6/modal/lib/ModalCard.d.ts.map +1 -1
  549. package/dist/es6/modal/lib/ModalCard.js +16 -2
  550. package/dist/es6/modal/lib/ModalHeading.d.ts.map +1 -1
  551. package/dist/es6/modal/lib/ModalHeading.js +12 -2
  552. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  553. package/dist/es6/modal/lib/ModalOverlay.js +21 -16
  554. package/dist/es6/modal/lib/hooks/useCloseOnOverlayClick.d.ts.map +1 -1
  555. package/dist/es6/modal/lib/hooks/useCloseOnOverlayClick.js +4 -2
  556. package/dist/es6/modal/lib/hooks/useModalModel.js +1 -1
  557. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.d.ts.map +1 -1
  558. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +6 -5
  559. package/dist/es6/pagination/lib/Pagination/GoTo/Label.d.ts.map +1 -1
  560. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +2 -4
  561. package/dist/es6/pagination/lib/Pagination/usePaginationModel.d.ts.map +1 -1
  562. package/dist/es6/pagination/lib/Pagination/usePaginationModel.js +5 -1
  563. package/dist/es6/popup/lib/Popup.d.ts +1 -1
  564. package/dist/es6/popup/lib/PopupBody.d.ts +1 -1
  565. package/dist/es6/popup/lib/PopupBody.js +1 -1
  566. package/dist/es6/popup/lib/PopupCard.d.ts +3 -2
  567. package/dist/es6/popup/lib/PopupCard.d.ts.map +1 -1
  568. package/dist/es6/popup/lib/PopupCard.js +21 -14
  569. package/dist/es6/popup/lib/PopupCloseButton.d.ts.map +1 -1
  570. package/dist/es6/popup/lib/PopupCloseButton.js +1 -1
  571. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  572. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  573. package/dist/es6/popup/lib/PopupPopper.d.ts +2 -3
  574. package/dist/es6/popup/lib/PopupPopper.d.ts.map +1 -1
  575. package/dist/es6/popup/lib/hooks/index.d.ts +1 -0
  576. package/dist/es6/popup/lib/hooks/index.d.ts.map +1 -1
  577. package/dist/es6/popup/lib/hooks/index.js +1 -0
  578. package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts +31 -0
  579. package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts.map +1 -0
  580. package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js +50 -0
  581. package/dist/es6/popup/lib/hooks/useReturnFocus.d.ts.map +1 -1
  582. package/dist/es6/popup/lib/hooks/useReturnFocus.js +98 -4
  583. package/dist/es6/radio/lib/Radio.d.ts.map +1 -1
  584. package/dist/es6/radio/lib/Radio.js +3 -14
  585. package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts +3 -1
  586. package/dist/es6/segmented-control/lib/SegmentedControlButton.d.ts.map +1 -1
  587. package/dist/es6/segmented-control/lib/SegmentedControlButton.js +12 -3
  588. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  589. package/dist/es6/side-panel/lib/SidePanel.js +3 -3
  590. package/dist/es6/tabs/lib/Tabs.d.ts +1149 -1
  591. package/dist/es6/tabs/lib/Tabs.d.ts.map +1 -1
  592. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  593. package/dist/es6/tabs/lib/useTabsModel.d.ts +2773 -469
  594. package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -1
  595. package/dist/es6/testing/index.d.ts +5 -0
  596. package/dist/es6/testing/index.d.ts.map +1 -0
  597. package/dist/es6/testing/index.js +4 -0
  598. package/dist/es6/testing/lib/ComponentStatesTable.d.ts +26 -0
  599. package/dist/es6/testing/lib/ComponentStatesTable.d.ts.map +1 -0
  600. package/dist/es6/testing/lib/ComponentStatesTable.js +41 -0
  601. package/dist/es6/testing/lib/StaticStates.d.ts +7 -0
  602. package/dist/es6/testing/lib/StaticStates.d.ts.map +1 -0
  603. package/dist/es6/{common/lib/utils → testing/lib}/StaticStates.js +1 -1
  604. package/dist/es6/testing/lib/permutateProps.d.ts +5 -0
  605. package/dist/es6/testing/lib/permutateProps.d.ts.map +1 -0
  606. package/dist/es6/testing/lib/permutateProps.js +43 -0
  607. package/dist/es6/testing/lib/propTypes.d.ts +15 -0
  608. package/dist/es6/testing/lib/propTypes.d.ts.map +1 -0
  609. package/dist/es6/testing/lib/propTypes.js +1 -0
  610. package/dist/es6/text/index.d.ts +4 -0
  611. package/dist/es6/text/index.d.ts.map +1 -0
  612. package/dist/es6/text/index.js +3 -0
  613. package/dist/es6/text/lib/LabelText.d.ts +30 -0
  614. package/dist/es6/text/lib/LabelText.d.ts.map +1 -0
  615. package/dist/es6/text/lib/LabelText.js +51 -0
  616. package/dist/es6/text/lib/Text.d.ts +58 -0
  617. package/dist/es6/text/lib/Text.d.ts.map +1 -0
  618. package/dist/es6/text/lib/Text.js +101 -0
  619. package/dist/es6/text/lib/TypeLevelComponents.d.ts +132 -0
  620. package/dist/es6/text/lib/TypeLevelComponents.d.ts.map +1 -0
  621. package/dist/es6/text/lib/TypeLevelComponents.js +173 -0
  622. package/dist/es6/text-input/index.d.ts.map +1 -1
  623. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  624. package/dist/es6/toast/lib/Toast.js +1 -2
  625. package/dist/es6/tokens/lib/colors.types.d.ts +4 -6
  626. package/dist/es6/tokens/lib/colors.types.d.ts.map +1 -1
  627. package/dist/es6/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
  628. package/dist/es6/tooltip/lib/OverflowTooltip.js +1 -4
  629. package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map +1 -1
  630. package/dist/es6/tooltip/lib/TooltipContainer.js +5 -0
  631. package/dist/es6/tooltip/lib/useTooltip.d.ts.map +1 -1
  632. package/dist/es6/tooltip/lib/useTooltip.js +2 -1
  633. package/form-field/index.ts +0 -1
  634. package/form-field/lib/Hint.tsx +8 -19
  635. package/form-field/lib/Label.tsx +1 -2
  636. package/icon/lib/SystemIcon.tsx +1 -1
  637. package/index.ts +4 -1
  638. package/layout/README.md +28 -27
  639. package/layout/index.ts +15 -5
  640. package/layout/lib/Box.tsx +63 -45
  641. package/layout/lib/Column.tsx +22 -5
  642. package/layout/lib/Flex.tsx +6 -2
  643. package/layout/lib/Grid.tsx +85 -0
  644. package/layout/lib/Layout.tsx +37 -12
  645. package/layout/lib/Stack.tsx +4 -4
  646. package/layout/lib/utils/background.ts +83 -0
  647. package/layout/lib/utils/border/color.ts +85 -0
  648. package/layout/lib/utils/border/index.ts +49 -0
  649. package/layout/lib/utils/border/lineStyle.ts +87 -0
  650. package/layout/lib/utils/border/radius.ts +61 -0
  651. package/layout/lib/utils/border/shorthand.ts +73 -0
  652. package/layout/lib/utils/border/width.ts +73 -0
  653. package/layout/lib/utils/buildStyleFns.ts +117 -0
  654. package/layout/lib/utils/color.ts +40 -50
  655. package/layout/lib/utils/depth.ts +28 -24
  656. package/layout/lib/utils/flex.ts +85 -34
  657. package/layout/lib/utils/flexItem.ts +54 -36
  658. package/layout/lib/utils/grid.ts +166 -0
  659. package/layout/lib/utils/gridItem.ts +96 -0
  660. package/layout/lib/utils/layout.ts +109 -50
  661. package/layout/lib/utils/other.ts +144 -15
  662. package/layout/lib/utils/position.ts +79 -73
  663. package/layout/lib/utils/space.ts +202 -196
  664. package/layout/lib/utils/stack.ts +19 -45
  665. package/layout/lib/utils/styleProps.ts +56 -0
  666. package/layout/lib/utils/systemProps.ts +46 -0
  667. package/layout/lib/utils/text.ts +122 -0
  668. package/{loading-animation → loading-dots}/LICENSE +0 -0
  669. package/loading-dots/README.md +7 -0
  670. package/loading-dots/index.ts +1 -0
  671. package/{loading-animation → loading-dots}/lib/LoadingDots.tsx +0 -0
  672. package/loading-dots/package.json +6 -0
  673. package/menu/lib/MenuCard.tsx +1 -0
  674. package/menu/lib/MenuContextTarget.tsx +2 -4
  675. package/menu/lib/MenuItem.tsx +12 -12
  676. package/menu/lib/MenuTarget.tsx +2 -4
  677. package/modal/lib/ModalCard.tsx +17 -4
  678. package/modal/lib/ModalHeading.tsx +14 -2
  679. package/modal/lib/ModalOverlay.tsx +11 -13
  680. package/modal/lib/hooks/useCloseOnOverlayClick.ts +4 -2
  681. package/modal/lib/hooks/useModalModel.ts +1 -1
  682. package/package.json +3 -6
  683. package/pagination/lib/Pagination/AdditionalDetails.tsx +7 -8
  684. package/pagination/lib/Pagination/GoTo/Label.tsx +3 -11
  685. package/pagination/lib/Pagination/usePaginationModel.ts +5 -2
  686. package/popup/lib/PopupBody.tsx +1 -1
  687. package/popup/lib/PopupCard.tsx +16 -8
  688. package/popup/lib/PopupCloseButton.tsx +5 -1
  689. package/popup/lib/PopupCloseIcon.tsx +1 -1
  690. package/popup/lib/PopupHeading.tsx +1 -1
  691. package/popup/lib/PopupPopper.tsx +2 -3
  692. package/popup/lib/hooks/index.ts +1 -0
  693. package/popup/lib/hooks/useCloseOnTargetHidden.ts +66 -0
  694. package/popup/lib/hooks/useReturnFocus.tsx +112 -4
  695. package/radio/lib/Radio.tsx +9 -24
  696. package/segmented-control/lib/SegmentedControlButton.tsx +24 -5
  697. package/select/lib/Select.tsx +1 -1
  698. package/side-panel/lib/SidePanel.tsx +7 -7
  699. package/tabs/lib/useTabsModel.tsx +2 -2
  700. package/testing/LICENSE +52 -0
  701. package/testing/README.md +6 -0
  702. package/testing/index.ts +4 -0
  703. package/testing/lib/ComponentStatesTable.tsx +80 -0
  704. package/{common/lib/utils → testing/lib}/StaticStates.tsx +5 -4
  705. package/testing/lib/permutateProps.ts +47 -0
  706. package/testing/lib/propTypes.ts +15 -0
  707. package/testing/package.json +6 -0
  708. package/text/LICENSE +52 -0
  709. package/text/README.md +5 -0
  710. package/text/index.ts +3 -0
  711. package/text/lib/LabelText.tsx +47 -0
  712. package/text/lib/Text.tsx +110 -0
  713. package/text/lib/TypeLevelComponents.tsx +164 -0
  714. package/text/package.json +6 -0
  715. package/text-input/index.ts +0 -1
  716. package/toast/lib/Toast.tsx +1 -2
  717. package/tokens/lib/colors.types.ts +4 -7
  718. package/tooltip/lib/OverflowTooltip.tsx +1 -4
  719. package/tooltip/lib/TooltipContainer.tsx +6 -0
  720. package/tooltip/lib/useTooltip.tsx +2 -0
  721. package/dist/commonjs/common/lib/utils/StaticStates.d.ts +0 -8
  722. package/dist/commonjs/common/lib/utils/StaticStates.d.ts.map +0 -1
  723. package/dist/commonjs/layout/lib/utils/border.d.ts +0 -103
  724. package/dist/commonjs/layout/lib/utils/border.d.ts.map +0 -1
  725. package/dist/commonjs/layout/lib/utils/border.js +0 -153
  726. package/dist/commonjs/loading-animation/index.d.ts +0 -3
  727. package/dist/commonjs/loading-animation/index.d.ts.map +0 -1
  728. package/dist/commonjs/loading-animation/index.js +0 -5
  729. package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts.map +0 -1
  730. package/dist/es6/common/lib/utils/StaticStates.d.ts +0 -8
  731. package/dist/es6/common/lib/utils/StaticStates.d.ts.map +0 -1
  732. package/dist/es6/layout/lib/utils/border.d.ts +0 -103
  733. package/dist/es6/layout/lib/utils/border.d.ts.map +0 -1
  734. package/dist/es6/layout/lib/utils/border.js +0 -149
  735. package/dist/es6/loading-animation/index.d.ts +0 -3
  736. package/dist/es6/loading-animation/index.d.ts.map +0 -1
  737. package/dist/es6/loading-animation/index.js +0 -2
  738. package/dist/es6/loading-animation/lib/LoadingDots.d.ts.map +0 -1
  739. package/layout/lib/utils/border.ts +0 -263
  740. package/loading-animation/README.md +0 -7
  741. package/loading-animation/index.ts +0 -3
  742. package/loading-animation/package.json +0 -6
@@ -1 +1 @@
1
- {"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsCH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhFH;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCH;;OAEG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;IAYH;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BL,CAAC"}
1
+ {"version":3,"file":"useTabsModel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/useTabsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,YAAY;IAGrB;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;qCA8DH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAFH;;OAEG;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QARH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhFH;;;;;OAKG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;qCA8DH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAFH;;OAEG;;;;;;;IA1BH;;OAEG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;IAYH;;OAEG;;;;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA1BH;;WAEG;;QAEH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;QAYH;;WAEG;;;;;QAEH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BL,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './lib/ComponentStatesTable';
2
+ export * from './lib/StaticStates';
3
+ export * from './lib/permutateProps';
4
+ export * from './lib/propTypes';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../testing/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './lib/ComponentStatesTable';
2
+ export * from './lib/StaticStates';
3
+ export * from './lib/permutateProps';
4
+ export * from './lib/propTypes';
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { PropCombination, Props } from './propTypes';
3
+ /**
4
+ * A helper to generate a table of all possible states for component visual testing.
5
+ */
6
+ export interface ComponentStatesTableProps {
7
+ /**
8
+ * The props that will be passed to the component when it is rendered and the corresponding
9
+ * row label for that permutation. It is encouraged to use the result of permutateProps()
10
+ * rather than passing in a list so we don't miss any combinations.
11
+ */
12
+ rowProps: PropCombination[];
13
+ /**
14
+ * The props that will be passed to the component when it is rendered and the corresponding
15
+ * column label for that permutation. It is encouraged to use the result of permutateProps()
16
+ * rather than passing in a list so we don't miss any combinations.
17
+ */
18
+ columnProps: PropCombination[];
19
+ /**
20
+ * The render function called to render the component in each cell of the table. This gives you
21
+ * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
22
+ */
23
+ children(props: Props): React.ReactNode;
24
+ }
25
+ export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
26
+ //# sourceMappingURL=ComponentStatesTable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../testing/lib/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}
@@ -0,0 +1,41 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import React from 'react';
13
+ import { styled } from '@workday/canvas-kit-react/common';
14
+ var Table = styled('table')({
15
+ width: '100%',
16
+ thead: {
17
+ textAlign: 'left',
18
+ paddingBottom: 16,
19
+ },
20
+ 'td, th': {
21
+ minWidth: 100,
22
+ paddingBottom: 16,
23
+ paddingRight: 16,
24
+ textAlign: 'left',
25
+ },
26
+ });
27
+ export var ComponentStatesTable = function (_a) {
28
+ var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
29
+ return (React.createElement(Table, null,
30
+ React.createElement("thead", null,
31
+ React.createElement("tr", null,
32
+ React.createElement("th", null, "Variants"),
33
+ columnProps.map(function (col) { return (React.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
34
+ React.createElement("tbody", null, rowProps.map(function (row) {
35
+ return (React.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
36
+ React.createElement("td", null, row.label),
37
+ columnProps.map(function (col) {
38
+ return (React.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
39
+ })));
40
+ }))));
41
+ };
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { PartialEmotionCanvasTheme, StyleRewriteFn } from '@workday/canvas-kit-react/common';
3
+ export declare const convertToStaticStates: StyleRewriteFn;
4
+ export declare const StaticStates: React.FC<React.PropsWithChildren<{
5
+ theme?: PartialEmotionCanvasTheme;
6
+ } & React.HTMLAttributes<HTMLElement>>>;
7
+ //# sourceMappingURL=StaticStates.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StaticStates.d.ts","sourceRoot":"","sources":["../../../../testing/lib/StaticStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,yBAAyB,EACzB,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,eAAO,MAAM,qBAAqB,EAAE,cAoBnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CACzD;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CACxE,CASA,CAAC"}
@@ -44,6 +44,6 @@ export var convertToStaticStates = function (obj) {
44
44
  export var StaticStates = function (_a) {
45
45
  var children = _a.children, theme = _a.theme, elemProps = __rest(_a, ["children", "theme"]);
46
46
  var localTheme = useTheme(theme);
47
- localTheme._staticStates = true;
47
+ localTheme._styleRewriteFn = convertToStaticStates;
48
48
  return (React.createElement(CanvasProvider, __assign({ theme: localTheme }, elemProps), children));
49
49
  };
@@ -0,0 +1,5 @@
1
+ import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
2
+ export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
3
+ [key: string]: PropDeclaration;
4
+ }) => PropCombination[];
5
+ //# sourceMappingURL=permutateProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../testing/lib/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}
@@ -0,0 +1,43 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ export var permutateProps = function (allProps, filter, remainingProps, values) {
13
+ if (remainingProps === void 0) { remainingProps = Object.keys(allProps); }
14
+ if (values === void 0) { values = {}; }
15
+ // When there are no more props to combine with, return result
16
+ var prop = remainingProps[0];
17
+ if (!prop) {
18
+ var props_1 = {};
19
+ Object.keys(values).forEach(function (prop) {
20
+ var _a;
21
+ props_1[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
22
+ });
23
+ if (filter && !filter(props_1)) {
24
+ return [];
25
+ }
26
+ var label = Object.keys(values)
27
+ .map(function (prop) { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
28
+ .join(' ');
29
+ return [
30
+ {
31
+ label: label,
32
+ props: props_1,
33
+ },
34
+ ];
35
+ }
36
+ var possiblePropValues = allProps[prop];
37
+ var permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map(function (value) {
38
+ var newValues = __assign({}, values); // Required so we don't overwrite previous references
39
+ newValues[prop] = value;
40
+ return permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
41
+ });
42
+ return permutations.flat();
43
+ };
@@ -0,0 +1,15 @@
1
+ export declare type PropDeclaration = {
2
+ value: any;
3
+ label: string;
4
+ };
5
+ export declare type PropsDeclaration = {
6
+ [key: string]: PropDeclaration[];
7
+ };
8
+ export declare type Props = {
9
+ [key: string]: any;
10
+ };
11
+ export declare type PropCombination = {
12
+ label: string;
13
+ props: Props;
14
+ };
15
+ //# sourceMappingURL=propTypes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../testing/lib/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ export * from './lib/Text';
2
+ export * from './lib/TypeLevelComponents';
3
+ export * from './lib/LabelText';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './lib/Text';
2
+ export * from './lib/TypeLevelComponents';
3
+ export * from './lib/LabelText';
@@ -0,0 +1,30 @@
1
+ import { Property } from 'csstype';
2
+ import { TextProps } from '@workday/canvas-kit-react/text';
3
+ export interface TypeLabelProps extends TextProps {
4
+ cursor?: Property.Cursor;
5
+ disabled?: boolean;
6
+ }
7
+ /**
8
+ * ## LabelText
9
+ * [View Docs](https://canvas.workday.com/components/text/label-text)
10
+ *
11
+ * ---
12
+ * This component is intended to be used for labeling input fields.
13
+ * It's built on top of the `Text` component, so it has access to all `TextProps`.
14
+ * By default, it renders a semantic `label` element.
15
+ *
16
+ * It also uses the `subtext.large` typeLevel by default:
17
+ * - font-size: 14px (0.875rem)
18
+ * - font-weight: regular (400)
19
+ *
20
+ * @example
21
+ * ```tsx
22
+ * import { LabelText } from '@workday/canvas-kit-react/text';
23
+ *
24
+ * const CustomLabelText = () => (
25
+ * <LabelText>Input Label Text</LabelText>
26
+ * );
27
+ * ```
28
+ */
29
+ export declare const LabelText: import("../../common").ElementComponent<"label", TypeLabelProps>;
30
+ //# sourceMappingURL=LabelText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LabelText.d.ts","sourceRoot":"","sources":["../../../../text/lib/LabelText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAG/D,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAUD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,kEAKpB,CAAC"}
@@ -0,0 +1,51 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import * as React from 'react';
13
+ import { createComponent, styled } from '@workday/canvas-kit-react/common';
14
+ import { Text } from '@workday/canvas-kit-react/text';
15
+ import { inputColors } from '@workday/canvas-kit-react/tokens';
16
+ var StyledLabel = styled(Text.as('label'))(function (_a) {
17
+ var cursor = _a.cursor, disabled = _a.disabled, variant = _a.variant;
18
+ return ({
19
+ color: disabled && variant !== 'inverse' ? inputColors.disabled.text : undefined,
20
+ cursor: cursor && !disabled ? cursor : 'default',
21
+ opacity: disabled && variant === 'inverse' ? '.4' : '1',
22
+ });
23
+ });
24
+ /**
25
+ * ## LabelText
26
+ * [View Docs](https://canvas.workday.com/components/text/label-text)
27
+ *
28
+ * ---
29
+ * This component is intended to be used for labeling input fields.
30
+ * It's built on top of the `Text` component, so it has access to all `TextProps`.
31
+ * By default, it renders a semantic `label` element.
32
+ *
33
+ * It also uses the `subtext.large` typeLevel by default:
34
+ * - font-size: 14px (0.875rem)
35
+ * - font-weight: regular (400)
36
+ *
37
+ * @example
38
+ * ```tsx
39
+ * import { LabelText } from '@workday/canvas-kit-react/text';
40
+ *
41
+ * const CustomLabelText = () => (
42
+ * <LabelText>Input Label Text</LabelText>
43
+ * );
44
+ * ```
45
+ */
46
+ export var LabelText = createComponent('label')({
47
+ displayName: 'Label',
48
+ Component: function (elemProps, ref, Element) {
49
+ return React.createElement(StyledLabel, __assign({ ref: ref, as: Element, typeLevel: "subtext.large" }, elemProps));
50
+ },
51
+ });
@@ -0,0 +1,58 @@
1
+ import { CanvasTypeHierarchy, CanvasTypeVariants } from '@workday/canvas-kit-react/tokens';
2
+ import { BoxProps } from '@workday/canvas-kit-react/layout';
3
+ export interface TextProps extends BoxProps {
4
+ /**
5
+ * Type token as string with level and size separated by dot.
6
+ * These values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
7
+ *
8
+ * @example
9
+ * ```tsx
10
+ * <Text typeLevel="body.small">Small body text</Text>
11
+ * ```
12
+ */
13
+ typeLevel?: `${keyof CanvasTypeHierarchy}.${'large' | 'medium' | 'small'}`;
14
+ /**
15
+ * Type variant token names: `error`, `hint` or `inverse`.
16
+ *
17
+ * @example
18
+ * ```tsx
19
+ * <Text variant="error" typeLevel="subtext.large">Error text</Text>
20
+ * ```
21
+ */
22
+ variant?: keyof CanvasTypeVariants;
23
+ }
24
+ /**
25
+ * ## Text
26
+ * [View Docs](https://canvas.workday.com/components/text/text)
27
+ *
28
+ * ---
29
+ * This is a generic base component intended to render any text.
30
+ * It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
31
+ * It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
32
+ * By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
33
+ *
34
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
35
+ *
36
+ * - `title`: Intended to be used for large page titles.
37
+ * - `heading`: Intended to be used for headings and large text.
38
+ * - `body`: Intended to be used for standard body text.
39
+ * - `subtext`: Intended to be used for small subtext content or in tight spaces.
40
+ *
41
+ * Each level has three sizes: `large`, `medium`, and `small`.
42
+ *
43
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
44
+ * In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
45
+ *
46
+ * @example
47
+ * ```tsx
48
+ * import { Text } from '@workday/canvas-kit-react/text';
49
+ *
50
+ * const CustomErrorText = () => (
51
+ * <Text typeLevel="subtext.small" variant="error">
52
+ * Error Text
53
+ * </Text>
54
+ * );
55
+ * ```
56
+ */
57
+ export declare const Text: import("../../common").ElementComponent<"span", TextProps>;
58
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../text/lib/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AAC/F,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;;;;;;MAQE;IACF,SAAS,CAAC,EAAE,GAAG,MAAM,mBAAmB,IAAI,OAAO,GAAC,QAAQ,GAAC,OAAO,EAAE,CAAC;IACvE;;;;;;;MAOE;IACF,OAAO,CAAC,EAAE,MAAM,kBAAkB,CAAC;CACpC;AA2CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCE;AACF,eAAO,MAAM,IAAI,4DAOf,CAAC"}
@@ -0,0 +1,101 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import * as React from 'react';
24
+ import { createComponent } from '@workday/canvas-kit-react/common';
25
+ // type changes no need
26
+ import { type } from '@workday/canvas-kit-react/tokens';
27
+ import { Box } from '@workday/canvas-kit-react/layout';
28
+ /**
29
+ * Function returns updated props by token and variant values
30
+ */
31
+ var validateProps = function (_a) {
32
+ var typeLevel = _a.typeLevel, variant = _a.variant, props = __rest(_a, ["typeLevel", "variant"]);
33
+ var updatedProps = props;
34
+ var tokenPropNames = [
35
+ 'color',
36
+ 'fontFamily',
37
+ 'fontSize',
38
+ 'fontWeight',
39
+ 'letterSpacing',
40
+ 'lineHeight',
41
+ ];
42
+ /*
43
+ If token provided it updates undefined values of token styles:
44
+ `fontFamily`, `fontSize`, `lineHeight`, `fontWeight`, `color`
45
+ by replacing them by token value
46
+ */
47
+ if (typeLevel) {
48
+ var _b = typeLevel.split('.'), level = _b[0], size = _b[1];
49
+ var tokenProps_1 = type.levels[level][size];
50
+ tokenPropNames.forEach(function (item) {
51
+ if (!props[item]) {
52
+ updatedProps[item] = tokenProps_1[item];
53
+ }
54
+ });
55
+ }
56
+ // If variant provided it updates color value by variant color
57
+ if (variant) {
58
+ updatedProps = __assign(__assign({}, updatedProps), type.variants[variant]);
59
+ }
60
+ return updatedProps;
61
+ };
62
+ /**
63
+ * ## Text
64
+ * [View Docs](https://canvas.workday.com/components/text/text)
65
+ *
66
+ * ---
67
+ * This is a generic base component intended to render any text.
68
+ * It's built on top of the `Box` component, so it has access to all [BoxProps](https://canvas.workday.com/components/layout/box/#props).
69
+ * It also has `typeLevel` and `variant` style props that simplify navigating our type hierarchy and using [Canvas type tokens](https://canvas.workday.com/tokens/type#type-styles).
70
+ * By default, it renders a semantic `span` element, but you can adjust this as needed with the `as` prop.
71
+ *
72
+ * The type hierarchy is organized into four levels, which correspond to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).
73
+ *
74
+ * - `title`: Intended to be used for large page titles.
75
+ * - `heading`: Intended to be used for headings and large text.
76
+ * - `body`: Intended to be used for standard body text.
77
+ * - `subtext`: Intended to be used for small subtext content or in tight spaces.
78
+ *
79
+ * Each level has three sizes: `large`, `medium`, and `small`.
80
+ *
81
+ * You can provide any level and size to the `typeLevel` prop, and it will apply the correct styles accordingly.
82
+ * In the example below we're providing the `subtext` level and `small` size to the component with the value `subtext.small`.
83
+ *
84
+ * @example
85
+ * ```tsx
86
+ * import { Text } from '@workday/canvas-kit-react/text';
87
+ *
88
+ * const CustomErrorText = () => (
89
+ * <Text typeLevel="subtext.small" variant="error">
90
+ * Error Text
91
+ * </Text>
92
+ * );
93
+ * ```
94
+ */
95
+ export var Text = createComponent('span')({
96
+ displayName: 'Text',
97
+ Component: function (_a, ref, Element) {
98
+ var children = _a.children, elemProps = __rest(_a, ["children"]);
99
+ return (React.createElement(Box, __assign({ ref: ref, as: Element }, validateProps(elemProps)), children));
100
+ },
101
+ });
@@ -0,0 +1,132 @@
1
+ import { TextProps } from '@workday/canvas-kit-react/text';
2
+ /**
3
+ * Prop interface for type level specific components:
4
+ * Title, Heading, BodyText, Subtext.
5
+ */
6
+ export interface TypeLevelProps extends Omit<TextProps, 'typeLevel'> {
7
+ /**
8
+ * Each type level has three sizes: `large`, `medium`, and `small`.
9
+ */
10
+ size: 'large' | 'medium' | 'small';
11
+ }
12
+ /**
13
+ * ## Subtext
14
+ * [View Docs](https://canvas.workday.com/components/text/subtext)
15
+ *
16
+ * ---
17
+ * This component is intended to be used for small subtext content or in tight spaces.
18
+ * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
19
+ * It has three sizes: large, medium, and small.
20
+ * Here's a quick reference for font-sizes and weights:
21
+ *
22
+ * - `large`
23
+ * - font-size: 14px (0.875rem)
24
+ * - font-weight: regular (400)
25
+ * - `medium`
26
+ * - font-size: 12px (0.75rem)
27
+ * - font-weight: regular (400)
28
+ * - `small`
29
+ * - font-size: 10px (0.625rem)
30
+ * - font-weight: regular (400)
31
+ *
32
+ * @example
33
+ * ```tsx
34
+ * import { Subtext } from '@workday/canvas-kit-react/text';
35
+ *
36
+ * const CustomSubtext = () => (
37
+ * <Subtext size="small">Subtext</Subtext>
38
+ * );
39
+ * ```
40
+ */
41
+ export declare const Subtext: import("../../common").ElementComponent<"p", TypeLevelProps>;
42
+ /**
43
+ * ## BodyText
44
+ * [View Docs](https://canvas.workday.com/components/text/body-text)
45
+ *
46
+ * ---
47
+ * This component is intended to be used for standard body text.
48
+ * By default, it renders a semantic `p` element, but you can adjust this as needed with the `as` prop.
49
+ * It has three sizes: large, medium, and small.
50
+ * Here's a quick reference for font-sizes and weights:
51
+ *
52
+ * - `large`
53
+ * - font-size: 20px (1.25rem)
54
+ * - font-weight: regular (400)
55
+ * - `medium`
56
+ * - font-size: 18px (1.125rem)
57
+ * - font-weight: regular (400)
58
+ * - `small`
59
+ * - font-size: 16px (1rem)
60
+ * - font-weight: regular (400)
61
+ *
62
+ * @example
63
+ * ```tsx
64
+ * import { BodyText } from '@workday/canvas-kit-react/text';
65
+ *
66
+ * const CustomBodyText = () => (
67
+ * <BodyText size="small">Body Text</BodyText>
68
+ * );
69
+ * ```
70
+ */
71
+ export declare const BodyText: import("../../common").ElementComponent<"p", TypeLevelProps>;
72
+ /**
73
+ * ## Heading
74
+ * [View Docs](https://canvas.workday.com/components/text/heading)
75
+ *
76
+ * ---
77
+ * This component is intended to be used for headings and large text.
78
+ * By default, it renders a semantic `h2` element, but you can adjust this as needed with the `as` prop.
79
+ * It has three sizes: large, medium, and small.
80
+ * Here's a quick reference for font-sizes and weights:
81
+ *
82
+ * - `large`
83
+ * - font-size: 32px (2rem)
84
+ * - font-weight: bold (700)
85
+ * - `medium`
86
+ * - font-size: 28px (1.75rem)
87
+ * - font-weight: bold (700)
88
+ * - `small`
89
+ * - font-size: 24px (1.5rem)
90
+ * - font-weight: bold (700)
91
+ *
92
+ * @example
93
+ * ```tsx
94
+ * import { Heading } from '@workday/canvas-kit-react/text';
95
+ *
96
+ * const CustomHeading = () => (
97
+ * <Heading size="small">Heading Text</Heading>
98
+ * );
99
+ * ```
100
+ */
101
+ export declare const Heading: import("../../common").ElementComponent<"h2", TypeLevelProps>;
102
+ /**
103
+ * ## Title
104
+ * [View Docs](https://canvas.workday.com/components/text/title)
105
+ *
106
+ * ---
107
+ * This component is intended to be used large page titles.
108
+ * By default, it renders a semantic `h1` element, but you can adjust this as needed with the `as` prop.
109
+ * It has three sizes: large, medium, and small.
110
+ * Here's a quick reference for font-sizes and weights:
111
+ *
112
+ * - `large`
113
+ * - font-size: 56px (3/5rem)
114
+ * - font-weight: bold (700)
115
+ * - `medium`
116
+ * - font-size: 48px (3rem)
117
+ * - font-weight: bold (700)
118
+ * - `small`
119
+ * - font-size: 40px (2.5rem)
120
+ * - font-weight: bold (700)
121
+ *
122
+ * @example
123
+ * ```tsx
124
+ * import { Title } from '@workday/canvas-kit-react/text';
125
+ *
126
+ * const CustomTitle = () => (
127
+ * <Title size="small">Title Text</Title>
128
+ * );
129
+ * ```
130
+ */
131
+ export declare const Title: import("../../common").ElementComponent<"h1", TypeLevelProps>;
132
+ //# sourceMappingURL=TypeLevelComponents.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypeLevelComponents.d.ts","sourceRoot":"","sources":["../../../../text/lib/TypeLevelComponents.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,8DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,8DAQnB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO,+DAMlB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,+DAMhB,CAAC"}