@workday/canvas-kit-preview-react 13.0.0-alpha.996-next.0 → 13.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (386) hide show
  1. package/color-picker/lib/parts/ColorReset.tsx +0 -1
  2. package/dist/commonjs/color-picker/lib/ColorPicker.d.ts +1 -1
  3. package/dist/commonjs/color-picker/lib/ColorPicker.js +2 -8
  4. package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts +1 -2
  5. package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
  6. package/dist/commonjs/color-picker/lib/parts/ColorReset.js +2 -27
  7. package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts +1 -2
  8. package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
  9. package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +9 -33
  10. package/dist/commonjs/divider/lib/Divider.d.ts +2 -2
  11. package/dist/commonjs/divider/lib/Divider.d.ts.map +1 -1
  12. package/dist/commonjs/divider/lib/Divider.js +4 -27
  13. package/dist/commonjs/index.d.ts +1 -2
  14. package/dist/commonjs/index.d.ts.map +1 -1
  15. package/dist/commonjs/index.js +1 -2
  16. package/dist/commonjs/{InformationHighlight → information-highlight}/index.d.ts.map +1 -1
  17. package/dist/commonjs/{InformationHighlight → information-highlight}/lib/InformationHighlight.d.ts +2 -2
  18. package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts.map +1 -0
  19. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +42 -0
  20. package/dist/commonjs/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map +1 -0
  21. package/dist/commonjs/information-highlight/lib/parts/Body.d.ts +2 -0
  22. package/dist/commonjs/information-highlight/lib/parts/Body.d.ts.map +1 -0
  23. package/dist/commonjs/information-highlight/lib/parts/Body.js +17 -0
  24. package/dist/commonjs/information-highlight/lib/parts/Heading.d.ts.map +1 -0
  25. package/dist/commonjs/information-highlight/lib/parts/Heading.js +17 -0
  26. package/dist/commonjs/information-highlight/lib/parts/Icon.d.ts.map +1 -0
  27. package/dist/commonjs/information-highlight/lib/parts/Icon.js +19 -0
  28. package/dist/commonjs/information-highlight/lib/parts/Link.d.ts.map +1 -0
  29. package/dist/commonjs/information-highlight/lib/parts/Link.js +17 -0
  30. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts +1 -0
  31. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  32. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +8 -45
  33. package/dist/commonjs/loading-sparkles/lib/sparkleIcon.js +1 -1
  34. package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
  35. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  36. package/dist/commonjs/menu/lib/Menu.js +17 -19
  37. package/dist/commonjs/menu/lib/MenuItem.d.ts +1 -1
  38. package/dist/commonjs/menu/lib/MenuItem.js +2 -6
  39. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +1548 -266
  40. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -1
  41. package/dist/commonjs/multi-select/lib/MultiSelect.js +2 -5
  42. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +464 -59
  43. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  44. package/dist/commonjs/multi-select/lib/MultiSelectCard.js +2 -5
  45. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +646 -37
  46. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  47. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +7 -25
  48. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +619 -81
  49. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  50. package/dist/commonjs/multi-select/lib/MultiSelectItem.js +2 -5
  51. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +468 -65
  52. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  53. package/dist/commonjs/multi-select/lib/MultiSelectedItem.js +2 -7
  54. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +215 -12
  55. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
  56. package/dist/commonjs/multi-select/lib/MultiSelectedList.js +2 -7
  57. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +215 -12
  58. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  59. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +718 -178
  60. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  61. package/dist/commonjs/pill/index.d.ts +5 -0
  62. package/dist/commonjs/pill/index.d.ts.map +1 -1
  63. package/dist/commonjs/pill/index.js +13 -0
  64. package/dist/commonjs/pill/lib/Pill.d.ts +229 -18
  65. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  66. package/dist/commonjs/pill/lib/Pill.js +42 -172
  67. package/dist/commonjs/pill/lib/PillAvatar.d.ts +222 -1
  68. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  69. package/dist/commonjs/pill/lib/PillAvatar.js +12 -10
  70. package/dist/commonjs/pill/lib/PillCount.d.ts +7 -0
  71. package/dist/commonjs/pill/lib/PillCount.d.ts.map +1 -1
  72. package/dist/commonjs/pill/lib/PillCount.js +13 -14
  73. package/dist/commonjs/pill/lib/PillIcon.d.ts +16 -8
  74. package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
  75. package/dist/commonjs/pill/lib/PillIcon.js +11 -8
  76. package/dist/commonjs/pill/lib/PillIconButton.d.ts +69 -10
  77. package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
  78. package/dist/commonjs/pill/lib/PillIconButton.js +11 -50
  79. package/dist/commonjs/pill/lib/PillLabel.d.ts +1 -1
  80. package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -1
  81. package/dist/commonjs/pill/lib/PillLabel.js +8 -15
  82. package/dist/commonjs/pill/lib/usePillModel.d.ts +5 -30
  83. package/dist/commonjs/pill/lib/usePillModel.d.ts.map +1 -1
  84. package/dist/commonjs/pill/lib/usePillModel.js +1 -6
  85. package/dist/commonjs/radio/lib/RadioButton.d.ts +2 -3
  86. package/dist/commonjs/radio/lib/RadioButton.d.ts.map +1 -1
  87. package/dist/commonjs/radio/lib/RadioButton.js +2 -7
  88. package/dist/commonjs/radio/lib/RadioGroup.d.ts +12 -13
  89. package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
  90. package/dist/commonjs/radio/lib/RadioGroup.js +6 -9
  91. package/dist/commonjs/radio/lib/RadioInput.js +2 -1
  92. package/dist/commonjs/radio/lib/RadioLabel.js +3 -3
  93. package/dist/commonjs/radio/lib/RadioText.js +6 -5
  94. package/dist/commonjs/radio/lib/StyledRadioButton.js +9 -10
  95. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +410 -139
  96. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  97. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +2 -5
  98. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +81 -6
  99. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  100. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +3 -5
  101. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +148 -12
  102. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  103. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +2 -25
  104. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +74 -8
  105. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  106. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +412 -142
  107. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  108. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  109. package/dist/commonjs/select/lib/Select.js +3 -2
  110. package/dist/commonjs/select/lib/SelectBase.d.ts +1 -1
  111. package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
  112. package/dist/commonjs/select/lib/SelectBase.js +18 -21
  113. package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
  114. package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
  115. package/dist/commonjs/select/lib/SelectMenu.js +4 -28
  116. package/dist/commonjs/select/lib/SelectOption.d.ts +1 -1
  117. package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
  118. package/dist/commonjs/select/lib/SelectOption.js +2 -25
  119. package/dist/commonjs/side-panel/lib/SidePanel.d.ts +37 -4
  120. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  121. package/dist/commonjs/side-panel/lib/SidePanel.js +46 -71
  122. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts +38 -0
  123. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -1
  124. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +46 -29
  125. package/dist/commonjs/side-panel/lib/hooks.d.ts +2 -1
  126. package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
  127. package/dist/commonjs/side-panel/lib/hooks.js +1 -0
  128. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  129. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -18
  130. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  131. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +2 -5
  132. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
  133. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +4 -7
  134. package/dist/commonjs/text-area/lib/TextArea.d.ts +6 -6
  135. package/dist/commonjs/text-area/lib/TextArea.js +4 -7
  136. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
  137. package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
  138. package/dist/commonjs/text-area/lib/TextAreaField.js +2 -4
  139. package/dist/commonjs/text-input/lib/TextInput.d.ts +7 -7
  140. package/dist/commonjs/text-input/lib/TextInput.js +4 -7
  141. package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -8
  142. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
  143. package/dist/commonjs/text-input/lib/TextInputField.js +2 -4
  144. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +1 -1
  145. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  146. package/dist/es6/color-picker/lib/ColorPicker.d.ts +1 -1
  147. package/dist/es6/color-picker/lib/ColorPicker.js +2 -8
  148. package/dist/es6/color-picker/lib/parts/ColorReset.d.ts +1 -2
  149. package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
  150. package/dist/es6/color-picker/lib/parts/ColorReset.js +2 -4
  151. package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts +1 -2
  152. package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
  153. package/dist/es6/color-picker/lib/parts/SwatchBook.js +9 -10
  154. package/dist/es6/divider/lib/Divider.d.ts +2 -2
  155. package/dist/es6/divider/lib/Divider.d.ts.map +1 -1
  156. package/dist/es6/divider/lib/Divider.js +4 -4
  157. package/dist/es6/index.d.ts +1 -2
  158. package/dist/es6/index.d.ts.map +1 -1
  159. package/dist/es6/index.js +1 -2
  160. package/dist/es6/{InformationHighlight → information-highlight}/index.d.ts.map +1 -1
  161. package/dist/es6/{InformationHighlight → information-highlight}/lib/InformationHighlight.d.ts +2 -2
  162. package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map +1 -0
  163. package/dist/es6/{InformationHighlight → information-highlight}/lib/InformationHighlight.js +11 -11
  164. package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map +1 -0
  165. package/dist/es6/information-highlight/lib/parts/Body.d.ts +2 -0
  166. package/dist/es6/information-highlight/lib/parts/Body.d.ts.map +1 -0
  167. package/dist/es6/information-highlight/lib/parts/Body.js +14 -0
  168. package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map +1 -0
  169. package/dist/es6/information-highlight/lib/parts/Heading.js +14 -0
  170. package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map +1 -0
  171. package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Icon.js +2 -2
  172. package/dist/es6/information-highlight/lib/parts/Link.d.ts.map +1 -0
  173. package/dist/es6/information-highlight/lib/parts/Link.js +14 -0
  174. package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts +1 -0
  175. package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
  176. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +10 -24
  177. package/dist/es6/loading-sparkles/lib/sparkleIcon.js +1 -1
  178. package/dist/es6/menu/lib/Menu.d.ts +1 -1
  179. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  180. package/dist/es6/menu/lib/Menu.js +18 -20
  181. package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
  182. package/dist/es6/menu/lib/MenuItem.js +2 -6
  183. package/dist/es6/multi-select/lib/MultiSelect.d.ts +1548 -266
  184. package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -1
  185. package/dist/es6/multi-select/lib/MultiSelect.js +2 -2
  186. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +464 -59
  187. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  188. package/dist/es6/multi-select/lib/MultiSelectCard.js +2 -2
  189. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +646 -37
  190. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  191. package/dist/es6/multi-select/lib/MultiSelectInput.js +7 -22
  192. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +619 -81
  193. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  194. package/dist/es6/multi-select/lib/MultiSelectItem.js +2 -2
  195. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +468 -65
  196. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  197. package/dist/es6/multi-select/lib/MultiSelectedItem.js +2 -4
  198. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +215 -12
  199. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
  200. package/dist/es6/multi-select/lib/MultiSelectedList.js +2 -4
  201. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +215 -12
  202. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  203. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +718 -178
  204. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  205. package/dist/es6/pill/index.d.ts +5 -0
  206. package/dist/es6/pill/index.d.ts.map +1 -1
  207. package/dist/es6/pill/index.js +5 -0
  208. package/dist/es6/pill/lib/Pill.d.ts +229 -18
  209. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  210. package/dist/es6/pill/lib/Pill.js +46 -173
  211. package/dist/es6/pill/lib/PillAvatar.d.ts +222 -1
  212. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  213. package/dist/es6/pill/lib/PillAvatar.js +13 -8
  214. package/dist/es6/pill/lib/PillCount.d.ts +7 -0
  215. package/dist/es6/pill/lib/PillCount.d.ts.map +1 -1
  216. package/dist/es6/pill/lib/PillCount.js +14 -12
  217. package/dist/es6/pill/lib/PillIcon.d.ts +16 -8
  218. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  219. package/dist/es6/pill/lib/PillIcon.js +11 -5
  220. package/dist/es6/pill/lib/PillIconButton.d.ts +69 -10
  221. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  222. package/dist/es6/pill/lib/PillIconButton.js +13 -49
  223. package/dist/es6/pill/lib/PillLabel.d.ts +1 -1
  224. package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -1
  225. package/dist/es6/pill/lib/PillLabel.js +9 -13
  226. package/dist/es6/pill/lib/usePillModel.d.ts +5 -30
  227. package/dist/es6/pill/lib/usePillModel.d.ts.map +1 -1
  228. package/dist/es6/pill/lib/usePillModel.js +1 -6
  229. package/dist/es6/radio/lib/RadioButton.d.ts +2 -3
  230. package/dist/es6/radio/lib/RadioButton.d.ts.map +1 -1
  231. package/dist/es6/radio/lib/RadioButton.js +2 -4
  232. package/dist/es6/radio/lib/RadioGroup.d.ts +12 -13
  233. package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
  234. package/dist/es6/radio/lib/RadioGroup.js +6 -6
  235. package/dist/es6/radio/lib/RadioInput.js +2 -1
  236. package/dist/es6/radio/lib/RadioLabel.js +3 -3
  237. package/dist/es6/radio/lib/RadioText.js +6 -5
  238. package/dist/es6/radio/lib/StyledRadioButton.js +9 -10
  239. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +410 -139
  240. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  241. package/dist/es6/segmented-control/lib/SegmentedControl.js +2 -2
  242. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +81 -6
  243. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  244. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +3 -5
  245. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +148 -12
  246. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  247. package/dist/es6/segmented-control/lib/SegmentedControlList.js +2 -2
  248. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +74 -8
  249. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  250. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +412 -142
  251. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  252. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
  253. package/dist/es6/select/lib/Select.js +3 -2
  254. package/dist/es6/select/lib/SelectBase.d.ts +1 -1
  255. package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
  256. package/dist/es6/select/lib/SelectBase.js +18 -21
  257. package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
  258. package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
  259. package/dist/es6/select/lib/SelectMenu.js +4 -5
  260. package/dist/es6/select/lib/SelectOption.d.ts +1 -1
  261. package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
  262. package/dist/es6/select/lib/SelectOption.js +2 -2
  263. package/dist/es6/side-panel/lib/SidePanel.d.ts +37 -4
  264. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  265. package/dist/es6/side-panel/lib/SidePanel.js +46 -71
  266. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts +38 -0
  267. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -1
  268. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +46 -29
  269. package/dist/es6/side-panel/lib/hooks.d.ts +2 -1
  270. package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
  271. package/dist/es6/side-panel/lib/hooks.js +1 -0
  272. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  273. package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
  274. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  275. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +2 -2
  276. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
  277. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +4 -4
  278. package/dist/es6/text-area/lib/TextArea.d.ts +6 -6
  279. package/dist/es6/text-area/lib/TextArea.js +4 -4
  280. package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
  281. package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
  282. package/dist/es6/text-area/lib/TextAreaField.js +2 -4
  283. package/dist/es6/text-input/lib/TextInput.d.ts +7 -7
  284. package/dist/es6/text-input/lib/TextInput.js +4 -4
  285. package/dist/es6/text-input/lib/TextInputField.d.ts +2 -8
  286. package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
  287. package/dist/es6/text-input/lib/TextInputField.js +2 -4
  288. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +1 -1
  289. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  290. package/divider/lib/Divider.tsx +0 -1
  291. package/index.ts +1 -2
  292. package/information-highlight/index.ts +5 -0
  293. package/{InformationHighlight → information-highlight}/lib/InformationHighlight.tsx +2 -2
  294. package/{InformationHighlight → information-highlight}/lib/parts/Body.tsx +3 -4
  295. package/{InformationHighlight → information-highlight}/lib/parts/Heading.tsx +0 -1
  296. package/{InformationHighlight → information-highlight}/lib/parts/Icon.tsx +0 -1
  297. package/{InformationHighlight → information-highlight}/lib/parts/Link.tsx +0 -1
  298. package/information-highlight/package.json +6 -0
  299. package/loading-sparkles/lib/LoadingSparkles.tsx +27 -55
  300. package/loading-sparkles/lib/sparkleIcon.ts +1 -1
  301. package/menu/lib/Menu.tsx +2 -3
  302. package/multi-select/lib/MultiSelectCard.tsx +0 -2
  303. package/multi-select/lib/MultiSelectInput.tsx +2 -1
  304. package/multi-select/lib/MultiSelectItem.tsx +0 -2
  305. package/multi-select/lib/MultiSelectedItem.tsx +1 -3
  306. package/package.json +6 -6
  307. package/pill/index.ts +5 -0
  308. package/pill/lib/Pill.tsx +146 -174
  309. package/pill/lib/PillAvatar.tsx +19 -13
  310. package/pill/lib/PillCount.tsx +32 -27
  311. package/pill/lib/PillIcon.tsx +16 -18
  312. package/pill/lib/PillIconButton.tsx +50 -74
  313. package/pill/lib/PillLabel.tsx +16 -20
  314. package/pill/lib/usePillModel.tsx +1 -6
  315. package/radio/lib/RadioButton.tsx +0 -1
  316. package/radio/lib/RadioGroup.tsx +0 -1
  317. package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +1 -1
  318. package/side-panel/lib/SidePanel.tsx +66 -86
  319. package/side-panel/lib/SidePanelToggleButton.tsx +93 -33
  320. package/side-panel/lib/hooks.ts +2 -1
  321. package/status-indicator/lib/StatusIndicator.tsx +1 -0
  322. package/status-indicator/lib/StatusIndicatorIcon.tsx +0 -2
  323. package/status-indicator/lib/StatusIndicatorLabel.tsx +0 -2
  324. package/text-area/lib/TextArea.tsx +1 -1
  325. package/text-area/lib/TextAreaField.tsx +1 -5
  326. package/text-input/lib/TextInput.tsx +1 -1
  327. package/text-input/lib/TextInputField.tsx +1 -5
  328. package/common/index.ts +0 -1
  329. package/common/lib/parts/_brand-assets.ts +0 -19
  330. package/common/lib/parts/index.ts +0 -1
  331. package/common/package.json +0 -6
  332. package/dist/commonjs/InformationHighlight/lib/InformationHighlight.d.ts.map +0 -1
  333. package/dist/commonjs/InformationHighlight/lib/InformationHighlight.js +0 -65
  334. package/dist/commonjs/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map +0 -1
  335. package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts +0 -2
  336. package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts.map +0 -1
  337. package/dist/commonjs/InformationHighlight/lib/parts/Body.js +0 -40
  338. package/dist/commonjs/InformationHighlight/lib/parts/Heading.d.ts.map +0 -1
  339. package/dist/commonjs/InformationHighlight/lib/parts/Heading.js +0 -40
  340. package/dist/commonjs/InformationHighlight/lib/parts/Icon.d.ts.map +0 -1
  341. package/dist/commonjs/InformationHighlight/lib/parts/Icon.js +0 -42
  342. package/dist/commonjs/InformationHighlight/lib/parts/Link.d.ts.map +0 -1
  343. package/dist/commonjs/InformationHighlight/lib/parts/Link.js +0 -40
  344. package/dist/commonjs/common/index.d.ts +0 -2
  345. package/dist/commonjs/common/index.d.ts.map +0 -1
  346. package/dist/commonjs/common/index.js +0 -17
  347. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts +0 -10
  348. package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map +0 -1
  349. package/dist/commonjs/common/lib/parts/_brand-assets.js +0 -13
  350. package/dist/commonjs/common/lib/parts/index.d.ts +0 -2
  351. package/dist/commonjs/common/lib/parts/index.d.ts.map +0 -1
  352. package/dist/commonjs/common/lib/parts/index.js +0 -17
  353. package/dist/es6/InformationHighlight/lib/InformationHighlight.d.ts.map +0 -1
  354. package/dist/es6/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map +0 -1
  355. package/dist/es6/InformationHighlight/lib/parts/Body.d.ts +0 -2
  356. package/dist/es6/InformationHighlight/lib/parts/Body.d.ts.map +0 -1
  357. package/dist/es6/InformationHighlight/lib/parts/Body.js +0 -14
  358. package/dist/es6/InformationHighlight/lib/parts/Heading.d.ts.map +0 -1
  359. package/dist/es6/InformationHighlight/lib/parts/Heading.js +0 -14
  360. package/dist/es6/InformationHighlight/lib/parts/Icon.d.ts.map +0 -1
  361. package/dist/es6/InformationHighlight/lib/parts/Link.d.ts.map +0 -1
  362. package/dist/es6/InformationHighlight/lib/parts/Link.js +0 -14
  363. package/dist/es6/common/index.d.ts +0 -2
  364. package/dist/es6/common/index.d.ts.map +0 -1
  365. package/dist/es6/common/index.js +0 -1
  366. package/dist/es6/common/lib/parts/_brand-assets.d.ts +0 -10
  367. package/dist/es6/common/lib/parts/_brand-assets.d.ts.map +0 -1
  368. package/dist/es6/common/lib/parts/_brand-assets.js +0 -10
  369. package/dist/es6/common/lib/parts/index.d.ts +0 -2
  370. package/dist/es6/common/lib/parts/index.d.ts.map +0 -1
  371. package/dist/es6/common/lib/parts/index.js +0 -1
  372. /package/dist/commonjs/{InformationHighlight → information-highlight}/index.d.ts +0 -0
  373. /package/dist/commonjs/{InformationHighlight → information-highlight}/index.js +0 -0
  374. /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.d.ts +0 -0
  375. /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.js +0 -0
  376. /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Heading.d.ts +0 -0
  377. /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Icon.d.ts +0 -0
  378. /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Link.d.ts +0 -0
  379. /package/dist/es6/{InformationHighlight → information-highlight}/index.d.ts +0 -0
  380. /package/dist/es6/{InformationHighlight → information-highlight}/index.js +0 -0
  381. /package/dist/es6/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.d.ts +0 -0
  382. /package/dist/es6/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.js +0 -0
  383. /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Heading.d.ts +0 -0
  384. /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Icon.d.ts +0 -0
  385. /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Link.d.ts +0 -0
  386. /package/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.ts +0 -0
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  export declare const SidePanelContext: React.Context<{
3
3
  state: string;
4
- origin: string;
4
+ origin: "left" | "right";
5
+ handleAnimationStart: () => undefined;
5
6
  }>;
