@salt-ds/core 1.20.0 → 1.21.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 (429) hide show
  1. package/css/salt-core.css +470 -19
  2. package/dist-cjs/accordion/Accordion.js +75 -0
  3. package/dist-cjs/accordion/Accordion.js.map +1 -1
  4. package/dist-cjs/accordion/AccordionContext.js +79 -0
  5. package/dist-cjs/accordion/AccordionContext.js.map +1 -1
  6. package/dist-cjs/accordion/AccordionGroup.js +76 -1
  7. package/dist-cjs/accordion/AccordionGroup.js.map +1 -1
  8. package/dist-cjs/accordion/AccordionHeader.js +73 -0
  9. package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
  10. package/dist-cjs/accordion/AccordionPanel.js +75 -0
  11. package/dist-cjs/accordion/AccordionPanel.js.map +1 -1
  12. package/dist-cjs/aria-announcer/useAriaAnnouncer.js +78 -0
  13. package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map +1 -1
  14. package/dist-cjs/avatar/Avatar.js +74 -0
  15. package/dist-cjs/avatar/Avatar.js.map +1 -1
  16. package/dist-cjs/avatar/useAvatarImage.js +79 -0
  17. package/dist-cjs/avatar/useAvatarImage.js.map +1 -1
  18. package/dist-cjs/badge/Badge.js +75 -0
  19. package/dist-cjs/badge/Badge.js.map +1 -1
  20. package/dist-cjs/banner/Banner.js +76 -2
  21. package/dist-cjs/banner/Banner.js.map +1 -1
  22. package/dist-cjs/banner/BannerActions.js +76 -1
  23. package/dist-cjs/banner/BannerActions.js.map +1 -1
  24. package/dist-cjs/banner/BannerContent.js +76 -1
  25. package/dist-cjs/banner/BannerContent.js.map +1 -1
  26. package/dist-cjs/border-item/BorderItem.js +75 -1
  27. package/dist-cjs/border-item/BorderItem.js.map +1 -1
  28. package/dist-cjs/border-layout/BorderLayout.js +76 -0
  29. package/dist-cjs/border-layout/BorderLayout.js.map +1 -1
  30. package/dist-cjs/button/Button.js +76 -1
  31. package/dist-cjs/button/Button.js.map +1 -1
  32. package/dist-cjs/card/Card.js +75 -0
  33. package/dist-cjs/card/Card.js.map +1 -1
  34. package/dist-cjs/card/InteractableCard.js +75 -0
  35. package/dist-cjs/card/InteractableCard.js.map +1 -1
  36. package/dist-cjs/checkbox/Checkbox.js +73 -0
  37. package/dist-cjs/checkbox/Checkbox.js.map +1 -1
  38. package/dist-cjs/checkbox/CheckboxGroup.js +74 -0
  39. package/dist-cjs/checkbox/CheckboxGroup.js.map +1 -1
  40. package/dist-cjs/checkbox/CheckboxIcon.js +75 -0
  41. package/dist-cjs/checkbox/CheckboxIcon.js.map +1 -1
  42. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js +79 -0
  43. package/dist-cjs/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  44. package/dist-cjs/combo-box/ComboBox.css.js +6 -0
  45. package/dist-cjs/combo-box/ComboBox.css.js.map +1 -0
  46. package/dist-cjs/combo-box/ComboBox.js +443 -0
  47. package/dist-cjs/combo-box/ComboBox.js.map +1 -0
  48. package/dist-cjs/combo-box/useComboBox.js +153 -0
  49. package/dist-cjs/combo-box/useComboBox.js.map +1 -0
  50. package/dist-cjs/dialog/Dialog.js +77 -3
  51. package/dist-cjs/dialog/Dialog.js.map +1 -1
  52. package/dist-cjs/dialog/DialogActions.js +76 -1
  53. package/dist-cjs/dialog/DialogActions.js.map +1 -1
  54. package/dist-cjs/dialog/DialogCloseButton.js +74 -1
  55. package/dist-cjs/dialog/DialogCloseButton.js.map +1 -1
  56. package/dist-cjs/dialog/DialogContent.js +76 -1
  57. package/dist-cjs/dialog/DialogContent.js.map +1 -1
  58. package/dist-cjs/dialog/DialogHeader.js +71 -3
  59. package/dist-cjs/dialog/DialogHeader.js.map +1 -1
  60. package/dist-cjs/drawer/Drawer.js +75 -2
  61. package/dist-cjs/drawer/Drawer.js.map +1 -1
  62. package/dist-cjs/drawer/DrawerCloseButton.js +74 -1
  63. package/dist-cjs/drawer/DrawerCloseButton.js.map +1 -1
  64. package/dist-cjs/dropdown/Dropdown.css.js +6 -0
  65. package/dist-cjs/dropdown/Dropdown.css.js.map +1 -0
  66. package/dist-cjs/dropdown/Dropdown.js +412 -0
  67. package/dist-cjs/dropdown/Dropdown.js.map +1 -0
  68. package/dist-cjs/file-drop-zone/FileDropZone.js +75 -0
  69. package/dist-cjs/file-drop-zone/FileDropZone.js.map +1 -1
  70. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js +76 -0
  71. package/dist-cjs/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  72. package/dist-cjs/flex-item/FlexItem.js +79 -2
  73. package/dist-cjs/flex-item/FlexItem.js.map +1 -1
  74. package/dist-cjs/flex-layout/FlexLayout.js +79 -2
  75. package/dist-cjs/flex-layout/FlexLayout.js.map +1 -1
  76. package/dist-cjs/form-field/FormField.js +74 -0
  77. package/dist-cjs/form-field/FormField.js.map +1 -1
  78. package/dist-cjs/form-field/FormFieldHelperText.js +70 -2
  79. package/dist-cjs/form-field/FormFieldHelperText.js.map +1 -1
  80. package/dist-cjs/form-field/FormFieldLabel.js +69 -0
  81. package/dist-cjs/form-field/FormFieldLabel.js.map +1 -1
  82. package/dist-cjs/form-field-context/FormFieldContext.js +78 -0
  83. package/dist-cjs/form-field-context/FormFieldContext.js.map +1 -1
  84. package/dist-cjs/grid-item/GridItem.js +79 -2
  85. package/dist-cjs/grid-item/GridItem.js.map +1 -1
  86. package/dist-cjs/grid-layout/GridLayout.js +79 -2
  87. package/dist-cjs/grid-layout/GridLayout.js.map +1 -1
  88. package/dist-cjs/index.js +16 -0
  89. package/dist-cjs/index.js.map +1 -1
  90. package/dist-cjs/input/Input.js +73 -0
  91. package/dist-cjs/input/Input.js.map +1 -1
  92. package/dist-cjs/link/Link.js +70 -2
  93. package/dist-cjs/link/Link.js.map +1 -1
  94. package/dist-cjs/link-card/LinkCard.js +75 -0
  95. package/dist-cjs/link-card/LinkCard.js.map +1 -1
  96. package/dist-cjs/list-control/ListControlContext.js +121 -0
  97. package/dist-cjs/list-control/ListControlContext.js.map +1 -0
  98. package/dist-cjs/list-control/ListControlState.js +276 -0
  99. package/dist-cjs/list-control/ListControlState.js.map +1 -0
  100. package/dist-cjs/multiline-input/MultilineInput.js +73 -0
  101. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  102. package/dist-cjs/navigation-item/NavigationItem.js +77 -2
  103. package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
  104. package/dist-cjs/option/Option.css.js +6 -0
  105. package/dist-cjs/option/Option.css.js.map +1 -0
  106. package/dist-cjs/option/Option.js +178 -0
  107. package/dist-cjs/option/Option.js.map +1 -0
  108. package/dist-cjs/option/OptionGroup.css.js +6 -0
  109. package/dist-cjs/option/OptionGroup.css.js.map +1 -0
  110. package/dist-cjs/option/OptionGroup.js +123 -0
  111. package/dist-cjs/option/OptionGroup.js.map +1 -0
  112. package/dist-cjs/option/OptionList.css.js +6 -0
  113. package/dist-cjs/option/OptionList.css.js.map +1 -0
  114. package/dist-cjs/option/OptionList.js +118 -0
  115. package/dist-cjs/option/OptionList.js.map +1 -0
  116. package/dist-cjs/option/OptionListBase.js +113 -0
  117. package/dist-cjs/option/OptionListBase.js.map +1 -0
  118. package/dist-cjs/pagination/CompactInput.js +76 -2
  119. package/dist-cjs/pagination/CompactInput.js.map +1 -1
  120. package/dist-cjs/pagination/CompactPaginator.js +69 -2
  121. package/dist-cjs/pagination/CompactPaginator.js.map +1 -1
  122. package/dist-cjs/pagination/GoToInput.js +68 -3
  123. package/dist-cjs/pagination/GoToInput.js.map +1 -1
  124. package/dist-cjs/pagination/PageButton.js +77 -2
  125. package/dist-cjs/pagination/PageButton.js.map +1 -1
  126. package/dist-cjs/pagination/PageRanges.js +78 -2
  127. package/dist-cjs/pagination/PageRanges.js.map +1 -1
  128. package/dist-cjs/pagination/Pagination.js +76 -2
  129. package/dist-cjs/pagination/Pagination.js.map +1 -1
  130. package/dist-cjs/pagination/Paginator.js +75 -2
  131. package/dist-cjs/pagination/Paginator.js.map +1 -1
  132. package/dist-cjs/panel/Panel.js +77 -2
  133. package/dist-cjs/panel/Panel.js.map +1 -1
  134. package/dist-cjs/pill/Pill.js +74 -0
  135. package/dist-cjs/pill/Pill.js.map +1 -1
  136. package/dist-cjs/pill-input/PillInput.css.js +6 -0
  137. package/dist-cjs/pill-input/PillInput.css.js.map +1 -0
  138. package/dist-cjs/pill-input/PillInput.js +338 -0
  139. package/dist-cjs/pill-input/PillInput.js.map +1 -0
  140. package/dist-cjs/pill-input/useTruncatePills.js +83 -0
  141. package/dist-cjs/pill-input/useTruncatePills.js.map +1 -0
  142. package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
  143. package/dist-cjs/progress/CircularProgress/CircularProgress.js +138 -14
  144. package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
  145. package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
  146. package/dist-cjs/progress/LinearProgress/LinearProgress.js +89 -8
  147. package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
  148. package/dist-cjs/radio-button/RadioButton.js +78 -4
  149. package/dist-cjs/radio-button/RadioButton.js.map +1 -1
  150. package/dist-cjs/radio-button/RadioButtonGroup.js +77 -3
  151. package/dist-cjs/radio-button/RadioButtonGroup.js.map +1 -1
  152. package/dist-cjs/radio-button/RadioButtonIcon.js +76 -0
  153. package/dist-cjs/radio-button/RadioButtonIcon.js.map +1 -1
  154. package/dist-cjs/radio-button/internal/RadioGroupContext.js +79 -0
  155. package/dist-cjs/radio-button/internal/RadioGroupContext.js.map +1 -1
  156. package/dist-cjs/salt-provider/SaltProvider.js +78 -3
  157. package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
  158. package/dist-cjs/scrim/Scrim.js +76 -1
  159. package/dist-cjs/scrim/Scrim.js.map +1 -1
  160. package/dist-cjs/spinner/Spinner.js +76 -2
  161. package/dist-cjs/spinner/Spinner.js.map +1 -1
  162. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js +78 -0
  163. package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  164. package/dist-cjs/split-layout/SplitLayout.js +76 -2
  165. package/dist-cjs/split-layout/SplitLayout.js.map +1 -1
  166. package/dist-cjs/stack-layout/StackLayout.js +78 -2
  167. package/dist-cjs/stack-layout/StackLayout.js.map +1 -1
  168. package/dist-cjs/status-adornment/StatusAdornment.js +75 -0
  169. package/dist-cjs/status-adornment/StatusAdornment.js.map +1 -1
  170. package/dist-cjs/status-indicator/StatusIndicator.js +76 -2
  171. package/dist-cjs/status-indicator/StatusIndicator.js.map +1 -1
  172. package/dist-cjs/switch/Switch.js +75 -2
  173. package/dist-cjs/switch/Switch.js.map +1 -1
  174. package/dist-cjs/text/Text.js +77 -2
  175. package/dist-cjs/text/Text.js.map +1 -1
  176. package/dist-cjs/toast/Toast.js +74 -0
  177. package/dist-cjs/toast/Toast.js.map +1 -1
  178. package/dist-cjs/toast/ToastContent.js +75 -0
  179. package/dist-cjs/toast/ToastContent.js.map +1 -1
  180. package/dist-cjs/toggle-button/ToggleButton.js +73 -0
  181. package/dist-cjs/toggle-button/ToggleButton.js.map +1 -1
  182. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js +74 -0
  183. package/dist-cjs/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  184. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js +78 -0
  185. package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  186. package/dist-cjs/tooltip/Tooltip.js +75 -1
  187. package/dist-cjs/tooltip/Tooltip.js.map +1 -1
  188. package/dist-cjs/tooltip/TooltipBase.js +75 -2
  189. package/dist-cjs/tooltip/TooltipBase.js.map +1 -1
  190. package/dist-cjs/tooltip/useAriaAnnounce.js +77 -0
  191. package/dist-cjs/tooltip/useAriaAnnounce.js.map +1 -1
  192. package/dist-cjs/tooltip/useTooltip.js +78 -0
  193. package/dist-cjs/tooltip/useTooltip.js.map +1 -1
  194. package/dist-cjs/utils/ownerWindow.js.map +1 -1
  195. package/dist-cjs/utils/useEventCallback.js +20 -0
  196. package/dist-cjs/utils/useEventCallback.js.map +1 -0
  197. package/dist-cjs/utils/useResizeObserver.js +29 -0
  198. package/dist-cjs/utils/useResizeObserver.js.map +1 -0
  199. package/dist-cjs/utils/useValueEffect.js +124 -0
  200. package/dist-cjs/utils/useValueEffect.js.map +1 -0
  201. package/dist-cjs/viewport/ViewportProvider.js +78 -0
  202. package/dist-cjs/viewport/ViewportProvider.js.map +1 -1
  203. package/dist-es/accordion/Accordion.js +75 -0
  204. package/dist-es/accordion/Accordion.js.map +1 -1
  205. package/dist-es/accordion/AccordionContext.js +79 -0
  206. package/dist-es/accordion/AccordionContext.js.map +1 -1
  207. package/dist-es/accordion/AccordionGroup.js +76 -1
  208. package/dist-es/accordion/AccordionGroup.js.map +1 -1
  209. package/dist-es/accordion/AccordionHeader.js +73 -0
  210. package/dist-es/accordion/AccordionHeader.js.map +1 -1
  211. package/dist-es/accordion/AccordionPanel.js +75 -0
  212. package/dist-es/accordion/AccordionPanel.js.map +1 -1
  213. package/dist-es/aria-announcer/useAriaAnnouncer.js +78 -0
  214. package/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -1
  215. package/dist-es/avatar/Avatar.js +74 -0
  216. package/dist-es/avatar/Avatar.js.map +1 -1
  217. package/dist-es/avatar/useAvatarImage.js +79 -0
  218. package/dist-es/avatar/useAvatarImage.js.map +1 -1
  219. package/dist-es/badge/Badge.js +75 -0
  220. package/dist-es/badge/Badge.js.map +1 -1
  221. package/dist-es/banner/Banner.js +76 -2
  222. package/dist-es/banner/Banner.js.map +1 -1
  223. package/dist-es/banner/BannerActions.js +76 -1
  224. package/dist-es/banner/BannerActions.js.map +1 -1
  225. package/dist-es/banner/BannerContent.js +76 -1
  226. package/dist-es/banner/BannerContent.js.map +1 -1
  227. package/dist-es/border-item/BorderItem.js +75 -1
  228. package/dist-es/border-item/BorderItem.js.map +1 -1
  229. package/dist-es/border-layout/BorderLayout.js +76 -0
  230. package/dist-es/border-layout/BorderLayout.js.map +1 -1
  231. package/dist-es/button/Button.js +76 -1
  232. package/dist-es/button/Button.js.map +1 -1
  233. package/dist-es/card/Card.js +75 -0
  234. package/dist-es/card/Card.js.map +1 -1
  235. package/dist-es/card/InteractableCard.js +75 -0
  236. package/dist-es/card/InteractableCard.js.map +1 -1
  237. package/dist-es/checkbox/Checkbox.js +73 -0
  238. package/dist-es/checkbox/Checkbox.js.map +1 -1
  239. package/dist-es/checkbox/CheckboxGroup.js +74 -0
  240. package/dist-es/checkbox/CheckboxGroup.js.map +1 -1
  241. package/dist-es/checkbox/CheckboxIcon.js +75 -0
  242. package/dist-es/checkbox/CheckboxIcon.js.map +1 -1
  243. package/dist-es/checkbox/internal/CheckboxGroupContext.js +79 -0
  244. package/dist-es/checkbox/internal/CheckboxGroupContext.js.map +1 -1
  245. package/dist-es/combo-box/ComboBox.css.js +4 -0
  246. package/dist-es/combo-box/ComboBox.css.js.map +1 -0
  247. package/dist-es/combo-box/ComboBox.js +439 -0
  248. package/dist-es/combo-box/ComboBox.js.map +1 -0
  249. package/dist-es/combo-box/useComboBox.js +149 -0
  250. package/dist-es/combo-box/useComboBox.js.map +1 -0
  251. package/dist-es/dialog/Dialog.js +77 -3
  252. package/dist-es/dialog/Dialog.js.map +1 -1
  253. package/dist-es/dialog/DialogActions.js +76 -1
  254. package/dist-es/dialog/DialogActions.js.map +1 -1
  255. package/dist-es/dialog/DialogCloseButton.js +74 -1
  256. package/dist-es/dialog/DialogCloseButton.js.map +1 -1
  257. package/dist-es/dialog/DialogContent.js +76 -1
  258. package/dist-es/dialog/DialogContent.js.map +1 -1
  259. package/dist-es/dialog/DialogHeader.js +71 -3
  260. package/dist-es/dialog/DialogHeader.js.map +1 -1
  261. package/dist-es/drawer/Drawer.js +75 -2
  262. package/dist-es/drawer/Drawer.js.map +1 -1
  263. package/dist-es/drawer/DrawerCloseButton.js +74 -1
  264. package/dist-es/drawer/DrawerCloseButton.js.map +1 -1
  265. package/dist-es/dropdown/Dropdown.css.js +4 -0
  266. package/dist-es/dropdown/Dropdown.css.js.map +1 -0
  267. package/dist-es/dropdown/Dropdown.js +408 -0
  268. package/dist-es/dropdown/Dropdown.js.map +1 -0
  269. package/dist-es/file-drop-zone/FileDropZone.js +75 -0
  270. package/dist-es/file-drop-zone/FileDropZone.js.map +1 -1
  271. package/dist-es/file-drop-zone/FileDropZoneTrigger.js +76 -0
  272. package/dist-es/file-drop-zone/FileDropZoneTrigger.js.map +1 -1
  273. package/dist-es/flex-item/FlexItem.js +79 -2
  274. package/dist-es/flex-item/FlexItem.js.map +1 -1
  275. package/dist-es/flex-layout/FlexLayout.js +79 -2
  276. package/dist-es/flex-layout/FlexLayout.js.map +1 -1
  277. package/dist-es/form-field/FormField.js +74 -0
  278. package/dist-es/form-field/FormField.js.map +1 -1
  279. package/dist-es/form-field/FormFieldHelperText.js +70 -2
  280. package/dist-es/form-field/FormFieldHelperText.js.map +1 -1
  281. package/dist-es/form-field/FormFieldLabel.js +69 -0
  282. package/dist-es/form-field/FormFieldLabel.js.map +1 -1
  283. package/dist-es/form-field-context/FormFieldContext.js +78 -0
  284. package/dist-es/form-field-context/FormFieldContext.js.map +1 -1
  285. package/dist-es/grid-item/GridItem.js +79 -2
  286. package/dist-es/grid-item/GridItem.js.map +1 -1
  287. package/dist-es/grid-layout/GridLayout.js +79 -2
  288. package/dist-es/grid-layout/GridLayout.js.map +1 -1
  289. package/dist-es/index.js +8 -0
  290. package/dist-es/index.js.map +1 -1
  291. package/dist-es/input/Input.js +73 -0
  292. package/dist-es/input/Input.js.map +1 -1
  293. package/dist-es/link/Link.js +70 -2
  294. package/dist-es/link/Link.js.map +1 -1
  295. package/dist-es/link-card/LinkCard.js +75 -0
  296. package/dist-es/link-card/LinkCard.js.map +1 -1
  297. package/dist-es/list-control/ListControlContext.js +116 -0
  298. package/dist-es/list-control/ListControlContext.js.map +1 -0
  299. package/dist-es/list-control/ListControlState.js +271 -0
  300. package/dist-es/list-control/ListControlState.js.map +1 -0
  301. package/dist-es/multiline-input/MultilineInput.js +73 -0
  302. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  303. package/dist-es/navigation-item/NavigationItem.js +77 -2
  304. package/dist-es/navigation-item/NavigationItem.js.map +1 -1
  305. package/dist-es/option/Option.css.js +4 -0
  306. package/dist-es/option/Option.css.js.map +1 -0
  307. package/dist-es/option/Option.js +174 -0
  308. package/dist-es/option/Option.js.map +1 -0
  309. package/dist-es/option/OptionGroup.css.js +4 -0
  310. package/dist-es/option/OptionGroup.css.js.map +1 -0
  311. package/dist-es/option/OptionGroup.js +119 -0
  312. package/dist-es/option/OptionGroup.js.map +1 -0
  313. package/dist-es/option/OptionList.css.js +4 -0
  314. package/dist-es/option/OptionList.css.js.map +1 -0
  315. package/dist-es/option/OptionList.js +114 -0
  316. package/dist-es/option/OptionList.js.map +1 -0
  317. package/dist-es/option/OptionListBase.js +109 -0
  318. package/dist-es/option/OptionListBase.js.map +1 -0
  319. package/dist-es/pagination/CompactInput.js +76 -2
  320. package/dist-es/pagination/CompactInput.js.map +1 -1
  321. package/dist-es/pagination/CompactPaginator.js +69 -2
  322. package/dist-es/pagination/CompactPaginator.js.map +1 -1
  323. package/dist-es/pagination/GoToInput.js +68 -3
  324. package/dist-es/pagination/GoToInput.js.map +1 -1
  325. package/dist-es/pagination/PageButton.js +77 -2
  326. package/dist-es/pagination/PageButton.js.map +1 -1
  327. package/dist-es/pagination/PageRanges.js +78 -2
  328. package/dist-es/pagination/PageRanges.js.map +1 -1
  329. package/dist-es/pagination/Pagination.js +76 -2
  330. package/dist-es/pagination/Pagination.js.map +1 -1
  331. package/dist-es/pagination/Paginator.js +75 -2
  332. package/dist-es/pagination/Paginator.js.map +1 -1
  333. package/dist-es/panel/Panel.js +77 -2
  334. package/dist-es/panel/Panel.js.map +1 -1
  335. package/dist-es/pill/Pill.js +74 -0
  336. package/dist-es/pill/Pill.js.map +1 -1
  337. package/dist-es/pill-input/PillInput.css.js +4 -0
  338. package/dist-es/pill-input/PillInput.css.js.map +1 -0
  339. package/dist-es/pill-input/PillInput.js +334 -0
  340. package/dist-es/pill-input/PillInput.js.map +1 -0
  341. package/dist-es/pill-input/useTruncatePills.js +79 -0
  342. package/dist-es/pill-input/useTruncatePills.js.map +1 -0
  343. package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
  344. package/dist-es/progress/CircularProgress/CircularProgress.js +138 -14
  345. package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
  346. package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
  347. package/dist-es/progress/LinearProgress/LinearProgress.js +89 -8
  348. package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
  349. package/dist-es/radio-button/RadioButton.js +78 -4
  350. package/dist-es/radio-button/RadioButton.js.map +1 -1
  351. package/dist-es/radio-button/RadioButtonGroup.js +77 -3
  352. package/dist-es/radio-button/RadioButtonGroup.js.map +1 -1
  353. package/dist-es/radio-button/RadioButtonIcon.js +76 -0
  354. package/dist-es/radio-button/RadioButtonIcon.js.map +1 -1
  355. package/dist-es/radio-button/internal/RadioGroupContext.js +79 -0
  356. package/dist-es/radio-button/internal/RadioGroupContext.js.map +1 -1
  357. package/dist-es/salt-provider/SaltProvider.js +78 -3
  358. package/dist-es/salt-provider/SaltProvider.js.map +1 -1
  359. package/dist-es/scrim/Scrim.js +76 -1
  360. package/dist-es/scrim/Scrim.js.map +1 -1
  361. package/dist-es/spinner/Spinner.js +76 -2
  362. package/dist-es/spinner/Spinner.js.map +1 -1
  363. package/dist-es/spinner/svgSpinners/SpinnerSVG.js +78 -0
  364. package/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -1
  365. package/dist-es/split-layout/SplitLayout.js +76 -2
  366. package/dist-es/split-layout/SplitLayout.js.map +1 -1
  367. package/dist-es/stack-layout/StackLayout.js +78 -2
  368. package/dist-es/stack-layout/StackLayout.js.map +1 -1
  369. package/dist-es/status-adornment/StatusAdornment.js +75 -0
  370. package/dist-es/status-adornment/StatusAdornment.js.map +1 -1
  371. package/dist-es/status-indicator/StatusIndicator.js +76 -2
  372. package/dist-es/status-indicator/StatusIndicator.js.map +1 -1
  373. package/dist-es/switch/Switch.js +75 -2
  374. package/dist-es/switch/Switch.js.map +1 -1
  375. package/dist-es/text/Text.js +77 -2
  376. package/dist-es/text/Text.js.map +1 -1
  377. package/dist-es/toast/Toast.js +74 -0
  378. package/dist-es/toast/Toast.js.map +1 -1
  379. package/dist-es/toast/ToastContent.js +75 -0
  380. package/dist-es/toast/ToastContent.js.map +1 -1
  381. package/dist-es/toggle-button/ToggleButton.js +73 -0
  382. package/dist-es/toggle-button/ToggleButton.js.map +1 -1
  383. package/dist-es/toggle-button-group/ToggleButtonGroup.js +74 -0
  384. package/dist-es/toggle-button-group/ToggleButtonGroup.js.map +1 -1
  385. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js +78 -0
  386. package/dist-es/toggle-button-group/ToggleButtonGroupContext.js.map +1 -1
  387. package/dist-es/tooltip/Tooltip.js +75 -1
  388. package/dist-es/tooltip/Tooltip.js.map +1 -1
  389. package/dist-es/tooltip/TooltipBase.js +75 -2
  390. package/dist-es/tooltip/TooltipBase.js.map +1 -1
  391. package/dist-es/tooltip/useAriaAnnounce.js +77 -0
  392. package/dist-es/tooltip/useAriaAnnounce.js.map +1 -1
  393. package/dist-es/tooltip/useTooltip.js +78 -0
  394. package/dist-es/tooltip/useTooltip.js.map +1 -1
  395. package/dist-es/utils/ownerWindow.js.map +1 -1
  396. package/dist-es/utils/useEventCallback.js +16 -0
  397. package/dist-es/utils/useEventCallback.js.map +1 -0
  398. package/dist-es/utils/useResizeObserver.js +25 -0
  399. package/dist-es/utils/useResizeObserver.js.map +1 -0
  400. package/dist-es/utils/useValueEffect.js +120 -0
  401. package/dist-es/utils/useValueEffect.js.map +1 -0
  402. package/dist-es/viewport/ViewportProvider.js +78 -0
  403. package/dist-es/viewport/ViewportProvider.js.map +1 -1
  404. package/dist-types/combo-box/ComboBox.d.ts +17 -0
  405. package/dist-types/combo-box/index.d.ts +1 -0
  406. package/dist-types/combo-box/useComboBox.d.ts +30 -0
  407. package/dist-types/dialog/DialogHeader.d.ts +2 -4
  408. package/dist-types/dropdown/Dropdown.d.ts +99 -0
  409. package/dist-types/dropdown/index.d.ts +1 -0
  410. package/dist-types/index.d.ts +4 -0
  411. package/dist-types/list-control/ListControlContext.d.ts +21 -0
  412. package/dist-types/list-control/ListControlState.d.ts +70 -0
  413. package/dist-types/list-control/index.d.ts +1 -0
  414. package/dist-types/option/Option.d.ts +16 -0
  415. package/dist-types/option/OptionGroup.d.ts +12 -0
  416. package/dist-types/option/OptionList.d.ts +5 -0
  417. package/dist-types/option/OptionListBase.d.ts +4 -0
  418. package/dist-types/option/index.d.ts +2 -0
  419. package/dist-types/pill-input/PillInput.d.ts +48 -0
  420. package/dist-types/pill-input/index.d.ts +1 -0
  421. package/dist-types/pill-input/useTruncatePills.d.ts +8 -0
  422. package/dist-types/progress/CircularProgress/CircularProgress.d.ts +5 -0
  423. package/dist-types/progress/LinearProgress/LinearProgress.d.ts +5 -0
  424. package/dist-types/utils/index.d.ts +3 -0
  425. package/dist-types/utils/ownerWindow.d.ts +1 -1
  426. package/dist-types/utils/useEventCallback.d.ts +4 -0
  427. package/dist-types/utils/useResizeObserver.d.ts +6 -0
  428. package/dist-types/utils/useValueEffect.d.ts +4 -0
  429. package/package.json +1 -1
