@workday/canvas-kit-react 16.0.6 → 16.0.7

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 (344) hide show
  1. package/collection/index.ts +2 -1
  2. package/collection/lib/ListBox.tsx +1 -1
  3. package/collection/lib/isElementDisabled.ts +16 -0
  4. package/collection/lib/useListItemSelect.tsx +5 -5
  5. package/collection/lib/useOverflowListModel.tsx +10 -3
  6. package/dist/commonjs/action-bar/lib/ActionBarList.js +1 -1
  7. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +1 -1
  8. package/dist/commonjs/avatar/lib/Avatar.js +13 -13
  9. package/dist/commonjs/avatar/lib/AvatarImage.js +1 -1
  10. package/dist/commonjs/avatar/lib/AvatarName.js +1 -1
  11. package/dist/commonjs/avatar/lib/BaseAvatar.js +14 -14
  12. package/dist/commonjs/badge/lib/CountBadge.js +6 -6
  13. package/dist/commonjs/banner/lib/Banner.js +5 -5
  14. package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
  15. package/dist/commonjs/banner/lib/BannerIcon.js +1 -1
  16. package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
  17. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  18. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  19. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  20. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  21. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  22. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  23. package/dist/commonjs/button/lib/BaseButton.js +21 -21
  24. package/dist/commonjs/button/lib/DeleteButton.js +2 -2
  25. package/dist/commonjs/button/lib/ExternalHyperlink.js +1 -1
  26. package/dist/commonjs/button/lib/Hyperlink.js +5 -5
  27. package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
  28. package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
  29. package/dist/commonjs/button/lib/TertiaryButton.js +14 -14
  30. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +3 -3
  31. package/dist/commonjs/button/lib/ToolbarIconButton.js +1 -1
  32. package/dist/commonjs/button/lib/parts/ButtonLabel.js +1 -1
  33. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +5 -5
  34. package/dist/commonjs/card/lib/Card.js +3 -3
  35. package/dist/commonjs/card/lib/CardBody.js +1 -1
  36. package/dist/commonjs/card/lib/CardHeading.js +1 -1
  37. package/dist/commonjs/checkbox/lib/CheckBackground.js +6 -6
  38. package/dist/commonjs/checkbox/lib/CheckboxCheck.js +6 -6
  39. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +2 -2
  40. package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
  41. package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
  42. package/dist/commonjs/collection/index.d.ts +2 -1
  43. package/dist/commonjs/collection/index.d.ts.map +1 -1
  44. package/dist/commonjs/collection/index.js +3 -1
  45. package/dist/commonjs/collection/lib/ListBox.d.ts +15 -0
  46. package/dist/commonjs/collection/lib/ListBox.d.ts.map +1 -1
  47. package/dist/commonjs/collection/lib/ListBox.js +8 -8
  48. package/dist/commonjs/collection/lib/isElementDisabled.d.ts +12 -0
  49. package/dist/commonjs/collection/lib/isElementDisabled.d.ts.map +1 -0
  50. package/dist/commonjs/collection/lib/isElementDisabled.js +20 -0
  51. package/dist/commonjs/collection/lib/useListItemSelect.d.ts +1 -1
  52. package/dist/commonjs/collection/lib/useListItemSelect.d.ts.map +1 -1
  53. package/dist/commonjs/collection/lib/useListItemSelect.js +5 -3
  54. package/dist/commonjs/collection/lib/useOverflowListModel.d.ts.map +1 -1
  55. package/dist/commonjs/collection/lib/useOverflowListModel.js +10 -3
  56. package/dist/commonjs/color-picker/lib/ColorInput.js +3 -3
  57. package/dist/commonjs/color-picker/lib/ColorPreview.js +1 -1
  58. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.js +2 -2
  59. package/dist/commonjs/combobox/lib/ComboboxMenuList.js +1 -1
  60. package/dist/commonjs/common/lib/AccessibleHide.js +1 -1
  61. package/dist/commonjs/common/lib/CanvasProvider.js +1 -1
  62. package/dist/commonjs/common/lib/EllipsisText.js +1 -1
  63. package/dist/commonjs/common/lib/styles/cornerShape.js +1 -1
  64. package/dist/commonjs/expandable/lib/Expandable.js +1 -1
  65. package/dist/commonjs/expandable/lib/ExpandableAvatar.js +1 -1
  66. package/dist/commonjs/expandable/lib/ExpandableContent.js +1 -1
  67. package/dist/commonjs/expandable/lib/ExpandableIcon.js +10 -10
  68. package/dist/commonjs/expandable/lib/ExpandableTarget.js +1 -1
  69. package/dist/commonjs/expandable/lib/ExpandableTitle.js +1 -1
  70. package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
  71. package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
  72. package/dist/commonjs/form-field/lib/FormFieldGroupList.js +3 -3
  73. package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
  74. package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
  75. package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
  76. package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
  77. package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
  78. package/dist/commonjs/icon/lib/ExpressiveIcon.js +1 -1
  79. package/dist/commonjs/icon/lib/Graphic.js +4 -4
  80. package/dist/commonjs/icon/lib/Svg.js +3 -3
  81. package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
  82. package/dist/commonjs/icon/lib/SystemIconCircle.js +2 -2
  83. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +9 -9
  84. package/dist/commonjs/information-highlight/lib/parts/Body.js +3 -3
  85. package/dist/commonjs/information-highlight/lib/parts/Heading.js +3 -3
  86. package/dist/commonjs/information-highlight/lib/parts/Link.js +3 -3
  87. package/dist/commonjs/loading-dots/lib/LoadingDots.js +3 -3
  88. package/dist/commonjs/menu/lib/MenuCard.d.ts +18 -18
  89. package/dist/commonjs/menu/lib/MenuCard.d.ts.map +1 -1
  90. package/dist/commonjs/menu/lib/MenuCard.js +3 -2
  91. package/dist/commonjs/menu/lib/MenuDivider.js +1 -1
  92. package/dist/commonjs/menu/lib/MenuGroup.js +1 -1
  93. package/dist/commonjs/menu/lib/MenuItem.d.ts +2 -2
  94. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  95. package/dist/commonjs/menu/lib/MenuItem.js +29 -6
  96. package/dist/commonjs/menu/lib/MenuList.d.ts.map +1 -1
  97. package/dist/commonjs/menu/lib/MenuList.js +5 -5
  98. package/dist/commonjs/menu/lib/Submenu.d.ts +1 -1
  99. package/dist/commonjs/menu/lib/Submenu.d.ts.map +1 -1
  100. package/dist/commonjs/menu/lib/Submenu.js +27 -1
  101. package/dist/commonjs/modal/lib/ModalBody.js +1 -1
  102. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  103. package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
  104. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  105. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  106. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  107. package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
  108. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
  109. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +1 -1
  110. package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  111. package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
  112. package/dist/commonjs/pagination/lib/Pagination/PageButton.js +2 -2
  113. package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
  114. package/dist/commonjs/pagination/lib/Pagination/Pagination.js +1 -1
  115. package/dist/commonjs/pagination/lib/Pagination/common/List.js +2 -2
  116. package/dist/commonjs/pill/lib/Pill.js +3 -3
  117. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  118. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  119. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  120. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  121. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  122. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  123. package/dist/commonjs/popup/lib/PopupButtonGroup.js +5 -5
  124. package/dist/commonjs/popup/lib/PopupCard.js +2 -2
  125. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  126. package/dist/commonjs/popup/lib/PopupHeading.js +1 -1
  127. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  128. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  129. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +6 -6
  130. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  131. package/dist/commonjs/select/lib/SelectCard.js +1 -1
  132. package/dist/commonjs/select/lib/SelectInput.js +3 -3
  133. package/dist/commonjs/side-panel/lib/SidePanel.js +8 -8
  134. package/dist/commonjs/side-panel/lib/SidePanelHeading.js +3 -3
  135. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +7 -7
  136. package/dist/commonjs/skeleton/lib/Skeleton.js +2 -2
  137. package/dist/commonjs/skeleton/lib/parts/SkeletonHeader.js +1 -1
  138. package/dist/commonjs/skeleton/lib/parts/SkeletonShape.js +2 -2
  139. package/dist/commonjs/skeleton/lib/parts/SkeletonText.js +2 -2
  140. package/dist/commonjs/switch/lib/Switch.js +7 -7
  141. package/dist/commonjs/table/lib/BaseTable.js +1 -1
  142. package/dist/commonjs/table/lib/Table.js +7 -7
  143. package/dist/commonjs/table/lib/parts/BaseTableBody.js +1 -1
  144. package/dist/commonjs/table/lib/parts/BaseTableCaption.js +1 -1
  145. package/dist/commonjs/table/lib/parts/BaseTableCell.js +1 -1
  146. package/dist/commonjs/table/lib/parts/BaseTableHead.js +1 -1
  147. package/dist/commonjs/table/lib/parts/BaseTableHeader.js +1 -1
  148. package/dist/commonjs/table/lib/parts/css-grid-table/TableRow.js +1 -1
  149. package/dist/commonjs/tabs/lib/TabsItem.d.ts +1 -1
  150. package/dist/commonjs/tabs/lib/TabsItem.js +1 -1
  151. package/dist/commonjs/tabs/lib/TabsList.js +8 -8
  152. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +1 -1
  153. package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +1 -1
  154. package/dist/commonjs/tabs/lib/useTabsModel.js +9 -3
  155. package/dist/commonjs/testing/lib/ComponentStatesTable.js +1 -1
  156. package/dist/commonjs/text/lib/LabelText.js +6 -6
  157. package/dist/commonjs/text/lib/Text.js +16 -16
  158. package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
  159. package/dist/commonjs/text-area/lib/TextArea.js +5 -5
  160. package/dist/commonjs/text-input/lib/InputGroup.js +7 -7
  161. package/dist/commonjs/text-input/lib/TextInput.js +5 -5
  162. package/dist/commonjs/toast/lib/Toast.js +1 -1
  163. package/dist/commonjs/toast/lib/ToastBody.js +1 -1
  164. package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
  165. package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
  166. package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
  167. package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts +9 -1
  168. package/dist/commonjs/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
  169. package/dist/commonjs/tooltip/lib/OverflowTooltip.js +6 -2
  170. package/dist/commonjs/tooltip/lib/TooltipContainer.js +4 -4
  171. package/dist/commonjs/version/lib/version.js +1 -1
  172. package/dist/es6/action-bar/lib/ActionBarList.js +1 -1
  173. package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +1 -1
  174. package/dist/es6/avatar/lib/Avatar.js +13 -13
  175. package/dist/es6/avatar/lib/AvatarImage.js +1 -1
  176. package/dist/es6/avatar/lib/AvatarName.js +1 -1
  177. package/dist/es6/avatar/lib/BaseAvatar.js +14 -14
  178. package/dist/es6/badge/lib/CountBadge.js +6 -6
  179. package/dist/es6/banner/lib/Banner.js +5 -5
  180. package/dist/es6/banner/lib/BannerActionText.js +2 -2
  181. package/dist/es6/banner/lib/BannerIcon.js +1 -1
  182. package/dist/es6/banner/lib/BannerLabel.js +1 -1
  183. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  184. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  185. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  186. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  187. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  188. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  189. package/dist/es6/button/lib/BaseButton.js +21 -21
  190. package/dist/es6/button/lib/DeleteButton.js +2 -2
  191. package/dist/es6/button/lib/ExternalHyperlink.js +1 -1
  192. package/dist/es6/button/lib/Hyperlink.js +5 -5
  193. package/dist/es6/button/lib/PrimaryButton.js +2 -2
  194. package/dist/es6/button/lib/SecondaryButton.js +2 -2
  195. package/dist/es6/button/lib/TertiaryButton.js +14 -14
  196. package/dist/es6/button/lib/ToolbarDropdownButton.js +3 -3
  197. package/dist/es6/button/lib/ToolbarIconButton.js +1 -1
  198. package/dist/es6/button/lib/parts/ButtonLabel.js +1 -1
  199. package/dist/es6/button/lib/parts/ButtonLabelIcon.js +5 -5
  200. package/dist/es6/card/lib/Card.js +3 -3
  201. package/dist/es6/card/lib/CardBody.js +1 -1
  202. package/dist/es6/card/lib/CardHeading.js +1 -1
  203. package/dist/es6/checkbox/lib/CheckBackground.js +6 -6
  204. package/dist/es6/checkbox/lib/CheckboxCheck.js +6 -6
  205. package/dist/es6/checkbox/lib/CheckboxContainer.js +2 -2
  206. package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
  207. package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
  208. package/dist/es6/collection/index.d.ts +2 -1
  209. package/dist/es6/collection/index.d.ts.map +1 -1
  210. package/dist/es6/collection/index.js +2 -1
  211. package/dist/es6/collection/lib/ListBox.d.ts +15 -0
  212. package/dist/es6/collection/lib/ListBox.d.ts.map +1 -1
  213. package/dist/es6/collection/lib/ListBox.js +5 -5
  214. package/dist/es6/collection/lib/isElementDisabled.d.ts +12 -0
  215. package/dist/es6/collection/lib/isElementDisabled.d.ts.map +1 -0
  216. package/dist/es6/collection/lib/isElementDisabled.js +16 -0
  217. package/dist/es6/collection/lib/useListItemSelect.d.ts +1 -1
  218. package/dist/es6/collection/lib/useListItemSelect.d.ts.map +1 -1
  219. package/dist/es6/collection/lib/useListItemSelect.js +5 -3
  220. package/dist/es6/collection/lib/useOverflowListModel.d.ts.map +1 -1
  221. package/dist/es6/collection/lib/useOverflowListModel.js +10 -3
  222. package/dist/es6/color-picker/lib/ColorInput.js +3 -3
  223. package/dist/es6/color-picker/lib/ColorPreview.js +1 -1
  224. package/dist/es6/color-picker/lib/parts/ColorSwatch.js +2 -2
  225. package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
  226. package/dist/es6/common/lib/AccessibleHide.js +1 -1
  227. package/dist/es6/common/lib/CanvasProvider.js +1 -1
  228. package/dist/es6/common/lib/EllipsisText.js +1 -1
  229. package/dist/es6/common/lib/styles/cornerShape.js +1 -1
  230. package/dist/es6/expandable/lib/Expandable.js +1 -1
  231. package/dist/es6/expandable/lib/ExpandableAvatar.js +1 -1
  232. package/dist/es6/expandable/lib/ExpandableContent.js +1 -1
  233. package/dist/es6/expandable/lib/ExpandableIcon.js +10 -10
  234. package/dist/es6/expandable/lib/ExpandableTarget.js +1 -1
  235. package/dist/es6/expandable/lib/ExpandableTitle.js +1 -1
  236. package/dist/es6/form-field/lib/FormFieldField.js +1 -1
  237. package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
  238. package/dist/es6/form-field/lib/FormFieldGroupList.js +3 -3
  239. package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
  240. package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
  241. package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
  242. package/dist/es6/icon/lib/AccentIcon.js +2 -2
  243. package/dist/es6/icon/lib/AppletIcon.js +1 -1
  244. package/dist/es6/icon/lib/ExpressiveIcon.js +1 -1
  245. package/dist/es6/icon/lib/Graphic.js +4 -4
  246. package/dist/es6/icon/lib/Svg.js +3 -3
  247. package/dist/es6/icon/lib/SystemIcon.js +1 -1
  248. package/dist/es6/icon/lib/SystemIconCircle.js +2 -2
  249. package/dist/es6/information-highlight/lib/InformationHighlight.js +9 -9
  250. package/dist/es6/information-highlight/lib/parts/Body.js +3 -3
  251. package/dist/es6/information-highlight/lib/parts/Heading.js +3 -3
  252. package/dist/es6/information-highlight/lib/parts/Link.js +3 -3
  253. package/dist/es6/loading-dots/lib/LoadingDots.js +3 -3
  254. package/dist/es6/menu/lib/MenuCard.d.ts +18 -18
  255. package/dist/es6/menu/lib/MenuCard.d.ts.map +1 -1
  256. package/dist/es6/menu/lib/MenuCard.js +4 -3
  257. package/dist/es6/menu/lib/MenuDivider.js +1 -1
  258. package/dist/es6/menu/lib/MenuGroup.js +1 -1
  259. package/dist/es6/menu/lib/MenuItem.d.ts +2 -2
  260. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  261. package/dist/es6/menu/lib/MenuItem.js +31 -8
  262. package/dist/es6/menu/lib/MenuList.d.ts.map +1 -1
  263. package/dist/es6/menu/lib/MenuList.js +5 -5
  264. package/dist/es6/menu/lib/Submenu.d.ts +1 -1
  265. package/dist/es6/menu/lib/Submenu.d.ts.map +1 -1
  266. package/dist/es6/menu/lib/Submenu.js +29 -3
  267. package/dist/es6/modal/lib/ModalBody.js +1 -1
  268. package/dist/es6/modal/lib/ModalCard.js +1 -1
  269. package/dist/es6/modal/lib/ModalHeading.js +1 -1
  270. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  271. package/dist/es6/modal/lib/ModalOverlay.js +2 -2
  272. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  273. package/dist/es6/pagination/lib/Pagination/Controls.js +2 -2
  274. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
  275. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +1 -1
  276. package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  277. package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
  278. package/dist/es6/pagination/lib/Pagination/PageButton.js +2 -2
  279. package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
  280. package/dist/es6/pagination/lib/Pagination/Pagination.js +1 -1
  281. package/dist/es6/pagination/lib/Pagination/common/List.js +2 -2
  282. package/dist/es6/pill/lib/Pill.js +3 -3
  283. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  284. package/dist/es6/pill/lib/PillCount.js +1 -1
  285. package/dist/es6/pill/lib/PillIcon.js +1 -1
  286. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  287. package/dist/es6/pill/lib/PillLabel.js +1 -1
  288. package/dist/es6/popup/lib/PopupBody.js +1 -1
  289. package/dist/es6/popup/lib/PopupButtonGroup.js +5 -5
  290. package/dist/es6/popup/lib/PopupCard.js +2 -2
  291. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  292. package/dist/es6/popup/lib/PopupHeading.js +1 -1
  293. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  294. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  295. package/dist/es6/segmented-control/lib/SegmentedControlList.js +6 -6
  296. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +1 -1
  297. package/dist/es6/select/lib/SelectCard.js +1 -1
  298. package/dist/es6/select/lib/SelectInput.js +3 -3
  299. package/dist/es6/side-panel/lib/SidePanel.js +8 -8
  300. package/dist/es6/side-panel/lib/SidePanelHeading.js +3 -3
  301. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +7 -7
  302. package/dist/es6/skeleton/lib/Skeleton.js +2 -2
  303. package/dist/es6/skeleton/lib/parts/SkeletonHeader.js +1 -1
  304. package/dist/es6/skeleton/lib/parts/SkeletonShape.js +2 -2
  305. package/dist/es6/skeleton/lib/parts/SkeletonText.js +2 -2
  306. package/dist/es6/switch/lib/Switch.js +7 -7
  307. package/dist/es6/table/lib/BaseTable.js +1 -1
  308. package/dist/es6/table/lib/Table.js +7 -7
  309. package/dist/es6/table/lib/parts/BaseTableBody.js +1 -1
  310. package/dist/es6/table/lib/parts/BaseTableCaption.js +1 -1
  311. package/dist/es6/table/lib/parts/BaseTableCell.js +1 -1
  312. package/dist/es6/table/lib/parts/BaseTableHead.js +1 -1
  313. package/dist/es6/table/lib/parts/BaseTableHeader.js +1 -1
  314. package/dist/es6/table/lib/parts/css-grid-table/TableRow.js +1 -1
  315. package/dist/es6/tabs/lib/TabsItem.d.ts +1 -1
  316. package/dist/es6/tabs/lib/TabsItem.js +1 -1
  317. package/dist/es6/tabs/lib/TabsList.js +8 -8
  318. package/dist/es6/tabs/lib/TabsOverflowButton.js +1 -1
  319. package/dist/es6/tabs/lib/useTabsModel.d.ts.map +1 -1
  320. package/dist/es6/tabs/lib/useTabsModel.js +9 -3
  321. package/dist/es6/testing/lib/ComponentStatesTable.js +1 -1
  322. package/dist/es6/text/lib/LabelText.js +6 -6
  323. package/dist/es6/text/lib/Text.js +16 -16
  324. package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
  325. package/dist/es6/text-area/lib/TextArea.js +5 -5
  326. package/dist/es6/text-input/lib/InputGroup.js +7 -7
  327. package/dist/es6/text-input/lib/TextInput.js +5 -5
  328. package/dist/es6/toast/lib/Toast.js +1 -1
  329. package/dist/es6/toast/lib/ToastBody.js +1 -1
  330. package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
  331. package/dist/es6/toast/lib/ToastIcon.js +1 -1
  332. package/dist/es6/toast/lib/ToastMessage.js +1 -1
  333. package/dist/es6/tooltip/lib/OverflowTooltip.d.ts +9 -1
  334. package/dist/es6/tooltip/lib/OverflowTooltip.d.ts.map +1 -1
  335. package/dist/es6/tooltip/lib/OverflowTooltip.js +6 -2
  336. package/dist/es6/tooltip/lib/TooltipContainer.js +4 -4
  337. package/dist/es6/version/lib/version.js +1 -1
  338. package/menu/lib/MenuCard.tsx +14 -2
  339. package/menu/lib/MenuItem.tsx +33 -4
  340. package/menu/lib/MenuList.tsx +2 -1
  341. package/menu/lib/Submenu.tsx +34 -3
  342. package/package.json +4 -4
  343. package/tabs/lib/useTabsModel.tsx +20 -15
  344. package/tooltip/lib/OverflowTooltip.tsx +15 -1
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Checks whether an element is disabled, either via the native `disabled` DOM property (set, for
3
+ * example, by `useListItemRegister` when an item's id is included in `state.nonInteractiveIds`) or
4
+ * via the `aria-disabled="true"` attribute (set by consumers directly on an item, e.g.
5
+ * `<Menu.Item aria-disabled>`).
6
+ *
7
+ * Collection items should use this check instead of testing `aria-disabled` alone so that items
8
+ * disabled through either mechanism are consistently blocked from activating (click, Enter/Space,
9
+ * hover-intent, etc.).
10
+ */
11
+ export declare const isElementDisabled: (element: Element | null | undefined) => boolean;
12
+ //# sourceMappingURL=isElementDisabled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"isElementDisabled.d.ts","sourceRoot":"","sources":["../../../../collection/lib/isElementDisabled.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,YAAa,OAAO,GAAG,IAAI,GAAG,SAAS,KAAG,OAKvE,CAAC"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.isElementDisabled = void 0;
4
+ /**
5
+ * Checks whether an element is disabled, either via the native `disabled` DOM property (set, for
6
+ * example, by `useListItemRegister` when an item's id is included in `state.nonInteractiveIds`) or
7
+ * via the `aria-disabled="true"` attribute (set by consumers directly on an item, e.g.
8
+ * `<Menu.Item aria-disabled>`).
9
+ *
10
+ * Collection items should use this check instead of testing `aria-disabled` alone so that items
11
+ * disabled through either mechanism are consistently blocked from activating (click, Enter/Space,
12
+ * hover-intent, etc.).
13
+ */
14
+ const isElementDisabled = (element) => {
15
+ if (!element) {
16
+ return false;
17
+ }
18
+ return element.getAttribute('aria-disabled') === 'true' || element.hasAttribute('disabled');
19
+ };
20
+ exports.isElementDisabled = isElementDisabled;
@@ -133,6 +133,6 @@ export declare const useListItemSelect: import("@workday/canvas-kit-react/common
133
133
  getTextValue: (item: any) => string;
134
134
  } | undefined;
135
135
  }, {
136
- readonly onClick: (event: React.MouseEvent<HTMLElement>) => void;
136
+ readonly onClick: (event: React.MouseEvent<HTMLElement>) => null | undefined;
137
137
  }>;
