@workday/canvas-kit-react 16.0.0-alpha.0396-next.0 → 16.0.0-alpha.0424-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 (366) hide show
  1. package/avatar/lib/BaseAvatar.tsx +29 -9
  2. package/card/lib/Card.tsx +4 -3
  3. package/card/lib/CardHeading.tsx +3 -2
  4. package/color-picker/lib/ColorInput.tsx +3 -0
  5. package/color-picker/lib/parts/ColorSwatch.tsx +8 -3
  6. package/common/lib/styles/cornerShape.ts +16 -0
  7. package/common/lib/styles/index.ts +1 -0
  8. package/dist/commonjs/action-bar/lib/ActionBarList.js +1 -1
  9. package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js +1 -1
  10. package/dist/commonjs/avatar/lib/Avatar.d.ts +24 -6
  11. package/dist/commonjs/avatar/lib/Avatar.d.ts.map +1 -1
  12. package/dist/commonjs/avatar/lib/Avatar.js +13 -13
  13. package/dist/commonjs/avatar/lib/AvatarImage.js +1 -1
  14. package/dist/commonjs/avatar/lib/AvatarName.js +1 -1
  15. package/dist/commonjs/avatar/lib/BaseAvatar.d.ts +23 -7
  16. package/dist/commonjs/avatar/lib/BaseAvatar.d.ts.map +1 -1
  17. package/dist/commonjs/avatar/lib/BaseAvatar.js +15 -13
  18. package/dist/commonjs/badge/lib/CountBadge.js +6 -6
  19. package/dist/commonjs/banner/lib/Banner.js +5 -5
  20. package/dist/commonjs/banner/lib/BannerActionText.js +2 -2
  21. package/dist/commonjs/banner/lib/BannerIcon.js +1 -1
  22. package/dist/commonjs/banner/lib/BannerLabel.js +1 -1
  23. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  24. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  25. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  26. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  27. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  28. package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  29. package/dist/commonjs/button/lib/BaseButton.js +21 -21
  30. package/dist/commonjs/button/lib/DeleteButton.js +1 -1
  31. package/dist/commonjs/button/lib/ExternalHyperlink.js +1 -1
  32. package/dist/commonjs/button/lib/Hyperlink.js +4 -4
  33. package/dist/commonjs/button/lib/PrimaryButton.js +2 -2
  34. package/dist/commonjs/button/lib/SecondaryButton.js +2 -2
  35. package/dist/commonjs/button/lib/TertiaryButton.js +17 -17
  36. package/dist/commonjs/button/lib/ToolbarDropdownButton.js +3 -3
  37. package/dist/commonjs/button/lib/ToolbarIconButton.js +1 -1
  38. package/dist/commonjs/button/lib/parts/ButtonLabel.js +1 -1
  39. package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +5 -5
  40. package/dist/commonjs/card/lib/Card.d.ts +5 -1
  41. package/dist/commonjs/card/lib/Card.d.ts.map +1 -1
  42. package/dist/commonjs/card/lib/Card.js +5 -4
  43. package/dist/commonjs/card/lib/CardBody.js +1 -1
  44. package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
  45. package/dist/commonjs/card/lib/CardHeading.js +2 -2
  46. package/dist/commonjs/checkbox/lib/CheckBackground.js +6 -6
  47. package/dist/commonjs/checkbox/lib/CheckboxCheck.js +6 -6
  48. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
  49. package/dist/commonjs/checkbox/lib/CheckboxInput.js +5 -5
  50. package/dist/commonjs/checkbox/lib/CheckboxRipple.js +1 -1
  51. package/dist/commonjs/collection/lib/ListBox.js +3 -3
  52. package/dist/commonjs/color-picker/lib/ColorInput.d.ts.map +1 -1
  53. package/dist/commonjs/color-picker/lib/ColorInput.js +3 -3
  54. package/dist/commonjs/color-picker/lib/ColorPreview.js +1 -1
  55. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.d.ts +8 -1
  56. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.d.ts.map +1 -1
  57. package/dist/commonjs/color-picker/lib/parts/ColorSwatch.js +5 -4
  58. package/dist/commonjs/combobox/lib/ComboboxCard.js +1 -1
  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.d.ts +11 -0
  64. package/dist/commonjs/common/lib/styles/cornerShape.d.ts.map +1 -0
  65. package/dist/commonjs/common/lib/styles/cornerShape.js +15 -0
  66. package/dist/commonjs/common/lib/styles/index.d.ts +1 -0
  67. package/dist/commonjs/common/lib/styles/index.d.ts.map +1 -1
  68. package/dist/commonjs/common/lib/styles/index.js +1 -0
  69. package/dist/commonjs/expandable/lib/Expandable.js +1 -1
  70. package/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts +44 -12
  71. package/dist/commonjs/expandable/lib/ExpandableAvatar.d.ts.map +1 -1
  72. package/dist/commonjs/expandable/lib/ExpandableAvatar.js +1 -1
  73. package/dist/commonjs/expandable/lib/ExpandableContent.js +1 -1
  74. package/dist/commonjs/expandable/lib/ExpandableIcon.js +10 -10
  75. package/dist/commonjs/expandable/lib/ExpandableTarget.js +1 -1
  76. package/dist/commonjs/expandable/lib/ExpandableTitle.js +1 -1
  77. package/dist/commonjs/fonts/index.d.ts +2 -0
  78. package/dist/commonjs/fonts/index.d.ts.map +1 -0
  79. package/dist/commonjs/fonts/index.js +17 -0
  80. package/dist/commonjs/fonts/lib/fonts.d.ts +3 -0
  81. package/dist/commonjs/fonts/lib/fonts.d.ts.map +1 -0
  82. package/dist/commonjs/fonts/lib/fonts.js +22 -0
  83. package/dist/commonjs/form-field/lib/FormFieldField.js +1 -1
  84. package/dist/commonjs/form-field/lib/FormFieldGroupLabel.js +5 -5
  85. package/dist/commonjs/form-field/lib/FormFieldGroupList.d.ts.map +1 -1
  86. package/dist/commonjs/form-field/lib/FormFieldGroupList.js +5 -4
  87. package/dist/commonjs/form-field/lib/FormFieldHint.js +3 -3
  88. package/dist/commonjs/form-field/lib/FormFieldLabel.js +6 -6
  89. package/dist/commonjs/form-field/lib/formFieldStencil.js +8 -8
  90. package/dist/commonjs/icon/lib/AccentIcon.js +2 -2
  91. package/dist/commonjs/icon/lib/AppletIcon.js +1 -1
  92. package/dist/commonjs/icon/lib/ExpressiveIcon.js +1 -1
  93. package/dist/commonjs/icon/lib/Graphic.js +4 -4
  94. package/dist/commonjs/icon/lib/Svg.js +3 -3
  95. package/dist/commonjs/icon/lib/SystemIcon.js +1 -1
  96. package/dist/commonjs/icon/lib/SystemIconCircle.js +2 -2
  97. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  98. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  99. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  100. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  101. package/dist/commonjs/loading-dots/lib/LoadingDots.js +3 -3
  102. package/dist/commonjs/menu/lib/MenuCard.js +1 -1
  103. package/dist/commonjs/menu/lib/MenuDivider.js +1 -1
  104. package/dist/commonjs/menu/lib/MenuGroup.js +1 -1
  105. package/dist/commonjs/menu/lib/MenuItem.js +1 -1
  106. package/dist/commonjs/menu/lib/MenuList.js +3 -3
  107. package/dist/commonjs/modal/lib/ModalBody.js +1 -1
  108. package/dist/commonjs/modal/lib/ModalCard.js +1 -1
  109. package/dist/commonjs/modal/lib/ModalHeading.js +1 -1
  110. package/dist/commonjs/modal/lib/ModalOverflowOverlay.js +1 -1
  111. package/dist/commonjs/modal/lib/ModalOverlay.js +2 -2
  112. package/dist/commonjs/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  113. package/dist/commonjs/pagination/lib/Pagination/Controls.js +2 -2
  114. package/dist/commonjs/pagination/lib/Pagination/GoTo/Form.js +1 -1
  115. package/dist/commonjs/pagination/lib/Pagination/GoTo/Label.js +1 -1
  116. package/dist/commonjs/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  117. package/dist/commonjs/pagination/lib/Pagination/Nav.js +1 -1
  118. package/dist/commonjs/pagination/lib/Pagination/PageButton.js +2 -2
  119. package/dist/commonjs/pagination/lib/Pagination/PageList.js +1 -1
  120. package/dist/commonjs/pagination/lib/Pagination/Pagination.js +1 -1
  121. package/dist/commonjs/pagination/lib/Pagination/common/List.js +2 -2
  122. package/dist/commonjs/pill/lib/Pill.js +3 -3
  123. package/dist/commonjs/pill/lib/PillAvatar.d.ts +44 -12
  124. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  125. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  126. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  127. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  128. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  129. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  130. package/dist/commonjs/popup/lib/Popup.d.ts +5 -4
  131. package/dist/commonjs/popup/lib/Popup.d.ts.map +1 -1
  132. package/dist/commonjs/popup/lib/Popup.js +5 -4
  133. package/dist/commonjs/popup/lib/PopupBody.js +1 -1
  134. package/dist/commonjs/popup/lib/PopupCard.js +2 -2
  135. package/dist/commonjs/popup/lib/PopupCloseIcon.js +1 -1
  136. package/dist/commonjs/popup/lib/PopupHeading.d.ts +409 -1
  137. package/dist/commonjs/popup/lib/PopupHeading.d.ts.map +1 -1
  138. package/dist/commonjs/popup/lib/PopupHeading.js +5 -3
  139. package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  140. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  141. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +3 -3
  142. package/dist/commonjs/select/lib/SelectCard.js +1 -1
  143. package/dist/commonjs/select/lib/SelectInput.js +3 -3
  144. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  145. package/dist/commonjs/side-panel/lib/SidePanelHeading.js +3 -3
  146. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  147. package/dist/commonjs/skeleton/lib/Skeleton.js +2 -2
  148. package/dist/commonjs/skeleton/lib/parts/SkeletonHeader.js +1 -1
  149. package/dist/commonjs/skeleton/lib/parts/SkeletonShape.js +1 -1
  150. package/dist/commonjs/skeleton/lib/parts/SkeletonText.js +1 -1
  151. package/dist/commonjs/switch/lib/Switch.js +7 -7
  152. package/dist/commonjs/table/lib/BaseTable.js +1 -1
  153. package/dist/commonjs/table/lib/Table.js +7 -7
  154. package/dist/commonjs/table/lib/parts/BaseTableBody.js +1 -1
  155. package/dist/commonjs/table/lib/parts/BaseTableCaption.js +1 -1
  156. package/dist/commonjs/table/lib/parts/BaseTableCell.js +1 -1
  157. package/dist/commonjs/table/lib/parts/BaseTableHead.js +1 -1
  158. package/dist/commonjs/table/lib/parts/BaseTableHeader.js +1 -1
  159. package/dist/commonjs/table/lib/parts/css-grid-table/TableRow.js +1 -1
  160. package/dist/commonjs/tabs/lib/TabsItem.js +1 -1
  161. package/dist/commonjs/tabs/lib/TabsList.js +8 -8
  162. package/dist/commonjs/tabs/lib/TabsOverflowButton.js +1 -1
  163. package/dist/commonjs/testing/lib/ComponentStatesTable.js +1 -1
  164. package/dist/commonjs/testing/lib/StaticStates.d.ts.map +1 -1
  165. package/dist/commonjs/testing/lib/StaticStates.js +1 -1
  166. package/dist/commonjs/text/lib/LabelText.js +6 -6
  167. package/dist/commonjs/text/lib/Text.js +16 -16
  168. package/dist/commonjs/text/lib/TypeLevelComponents.js +4 -4
  169. package/dist/commonjs/text-area/lib/TextArea.d.ts +12 -3
  170. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
  171. package/dist/commonjs/text-area/lib/TextArea.js +5 -5
  172. package/dist/commonjs/text-input/lib/InputGroup.js +6 -6
  173. package/dist/commonjs/text-input/lib/TextInput.d.ts +12 -3
  174. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
  175. package/dist/commonjs/text-input/lib/TextInput.js +12 -7
  176. package/dist/commonjs/toast/lib/Toast.js +1 -1
  177. package/dist/commonjs/toast/lib/ToastBody.js +1 -1
  178. package/dist/commonjs/toast/lib/ToastCloseIcon.js +1 -1
  179. package/dist/commonjs/toast/lib/ToastIcon.js +1 -1
  180. package/dist/commonjs/toast/lib/ToastMessage.js +1 -1
  181. package/dist/commonjs/tooltip/lib/TooltipContainer.js +3 -3
  182. package/dist/commonjs/version/lib/version.js +1 -1
  183. package/dist/es6/action-bar/lib/ActionBarList.js +1 -1
  184. package/dist/es6/action-bar/lib/ActionBarOverflowButton.js +1 -1
  185. package/dist/es6/avatar/lib/Avatar.d.ts +24 -6
  186. package/dist/es6/avatar/lib/Avatar.d.ts.map +1 -1
  187. package/dist/es6/avatar/lib/Avatar.js +13 -13
  188. package/dist/es6/avatar/lib/AvatarImage.js +1 -1
  189. package/dist/es6/avatar/lib/AvatarName.js +1 -1
  190. package/dist/es6/avatar/lib/BaseAvatar.d.ts +23 -7
  191. package/dist/es6/avatar/lib/BaseAvatar.d.ts.map +1 -1
  192. package/dist/es6/avatar/lib/BaseAvatar.js +15 -13
  193. package/dist/es6/badge/lib/CountBadge.js +6 -6
  194. package/dist/es6/banner/lib/Banner.js +5 -5
  195. package/dist/es6/banner/lib/BannerActionText.js +2 -2
  196. package/dist/es6/banner/lib/BannerIcon.js +1 -1
  197. package/dist/es6/banner/lib/BannerLabel.js +1 -1
  198. package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js +1 -1
  199. package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js +1 -1
  200. package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.js +1 -1
  201. package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +1 -1
  202. package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.js +2 -2
  203. package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
  204. package/dist/es6/button/lib/BaseButton.js +21 -21
  205. package/dist/es6/button/lib/DeleteButton.js +1 -1
  206. package/dist/es6/button/lib/ExternalHyperlink.js +1 -1
  207. package/dist/es6/button/lib/Hyperlink.js +4 -4
  208. package/dist/es6/button/lib/PrimaryButton.js +2 -2
  209. package/dist/es6/button/lib/SecondaryButton.js +2 -2
  210. package/dist/es6/button/lib/TertiaryButton.js +17 -17
  211. package/dist/es6/button/lib/ToolbarDropdownButton.js +3 -3
  212. package/dist/es6/button/lib/ToolbarIconButton.js +1 -1
  213. package/dist/es6/button/lib/parts/ButtonLabel.js +1 -1
  214. package/dist/es6/button/lib/parts/ButtonLabelIcon.js +5 -5
  215. package/dist/es6/card/lib/Card.d.ts +5 -1
  216. package/dist/es6/card/lib/Card.d.ts.map +1 -1
  217. package/dist/es6/card/lib/Card.js +6 -5
  218. package/dist/es6/card/lib/CardBody.js +1 -1
  219. package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
  220. package/dist/es6/card/lib/CardHeading.js +2 -2
  221. package/dist/es6/checkbox/lib/CheckBackground.js +6 -6
  222. package/dist/es6/checkbox/lib/CheckboxCheck.js +6 -6
  223. package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
  224. package/dist/es6/checkbox/lib/CheckboxInput.js +5 -5
  225. package/dist/es6/checkbox/lib/CheckboxRipple.js +1 -1
  226. package/dist/es6/collection/lib/ListBox.js +3 -3
  227. package/dist/es6/color-picker/lib/ColorInput.d.ts.map +1 -1
  228. package/dist/es6/color-picker/lib/ColorInput.js +3 -3
  229. package/dist/es6/color-picker/lib/ColorPreview.js +1 -1
  230. package/dist/es6/color-picker/lib/parts/ColorSwatch.d.ts +8 -1
  231. package/dist/es6/color-picker/lib/parts/ColorSwatch.d.ts.map +1 -1
  232. package/dist/es6/color-picker/lib/parts/ColorSwatch.js +6 -5
  233. package/dist/es6/combobox/lib/ComboboxCard.js +1 -1
  234. package/dist/es6/combobox/lib/ComboboxMenuList.js +1 -1
  235. package/dist/es6/common/lib/AccessibleHide.js +1 -1
  236. package/dist/es6/common/lib/CanvasProvider.js +1 -1
  237. package/dist/es6/common/lib/EllipsisText.js +1 -1
  238. package/dist/es6/common/lib/styles/cornerShape.d.ts +11 -0
  239. package/dist/es6/common/lib/styles/cornerShape.d.ts.map +1 -0
  240. package/dist/es6/common/lib/styles/cornerShape.js +12 -0
  241. package/dist/es6/common/lib/styles/index.d.ts +1 -0
  242. package/dist/es6/common/lib/styles/index.d.ts.map +1 -1
  243. package/dist/es6/common/lib/styles/index.js +1 -0
  244. package/dist/es6/expandable/lib/Expandable.js +1 -1
  245. package/dist/es6/expandable/lib/ExpandableAvatar.d.ts +44 -12
  246. package/dist/es6/expandable/lib/ExpandableAvatar.d.ts.map +1 -1
  247. package/dist/es6/expandable/lib/ExpandableAvatar.js +1 -1
  248. package/dist/es6/expandable/lib/ExpandableContent.js +1 -1
  249. package/dist/es6/expandable/lib/ExpandableIcon.js +10 -10
  250. package/dist/es6/expandable/lib/ExpandableTarget.js +1 -1
  251. package/dist/es6/expandable/lib/ExpandableTitle.js +1 -1
  252. package/dist/es6/fonts/index.d.ts +2 -0
  253. package/dist/es6/fonts/index.d.ts.map +1 -0
  254. package/dist/es6/fonts/index.js +1 -0
  255. package/dist/es6/fonts/lib/fonts.d.ts +3 -0
  256. package/dist/es6/fonts/lib/fonts.d.ts.map +1 -0
  257. package/dist/es6/fonts/lib/fonts.js +19 -0
  258. package/dist/es6/form-field/lib/FormFieldField.js +1 -1
  259. package/dist/es6/form-field/lib/FormFieldGroupLabel.js +5 -5
  260. package/dist/es6/form-field/lib/FormFieldGroupList.d.ts.map +1 -1
  261. package/dist/es6/form-field/lib/FormFieldGroupList.js +6 -5
  262. package/dist/es6/form-field/lib/FormFieldHint.js +3 -3
  263. package/dist/es6/form-field/lib/FormFieldLabel.js +6 -6
  264. package/dist/es6/form-field/lib/formFieldStencil.js +8 -8
  265. package/dist/es6/icon/lib/AccentIcon.js +2 -2
  266. package/dist/es6/icon/lib/AppletIcon.js +1 -1
  267. package/dist/es6/icon/lib/ExpressiveIcon.js +1 -1
  268. package/dist/es6/icon/lib/Graphic.js +4 -4
  269. package/dist/es6/icon/lib/Svg.js +3 -3
  270. package/dist/es6/icon/lib/SystemIcon.js +1 -1
  271. package/dist/es6/icon/lib/SystemIconCircle.js +2 -2
  272. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  273. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  274. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  275. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  276. package/dist/es6/loading-dots/lib/LoadingDots.js +3 -3
  277. package/dist/es6/menu/lib/MenuCard.js +1 -1
  278. package/dist/es6/menu/lib/MenuDivider.js +1 -1
  279. package/dist/es6/menu/lib/MenuGroup.js +1 -1
  280. package/dist/es6/menu/lib/MenuItem.js +1 -1
  281. package/dist/es6/menu/lib/MenuList.js +3 -3
  282. package/dist/es6/modal/lib/ModalBody.js +1 -1
  283. package/dist/es6/modal/lib/ModalCard.js +1 -1
  284. package/dist/es6/modal/lib/ModalHeading.js +1 -1
  285. package/dist/es6/modal/lib/ModalOverflowOverlay.js +1 -1
  286. package/dist/es6/modal/lib/ModalOverlay.js +2 -2
  287. package/dist/es6/pagination/lib/Pagination/AdditionalDetails.js +2 -2
  288. package/dist/es6/pagination/lib/Pagination/Controls.js +2 -2
  289. package/dist/es6/pagination/lib/Pagination/GoTo/Form.js +1 -1
  290. package/dist/es6/pagination/lib/Pagination/GoTo/Label.js +1 -1
  291. package/dist/es6/pagination/lib/Pagination/GoTo/TextInput.js +1 -1
  292. package/dist/es6/pagination/lib/Pagination/Nav.js +1 -1
  293. package/dist/es6/pagination/lib/Pagination/PageButton.js +2 -2
  294. package/dist/es6/pagination/lib/Pagination/PageList.js +1 -1
  295. package/dist/es6/pagination/lib/Pagination/Pagination.js +1 -1
  296. package/dist/es6/pagination/lib/Pagination/common/List.js +2 -2
  297. package/dist/es6/pill/lib/Pill.js +3 -3
  298. package/dist/es6/pill/lib/PillAvatar.d.ts +44 -12
  299. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  300. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  301. package/dist/es6/pill/lib/PillCount.js +1 -1
  302. package/dist/es6/pill/lib/PillIcon.js +1 -1
  303. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  304. package/dist/es6/pill/lib/PillLabel.js +1 -1
  305. package/dist/es6/popup/lib/Popup.d.ts +5 -4
  306. package/dist/es6/popup/lib/Popup.d.ts.map +1 -1
  307. package/dist/es6/popup/lib/Popup.js +5 -4
  308. package/dist/es6/popup/lib/PopupBody.js +1 -1
  309. package/dist/es6/popup/lib/PopupCard.js +2 -2
  310. package/dist/es6/popup/lib/PopupCloseIcon.js +1 -1
  311. package/dist/es6/popup/lib/PopupHeading.d.ts +409 -1
  312. package/dist/es6/popup/lib/PopupHeading.d.ts.map +1 -1
  313. package/dist/es6/popup/lib/PopupHeading.js +6 -4
  314. package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +1 -1
  315. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  316. package/dist/es6/segmented-control/lib/SegmentedControlList.js +3 -3
  317. package/dist/es6/select/lib/SelectCard.js +1 -1
  318. package/dist/es6/select/lib/SelectInput.js +3 -3
  319. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  320. package/dist/es6/side-panel/lib/SidePanelHeading.js +3 -3
  321. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  322. package/dist/es6/skeleton/lib/Skeleton.js +2 -2
  323. package/dist/es6/skeleton/lib/parts/SkeletonHeader.js +1 -1
  324. package/dist/es6/skeleton/lib/parts/SkeletonShape.js +1 -1
  325. package/dist/es6/skeleton/lib/parts/SkeletonText.js +1 -1
  326. package/dist/es6/switch/lib/Switch.js +7 -7
  327. package/dist/es6/table/lib/BaseTable.js +1 -1
  328. package/dist/es6/table/lib/Table.js +7 -7
  329. package/dist/es6/table/lib/parts/BaseTableBody.js +1 -1
  330. package/dist/es6/table/lib/parts/BaseTableCaption.js +1 -1
  331. package/dist/es6/table/lib/parts/BaseTableCell.js +1 -1
  332. package/dist/es6/table/lib/parts/BaseTableHead.js +1 -1
  333. package/dist/es6/table/lib/parts/BaseTableHeader.js +1 -1
  334. package/dist/es6/table/lib/parts/css-grid-table/TableRow.js +1 -1
  335. package/dist/es6/tabs/lib/TabsItem.js +1 -1
  336. package/dist/es6/tabs/lib/TabsList.js +8 -8
  337. package/dist/es6/tabs/lib/TabsOverflowButton.js +1 -1
  338. package/dist/es6/testing/lib/ComponentStatesTable.js +1 -1
  339. package/dist/es6/testing/lib/StaticStates.d.ts.map +1 -1
  340. package/dist/es6/testing/lib/StaticStates.js +1 -1
  341. package/dist/es6/text/lib/LabelText.js +6 -6
  342. package/dist/es6/text/lib/Text.js +16 -16
  343. package/dist/es6/text/lib/TypeLevelComponents.js +4 -4
  344. package/dist/es6/text-area/lib/TextArea.d.ts +12 -3
  345. package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
  346. package/dist/es6/text-area/lib/TextArea.js +5 -5
  347. package/dist/es6/text-input/lib/InputGroup.js +6 -6
  348. package/dist/es6/text-input/lib/TextInput.d.ts +12 -3
  349. package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
  350. package/dist/es6/text-input/lib/TextInput.js +13 -8
  351. package/dist/es6/toast/lib/Toast.js +1 -1
  352. package/dist/es6/toast/lib/ToastBody.js +1 -1
  353. package/dist/es6/toast/lib/ToastCloseIcon.js +1 -1
  354. package/dist/es6/toast/lib/ToastIcon.js +1 -1
  355. package/dist/es6/toast/lib/ToastMessage.js +1 -1
  356. package/dist/es6/tooltip/lib/TooltipContainer.js +3 -3
  357. package/dist/es6/version/lib/version.js +1 -1
  358. package/fonts/index.ts +1 -0
  359. package/fonts/lib/fonts.ts +22 -0
  360. package/fonts/package.json +6 -0
  361. package/form-field/lib/FormFieldGroupList.tsx +9 -4
  362. package/package.json +4 -5
  363. package/popup/lib/Popup.tsx +5 -4
  364. package/popup/lib/PopupHeading.tsx +4 -6
  365. package/testing/lib/StaticStates.tsx +6 -1
  366. package/text-input/lib/TextInput.tsx +29 -5