@@ -17,11 +17,79 @@ require('../utils/useFloatingUI/useFloatingUI.js');
17
17
  require('../utils/useId.js');
18
18
  require('../salt-provider/SaltProvider.js');
19
19
  require('../viewport/ViewportProvider.js');
20
+ require('../accordion/AccordionGroup.js');
21
+ require('../accordion/AccordionPanel.js');
22
+ require('../accordion/Accordion.js');
23
+ require('../accordion/AccordionHeader.js');
24
+ require('../aria-announcer/AriaAnnouncerContext.js');
25
+ require('../avatar/Avatar.js');
26
+ require('../badge/Badge.js');
27
+ require('../banner/Banner.js');
28
+ require('../banner/BannerActions.js');
29
+ require('../banner/BannerContent.js');
30
+ require('../border-item/BorderItem.js');
31
+ require('../border-layout/BorderLayout.js');
32
+ require('../button/Button.js');
33
+ require('../card/Card.js');
34
+ require('../card/InteractableCard.js');
35
+ require('../checkbox/Checkbox.js');
36
+ require('../checkbox/CheckboxGroup.js');
37
+ var styles = require('@salt-ds/styles');
38
+ var window = require('@salt-ds/window');
39
+ require('@salt-ds/icons');
40
+ require('../combo-box/ComboBox.js');
41
+ require('../dialog/Dialog.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('./FormField.js');
20
56
  require('../form-field-context/FormFieldContext.js');
21
57
  var useFormFieldProps = require('../form-field-context/useFormFieldProps.js');
22
- var window = require('@salt-ds/window');
23
- var styles = require('@salt-ds/styles');
24
58
  var FormFieldHelperText$1 = require('./FormFieldHelperText.css.js');
59
+ require('../grid-item/GridItem.js');
60
+ require('../grid-layout/GridLayout.js');
61
+ require('../input/Input.js');
62
+ require('../link/Link.js');
63
+ require('../link-card/LinkCard.js');
64
+ require('../list-control/ListControlContext.js');
65
+ require('../multiline-input/MultilineInput.js');
66
+ require('../navigation-item/NavigationItem.js');
67
+ require('../option/Option.js');
68
+ require('../option/OptionGroup.js');
69
+ require('../pagination/Pagination.js');
70
+ require('../pagination/Paginator.js');
71
+ require('../pagination/CompactInput.js');
72
+ require('../pagination/CompactPaginator.js');
73
+ require('../pagination/GoToInput.js');
74
+ require('../panel/Panel.js');
75
+ require('../pill/Pill.js');
76
+ require('../progress/CircularProgress/CircularProgress.js');
77
+ require('../progress/LinearProgress/LinearProgress.js');
78
+ require('../radio-button/RadioButton.js');
79
+ require('../radio-button/RadioButtonGroup.js');
80
+ require('../scrim/Scrim.js');
81
+ require('../spinner/Spinner.js');
82
+ require('../stack-layout/StackLayout.js');
83
+ require('../status-adornment/StatusAdornment.js');
84
+ require('../toast/Toast.js');
85
+ require('../toast/ToastContent.js');
86
+ require('../split-layout/SplitLayout.js');
87
+ require('../switch/Switch.js');
88
+ require('../toggle-button/ToggleButton.js');
89
+ require('../toggle-button-group/ToggleButtonGroup.js');
90
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
91
+ require('../tooltip/Tooltip.js');
92
+ require('@floating-ui/react');
25
93
 
26
94
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
95
 
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldHelperText.js","sources":["../src/form-field/FormFieldHelperText.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StatusIndicator } from \"../status-indicator\";\nimport { Text, TextProps } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { useFormFieldProps } from \"../form-field-context\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldHelperTextCss from \"./FormFieldHelperText.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldHelperText\");\n\nexport const FormFieldHelperText = ({\n className,\n children,\n ...restProps\n}: Omit<TextProps<\"label\">, \"variant\" | \"styleAs\">) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-helper-text\",\n css: formFieldHelperTextCss,\n window: targetWindow,\n });\n\n const { a11yProps, disabled, readOnly, validationStatus } =\n useFormFieldProps();\n\n return (\n <div\n className={clsx(\n withBaseName(),\n { [withBaseName(\"withValidation\")]: validationStatus },\n className\n )}\n >\n {!disabled && !readOnly && validationStatus && (\n <StatusIndicator status={validationStatus} />\n )}\n <Text\n disabled={disabled}\n id={a11yProps?.[\"aria-describedby\"]}\n variant=\"secondary\"\n styleAs=\"label\"\n {...restProps}\n >\n {children}\n </Text>\n </div>\n );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","formFieldHelperTextCss","useFormFieldProps","jsxs","clsx","jsx","StatusIndicator","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,yBAAyB,CAAA,CAAA;AAEpD,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAuD,KAAA;AACrD,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,QAAU,EAAA,gBAAA,KACrCC,mCAAkB,EAAA,CAAA;AAEpB,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,wBAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAa,CAAA,gBAAgB,IAAI,gBAAiB,EAAA;AAAA,MACrD,SAAA;AAAA,KACF;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,CAAC,QAAY,IAAA,CAAC,QAAY,IAAA,gBAAA,oBACxBC,cAAA,CAAAC,+BAAA,EAAA;AAAA,QAAgB,MAAQ,EAAA,gBAAA;AAAA,OAAkB,CAAA;AAAA,sBAE5CD,cAAA,CAAAE,SAAA,EAAA;AAAA,QACC,QAAA;AAAA,QACA,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,QAChB,OAAQ,EAAA,WAAA;AAAA,QACR,OAAQ,EAAA,OAAA;AAAA,QACP,GAAG,SAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"FormFieldHelperText.js","sources":["../src/form-field/FormFieldHelperText.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StatusIndicator } from \"../status-indicator\";\nimport { Text, TextProps } from \"../text\";\nimport { makePrefixer } from \"../utils\";\nimport { useFormFieldProps } from \"../form-field-context\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport formFieldHelperTextCss from \"./FormFieldHelperText.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldHelperText\");\n\nexport const FormFieldHelperText = ({\n className,\n children,\n ...restProps\n}: Omit<TextProps<\"label\">, \"variant\" | \"styleAs\">) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-helper-text\",\n css: formFieldHelperTextCss,\n window: targetWindow,\n });\n\n const { a11yProps, disabled, readOnly, validationStatus } =\n useFormFieldProps();\n\n return (\n <div\n className={clsx(\n withBaseName(),\n { [withBaseName(\"withValidation\")]: validationStatus },\n className\n )}\n >\n {!disabled && !readOnly && validationStatus && (\n <StatusIndicator status={validationStatus} />\n )}\n <Text\n disabled={disabled}\n id={a11yProps?.[\"aria-describedby\"]}\n variant=\"secondary\"\n styleAs=\"label\"\n {...restProps}\n >\n {children}\n </Text>\n </div>\n );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","formFieldHelperTextCss","useFormFieldProps","jsxs","clsx","jsx","StatusIndicator","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,yBAAyB,CAAA,CAAA;AAEpD,MAAM,sBAAsB,CAAC;AAAA,EAClC,SAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,SAAA;AACL,CAAuD,KAAA;AACrD,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAAC,qBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,QAAU,EAAA,gBAAA,KACrCC,mCAAkB,EAAA,CAAA;AAEpB,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAW,EAAAC,wBAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAa,CAAA,gBAAgB,IAAI,gBAAiB,EAAA;AAAA,MACrD,SAAA;AAAA,KACF;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,CAAC,QAAY,IAAA,CAAC,QAAY,IAAA,gBAAA,oBACxBC,cAAA,CAAAC,+BAAA,EAAA;AAAA,QAAgB,MAAQ,EAAA,gBAAA;AAAA,OAAkB,CAAA;AAAA,sBAE5CD,cAAA,CAAAE,SAAA,EAAA;AAAA,QACC,QAAA;AAAA,QACA,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,QAChB,OAAQ,EAAA,WAAA;AAAA,QACR,OAAQ,EAAA,OAAA;AAAA,QACP,GAAG,SAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -21,7 +21,76 @@ require('../utils/useFloatingUI/useFloatingUI.js');
21
21
  require('../utils/useId.js');
