@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.2

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 (380) hide show
  1. package/dist-cjs/packages/lab/src/accordion/AccordionSection.js +1 -0
  2. package/dist-cjs/packages/lab/src/accordion/AccordionSection.js.map +1 -1
  3. package/dist-cjs/packages/lab/src/app-header/AppHeader.js +1 -0
  4. package/dist-cjs/packages/lab/src/app-header/AppHeader.js.map +1 -1
  5. package/dist-cjs/packages/lab/src/breadcrumbs/Breadcrumb.js.map +1 -1
  6. package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js +1 -0
  7. package/dist-cjs/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
  8. package/dist-cjs/packages/lab/src/calendar/internal/CalendarDay.js +33 -49
  9. package/dist-cjs/packages/lab/src/calendar/internal/CalendarDay.js.map +1 -1
  10. package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js +34 -64
  11. package/dist-cjs/packages/lab/src/calendar/internal/CalendarNavigation.js.map +1 -1
  12. package/dist-cjs/packages/lab/src/calendar/useSelection.js +1 -0
  13. package/dist-cjs/packages/lab/src/calendar/useSelection.js.map +1 -1
  14. package/dist-cjs/packages/lab/src/carousel/Carousel.js +1 -0
  15. package/dist-cjs/packages/lab/src/carousel/Carousel.js.map +1 -1
  16. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js +1 -0
  17. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenu.js.map +1 -1
  18. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js +46 -60
  19. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuItem.js.map +1 -1
  20. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.js +3 -3
  21. package/dist-cjs/packages/lab/src/cascading-menu/CascadingMenuList.js.map +1 -1
  22. package/dist-cjs/packages/lab/src/cascading-menu/internal/useClickAway.js +1 -0
  23. package/dist-cjs/packages/lab/src/cascading-menu/internal/useClickAway.js.map +1 -1
  24. package/dist-cjs/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js +1 -0
  25. package/dist-cjs/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
  26. package/dist-cjs/packages/lab/src/combo-box/ComboBox.js +1 -0
  27. package/dist-cjs/packages/lab/src/combo-box/ComboBox.js.map +1 -1
  28. package/dist-cjs/packages/lab/src/combo-box/useCombobox.js +1 -0
  29. package/dist-cjs/packages/lab/src/combo-box/useCombobox.js.map +1 -1
  30. package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js +1 -0
  31. package/dist-cjs/packages/lab/src/combo-box-deprecated/filterHelpers.js.map +1 -1
  32. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js +21 -39
  33. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
  34. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js +28 -49
  35. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
  36. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useComboBox.js +1 -0
  37. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useComboBox.js.map +1 -1
  38. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js +1 -0
  39. package/dist-cjs/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
  40. package/dist-cjs/packages/lab/src/common-hooks/useViewportTracking.js +1 -0
  41. package/dist-cjs/packages/lab/src/common-hooks/useViewportTracking.js.map +1 -1
  42. package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js +1 -0
  43. package/dist-cjs/packages/lab/src/common-hooks/utils/filter-utils.js.map +1 -1
  44. package/dist-cjs/packages/lab/src/contact-details/ContactAction.js +8 -23
  45. package/dist-cjs/packages/lab/src/contact-details/ContactAction.js.map +1 -1
  46. package/dist-cjs/packages/lab/src/contact-details/ContactFavoriteToggle.js.map +1 -1
  47. package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js +1 -0
  48. package/dist-cjs/packages/lab/src/contact-details/MailLinkComponent.js.map +1 -1
  49. package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js +8 -19
  50. package/dist-cjs/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js.map +1 -1
  51. package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js +1 -2
  52. package/dist-cjs/packages/lab/src/content-status/internal/StatusIndicator.js.map +1 -1
  53. package/dist-cjs/packages/lab/src/deck-layout/DeckLayout.js +1 -0
  54. package/dist-cjs/packages/lab/src/deck-layout/DeckLayout.js.map +1 -1
  55. package/dist-cjs/packages/lab/src/dropdown/Dropdown.js +1 -0
  56. package/dist-cjs/packages/lab/src/dropdown/Dropdown.js.map +1 -1
  57. package/dist-cjs/packages/lab/src/dropdown/DropdownBase.js +6 -6
  58. package/dist-cjs/packages/lab/src/dropdown/DropdownBase.js.map +1 -1
  59. package/dist-cjs/packages/lab/src/dropdown/useDropdown.js +1 -0
  60. package/dist-cjs/packages/lab/src/dropdown/useDropdown.js.map +1 -1
  61. package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js +1 -0
  62. package/dist-cjs/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
  63. package/dist-cjs/packages/lab/src/form-field/FormField.js +60 -73
  64. package/dist-cjs/packages/lab/src/form-field/FormField.js.map +1 -1
  65. package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js +17 -30
  66. package/dist-cjs/packages/lab/src/form-field/StatusIndicator.js.map +1 -1
  67. package/dist-cjs/packages/lab/src/index.js +3 -15
  68. package/dist-cjs/packages/lab/src/index.js.map +1 -1
  69. package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.js +3 -2
  70. package/dist-cjs/packages/lab/src/layer-layout/LayerLayout.js.map +1 -1
  71. package/dist-cjs/packages/lab/src/list/Highlighter.js +1 -0
  72. package/dist-cjs/packages/lab/src/list/Highlighter.js.map +1 -1
  73. package/dist-cjs/packages/lab/src/list/List.js +1 -0
  74. package/dist-cjs/packages/lab/src/list/List.js.map +1 -1
  75. package/dist-cjs/packages/lab/src/list/VirtualizedList.js +1 -0
  76. package/dist-cjs/packages/lab/src/list/VirtualizedList.js.map +1 -1
  77. package/dist-cjs/packages/lab/src/list/useList.js +1 -0
  78. package/dist-cjs/packages/lab/src/list/useList.js.map +1 -1
  79. package/dist-cjs/packages/lab/src/list/useListHeight.js +1 -0
  80. package/dist-cjs/packages/lab/src/list/useListHeight.js.map +1 -1
  81. package/dist-cjs/packages/lab/src/list-deprecated/List.js +5 -26
  82. package/dist-cjs/packages/lab/src/list-deprecated/List.js.map +1 -1
  83. package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js +28 -58
  84. package/dist-cjs/packages/lab/src/list-deprecated/ListItemBase.js.map +1 -1
  85. package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js +1 -0
  86. package/dist-cjs/packages/lab/src/list-deprecated/internal/Highlighter.js.map +1 -1
  87. package/dist-cjs/packages/lab/src/list-deprecated/useTypeSelect.js +1 -0
  88. package/dist-cjs/packages/lab/src/list-deprecated/useTypeSelect.js.map +1 -1
  89. package/dist-cjs/packages/lab/src/overlay/Overlay.js +1 -1
  90. package/dist-cjs/packages/lab/src/overlay/Overlay.js.map +1 -1
  91. package/dist-cjs/packages/lab/src/overlay/useOverlay.js +11 -12
  92. package/dist-cjs/packages/lab/src/overlay/useOverlay.js.map +1 -1
  93. package/dist-cjs/packages/lab/src/parent-child-layout/ParentChildLayout.js +1 -0
  94. package/dist-cjs/packages/lab/src/parent-child-layout/ParentChildLayout.js.map +1 -1
  95. package/dist-cjs/packages/lab/src/pill/PillBase.js +39 -55
  96. package/dist-cjs/packages/lab/src/pill/PillBase.js.map +1 -1
  97. package/dist-cjs/packages/lab/src/query-input/internal/CategoryList.js +1 -0
  98. package/dist-cjs/packages/lab/src/query-input/internal/CategoryList.js.map +1 -1
  99. package/dist-cjs/packages/lab/src/query-input/internal/CategoryListItem.js +1 -0
  100. package/dist-cjs/packages/lab/src/query-input/internal/CategoryListItem.js.map +1 -1
  101. package/dist-cjs/packages/lab/src/query-input/internal/QueryInputBody.js +1 -0
  102. package/dist-cjs/packages/lab/src/query-input/internal/QueryInputBody.js.map +1 -1
  103. package/dist-cjs/packages/lab/src/query-input/internal/SearchList.js +1 -0
  104. package/dist-cjs/packages/lab/src/query-input/internal/SearchList.js.map +1 -1
  105. package/dist-cjs/packages/lab/src/query-input/internal/ValueList.js +1 -0
  106. package/dist-cjs/packages/lab/src/query-input/internal/ValueList.js.map +1 -1
  107. package/dist-cjs/packages/lab/src/query-input/internal/ValueSelector.js +2 -3
  108. package/dist-cjs/packages/lab/src/query-input/internal/ValueSelector.js.map +1 -1
  109. package/dist-cjs/packages/lab/src/query-input/useQueryInput.js +1 -0
  110. package/dist-cjs/packages/lab/src/query-input/useQueryInput.js.map +1 -1
  111. package/dist-cjs/packages/lab/src/responsive/useOverflow.js +1 -0
  112. package/dist-cjs/packages/lab/src/responsive/useOverflow.js.map +1 -1
  113. package/dist-cjs/packages/lab/src/slider/internal/SliderHandle.js +17 -26
  114. package/dist-cjs/packages/lab/src/slider/internal/SliderHandle.js.map +1 -1
  115. package/dist-cjs/packages/lab/src/tabs/Tabstrip.js +35 -45
  116. package/dist-cjs/packages/lab/src/tabs/Tabstrip.js.map +1 -1
  117. package/dist-cjs/packages/lab/src/tabs/useActivationIndicator.js +1 -0
  118. package/dist-cjs/packages/lab/src/tabs/useActivationIndicator.js.map +1 -1
  119. package/dist-cjs/packages/lab/src/tabs/useKeyboardNavigation.js +1 -0
  120. package/dist-cjs/packages/lab/src/tabs/useKeyboardNavigation.js.map +1 -1
  121. package/dist-cjs/packages/lab/src/toggle-button/ToggleButton.js +6 -26
  122. package/dist-cjs/packages/lab/src/toggle-button/ToggleButton.js.map +1 -1
  123. package/dist-cjs/packages/lab/src/tokenized-input/TokenizedInput.js.map +1 -1
  124. package/dist-cjs/packages/lab/src/tokenized-input/useTokenizedInput.js +1 -0
  125. package/dist-cjs/packages/lab/src/tokenized-input/useTokenizedInput.js.map +1 -1
  126. package/dist-cjs/packages/lab/src/toolbar/Toolbar.js +1 -0
  127. package/dist-cjs/packages/lab/src/toolbar/Toolbar.js.map +1 -1
  128. package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js +1 -0
  129. package/dist-cjs/packages/lab/src/toolbar/internal/renderToolbarItems.js.map +1 -1
  130. package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js +1 -0
  131. package/dist-cjs/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  132. package/dist-cjs/packages/lab/src/tree/Tree.js +1 -0
  133. package/dist-cjs/packages/lab/src/tree/Tree.js.map +1 -1
  134. package/dist-cjs/packages/lab/src/tree/useTree.js +1 -0
  135. package/dist-cjs/packages/lab/src/tree/useTree.js.map +1 -1
  136. package/dist-cjs/packages/lab/src/utils/useFloatingUI.js +38 -0
  137. package/dist-cjs/packages/lab/src/utils/useFloatingUI.js.map +1 -0
  138. package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js +1 -2
  139. package/dist-cjs/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js.map +1 -1
  140. package/dist-es/packages/lab/src/accordion/AccordionSection.js +1 -0
  141. package/dist-es/packages/lab/src/accordion/AccordionSection.js.map +1 -1
  142. package/dist-es/packages/lab/src/app-header/AppHeader.js +1 -0
  143. package/dist-es/packages/lab/src/app-header/AppHeader.js.map +1 -1
  144. package/dist-es/packages/lab/src/breadcrumbs/Breadcrumb.js.map +1 -1
  145. package/dist-es/packages/lab/src/button-bar/OrderedButton.js +1 -0
  146. package/dist-es/packages/lab/src/button-bar/OrderedButton.js.map +1 -1
  147. package/dist-es/packages/lab/src/calendar/internal/CalendarDay.js +35 -51
  148. package/dist-es/packages/lab/src/calendar/internal/CalendarDay.js.map +1 -1
  149. package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js +35 -65
  150. package/dist-es/packages/lab/src/calendar/internal/CalendarNavigation.js.map +1 -1
  151. package/dist-es/packages/lab/src/calendar/useSelection.js +1 -0
  152. package/dist-es/packages/lab/src/calendar/useSelection.js.map +1 -1
  153. package/dist-es/packages/lab/src/carousel/Carousel.js +1 -0
  154. package/dist-es/packages/lab/src/carousel/Carousel.js.map +1 -1
  155. package/dist-es/packages/lab/src/cascading-menu/CascadingMenu.js +1 -0
  156. package/dist-es/packages/lab/src/cascading-menu/CascadingMenu.js.map +1 -1
  157. package/dist-es/packages/lab/src/cascading-menu/CascadingMenuItem.js +48 -62
  158. package/dist-es/packages/lab/src/cascading-menu/CascadingMenuItem.js.map +1 -1
  159. package/dist-es/packages/lab/src/cascading-menu/CascadingMenuList.js +3 -3
  160. package/dist-es/packages/lab/src/cascading-menu/CascadingMenuList.js.map +1 -1
  161. package/dist-es/packages/lab/src/cascading-menu/internal/useClickAway.js +1 -0
  162. package/dist-es/packages/lab/src/cascading-menu/internal/useClickAway.js.map +1 -1
  163. package/dist-es/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js +1 -0
  164. package/dist-es/packages/lab/src/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
  165. package/dist-es/packages/lab/src/combo-box/ComboBox.js +1 -0
  166. package/dist-es/packages/lab/src/combo-box/ComboBox.js.map +1 -1
  167. package/dist-es/packages/lab/src/combo-box/useCombobox.js +1 -0
  168. package/dist-es/packages/lab/src/combo-box/useCombobox.js.map +1 -1
  169. package/dist-es/packages/lab/src/combo-box-deprecated/filterHelpers.js +1 -0
  170. package/dist-es/packages/lab/src/combo-box-deprecated/filterHelpers.js.map +1 -1
  171. package/dist-es/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js +19 -37
  172. package/dist-es/packages/lab/src/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
  173. package/dist-es/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js +26 -47
  174. package/dist-es/packages/lab/src/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
  175. package/dist-es/packages/lab/src/combo-box-deprecated/internal/useComboBox.js +1 -0
  176. package/dist-es/packages/lab/src/combo-box-deprecated/internal/useComboBox.js.map +1 -1
  177. package/dist-es/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js +1 -0
  178. package/dist-es/packages/lab/src/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
  179. package/dist-es/packages/lab/src/common-hooks/useViewportTracking.js +1 -0
  180. package/dist-es/packages/lab/src/common-hooks/useViewportTracking.js.map +1 -1
  181. package/dist-es/packages/lab/src/common-hooks/utils/filter-utils.js +1 -0
  182. package/dist-es/packages/lab/src/common-hooks/utils/filter-utils.js.map +1 -1
  183. package/dist-es/packages/lab/src/contact-details/ContactAction.js +10 -25
  184. package/dist-es/packages/lab/src/contact-details/ContactAction.js.map +1 -1
  185. package/dist-es/packages/lab/src/contact-details/ContactFavoriteToggle.js.map +1 -1
  186. package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js +1 -0
  187. package/dist-es/packages/lab/src/contact-details/MailLinkComponent.js.map +1 -1
  188. package/dist-es/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js +9 -20
  189. package/dist-es/packages/lab/src/contact-details/internal/FavoriteToggleWithTooltip.js.map +1 -1
  190. package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js +1 -2
  191. package/dist-es/packages/lab/src/content-status/internal/StatusIndicator.js.map +1 -1
  192. package/dist-es/packages/lab/src/deck-layout/DeckLayout.js +1 -0
  193. package/dist-es/packages/lab/src/deck-layout/DeckLayout.js.map +1 -1
  194. package/dist-es/packages/lab/src/dropdown/Dropdown.js +1 -0
  195. package/dist-es/packages/lab/src/dropdown/Dropdown.js.map +1 -1
  196. package/dist-es/packages/lab/src/dropdown/DropdownBase.js +3 -3
  197. package/dist-es/packages/lab/src/dropdown/DropdownBase.js.map +1 -1
  198. package/dist-es/packages/lab/src/dropdown/useDropdown.js +1 -0
  199. package/dist-es/packages/lab/src/dropdown/useDropdown.js.map +1 -1
  200. package/dist-es/packages/lab/src/dropdown/useDropdownBase.js +1 -0
  201. package/dist-es/packages/lab/src/dropdown/useDropdownBase.js.map +1 -1
  202. package/dist-es/packages/lab/src/form-field/FormField.js +62 -75
  203. package/dist-es/packages/lab/src/form-field/FormField.js.map +1 -1
  204. package/dist-es/packages/lab/src/form-field/StatusIndicator.js +18 -31
  205. package/dist-es/packages/lab/src/form-field/StatusIndicator.js.map +1 -1
  206. package/dist-es/packages/lab/src/index.js +1 -6
  207. package/dist-es/packages/lab/src/index.js.map +1 -1
  208. package/dist-es/packages/lab/src/layer-layout/LayerLayout.js +3 -2
  209. package/dist-es/packages/lab/src/layer-layout/LayerLayout.js.map +1 -1
  210. package/dist-es/packages/lab/src/list/Highlighter.js +1 -0
  211. package/dist-es/packages/lab/src/list/Highlighter.js.map +1 -1
  212. package/dist-es/packages/lab/src/list/List.js +1 -0
  213. package/dist-es/packages/lab/src/list/List.js.map +1 -1
  214. package/dist-es/packages/lab/src/list/VirtualizedList.js +1 -0
  215. package/dist-es/packages/lab/src/list/VirtualizedList.js.map +1 -1
  216. package/dist-es/packages/lab/src/list/useList.js +1 -0
  217. package/dist-es/packages/lab/src/list/useList.js.map +1 -1
  218. package/dist-es/packages/lab/src/list/useListHeight.js +1 -0
  219. package/dist-es/packages/lab/src/list/useListHeight.js.map +1 -1
  220. package/dist-es/packages/lab/src/list-deprecated/List.js +5 -26
  221. package/dist-es/packages/lab/src/list-deprecated/List.js.map +1 -1
  222. package/dist-es/packages/lab/src/list-deprecated/ListItemBase.js +31 -61
  223. package/dist-es/packages/lab/src/list-deprecated/ListItemBase.js.map +1 -1
  224. package/dist-es/packages/lab/src/list-deprecated/internal/Highlighter.js +1 -0
  225. package/dist-es/packages/lab/src/list-deprecated/internal/Highlighter.js.map +1 -1
  226. package/dist-es/packages/lab/src/list-deprecated/useTypeSelect.js +1 -0
  227. package/dist-es/packages/lab/src/list-deprecated/useTypeSelect.js.map +1 -1
  228. package/dist-es/packages/lab/src/overlay/Overlay.js +1 -1
  229. package/dist-es/packages/lab/src/overlay/Overlay.js.map +1 -1
  230. package/dist-es/packages/lab/src/overlay/useOverlay.js +2 -3
  231. package/dist-es/packages/lab/src/overlay/useOverlay.js.map +1 -1
  232. package/dist-es/packages/lab/src/parent-child-layout/ParentChildLayout.js +1 -0
  233. package/dist-es/packages/lab/src/parent-child-layout/ParentChildLayout.js.map +1 -1
  234. package/dist-es/packages/lab/src/pill/PillBase.js +41 -57
  235. package/dist-es/packages/lab/src/pill/PillBase.js.map +1 -1
  236. package/dist-es/packages/lab/src/query-input/internal/CategoryList.js +1 -0
  237. package/dist-es/packages/lab/src/query-input/internal/CategoryList.js.map +1 -1
  238. package/dist-es/packages/lab/src/query-input/internal/CategoryListItem.js +1 -0
  239. package/dist-es/packages/lab/src/query-input/internal/CategoryListItem.js.map +1 -1
  240. package/dist-es/packages/lab/src/query-input/internal/QueryInputBody.js +1 -0
  241. package/dist-es/packages/lab/src/query-input/internal/QueryInputBody.js.map +1 -1
  242. package/dist-es/packages/lab/src/query-input/internal/SearchList.js +1 -0
  243. package/dist-es/packages/lab/src/query-input/internal/SearchList.js.map +1 -1
  244. package/dist-es/packages/lab/src/query-input/internal/ValueList.js +1 -0
  245. package/dist-es/packages/lab/src/query-input/internal/ValueList.js.map +1 -1
  246. package/dist-es/packages/lab/src/query-input/internal/ValueSelector.js +2 -3
  247. package/dist-es/packages/lab/src/query-input/internal/ValueSelector.js.map +1 -1
  248. package/dist-es/packages/lab/src/query-input/useQueryInput.js +1 -0
  249. package/dist-es/packages/lab/src/query-input/useQueryInput.js.map +1 -1
  250. package/dist-es/packages/lab/src/responsive/useOverflow.js +1 -0
  251. package/dist-es/packages/lab/src/responsive/useOverflow.js.map +1 -1
  252. package/dist-es/packages/lab/src/slider/internal/SliderHandle.js +19 -28
  253. package/dist-es/packages/lab/src/slider/internal/SliderHandle.js.map +1 -1
  254. package/dist-es/packages/lab/src/tabs/Tabstrip.js +36 -46
  255. package/dist-es/packages/lab/src/tabs/Tabstrip.js.map +1 -1
  256. package/dist-es/packages/lab/src/tabs/useActivationIndicator.js +1 -0
  257. package/dist-es/packages/lab/src/tabs/useActivationIndicator.js.map +1 -1
  258. package/dist-es/packages/lab/src/tabs/useKeyboardNavigation.js +1 -0
  259. package/dist-es/packages/lab/src/tabs/useKeyboardNavigation.js.map +1 -1
  260. package/dist-es/packages/lab/src/toggle-button/ToggleButton.js +8 -28
  261. package/dist-es/packages/lab/src/toggle-button/ToggleButton.js.map +1 -1
  262. package/dist-es/packages/lab/src/tokenized-input/TokenizedInput.js.map +1 -1
  263. package/dist-es/packages/lab/src/tokenized-input/useTokenizedInput.js +1 -0
  264. package/dist-es/packages/lab/src/tokenized-input/useTokenizedInput.js.map +1 -1
  265. package/dist-es/packages/lab/src/toolbar/Toolbar.js +1 -0
  266. package/dist-es/packages/lab/src/toolbar/Toolbar.js.map +1 -1
  267. package/dist-es/packages/lab/src/toolbar/internal/renderToolbarItems.js +1 -0
  268. package/dist-es/packages/lab/src/toolbar/internal/renderToolbarItems.js.map +1 -1
  269. package/dist-es/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js +1 -0
  270. package/dist-es/packages/lab/src/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  271. package/dist-es/packages/lab/src/tree/Tree.js +1 -0
  272. package/dist-es/packages/lab/src/tree/Tree.js.map +1 -1
  273. package/dist-es/packages/lab/src/tree/useTree.js +1 -0
  274. package/dist-es/packages/lab/src/tree/useTree.js.map +1 -1
  275. package/dist-es/packages/lab/src/{popper → utils}/useFloatingUI.js +10 -9
  276. package/dist-es/packages/lab/src/utils/useFloatingUI.js.map +1 -0
  277. package/dist-es/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js +1 -2
  278. package/dist-es/packages/lab/src/utils/useIsViewportLargerThanBreakpoint.js.map +1 -1
  279. package/dist-types/breadcrumbs/Breadcrumb.d.ts +1 -1
  280. package/dist-types/calendar/internal/CalendarCarousel.d.ts +1 -1
  281. package/dist-types/calendar/internal/CalendarDay.d.ts +2 -2
  282. package/dist-types/calendar/internal/CalendarMonth.d.ts +1 -1
  283. package/dist-types/calendar/internal/CalendarNavigation.d.ts +1 -1
  284. package/dist-types/calendar/internal/CalendarWeekHeader.d.ts +2 -2
  285. package/dist-types/calendar/useCalendarDay.d.ts +1 -1
  286. package/dist-types/cascading-menu/CascadingMenuList.d.ts +1 -1
  287. package/dist-types/cascading-menu/CascadingMenuProps.d.ts +1 -1
  288. package/dist-types/combo-box-deprecated/internal/DefaultComboBox.d.ts +1 -3
  289. package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts +3 -4
  290. package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts +10 -5
  291. package/dist-types/contact-details/ContactAction.d.ts +1 -2
  292. package/dist-types/contact-details/ContactFavoriteToggle.d.ts +1 -1
  293. package/dist-types/contact-details/internal/FavoriteToggleWithTooltip.d.ts +1 -1
  294. package/dist-types/content-status/internal/StatusIndicator.d.ts +1 -2
  295. package/dist-types/form-field/StatusIndicator.d.ts +1 -1
  296. package/dist-types/index.d.ts +0 -4
  297. package/dist-types/layer-layout/LayerLayout.d.ts +1 -1
  298. package/dist-types/list-deprecated/ListProps.d.ts +0 -5
  299. package/dist-types/overlay/Overlay.d.ts +1 -1
  300. package/dist-types/overlay/useOverlay.d.ts +1 -1
  301. package/dist-types/pill/PillBase.d.ts +1 -1
  302. package/dist-types/skip-link/SkipLink.d.ts +1 -1
  303. package/dist-types/stepper-input/useStepperInput.d.ts +3 -0
  304. package/dist-types/tokenized-input/TokenizedInput.d.ts +1 -1
  305. package/dist-types/toolbar/ToolbarProps.d.ts +1 -1
  306. package/dist-types/utils/index.d.ts +1 -0
  307. package/dist-types/utils/useFloatingUI.d.ts +34 -0
  308. package/dist-types/window/ElectronWindow.d.ts +1 -1
  309. package/dist-types/window/WindowContext.d.ts +3 -3
  310. package/package.json +3 -3
  311. package/dist-cjs/packages/lab/src/popper/useFloatingUI.js +0 -37
  312. package/dist-cjs/packages/lab/src/popper/useFloatingUI.js.map +0 -1
  313. package/dist-cjs/packages/lab/src/spinner/Spinner.css.js +0 -9
  314. package/dist-cjs/packages/lab/src/spinner/Spinner.css.js.map +0 -1
  315. package/dist-cjs/packages/lab/src/spinner/Spinner.js +0 -76
  316. package/dist-cjs/packages/lab/src/spinner/Spinner.js.map +0 -1
  317. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js +0 -71
  318. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js.map +0 -1
  319. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js +0 -71
  320. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js.map +0 -1
  321. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js +0 -71
  322. package/dist-cjs/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js.map +0 -1
  323. package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js +0 -21
  324. package/dist-cjs/packages/lab/src/spinner/svgSpinners/index.js.map +0 -1
  325. package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js +0 -9
  326. package/dist-cjs/packages/lab/src/split-layout/SplitLayout.css.js.map +0 -1
  327. package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js +0 -40
  328. package/dist-cjs/packages/lab/src/split-layout/SplitLayout.js.map +0 -1
  329. package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js +0 -9
  330. package/dist-cjs/packages/lab/src/tooltip/Tooltip.css.js.map +0 -1
  331. package/dist-cjs/packages/lab/src/tooltip/Tooltip.js +0 -84
  332. package/dist-cjs/packages/lab/src/tooltip/Tooltip.js.map +0 -1
  333. package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js +0 -26
  334. package/dist-cjs/packages/lab/src/tooltip/TooltipContext.js.map +0 -1
  335. package/dist-cjs/packages/lab/src/tooltip/useAriaAnnounce.js +0 -87
  336. package/dist-cjs/packages/lab/src/tooltip/useAriaAnnounce.js.map +0 -1
  337. package/dist-cjs/packages/lab/src/tooltip/useTooltip.js +0 -137
  338. package/dist-cjs/packages/lab/src/tooltip/useTooltip.js.map +0 -1
  339. package/dist-es/packages/lab/src/popper/useFloatingUI.js.map +0 -1
  340. package/dist-es/packages/lab/src/spinner/Spinner.css.js +0 -7
  341. package/dist-es/packages/lab/src/spinner/Spinner.css.js.map +0 -1
  342. package/dist-es/packages/lab/src/spinner/Spinner.js +0 -71
  343. package/dist-es/packages/lab/src/spinner/Spinner.js.map +0 -1
  344. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js +0 -67
  345. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerLarge.js.map +0 -1
  346. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js +0 -67
  347. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerMedium.js.map +0 -1
  348. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js +0 -67
  349. package/dist-es/packages/lab/src/spinner/svgSpinners/SpinnerSmall.js.map +0 -1
  350. package/dist-es/packages/lab/src/spinner/svgSpinners/index.js +0 -17
  351. package/dist-es/packages/lab/src/spinner/svgSpinners/index.js.map +0 -1
  352. package/dist-es/packages/lab/src/split-layout/SplitLayout.css.js +0 -7
  353. package/dist-es/packages/lab/src/split-layout/SplitLayout.css.js.map +0 -1
  354. package/dist-es/packages/lab/src/split-layout/SplitLayout.js +0 -36
  355. package/dist-es/packages/lab/src/split-layout/SplitLayout.js.map +0 -1
  356. package/dist-es/packages/lab/src/tooltip/Tooltip.css.js +0 -7
  357. package/dist-es/packages/lab/src/tooltip/Tooltip.css.js.map +0 -1
  358. package/dist-es/packages/lab/src/tooltip/Tooltip.js +0 -80
  359. package/dist-es/packages/lab/src/tooltip/Tooltip.js.map +0 -1
  360. package/dist-es/packages/lab/src/tooltip/TooltipContext.js +0 -21
  361. package/dist-es/packages/lab/src/tooltip/TooltipContext.js.map +0 -1
  362. package/dist-es/packages/lab/src/tooltip/useAriaAnnounce.js +0 -83
  363. package/dist-es/packages/lab/src/tooltip/useAriaAnnounce.js.map +0 -1
  364. package/dist-es/packages/lab/src/tooltip/useTooltip.js +0 -133
  365. package/dist-es/packages/lab/src/tooltip/useTooltip.js.map +0 -1
  366. package/dist-types/popper/index.d.ts +0 -1
  367. package/dist-types/popper/useFloatingUI.d.ts +0 -5
  368. package/dist-types/spinner/Spinner.d.ts +0 -45
  369. package/dist-types/spinner/index.d.ts +0 -1
  370. package/dist-types/spinner/svgSpinners/SpinnerLarge.d.ts +0 -2
  371. package/dist-types/spinner/svgSpinners/SpinnerMedium.d.ts +0 -2
  372. package/dist-types/spinner/svgSpinners/SpinnerSmall.d.ts +0 -2
  373. package/dist-types/spinner/svgSpinners/index.d.ts +0 -2
  374. package/dist-types/split-layout/SplitLayout.d.ts +0 -32
  375. package/dist-types/split-layout/index.d.ts +0 -1
  376. package/dist-types/tooltip/Tooltip.d.ts +0 -37
  377. package/dist-types/tooltip/TooltipContext.d.ts +0 -22
  378. package/dist-types/tooltip/index.d.ts +0 -3
  379. package/dist-types/tooltip/useAriaAnnounce.d.ts +0 -9
  380. package/dist-types/tooltip/useTooltip.d.ts +0 -31