@@ -0,0 +1,2 @@
1
+ export * from './lib/fonts';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../fonts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./lib/fonts"), exports);
@@ -0,0 +1,3 @@
1
+ import { CSSObject } from '@emotion/styled';
2
+ export declare const fonts: CSSObject[];
3
+ //# sourceMappingURL=fonts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../fonts/lib/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAI1C,eAAO,MAAM,KAAK,EAAE,SAAS,EAiB5B,CAAC"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.fonts = void 0;
4
+ const fontsPath = 'https://design.workdaycdn.com/assets/fonts/Sana-Sans';
5
+ exports.fonts = [
6
+ {
7
+ '@font-face': {
8
+ fontFamily: 'Sana Sans LCG 05 VF',
9
+ fontStyle: 'normal',
10
+ fontWeight: [100, 700],
11
+ src: `local('Sana Sans LCG 05 VF'), local('SanaSansLCG05VF-Regular'), url(${fontsPath}/SanaSansLCG05-Variable.ttf) format('truetype')`,
12
+ },
13
+ },
14
+ {
15
+ '@font-face': {
16
+ fontFamily: 'Sana Sans LCG 05 VF',
17
+ fontStyle: 'italic',
18
+ fontWeight: [100, 700],
19
+ src: `local('Sana Sans LCG 05 VF'), local('SanaSansLCG05VF-Regular'), url(${fontsPath}/SanaSansLCG05-Variable.ttf) format('truetype')`,
20
+ },
21
+ },
22
+ ];
@@ -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: "45eee3", 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: "14epif", 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: "ixe0w", 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: "1lv9n2", 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: "2bb42a", 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: "1oojxy", 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: "1pyxzb", styles: "width:100%;" },
20
- horizontalStart: { name: "2as6c5", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
21
- horizontalEnd: { name: "4dj95p", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" }
19
+ vertical: { name: "23cyae", styles: "width:100%;" },
20
+ horizontalStart: { name: "3uvbcn", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
21
+ horizontalEnd: { name: "2aq8fd", 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: {
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldGroupList.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldGroupList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAC,OAAO,EAA4C,MAAM,6BAA6B,CAAC;AAK/F,MAAM,WAAW,uBAAwB,SAAQ,OAAO,EAAE,SAAS;CAAG;AA2BtE,eAAO,MAAM,kBAAkB;;;;;;;;EAY7B,CAAC"}
1
+ {"version":3,"file":"FormFieldGroupList.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/FormFieldGroupList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAC,OAAO,EAA4C,MAAM,6BAA6B,CAAC;AAK/F,MAAM,WAAW,uBAAwB,SAAQ,OAAO,EAAE,SAAS;CAAG;AAgCtE,eAAO,MAAM,kBAAkB;;;;;;;;EAY7B,CAAC"}
@@ -7,14 +7,15 @@ 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
  const formFieldGroupListStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "rc4ij", styles: "box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));padding:0.625rem var(--cnvs-base-size-150, 0.75rem) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));margin:0 calc(var(--cnvs-base-size-150, 0.75rem) * -1);transition:100ms box-shadow;width:fit-content;" },
10
+ extends: common_1.cornerShapeStencil,
11
+ base: { name: "3wiims", 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:0.625rem var(--cnvs-base-size-150, 0.75rem) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));margin:0 calc(var(--cnvs-base-size-150, 0.75rem) * -1);transition:100ms box-shadow;width:fit-content;" },
11
12
  modifiers: {
12
13
  error: {
13
- error: { name: "2fjv1v", styles: "background-color:var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6289 0.2567 29.11 / 0.04));box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));" },
14
- caution: { name: "u0jau", styles: "background-color:var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7982 0.159 92.57 / 0.1));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)));" }
14
+ error: { name: "3iatp2", 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: "19wu0l", 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;}" }
15
16
  }
16
17
  }
17
- }, "form-field-group-list-bcc141");
18
+ }, "form-field-group-list-284850");
18
19
  exports.FormFieldGroupList = (0, common_1.createSubcomponent)('div')({
19
20
  displayName: 'FormFieldGroup.List',
20
21
  modelHook: hooks_1.useFormFieldModel,
@@ -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: "1t7caa", styles: "box-sizing:border-box;margin:0;" },
13
+ base: { name: "116tsp", styles: "box-sizing:border-box;margin:0;" },
14
14
  modifiers: {
15
15
  error: {
16
- error: { name: "3dtwyf", 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: "1xl106", styles: "color:var(--cnvs-sys-color-fg-default);" }
16
+ error: { name: "3vdzxs", 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: "wzqqp", 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: "4bi1qo", 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: "2h4tky", 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: "3y1jr6", 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: "17egq8", 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: "rdmgw", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
20
- horizontalEnd: { name: "92lku", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" },
21
- vertical: { name: "bshzd", styles: "width:100%;" }
19
+ horizontalStart: { name: "4ex5vt", styles: "justify-content:flex-start;float:left;max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
20
+ horizontalEnd: { name: "3et7xi", styles: "max-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));float:left;justify-content:flex-end;" },
21
+ vertical: { name: "3gcdou", styles: "width:100%;" }
22
22
  },
23
23
  isHidden: {
24
- true: { name: "3gzkbp", 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: "1dfkbt", 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: "1cmurp", 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: "30eex3", 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: "21kssb", styles: "width:100%;[data-width=\"ck-formfield-width\"]{width:100%;}&:has(div[data-width=\"ck-formfield-width\"]){width:100%;}" }
10
+ true: { name: "1gm2q", 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: "4aqv5w", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
14
- horizontalEnd: { name: "2nuawe", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
15
- vertical: { name: "28c4k", styles: "flex-direction:column;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));align-items:flex-start;" }
13
+ horizontalStart: { name: "3d2tnd", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
14
+ horizontalEnd: { name: "3e69l4", styles: "flex-direction:row;gap:var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem));width:100%;" },
15
+ vertical: { name: "4978pe", 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: "1zpi0v", styles: "" }
18
+ true: { name: "1ghdpp", styles: "" }
19
19
  },
20
20
  error: {
21
- error: { name: "41qu3w", styles: "" },
22
- caution: { name: "3ssu1p", styles: "" }
21
+ error: { name: "1c4uga", styles: "" },
22
+ caution: { name: "2z6mbf", 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: "48mu9g", 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: "3llk1k", 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: "48yxea", styles: "& .french-vanilla-100{fill:transparent;}" }
34
+ true: { name: "3dinum", 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: "rk5vo", 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: "3zlwmu", 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: "3hva28", 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: "1duiju", 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: "45grv2", styles: "box-sizing:border-box;" },
45
+ base: { name: "10bsza", styles: "box-sizing:border-box;" },
46
46
  modifiers: {
47
47
  grow: {
48
- true: { name: "3cukz9", styles: "width:100%;& svg{width:100%;}" }
48
+ true: { name: "1u9t6v", 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: "16w307", 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: "2erjnh", 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: "3h6jjf", styles: "width:100%;& [data-part=\"graphic-img\"]{width:100%;}" }
60
+ true: { name: "246o4z", 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: "3zmo2", 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: "19l8h8", 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: "18umuk", styles: "transform:scaleX(-1);" }
23
+ true: { name: "28ii4i", styles: "transform:scaleX(-1);" }
24
24
  },
25
25
  shouldMirrorInRTL: {
26
- true: { name: "3t45f0", styles: "&:dir(rtl){transform:scaleX(-1);}" }
26
+ true: { name: "17wzxh", 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: "2rwqan", 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: "uoc2k", 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");
@@ -34,10 +34,10 @@ exports.systemIconCircleStencil = (0, canvas_kit_styling_1.createStencil)({
34
34
  color: '',
35
35
  size: '',
36
36
  },
37
- base: { name: "vh6zd", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05))));display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));overflow:hidden;width:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));height:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));--size-svg-bca693:calc(var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))) * 0.625);--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12);& img{width:100%;height:100%;}" },
37
+ base: { name: "489hg4", styles: "box-sizing:border-box;background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05))));display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));overflow:hidden;width:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));height:var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)));--size-svg-bca693:calc(var(--size-system-icon-circle-11ad12, var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))) * 0.625);--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12);& img{width:100%;height:100%;}" },
38
38
  modifiers: {
39
39
  inverse: {
40
- true: { name: "2eljiq", styles: "background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1))));--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12, var(--cnvs-sys-color-fg-inverse));" }
40
+ true: { name: "1y9htr", styles: "background:var(--background-system-icon-circle-11ad12, var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1))));--color-system-icon-c9acc3:var(--color-system-icon-circle-11ad12, var(--cnvs-sys-color-fg-inverse));" }
41
41
  }
42
42
  }
