@workday/canvas-kit-react 15.0.0-alpha.1283-next.0 → 15.0.0-alpha.1287-next.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 (392) hide show
  1. package/dist/commonjs/action-bar/lib/ActionBarList.js +1 -1
  2. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +1 -1
  3. package/dist/commonjs/avatar/lib/Avatar.js +20 -20
  4. package/dist/commonjs/badge/lib/CountBadge.js +6 -6
  5. package/dist/commonjs/banner/lib/Banner.js +5 -5
  6. package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
  7. package/dist/commonjs/banner/lib/BannerIcon.js +1 -1
  8. package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
  9. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  10. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  11. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  12. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  13. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  14. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  15. package/dist/commonjs/button/lib/BaseButton.js +21 -21
  16. package/dist/commonjs/button/lib/DeleteButton.js +1 -1
  17. package/dist/commonjs/button/lib/ExternalHyperlink.js +1 -1
  18. package/dist/commonjs/button/lib/Hyperlink.js +4 -4
  19. package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
  20. package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
  21. package/dist/commonjs/button/lib/TertiaryButton.js +17 -17
  22. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +3 -3
  23. package/dist/commonjs/button/lib/ToolbarIconButton.js +1 -1
  24. package/dist/commonjs/card/lib/Card.js +3 -3
  25. package/dist/commonjs/card/lib/CardBody.js +1 -1
  26. package/dist/commonjs/card/lib/CardHeading.js +1 -1
  27. package/dist/commonjs/checkbox/lib/CheckBackground.js +3 -3
  28. package/dist/commonjs/checkbox/lib/CheckboxCheck.js +5 -5
  29. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
  30. package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
  31. package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
  32. package/dist/commonjs/collection/lib/ListBox.js +3 -3
  33. package/dist/commonjs/color-picker/lib/ColorInput.js +3 -3
  34. package/dist/commonjs/color-picker/lib/ColorPreview.js +1 -1
  35. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.js +2 -2
  36. package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
  37. package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
  38. package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
  39. package/dist/commonjs/expandable/lib/Expandable.js +1 -1
  40. package/dist/commonjs/expandable/lib/ExpandableAvatar.js +1 -1
  41. package/dist/commonjs/expandable/lib/ExpandableContent.js +1 -1
  42. package/dist/commonjs/expandable/lib/ExpandableIcon.js +10 -10
  43. package/dist/commonjs/expandable/lib/ExpandableTarget.js +1 -1
  44. package/dist/commonjs/expandable/lib/ExpandableTitle.js +1 -1
  45. package/dist/commonjs/form-field/lib/FormFieldContainer.js +1 -1
  46. package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
  47. package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
  48. package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
  49. package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
  50. package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
  51. package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
  52. package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
  53. package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
  54. package/dist/commonjs/icon/lib/Graphic.js +4 -4
  55. package/dist/commonjs/icon/lib/Svg.js +3 -3
  56. package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
  57. package/dist/commonjs/icon/lib/SystemIconCircle.js +1 -1
  58. package/dist/commonjs/layout/lib/Box.d.ts +1 -0
  59. package/dist/commonjs/layout/lib/Box.d.ts.map +1 -1
  60. package/dist/commonjs/layout/lib/Box.js +2 -0
  61. package/dist/commonjs/layout/lib/utils/background.d.ts +25 -8
  62. package/dist/commonjs/layout/lib/utils/background.d.ts.map +1 -1
  63. package/dist/commonjs/layout/lib/utils/background.js +3 -0
  64. package/dist/commonjs/layout/lib/utils/border/color.d.ts +12 -1
  65. package/dist/commonjs/layout/lib/utils/border/color.d.ts.map +1 -1
  66. package/dist/commonjs/layout/lib/utils/border/color.js +2 -0
  67. package/dist/commonjs/layout/lib/utils/border/index.d.ts +3 -0
  68. package/dist/commonjs/layout/lib/utils/border/index.d.ts.map +1 -1
  69. package/dist/commonjs/layout/lib/utils/border/index.js +2 -0
  70. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts +24 -6
  71. package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  72. package/dist/commonjs/layout/lib/utils/border/lineStyle.js +2 -0
  73. package/dist/commonjs/layout/lib/utils/border/radius.d.ts +15 -6
  74. package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map +1 -1
  75. package/dist/commonjs/layout/lib/utils/border/radius.js +2 -0
  76. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts +22 -8
  77. package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  78. package/dist/commonjs/layout/lib/utils/border/shorthand.js +2 -0
  79. package/dist/commonjs/layout/lib/utils/border/width.d.ts +18 -4
  80. package/dist/commonjs/layout/lib/utils/border/width.d.ts.map +1 -1
  81. package/dist/commonjs/layout/lib/utils/border/width.js +2 -0
  82. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts +4 -0
  83. package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  84. package/dist/commonjs/layout/lib/utils/buildStyleFns.js +9 -0
  85. package/dist/commonjs/layout/lib/utils/color.d.ts +13 -4
  86. package/dist/commonjs/layout/lib/utils/color.d.ts.map +1 -1
  87. package/dist/commonjs/layout/lib/utils/color.js +3 -0
  88. package/dist/commonjs/layout/lib/utils/depth.d.ts +11 -3
  89. package/dist/commonjs/layout/lib/utils/depth.d.ts.map +1 -1
  90. package/dist/commonjs/layout/lib/utils/depth.js +3 -0
  91. package/dist/commonjs/layout/lib/utils/flex.d.ts +32 -11
  92. package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
  93. package/dist/commonjs/layout/lib/utils/flex.js +3 -0
  94. package/dist/commonjs/layout/lib/utils/flexItem.d.ts +27 -8
  95. package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
  96. package/dist/commonjs/layout/lib/utils/flexItem.js +3 -0
  97. package/dist/commonjs/layout/lib/utils/grid.d.ts +56 -19
  98. package/dist/commonjs/layout/lib/utils/grid.d.ts.map +1 -1
  99. package/dist/commonjs/layout/lib/utils/grid.js +3 -0
  100. package/dist/commonjs/layout/lib/utils/gridItem.d.ts +36 -11
  101. package/dist/commonjs/layout/lib/utils/gridItem.d.ts.map +1 -1
  102. package/dist/commonjs/layout/lib/utils/gridItem.js +3 -0
  103. package/dist/commonjs/layout/lib/utils/layout.d.ts +36 -13
  104. package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
  105. package/dist/commonjs/layout/lib/utils/layout.js +3 -0
  106. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts +1 -0
  107. package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  108. package/dist/commonjs/layout/lib/utils/mergeStyles.js +1 -0
  109. package/dist/commonjs/layout/lib/utils/other.d.ts +106 -34
  110. package/dist/commonjs/layout/lib/utils/other.d.ts.map +1 -1
  111. package/dist/commonjs/layout/lib/utils/other.js +3 -0
  112. package/dist/commonjs/layout/lib/utils/position.d.ts +24 -9
  113. package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
  114. package/dist/commonjs/layout/lib/utils/position.js +3 -0
  115. package/dist/commonjs/layout/lib/utils/space.d.ts +42 -19
  116. package/dist/commonjs/layout/lib/utils/space.d.ts.map +1 -1
  117. package/dist/commonjs/layout/lib/utils/space.js +3 -0
  118. package/dist/commonjs/layout/lib/utils/styleProps.d.ts +2 -0
  119. package/dist/commonjs/layout/lib/utils/styleProps.d.ts.map +1 -1
  120. package/dist/commonjs/layout/lib/utils/systemProps.d.ts +17 -0
  121. package/dist/commonjs/layout/lib/utils/systemProps.d.ts.map +1 -1
  122. package/dist/commonjs/layout/lib/utils/text.d.ts +45 -14
  123. package/dist/commonjs/layout/lib/utils/text.d.ts.map +1 -1
  124. package/dist/commonjs/layout/lib/utils/text.js +3 -0
  125. package/dist/commonjs/loading-dots/lib/LoadingDots.js +3 -3
  126. package/dist/commonjs/menu/lib/MenuCard.js +1 -1
  127. package/dist/commonjs/menu/lib/MenuDivider.js +1 -1
  128. package/dist/commonjs/menu/lib/MenuGroup.js +1 -1
  129. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  130. package/dist/commonjs/menu/lib/MenuItem.js +1 -1
  131. package/dist/commonjs/menu/lib/MenuList.js +3 -3
  132. package/dist/commonjs/modal/lib/ModalBody.js +1 -1
  133. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  134. package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
  135. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  136. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  137. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  138. package/dist/commonjs/pagination/lib/Pagination/Controls.js +1 -1
  139. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
  140. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +1 -1
  141. package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  142. package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
  143. package/dist/commonjs/pagination/lib/Pagination/PageButton.js +2 -2
  144. package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
  145. package/dist/commonjs/pagination/lib/Pagination/Pagination.js +1 -1
  146. package/dist/commonjs/pagination/lib/Pagination/common/List.js +2 -2
  147. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  148. package/dist/commonjs/popup/lib/PopupCard.js +2 -2
  149. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  150. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  151. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  152. package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js +4 -4
  153. package/dist/commonjs/select/lib/SelectCard.js +1 -1
  154. package/dist/commonjs/select/lib/SelectInput.js +3 -3
  155. package/dist/commonjs/skeleton/lib/Skeleton.js +2 -2
  156. package/dist/commonjs/skeleton/lib/parts/SkeletonHeader.js +1 -1
  157. package/dist/commonjs/skeleton/lib/parts/SkeletonShape.js +1 -1
  158. package/dist/commonjs/skeleton/lib/parts/SkeletonText.js +1 -1
  159. package/dist/commonjs/switch/lib/Switch.js +7 -7
  160. package/dist/commonjs/table/lib/BaseTable.js +1 -1
  161. package/dist/commonjs/table/lib/Table.js +7 -7
  162. package/dist/commonjs/table/lib/parts/BaseTableBody.js +1 -1
  163. package/dist/commonjs/table/lib/parts/BaseTableCaption.js +1 -1
  164. package/dist/commonjs/table/lib/parts/BaseTableCell.js +1 -1
  165. package/dist/commonjs/table/lib/parts/BaseTableHead.js +1 -1
  166. package/dist/commonjs/table/lib/parts/BaseTableHeader.js +1 -1
  167. package/dist/commonjs/table/lib/parts/css-grid-table/TableRow.js +1 -1
  168. package/dist/commonjs/tabs/lib/TabsItem.js +1 -1
  169. package/dist/commonjs/tabs/lib/TabsList.js +8 -8
  170. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +1 -1
  171. package/dist/commonjs/text/lib/LabelText.js +6 -6
  172. package/dist/commonjs/text/lib/Text.js +16 -16
  173. package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
  174. package/dist/commonjs/text-area/lib/TextArea.js +5 -5
  175. package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
  176. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  177. package/dist/commonjs/toast/lib/Toast.js +1 -1
  178. package/dist/commonjs/toast/lib/ToastBody.js +1 -1
  179. package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
  180. package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
  181. package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
  182. package/dist/commonjs/tooltip/lib/TooltipContainer.js +2 -2
  183. package/dist/commonjs/version/lib/version.js +1 -1
  184. package/dist/es6/action-bar/lib/ActionBarList.js +1 -1
  185. package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +1 -1
  186. package/dist/es6/avatar/lib/Avatar.js +20 -20
  187. package/dist/es6/badge/lib/CountBadge.js +6 -6
  188. package/dist/es6/banner/lib/Banner.js +5 -5
  189. package/dist/es6/banner/lib/BannerActionText.js +2 -2
  190. package/dist/es6/banner/lib/BannerIcon.js +1 -1
  191. package/dist/es6/banner/lib/BannerLabel.js +1 -1
  192. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  193. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  194. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  195. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  196. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  197. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  198. package/dist/es6/button/lib/BaseButton.js +21 -21
  199. package/dist/es6/button/lib/DeleteButton.js +1 -1
  200. package/dist/es6/button/lib/ExternalHyperlink.js +1 -1
  201. package/dist/es6/button/lib/Hyperlink.js +4 -4
  202. package/dist/es6/button/lib/PrimaryButton.js +2 -2
  203. package/dist/es6/button/lib/SecondaryButton.js +2 -2
  204. package/dist/es6/button/lib/TertiaryButton.js +17 -17
  205. package/dist/es6/button/lib/ToolbarDropdownButton.js +3 -3
  206. package/dist/es6/button/lib/ToolbarIconButton.js +1 -1
  207. package/dist/es6/card/lib/Card.js +3 -3
  208. package/dist/es6/card/lib/CardBody.js +1 -1
  209. package/dist/es6/card/lib/CardHeading.js +1 -1
  210. package/dist/es6/checkbox/lib/CheckBackground.js +3 -3
  211. package/dist/es6/checkbox/lib/CheckboxCheck.js +5 -5
  212. package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
  213. package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
  214. package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
  215. package/dist/es6/collection/lib/ListBox.js +3 -3
  216. package/dist/es6/color-picker/lib/ColorInput.js +3 -3
  217. package/dist/es6/color-picker/lib/ColorPreview.js +1 -1
  218. package/dist/es6/color-picker/lib/parts/ColorSwatch.js +2 -2
  219. package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
  220. package/dist/es6/common/lib/AccessibleHide.js +1 -1
  221. package/dist/es6/common/lib/CanvasProvider.js +1 -1
  222. package/dist/es6/expandable/lib/Expandable.js +1 -1
  223. package/dist/es6/expandable/lib/ExpandableAvatar.js +1 -1
  224. package/dist/es6/expandable/lib/ExpandableContent.js +1 -1
  225. package/dist/es6/expandable/lib/ExpandableIcon.js +10 -10
  226. package/dist/es6/expandable/lib/ExpandableTarget.js +1 -1
  227. package/dist/es6/expandable/lib/ExpandableTitle.js +1 -1
  228. package/dist/es6/form-field/lib/FormFieldContainer.js +1 -1
  229. package/dist/es6/form-field/lib/FormFieldField.js +1 -1
  230. package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
  231. package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
  232. package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
  233. package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
  234. package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
  235. package/dist/es6/icon/lib/AccentIcon.js +2 -2
  236. package/dist/es6/icon/lib/AppletIcon.js +1 -1
  237. package/dist/es6/icon/lib/Graphic.js +4 -4
  238. package/dist/es6/icon/lib/Svg.js +3 -3
  239. package/dist/es6/icon/lib/SystemIcon.js +1 -1
  240. package/dist/es6/icon/lib/SystemIconCircle.js +1 -1
  241. package/dist/es6/layout/lib/Box.d.ts +1 -0
  242. package/dist/es6/layout/lib/Box.d.ts.map +1 -1
  243. package/dist/es6/layout/lib/Box.js +2 -0
  244. package/dist/es6/layout/lib/utils/background.d.ts +25 -8
  245. package/dist/es6/layout/lib/utils/background.d.ts.map +1 -1
  246. package/dist/es6/layout/lib/utils/background.js +3 -0
  247. package/dist/es6/layout/lib/utils/border/color.d.ts +12 -1
  248. package/dist/es6/layout/lib/utils/border/color.d.ts.map +1 -1
  249. package/dist/es6/layout/lib/utils/border/color.js +2 -0
  250. package/dist/es6/layout/lib/utils/border/index.d.ts +3 -0
  251. package/dist/es6/layout/lib/utils/border/index.d.ts.map +1 -1
  252. package/dist/es6/layout/lib/utils/border/index.js +2 -0
  253. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts +24 -6
  254. package/dist/es6/layout/lib/utils/border/lineStyle.d.ts.map +1 -1
  255. package/dist/es6/layout/lib/utils/border/lineStyle.js +2 -0
  256. package/dist/es6/layout/lib/utils/border/radius.d.ts +15 -6
  257. package/dist/es6/layout/lib/utils/border/radius.d.ts.map +1 -1
  258. package/dist/es6/layout/lib/utils/border/radius.js +2 -0
  259. package/dist/es6/layout/lib/utils/border/shorthand.d.ts +22 -8
  260. package/dist/es6/layout/lib/utils/border/shorthand.d.ts.map +1 -1
  261. package/dist/es6/layout/lib/utils/border/shorthand.js +2 -0
  262. package/dist/es6/layout/lib/utils/border/width.d.ts +18 -4
  263. package/dist/es6/layout/lib/utils/border/width.d.ts.map +1 -1
  264. package/dist/es6/layout/lib/utils/border/width.js +2 -0
  265. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts +4 -0
  266. package/dist/es6/layout/lib/utils/buildStyleFns.d.ts.map +1 -1
  267. package/dist/es6/layout/lib/utils/buildStyleFns.js +9 -0
  268. package/dist/es6/layout/lib/utils/color.d.ts +13 -4
  269. package/dist/es6/layout/lib/utils/color.d.ts.map +1 -1
  270. package/dist/es6/layout/lib/utils/color.js +3 -0
  271. package/dist/es6/layout/lib/utils/depth.d.ts +11 -3
  272. package/dist/es6/layout/lib/utils/depth.d.ts.map +1 -1
  273. package/dist/es6/layout/lib/utils/depth.js +3 -0
  274. package/dist/es6/layout/lib/utils/flex.d.ts +32 -11
  275. package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
  276. package/dist/es6/layout/lib/utils/flex.js +3 -0
  277. package/dist/es6/layout/lib/utils/flexItem.d.ts +27 -8
  278. package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
  279. package/dist/es6/layout/lib/utils/flexItem.js +3 -0
  280. package/dist/es6/layout/lib/utils/grid.d.ts +56 -19
  281. package/dist/es6/layout/lib/utils/grid.d.ts.map +1 -1
  282. package/dist/es6/layout/lib/utils/grid.js +3 -0
  283. package/dist/es6/layout/lib/utils/gridItem.d.ts +36 -11
  284. package/dist/es6/layout/lib/utils/gridItem.d.ts.map +1 -1
  285. package/dist/es6/layout/lib/utils/gridItem.js +3 -0
  286. package/dist/es6/layout/lib/utils/layout.d.ts +36 -13
  287. package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
  288. package/dist/es6/layout/lib/utils/layout.js +3 -0
  289. package/dist/es6/layout/lib/utils/mergeStyles.d.ts +1 -0
  290. package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map +1 -1
  291. package/dist/es6/layout/lib/utils/mergeStyles.js +1 -0
  292. package/dist/es6/layout/lib/utils/other.d.ts +106 -34
  293. package/dist/es6/layout/lib/utils/other.d.ts.map +1 -1
  294. package/dist/es6/layout/lib/utils/other.js +3 -0
  295. package/dist/es6/layout/lib/utils/position.d.ts +24 -9
  296. package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
  297. package/dist/es6/layout/lib/utils/position.js +3 -0
  298. package/dist/es6/layout/lib/utils/space.d.ts +42 -19
  299. package/dist/es6/layout/lib/utils/space.d.ts.map +1 -1
  300. package/dist/es6/layout/lib/utils/space.js +3 -0
  301. package/dist/es6/layout/lib/utils/styleProps.d.ts +2 -0
  302. package/dist/es6/layout/lib/utils/styleProps.d.ts.map +1 -1
  303. package/dist/es6/layout/lib/utils/systemProps.d.ts +17 -0
  304. package/dist/es6/layout/lib/utils/systemProps.d.ts.map +1 -1
  305. package/dist/es6/layout/lib/utils/text.d.ts +45 -14
  306. package/dist/es6/layout/lib/utils/text.d.ts.map +1 -1
  307. package/dist/es6/layout/lib/utils/text.js +3 -0
  308. package/dist/es6/loading-dots/lib/LoadingDots.js +3 -3
  309. package/dist/es6/menu/lib/MenuCard.js +1 -1
  310. package/dist/es6/menu/lib/MenuDivider.js +1 -1
  311. package/dist/es6/menu/lib/MenuGroup.js +1 -1
  312. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  313. package/dist/es6/menu/lib/MenuItem.js +1 -1
  314. package/dist/es6/menu/lib/MenuList.js +3 -3
  315. package/dist/es6/modal/lib/ModalBody.js +1 -1
  316. package/dist/es6/modal/lib/ModalCard.js +1 -1
  317. package/dist/es6/modal/lib/ModalHeading.js +1 -1
  318. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  319. package/dist/es6/modal/lib/ModalOverlay.js +2 -2
  320. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  321. package/dist/es6/pagination/lib/Pagination/Controls.js +1 -1
  322. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
  323. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +1 -1
  324. package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  325. package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
  326. package/dist/es6/pagination/lib/Pagination/PageButton.js +2 -2
  327. package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
  328. package/dist/es6/pagination/lib/Pagination/Pagination.js +1 -1
  329. package/dist/es6/pagination/lib/Pagination/common/List.js +2 -2
  330. package/dist/es6/popup/lib/PopupBody.js +1 -1
  331. package/dist/es6/popup/lib/PopupCard.js +2 -2
  332. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  333. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  334. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  335. package/dist/es6/segmented-control/lib/SegmentedControlButton.js +4 -4
  336. package/dist/es6/select/lib/SelectCard.js +1 -1
  337. package/dist/es6/select/lib/SelectInput.js +3 -3
  338. package/dist/es6/skeleton/lib/Skeleton.js +2 -2
  339. package/dist/es6/skeleton/lib/parts/SkeletonHeader.js +1 -1
  340. package/dist/es6/skeleton/lib/parts/SkeletonShape.js +1 -1
  341. package/dist/es6/skeleton/lib/parts/SkeletonText.js +1 -1
  342. package/dist/es6/switch/lib/Switch.js +7 -7
  343. package/dist/es6/table/lib/BaseTable.js +1 -1
  344. package/dist/es6/table/lib/Table.js +7 -7
  345. package/dist/es6/table/lib/parts/BaseTableBody.js +1 -1
  346. package/dist/es6/table/lib/parts/BaseTableCaption.js +1 -1
  347. package/dist/es6/table/lib/parts/BaseTableCell.js +1 -1
  348. package/dist/es6/table/lib/parts/BaseTableHead.js +1 -1
  349. package/dist/es6/table/lib/parts/BaseTableHeader.js +1 -1
  350. package/dist/es6/table/lib/parts/css-grid-table/TableRow.js +1 -1
  351. package/dist/es6/tabs/lib/TabsItem.js +1 -1
  352. package/dist/es6/tabs/lib/TabsList.js +8 -8
  353. package/dist/es6/tabs/lib/TabsOverflowButton.js +1 -1
  354. package/dist/es6/text/lib/LabelText.js +6 -6
  355. package/dist/es6/text/lib/Text.js +16 -16
  356. package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
  357. package/dist/es6/text-area/lib/TextArea.js +5 -5
  358. package/dist/es6/text-input/lib/InputGroup.js +6 -6
  359. package/dist/es6/text-input/lib/TextInput.js +5 -5
  360. package/dist/es6/toast/lib/Toast.js +1 -1
  361. package/dist/es6/toast/lib/ToastBody.js +1 -1
  362. package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
  363. package/dist/es6/toast/lib/ToastIcon.js +1 -1
  364. package/dist/es6/toast/lib/ToastMessage.js +1 -1
  365. package/dist/es6/tooltip/lib/TooltipContainer.js +2 -2
  366. package/dist/es6/version/lib/version.js +1 -1
  367. package/layout/lib/Box.tsx +2 -0
  368. package/layout/lib/utils/background.ts +25 -8
  369. package/layout/lib/utils/border/color.ts +12 -1
  370. package/layout/lib/utils/border/index.ts +3 -0
  371. package/layout/lib/utils/border/lineStyle.ts +24 -6
  372. package/layout/lib/utils/border/radius.ts +15 -6
  373. package/layout/lib/utils/border/shorthand.ts +22 -8
  374. package/layout/lib/utils/border/width.ts +18 -4
  375. package/layout/lib/utils/buildStyleFns.ts +11 -0
  376. package/layout/lib/utils/color.ts +13 -4
  377. package/layout/lib/utils/depth.ts +11 -3
  378. package/layout/lib/utils/flex.ts +32 -11
  379. package/layout/lib/utils/flexItem.ts +27 -8
  380. package/layout/lib/utils/grid.ts +56 -19
  381. package/layout/lib/utils/gridItem.ts +36 -11
  382. package/layout/lib/utils/layout.ts +36 -13
  383. package/layout/lib/utils/mergeStyles.ts +1 -0
  384. package/layout/lib/utils/other.ts +106 -34
  385. package/layout/lib/utils/position.ts +24 -9
  386. package/layout/lib/utils/space.ts +42 -19
  387. package/layout/lib/utils/styleProps.ts +2 -0
  388. package/layout/lib/utils/systemProps.ts +17 -0
  389. package/layout/lib/utils/text.ts +45 -14
  390. package/menu/lib/MenuItem.tsx +3 -5
  391. package/package.json +4 -4
  392. package/text-input/lib/TextInput.tsx +1 -1