22
22
  require('../salt-provider/SaltProvider.js');
23
23
  require('../viewport/ViewportProvider.js');
24
+ require('../accordion/AccordionGroup.js');
25
+ require('../accordion/AccordionPanel.js');
26
+ require('../accordion/Accordion.js');
27
+ require('../accordion/AccordionHeader.js');
28
+ require('../aria-announcer/AriaAnnouncerContext.js');
29
+ require('../avatar/Avatar.js');
30
+ require('../badge/Badge.js');
31
+ require('../banner/Banner.js');
32
+ require('../banner/BannerActions.js');
33
+ require('../banner/BannerContent.js');
34
+ require('../border-item/BorderItem.js');
35
+ require('../border-layout/BorderLayout.js');
36
+ require('../button/Button.js');
37
+ require('../card/Card.js');
38
+ require('../card/InteractableCard.js');
39
+ require('../checkbox/Checkbox.js');
40
+ require('../checkbox/CheckboxGroup.js');
41
+ require('@salt-ds/icons');
42
+ require('../combo-box/ComboBox.js');
43
+ require('../dialog/Dialog.js');
44
+ require('../status-indicator/StatusIndicator.js');
45
+ require('../dialog/DialogContext.js');
46
+ require('../dialog/DialogActions.js');
47
+ require('../dialog/DialogContent.js');
48
+ require('../dialog/DialogCloseButton.js');
49
+ require('../drawer/Drawer.js');
50
+ require('../drawer/DrawerCloseButton.js');
51
+ require('../dropdown/Dropdown.js');
52
+ require('../file-drop-zone/FileDropZone.js');
53
+ require('../file-drop-zone/FileDropZoneIcon.js');
54
+ require('../file-drop-zone/FileDropZoneTrigger.js');
55
+ require('../flex-item/FlexItem.js');
56
+ require('../flex-layout/FlexLayout.js');
57
+ require('../flow-layout/FlowLayout.js');
58
+ require('./FormField.js');
24
59
  var FormFieldLabel$1 = require('./FormFieldLabel.css.js');