43
43
  }, "system-icon-circle-11ad12");
@@ -12,19 +12,19 @@ const Heading_1 = require("./parts/Heading");
12
12
  const Icon_1 = require("./parts/Icon");
13
13
  const Link_1 = require("./parts/Link");
14
14
  exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
15
- base: { name: "f1dm7", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem));outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-base-size-50, 0.25rem) solid transparent;" },
15
+ base: { name: "2py6yo", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1, 0.25rem));outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-base-size-50, 0.25rem) solid transparent;" },
16
16
  modifiers: {
17
17
  informational: {
18
- low: { name: "3wu1k4", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" },
19
- high: { name: "42ncki", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" }
18
+ low: { name: "3m13bk", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" },
19
+ high: { name: "89m5x", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)));background-color:var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6499 0.1912 253.52 / 0.08)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)));}" }
20
20
  },
21
21
  caution: {
22
- low: { name: "ai90b", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" },
23
- high: { name: "2tw5gd", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" }
22
+ low: { name: "2onqi1", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" },
23
+ high: { name: "20om5s", styles: "border-inline-start-color:var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7982 0.159 92.57 / 0.1)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1));}" }
24
24
  },
25
25
  critical: {
26
- low: { name: "30x0o7", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" },
27
- high: { name: "3h6vaf", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" }
26
+ low: { name: "1pl968", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" },
27
+ high: { name: "27smm0", styles: "border-inline-start-color:var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)));background-color:var(--cnvs-sys-color-surface-danger-default, oklch(0.6289 0.2567 29.11 / 0.04));& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));--backgroundColor-system-icon-c9acc3:var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));}" }
28
28
  }
29
29
  }
30
30
  }, "information-highlight-689af3");
@@ -7,7 +7,7 @@ const text_1 = require("@workday/canvas-kit-react/text");
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
  const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "26ajlz", 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-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin-block-end:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" }
10
+ base: { name: "3gt1yz", 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-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin-block-end:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" }
11
11
  }, "information-highlight-body-86f4c5");
12
12
  exports.Body = (0, common_1.createComponent)('div')({
13
13
  displayName: 'Body',
@@ -7,7 +7,7 @@ const text_1 = require("@workday/canvas-kit-react/text");
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
  const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "2n8j8o", 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-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem));font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin:0;" }
10
+ base: { name: "2z1i3g", 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-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem));font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small));color:var(--cnvs-sys-color-fg-default);grid-column:2;margin:0;" }
11
11
  }, "information-highlight-heading-578aaa");