@@ -27,7 +27,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
27
27
  autoFocus?: boolean | undefined;
28
28
  capture?: boolean | "user" | "environment" | undefined;
29
29
  checked?: boolean | undefined;
30
- crossOrigin?: string | undefined;
30
+ crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
31
31
  disabled?: boolean | undefined;
32
32
  enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
33
33
  form?: string | undefined;
@@ -68,6 +68,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
68
68
  hidden?: boolean | undefined;
69
69
  id?: string | undefined;
70
70
  lang?: string | undefined;
71
+ nonce?: string | undefined;
71
72
  slot?: string | undefined;
72
73
  spellCheck?: (boolean | "true" | "false") | undefined;
73
74
  style?: import("react").CSSProperties | undefined;
@@ -215,6 +216,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
215
216
  onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
216
217
  onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
217
218
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
219
+ onResize?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
220
+ onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
218
221
  onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
219
222
  onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
220
223
  onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
@@ -437,6 +440,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
437
440
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
438
441
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
439
442
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
443
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
444
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
440
445
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
441
446
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
442
447
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -539,6 +544,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
539
544
  dir?: string | undefined;
540
545
  draggable?: (boolean | "true" | "false") | undefined;
541
546
  hidden?: boolean | undefined;
547
+ nonce?: string | undefined;
542
548
  placeholder?: string | undefined;