@@ -1,107 +1,129 @@
1
1
  import { StyleFnConfig } from './buildStyleFns';
2
2
  import { SystemPropValues } from './systemProps';
3
- /** style props to for CSS space properties */
3
+ /** style props to for CSS space properties
4
+ * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
5
+ */
4
6
  export type SpaceStyleProps = {
5
7
  /**
6
8
  * - sets [CSS margin-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start)
7
9
  * - bidirectional support
8
10
  * - system tokens: `space`
9
- * */
11
+ * @deprecated
12
+ */
10
13
  marginInlineStart?: SystemPropValues['space'];
11
14
  /**
12
15
  * - sets [CSS margin-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end)
13
16
  * - bidirectional support
14
17
  * - system tokens: `space`
15
- * */
18
+ * @deprecated
19
+ */
16
20
  marginInlineEnd?: SystemPropValues['space'];
17
21
  /**
18
22
  * - sets [CSS padding-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-start)
19
23
  * - bidirectional support
20
24
  * - system tokens: `space`
21
- * */
25
+ * @deprecated
26
+ */
22
27
  paddingInlineStart?: SystemPropValues['space'];
23
28
  /**
24
29
  * - sets [CSS padding-inline-end property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end)
25
30
  * - bidirectional support
26
31
  * - system tokens: `space`
27
- * */
32
+ * @deprecated
33
+ */
28
34
  paddingInlineEnd?: SystemPropValues['space'];
29
35
  /**
30
36
  * - sets [CSS margin property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin)
31
37
  * - system tokens: `space`
32
- * */
38
+ * @deprecated
39
+ */
33
40
  margin?: SystemPropValues['space'];
34
41
  /**
35
42
  * - sets [CSS margin-left](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left) and [margin-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
36
43
  * - system tokens: `space`
37
- * */
44
+ * @deprecated
45
+ */
38
46
  marginX?: SystemPropValues['space'];
39
47
  /**
40
48
  * - sets [CSS margin-top](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top) and [margin-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
41
49
  * - system tokens: `space`
42
- * */
50
+ * @deprecated
51
+ */
43
52
  marginY?: SystemPropValues['space'];
44
53
  /**
45
54
  * - sets [CSS margin-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top)
46
55
  * - system tokens: `space`
47
- * */
56
+ * @deprecated
57
+ */
48
58
  marginTop?: SystemPropValues['space'];
49
59
  /**
50
60
  * - sets [CSS margin-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right)
51
61
  * - no bidirectional support
52
62
  * - system tokens: `space`
53
- * */
63
+ * @deprecated
64
+ */
54
65
  marginRight?: SystemPropValues['space'];
55
66
  /**
56
67
  * - sets [CSS margin-bottom property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom)
57
68
  * - system tokens: `space`
58
- * */
69
+ * @deprecated
70
+ */
59
71
  marginBottom?: SystemPropValues['space'];
60
72
  /**
61
73
  * - sets [CSS margin-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left)
62
74
  * - no bidirectional support
63
75
  * - system tokens: `space`
64
- * */
76
+ * @deprecated
77
+ */
65
78
  marginLeft?: SystemPropValues['space'];
66
79
  /**
67
80
  * - sets [CSS padding property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
68
81
  * - system tokens: `space`
69
- * */
82
+ * @deprecated
83
+ */
70
84
  padding?: SystemPropValues['space'];
71
85
  /**
72
86
  * - sets [CSS padding-left]((https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left) and [padding-right properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
73
87
  * - system tokens: `space`
74
- * */
88
+ * @deprecated
89
+ */
75
90
  paddingX?: SystemPropValues['space'];
76
91
  /**
77
92
  * - sets [CSS padding-top](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top) and [padding-bottom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom)
78
93
  * - system tokens: `space`
79
- * */
94
+ * @deprecated
95
+ */
80
96
  paddingY?: SystemPropValues['space'];
81
97
  /**
82
98
  * - sets [CSS padding-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top)
83
99
  * - system tokens: `space`
84
- * */
100
+ * @deprecated
101
+ */
85
102
  paddingTop?: SystemPropValues['space'];
86
103
  /**
87
104
  * - sets [CSS padding-right property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right)
88
105
  * - no bidirectional support
89
106
  * - system tokens: `space`
90
- * */
107
+ * @deprecated
108
+ */
91
109
  paddingRight?: SystemPropValues['space'];
92
110
  /**
93
111
  * - sets [CSS padding-bottom](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
94
112
  * - system tokens: `space`
95
- * */
113
+ * @deprecated
114
+ */
96
115
  paddingBottom?: SystemPropValues['space'];
97
116
  /**
98
117
  * - sets [CSS padding-left property](https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left)
99
118
  * - no bidirectional support
100
119
  * - system tokens: `space`
101
- * */
120
+ * @deprecated
121
+ */
102
122
  paddingLeft?: SystemPropValues['space'];
103
123
  };