12
12
  exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
13
13
  displayName: 'Heading',
@@ -7,7 +7,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
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
  const informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
10
- base: { name: "13z2t8", 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-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));grid-column:2;justify-self:start;color:var(--cnvs-sys-color-fg-default);" }
10
+ base: { name: "2w0be9", 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-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));grid-column:2;justify-self:start;color:var(--cnvs-sys-color-fg-default);" }
11
11
  }, "information-highlight-link-654856");
12
12
  exports.Link = (0, common_1.createComponent)('a')({
13
13
  displayName: 'Link',
@@ -8,7 +8,7 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
8
8
  /**
9
9
  * Keyframe for the dots loading animation.
10
10
  */
11
- const keyframesLoading = (0, canvas_kit_styling_1.keyframes)({ name: "11xvt3", 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: "2zsp0u", 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: "1g2tmg", styles: "--animationDurationMs-loading-dots-f4f937:40ms;box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-f4f937, var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0.0255 256.8 / 1))));width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));font-size:0;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-11xvt3;animation-duration:calc(var(--animationDurationMs-loading-dots-f4f937) * 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-f4f937) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-f4f937) * 8);}}" },
20
+ base: { name: "1latyu", styles: "--animationDurationMs-loading-dots-f4f937:40ms;box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-f4f937, var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0.0255 256.8 / 1))));width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));font-size:0;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));outline:0.125rem solid transparent;transform:scale(0);display:inline-block;animation-name:animation-2zsp0u;animation-duration:calc(var(--animationDurationMs-loading-dots-f4f937) * 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-f4f937) * 4);}&:nth-child(3){animation-delay:calc(var(--animationDurationMs-loading-dots-f4f937) * 8);}}" },
21
21
  modifiers: {
22
22
  variant: {
23
- inverse: { name: "1mvpcc", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-f4f937, var(--cnvs-sys-color-bg-default));}" }
23
+ inverse: { name: "2umtjo", styles: "[data-part=\"loading-animation-dot\"]{background-color:var(--loadingDotColor-loading-dots-f4f937, var(--cnvs-sys-color-bg-default));}" }
24
24
  }
25
25
  }
26
26
  }, "loading-dots-f4f937");