138
138
  //# sourceMappingURL=useListItemSelect.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useListItemSelect.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAMJ,gBAAgB,CAAC,WAAW,CAAC;EAUrD,CAAC"}
1
+ {"version":3,"file":"useListItemSelect.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAMJ,gBAAgB,CAAC,WAAW,CAAC;EASrD,CAAC"}
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useListItemSelect = void 0;
4
4
  const common_1 = require("@workday/canvas-kit-react/common");
5
+ const isElementDisabled_1 = require("./isElementDisabled");
5
6
  const useListModel_1 = require("./useListModel");
6
7
  /**
7
8
  * This elemProps hook adds selection support to a `*.Item` subcomponent of a collection. It adds a
@@ -18,10 +19,11 @@ const useListModel_1 = require("./useListModel");
18
19
  exports.useListItemSelect = (0, common_1.createElemPropsHook)(useListModel_1.useListModel)(({ state, events }, _, elemProps = {}) => {
19
20
  const name = elemProps['data-id'] || '';
20
21
  const onClick = (event) => {
21
- if (!state.nonInteractiveIds.includes(name) &&
22
- event.currentTarget.getAttribute('aria-disabled') !== 'true') {
23
- events.select({ id: name });
22
+ if ((0, isElementDisabled_1.isElementDisabled)(event.currentTarget) || state.nonInteractiveIds.includes(name)) {
23
+ return null;
24
24
  }
25
+ events.select({ id: name });
26
+ return undefined;
25
27
  };
26
28
  return { onClick };
27
29
  });
@@ -1 +1 @@
1
- {"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}
@@ -8,6 +8,7 @@ const react_1 = __importDefault(require("react"));
8
8
  const common_1 = require("@workday/canvas-kit-react/common");
9
9
  const useSelectionListModel_1 = require("./useSelectionListModel");
10
10
  function getHiddenIds(containerSize, containerGap, overflowTargetSize, itemSizeCache, selectedIds, items) {
11
+ var _a;
11
12
  /** Allows us to prioritize showing the selected item */