60
+ require('../grid-item/GridItem.js');
61
+ require('../grid-layout/GridLayout.js');
62
+ require('../input/Input.js');
63
+ require('../link/Link.js');
64
+ require('../link-card/LinkCard.js');
65
+ require('../list-control/ListControlContext.js');
66
+ require('../multiline-input/MultilineInput.js');
67
+ require('../navigation-item/NavigationItem.js');
68
+ require('../option/Option.js');
69
+ require('../option/OptionGroup.js');
70
+ require('../pagination/Pagination.js');
71
+ require('../pagination/Paginator.js');
72
+ require('../pagination/CompactInput.js');
73
+ require('../pagination/CompactPaginator.js');
74
+ require('../pagination/GoToInput.js');
75
+ require('../panel/Panel.js');
76
+ require('../pill/Pill.js');
77
+ require('../progress/CircularProgress/CircularProgress.js');
78
+ require('../progress/LinearProgress/LinearProgress.js');
79
+ require('../radio-button/RadioButton.js');
80
+ require('../radio-button/RadioButtonGroup.js');
81
+ require('../scrim/Scrim.js');
82
+ require('../spinner/Spinner.js');
83
+ require('../stack-layout/StackLayout.js');
84
+ require('../status-adornment/StatusAdornment.js');
85
+ require('../toast/Toast.js');
86
+ require('../toast/ToastContent.js');
87
+ require('../split-layout/SplitLayout.js');
88
+ require('../switch/Switch.js');
89
+ require('../toggle-button/ToggleButton.js');
90
+ require('../toggle-button-group/ToggleButtonGroup.js');
91
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
92
+ require('../tooltip/Tooltip.js');
93
+ require('@floating-ui/react');
25
94
 