@@ -40,7 +40,7 @@ exports.menuCardStencil = (0, canvas_kit_styling_1.createStencil)({
40
40
  transformOriginHorizontal: 'left',
41
41
  maxHeight: '',
42
42
  },
43
- base: { name: "iqi7g", styles: "--minWidth-menu-card-88fe55:0.0625rem;--transformOriginVertical-menu-card-88fe55:top;--transformOriginHorizontal-menu-card-88fe55:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-88fe55);max-height:var(--maxHeight-menu-card-88fe55);transform-origin:var(--transformOriginVertical-menu-card-88fe55) var(--transformOriginHorizontal-menu-card-88fe55);.wd-no-animation &{animation:none;}" }
43
+ base: { name: "wwyhs", styles: "--minWidth-menu-card-88fe55:0.0625rem;--transformOriginVertical-menu-card-88fe55:top;--transformOriginHorizontal-menu-card-88fe55:left;box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));color:var(--cnvs-sys-color-fg-default);position:relative;display:flex;flex-direction:column;transition:transform ease-out 150ms;padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));max-width:calc(100vw - var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem)));box-shadow:var(--cnvs-sys-depth-3);min-width:var(--minWidth-menu-card-88fe55);max-height:var(--maxHeight-menu-card-88fe55);transform-origin:var(--transformOriginVertical-menu-card-88fe55) var(--transformOriginHorizontal-menu-card-88fe55);.wd-no-animation &{animation:none;}" }
44
44
  }, "menu-card-88fe55");
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: "2gratq", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:none;border-block-start:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));" }
9
+ base: { name: "2aj74t", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:none;border-block-start:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));" }
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: "3cfvv6", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
26
+ base: { name: "t924k", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
27
27
  }, "menu-group-heading-94adee");