6
7
  /**
7
8
  * The optional config options for the `useSidePanel` hook
@@ -1 +1 @@
1
- {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAGH;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,YAAa,iBAAiB;;oCA2BR,OAAO;;;;CA8BrD,CAAC"}
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB;;;;EAI3B,CAAC;AAGH;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,YAAa,iBAAiB;;oCA2BR,OAAO;;;;CA8BrD,CAAC"}
@@ -28,6 +28,7 @@ const React = __importStar(require("react"));
28
28
  exports.SidePanelContext = React.createContext({
29
29
  state: 'expanded',
30
30
  origin: 'left',
31
+ handleAnimationStart: () => undefined,
31
32
  });
32
33
  const common_1 = require("@workday/canvas-kit-react/common");
33
34
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAKnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAElG,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC5E;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAwFD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAcL,CAAC"}
1
+ {"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAKnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAElG,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC5E;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAyFD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAcL,CAAC"}
@@ -1,10 +1,7 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.StatusIndicator = void 0;
7
- const react_1 = __importDefault(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
5
  const common_1 = require("@workday/canvas-kit-react/common");
9
6
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
10
7
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
@@ -13,31 +10,31 @@ const icon_1 = require("@workday/canvas-kit-react/icon");
13
10
  const StatusIndicatorIcon_1 = require("./StatusIndicatorIcon");
14
11
  const StatusIndicatorLabel_1 = require("./StatusIndicatorLabel");
15
12
  const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "y3fh1g", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);" },
13
+ base: { name: "htmr3z", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);outline:0.0625rem solid transparent;" },
17
14
  modifiers: {
18
15
  gray: {
19
- high: { name: "y3fh1k", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
20
- low: { name: "y3fh1l", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
16
+ high: { name: "htmr40", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
17
+ low: { name: "htmr41", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
21
18
  },
22
19
  orange: {
23
- high: { name: "y3fh1m", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
24
- low: { name: "y3fh1n", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-212f69:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
20
+ high: { name: "htmr42", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
21
+ low: { name: "htmr43", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
25
22
  },
26
23
  blue: {
27
- high: { name: "y3fh1o", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
28
- low: { name: "y3fh1p", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
24
+ high: { name: "htmr44", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
25
+ low: { name: "htmr45", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
29
26
  },
30
27
  green: {
31
- high: { name: "y3fh1q", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
32
- low: { name: "y3fh1r", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
28
+ high: { name: "htmr46", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
29
+ low: { name: "htmr47", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
33
30
  },
34
31
  red: {
35
- high: { name: "y3fh1s", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
36
- low: { name: "y3fh1t", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-212f69:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
32
+ high: { name: "htmr48", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
33
+ low: { name: "htmr49", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
37
34
  },
38
35
  transparent: {
39
- high: { name: "y3fh1u", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
40
- low: { name: "y3fh1v", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-212f69:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
36
+ high: { name: "htmr4a", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
37
+ low: { name: "htmr4b", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
41
38
  }
42
39
  }
43
40
  }, "status-indicator-1a565e");
@@ -74,6 +71,6 @@ exports.StatusIndicator = (0, common_1.createComponent)('div')({
74
71
  Icon: StatusIndicatorIcon_1.StatusIndicatorIcon,
75
72
  },
76
73
  Component: ({ emphasis = 'low', variant = 'gray', children, ...elemProps }, ref, Element) => {
77
- return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorStencil({ [variant]: emphasis })) }, children));
74
+ return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorStencil({ [variant]: emphasis })), children: children }));
78
75
  },
79
76
  });
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,eAAO,MAAM,mBAAmB,sFAK9B,CAAC"}
1
+ {"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,eAAO,MAAM,mBAAmB,sFAK9B,CAAC"}
@@ -1,15 +1,12 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.StatusIndicatorIcon = void 0;
7
- const react_1 = __importDefault(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
5
  const common_1 = require("@workday/canvas-kit-react/common");
9
6
  const icon_1 = require("@workday/canvas-kit-react/icon");
10
7
  exports.StatusIndicatorIcon = (0, common_1.createComponent)('span')({
11
8
  displayName: 'StatusIndicatorIcon',
12
9
  Component: (elemProps, ref, Element) => {
13
- return react_1.default.createElement(icon_1.SystemIcon, { as: Element, ref: ref, size: 20, role: "img", ...elemProps });
10
+ return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, ref: ref, size: 20, role: "img", ...elemProps });
14
11
  },
15
12
  });
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAc,MAAM,gCAAgC,CAAC;AAKtE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAe/D,eAAO,MAAM,oBAAoB,gGAS/B,CAAC"}
1
+ {"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAc,MAAM,gCAAgC,CAAC;AAKtE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAe/D,eAAO,MAAM,oBAAoB,gGAS/B,CAAC"}
@@ -1,10 +1,7 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.StatusIndicatorLabel = void 0;
7
- const react_1 = __importDefault(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
5
  const common_1 = require("@workday/canvas-kit-react/common");
9
6
  const text_1 = require("@workday/canvas-kit-react/text");
10
7
  const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
@@ -12,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
12
9
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
13
10
  const statusIndicatorLabelStencil = (0, canvas_kit_styling_1.createStencil)({
14
11
  extends: text_1.textStencil,
15
- base: { name: "y3fh1f", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
12
+ base: { name: "htmr3y", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
16
13
  defaultModifiers: { typeLevel: 'subtext.large' }
17
- }, "status-indicator-label-fbd39a");
14
+ }, "status-indicator-label-63258e");
18
15
  exports.StatusIndicatorLabel = (0, common_1.createComponent)('span')({
19
16
  displayName: 'StatusIndicator.Label',
20
17
  Component: ({ children, typeLevel, ...elemProps }, ref, Element) => {
21
- return (react_1.default.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorLabelStencil({ typeLevel })) }, children));
18
+ return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorLabelStencil({ typeLevel })), children: children }));
22
19
  },
23
20
  });
@@ -18,13 +18,13 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
18
18
  error: "error" | "alert" | undefined;
19
19
  id: string;
20
20
  isRequired: boolean;
21
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
21
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
22
  }> & {} & {}, {
23
23
  state: {
24
24
  id: string;
25
25
  error: "error" | "alert" | undefined;
26
26
  isRequired: boolean;
27
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
27
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
28
28
  };
29
29
  events: {};
30
30
  }> & {
@@ -33,7 +33,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
33
33
  id: string;
34
34
  error: "error" | "alert" | undefined;
35
35
  isRequired: boolean;
36
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
36
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
37
37
  };
38
38
  events: {};
39
39
  }, {}>, {
@@ -41,7 +41,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
41
41
  id: string;
42
42
  error: "error" | "alert" | undefined;
43
43
  isRequired: boolean;
44
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
44
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
45
45
  };
46
46
  events: {};
47
47
  }>;
@@ -50,7 +50,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
50
50
  id: string;
51
51
  error: "error" | "alert" | undefined;
52
52
  isRequired: boolean;
53
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
53
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
54
54
  };
55
55
  events: {};
56
56
  }>;
@@ -59,7 +59,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
59
59
  id: string;
60
60
  error: "error" | "alert" | undefined;
61
61
  isRequired: boolean;
62
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
62
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
63
63
  };
64
64
  events: {};
65
65
  }>;
@@ -1,10 +1,7 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.TextArea = void 0;
7
- const react_1 = __importDefault(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
5
  const common_1 = require("@workday/canvas-kit-react/common");
9
6
  const form_field_1 = require("@workday/canvas-kit-react/form-field");
10
7
  const layout_1 = require("@workday/canvas-kit-react/layout");
@@ -23,10 +20,10 @@ exports.TextArea = (0, common_1.createContainer)('div')({
23
20
  Hint: form_field_1.FormField.Hint,
24
21
  },
25
22
  })(({ children, grow, orientation, ...elemProps }, Element, model) => {
26
- return (react_1.default.createElement(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
23
+ return ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
27
24
  grow,
28
- orientation: orientation === 'horizontal' ? 'horizontalStart' : orientation,
25
+ orientation: orientation,
29
26
  error: model.state.error,
30
27
  required: model.state.isRequired,
31
- })) }, children));
28
+ })), children: children }));
32
29
  });
@@ -6,7 +6,7 @@ export declare const TextAreaField: import("@workday/canvas-kit-react/common").E
6
6
  id: string;
7
7
  error: "error" | "alert" | undefined;
8
8
  isRequired: boolean;
9
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
9
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
10
10
  };
11
11
  events: {};
12
12
  }, {}>, {
@@ -14,7 +14,7 @@ export declare const TextAreaField: import("@workday/canvas-kit-react/common").E
14
14
  id: string;
15
15
  error: "error" | "alert" | undefined;
16
16
  isRequired: boolean;
17
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
17
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
18
18
  };
19
19
  events: {};
20
20
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AA8CA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAiCxB,CAAC"}
1
+ {"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAiCxB,CAAC"}
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TextAreaField = void 0;
4
- /** @jsxRuntime classic */
5
- /** @jsx jsx */
6
- const react_1 = require("@emotion/react");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
5
  const tokens_1 = require("@workday/canvas-kit-react/tokens");