26
95
  const withBaseName = makePrefixer.makePrefixer("saltFormFieldLabel");
27
96
  const FormFieldLabel = ({
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldLabel.js","sources":["../src/form-field/FormFieldLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { Label, TextProps } from \"../text\";\nimport { capitalize, makePrefixer } from \"../utils\";\n\nimport formFieldLabelCss from \"./FormFieldLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldLabel\");\n\nexport interface FormFieldLabelProps\n extends Omit<TextProps<\"label\">, \"variant\" | \"styleAs\"> {\n /**\n * Intent for the label.\n *\n * Defaults to \"label\"\n * Using \"sentence\" gives more prominent styling\n */\n intent?: \"label\" | \"sentence\";\n}\n\nexport const FormFieldLabel = ({\n className,\n children,\n intent = \"label\",\n ...restProps\n}: FormFieldLabelProps) => {\n const { a11yProps, disabled, necessity } = useFormFieldProps();\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-label\",\n css: formFieldLabelCss,\n window: targetWindow,\n });\n\n const necessityLabel = necessity\n ? necessity === \"asterisk\"\n ? \" *\"\n : ` (${capitalize(necessity)})`\n : undefined;\n\n return (\n <Label\n as=\"label\"\n className={clsx(withBaseName(), withBaseName(intent), className)}\n id={a11yProps?.[\"aria-labelledby\"]}\n disabled={disabled}\n variant=\"secondary\"\n {...restProps}\n >\n {children}\n {necessityLabel && (\n <span className={withBaseName(\"necessityLabel\")}>{necessityLabel}</span>\n )}\n </Label>\n );\n};\n"],"names":["makePrefixer","useFormFieldProps","useWindow","useComponentCssInjection","formFieldLabelCss","capitalize","jsxs","Label","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,0BAAa,oBAAoB,CAAA,CAAA;AAa/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAS,GAAA,OAAA;AAAA,EACN,GAAA,SAAA;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,SAAA,KAAcC,mCAAkB,EAAA,CAAA;AAC7D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,YACnB,SAAc,KAAA,UAAA,GACZ,OACA,CAAK,EAAA,EAAAC,qBAAA,CAAW,SAAS,CAC3B,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAA,uBACGC,eAAA,CAAAC,WAAA,EAAA;AAAA,IACC,EAAG,EAAA,OAAA;AAAA,IACH,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,iBAAA,CAAA;AAAA,IAChB,QAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,kCACEC,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,QAAI,QAAA,EAAA,cAAA;AAAA,OAAe,CAAA;AAAA,KAAA;AAAA,GAErE,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"FormFieldLabel.js","sources":["../src/form-field/FormFieldLabel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { Label, TextProps } from \"../text\";\nimport { capitalize, makePrefixer } from \"../utils\";\n\nimport formFieldLabelCss from \"./FormFieldLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltFormFieldLabel\");\n\nexport interface FormFieldLabelProps\n extends Omit<TextProps<\"label\">, \"variant\" | \"styleAs\"> {\n /**\n * Intent for the label.\n *\n * Defaults to \"label\"\n * Using \"sentence\" gives more prominent styling\n */\n intent?: \"label\" | \"sentence\";\n}\n\nexport const FormFieldLabel = ({\n className,\n children,\n intent = \"label\",\n ...restProps\n}: FormFieldLabelProps) => {\n const { a11yProps, disabled, necessity } = useFormFieldProps();\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-form-field-label\",\n css: formFieldLabelCss,\n window: targetWindow,\n });\n\n const necessityLabel = necessity\n ? necessity === \"asterisk\"\n ? \" *\"\n : ` (${capitalize(necessity)})`\n : undefined;\n\n return (\n <Label\n as=\"label\"\n className={clsx(withBaseName(), withBaseName(intent), className)}\n id={a11yProps?.[\"aria-labelledby\"]}\n disabled={disabled}\n variant=\"secondary\"\n {...restProps}\n >\n {children}\n {necessityLabel && (\n <span className={withBaseName(\"necessityLabel\")}>{necessityLabel}</span>\n )}\n </Label>\n );\n};\n"],"names":["makePrefixer","useFormFieldProps","useWindow","useComponentCssInjection","formFieldLabelCss","capitalize","jsxs","Label","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,0BAAa,oBAAoB,CAAA,CAAA;AAa/C,MAAM,iBAAiB,CAAC;AAAA,EAC7B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAS,GAAA,OAAA;AAAA,EACN,GAAA,SAAA;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,SAAA,KAAcC,mCAAkB,EAAA,CAAA;AAC7D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,cAAA,GAAiB,YACnB,SAAc,KAAA,UAAA,GACZ,OACA,CAAK,EAAA,EAAAC,qBAAA,CAAW,SAAS,CAC3B,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA,CAAA;AAEJ,EAAA,uBACGC,eAAA,CAAAC,WAAA,EAAA;AAAA,IACC,EAAG,EAAA,OAAA;AAAA,IACH,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,iBAAA,CAAA;AAAA,IAChB,QAAA;AAAA,IACA,OAAQ,EAAA,WAAA;AAAA,IACP,GAAG,SAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,kCACEC,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,QAAI,QAAA,EAAA,cAAA;AAAA,OAAe,CAAA;AAAA,KAAA;AAAA,GAErE,CAAA,CAAA;AAEJ;;;;"}
@@ -9,6 +9,84 @@ require('../utils/useId.js');
9
9
  require('../salt-provider/SaltProvider.js');
10
10
  require('../viewport/ViewportProvider.js');
11
11
  require('clsx');
12
+ require('../accordion/AccordionGroup.js');
13
+ require('../accordion/AccordionPanel.js');
14
+ require('../accordion/Accordion.js');
15
+ require('../accordion/AccordionHeader.js');
16
+ require('../aria-announcer/AriaAnnouncerContext.js');
17
+ require('react/jsx-runtime');
18
+ require('../avatar/Avatar.js');
19
+ require('../badge/Badge.js');
20
+ require('../banner/Banner.js');
21
+ require('../banner/BannerActions.js');
22
+ require('../banner/BannerContent.js');
23
+ require('../border-item/BorderItem.js');
24
+ require('../border-layout/BorderLayout.js');
25
+ require('../button/Button.js');
26
+ require('../card/Card.js');
27
+ require('../card/InteractableCard.js');
28
+ require('../checkbox/Checkbox.js');
29
+ require('../checkbox/CheckboxGroup.js');
30
+ require('@salt-ds/styles');
31
+ require('@salt-ds/window');
32
+ require('@salt-ds/icons');
33
+ require('../combo-box/ComboBox.js');
34
+ require('../dialog/Dialog.js');
35
+ require('../status-indicator/StatusIndicator.js');
36
+ require('../text/Text.js');
37
+ require('../text/Display.js');
38
+ require('../text/Headings.js');
39
+ require('../text/Label.js');
40
+ require('../text/TextNotation.js');
41
+ require('../text/TextAction.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../grid-item/GridItem.js');
57
+ require('../grid-layout/GridLayout.js');
58
+ require('../input/Input.js');
59
+ require('../link/Link.js');
60
+ require('../link-card/LinkCard.js');
61
+ require('../list-control/ListControlContext.js');
62
+ require('../multiline-input/MultilineInput.js');
63
+ require('../navigation-item/NavigationItem.js');
64
+ require('../option/Option.js');
65
+ require('../option/OptionGroup.js');
66
+ require('../pagination/Pagination.js');
67
+ require('../pagination/Paginator.js');
68
+ require('../pagination/CompactInput.js');
69
+ require('../pagination/CompactPaginator.js');
70
+ require('../pagination/GoToInput.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
12
90
 
13
91
  const FormFieldContext = createContext.createContext(
14
92
  "FormFieldContext",
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldContext.js","sources":["../src/form-field-context/FormFieldContext.ts"],"sourcesContent":["import { createContext } from \"../utils\";\n\nexport interface A11yValueProps {\n /**\n * id for FormFieldHelperText\n */\n helperTextId?: string;\n /**\n * id for FormFieldLabel\n */\n labelId?: string;\n}\n\nexport type NecessityType = \"required\" | \"optional\" | \"asterisk\";\n\nexport interface a11yValueAriaProps {\n \"aria-labelledby\": A11yValueProps[\"labelId\"];\n \"aria-describedby\": A11yValueProps[\"helperTextId\"] | undefined;\n}\n\nexport interface FormFieldContextValue {\n a11yProps: a11yValueAriaProps;\n disabled: boolean;\n necessity: NecessityType | undefined;\n readOnly: boolean;\n validationStatus: \"error\" | \"warning\" | \"success\" | undefined;\n}\n\nexport const FormFieldContext = createContext(\n \"FormFieldContext\",\n {} as FormFieldContextValue\n);\n"],"names":["createContext"],"mappings":";;;;;;;;;;;;AA4BO,MAAM,gBAAmB,GAAAA,2BAAA;AAAA,EAC9B,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}
1
+ {"version":3,"file":"FormFieldContext.js","sources":["../src/form-field-context/FormFieldContext.ts"],"sourcesContent":["import { createContext } from \"../utils\";\n\nexport interface A11yValueProps {\n /**\n * id for FormFieldHelperText\n */\n helperTextId?: string;\n /**\n * id for FormFieldLabel\n */\n labelId?: string;\n}\n\nexport type NecessityType = \"required\" | \"optional\" | \"asterisk\";\n\nexport interface a11yValueAriaProps {\n \"aria-labelledby\": A11yValueProps[\"labelId\"];\n \"aria-describedby\": A11yValueProps[\"helperTextId\"] | undefined;\n}\n\nexport interface FormFieldContextValue {\n a11yProps: a11yValueAriaProps;\n disabled: boolean;\n necessity: NecessityType | undefined;\n readOnly: boolean;\n validationStatus: \"error\" | \"warning\" | \"success\" | undefined;\n}\n\nexport const FormFieldContext = createContext(\n \"FormFieldContext\",\n {} as FormFieldContextValue\n);\n"],"names":["createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,gBAAmB,GAAAA,2BAAA;AAAA,EAC9B,kBAAA;AAAA,EACA,EAAC;AACH;;;;"}
@@ -9,9 +9,86 @@ var makePrefixer = require('../utils/makePrefixer.js');
9
9
  require('../utils/useFloatingUI/useFloatingUI.js');
10
10
  require('../utils/useId.js');
11
11
  var useResponsiveProp = require('../utils/useResponsiveProp.js');
12
- var GridItem$1 = require('./GridItem.css.js');
13
- var window = require('@salt-ds/window');
12
+ require('../accordion/AccordionGroup.js');
13
+ require('../accordion/AccordionPanel.js');
14
+ require('../accordion/Accordion.js');
15
+ require('../accordion/AccordionHeader.js');
16
+ require('../aria-announcer/AriaAnnouncerContext.js');
17
+ require('../avatar/Avatar.js');
18
+ require('../badge/Badge.js');
19
+ require('../banner/Banner.js');
20
+ require('../banner/BannerActions.js');
21
+ require('../banner/BannerContent.js');
22
+ require('../border-item/BorderItem.js');
23
+ require('../border-layout/BorderLayout.js');
24
+ require('../button/Button.js');
25
+ require('../card/Card.js');
26
+ require('../card/InteractableCard.js');
27
+ require('../checkbox/Checkbox.js');
28
+ require('../checkbox/CheckboxGroup.js');
14
29
  var styles = require('@salt-ds/styles');
30
+ var window = require('@salt-ds/window');
31
+ require('../salt-provider/SaltProvider.js');
32
+ require('@salt-ds/icons');
33
+ require('../combo-box/ComboBox.js');
34
+ require('../dialog/Dialog.js');
35
+ require('../status-indicator/StatusIndicator.js');
36
+ require('../text/Text.js');
37
+ require('../text/Display.js');
38
+ require('../text/Headings.js');
39
+ require('../text/Label.js');
40
+ require('../text/TextNotation.js');
41
+ require('../text/TextAction.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-layout/GridLayout.js');
58
+ require('../input/Input.js');
59
+ require('../link/Link.js');
60
+ require('../link-card/LinkCard.js');
61
+ require('../list-control/ListControlContext.js');
62
+ require('../multiline-input/MultilineInput.js');
63
+ require('../navigation-item/NavigationItem.js');
64
+ require('../option/Option.js');
65
+ require('../option/OptionGroup.js');
66
+ require('../pagination/Pagination.js');
67
+ require('../pagination/Paginator.js');
68
+ require('../pagination/CompactInput.js');
69
+ require('../pagination/CompactPaginator.js');
70
+ require('../pagination/GoToInput.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
90
+ require('../viewport/ViewportProvider.js');
91
+ var GridItem$1 = require('./GridItem.css.js');
15
92
 
16
93
  const GRID_ALIGNMENT_BASE = [
17
94
  "start",
@@ -1 +1 @@
1
- {"version":3,"file":"GridItem.js","sources":["../src/grid-item/GridItem.tsx"],"sourcesContent":["import { forwardRef, ElementType, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport {\n makePrefixer,\n ResponsiveProp,\n useResponsiveProp,\n PolymorphicRef,\n PolymorphicComponentPropWithRef,\n} from \"../utils\";\nimport gridItemCss from \"./GridItem.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport const GRID_ALIGNMENT_BASE = [\n \"start\",\n \"end\",\n \"center\",\n \"stretch\",\n] as const;\n\ntype GridAlignment = (typeof GRID_ALIGNMENT_BASE)[number];\n\ntype GridProperty = number | \"auto\";\nexport type GridItemProps<T extends ElementType> =\n PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * The item will span across the provided number of grid columns. Defaults to \"auto\"\n */\n colSpan?: ResponsiveProp<GridProperty>;\n /**\n * The item will span across the provided number of grid rows. Defaults to \"auto\"\n */\n rowSpan?: ResponsiveProp<GridProperty>;\n /**\n * Aligns a grid item inside a cell along the inline (row) axis. Defaults to \"stretch\"\n */\n horizontalAlignment?: GridAlignment;\n /**\n * Aligns a grid item inside a cell along the block (column) axis. Defaults to \"stretch\"\n */\n verticalAlignment?: GridAlignment;\n }\n >;\n\nconst withBaseName = makePrefixer(\"saltGridItem\");\n\nconst colStart = \"auto\";\nconst colEnd = \"auto\";\nconst rowStart = \"auto\";\nconst rowEnd = \"auto\";\n\ntype GridItemComponent = <T extends ElementType = \"div\">(\n props: GridItemProps<T>\n) => ReactElement | null;\n\nexport const GridItem: GridItemComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n colSpan,\n rowSpan,\n horizontalAlignment = \"stretch\",\n verticalAlignment = \"stretch\",\n style,\n ...rest\n }: GridItemProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-grid-item\",\n css: gridItemCss,\n window: targetWindow,\n });\n\n const Component = as || \"div\";\n const gridItemColSpan = useResponsiveProp(colSpan, \"auto\");\n\n const gridItemRowSpan = useResponsiveProp(rowSpan, \"auto\");\n\n const gridColumnStart = gridItemColSpan\n ? `span ${gridItemColSpan}`\n : colStart;\n\n const gridColumnEnd = gridItemColSpan ? `span ${gridItemColSpan}` : colEnd;\n\n const gridRowStart = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowStart;\n\n const gridRowEnd = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowEnd;\n\n const gridStyles = {\n ...style,\n \"--gridItem-justifySelf\": horizontalAlignment,\n \"--gridItem-alignSelf\": verticalAlignment,\n \"--gridItem-gridRowStart\": gridRowStart,\n \"--gridItem-gridColumnStart\": gridColumnStart,\n \"--gridItem-gridRowEnd\": gridRowEnd,\n \"--gridItem-gridColumnEnd\": gridColumnEnd,\n };\n\n return (\n <Component\n className={clsx(withBaseName(), className)}\n style={gridStyles}\n ref={ref}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","gridItemCss","useResponsiveProp","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF,EAAA;AA4BA,MAAM,YAAA,GAAeA,0BAAa,cAAc,CAAA,CAAA;AAEhD,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AACf,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AAMR,MAAM,QAA8B,GAAAC,gBAAA;AAAA,EACzC,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAsB,GAAA,SAAA;AAAA,IACtB,iBAAoB,GAAA,SAAA;AAAA,IACpB,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AACxB,IAAM,MAAA,eAAA,GAAkBC,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkBA,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkB,eACpB,GAAA,CAAA,KAAA,EAAQ,eACR,CAAA,CAAA,GAAA,QAAA,CAAA;AAEJ,IAAM,MAAA,aAAA,GAAgB,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,YAAA,GAAe,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,QAAA,CAAA;AAEnE,IAAM,MAAA,UAAA,GAAa,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEjE,IAAA,MAAM,UAAa,GAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,wBAA0B,EAAA,mBAAA;AAAA,MAC1B,sBAAwB,EAAA,iBAAA;AAAA,MACxB,yBAA2B,EAAA,YAAA;AAAA,MAC3B,4BAA8B,EAAA,eAAA;AAAA,MAC9B,uBAAyB,EAAA,UAAA;AAAA,MACzB,0BAA4B,EAAA,aAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAO,EAAA,UAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}
1
+ {"version":3,"file":"GridItem.js","sources":["../src/grid-item/GridItem.tsx"],"sourcesContent":["import { forwardRef, ElementType, ReactElement } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport {\n makePrefixer,\n ResponsiveProp,\n useResponsiveProp,\n PolymorphicRef,\n PolymorphicComponentPropWithRef,\n} from \"../utils\";\nimport gridItemCss from \"./GridItem.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport const GRID_ALIGNMENT_BASE = [\n \"start\",\n \"end\",\n \"center\",\n \"stretch\",\n] as const;\n\ntype GridAlignment = (typeof GRID_ALIGNMENT_BASE)[number];\n\ntype GridProperty = number | \"auto\";\nexport type GridItemProps<T extends ElementType> =\n PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * The item will span across the provided number of grid columns. Defaults to \"auto\"\n */\n colSpan?: ResponsiveProp<GridProperty>;\n /**\n * The item will span across the provided number of grid rows. Defaults to \"auto\"\n */\n rowSpan?: ResponsiveProp<GridProperty>;\n /**\n * Aligns a grid item inside a cell along the inline (row) axis. Defaults to \"stretch\"\n */\n horizontalAlignment?: GridAlignment;\n /**\n * Aligns a grid item inside a cell along the block (column) axis. Defaults to \"stretch\"\n */\n verticalAlignment?: GridAlignment;\n }\n >;\n\nconst withBaseName = makePrefixer(\"saltGridItem\");\n\nconst colStart = \"auto\";\nconst colEnd = \"auto\";\nconst rowStart = \"auto\";\nconst rowEnd = \"auto\";\n\ntype GridItemComponent = <T extends ElementType = \"div\">(\n props: GridItemProps<T>\n) => ReactElement | null;\n\nexport const GridItem: GridItemComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n colSpan,\n rowSpan,\n horizontalAlignment = \"stretch\",\n verticalAlignment = \"stretch\",\n style,\n ...rest\n }: GridItemProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-grid-item\",\n css: gridItemCss,\n window: targetWindow,\n });\n\n const Component = as || \"div\";\n const gridItemColSpan = useResponsiveProp(colSpan, \"auto\");\n\n const gridItemRowSpan = useResponsiveProp(rowSpan, \"auto\");\n\n const gridColumnStart = gridItemColSpan\n ? `span ${gridItemColSpan}`\n : colStart;\n\n const gridColumnEnd = gridItemColSpan ? `span ${gridItemColSpan}` : colEnd;\n\n const gridRowStart = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowStart;\n\n const gridRowEnd = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowEnd;\n\n const gridStyles = {\n ...style,\n \"--gridItem-justifySelf\": horizontalAlignment,\n \"--gridItem-alignSelf\": verticalAlignment,\n \"--gridItem-gridRowStart\": gridRowStart,\n \"--gridItem-gridColumnStart\": gridColumnStart,\n \"--gridItem-gridRowEnd\": gridRowEnd,\n \"--gridItem-gridColumnEnd\": gridColumnEnd,\n };\n\n return (\n <Component\n className={clsx(withBaseName(), className)}\n style={gridStyles}\n ref={ref}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","gridItemCss","useResponsiveProp","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF,EAAA;AA4BA,MAAM,YAAA,GAAeA,0BAAa,cAAc,CAAA,CAAA;AAEhD,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AACf,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AAMR,MAAM,QAA8B,GAAAC,gBAAA;AAAA,EACzC,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAsB,GAAA,SAAA;AAAA,IACtB,iBAAoB,GAAA,SAAA;AAAA,IACpB,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AACxB,IAAM,MAAA,eAAA,GAAkBC,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkBA,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkB,eACpB,GAAA,CAAA,KAAA,EAAQ,eACR,CAAA,CAAA,GAAA,QAAA,CAAA;AAEJ,IAAM,MAAA,aAAA,GAAgB,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,YAAA,GAAe,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,QAAA,CAAA;AAEnE,IAAM,MAAA,UAAA,GAAa,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEjE,IAAA,MAAM,UAAa,GAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,wBAA0B,EAAA,mBAAA;AAAA,MAC1B,sBAAwB,EAAA,iBAAA;AAAA,MACxB,yBAA2B,EAAA,YAAA;AAAA,MAC3B,4BAA8B,EAAA,eAAA;AAAA,MAC9B,uBAAyB,EAAA,UAAA;AAAA,MACzB,0BAA4B,EAAA,aAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAO,EAAA,UAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}
@@ -9,9 +9,86 @@ var makePrefixer = require('../utils/makePrefixer.js');
9
9
  require('../utils/useFloatingUI/useFloatingUI.js');
10
10
  require('../utils/useId.js');
11
11
  var useResponsiveProp = require('../utils/useResponsiveProp.js');
12
- var GridLayout$1 = require('./GridLayout.css.js');
13
- var window = require('@salt-ds/window');
12
+ require('../accordion/AccordionGroup.js');
13
+ require('../accordion/AccordionPanel.js');
14
+ require('../accordion/Accordion.js');
15
+ require('../accordion/AccordionHeader.js');
16
+ require('../aria-announcer/AriaAnnouncerContext.js');
17
+ require('../avatar/Avatar.js');
18
+ require('../badge/Badge.js');
19
+ require('../banner/Banner.js');
20
+ require('../banner/BannerActions.js');
21
+ require('../banner/BannerContent.js');
22
+ require('../border-item/BorderItem.js');
23
+ require('../border-layout/BorderLayout.js');
24
+ require('../button/Button.js');
25
+ require('../card/Card.js');
26
+ require('../card/InteractableCard.js');
27
+ require('../checkbox/Checkbox.js');
28
+ require('../checkbox/CheckboxGroup.js');
14
29
  var styles = require('@salt-ds/styles');
30
+ var window = require('@salt-ds/window');
31
+ require('../salt-provider/SaltProvider.js');
32
+ require('@salt-ds/icons');
33
+ require('../combo-box/ComboBox.js');
34
+ require('../dialog/Dialog.js');
35
+ require('../status-indicator/StatusIndicator.js');
36
+ require('../text/Text.js');
37
+ require('../text/Display.js');
38
+ require('../text/Headings.js');
39
+ require('../text/Label.js');
40
+ require('../text/TextNotation.js');
41
+ require('../text/TextAction.js');
42
+ require('../dialog/DialogContext.js');
43
+ require('../dialog/DialogActions.js');
44
+ require('../dialog/DialogContent.js');
45
+ require('../dialog/DialogCloseButton.js');
46
+ require('../drawer/Drawer.js');
47
+ require('../drawer/DrawerCloseButton.js');
48
+ require('../dropdown/Dropdown.js');
49
+ require('../file-drop-zone/FileDropZone.js');
50
+ require('../file-drop-zone/FileDropZoneIcon.js');
51
+ require('../file-drop-zone/FileDropZoneTrigger.js');
52
+ require('../flex-item/FlexItem.js');
53
+ require('../flex-layout/FlexLayout.js');
54
+ require('../flow-layout/FlowLayout.js');
55
+ require('../form-field/FormField.js');
56
+ require('../form-field-context/FormFieldContext.js');
57
+ require('../grid-item/GridItem.js');
58
+ require('../input/Input.js');
59
+ require('../link/Link.js');
60
+ require('../link-card/LinkCard.js');
61
+ require('../list-control/ListControlContext.js');
62
+ require('../multiline-input/MultilineInput.js');
63
+ require('../navigation-item/NavigationItem.js');
64
+ require('../option/Option.js');
65
+ require('../option/OptionGroup.js');
66
+ require('../pagination/Pagination.js');
67
+ require('../pagination/Paginator.js');
68
+ require('../pagination/CompactInput.js');
69
+ require('../pagination/CompactPaginator.js');
70
+ require('../pagination/GoToInput.js');
71
+ require('../panel/Panel.js');
72
+ require('../pill/Pill.js');
73
+ require('../progress/CircularProgress/CircularProgress.js');
74
+ require('../progress/LinearProgress/LinearProgress.js');
75
+ require('../radio-button/RadioButton.js');
76
+ require('../radio-button/RadioButtonGroup.js');
77
+ require('../scrim/Scrim.js');
78
+ require('../spinner/Spinner.js');
79
+ require('../stack-layout/StackLayout.js');
80
+ require('../status-adornment/StatusAdornment.js');
81
+ require('../toast/Toast.js');
82
+ require('../toast/ToastContent.js');
83
+ require('../split-layout/SplitLayout.js');
84
+ require('../switch/Switch.js');
85
+ require('../toggle-button/ToggleButton.js');
86
+ require('../toggle-button-group/ToggleButtonGroup.js');
87
+ require('../toggle-button-group/ToggleButtonGroupContext.js');
88
+ require('../tooltip/Tooltip.js');
89
+ require('@floating-ui/react');
90
+ require('../viewport/ViewportProvider.js');
91
+ var GridLayout$1 = require('./GridLayout.css.js');
15
92
 
16
93
  const withBaseName = makePrefixer.makePrefixer("saltGridLayout");
17
94
  const GridLayout = React.forwardRef(
@@ -1 +1 @@
1
- {"version":3,"file":"GridLayout.js","sources":["../src/grid-layout/GridLayout.tsx"],"sourcesContent":["import { forwardRef, ReactElement, ElementType } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport {\n makePrefixer,\n ResponsiveProp,\n useResponsiveProp,\n PolymorphicComponentPropWithRef,\n PolymorphicRef,\n} from \"../utils\";\n\nimport gridLayoutCss from \"./GridLayout.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type GridLayoutProps<T extends ElementType> =\n PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * Number of columns to be displayed. Defaults to 12\n */\n columns?: ResponsiveProp<number>;\n /**\n * Number of rows to be displayed. Defaults to 1\n */\n rows?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 3\n */\n gap?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the columns by setting a density multiplier. Defaults to 1\n */\n columnGap?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 1\n */\n rowGap?: ResponsiveProp<number>;\n }\n >;\n\ntype GridLayoutComponent = <T extends ElementType = \"div\">(\n props: GridLayoutProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltGridLayout\");\n\nexport const GridLayout: GridLayoutComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n columns = 12,\n rows = 1,\n gap,\n columnGap,\n rowGap,\n style,\n ...rest\n }: GridLayoutProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-grid-layout\",\n css: gridLayoutCss,\n window: targetWindow,\n });\n const Component = as || \"div\";\n\n const gridColumns = useResponsiveProp(columns, 12);\n\n const gridRows = useResponsiveProp(rows, 1);\n\n const gridGap = useResponsiveProp(gap, 3);\n\n const gridColumnGap = useResponsiveProp(columnGap, 3);\n\n const gridRowGap = useResponsiveProp(rowGap, 3);\n\n const gridLayoutStyles = {\n ...style,\n \"--gridLayout-columns\": gridColumns,\n \"--gridLayout-rows\": gridRows,\n \"--gridLayout-columnGap\": gridColumnGap ?? gridGap,\n \"--gridLayout-rowGap\": gridRowGap ?? gridGap,\n };\n\n return (\n <Component\n className={clsx(withBaseName(), className)}\n style={gridLayoutStyles}\n ref={ref}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","gridLayoutCss","useResponsiveProp","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAE3C,MAAM,UAAkC,GAAAC,gBAAA;AAAA,EAC7C,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,IAAO,GAAA,CAAA;AAAA,IACP,GAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AACD,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAM,MAAA,WAAA,GAAcC,mCAAkB,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAEjD,IAAM,MAAA,QAAA,GAAWA,mCAAkB,CAAA,IAAA,EAAM,CAAC,CAAA,CAAA;AAE1C,IAAM,MAAA,OAAA,GAAUA,mCAAkB,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAExC,IAAM,MAAA,aAAA,GAAgBA,mCAAkB,CAAA,SAAA,EAAW,CAAC,CAAA,CAAA;AAEpD,IAAM,MAAA,UAAA,GAAaA,mCAAkB,CAAA,MAAA,EAAQ,CAAC,CAAA,CAAA;AAE9C,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,GAAG,KAAA;AAAA,MACH,sBAAwB,EAAA,WAAA;AAAA,MACxB,mBAAqB,EAAA,QAAA;AAAA,MACrB,0BAA0B,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,OAAA;AAAA,MAC3C,uBAAuB,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,OAAA;AAAA,KACvC,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAO,EAAA,gBAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1
+ {"version":3,"file":"GridLayout.js","sources":["../src/grid-layout/GridLayout.tsx"],"sourcesContent":["import { forwardRef, ReactElement, ElementType } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport {\n makePrefixer,\n ResponsiveProp,\n useResponsiveProp,\n PolymorphicComponentPropWithRef,\n PolymorphicRef,\n} from \"../utils\";\n\nimport gridLayoutCss from \"./GridLayout.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nexport type GridLayoutProps<T extends ElementType> =\n PolymorphicComponentPropWithRef<\n T,\n {\n /**\n * Number of columns to be displayed. Defaults to 12\n */\n columns?: ResponsiveProp<number>;\n /**\n * Number of rows to be displayed. Defaults to 1\n */\n rows?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 3\n */\n gap?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the columns by setting a density multiplier. Defaults to 1\n */\n columnGap?: ResponsiveProp<number>;\n /**\n * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 1\n */\n rowGap?: ResponsiveProp<number>;\n }\n >;\n\ntype GridLayoutComponent = <T extends ElementType = \"div\">(\n props: GridLayoutProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltGridLayout\");\n\nexport const GridLayout: GridLayoutComponent = forwardRef(\n <T extends ElementType = \"div\">(\n {\n as,\n children,\n className,\n columns = 12,\n rows = 1,\n gap,\n columnGap,\n rowGap,\n style,\n ...rest\n }: GridLayoutProps<T>,\n ref?: PolymorphicRef<T>\n ) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-grid-layout\",\n css: gridLayoutCss,\n window: targetWindow,\n });\n const Component = as || \"div\";\n\n const gridColumns = useResponsiveProp(columns, 12);\n\n const gridRows = useResponsiveProp(rows, 1);\n\n const gridGap = useResponsiveProp(gap, 3);\n\n const gridColumnGap = useResponsiveProp(columnGap, 3);\n\n const gridRowGap = useResponsiveProp(rowGap, 3);\n\n const gridLayoutStyles = {\n ...style,\n \"--gridLayout-columns\": gridColumns,\n \"--gridLayout-rows\": gridRows,\n \"--gridLayout-columnGap\": gridColumnGap ?? gridGap,\n \"--gridLayout-rowGap\": gridRowGap ?? gridGap,\n };\n\n return (\n <Component\n className={clsx(withBaseName(), className)}\n style={gridLayoutStyles}\n ref={ref}\n {...rest}\n >\n {children}\n </Component>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","gridLayoutCss","useResponsiveProp","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAE3C,MAAM,UAAkC,GAAAC,gBAAA;AAAA,EAC7C,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,IAAO,GAAA,CAAA;AAAA,IACP,GAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AACD,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAM,MAAA,WAAA,GAAcC,mCAAkB,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAEjD,IAAM,MAAA,QAAA,GAAWA,mCAAkB,CAAA,IAAA,EAAM,CAAC,CAAA,CAAA;AAE1C,IAAM,MAAA,OAAA,GAAUA,mCAAkB,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAExC,IAAM,MAAA,aAAA,GAAgBA,mCAAkB,CAAA,SAAA,EAAW,CAAC,CAAA,CAAA;AAEpD,IAAM,MAAA,UAAA,GAAaA,mCAAkB,CAAA,MAAA,EAAQ,CAAC,CAAA,CAAA;AAE9C,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,GAAG,KAAA;AAAA,MACH,sBAAwB,EAAA,WAAA;AAAA,MACxB,mBAAqB,EAAA,QAAA;AAAA,MACrB,0BAA0B,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,OAAA;AAAA,MAC3C,uBAAuB,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,OAAA;AAAA,KACvC,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAO,EAAA,gBAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
package/dist-cjs/index.js CHANGED
@@ -26,6 +26,7 @@ var InteractableCard = require('./card/InteractableCard.js');
26
26
  var Checkbox = require('./checkbox/Checkbox.js');
27
27
  var CheckboxGroup = require('./checkbox/CheckboxGroup.js');
28
28
  var CheckboxIcon = require('./checkbox/CheckboxIcon.js');
29
+ var ComboBox = require('./combo-box/ComboBox.js');
29
30
  var Dialog = require('./dialog/Dialog.js');
30
31
  var DialogHeader = require('./dialog/DialogHeader.js');
31
32
  var DialogActions = require('./dialog/DialogActions.js');
@@ -34,6 +35,7 @@ var DialogContext = require('./dialog/DialogContext.js');
34
35
  var DialogCloseButton = require('./dialog/DialogCloseButton.js');
35
36
  var Drawer = require('./drawer/Drawer.js');
36
37
  var DrawerCloseButton = require('./drawer/DrawerCloseButton.js');
38
+ var Dropdown = require('./dropdown/Dropdown.js');
37
39
  var FileDropZone = require('./file-drop-zone/FileDropZone.js');
38
40
  var FileDropZoneIcon = require('./file-drop-zone/FileDropZoneIcon.js');
39
41
  var FileDropZoneTrigger = require('./file-drop-zone/FileDropZoneTrigger.js');
@@ -50,8 +52,11 @@ var GridLayout = require('./grid-layout/GridLayout.js');
50
52
  var Input = require('./input/Input.js');
51
53
  var Link = require('./link/Link.js');
52
54
  var LinkCard = require('./link-card/LinkCard.js');
55
+ var ListControlContext = require('./list-control/ListControlContext.js');
53
56
  var MultilineInput = require('./multiline-input/MultilineInput.js');
54
57
  var NavigationItem = require('./navigation-item/NavigationItem.js');
58
+ var Option = require('./option/Option.js');
59
+ var OptionGroup = require('./option/OptionGroup.js');
55
60
  var Pagination = require('./pagination/Pagination.js');
56
61
  var Paginator = require('./pagination/Paginator.js');
57
62
  var CompactInput = require('./pagination/CompactInput.js');
@@ -108,6 +113,9 @@ var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.js');
108
113
  var usePrevious = require('./utils/usePrevious.js');
109
114
  var useResponsiveProp = require('./utils/useResponsiveProp.js');
110
115
  var mergeProps = require('./utils/mergeProps.js');
116
+ var useValueEffect = require('./utils/useValueEffect.js');
117
+ var useResizeObserver = require('./utils/useResizeObserver.js');
118
+ var useEventCallback = require('./utils/useEventCallback.js');
111
119
  var ViewportProvider = require('./viewport/ViewportProvider.js');
112
120
 
113
121
 
@@ -139,6 +147,7 @@ exports.InteractableCard = InteractableCard.InteractableCard;
139
147
  exports.Checkbox = Checkbox.Checkbox;
140
148
  exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
141
149
  exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
150
+ exports.ComboBox = ComboBox.ComboBox;
142
151
  exports.ConditionalScrimWrapper = Dialog.ConditionalScrimWrapper;
143
152
  exports.Dialog = Dialog.Dialog;
144
153
  exports.DialogHeader = DialogHeader.DialogHeader;
@@ -149,6 +158,7 @@ exports.useDialogContext = DialogContext.useDialogContext;
149
158
  exports.DialogCloseButton = DialogCloseButton.DialogCloseButton;
150
159
  exports.Drawer = Drawer.Drawer;
151
160
  exports.DrawerCloseButton = DrawerCloseButton.DrawerCloseButton;
161
+ exports.Dropdown = Dropdown.Dropdown;
152
162
  exports.FileDropZone = FileDropZone.FileDropZone;
153
163
  exports.FileDropZoneIcon = FileDropZoneIcon.FileDropZoneIcon;
154
164
  exports.FileDropZoneTrigger = FileDropZoneTrigger.FileDropZoneTrigger;
@@ -169,8 +179,11 @@ exports.GridLayout = GridLayout.GridLayout;
169
179
  exports.Input = Input.Input;
170
180
  exports.Link = Link.Link;
171
181
  exports.LinkCard = LinkCard.LinkCard;
182
+ exports.useListControlContext = ListControlContext.useListControlContext;
172
183
  exports.MultilineInput = MultilineInput.MultilineInput;
173
184
  exports.NavigationItem = NavigationItem.NavigationItem;
185
+ exports.Option = Option.Option;
186
+ exports.OptionGroup = OptionGroup.OptionGroup;
174
187
  exports.Pagination = Pagination.Pagination;
175
188
  exports.Paginator = Paginator.Paginator;
176
189
  exports.CompactInput = CompactInput.CompactInput;
@@ -251,6 +264,9 @@ exports.useCurrentBreakpoint = useResponsiveProp.useCurrentBreakpoint;
251
264
  exports.useOrderedBreakpoints = useResponsiveProp.useOrderedBreakpoints;
252
265
  exports.useResponsiveProp = useResponsiveProp.useResponsiveProp;
253
266
  exports.mergeProps = mergeProps.mergeProps;
267
+ exports.useValueEffect = useValueEffect.useValueEffect;
268
+ exports.useResizeObserver = useResizeObserver.useResizeObserver;
269
+ exports.useEventCallback = useEventCallback.useEventCallback;
254
270
  exports.ViewportContext = ViewportProvider.ViewportContext;
255
271
  exports.ViewportProvider = ViewportProvider.ViewportProvider;
256
272
  exports.useViewport = ViewportProvider.useViewport;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}