12
13
  let selectedKey;
13
14
  /** Tally of combined item widths. We'll add items that fit until the container is full */
@@ -19,9 +20,15 @@ function getHiddenIds(containerSize, containerGap, overflowTargetSize, itemSizeC
19
20
  * consecutive items */
20
21
  let shouldAddGap = false;
21
22
  if (selectedIds !== 'all' && selectedIds.length) {
22
- if (items.length) {
23
- // If selectedIds[0] is not in items, use the first id from items
24
- selectedKey = items.find(item => item.id === selectedIds[0]) ? selectedIds[0] : items[0].id;
23
+ const candidate = selectedIds[0];
24
+ const fallbackId = (_a = items === null || items === void 0 ? void 0 : items[0]) === null || _a === void 0 ? void 0 : _a.id;
25
+ // Only pin own cached sizes so unmeasured ids and inherited names cannot yield NaN.
26
+ if (Object.prototype.hasOwnProperty.call(itemSizeCache, candidate)) {
27
+ selectedKey = candidate;
28
+ }
29
+ else if (fallbackId !== undefined &&
30
+ Object.prototype.hasOwnProperty.call(itemSizeCache, fallbackId)) {
31
+ selectedKey = fallbackId;
25
32
  }
26
33
  }
27
34
  if (Object.keys(itemSizeCache).reduce((sum, key, index) => sum + itemSizeCache[key] + (index > 0 ? containerGap : 0), 0) <= containerSize) {
@@ -17,13 +17,13 @@ exports.colorPickerHexInputStencil = (0, canvas_kit_styling_1.createStencil)({
17
17
  poundSign: 'color-picker-hex-input-pound-sign',
18
18
  swatch: 'color-picker-hex-input-swatch',
19
19
  },
20
- base: { name: "3mb60a", styles: "box-sizing:border-box;--width-color-picker-hex-input-9e7717:7.25rem;position:relative;width:var(--width-color-picker-hex-input-9e7717);[data-part=\"color-picker-hex-input\"]{min-width:var(--width-color-picker-hex-input-9e7717);width:var(--width-color-picker-hex-input-9e7717);font-family:var(--cnvs-sys-font-family-mono);padding-inline-start:calc(100% - 5.375rem);&:focus::placeholder{color:transparent;}}[data-part=\"color-picker-hex-input-pound-sign\"]{position:absolute;top:0.625rem;left:5.5rem;font-family:var(--cnvs-sys-font-family-mono);}[data-part=\"color-picker-hex-input-swatch\"]{position:absolute;top:0.625rem;left:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));box-shadow:inset 0 0 0 0.0625rem rgba(0,0,0,0.25);pointer-events:none;@media (forced-colors: active){outline:solid 0.0625rem SelectedItemText;}}:dir(ltr){[data-part=\"color-picker-hex-input\"]{padding-inline-start:2.875rem;}[data-part=\"color-picker-hex-input-pound-sign\"]{left:2.25rem;}}" },
20
+ base: { name: "432uhr", styles: "box-sizing:border-box;--width-color-picker-hex-input-9e7717:7.25rem;position:relative;width:var(--width-color-picker-hex-input-9e7717);[data-part=\"color-picker-hex-input\"]{min-width:var(--width-color-picker-hex-input-9e7717);width:var(--width-color-picker-hex-input-9e7717);font-family:var(--cnvs-sys-font-family-mono);padding-inline-start:calc(100% - 5.375rem);&:focus::placeholder{color:transparent;}}[data-part=\"color-picker-hex-input-pound-sign\"]{position:absolute;top:0.625rem;left:5.5rem;font-family:var(--cnvs-sys-font-family-mono);}[data-part=\"color-picker-hex-input-swatch\"]{position:absolute;top:0.625rem;left:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));box-shadow:inset 0 0 0 0.0625rem rgba(0,0,0,0.25);pointer-events:none;@media (forced-colors: active){outline:solid 0.0625rem SelectedItemText;}}:dir(ltr){[data-part=\"color-picker-hex-input\"]{padding-inline-start:2.875rem;}[data-part=\"color-picker-hex-input-pound-sign\"]{left:2.25rem;}}" },
21
21
  modifiers: {
22
22
  grow: {
23
- true: { name: "43wcrf", styles: "--width-color-picker-hex-input-9e7717:100%;" }
23
+ true: { name: "42kx6o", styles: "--width-color-picker-hex-input-9e7717:100%;" }
24
24
  },
25
25
  disabled: {
26
- true: { name: "1ujw4c", styles: "[data-part=\"color-picker-hex-input-pound-sign\"]{opacity:var(--cnvs-sys-opacity-disabled);}" }
26
+ true: { name: "15zzte", styles: "[data-part=\"color-picker-hex-input-pound-sign\"]{opacity:var(--cnvs-sys-opacity-disabled);}" }
27
27
  }
28
28
  }
29
29
  }, "color-picker-hex-input-9e7717");
@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
7
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  const ColorInput_1 = require("./ColorInput");
9
9
  exports.colorPreviewStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "3jtzg7", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-color:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)));pointer-events:none;" }