8
6
  const common_1 = require("@workday/canvas-kit-react/common");
9
7
  const form_field_1 = require("@workday/canvas-kit-react/form-field");
@@ -49,5 +47,5 @@ exports.TextAreaField = (0, common_1.createSubcomponent)('textarea')({
49
47
  boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
50
48
  },
51
49
  };
52
- return ((0, react_1.jsx)(form_field_1.FormField.Input, { as: Element, ...tokens_1.type.levels.subtext.large, css: [baseStyles, focusStyles], ...elemProps, border: `1px solid ${tokens_1.inputColors.border}`, display: "block", backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, minHeight: 64, minWidth: 280, padding: tokens_1.space.xxs, margin: 0 }));
50
+ return ((0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: Element, ...tokens_1.type.levels.subtext.large, cs: [baseStyles, focusStyles], ...elemProps, border: `1px solid ${tokens_1.inputColors.border}`, display: "block", backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, minHeight: 64, minWidth: 280, padding: tokens_1.space.xxs, margin: 0 }));
53
51
  });
@@ -18,13 +18,13 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
18
18
  error: "error" | "alert" | undefined;
19
19
  id: string;
20
20
  isRequired: boolean;
21
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
21
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
22
  }> & {} & {} & import("@workday/canvas-kit-react/common").PropsWithModel<{
23
23
  state: {
24
24
  id: string;
25
25
  error: "error" | "alert" | undefined;
26
26
  isRequired: boolean;
27
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
27
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
28
28
  };
29
29
  events: {};
30
30
  }, {}>, {
@@ -32,7 +32,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
32
32
  id: string;
33
33
  error: "error" | "alert" | undefined;
34
34
  isRequired: boolean;
35
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
35
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
36
36
  };