124
+ /** @deprecated */
104
125
  export declare const spaceStyleFnConfigs: StyleFnConfig[];
126
+ /** @deprecated */
105
127
  export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
106
128
  /**
107
129
  * A style prop function that takes component props and returns space styles.
@@ -115,6 +137,7 @@ export declare const spaceStyleFns: import("./buildStyleFns").StyleFns;
115
137
  * </Box>
116
138
  * );
117
139
  * ```
140
+ * @deprecated
118
141
  */
119
142
  export declare const space: (props: SpaceStyleProps) => {};
120
143
  //# sourceMappingURL=space.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;SAIK;IACL,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;SAIK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;SAIK;IACL,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;SAIK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;SAIK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;SAIK;IACL,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
1
+ {"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/space.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,mBAAmB,EAAE,aAAa,EA2F9C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,aAAa,oCAAqC,CAAC;AAChE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,gCAAmD,CAAC"}
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.space = exports.spaceStyleFns = exports.spaceStyleFnConfigs = void 0;
4
4
  const buildStyleFns_1 = require("./buildStyleFns");
5
+ /** @deprecated */
5
6
  exports.spaceStyleFnConfigs = [
6
7
  {
7
8
  name: 'marginInlineStart',
@@ -94,6 +95,7 @@ exports.spaceStyleFnConfigs = [
94
95
  system: 'space',
95
96
  },
96
97
  ];
98
+ /** @deprecated */
97
99
  exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnConfigs);