10
+ base: { name: "1aqw9n", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-color:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)));pointer-events:none;" }
11
11
  }, "color-preview-1326de");
12
12
  exports.ColorPreview = (0, common_1.createComponent)('input')({
13
13
  displayName: 'ColorPreview',
@@ -13,10 +13,10 @@ exports.colorPickerColorSwatchStencil = (0, canvas_kit_styling_1.createStencil)(
13
13
  color: '',
14
14
  iconColor: '',
15
15
  },
16
- base: { name: "36izot", styles: "box-sizing:border-box;--color-system-icon-c9acc3:var(--iconColor-color-picker-color-swatch-5765a0);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem));width:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));height:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));background-color:var(--color-color-picker-color-swatch-5765a0);display:flex;align-items:center;justify-content:center;forced-color-adjust:none;& > *{margin:calc(0.125rem * -1);}" },
16
+ base: { name: "48y9ip", styles: "box-sizing:border-box;--color-system-icon-c9acc3:var(--iconColor-color-picker-color-swatch-5765a0);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem));width:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));height:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));background-color:var(--color-color-picker-color-swatch-5765a0);display:flex;align-items:center;justify-content:center;forced-color-adjust:none;& > *{margin:calc(0.125rem * -1);}" },
17
17
  modifiers: {
18
18
  withShadow: {
19
- true: { name: "uowvh", styles: "box-shadow:inset 0px 0px 0px 0.0625rem rgba(0, 0, 0, 0.25);@media (forced-colors: active){outline:solid 0.0625rem SelectedItemText;}" }
19
+ true: { name: "34sk9y", styles: "box-shadow:inset 0px 0px 0px 0.0625rem rgba(0, 0, 0, 0.25);@media (forced-colors: active){outline:solid 0.0625rem SelectedItemText;}" }
20
20
  }
21
21
  }
22
22
  }, "color-picker-color-swatch-5765a0");
@@ -21,7 +21,7 @@ exports.useComboboxMenuList = (0, common_1.createElemPropsHook)(menu_1.useMenuMo
21
21
  };
22
22
  });
23
23
  const comboboxMenuListStencil = (0, canvas_kit_styling_1.createStencil)({
24
- base: { name: "1skgek", styles: "box-sizing:border-box;" },
24
+ base: { name: "3zx3e6", styles: "box-sizing:border-box;" },
25
25
  extends: menu_1.menuListStencil
26
26
  }, "combobox-menu-list-6c92ed");