37
37
  events: {};
38
38
  }> & {
@@ -41,7 +41,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
41
41
  id: string;
42
42
  error: "error" | "alert" | undefined;
43
43
  isRequired: boolean;
44
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
44
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
45
45
  };
46
46
  events: {};
47
47
  }, {}>, {
@@ -49,7 +49,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
49
49
  id: string;
50
50
  error: "error" | "alert" | undefined;
51
51
  isRequired: boolean;
52
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
52
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
53
53
  };
54
54
  events: {};
55
55
  }>;
@@ -58,7 +58,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
58
58
  id: string;
59
59
  error: "error" | "alert" | undefined;
60
60
  isRequired: boolean;
61
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
61
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
62
62
  };
63
63
  events: {};
64
64
  }>;
@@ -67,7 +67,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
67
67
  id: string;
68
68
  error: "error" | "alert" | undefined;
69
69
  isRequired: boolean;
70
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
70
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
71
71
  };
72
72
  events: {};
73
73
  }>;
@@ -1,10 +1,7 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.TextInput = void 0;
7
- const react_1 = __importDefault(require("react"));
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
5
  const common_1 = require("@workday/canvas-kit-react/common");
9
6
  const form_field_1 = require("@workday/canvas-kit-react/form-field");
10
7
  const layout_1 = require("@workday/canvas-kit-react/layout");