98
100
  /**
99
101
  * A style prop function that takes component props and returns space styles.
@@ -107,5 +109,6 @@ exports.spaceStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.spaceStyleFnC
107
109
  * </Box>
108
110
  * );
109
111
  * ```
112
+ * @deprecated
110
113
  */
111
114
  exports.space = (0, buildStyleFns_1.buildStylePropFn)(exports.spaceStyleFns);
@@ -27,6 +27,7 @@ import { TextStyleProps } from './text';
27
27
  * - position
28
28
  * - space
29
29
  * - text
30
+ * @deprecated
30
31
  */
31
32
  export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & GridItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & TextStyleProps;
32
33
  /**
@@ -36,6 +37,7 @@ export type CommonStyleProps = BackgroundStyleProps & BorderStyleProps & ColorSt
36
37
  * - common
37
38
  * - flex
38
39
  * - grid
40
+ * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
39
41
  */
40
42
  export type AllStyleProps = CommonStyleProps & Omit<FlexStyleProps, 'display'> & Omit<GridStyleProps, 'display'>;
41
43
  //# sourceMappingURL=styleProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
1
+ {"version":3,"file":"styleProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/styleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,QAAQ,CAAC;AAEtC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,GAClB,eAAe,GACf,cAAc,CAAC;AAEjB;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAE1C,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAE/B,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC"}
@@ -1,31 +1,48 @@
1
1
  import { CanvasBorderRadiusKeys, CanvasColor, CanvasDepth, CanvasSpaceKeys, CanvasTypeProperties } from '@workday/canvas-kit-react/tokens';