28
28
  exports.useMenuGroup = (0, common_1.createElemPropsHook)(useMenuGroupModel)(model => {
29
29
  return {
@@ -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: "2nlu8w", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3: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-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-c9acc3:currentColor;outline:none;background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.focus, :focus-visible){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));opacity:var(--cnvs-sys-opacity-disabled);}}& :where([data-part=\"menu-item-text\"]){flex-grow:1;align-self:center;}& :where([data-part=\"menu-item-icon\"]){align-self:start;}" }
43
+ base: { name: "8wqwd", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));display:flex;align-items:center;width:100%;gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);border-width:0;border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));text-align:start;transition:background-color 80ms, color 80ms;background-color:inherit;min-height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));overflow-wrap:anywhere;--color-system-icon-c9acc3: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-sys-color-brand-fg-primary-strong, var(--cnvs-brand-primary-dark, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6152 0.2108 256.1 / 0.11));& :where([data-part=\"menu-item-selected\"]){opacity:var(--cnvs-sys-opacity-full);}&:where(.focus, :focus-visible){--color-system-icon-c9acc3:currentColor;outline:none;background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);}}&:is(.hover, :hover){color:var(--cnvs-sys-color-fg-strong);background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:is(.focus, :focus-visible){color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));outline:0.125rem solid transparent;outline-offset:-0.125rem;}&:is(:disabled, [aria-disabled=true]){cursor:default;opacity:var(--cnvs-sys-opacity-disabled);&:where(.hover, :hover, [aria-selected=true]){background:none;}&:where(.focus, :focus-visible){background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base, oklch(0.5198 0.1782 256.11 / 1)));opacity:var(--cnvs-sys-opacity-disabled);}}& :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-6ee0e9");
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: "1eg1id", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
19
+ base: { name: "ilx1a", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-radius:var(--cnvs-sys-shape-xxl, var(--cnvs-sys-shape-x6, 1.5rem));padding:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
20
20
  modifiers: {
21
21
  orientation: {
22
- vertical: { name: "10ar2d", styles: "flex-direction:column;" },
23
- horizontal: { name: "3zwua0", styles: "flex-direction:row;" }
22
+ vertical: { name: "g87h", styles: "flex-direction:column;" },
23
+ horizontal: { name: "2q4zvp", styles: "flex-direction:row;" }
24
24
  }
25
25
  }
26
26
  }, "menu-list-4b275a");