@@ -22,10 +19,10 @@ exports.TextInput = (0, common_1.createContainer)('div')({
22
19
  Hint: form_field_1.FormField.Hint,
23
20
  },
24
21
  })(({ children, orientation, grow, ...elemProps }, Element, model) => {
25
- return (react_1.default.createElement(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
22
+ return ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
26
23
  grow,
27
- orientation: orientation === 'horizontal' ? 'horizontalStart' : orientation,
24
+ orientation: orientation,
28
25
  error: model.state.error,
29
26
  required: model.state.isRequired,
30
- })) }, children));
27
+ })), children: children }));
31
28
  });
@@ -5,22 +5,16 @@ export declare const TextInputField: import("@workday/canvas-kit-react/common").
5
5
  state: {
6
6
  id: string;
7
7
  error: "error" | "alert" | undefined;
8
- /**
9
- * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
10
- */
11
8
  isRequired: boolean;
12
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
9
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
13
10
  };
14
11
  events: {};
15
12
  }, {}>, {
16
13
  state: {
17
14
  id: string;
18
15
  error: "error" | "alert" | undefined;
19
- /**
20
- * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
21
- */
22
16
  isRequired: boolean;
23
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
17
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
24
18
  };
25
19
  events: {};
26
20
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AA8CA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;QAH3B;;WAEG;;;;;;;;;QAFH;;WAEG;;;;;EAmCD,CAAC"}
1
+ {"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAkCzB,CAAC"}
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TextInputField = void 0;
4
- /** @jsxRuntime classic */
5
- /** @jsx jsx */
6
- const react_1 = require("@emotion/react");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
5
  const tokens_1 = require("@workday/canvas-kit-react/tokens");
8
6
  const common_1 = require("@workday/canvas-kit-react/common");
9
7
  const form_field_1 = require("@workday/canvas-kit-react/form-field");
@@ -49,5 +47,5 @@ exports.TextInputField = (0, common_1.createSubcomponent)('input')({
49
47
  boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
50
48
  },
51
49
  };
52
- return ((0, react_1.jsx)(form_field_1.FormField.Input, { as: "input", ...tokens_1.type.levels.subtext.large, css: [baseStyles, focusStyles], padding: tokens_1.space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: `1px solid ${tokens_1.inputColors.border}`, backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, ...elemProps }));
50
+ return ((0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: "input", ...tokens_1.type.levels.subtext.large, cs: [baseStyles, focusStyles], padding: tokens_1.space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: `1px solid ${tokens_1.inputColors.border}`, backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, ...elemProps }));
53
51
  });