2
+ /** @deprecated */
2
3
  export type SystemPropNames = 'color' | 'depth' | 'font' | 'fontSize' | 'fontWeight' | 'shape' | 'space';
3
4
  /**
4
5
  * Canvas System Prop Values
5
6
  * ---
6
7
  * These system prop values are restricted to Canvas token values.
8
+ * @deprecated
7
9
  */
8
10
  export type CanvasSystemPropValues = {
11
+ /** @deprecated */
9
12
  color: CanvasColor;
13
+ /** @deprecated */
10
14
  depth: keyof CanvasDepth;
15
+ /** @deprecated */
11
16
  font: keyof CanvasTypeProperties['fontFamilies'];
17
+ /** @deprecated */
12
18
  fontSize: keyof CanvasTypeProperties['fontSizes'];
19
+ /** @deprecated */
13
20
  fontWeight: keyof CanvasTypeProperties['fontWeights'];
21
+ /** @deprecated */
14
22
  shape: CanvasBorderRadiusKeys;
23
+ /** @deprecated */
15
24
  space: CanvasSpaceKeys;
16
25
  };
17
26
  /**
18
27
  * System Prop Values
19
28
  * ---
20
29
  * These system prop values include Canvas System Prop Values and generic values.
30
+ * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
21
31
  */
22
32
  export type SystemPropValues = {
33
+ /** @deprecated */
23
34
  color: CanvasSystemPropValues['color'] | (string & {});
35
+ /** @deprecated */
24
36
  depth: CanvasSystemPropValues['depth'];
37
+ /** @deprecated */
25
38
  font: CanvasSystemPropValues['font'] | (string & {});
39
+ /** @deprecated */
26
40
  fontSize: CanvasSystemPropValues['fontSize'] | (string & {});
41
+ /** @deprecated */
27
42
  fontWeight: CanvasSystemPropValues['fontWeight'] | (string & {});
43
+ /** @deprecated */
28
44
  shape: CanvasSystemPropValues['shape'] | number | (string & {});
45
+ /** @deprecated */
29
46
  space: CanvasSystemPropValues['space'] | number | (string & {});
30
47
  };