@@ -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 hooks_1 = require("./hooks");
11
11
  exports.modalBodyStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "83han", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));}" }
12
+ base: { name: "1eqonn", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));}" }
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 hooks_1 = require("./hooks");
11
11
  exports.modalCardStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "25tbtm", styles: "box-sizing:border-box;margin:var(--cnvs-base-size-500, 2.5rem);width:27.5rem;border:0;outline:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-5);border-radius:var(--cnvs-sys-shape-xxxl, 2rem);@media screen and (max-width: 768px){gap:0;margin:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));}" }
12
+ base: { name: "272loe", styles: "box-sizing:border-box;margin:var(--cnvs-base-size-500, 2.5rem);width:27.5rem;border:0;outline:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-5);border-radius:var(--cnvs-sys-shape-xxxl, 2rem);@media screen and (max-width: 768px){gap:0;margin:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));}" }
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 hooks_1 = require("./hooks");
11
11
  exports.modalHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
12
- base: { name: "1m4xv4", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));}" }
12
+ base: { name: "1pve4y", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));}" }
13
13
  }, "modal-heading-6df35a");
14
14
  exports.ModalHeading = (0, common_1.createSubcomponent)('h2')({
15
15
  displayName: 'Modal.Heading',
@@ -8,7 +8,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
8
8
  const ModalOverlay_1 = require("./ModalOverlay");
9
9
  const hooks_1 = require("./hooks");
10
10
  exports.modalOverflowOverlayStencil = (0, canvas_kit_styling_1.createStencil)({
11
- base: { name: "1yjyvb", styles: "box-sizing:border-box;& > div{max-height:inherit;}overflow:hidden auto;" }
11
+ base: { name: "3gqnm3", 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 popup_1 = require("@workday/canvas-kit-react/popup");
12
12
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
13
13
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
14
14
  const hooks_1 = require("./hooks");
15
- const fadeIn = (0, canvas_kit_styling_1.keyframes)({ name: "46a317", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36));}" });
15
+ const fadeIn = (0, canvas_kit_styling_1.keyframes)({ name: "3vqy2x", styles: "0%{background:none;}100%{background:var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36));}" });
16
16
  exports.modalOverlayContainerStencil = (0, canvas_kit_styling_1.createStencil)({
17
17
  vars: {
18
18
  containerCenter: '',
19
19
  },
20
- base: { name: "3d8z6a", styles: "box-sizing:border-box;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36));animation-duration:0.3s;animation-name:animation-46a317;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:0;top:0;justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-299216);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
20
+ base: { name: "2lau4t", styles: "box-sizing:border-box;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36));animation-duration:0.3s;animation-name:animation-3vqy2x;.wd-no-animation &{animation:none;}& > div{max-height:100%;display:flex;position:absolute;left:0;top:0;justify-content:center;align-items:center;height:100%;width:var(--containerCenter-modal-overlay-container-299216);}@media screen and (max-width: 768px){height:100%;& > div{align-items:end;}}" }
21
21
  }, "modal-overlay-container-299216");
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: "2nb6f3", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));color:var(--cnvs-sys-color-fg-muted-default);margin-block-start:0.75rem;" },
36
+ base: { name: "3cxcpy", styles: "box-sizing:border-box;display:flex;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));color:var(--cnvs-sys-color-fg-muted-default);margin-block-start:0.75rem;" },
37
37
  modifiers: {
38
38
  shouldHideDetails: {
39
- true: { name: "2b16t1", 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:0;" }
39
+ true: { name: "391ky0", 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:0;" }
40
40
  }
41
41
  }
42
42
  }, "pagination-additional-details-9f0e61");