@@ -8,7 +8,7 @@ export declare const useTextInputField: import("@workday/canvas-kit-react/common
8
8
  id: string;
9
9
  error: "error" | "alert" | undefined;
10
10
  isRequired: boolean;
11
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
11
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
12
12
  };
13
13
  events: {};
14
14
  }, {
@@ -5,31 +5,31 @@ export declare const useTextInputModel: (<TT_Special_Generic>(config?: (Partial<
5
5
  error: "error" | "alert" | undefined;
6
6
  id: string;
7
7
  isRequired: boolean;
8
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
8
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
9
9
  }> & {} & {}) | undefined) => {
10
10
  state: {
11
11
  id: string;
12
12
  error: "error" | "alert" | undefined;
13
13
  isRequired: boolean;
14
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
14
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
15
15
  };
16
16
  events: {};
17
17
  }) & import("@workday/canvas-kit-react/common").ModelExtras<{
18
18
  error: "error" | "alert" | undefined;
19
19
  id: string;
20
20
  isRequired: boolean;
21
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
21
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
22
22
  }, {}, {
23
23
  id: string;
24
24
  error: "error" | "alert" | undefined;
25
25
  isRequired: boolean;
26
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
26
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
27
27
  }, {}, {
28
28
  state: {
29
29
  id: string;
30
30
  error: "error" | "alert" | undefined;
31
31
  isRequired: boolean;
32
- orientation: "horizontal" | "vertical" | "horizontalEnd" | "horizontalStart";
32
+ orientation: "vertical" | "horizontalEnd" | "horizontalStart";
33
33
  };
34
34
  events: {};
35
35
  }>;