31
48
  //# sourceMappingURL=systemProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
1
+ {"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,WAAW,EACX,eAAe,EACf,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAE1C,kBAAkB;AAClB,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,MAAM,GACN,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,CAAC;AAEZ;;;;;GAKG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,MAAM,WAAW,CAAC;IACzB,kBAAkB;IAClB,IAAI,EAAE,MAAM,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,kBAAkB;IAClB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClD,kBAAkB;IAClB,UAAU,EAAE,MAAM,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACtD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,kBAAkB;IAClB,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvD,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACvC,kBAAkB;IAClB,IAAI,EAAE,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,kBAAkB;IAClB,QAAQ,EAAE,sBAAsB,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC7D,kBAAkB;IAClB,UAAU,EAAE,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACjE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAChE,kBAAkB;IAClB,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACjE,CAAC"}
@@ -1,42 +1,72 @@
1
1
  import { Property } from 'csstype';
2
2
  import { StyleFnConfig } from './buildStyleFns';
3
3
  import { SystemPropValues } from './systemProps';
4
- /** style props to for CSS font and text properties */
4
+ /** style props to for CSS font and text properties
5
+ * @deprecated ⚠️ Style props are deprecated. Please use our `cs` prop with `createStencil` or `createStyles` to apply styles. For more information view our [Styling docs](* @deprecated ⚠️ `boxStyleFn` is deprecated and will be removed in a future major version. Please reference our new way of styling components [here](https://workday.github.io/canvas-kit/?path=/docs/styling-getting-started-overview--docs).
6
+ */
5
7
  export type TextStyleProps = {
6
8
  /**
7
9
  * - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
8
- * - system tokens: `font` */
10
+ * - system tokens: `font`
11
+ * @deprecated
12
+ */
9
13
  fontFamily?: Property.FontFamily | SystemPropValues['font'];
10
14
  /**
11
15
  * - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
12
- * - system tokens: `fontSize` */
16
+ * - system tokens: `fontSize`
17
+ * @deprecated
18
+ */
13
19
  fontSize?: Property.FontSize | SystemPropValues['fontSize'];
14
- /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
20
+ /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style)
21
+ * @deprecated
22
+ */
15
23
  fontStyle?: Property.FontStyle;
16
24
  /**
17
25
  * - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
18
- * - system tokens: `fontWeight` */
26
+ * - system tokens: `fontWeight`
27
+ * @deprecated
28
+ */
19
29
  fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
20
- /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
30
+ /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height)
31
+ * @deprecated
32
+ */
21
33
  lineHeight?: Property.LineHeight;
22
- /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
34
+ /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing)
35
+ * @deprecated
36
+ */
23
37
  letterSpacing?: Property.LetterSpacing;
24
- /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
38
+ /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
39
+ * @deprecated
40
+ */
25
41
  textAlign?: Property.TextAlign;
26
- /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
42
+ /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)
43
+ * @deprecated
44
+ */
27
45
  textDecoration?: Property.TextDecoration;
28
- /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
46
+ /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)
47
+ * @deprecated
48
+ */
29
49
  textOverflow?: Property.TextOverflow;
30
- /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
50
+ /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform)
51
+ * @deprecated
52
+ */
31
53
  textTransform?: Property.TextTransform;
32
- /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
54
+ /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)
55
+ * @deprecated
56
+ */
33
57
  textShadow?: Property.TextShadow;
34
- /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
58
+ /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
59
+ * @deprecated
60
+ */
35
61
  whiteSpace?: Property.WhiteSpace;
36
- /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
62
+ /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break)
63
+ * @deprecated
64
+ */
37
65
  wordBreak?: Property.WordBreak;
38
66
  };
67
+ /** @deprecated */
39
68
  export declare const textStyleFnConfigs: StyleFnConfig[];
69
+ /** @deprecated */
40
70
  export declare const textStyleFns: import("./buildStyleFns").StyleFns;
41
71
  /**
42
72
  * A style prop function that takes component props and returns font and text styles.
@@ -48,6 +78,7 @@ export declare const textStyleFns: import("./buildStyleFns").StyleFns;
48
78
  * <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
49
79
  * );
50
80
  * ```
81
+ * @deprecated
51
82
  */
52
83
  export declare const text: (props: TextStyleProps) => {};
53
84
  //# sourceMappingURL=text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG;IAC3B;;iCAE6B;IAC7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;qCAEiC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;uCAEmC;IACnC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oGAAoG;IACpG,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC5D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAkE7C,CAAC;AAEF,kBAAkB;AAClB,eAAO,MAAM,YAAY,oCAAoC,CAAC;AAC9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,+BAAiD,CAAC"}
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.text = exports.textStyleFns = exports.textStyleFnConfigs = void 0;
4
4
  const buildStyleFns_1 = require("./buildStyleFns");
5
+ /** @deprecated */
5
6
  exports.textStyleFnConfigs = [
6
7
  {
7
8
  name: 'fontFamily',
@@ -69,6 +70,7 @@ exports.textStyleFnConfigs = [
69
70
  system: 'none',
70
71
  },
71
72
  ];
73
+ /** @deprecated */
72
74
  exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnConfigs);
73
75
  /**
74
76
  * A style prop function that takes component props and returns font and text styles.
@@ -80,5 +82,6 @@ exports.textStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.textStyleFnCon
80
82
  * <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
81
83
  * );
82
84
  * ```
85
+ * @deprecated
83
86
  */
84
87
  exports.text = (0, buildStyleFns_1.buildStylePropFn)(exports.textStyleFns);
@@ -8,7 +8,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  /**
9
9
  * Keyframe for the dots loading animation.
10
10
  */