543
549
  spellCheck?: (boolean | "true" | "false") | undefined;
544
550
  translate?: "yes" | "no" | undefined;
@@ -585,7 +591,6 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
585
591
  itemTextHighlightPattern: RegExp | undefined;
586
592
  onClick: (event: MouseEvent<HTMLDivElement>) => void;
587
593
  isListOpen: boolean;
588
- Tooltip?: import("react").ComponentType<import("../..").TooltipProps> | undefined;
589
594
  disableTypeToSelect?: boolean | undefined;
590
595
  getItemIndex?: ((item: Item) => number) | undefined;
591
596
  highlightedIndex?: number | undefined;
@@ -595,9 +600,6 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
595
600
  selectedItem?: Item[] | undefined;
596
601
  selectionVariant?: "multiple" | undefined;
597
602
  tabToSelect?: boolean | undefined;
598
- tooltipEnterDelay?: number | undefined;
599
- tooltipLeaveDelay?: number | undefined;
600
- tooltipPlacement?: import("@floating-ui/core").Placement | undefined;
601
603
  ListItem?: any;
602
604
  ListPlaceholder?: any;
603
605
  borderless?: boolean | undefined;
@@ -748,6 +750,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
748
750
  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
749
751
  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
750
752
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
753
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
754
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
751
755
  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