@@ -49,7 +49,7 @@ export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
49
49
  resetLabel?: string;
50
50
  }
51
51
  export declare const ColorPicker: {
52
- ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): React.JSX.Element;
52
+ ({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
53
53
  defaultColorSet: string[];
54
54
  };
55
55
  //# sourceMappingURL=ColorPicker.d.ts.map
@@ -1,3 +1,4 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
2
  import { colors, space } from '@workday/canvas-kit-react/tokens';
2
3
  import { checkIcon } from '@workday/canvas-system-icons-web';
3
4
  import { ColorInput } from '@workday/canvas-kit-react/color-picker';
@@ -120,13 +121,6 @@ export const ColorPicker = ({ colorSet = defaultColorSet, customHexInputLabel =
120
121
  onColorChange(validHexValue);
121
122
  event.preventDefault(); // don't submit the form - default action is to reload the page
122
123
  };
123
- return (React.createElement(ColorPickerContainer, { ...elemProps },
124
- onColorReset && resetColor && (React.createElement(ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })),
125
- React.createElement(SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }),
126
- showCustomHexInput && (React.createElement(ColorInputWrapper, { onSubmit: onSubmit },
127
- React.createElement(ColorInputAndLabel, null,
128
- React.createElement(FormField.Label, null, customHexInputLabel),
129
- React.createElement(FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })),
130
- React.createElement(CheckButton, { "aria-label": submitLabel, icon: checkIcon, type: "submit", disabled: disabled })))));
124
+ return (_jsxs(ColorPickerContainer, { ...elemProps, children: [onColorReset && resetColor && (_jsx(ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })), _jsx(SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }), showCustomHexInput && (_jsxs(ColorInputWrapper, { onSubmit: onSubmit, children: [_jsxs(ColorInputAndLabel, { children: [_jsx(FormField.Label, { children: customHexInputLabel }), _jsx(FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })] }), _jsx(CheckButton, { "aria-label": submitLabel, icon: checkIcon, type: "submit", disabled: disabled })] }))] }));
131
125
  };