11
- const keyframesLoading = (0, canvas_kit_styling_1.keyframes)({ name: "ihsz0", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}0%, 79%, 100%{opacity:0.6;}27%{opacity:1;}53%{opacity:0.8;}" });
11
+ const keyframesLoading = (0, canvas_kit_styling_1.keyframes)({ name: "2cl9wx", styles: "0%, 80%, 100%{transform:scale(0);}40%{transform:scale(1);}0%, 79%, 100%{opacity:0.6;}27%{opacity:1;}53%{opacity:0.8;}" });
12
12
  exports.loadingDotsStencil = (0, canvas_kit_styling_1.createStencil)({
13
13
  vars: {
14
14
  animationDurationMs: '40ms',
@@ -17,10 +17,10 @@ exports.loadingDotsStencil = (0, canvas_kit_styling_1.createStencil)({
17
17
  parts: {
18
18
  loadingAnimationDot: 'loading-animation-dot',
19
19
  },
20
- base: { name: "sqekb", styles: "--animationDurationMs-loading-dots-89a0c0:40ms;--loadingDotColor-loading-dots-89a0c0:var(--cnvs-sys-color-bg-muted-strong);box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-89a0c0);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-ihsz0;animation-duration:calc(var(--animationDurationMs-loading-dots-89a0c0) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 8);}}" },
20
+ base: { name: "31ow8q", styles: "--animationDurationMs-loading-dots-89a0c0:40ms;--loadingDotColor-loading-dots-89a0c0:var(--cnvs-sys-color-bg-muted-strong);box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x2);[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-89a0c0);width:var(--cnvs-sys-space-x4);height:var(--cnvs-sys-space-x4);font-size:var(--cnvs-sys-space-zero);border-radius:var(--cnvs-sys-shape-round);outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-2cl9wx;animation-duration:calc(var(--animationDurationMs-loading-dots-89a0c0) * 35);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-89a0c0) * 8);}}" },
21
21
  modifiers: {
22
22
  variant: {
23
- inverse: { name: "4573mc", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--cnvs-sys-color-bg-default, var(--loadingDotColor-loading-dots-89a0c0));}" }
23
+ inverse: { name: "3ob8cs", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--cnvs-sys-color-bg-default, var(--loadingDotColor-loading-dots-89a0c0));}" }
24
24
  }
25
25
  }
26
26
  }, "loading-dots-89a0c0");
@@ -40,7 +40,7 @@ exports.menuCardStencil = (0, canvas_kit_styling_1.createStencil)({
40
40
  transformOriginHorizontal: 'left',
41
41
  maxHeight: '',
42
42
  },
43
- base: { name: "e9xl", styles: "--minWidth-menu-card-379062:0.0625rem;--transformOriginVertical-menu-card-379062:top;--transformOriginHorizontal-menu-card-379062:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-space-zero);max-width:calc(100vw - var(--cnvs-sys-space-x8));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-379062);max-height:var(--maxHeight-menu-card-379062);transform-origin:var(--transformOriginVertical-menu-card-379062) var(--transformOriginHorizontal-menu-card-379062);.wd-no-animation &{animation:none;}" }
43
+ base: { name: "ig6zh", styles: "--minWidth-menu-card-379062:0.0625rem;--transformOriginVertical-menu-card-379062:top;--transformOriginHorizontal-menu-card-379062:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-space-zero);max-width:calc(100vw - var(--cnvs-sys-space-x8));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-379062);max-height:var(--maxHeight-menu-card-379062);transform-origin:var(--transformOriginVertical-menu-card-379062) var(--transformOriginHorizontal-menu-card-379062);.wd-no-animation &{animation:none;}" }
44
44
  }, "menu-card-379062");
45
45
  exports.useMenuCard = (0, common_1.createElemPropsHook)(useMenuModel_1.useMenuModel)(() => {
46
46
  return {};
@@ -6,7 +6,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
6
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
7
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  exports.menuDividerStencil = (0, canvas_kit_styling_1.createStencil)({
9
- base: { name: "4560s6", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:var(--cnvs-sys-space-zero);border-top:0.0625rem solid var(--cnvs-sys-color-border-divider);margin:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-zero);" }
9
+ base: { name: "4dd82", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:var(--cnvs-sys-space-zero);border-top:0.0625rem solid var(--cnvs-sys-color-border-divider);margin:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-zero);" }
10
10
  }, "menu-divider-1b4688");
11
11
  exports.MenuDivider = (0, common_1.createComponent)('hr')({
12
12
  displayName: 'Menu.Divider',
@@ -23,7 +23,7 @@ const useMenuGroupModel = (0, common_1.createModelHook)({
23
23
  };
24
24
  });
25
25
  exports.menuGroupHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
26
- base: { name: "3bia3u", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);" }
26
+ base: { name: "772wt", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);" }
27
27
  }, "menu-group-heading-fd93e9");
28
28
  exports.useMenuGroup = (0, common_1.createElemPropsHook)(useMenuGroupModel)(model => {
29
29
  return {
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAwB,MAAM,6BAA6B,CAAC;AAU3E,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAY9F,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;oBA2F1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;QApIjC;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAkIgB,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;QA/I3B;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgKJ,CAAC;AASF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;QA7KtB;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA6KoB,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAhDnB,mBAAmB;;;;;;;;;;;;;;;;;aA+DvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;QAvMnB;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAuG4B,eAAe;;CA4G9C,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../menu/lib/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,OAAO,EAAwB,MAAM,6BAA6B,CAAC;AAU3E,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAY9F,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;;;;;;;;oBAyF1B,CAAC;AAYH,eAAO,MAAM,cAAc,sFAazB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;QAlIjC;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAgIgB,mBAAmB;EAOtC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;QA7I3B;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8JJ,CAAC;AASF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;QA3KtB;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCA2KoB,gBAAgB;+BAKrB,MAAM,cAAc;;;;;gCAhDnB,mBAAmB;;;;;;;;;;;;;;;;;aA+DvC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;QArMnB;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAqG4B,eAAe;;CA4G9C,CAAC"}
@@ -40,7 +40,7 @@ exports.menuItemStencil = (0, canvas_kit_styling_1.createStencil)({
40
40
  icon: 'menu-item-icon',
41
41
  selected: 'menu-item-selected',
42
42
  },
43
- base: { name: "gnvyt", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-space-x10);overflow-wrap:anywhere;--color-system-icon-3a4847:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-brand-primary-dark);background-color:var(--cnvs-brand-primary-lightest);& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus){--color-system-icon-3a4847:var(--cnvs-brand-primary-accent);outline:none;background-color:var(--cnvs-brand-primary-base);color:var(--color-system-icon-3a4847);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-brand-neutral-lightest);}&:is(.focus, :focus){color:var(--cnvs-brand-primary-accent);background-color:var(--cnvs-brand-primary-base);outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){color:var(--cnvs-sys-color-fg-disabled);cursor:default;&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-brand-primary-light);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
43
+ base: { name: "jk54", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x4);cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-space-x10);overflow-wrap:anywhere;--color-system-icon-3a4847:currentColor;& :where([data-part=\"menu-item-selected\"]){transition:opacity 80ms linear;opacity:var(--cnvs-sys-opacity-zero);}&:where(:has(span)){display:flex;}&[aria-selected=true]{color:var(--cnvs-brand-primary-dark);background-color:var(--cnvs-brand-primary-lightest);& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-3a4847:var(--cnvs-brand-primary-accent);outline:none;background-color:var(--cnvs-brand-primary-base);color:var(--color-system-icon-3a4847);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-brand-neutral-lightest);}&:is(.focus, :focus-visible){color:var(--cnvs-brand-primary-accent);background-color:var(--cnvs-brand-primary-base);outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){color:var(--cnvs-sys-color-fg-disabled);cursor:default;&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-brand-primary-light);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
44
44
  }, "menu-item-0e1e84");
45
45
  const MenuItemIcon = (elemProps) => {
46
46
  return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ...exports.menuItemStencil.parts.icon, ...elemProps });
@@ -16,11 +16,11 @@ exports.useMenuList = (0, common_1.composeHooks)((0, common_1.createElemPropsHoo
16
16
  };
17
17
  }), popup_1.useReturnFocus, popup_1.useFocusRedirect);