27
27
  exports.ComboboxMenuList = (0, common_1.createSubcomponent)('ul')({
@@ -22,7 +22,7 @@ exports.accessibleHide = {
22
22
  padding: 0,
23
23
  border: 0,
24
24
  };
25
- exports.accessibleHideStyles = (0, canvas_kit_styling_1.createStyles)({ name: "17c2f9", 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;" });
25
+ exports.accessibleHideStyles = (0, canvas_kit_styling_1.createStyles)({ name: "2p88nm", 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;" });
26
26
  /**
27
27
  * A convenient component wrapper to visually hide content, while still making it accessible to screen readers
28
28
  */
@@ -42,7 +42,7 @@ exports.CanvasBrandStyleContext = React.createContext({});
42
42
  /**
43
43
  * If you wish to reset the theme to the default, apply this class on the CanvasProvider.
44
44
  */
45
- exports.defaultBranding = (0, canvas_kit_styling_1.createStyles)({ name: "2o5swc", styles: "--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-amber-400);--cnvs-brand-common-alert-outer:var(--cnvs-base-palette-amber-500);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-red-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blue-500);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-slate-800);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-slate-700);--cnvs-brand-neutral-base:var(--cnvs-base-palette-slate-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-slate-200);--cnvs-brand-neutral-lighter:var(--cnvs-base-palette-slate-50);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-slate-25);--cnvs-brand-success-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-800);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-700);--cnvs-brand-success-base:var(--cnvs-base-palette-green-600);--cnvs-brand-success-light:var(--cnvs-base-palette-green-200);--cnvs-brand-success-lighter:var(--cnvs-base-palette-green-50);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-25);--cnvs-brand-error-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-error-darkest:var(--cnvs-base-palette-red-800);--cnvs-brand-error-dark:var(--cnvs-base-palette-red-700);--cnvs-brand-error-base:var(--cnvs-base-palette-red-600);--cnvs-brand-error-light:var(--cnvs-base-palette-red-200);--cnvs-brand-error-lighter:var(--cnvs-base-palette-red-50);--cnvs-brand-error-lightest:var(--cnvs-base-palette-red-25);--cnvs-brand-alert-accent:var(--cnvs-base-palette-neutral-900);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-amber-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-amber-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-amber-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-amber-200);--cnvs-brand-alert-lighter:var(--cnvs-base-palette-amber-50);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-amber-25);--cnvs-brand-primary-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-base:var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-light:var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-lighter:var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blue-25);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);--cnvs-sys-color-brand-focus-primary:var(--cnvs-brand-common-focus-outline);--cnvs-sys-color-brand-border-primary:var(--cnvs-brand-common-focus-outline);--cnvs-sys-color-brand-accent-primary:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-accent-action:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-accent-critical:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-accent-caution:var(--cnvs-brand-alert-base);--cnvs-sys-color-brand-accent-positive:var(--cnvs-brand-success-base);--cnvs-sys-color-brand-fg-primary-default:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-fg-primary-strong:var(--cnvs-brand-primary-dark);--cnvs-sys-color-brand-fg-critical-default:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-fg-critical-strong:var(--cnvs-brand-error-dark);--cnvs-sys-color-brand-fg-caution-default:var(--cnvs-brand-alert-darkest);--cnvs-sys-color-brand-fg-caution-strong:var(--cnvs-brand-alert-darkest);--cnvs-sys-color-brand-fg-positive-default:var(--cnvs-brand-success-base);--cnvs-sys-color-brand-fg-positive-strong:var(--cnvs-brand-success-dark);--cnvs-sys-color-brand-fg-selected:var(--cnvs-brand-primary-dark);--cnvs-sys-color-brand-focus-critical:var(--cnvs-brand-error-dark);--cnvs-sys-color-brand-border-critical:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-focus-caution-inner:var(--cnvs-brand-common-alert-inner);--cnvs-sys-color-brand-focus-caution-outer:var(--cnvs-brand-alert-dark);--cnvs-sys-color-brand-border-caution:var(--cnvs-brand-alert-dark);--cnvs-sys-color-brand-surface-primary-default:var(--cnvs-brand-primary-lightest);--cnvs-sys-color-brand-surface-primary-strong:var(--cnvs-brand-primary-lighter);--cnvs-sys-color-brand-surface-critical-default:var(--cnvs-brand-error-lightest);--cnvs-sys-color-brand-surface-critical-strong:var(--cnvs-brand-error-lighter);--cnvs-sys-color-brand-surface-caution-default:var(--cnvs-brand-alert-lightest);--cnvs-sys-color-brand-surface-caution-strong:var(--cnvs-brand-alert-lighter);--cnvs-sys-color-brand-surface-positive-default:var(--cnvs-brand-success-lightest);--cnvs-sys-color-brand-surface-positive-strong:var(--cnvs-brand-success-lighter);--cnvs-sys-color-brand-surface-selected:var(--cnvs-brand-primary-lighter);" });
45
+ exports.defaultBranding = (0, canvas_kit_styling_1.createStyles)({ name: "al5xw", styles: "--cnvs-brand-common-alert-inner:var(--cnvs-base-palette-amber-400);--cnvs-brand-common-alert-outer:var(--cnvs-base-palette-amber-500);--cnvs-brand-common-error-inner:var(--cnvs-base-palette-red-500);--cnvs-brand-common-focus-outline:var(--cnvs-base-palette-blue-500);--cnvs-brand-neutral-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-neutral-darkest:var(--cnvs-base-palette-slate-800);--cnvs-brand-neutral-dark:var(--cnvs-base-palette-slate-700);--cnvs-brand-neutral-base:var(--cnvs-base-palette-slate-600);--cnvs-brand-neutral-light:var(--cnvs-base-palette-slate-200);--cnvs-brand-neutral-lighter:var(--cnvs-base-palette-slate-50);--cnvs-brand-neutral-lightest:var(--cnvs-base-palette-slate-25);--cnvs-brand-success-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-success-darkest:var(--cnvs-base-palette-green-800);--cnvs-brand-success-dark:var(--cnvs-base-palette-green-700);--cnvs-brand-success-base:var(--cnvs-base-palette-green-600);--cnvs-brand-success-light:var(--cnvs-base-palette-green-200);--cnvs-brand-success-lighter:var(--cnvs-base-palette-green-50);--cnvs-brand-success-lightest:var(--cnvs-base-palette-green-25);--cnvs-brand-error-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-error-darkest:var(--cnvs-base-palette-red-800);--cnvs-brand-error-dark:var(--cnvs-base-palette-red-700);--cnvs-brand-error-base:var(--cnvs-base-palette-red-600);--cnvs-brand-error-light:var(--cnvs-base-palette-red-200);--cnvs-brand-error-lighter:var(--cnvs-base-palette-red-50);--cnvs-brand-error-lightest:var(--cnvs-base-palette-red-25);--cnvs-brand-alert-accent:var(--cnvs-base-palette-neutral-900);--cnvs-brand-alert-darkest:var(--cnvs-base-palette-amber-600);--cnvs-brand-alert-dark:var(--cnvs-base-palette-amber-500);--cnvs-brand-alert-base:var(--cnvs-base-palette-amber-400);--cnvs-brand-alert-light:var(--cnvs-base-palette-amber-200);--cnvs-brand-alert-lighter:var(--cnvs-base-palette-amber-50);--cnvs-brand-alert-lightest:var(--cnvs-base-palette-amber-25);--cnvs-brand-primary-accent:var(--cnvs-base-palette-neutral-0);--cnvs-brand-primary-darkest:var(--cnvs-base-palette-blue-800);--cnvs-brand-primary-dark:var(--cnvs-base-palette-blue-700);--cnvs-brand-primary-base:var(--cnvs-base-palette-blue-600);--cnvs-brand-primary-light:var(--cnvs-base-palette-blue-200);--cnvs-brand-primary-lighter:var(--cnvs-base-palette-blue-50);--cnvs-brand-primary-lightest:var(--cnvs-base-palette-blue-25);--cnvs-brand-gradient-primary:linear-gradient(90deg, var(--cnvs-brand-primary-base) 0%, var(--cnvs-brand-primary-dark) 100%);--cnvs-sys-color-brand-focus-primary:var(--cnvs-brand-common-focus-outline);--cnvs-sys-color-brand-border-primary:var(--cnvs-brand-common-focus-outline);--cnvs-sys-color-brand-accent-primary:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-accent-action:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-accent-critical:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-accent-caution:var(--cnvs-brand-alert-base);--cnvs-sys-color-brand-accent-positive:var(--cnvs-brand-success-base);--cnvs-sys-color-brand-fg-primary-default:var(--cnvs-brand-primary-base);--cnvs-sys-color-brand-fg-primary-strong:var(--cnvs-brand-primary-dark);--cnvs-sys-color-brand-fg-critical-default:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-fg-critical-strong:var(--cnvs-brand-error-dark);--cnvs-sys-color-brand-fg-caution-default:var(--cnvs-brand-alert-darkest);--cnvs-sys-color-brand-fg-caution-strong:var(--cnvs-brand-alert-darkest);--cnvs-sys-color-brand-fg-positive-default:var(--cnvs-brand-success-base);--cnvs-sys-color-brand-fg-positive-strong:var(--cnvs-brand-success-dark);--cnvs-sys-color-brand-fg-selected:var(--cnvs-brand-primary-dark);--cnvs-sys-color-brand-focus-critical:var(--cnvs-brand-error-dark);--cnvs-sys-color-brand-border-critical:var(--cnvs-brand-error-base);--cnvs-sys-color-brand-focus-caution-inner:var(--cnvs-brand-common-alert-inner);--cnvs-sys-color-brand-focus-caution-outer:var(--cnvs-brand-alert-dark);--cnvs-sys-color-brand-border-caution:var(--cnvs-brand-alert-dark);--cnvs-sys-color-brand-surface-primary-default:var(--cnvs-brand-primary-lightest);--cnvs-sys-color-brand-surface-primary-strong:var(--cnvs-brand-primary-lighter);--cnvs-sys-color-brand-surface-critical-default:var(--cnvs-brand-error-lightest);--cnvs-sys-color-brand-surface-critical-strong:var(--cnvs-brand-error-lighter);--cnvs-sys-color-brand-surface-caution-default:var(--cnvs-brand-alert-lightest);--cnvs-sys-color-brand-surface-caution-strong:var(--cnvs-brand-alert-lighter);--cnvs-sys-color-brand-surface-positive-default:var(--cnvs-brand-success-lightest);--cnvs-sys-color-brand-surface-positive-strong:var(--cnvs-brand-success-lighter);--cnvs-sys-color-brand-surface-selected:var(--cnvs-brand-primary-lighter);" });
46
46
  /** Pure function — safe to call outside React hooks (e.g. usePopupStack). */
47
47
  function canvasThemeToCssVars(theme, elemProps, options) {
48
48
  var _a, _b;
@@ -4,7 +4,7 @@ exports.EllipsisText = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
6
6
  const utils_1 = require("./utils");
7
- const ellipsisStyles = (0, canvas_kit_styling_1.createStyles)({ name: "268ket", styles: "white-space:nowrap;text-overflow:ellipsis;overflow:hidden;" });
7
+ const ellipsisStyles = (0, canvas_kit_styling_1.createStyles)({ name: "1kpev6", styles: "white-space:nowrap;text-overflow:ellipsis;overflow:hidden;" });
8
8
  exports.EllipsisText = (0, utils_1.createComponent)('span')({
9
9
  displayName: 'EllipsisText',
10
10
  Component({ children, ...elemProps }, ref, Element) {
@@ -11,5 +11,5 @@ exports.cornerShapeStencil = (0, canvas_kit_styling_1.createStencil)({
11
11
  vars: {
12
12
  shape: '',
13
13
  },
14
- base: { name: "1p3h52", styles: "box-sizing:border-box;border-radius:var(--shape-corner-shape-ccab68);corner-shape:superellipse(1.1);" }
14
+ base: { name: "2bvo0n", styles: "box-sizing:border-box;border-radius:var(--shape-corner-shape-ccab68);corner-shape:superellipse(1.1);" }
15
15
  }, "corner-shape-ccab68");
@@ -13,7 +13,7 @@ const ExpandableTarget_1 = require("./ExpandableTarget");
13
13
  const ExpandableTitle_1 = require("./ExpandableTitle");
14
14
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
15
15
  exports.expandableContainerStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "3v1kie", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
16
+ base: { name: "1usr23", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
17
17
  }, "expandable-container-f664d5");
18
18
  /**
19
19
  * `Expandable` wraps an `Expandable.Target` and an `Expandable.Content`. By default, it provides a
@@ -8,7 +8,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
8
8
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
9
9
  exports.expandableAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
10
10
  extends: avatar_1.avatarStencil,
11
- base: { name: "1a1gba", styles: "box-sizing:border-box;flex-shrink:0;" }
11
+ base: { name: "34u8w9", styles: "box-sizing:border-box;flex-shrink:0;" }
12
12
  }, "expandable-avatar-65308e");
13
13
  // When the component is created, it needs to be a button element to match AvatarProps.
14
14
  // Once Avatar becomes a `createComponent` we can default the element type to a `div`
@@ -9,7 +9,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  const useExpandableContent_1 = require("./hooks/useExpandableContent");
10
10
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
11
11
  exports.expandableContentStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "1tx0tg", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
12
+ base: { name: "1sb0kt", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
13
13
  }, "expandable-content-25e157");
14
14
  exports.ExpandableContent = (0, common_1.createSubcomponent)('div')({
15
15
  modelHook: useExpandableModel_1.useExpandableModel,
@@ -12,34 +12,34 @@ const useExpandableIcon_1 = require("./hooks/useExpandableIcon");
12
12
  const useExpandableModel_1 = require("./hooks/useExpandableModel");
13
13
  exports.expandableIconStencil = (0, canvas_kit_styling_1.createStencil)({
14
14
  extends: icon_1.systemIconStencil,
15
- base: { name: "2y4xmu", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
15
+ base: { name: "46coiq", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));" },
16
16
  modifiers: {
17
17
  isExpanded: {
18
- true: { name: "34h0lw", styles: "" },
19
- false: { name: "3p0wn4", styles: "" }
18
+ true: { name: "2rp6nm", styles: "" },
19
+ false: { name: "21o6k1", styles: "" }
20
20
  },
21
21
  position: {
22
- start: { name: "1tu8t8", styles: "" },
23
- end: { name: "3xre65", styles: "" },
24
- only: { name: "1pu3x4", styles: "" }
22
+ start: { name: "15ij4j", styles: "" },
23
+ end: { name: "ek9j", styles: "" },
24
+ only: { name: "4dyw2u", styles: "" }
25
25
  }
26
26
  },
27
27
  compound: [
28
28
  {
29
29
  modifiers: { position: 'end', isExpanded: false },
30
- styles: { name: "96piq", styles: "margin-inline-start:auto;transform:rotate(180deg);padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
30
+ styles: { name: "33pvt9", styles: "margin-inline-start:auto;transform:rotate(180deg);padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
31
31
  },
32
32
  {
33
33
  modifiers: { position: 'end', isExpanded: true },
34
- styles: { name: "30t0vq", styles: "margin-inline-start:auto;padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
34
+ styles: { name: "j6j9t", styles: "margin-inline-start:auto;padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
35
35
  },
36
36
  {
37
37
  modifiers: { position: 'start', isExpanded: false },
38
- styles: { name: "43btrq", styles: "margin-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));transform:rotate(90deg);:dir(rtl){transform:rotate(-90deg);}" }
38
+ styles: { name: "2nczv2", styles: "margin-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));transform:rotate(90deg);:dir(rtl){transform:rotate(-90deg);}" }
39
39
  },
40
40
  {
41
41
  modifiers: { position: 'start', isExpanded: true },
42
- styles: { name: "1l72jz", styles: "margin-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));transform:rotate(180deg);" }
42
+ styles: { name: "1ze9x7", styles: "margin-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));transform:rotate(180deg);" }
43
43
  }
44
44
  ]
45
45
  }, "expandable-icon-af0853");
@@ -11,7 +11,7 @@ const useExpandableModel_1 = require("./hooks/useExpandableModel");
11
11
  const useExpandableTarget_1 = require("./hooks/useExpandableTarget");
12
12
  exports.expandableTargetStencil = (0, canvas_kit_styling_1.createStencil)({
13
13
  extends: common_1.cornerShapeStencil,
14
- base: { name: "v0xor", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
14
+ base: { name: "23jz8q", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));border-color:var(--cnvs-sys-color-border-transparent);--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);border-width:0;display:flex;align-items:center;flex-direction:row;gap:var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0));justify-content:start;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;width:100%;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{outline:0.125rem solid var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}" }
15
15
  }, "expandable-target-6f2998");
16
16
  exports.ExpandableTarget = (0, common_1.createSubcomponent)('button')({
17
17
  modelHook: useExpandableModel_1.useExpandableModel,
@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
7
7
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
9
9
  exports.expandableTitleStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "w3mfg", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.75rem));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium, 1.125rem));font-weight:var(--cnvs-sys-font-weight-bold);color:var(--cnvs-sys-color-fg-strong);padding:0.125rem var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));text-align:left;" }
10
+ base: { name: "451t4d", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.75rem));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium, 1.125rem));font-weight:var(--cnvs-sys-font-weight-bold);color:var(--cnvs-sys-color-fg-strong);padding:0.125rem var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));text-align:left;" }
11
11
  }, "expandable-title-afdcf8");
12
12
  exports.ExpandableTitle = (0, common_1.createComponent)('div')({
13
13
  displayName: 'Expandable.Title',
@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
7
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  const hooks_1 = require("./hooks");
9
9
  exports.formFieldFieldStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "1px42q", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" }
10
+ base: { name: "2a34km", styles: "box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" }
11
11
  }, "form-field-field-a35e82");
12
12
  exports.FormFieldField = (0, common_1.createSubcomponent)('div')({
13
13
  displayName: 'FormField.Field',
@@ -10,15 +10,15 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const hooks_1 = require("./hooks");
11
11
  exports.formFieldGroupLabelStencil = (0, canvas_kit_styling_1.createStencil)({
12
12
  extends: text_1.textStencil,
13
- base: { name: "21bpna", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-default);padding-inline-start:0;display:flex;align-items:center;min-width:11.25rem;" },
13
+ base: { name: "325k2p", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-default);padding-inline-start:0;display:flex;align-items:center;min-width:11.25rem;" },
14
14
  modifiers: {
15
15
  isRequired: {
16
- true: { name: "412akn", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-lg, var(--cnvs-sys-font-size-body-large, 1.25rem));font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));text-decoration:unset;margin-inline-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));}" }
16
+ true: { name: "114evs", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-lg, var(--cnvs-sys-font-size-body-large, 1.25rem));font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));text-decoration:unset;margin-inline-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));}" }
17
17
  },
18
18
  orientation: {
19
- vertical: { name: "3rvl5v", styles: "width:100%;" },
20
- horizontalStart: { name: "1r0niu", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
21
- horizontalEnd: { name: "2f0xl6", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" }
19
+ vertical: { name: "1u81et", styles: "width:100%;" },
20
+ horizontalStart: { name: "3s17is", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
21
+ horizontalEnd: { name: "4a3pm3", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" }
22
22
  }
23
23
  },
24
24
  defaultModifiers: {
@@ -8,11 +8,11 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  const hooks_1 = require("./hooks");
9
9
  const formFieldGroupListStencil = (0, canvas_kit_styling_1.createStencil)({
10
10
  extends: common_1.cornerShapeStencil,
11
- base: { name: "20wqky", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));margin:0 calc(var(--cnvs-base-size-150, 0.75rem) * -1);transition:100ms box-shadow;width:fit-content;" },
11
+ base: { name: "2xdz1x", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);display:flex;flex-direction:column;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));margin:0 calc(var(--cnvs-base-size-150, 0.75rem) * -1);transition:100ms box-shadow;width:fit-content;" },
12
12
  modifiers: {
13
13
  error: {
14
- error: { name: "26s5gs", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" },
15
- caution: { name: "4ao33o", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1))), inset 0 0 0 0.1875rem var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" }
14
+ error: { name: "1bvcwd", styles: "box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" },
15
+ caution: { name: "vzhwt", styles: "box-shadow:inset 0 0 0 0.0625rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1))), inset 0 0 0 0.1875rem var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)));@media (forced-colors: active){outline:solid 0.125rem ButtonBorder;}" }
16
16
  }
17
17
  }
18
18
  }, "form-field-group-list-284850");
@@ -10,11 +10,11 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const hooks_1 = require("./hooks");
11
11
  exports.formFieldHintStencil = (0, canvas_kit_styling_1.createStencil)({
12
12
  extends: text_1.textStencil,
13
- base: { name: "2xo8d5", styles: "box-sizing:border-box;margin:0;" },
13
+ base: { name: "ir5fu", styles: "box-sizing:border-box;margin:0;" },
14
14
  modifiers: {
15
15
  error: {
16
- error: { name: "35opb3", styles: "color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));" },
17
- caution: { name: "102fnc", styles: "color:var(--cnvs-sys-color-fg-default);" }
16
+ error: { name: "1l57ma", styles: "color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));" },
17
+ caution: { name: "ogctc", styles: "color:var(--cnvs-sys-color-fg-default);" }
18
18
  }
19
19
  },
20
20
  defaultModifiers: {
@@ -10,18 +10,18 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
10
10
  const hooks_1 = require("./hooks");
11
11
  exports.formFieldLabelStencil = (0, canvas_kit_styling_1.createStencil)({
12
12
  extends: text_1.textStencil,
13
- base: { name: "3pw0gz", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-default);padding-inline-start:0;display:flex;align-items:center;min-width:11.25rem;" },
13
+ base: { name: "1vhe7", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-default);padding-inline-start:0;display:flex;align-items:center;min-width:11.25rem;" },
14
14
  modifiers: {
15
15
  isRequired: {
16
- true: { name: "2y2isp", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-lg, var(--cnvs-sys-font-size-body-large, 1.25rem));font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));text-decoration:unset;margin-inline-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));}" }
16
+ true: { name: "1oukfr", styles: "&::after{content:\"*\";font-size:var(--cnvs-sys-font-size-body-lg, var(--cnvs-sys-font-size-body-large, 1.25rem));font-weight:var(--cnvs-sys-font-weight-normal);color:var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)));text-decoration:unset;margin-inline-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));}" }
17
17
  },
18
18
  orientation: {
19
- horizontalStart: { name: "24i8es", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
20
- horizontalEnd: { name: "32nkyl", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" },
21
- vertical: { name: "ghko9", styles: "width:100%;" }
19
+ horizontalStart: { name: "vo2z2", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
20
+ horizontalEnd: { name: "2qkdp4", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" },
21
+ vertical: { name: "4buggs", styles: "width:100%;" }
22
22
  },
23
23
  isHidden: {
24
- true: { name: "f6hk", 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;" }
24
+ true: { name: "3g185v", 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;" }
25
25
  }
26
26
  },
27
27
  defaultModifiers: {
@@ -4,22 +4,22 @@ exports.formFieldStencil = void 0;
4
4
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
5
5
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
6
6
  exports.formFieldStencil = (0, canvas_kit_styling_1.createStencil)({
7
- base: { name: "f63dg", styles: "box-sizing:border-box;display:flex;border:none;padding:0;margin:0 0 var(--cnvs-sys-gap-lg, var(--cnvs-sys-space-x6, 1.5rem));" },
7
+ base: { name: "3cdu0z", styles: "box-sizing:border-box;display:flex;border:none;padding:0;margin:0 0 var(--cnvs-sys-gap-lg, var(--cnvs-sys-space-x6, 1.5rem));" },
8
8
  modifiers: {
9
9
  grow: {
10
- true: { name: "218fuv", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
10
+ true: { name: "1cbs06", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
11
11
  },
12
12
  orientation: {
13
- horizontalStart: { name: "ikey7", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
14
- horizontalEnd: { name: "3bfwwn", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
15
- vertical: { name: "ett5w", styles: "flex-direction:column;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));align-items:flex-start;" }
13
+ horizontalStart: { name: "37ivh2", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
14
+ horizontalEnd: { name: "1cxv48", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
15
+ vertical: { name: "2wnhyj", styles: "flex-direction:column;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));align-items:flex-start;" }
16
16
  },
17
17
  required: {
18
- true: { name: "1rsllg", styles: "" }
18
+ true: { name: "1136ch", styles: "" }
19
19
  },
20
20
  error: {
21
- error: { name: "1pxpbu", styles: "" },
22
- caution: { name: "3igsku", styles: "" }
21
+ error: { name: "8it2t", styles: "" },
22
+ caution: { name: "3i7cwz", styles: "" }
23
23
  }
24
24
  },
25
25
  defaultModifiers: {
@@ -28,10 +28,10 @@ exports.accentIconStencil = (0, canvas_kit_styling_1.createStencil)({
28
28
  vars: {
29
29
  color: '',
30
30
  },
31
- base: { name: "2btc68", styles: "box-sizing:border-box;--size-svg-bca693:3.5rem;& .color-500{fill:var(--color-accent-icon-1046a0, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
31
+ base: { name: "3t2akx", styles: "box-sizing:border-box;--size-svg-bca693:3.5rem;& .color-500{fill:var(--color-accent-icon-1046a0, var(--cnvs-sys-color-bg-primary-strong));}& .french-vanilla-100{fill:var(--cnvs-sys-color-bg-default);}" },
32
32
  modifiers: {
33
33
  transparent: {
34
- true: { name: "3bmtey", styles: "& .french-vanilla-100{fill:transparent;}" }
34
+ true: { name: "31t21h", styles: "& .french-vanilla-100{fill:transparent;}" }
35
35
  }
36
36
  }
37
37
  }, "accent-icon-1046a0");
@@ -58,7 +58,7 @@ exports.appletIconStencil = (0, canvas_kit_styling_1.createStencil)({
58
58
  color400: '',
59
59
  color500: '',
60
60
  },
61
- base: { name: "pwj5h", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-02002c, var(--cnvs-base-palette-blue-200, oklch(0.8627 0.0701 250.6 / 1)));}& .color-300{fill:var(--color300-applet-icon-02002c, var(--cnvs-base-palette-blue-400, oklch(0.708 0.1549 255.41 / 1)));}& .color-400{fill:var(--color400-applet-icon-02002c, var(--cnvs-base-palette-blue-600, oklch(0.5198 0.1782 256.11 / 1)));}& .color-400-alpha-20{fill:var(--color400-applet-icon-02002c, var(--cnvs-base-palette-blue-600, oklch(0.5198 0.1782 256.11 / 1)));}& .color-500{fill:var(--color500-applet-icon-02002c, var(--cnvs-base-palette-blue-700, oklch(0.4658 0.1562 255.5 / 1)));}" }
61
+ base: { name: "4d7xed", styles: "box-sizing:border-box;--size-svg-bca693:5.75rem;& .color-100{fill:var(--cnvs-sys-color-fg-inverse);}& .color-200{fill:var(--color200-applet-icon-02002c, var(--cnvs-base-palette-blue-200, oklch(0.8627 0.0701 250.6 / 1)));}& .color-300{fill:var(--color300-applet-icon-02002c, var(--cnvs-base-palette-blue-400, oklch(0.708 0.1549 255.41 / 1)));}& .color-400{fill:var(--color400-applet-icon-02002c, var(--cnvs-base-palette-blue-600, oklch(0.5198 0.1782 256.11 / 1)));}& .color-400-alpha-20{fill:var(--color400-applet-icon-02002c, var(--cnvs-base-palette-blue-600, oklch(0.5198 0.1782 256.11 / 1)));}& .color-500{fill:var(--color500-applet-icon-02002c, var(--cnvs-base-palette-blue-700, oklch(0.4658 0.1562 255.5 / 1)));}" }
62
62
  }, "applet-icon-02002c");
63
63
  /**
64
64
  * @deprecated ⚠️ `AppletIcon` is deprecated and will be removed in a future major version. Deprecated in v15.0.0.
@@ -19,7 +19,7 @@ exports.expressiveIconStencil = (0, canvas_kit_styling_1.createStencil)({
19
19
  */
20
20
  accentColor: '',
21
21
  },
22
- base: { name: "3r0max", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));}.wd-expressive .wd-expressive-fill{fill:var(--color-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-expressive .wd-expressive-accent{fill:var(--accentColor-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-accent, oklch(0.0847 0 0 / 0.17)));}@media (prefers-contrast: more){.wd-expressive .wd-expressive-fill{color:currentColor;fill:currentColor;}.wd-expressive .wd-expressive-accent{color:transparent;fill:transparent;}}" }
22
+ base: { name: "2t2f9t", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-expressive-icon-size-md, var(--cnvs-sys-space-x14, 3.5rem)));}.wd-expressive .wd-expressive-fill{fill:var(--color-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-expressive .wd-expressive-accent{fill:var(--accentColor-expressive-icon-3a9572, var(--cnvs-component-expressive-icon-color-accent, oklch(0.0847 0 0 / 0.17)));}@media (prefers-contrast: more){.wd-expressive .wd-expressive-fill{color:currentColor;fill:currentColor;}.wd-expressive .wd-expressive-accent{color:transparent;fill:transparent;}}" }
23
23
  }, "expressive-icon-3a9572");
24
24
  exports.ExpressiveIcon = (0, common_1.createComponent)('span')({
25
25
  displayName: 'ExpressiveIcon',
@@ -42,10 +42,10 @@ exports.graphicStyles = graphicStyles;
42
42
  */
43
43
  exports.graphicStencil = (0, canvas_kit_styling_1.createStencil)({
44
44
  extends: Svg_1.svgStencil,
45
- base: { name: "yhtkm", styles: "box-sizing:border-box;" },
45
+ base: { name: "1bdaj7", styles: "box-sizing:border-box;" },
46
46
  modifiers: {
47
47
  grow: {
48
- true: { name: "11vg9k", styles: "width:100%;& svg{width:100%;}" }
48
+ true: { name: "2k72xx", styles: "width:100%;& svg{width:100%;}" }
49
49
  }
50
50
  }
51
51
  }, "graphic-62e4cd");
@@ -54,10 +54,10 @@ exports.graphicImageStencil = (0, canvas_kit_styling_1.createStencil)({
54
54
  width: '',
55
55
  height: '',
56
56
  },
57
- base: { name: "4bkp60", styles: "box-sizing:border-box;width:var(--width-graphic-image-d8fecc);height:var(--height-graphic-image-d8fecc);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-d8fecc);height:var(--height-graphic-image-d8fecc);max-width:100%;max-height:100%;}" },
57
+ base: { name: "3ml4jv", styles: "box-sizing:border-box;width:var(--width-graphic-image-d8fecc);height:var(--height-graphic-image-d8fecc);display:inline-block;& [data-part=\"graphic-img\"]{width:var(--width-graphic-image-d8fecc);height:var(--height-graphic-image-d8fecc);max-width:100%;max-height:100%;}" },
58
58
  modifiers: {
59
59
  grow: {
60
- true: { name: "2la9vk", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
60
+ true: { name: "45myc5", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
61
61
  }
62
62
  }
63
63
  }, "graphic-image-d8fecc");
@@ -17,13 +17,13 @@ exports.svgStencil = (0, canvas_kit_styling_1.createStencil)({
17
17
  /** sets width and height of svg element */
18
18
  size: '',
19
19
  },
20
- base: { name: "1vc1k3", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-bca693, var(--size-svg-bca693));height:var(--height-svg-bca693, var(--size-svg-bca693));}" },
20
+ base: { name: "1nt9vd", styles: "box-sizing:border-box;display:inline-block;> svg{display:block;width:var(--width-svg-bca693, var(--size-svg-bca693));height:var(--height-svg-bca693, var(--size-svg-bca693));}" },
21
21
  modifiers: {
22
22
  shouldMirror: {
23
- true: { name: "jmbze", styles: "transform:scaleX(-1);" }
23
+ true: { name: "142s6c", styles: "transform:scaleX(-1);" }
24
24
  },
25
25
  shouldMirrorInRTL: {
26
- true: { name: "49kuso", styles: "&:dir(rtl){transform:scaleX(-1);}" }
26
+ true: { name: "kpd91", styles: "&:dir(rtl){transform:scaleX(-1);}" }
27
27
  }
28
28
  }
29
29
  }, "svg-bca693");
@@ -25,7 +25,7 @@ exports.systemIconStencil = (0, canvas_kit_styling_1.createStencil)({
25
25
  */
26
26
  backgroundColor: '',
27
27
  },
28
- base: { name: "41jq6j", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));}.wd-icon .wd-icon-fill{fill:var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-icon .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-c9acc3, var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))));}.wd-icon .wd-icon-background{fill:var(--backgroundColor-system-icon-c9acc3, transparent);}@media (prefers-contrast: more){.wd-icon .wd-icon-fill, .wd-icon .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
28
+ base: { name: "23q100", styles: "box-sizing:border-box;& svg{width:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));height:var(--size-svg-bca693, var(--cnvs-component-system-icon-size-lg, var(--cnvs-sys-space-x6, 1.5rem)));}.wd-icon .wd-icon-fill{fill:var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-fill, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1))));}.wd-icon .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-c9acc3, var(--color-system-icon-c9acc3, var(--cnvs-component-system-icon-color-accent, var(--cnvs-sys-color-fg-default, oklch(0.3523 0 0 / 1)))));}.wd-icon .wd-icon-background{fill:var(--backgroundColor-system-icon-c9acc3, transparent);}@media (prefers-contrast: more){.wd-icon .wd-icon-fill, .wd-icon .wd-icon-accent{color:currentColor;fill:currentColor;}}" },
29
29
  // Keeps parent stencil `ME` inferred as `{}` so extending stencils keep correct boolean modifier typings.
30
30
  modifiers: {}
31
31
  }, "system-icon-c9acc3");