132
126
  ColorPicker.defaultColorSet = defaultColorSet;
@@ -1,8 +1,7 @@
1
- import * as React from 'react';
2
1
  export interface ResetButtonProps {
3
2
  label: string;
4
3
  resetColor: string;
5
4
  onClick: (color: string) => void;
6
5
  }
7
- export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => React.JSX.Element;
6
+ export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => import("react/jsx-runtime").JSX.Element;
8
7
  //# sourceMappingURL=ColorReset.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,sBASzE,CAAC"}
1
+ {"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,4CASzE,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import styled from '@emotion/styled';
3
3
  import { colors, space, type } from '@workday/canvas-kit-react/tokens';
4
4
  import { focusRing, hideMouseFocus } from '@workday/canvas-kit-react/common';
@@ -34,7 +34,5 @@ const Container = styled('button')({
34
34
  });
35
35
  export const ResetButton = ({ onClick, resetColor, label }) => {
36
36
  const handleResetColor = () => onClick(resetColor);
37
- return (React.createElement(Container, { onClick: handleResetColor },
38
- React.createElement(ColorSwatch, { color: resetColor }),
39
- React.createElement(Label, null, label)));
37
+ return (_jsxs(Container, { onClick: handleResetColor, children: [_jsx(ColorSwatch, { color: resetColor }), _jsx(Label, { children: label })] }));
40
38
  };
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  export interface SwatchBookColorObject {
3
2
  value: string;
4
3
  label: string;
@@ -8,5 +7,5 @@ export interface SwatchBookProps {
8
7
  value?: string;
9
8
  onSelect: (color: string) => void;
10
9
  }
11
- export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => React.JSX.Element;
10
+ export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => import("react/jsx-runtime").JSX.Element;
12
11
  //# sourceMappingURL=SwatchBook.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,sBA6BpE,CAAC"}
1
+ {"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,4CA6BpE,CAAC"}
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import styled from '@emotion/styled';
3
3
  import { borderRadius, colors, space } from '@workday/canvas-kit-react/tokens';
4
4
  import { focusRing, mouseFocusBehavior } from '@workday/canvas-kit-react/common';
@@ -40,13 +40,12 @@ const Container = styled('div')({
40
40
  margin: `0px -${space.xxs} -${space.xxs} 0px`,
41
41
  });
42
42
  export const SwatchBook = ({ colors, value, onSelect }) => {
43
- return (React.createElement(Container, null, colors.map((color, index) => {
44
- const hexCode = typeof color === 'object' ? color.value : color;
45
- const label = typeof color === 'object' ? color.label : color;
46
- const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
47
- const handleClick = () => onSelect(hexCode);
48
- const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
49
- return (React.createElement(SwatchContainer, { key: index + '-' + color, onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected },
50
- React.createElement(ColorSwatch, { color: hexCode, showCheck: isSelected })));
51
- })));
43
+ return (_jsx(Container, { children: colors.map((color, index) => {
44
+ const hexCode = typeof color === 'object' ? color.value : color;
45
+ const label = typeof color === 'object' ? color.label : color;
46
+ const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
47
+ const handleClick = () => onSelect(hexCode);
48
+ const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
49
+ return (_jsx(SwatchContainer, { onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected, children: _jsx(ColorSwatch, { color: hexCode, showCheck: isSelected }) }, index + '-' + color));
50
+ }) }));
52
51
  };
@@ -1,7 +1,7 @@
1
1
  import { CSProps } from '@workday/canvas-kit-styling';
2
- export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{
2
+ export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
3
3
  space: string;
4
- }, never>, {
4
+ }, never>, {}, {
5
5
  space: string;
6
6
  }, never, never>;
7
7
  export interface DividerProps extends CSProps {
@@ -1 +1 @@
1
- {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}