18
18
  exports.menuListStencil = (0, canvas_kit_styling_1.createStencil)({
19
- base: { name: "24m9dq", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
19
+ base: { name: "1la1kk", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-zero);padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-zero);" },
20
20
  modifiers: {
21
21
  orientation: {
22
- vertical: { name: "3gou71", styles: "flex-direction:column;" },
23
- horizontal: { name: "z9osl", styles: "flex-direction:row;" }
22
+ vertical: { name: "24w7p5", styles: "flex-direction:column;" },
23
+ horizontal: { name: "2mshnt", styles: "flex-direction:row;" }
24
24
  }
25
25
  }
26
26
  }, "menu-list-e26d3d");
@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const layout_1 = require("@workday/canvas-kit-react/layout");
11
11
  exports.modalBodyStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "3nj01b", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
12
+ base: { name: "321hxg", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
13
13
  }, "modal-body-d2fb64");
14
14
  exports.ModalBody = (0, common_1.createSubcomponent)('div')({
15
15
  displayName: 'Modal.Body',
@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const layout_1 = require("@workday/canvas-kit-react/layout");
11
11
  exports.modalCardStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "48bo90", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);outline:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){gap:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
12
+ base: { name: "26kq19", styles: "box-sizing:border-box;margin:var(--cnvs-sys-space-x10);width:calc(calc(var(--cnvs-sys-space-x20) * 5) + var(--cnvs-sys-space-x10));border-width:var(--cnvs-sys-space-zero);outline:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-6);@media screen and (max-width: 768px){gap:var(--cnvs-sys-space-zero);margin:var(--cnvs-sys-space-x4);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-space-x6);}" }
13
13
  }, "modal-card-32d23a");
14
14
  exports.ModalCard = (0, common_1.createSubcomponent)('div')({
15
15
  displayName: 'Modal.Card',
@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const layout_1 = require("@workday/canvas-kit-react/layout");
11
11
  exports.modalHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "1iq4d7", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
12
+ base: { name: "10b61q", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" }
13
13
  }, "modal-heading-6df35a");
14
14
  exports.ModalHeading = (0, common_1.createSubcomponent)('h2')({
15
15
  displayName: 'Modal.Heading',
@@ -8,7 +8,7 @@ const hooks_1 = require("./hooks");
8
8
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  const layout_1 = require("@workday/canvas-kit-react/layout");
10
10
  exports.modalOverflowOverlayStencil = (0, canvas_kit_styling_1.createStencil)({
11
- base: { name: "2x5wnk", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
11
+ base: { name: "1trewq", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
12
12
  }, "modal-overflow-overlay-7fd361");
13
13
  exports.ModalOverflowOverlay = (0, common_1.createSubcomponent)('div')({
14
14
  displayName: 'Modal.OverflowOverlay',
@@ -12,12 +12,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
12
12
  const hooks_1 = require("./hooks");
13
13
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
14
14
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
15
- const fadeIn = (0, canvas_kit_styling_1.keyframes)({ name: "3c6snm", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
15
+ const fadeIn = (0, canvas_kit_styling_1.keyframes)({ name: "1zqez4", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-bg-overlay);}" });
16
16
  exports.modalOverlayContainerStencil = (0, canvas_kit_styling_1.createStencil)({
17
17
  vars: {
18
18
  containerCenter: '',
19
19
  },
20
- base: { name: "46lui5", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-3c6snm;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-bd009b);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
20
+ base: { name: "1tsrv0", styles: "box-sizing:border-box;position:fixed;top:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);width:100vw;height:100vh;background:var(--cnvs-sys-color-bg-overlay);animation-duration:0.3s;animation-name:animation-1zqez4;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:var(--cnvs-sys-space-zero);top:var(--cnvs-sys-space-zero);justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-bd009b);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
21
21
  }, "modal-overlay-container-bd009b");
22
22
  exports.useModalOverlay = (0, common_1.createElemPropsHook)(popup_1.usePopupModel)(({ state }, ref) => {
23
23
  const elementRef = (0, common_1.useForkRef)(ref, state.stackRef);
@@ -33,10 +33,10 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
33
33
  const useLiveRegion_1 = require("./common/useLiveRegion");
34
34
  const usePaginationModel_1 = require("./usePaginationModel");
35
35
  exports.paginationAdditionalDetailsStencil = (0, canvas_kit_styling_1.createStencil)({
36
- base: { name: "4aqnkx", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);color:var(--cnvs-sys-color-text-hint);margin-block-start:var(--cnvs-sys-space-x3);" },
36
+ base: { name: "1mgkhi", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);color:var(--cnvs-sys-color-text-hint);margin-block-start:var(--cnvs-sys-space-x3);" },
37
37
  modifiers: {
38
38
  shouldHideDetails: {
39
- true: { name: "3yt951", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;margin-block-start:var(--cnvs-sys-space-zero);" }
39
+ true: { name: "al4h2", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;min-height:1px;width:1px;min-width:1px;margin:-1px;padding:0;border:0;margin-block-start:var(--cnvs-sys-space-zero);" }
40
40
  }
41
41
  }
42
42
  }, "pagination-additional-details-33f115");
@@ -35,7 +35,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
35
35
  const useRTL_1 = require("./common/utils/useRTL");
36
36
  const usePaginationModel_1 = require("./usePaginationModel");
37
37
  exports.paginationControlsStencil = (0, canvas_kit_styling_1.createStencil)({
38
- base: { name: "q55gf", styles: "box-sizing:border-box;display:flex;gap:var(--cnvs-sys-space-x1);align-items:center;" }
38
+ base: { name: "2qrqx5", styles: "box-sizing:border-box;display:flex;gap:var(--cnvs-sys-space-x1);align-items:center;" }
39
39
  }, "pagination-controls-f02bc7");
40
40
  exports.PaginationControls = (0, common_1.createComponent)('div')({
41
41
  displayName: 'Pagination.Controls',
@@ -33,7 +33,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
33
33
  const useGoToForm_1 = require("./useGoToForm");
34
34
  const usePaginationModel_1 = require("../usePaginationModel");
35
35
  exports.paginationGoToFormStencil = (0, canvas_kit_styling_1.createStencil)({
36
- base: { name: "43xd04", styles: "box-sizing:border-box;display:flex;align-items:center;gap:var(--cnvs-sys-space-x2);:dir(rtl){padding-inline-start:var(--cnvs-sys-space-x2);padding-inline-end:var(--cnvs-sys-space-x2);}" }
36
+ base: { name: "289br9", styles: "box-sizing:border-box;display:flex;align-items:center;gap:var(--cnvs-sys-space-x2);:dir(rtl){padding-inline-start:var(--cnvs-sys-space-x2);padding-inline-end:var(--cnvs-sys-space-x2);}" }
37
37
  }, "pagination-go-to-form-0e353a");
38
38
  exports.GoToForm = (0, common_1.createComponent)('form')({
39
39
  Component({ children, onSubmit, ...elemProps }, ref, Element) {