752
756
  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
753
757
  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -848,6 +852,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
848
852
  dir?: string | undefined;
849
853
  draggable?: (boolean | "true" | "false") | undefined;
850
854
  hidden?: boolean | undefined;
855
+ nonce?: string | undefined;
851
856
  placeholder?: string | undefined;
852
857
  spellCheck?: (boolean | "true" | "false") | undefined;
853
858
  translate?: "yes" | "no" | undefined;
@@ -1,7 +1,6 @@
1
- import { ButtonProps } from "@salt-ds/core";
1
+ import { ButtonProps, TooltipProps } from "@salt-ds/core";
2
2
  import { IconProps } from "@salt-ds/icons";
3
3
  import { ComponentType } from "react";
4
- import { TooltipProps } from "../tooltip";
5
4
  export declare type ContactActionProps = ButtonProps & {
6
5
  accessibleText?: string;
7
6
  tooltipProps?: TooltipProps;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import { TooltipProps } from "@salt-ds/core";
2
3
  import { FavoriteToggleWithTooltipProps } from "./internal";
3
- import { TooltipProps } from "../tooltip";
4
4
  export interface ContactFavoriteToggleProps extends FavoriteToggleWithTooltipProps {
5
5
  isFavorite?: boolean;
6
6
  defaultIsFavorite?: boolean;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import { TooltipProps } from "@salt-ds/core";
2
3
  import { FavoriteToggleProps } from "./FavoriteToggle";
3
- import { TooltipProps } from "../../tooltip";
4
4
  export interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {
5
5
  tooltipProps?: TooltipProps;
6
6
  tooltipTitle?: string;
@@ -1,7 +1,6 @@
1
- import { StatusIndicatorProps as BaseStatusIndicatorProps } from "@salt-ds/core";
1
+ import { StatusIndicatorProps as BaseStatusIndicatorProps, SpinnerProps } from "@salt-ds/core";
2
2
  import { ReactElement } from "react";
3
3
  import { CircularProgressProps } from "../../progress";
4
- import { SpinnerProps } from "../../spinner";
5
4
  export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "unit" | "value"> {
6
5
  title?: string;
7
6
  message?: string;
@@ -1,6 +1,6 @@
1
1
  import { IconProps } from "@salt-ds/icons";
2
2
  import { ElementType } from "react";
3
- import { TooltipProps } from "../tooltip";
3
+ import { TooltipProps } from "@salt-ds/core";
4
4
  export declare type StatusIndicatorStatus = "error" | "info" | "warning" | "success";
5
5
  export interface StatusIndicatorProps extends IconProps {
6
6
  hasTooltip?: boolean;
@@ -39,7 +39,6 @@ export * from "./pagination";
39
39
  export * from "./parent-child-item";
40
40
  export * from "./parent-child-layout";
41
41
  export * from "./pill";
42
- export * from "./popper";
43
42
  export * from "./portal";
44
43
  export * from "./progress";
45
44
  export * from "./query-input";
@@ -49,15 +48,12 @@ export * from "./scrim";
49
48
  export * from "./search-input";
50
49
  export * from "./skip-link";
51
50
  export * from "./slider";
52
- export * from "./spinner";
53
- export * from "./split-layout";
54
51
  export * from "./stepper-input";
55
52
  export * from "./switch";
56
53
  export * from "./tabs";
57
54
  export * from "./toggle-button";
58
55
  export * from "./tokenized-input";
59
56
  export * from "./toolbar";
60
- export * from "./tooltip";
61
57
  export * from "./tree";
62
58
  export * from "./utils";
63
59
  export * from "./window";
@@ -1,7 +1,7 @@
1
1
  import { HTMLAttributes } from "react";
2
- import { Breakpoints } from "@salt-ds/core";
3
2
  import { ScrimProps } from "../scrim";
4
3
  import "./LayerLayout.css";
4
+ import { Breakpoints } from "@salt-ds/core";
5
5
  export declare const LAYER_POSITIONS: readonly ["center", "left", "top", "right", "bottom"];
6
6
  export declare type LayerPositions = typeof LAYER_POSITIONS[number];
7
7
  export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes, Ref, SyntheticEvent } from "react";
2
- import { TooltipContextProps } from "../tooltip";
3
2
  export declare type ListSingleSelectionVariant = "default" | "deselectable";
4
3
  export declare type ListMultiSelectionVariant = "multiple" | "extended";
5
4
  export declare type ListSelectionVariant = ListSingleSelectionVariant | ListMultiSelectionVariant;
@@ -154,7 +153,6 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
154
153
  width?: number | string;
155
154
  }
156
155
  export interface ListProps<Item = string, Variant extends ListSelectionVariant = "default"> extends ListBaseProps<Item> {
157
- Tooltip?: TooltipContextProps["Tooltip"];
158
156
  disableTypeToSelect?: boolean;
159
157
  getItemIndex?: (item: Item) => number;
160
158
  highlightedIndex?: number;
@@ -171,7 +169,4 @@ export interface ListProps<Item = string, Variant extends ListSelectionVariant =
171
169
  * @default false
172
170
  */
173
171
  tabToSelect?: boolean;
174
- tooltipEnterDelay?: TooltipContextProps["enterDelay"];
175
- tooltipLeaveDelay?: TooltipContextProps["leaveDelay"];
176
- tooltipPlacement?: TooltipContextProps["placement"];
177
172
  }
@@ -1,5 +1,5 @@
1
+ import { UseFloatingUIProps } from "@salt-ds/core";
1
2
  import { ComponentProps, ComponentPropsWithoutRef } from "react";
2
- import { UseFloatingUIProps } from "../popper";
3
3
  import "./Overlay.css";
4
4
  interface ADAExceptions {
5
5
  showClose?: boolean;
@@ -1,6 +1,6 @@
1
+ import { UseFloatingUIProps } from "@salt-ds/core";
1
2
  import { ComponentPropsWithRef, JSXElementConstructor } from "react";
2
3
  import { OverlayProps } from "./Overlay";
3
- import { UseFloatingUIProps } from "../popper";
4
4
  export declare type UseOverlayProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">>;
5
5
  export declare function useOverlay(props: UseOverlayProps): {
6
6
  getTriggerProps: <Element_1 extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_1>> | undefined) => ComponentPropsWithRef<Element_1>;
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes, ReactElement, ReactEventHandler, SyntheticEvent } from "react";
2
- import { TooltipProps } from "../tooltip";
2
+ import { TooltipProps } from "@salt-ds/core";
3
3
  import "./Pill.css";
4
4
  export interface PillBaseProps extends HTMLAttributes<HTMLDivElement> {
5
5
  /**
@@ -12,5 +12,5 @@ interface SkipLinkProps extends LinkProps {
12
12
  */
13
13
  targetRef?: RefObject<HTMLElement>;
14
14
  }
15
- export declare const SkipLink: import("react").ForwardRefExoticComponent<Pick<SkipLinkProps, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent" | "targetRef"> & import("react").RefAttributes<HTMLAnchorElement>>;
15
+ export declare const SkipLink: import("react").ForwardRefExoticComponent<Omit<SkipLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
16
16
  export {};
@@ -144,6 +144,8 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
144
144
  onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
145
145
  onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
146
146
  onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
147
+ onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
148
+ onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
147
149
  onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
148
150
  onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
149
151
  onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -245,6 +247,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
245
247
  dir?: string | undefined;
246
248
  draggable?: (boolean | "true" | "false") | undefined;
247
249
  hidden?: boolean | undefined;
250
+ nonce?: string | undefined;
248
251
  placeholder?: string | undefined;
249
252
  spellCheck?: (boolean | "true" | "false") | undefined;
250
253
  translate?: "yes" | "no" | undefined;
@@ -1,6 +1,6 @@
1
+ import { UseTooltipProps } from "@salt-ds/core";
1
2
  import { ComponentType } from "react";
2
3
  import { TokenizedInputBaseProps } from "./TokenizedInputBase";
3
- import { UseTooltipProps } from "../tooltip";
4
4
  import "./TokenizedInput.css";
5
5
  export declare type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
6
6
  export declare type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
@@ -1,4 +1,4 @@
1
- import { TooltipProps } from "../tooltip";
1
+ import { TooltipProps } from "@salt-ds/core";
2
2
  import { ComponentType, HTMLAttributes, ReactNode } from "react";
3
3
  export declare type OrientationShape = "vertical" | "horizontal";
4
4
  export interface ToolbarAlignmentProps {
@@ -6,6 +6,7 @@ export * from "./isPlainObject";
6
6
  export * from "./partition";
7
7
  export * from "./useClickOutside";
8
8
  export * from "./useEventCallback";
9
+ export * from "./useFloatingUI";
9
10
  export * from "./useIsViewportLargerThanBreakpoint";
10
11
  export * from "./useLayoutEffectOnce";
11
12
  export * from "./useLayoutEffectSkipFirst";
@@ -0,0 +1,34 @@
1
+ import type { Middleware, Placement, Strategy } from "@floating-ui/react";
2
+ import { useFloating } from "@floating-ui/react";
3
+ export declare type UseFloatingUIProps = {
4
+ /**
5
+ * Set position relative to trigger
6
+ */
7
+ placement?: Placement;
8
+ strategy?: Strategy;
9
+ middleware?: Middleware[];
10
+ /**
11
+ * Set visible state. Defaults to false
12
+ */
13
+ open?: boolean;
14
+ /**
15
+ * Callback function triggered when open state changes
16
+ */
17
+ onOpenChange?: (open: boolean) => void;
18
+ };
19
+ export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
20
+ name: string;
21
+ options?: any;
22
+ fn: (state: {
23
+ x: number;
24
+ y: number;
25
+ initialPlacement: Placement;
26
+ placement: Placement;
27
+ strategy: Strategy;
28
+ middlewareData: import("@floating-ui/react").MiddlewareData;
29
+ rects: import("@floating-ui/react").ElementRects;
30
+ platform: import("@floating-ui/core").Platform;
31
+ elements: import("@floating-ui/react").Elements;
32
+ }) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
33
+ }[];
34
+ export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;
@@ -2,4 +2,4 @@
2
2
  import "./ElectronWindow.css";
3
3
  export declare const ElectronWindow: import("react").ForwardRefExoticComponent<{
4
4
  open?: boolean | undefined;
5
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
5
+ } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -4,11 +4,11 @@ export declare type WindowProps = {
4
4
  } & ComponentPropsWithoutRef<"div">;
5
5
  export declare const Window: import("react").ForwardRefExoticComponent<{
6
6
  open?: boolean | undefined;
7
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
7
+ } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
8
8
  export declare const WindowContext: import("react").Context<import("react").ForwardRefExoticComponent<{
9
9
  open?: boolean | undefined;
10
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>>;
10
+ } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
11
11
  export declare const useWindow: () => import("react").ForwardRefExoticComponent<{
12
12
  open?: boolean | undefined;
13
- } & Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
13
+ } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
14
14
  export declare const isDesktop: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/lab",
3
- "version": "1.0.0-alpha.1",
3
+ "version": "1.0.0-alpha.2",
4
4
  "license": "Apache-2.0",
5
5
  "main": "dist-cjs/packages/lab/src/index.js",
6
6
  "sideEffects": [
@@ -23,11 +23,11 @@
23
23
  "module": "dist-es/packages/lab/src/index.js",
24
24
  "typings": "dist-types/index.d.ts",
25
25
  "dependencies": {
26
- "@salt-ds/core": "1.1.0",
26
+ "@salt-ds/core": "1.2.0",
27
27
  "clsx": "^1.2.1",
28
28
  "react-window": "^1.8.6",
29
29
  "compute-scroll-into-view": "^2.0.0",
30
- "@floating-ui/react-dom-interactions": "^0.5.0",
30
+ "@floating-ui/react": "^0.19.0",
31
31
  "@salt-ds/icons": "1.1.0",
32
32
  "@internationalized/date": "^3.0.0",
33
33
  "tinycolor2": "^1.4.2",
@@ -1,37 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var reactDomInteractions = require('@floating-ui/react-dom-interactions');
6
- var WindowContext = require('../window/WindowContext.js');
7
- require('../window/ElectronWindow.js');
8
-
9
- const DEFAULT_FLOATING_UI_MIDDLEWARE = WindowContext.isDesktop ? [] : [reactDomInteractions.flip(), reactDomInteractions.shift({ limiter: reactDomInteractions.limitShift() })];
10
- function useFloatingUI(props) {
11
- const {
12
- placement: placementProp,
13
- strategy: strategyProp,
14
- middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
15
- open,
16
- onOpenChange
17
- } = props;
18
- const { reference, floating, refs, update, ...rest } = reactDomInteractions.useFloating({
19
- placement: placementProp,
20
- strategy: strategyProp,
21
- middleware,
22
- open,
23
- onOpenChange,
24
- whileElementsMounted: reactDomInteractions.autoUpdate
25
- });
26
- return {
27
- reference,
28
- floating,
29
- refs,
30
- update,
31
- ...rest
32
- };
33
- }
34
-
35
- exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
36
- exports.useFloatingUI = useFloatingUI;
37
- //# sourceMappingURL=useFloatingUI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFloatingUI.js","sources":["../src/popper/useFloatingUI.tsx"],"sourcesContent":["import type { Props } from \"@floating-ui/react-dom-interactions\";\nimport {\n autoUpdate,\n flip,\n limitShift,\n shift,\n useFloating,\n} from \"@floating-ui/react-dom-interactions\";\nimport { isDesktop } from \"../window\";\n\nexport type UseFloatingUIProps = Partial<\n Pick<Props, \"placement\" | \"strategy\" | \"middleware\" | \"open\" | \"onOpenChange\">\n>;\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = isDesktop\n ? []\n : [flip(), shift({ limiter: limitShift() })];\n\nexport function useFloatingUI(\n props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n const {\n placement: placementProp,\n strategy: strategyProp,\n middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n open,\n onOpenChange,\n } = props;\n\n const { reference, floating, refs, update, ...rest } = useFloating({\n placement: placementProp,\n strategy: strategyProp,\n middleware,\n open,\n onOpenChange,\n whileElementsMounted: autoUpdate,\n });\n\n return {\n reference,\n floating,\n refs,\n update,\n ...rest,\n };\n}\n"],"names":["isDesktop","flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;;;AAcO,MAAM,8BAAiC,GAAAA,uBAAA,GAC1C,EAAC,GACD,CAACC,yBAAA,EAAQ,EAAAC,0BAAA,CAAM,EAAE,OAAA,EAASC,+BAAW,EAAA,EAAG,CAAC,EAAA;AAEtC,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAW,EAAA,aAAA;AAAA,IACX,QAAU,EAAA,YAAA;AAAA,IACV,UAAa,GAAA,8BAAA;AAAA,IACb,IAAA;AAAA,IACA,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,gCAAY,CAAA;AAAA,IACjE,SAAW,EAAA,aAAA;AAAA,IACX,QAAU,EAAA,YAAA;AAAA,IACV,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,+BAAA;AAAA,GACvB,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,GAAG,IAAA;AAAA,GACL,CAAA;AACF;;;;;"}
@@ -1,9 +0,0 @@
1
- 'use strict';
2
-
3
- var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
4
-
5
- var css_248z = ".saltSvgSpinner-gradientStop1,\n.saltSvgSpinner-gradientStop2,\n.saltSvgSpinner-gradientStop3,\n.saltSvgSpinner-gradientStop4 {\n stop-color: var(--saltSpinner-gradient-color, var(--spinner-gradient-color));\n}\n\n.saltSvgSpinner {\n --spinner-gradient-color: var(--salt-measured-fill);\n\n position: relative;\n}\n\n.saltSvgSpinner-small {\n height: var(--salt-size-graphic-small);\n width: var(--salt-size-graphic-small);\n}\n\n.saltSvgSpinner-medium {\n height: var(--salt-size-graphic-medium);\n width: var(--salt-size-graphic-medium);\n}\n\n.saltSvgSpinner-large {\n height: var(--salt-size-graphic-large);\n width: var(--salt-size-graphic-large);\n}\n\n.saltSvgSpinner-spinner {\n animation: spinner 0.9s linear infinite;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
6
- styleInject_es(css_248z);
7
-
8
- module.exports = css_248z;
9
- //# sourceMappingURL=Spinner.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Spinner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1,76 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var core = require('@salt-ds/core');
7
- var clsx = require('clsx');
8
- var React = require('react');
9
- var index = require('./svgSpinners/index.js');
10
- require('./Spinner.css.js');
11
-
12
- const SpinnerSizeValues = ["small", "medium", "large"];
13
- const baseName = "saltSvgSpinner";
14
- const Spinner = React.forwardRef(
15
- function Spinner2({
16
- "aria-label": ariaLabel = "loading",
17
- announcerInterval = 5e3,
18
- announcerTimeout = 2e4,
19
- completionAnnouncement = `finished ${ariaLabel}`,
20
- disableAnnouncer,
21
- role = "img",
22
- className,
23
- size = "medium",
24
- id: idProps,
25
- ...rest
26
- }, ref) {
27
- const generatedId = core.useId(idProps);
28
- const SvgSpinner = index.getSvgSpinner(size);
29
- const { announce } = core.useAriaAnnouncer();
30
- React.useEffect(() => {
31
- if (disableAnnouncer)
32
- return;
33
- announce(ariaLabel);
34
- const startTime = new Date().getTime();
35
- const interval = setInterval(() => {
36
- if (new Date().getTime() - startTime > announcerTimeout) {
37
- announce(
38
- `${ariaLabel} is still in progress, but will no longer announce.`
39
- );
40
- clearInterval(interval);
41
- return;
42
- }
43
- announce(ariaLabel);
44
- }, announcerInterval);
45
- return () => {
46
- if (disableAnnouncer)
47
- return;
48
- clearInterval(interval);
49
- if (completionAnnouncement) {
50
- announce(completionAnnouncement);
51
- }
52
- };
53
- }, [
54
- announce,
55
- announcerInterval,
56
- announcerTimeout,
57
- ariaLabel,
58
- completionAnnouncement,
59
- disableAnnouncer
60
- ]);
61
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
62
- "aria-label": ariaLabel,
63
- className: clsx.clsx(`${baseName}-${size}`, className, baseName),
64
- ref,
65
- role,
66
- ...rest,
67
- children: /* @__PURE__ */ jsxRuntime.jsx(SvgSpinner, {
68
- id: generatedId
69
- })
70
- });
71
- }
72
- );
73
-
74
- exports.Spinner = Spinner;
75
- exports.SpinnerSizeValues = SpinnerSizeValues;
76
- //# sourceMappingURL=Spinner.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Spinner.js","sources":["../src/spinner/Spinner.tsx"],"sourcesContent":["import { useAriaAnnouncer, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { getSvgSpinner } from \"./svgSpinners\";\n\nimport \"./Spinner.css\";\n\n/**\n * Spinner component, provides an indeterminate loading indicator\n *\n * @example\n * <Spinner size=\"small | medium | large\" />\n */\n\n// TODO: documentation -- add line about best practices:\n// - Improve accessibility by customizing the aria-label to provide additional context about *what* is loading, e.g. `aria-label=\"loading settings panel\"`.\n\nexport const SpinnerSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport type SpinnerSize = typeof SpinnerSizeValues[number];\nconst baseName = \"saltSvgSpinner\";\n\nexport interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)\n */\n announcerInterval?: number;\n /**\n * * Determines the interval after which the component will stop announcing the aria-label. Defaults to 20000ms (20s)\n */\n announcerTimeout?: number;\n /**\n * The className(s) of the component\n */\n className?: string;\n /**\n * Determines the message to be announced by the component when it unmounts. Set to null if not needed.\n */\n completionAnnouncement?: string | null;\n /**\n * If true, built in aria announcer will be inactive\n */\n disableAnnouncer?: boolean;\n /**\n * The prop for the role attribute of the component\n */\n role?: string;\n /**\n * Determines the size of the spinner. Must be one of: 'small', 'medium', 'large'.\n */\n size?: SpinnerSize;\n /**\n * The ids of the SvgSpinner components\n */\n id?: string;\n}\n\nexport const Spinner = forwardRef<HTMLDivElement, SpinnerProps>(\n function Spinner(\n {\n \"aria-label\": ariaLabel = \"loading\",\n announcerInterval = 5000,\n announcerTimeout = 20000,\n completionAnnouncement = `finished ${ariaLabel}`,\n disableAnnouncer,\n role = \"img\",\n className,\n size = \"medium\",\n id: idProps,\n ...rest\n },\n ref\n ) {\n const generatedId = useId(idProps);\n const SvgSpinner = getSvgSpinner(size);\n\n const { announce } = useAriaAnnouncer();\n\n useEffect(() => {\n if (disableAnnouncer) return;\n\n announce(ariaLabel);\n\n const startTime = new Date().getTime();\n\n const interval =\n // announcerInterval > 0 &&\n // above line was causing typescript type error that I didn't manage to sort out right away\n setInterval(() => {\n if (new Date().getTime() - startTime > announcerTimeout) {\n // the announcer will stop after 20s\n announce(\n `${ariaLabel} is still in progress, but will no longer announce.`\n );\n clearInterval(interval);\n return;\n }\n announce(ariaLabel);\n }, announcerInterval);\n\n return () => {\n if (disableAnnouncer) return;\n\n clearInterval(interval);\n if (completionAnnouncement) {\n announce(completionAnnouncement);\n }\n };\n }, [\n announce,\n announcerInterval,\n announcerTimeout,\n ariaLabel,\n completionAnnouncement,\n disableAnnouncer,\n ]);\n\n return (\n <div\n aria-label={ariaLabel}\n className={clsx(`${baseName}-${size}`, className, baseName)}\n ref={ref}\n role={role}\n {...rest}\n >\n <SvgSpinner id={generatedId} />\n </div>\n );\n }\n);\n"],"names":["forwardRef","Spinner","useId","getSvgSpinner","useAriaAnnouncer","useEffect","jsx","clsx"],"mappings":";;;;;;;;;;;AAiBO,MAAM,iBAAoB,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,EAAA;AAE5D,MAAM,QAAW,GAAA,gBAAA,CAAA;AAqCV,MAAM,OAAU,GAAAA,gBAAA;AAAA,EACrB,SAASC,QACP,CAAA;AAAA,IACE,cAAc,SAAY,GAAA,SAAA;AAAA,IAC1B,iBAAoB,GAAA,GAAA;AAAA,IACpB,gBAAmB,GAAA,GAAA;AAAA,IACnB,yBAAyB,CAAY,SAAA,EAAA,SAAA,CAAA,CAAA;AAAA,IACrC,gBAAA;AAAA,IACA,IAAO,GAAA,KAAA;AAAA,IACP,SAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,IACP,EAAI,EAAA,OAAA;AAAA,IACD,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAM,MAAA,WAAA,GAAcC,WAAM,OAAO,CAAA,CAAA;AACjC,IAAM,MAAA,UAAA,GAAaC,oBAAc,IAAI,CAAA,CAAA;AAErC,IAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,qBAAiB,EAAA,CAAA;AAEtC,IAAAC,eAAA,CAAU,MAAM;AACd,MAAI,IAAA,gBAAA;AAAkB,QAAA,OAAA;AAEtB,MAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAElB,MAAA,MAAM,SAAY,GAAA,IAAI,IAAK,EAAA,CAAE,OAAQ,EAAA,CAAA;AAErC,MAAM,MAAA,QAAA,GAGJ,YAAY,MAAM;AAChB,QAAA,IAAI,IAAI,IAAK,EAAA,CAAE,OAAQ,EAAA,GAAI,YAAY,gBAAkB,EAAA;AAEvD,UAAA,QAAA;AAAA,YACE,CAAG,EAAA,SAAA,CAAA,mDAAA,CAAA;AAAA,WACL,CAAA;AACA,UAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AACtB,UAAA,OAAA;AAAA,SACF;AACA,QAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAAA,SACjB,iBAAiB,CAAA,CAAA;AAEtB,MAAA,OAAO,MAAM;AACX,QAAI,IAAA,gBAAA;AAAkB,UAAA,OAAA;AAEtB,QAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AACtB,QAAA,IAAI,sBAAwB,EAAA;AAC1B,UAAA,QAAA,CAAS,sBAAsB,CAAA,CAAA;AAAA,SACjC;AAAA,OACF,CAAA;AAAA,KACC,EAAA;AAAA,MACD,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,sBAAA;AAAA,MACA,gBAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,YAAY,EAAA,SAAA;AAAA,MACZ,WAAWC,SAAK,CAAA,CAAA,EAAG,QAAY,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,EAAQ,WAAW,QAAQ,CAAA;AAAA,MAC1D,GAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAC,kBAAAD,cAAA,CAAA,UAAA,EAAA;AAAA,QAAW,EAAI,EAAA,WAAA;AAAA,OAAa,CAAA;AAAA,KAC/B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}
@@ -1,71 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- const baseName = "saltSvgSpinner";
8
- const SpinnerLarge = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", {
9
- className: `${baseName}-spinner`,
10
- viewBox: "0 0 48 48",
11
- ...props,
12
- children: [
13
- /* @__PURE__ */ jsxRuntime.jsxs("defs", {
14
- children: [
15
- /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
16
- id: `${props.id}-1`,
17
- x1: "13%",
18
- x2: "100%",
19
- y1: "0%",
20
- y2: "87%",
21
- children: [
22
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
23
- className: `${baseName}-gradientStop1`,
24
- offset: "0%"
25
- }),
26
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
27
- className: `${baseName}-gradientStop2`,
28
- offset: "100%",
29
- stopOpacity: "0"
30
- })
31
- ]
32
- }),
33
- /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
34
- id: `${props.id}-2`,
35
- x1: "100%",
36
- x2: "0%",
37
- y1: "78%",
38
- y2: "78%",
39
- children: [
40
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
41
- className: `${baseName}-gradientStop3`,
42
- offset: "0%"
43
- }),
44
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
45
- className: `${baseName}-gradientStop4`,
46
- offset: "100%"
47
- })
48
- ]
49
- })
50
- ]
51
- }),
52
- /* @__PURE__ */ jsxRuntime.jsxs("g", {
53
- fill: "none",
54
- fillRule: "evenodd",
55
- strokeWidth: "1",
56
- children: [
57
- /* @__PURE__ */ jsxRuntime.jsx("path", {
58
- d: "M2,24 L0,24 C0,37.255 10.745,48 24,48 L24,46 C11.869,46 2,36.131 2,24",
59
- fill: `url(#${props.id}-1)`
60
- }),
61
- /* @__PURE__ */ jsxRuntime.jsx("path", {
62
- d: "M24,0 C10.745,0 0,10.745 0,24 L2,24 C2,11.869 11.869,2 24,2 C36.131,2 46,11.869 46,24 L48,24 C48,10.745 37.255,0 24,0",
63
- fill: `url(#${props.id}-2)`
64
- })
65
- ]
66
- })
67
- ]
68
- });
69
-
70
- exports.SpinnerLarge = SpinnerLarge;
71
- //# sourceMappingURL=SpinnerLarge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SpinnerLarge.js","sources":["../src/spinner/svgSpinners/SpinnerLarge.tsx"],"sourcesContent":["import { SVGAttributes } from \"react\";\n\nconst baseName = \"saltSvgSpinner\";\n\nexport const SpinnerLarge = (props: SVGAttributes<SVGSVGElement>) => (\n <svg className={`${baseName}-spinner`} viewBox=\"0 0 48 48\" {...props}>\n <defs>\n <linearGradient id={`${props.id}-1`} x1=\"13%\" x2=\"100%\" y1=\"0%\" y2=\"87%\">\n <stop className={`${baseName}-gradientStop1`} offset=\"0%\" />\n <stop\n className={`${baseName}-gradientStop2`}\n offset=\"100%\"\n stopOpacity=\"0\"\n />\n </linearGradient>\n <linearGradient id={`${props.id}-2`} x1=\"100%\" x2=\"0%\" y1=\"78%\" y2=\"78%\">\n <stop className={`${baseName}-gradientStop3`} offset=\"0%\" />\n <stop className={`${baseName}-gradientStop4`} offset=\"100%\" />\n </linearGradient>\n </defs>\n <g fill=\"none\" fillRule=\"evenodd\" strokeWidth=\"1\">\n <path\n d=\"M2,24 L0,24 C0,37.255 10.745,48 24,48 L24,46 C11.869,46 2,36.131 2,24\"\n fill={`url(#${props.id}-1)`}\n />\n <path\n d=\"M24,0 C10.745,0 0,10.745 0,24 L2,24 C2,11.869 11.869,2 24,2 C36.131,2 46,11.869 46,24 L48,24 C48,10.745 37.255,0 24,0\"\n fill={`url(#${props.id}-2)`}\n />\n </g>\n </svg>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAEA,MAAM,QAAW,GAAA,gBAAA,CAAA;AAEJ,MAAA,YAAA,GAAe,CAAC,KAAA,qBAC1BA,eAAA,CAAA,KAAA,EAAA;AAAA,EAAI,WAAW,CAAG,EAAA,QAAA,CAAA,QAAA,CAAA;AAAA,EAAoB,OAAQ,EAAA,WAAA;AAAA,EAAa,GAAG,KAAA;AAAA,EAC7D,QAAA,EAAA;AAAA,oBAACA,eAAA,CAAA,MAAA,EAAA;AAAA,MACC,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,gBAAA,EAAA;AAAA,UAAe,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UAAQ,EAAG,EAAA,KAAA;AAAA,UAAM,EAAG,EAAA,MAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,KAAA;AAAA,UACjE,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cACC,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cACd,MAAO,EAAA,MAAA;AAAA,cACP,WAAY,EAAA,GAAA;AAAA,aACd,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACCD,eAAA,CAAA,gBAAA,EAAA;AAAA,UAAe,EAAA,EAAI,GAAG,KAAM,CAAA,EAAA,CAAA,EAAA,CAAA;AAAA,UAAQ,EAAG,EAAA,MAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,KAAA;AAAA,UAAM,EAAG,EAAA,KAAA;AAAA,UACjE,QAAA,EAAA;AAAA,4BAACC,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,IAAA;AAAA,aAAK,CAAA;AAAA,4BACzDA,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,WAAW,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA;AAAA,cAA0B,MAAO,EAAA,MAAA;AAAA,aAAO,CAAA;AAAA,WAAA;AAAA,SAC9D,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,oBACCD,eAAA,CAAA,GAAA,EAAA;AAAA,MAAE,IAAK,EAAA,MAAA;AAAA,MAAO,QAAS,EAAA,SAAA;AAAA,MAAU,WAAY,EAAA,GAAA;AAAA,MAC5C,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,uEAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,wBACCA,cAAA,CAAA,MAAA,EAAA;AAAA,UACC,CAAE,EAAA,uHAAA;AAAA,UACF,IAAA,EAAM,QAAQ,KAAM,CAAA,EAAA,CAAA,GAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAAA;AAAA,CACF;;;;"}