@salt-ds/lab 1.0.0-alpha.13 → 1.0.0-alpha.14

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 (342) hide show
  1. package/dist-cjs/app-header/AppHeader.js +0 -1
  2. package/dist-cjs/app-header/AppHeader.js.map +1 -1
  3. package/dist-cjs/calendar/internal/CalendarNavigation.js +0 -1
  4. package/dist-cjs/calendar/internal/CalendarNavigation.js.map +1 -1
  5. package/dist-cjs/calendar/useSelection.js +0 -1
  6. package/dist-cjs/calendar/useSelection.js.map +1 -1
  7. package/dist-cjs/carousel/Carousel.js +0 -1
  8. package/dist-cjs/carousel/Carousel.js.map +1 -1
  9. package/dist-cjs/cascading-menu/CascadingMenu.js +0 -1
  10. package/dist-cjs/cascading-menu/CascadingMenu.js.map +1 -1
  11. package/dist-cjs/cascading-menu/CascadingMenuItem.js +0 -1
  12. package/dist-cjs/cascading-menu/CascadingMenuItem.js.map +1 -1
  13. package/dist-cjs/cascading-menu/CascadingMenuList.js +0 -1
  14. package/dist-cjs/cascading-menu/CascadingMenuList.js.map +1 -1
  15. package/dist-cjs/cascading-menu/internal/useClickAway.js +0 -1
  16. package/dist-cjs/cascading-menu/internal/useClickAway.js.map +1 -1
  17. package/dist-cjs/cascading-menu/internal/useMenuTriggerHandlers.js +0 -1
  18. package/dist-cjs/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
  19. package/dist-cjs/combo-box/ComboBox.js +0 -1
  20. package/dist-cjs/combo-box/ComboBox.js.map +1 -1
  21. package/dist-cjs/combo-box/useCombobox.js +0 -1
  22. package/dist-cjs/combo-box/useCombobox.js.map +1 -1
  23. package/dist-cjs/combo-box-deprecated/filterHelpers.js +0 -1
  24. package/dist-cjs/combo-box-deprecated/filterHelpers.js.map +1 -1
  25. package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js +0 -1
  26. package/dist-cjs/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
  27. package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js +0 -1
  28. package/dist-cjs/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
  29. package/dist-cjs/combo-box-deprecated/internal/useComboBox.js +0 -1
  30. package/dist-cjs/combo-box-deprecated/internal/useComboBox.js.map +1 -1
  31. package/dist-cjs/combo-box-deprecated/internal/useMultiSelectComboBox.js +0 -1
  32. package/dist-cjs/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
  33. package/dist-cjs/common-hooks/useViewportTracking.js +0 -1
  34. package/dist-cjs/common-hooks/useViewportTracking.js.map +1 -1
  35. package/dist-cjs/common-hooks/utils/filter-utils.js +0 -1
  36. package/dist-cjs/common-hooks/utils/filter-utils.js.map +1 -1
  37. package/dist-cjs/contact-details/MailLinkComponent.js +0 -1
  38. package/dist-cjs/contact-details/MailLinkComponent.js.map +1 -1
  39. package/dist-cjs/content-status/internal/StatusIndicator.js +0 -1
  40. package/dist-cjs/content-status/internal/StatusIndicator.js.map +1 -1
  41. package/dist-cjs/deck-layout/DeckLayout.js +0 -1
  42. package/dist-cjs/deck-layout/DeckLayout.js.map +1 -1
  43. package/dist-cjs/drawer/Drawer.css.js +6 -0
  44. package/dist-cjs/drawer/Drawer.css.js.map +1 -0
  45. package/dist-cjs/drawer/Drawer.js +83 -0
  46. package/dist-cjs/drawer/Drawer.js.map +1 -0
  47. package/dist-cjs/dropdown/Dropdown.js +0 -1
  48. package/dist-cjs/dropdown/Dropdown.js.map +1 -1
  49. package/dist-cjs/dropdown/DropdownBase.js +0 -1
  50. package/dist-cjs/dropdown/DropdownBase.js.map +1 -1
  51. package/dist-cjs/dropdown/useDropdown.js +0 -1
  52. package/dist-cjs/dropdown/useDropdown.js.map +1 -1
  53. package/dist-cjs/dropdown/useDropdownBase.js +0 -1
  54. package/dist-cjs/dropdown/useDropdownBase.js.map +1 -1
  55. package/dist-cjs/index.js +13 -8
  56. package/dist-cjs/index.js.map +1 -1
  57. package/dist-cjs/layer-layout/LayerLayout.js +0 -1
  58. package/dist-cjs/layer-layout/LayerLayout.js.map +1 -1
  59. package/dist-cjs/list/Highlighter.js +0 -1
  60. package/dist-cjs/list/Highlighter.js.map +1 -1
  61. package/dist-cjs/list/List.js +0 -1
  62. package/dist-cjs/list/List.js.map +1 -1
  63. package/dist-cjs/list/VirtualizedList.js +0 -1
  64. package/dist-cjs/list/VirtualizedList.js.map +1 -1
  65. package/dist-cjs/list/useList.js +0 -1
  66. package/dist-cjs/list/useList.js.map +1 -1
  67. package/dist-cjs/list/useListHeight.js +0 -1
  68. package/dist-cjs/list/useListHeight.js.map +1 -1
  69. package/dist-cjs/list-deprecated/ListItemBase.js +0 -1
  70. package/dist-cjs/list-deprecated/ListItemBase.js.map +1 -1
  71. package/dist-cjs/list-deprecated/internal/Highlighter.js +0 -1
  72. package/dist-cjs/list-deprecated/internal/Highlighter.js.map +1 -1
  73. package/dist-cjs/list-deprecated/useTypeSelect.js +0 -1
  74. package/dist-cjs/list-deprecated/useTypeSelect.js.map +1 -1
  75. package/dist-cjs/list-next/ListItemNext.css.js +1 -1
  76. package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
  77. package/dist-cjs/multiline-input/MultilineInput.js +25 -13
  78. package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
  79. package/dist-cjs/parent-child-layout/ParentChildLayout.js +0 -1
  80. package/dist-cjs/parent-child-layout/ParentChildLayout.js.map +1 -1
  81. package/dist-cjs/pill-next/PillNext.css.js +6 -0
  82. package/dist-cjs/pill-next/PillNext.css.js.map +1 -0
  83. package/dist-cjs/pill-next/PillNext.js +58 -0
  84. package/dist-cjs/pill-next/PillNext.js.map +1 -0
  85. package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +1 -1
  86. package/dist-cjs/progress/CircularProgress/CircularProgress.js +36 -75
  87. package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -1
  88. package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +1 -1
  89. package/dist-cjs/progress/LinearProgress/LinearProgress.js +16 -24
  90. package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -1
  91. package/dist-cjs/query-input/internal/CategoryList.js +0 -1
  92. package/dist-cjs/query-input/internal/CategoryList.js.map +1 -1
  93. package/dist-cjs/query-input/internal/CategoryListItem.js +0 -1
  94. package/dist-cjs/query-input/internal/CategoryListItem.js.map +1 -1
  95. package/dist-cjs/query-input/internal/QueryInputBody.js +0 -1
  96. package/dist-cjs/query-input/internal/QueryInputBody.js.map +1 -1
  97. package/dist-cjs/query-input/internal/SearchList.js +0 -1
  98. package/dist-cjs/query-input/internal/SearchList.js.map +1 -1
  99. package/dist-cjs/query-input/internal/ValueList.js +0 -1
  100. package/dist-cjs/query-input/internal/ValueList.js.map +1 -1
  101. package/dist-cjs/query-input/useQueryInput.js +0 -1
  102. package/dist-cjs/query-input/useQueryInput.js.map +1 -1
  103. package/dist-cjs/responsive/useOverflow.js +0 -1
  104. package/dist-cjs/responsive/useOverflow.js.map +1 -1
  105. package/dist-cjs/stepped-tracker/StepLabel/StepLabel.css.js +6 -0
  106. package/dist-cjs/stepped-tracker/StepLabel/StepLabel.css.js.map +1 -0
  107. package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js +42 -0
  108. package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js.map +1 -0
  109. package/dist-cjs/stepped-tracker/SteppedTracker.css.js +6 -0
  110. package/dist-cjs/stepped-tracker/SteppedTracker.css.js.map +1 -0
  111. package/dist-cjs/stepped-tracker/SteppedTracker.js +64 -0
  112. package/dist-cjs/stepped-tracker/SteppedTracker.js.map +1 -0
  113. package/dist-cjs/stepped-tracker/SteppedTrackerContext.js +57 -0
  114. package/dist-cjs/stepped-tracker/SteppedTrackerContext.js.map +1 -0
  115. package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.css.js +6 -0
  116. package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map +1 -0
  117. package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js +26 -0
  118. package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js.map +1 -0
  119. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js +6 -0
  120. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.css.js.map +1 -0
  121. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js +111 -0
  122. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -0
  123. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js +21 -0
  124. package/dist-cjs/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map +1 -0
  125. package/dist-cjs/stepped-tracker/useDetectTruncatedText.js +71 -0
  126. package/dist-cjs/stepped-tracker/useDetectTruncatedText.js.map +1 -0
  127. package/dist-cjs/tabs/Tabstrip.js +0 -1
  128. package/dist-cjs/tabs/Tabstrip.js.map +1 -1
  129. package/dist-cjs/tabs/useActivationIndicator.js +0 -1
  130. package/dist-cjs/tabs/useActivationIndicator.js.map +1 -1
  131. package/dist-cjs/tabs/useKeyboardNavigation.js +0 -1
  132. package/dist-cjs/tabs/useKeyboardNavigation.js.map +1 -1
  133. package/dist-cjs/tabs-next/OverflowMenu.js +0 -1
  134. package/dist-cjs/tabs-next/OverflowMenu.js.map +1 -1
  135. package/dist-cjs/tokenized-input/useTokenizedInput.js +0 -1
  136. package/dist-cjs/tokenized-input/useTokenizedInput.js.map +1 -1
  137. package/dist-cjs/toolbar/Toolbar.js +0 -1
  138. package/dist-cjs/toolbar/Toolbar.js.map +1 -1
  139. package/dist-cjs/toolbar/internal/renderToolbarItems.js +0 -1
  140. package/dist-cjs/toolbar/internal/renderToolbarItems.js.map +1 -1
  141. package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js +0 -1
  142. package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  143. package/dist-cjs/tree/Tree.js +0 -1
  144. package/dist-cjs/tree/Tree.js.map +1 -1
  145. package/dist-cjs/tree/useTree.js +0 -1
  146. package/dist-cjs/tree/useTree.js.map +1 -1
  147. package/dist-es/app-header/AppHeader.js +0 -1
  148. package/dist-es/app-header/AppHeader.js.map +1 -1
  149. package/dist-es/calendar/internal/CalendarNavigation.js +0 -1
  150. package/dist-es/calendar/internal/CalendarNavigation.js.map +1 -1
  151. package/dist-es/calendar/useSelection.js +0 -1
  152. package/dist-es/calendar/useSelection.js.map +1 -1
  153. package/dist-es/carousel/Carousel.js +0 -1
  154. package/dist-es/carousel/Carousel.js.map +1 -1
  155. package/dist-es/cascading-menu/CascadingMenu.js +0 -1
  156. package/dist-es/cascading-menu/CascadingMenu.js.map +1 -1
  157. package/dist-es/cascading-menu/CascadingMenuItem.js +0 -1
  158. package/dist-es/cascading-menu/CascadingMenuItem.js.map +1 -1
  159. package/dist-es/cascading-menu/CascadingMenuList.js +0 -1
  160. package/dist-es/cascading-menu/CascadingMenuList.js.map +1 -1
  161. package/dist-es/cascading-menu/internal/useClickAway.js +0 -1
  162. package/dist-es/cascading-menu/internal/useClickAway.js.map +1 -1
  163. package/dist-es/cascading-menu/internal/useMenuTriggerHandlers.js +0 -1
  164. package/dist-es/cascading-menu/internal/useMenuTriggerHandlers.js.map +1 -1
  165. package/dist-es/combo-box/ComboBox.js +0 -1
  166. package/dist-es/combo-box/ComboBox.js.map +1 -1
  167. package/dist-es/combo-box/useCombobox.js +0 -1
  168. package/dist-es/combo-box/useCombobox.js.map +1 -1
  169. package/dist-es/combo-box-deprecated/filterHelpers.js +0 -1
  170. package/dist-es/combo-box-deprecated/filterHelpers.js.map +1 -1
  171. package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js +0 -1
  172. package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js.map +1 -1
  173. package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js +0 -1
  174. package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js.map +1 -1
  175. package/dist-es/combo-box-deprecated/internal/useComboBox.js +0 -1
  176. package/dist-es/combo-box-deprecated/internal/useComboBox.js.map +1 -1
  177. package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js +0 -1
  178. package/dist-es/combo-box-deprecated/internal/useMultiSelectComboBox.js.map +1 -1
  179. package/dist-es/common-hooks/useViewportTracking.js +0 -1
  180. package/dist-es/common-hooks/useViewportTracking.js.map +1 -1
  181. package/dist-es/common-hooks/utils/filter-utils.js +0 -1
  182. package/dist-es/common-hooks/utils/filter-utils.js.map +1 -1
  183. package/dist-es/contact-details/MailLinkComponent.js +0 -1
  184. package/dist-es/contact-details/MailLinkComponent.js.map +1 -1
  185. package/dist-es/content-status/internal/StatusIndicator.js +0 -1
  186. package/dist-es/content-status/internal/StatusIndicator.js.map +1 -1
  187. package/dist-es/deck-layout/DeckLayout.js +0 -1
  188. package/dist-es/deck-layout/DeckLayout.js.map +1 -1
  189. package/dist-es/drawer/Drawer.css.js +4 -0
  190. package/dist-es/drawer/Drawer.css.js.map +1 -0
  191. package/dist-es/drawer/Drawer.js +78 -0
  192. package/dist-es/drawer/Drawer.js.map +1 -0
  193. package/dist-es/dropdown/Dropdown.js +0 -1
  194. package/dist-es/dropdown/Dropdown.js.map +1 -1
  195. package/dist-es/dropdown/DropdownBase.js +0 -1
  196. package/dist-es/dropdown/DropdownBase.js.map +1 -1
  197. package/dist-es/dropdown/useDropdown.js +0 -1
  198. package/dist-es/dropdown/useDropdown.js.map +1 -1
  199. package/dist-es/dropdown/useDropdownBase.js +0 -1
  200. package/dist-es/dropdown/useDropdownBase.js.map +1 -1
  201. package/dist-es/index.js +7 -4
  202. package/dist-es/index.js.map +1 -1
  203. package/dist-es/layer-layout/LayerLayout.js +0 -1
  204. package/dist-es/layer-layout/LayerLayout.js.map +1 -1
  205. package/dist-es/list/Highlighter.js +0 -1
  206. package/dist-es/list/Highlighter.js.map +1 -1
  207. package/dist-es/list/List.js +0 -1
  208. package/dist-es/list/List.js.map +1 -1
  209. package/dist-es/list/VirtualizedList.js +0 -1
  210. package/dist-es/list/VirtualizedList.js.map +1 -1
  211. package/dist-es/list/useList.js +0 -1
  212. package/dist-es/list/useList.js.map +1 -1
  213. package/dist-es/list/useListHeight.js +0 -1
  214. package/dist-es/list/useListHeight.js.map +1 -1
  215. package/dist-es/list-deprecated/ListItemBase.js +0 -1
  216. package/dist-es/list-deprecated/ListItemBase.js.map +1 -1
  217. package/dist-es/list-deprecated/internal/Highlighter.js +0 -1
  218. package/dist-es/list-deprecated/internal/Highlighter.js.map +1 -1
  219. package/dist-es/list-deprecated/useTypeSelect.js +0 -1
  220. package/dist-es/list-deprecated/useTypeSelect.js.map +1 -1
  221. package/dist-es/list-next/ListItemNext.css.js +1 -1
  222. package/dist-es/multiline-input/MultilineInput.css.js +1 -1
  223. package/dist-es/multiline-input/MultilineInput.js +25 -13
  224. package/dist-es/multiline-input/MultilineInput.js.map +1 -1
  225. package/dist-es/parent-child-layout/ParentChildLayout.js +0 -1
  226. package/dist-es/parent-child-layout/ParentChildLayout.js.map +1 -1
  227. package/dist-es/pill-next/PillNext.css.js +4 -0
  228. package/dist-es/pill-next/PillNext.css.js.map +1 -0
  229. package/dist-es/pill-next/PillNext.js +50 -0
  230. package/dist-es/pill-next/PillNext.js.map +1 -0
  231. package/dist-es/progress/CircularProgress/CircularProgress.css.js +1 -1
  232. package/dist-es/progress/CircularProgress/CircularProgress.js +37 -75
  233. package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -1
  234. package/dist-es/progress/LinearProgress/LinearProgress.css.js +1 -1
  235. package/dist-es/progress/LinearProgress/LinearProgress.js +16 -24
  236. package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -1
  237. package/dist-es/query-input/internal/CategoryList.js +0 -1
  238. package/dist-es/query-input/internal/CategoryList.js.map +1 -1
  239. package/dist-es/query-input/internal/CategoryListItem.js +0 -1
  240. package/dist-es/query-input/internal/CategoryListItem.js.map +1 -1
  241. package/dist-es/query-input/internal/QueryInputBody.js +0 -1
  242. package/dist-es/query-input/internal/QueryInputBody.js.map +1 -1
  243. package/dist-es/query-input/internal/SearchList.js +0 -1
  244. package/dist-es/query-input/internal/SearchList.js.map +1 -1
  245. package/dist-es/query-input/internal/ValueList.js +0 -1
  246. package/dist-es/query-input/internal/ValueList.js.map +1 -1
  247. package/dist-es/query-input/useQueryInput.js +0 -1
  248. package/dist-es/query-input/useQueryInput.js.map +1 -1
  249. package/dist-es/responsive/useOverflow.js +0 -1
  250. package/dist-es/responsive/useOverflow.js.map +1 -1
  251. package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js +4 -0
  252. package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js.map +1 -0
  253. package/dist-es/stepped-tracker/StepLabel/StepLabel.js +38 -0
  254. package/dist-es/stepped-tracker/StepLabel/StepLabel.js.map +1 -0
  255. package/dist-es/stepped-tracker/SteppedTracker.css.js +4 -0
  256. package/dist-es/stepped-tracker/SteppedTracker.css.js.map +1 -0
  257. package/dist-es/stepped-tracker/SteppedTracker.js +60 -0
  258. package/dist-es/stepped-tracker/SteppedTracker.js.map +1 -0
  259. package/dist-es/stepped-tracker/SteppedTrackerContext.js +50 -0
  260. package/dist-es/stepped-tracker/SteppedTrackerContext.js.map +1 -0
  261. package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js +4 -0
  262. package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map +1 -0
  263. package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js +22 -0
  264. package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js.map +1 -0
  265. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js +4 -0
  266. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js.map +1 -0
  267. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js +107 -0
  268. package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js.map +1 -0
  269. package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js +16 -0
  270. package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map +1 -0
  271. package/dist-es/stepped-tracker/useDetectTruncatedText.js +69 -0
  272. package/dist-es/stepped-tracker/useDetectTruncatedText.js.map +1 -0
  273. package/dist-es/tabs/Tabstrip.js +0 -1
  274. package/dist-es/tabs/Tabstrip.js.map +1 -1
  275. package/dist-es/tabs/useActivationIndicator.js +0 -1
  276. package/dist-es/tabs/useActivationIndicator.js.map +1 -1
  277. package/dist-es/tabs/useKeyboardNavigation.js +0 -1
  278. package/dist-es/tabs/useKeyboardNavigation.js.map +1 -1
  279. package/dist-es/tabs-next/OverflowMenu.js +0 -1
  280. package/dist-es/tabs-next/OverflowMenu.js.map +1 -1
  281. package/dist-es/tokenized-input/useTokenizedInput.js +0 -1
  282. package/dist-es/tokenized-input/useTokenizedInput.js.map +1 -1
  283. package/dist-es/toolbar/Toolbar.js +0 -1
  284. package/dist-es/toolbar/Toolbar.js.map +1 -1
  285. package/dist-es/toolbar/internal/renderToolbarItems.js +0 -1
  286. package/dist-es/toolbar/internal/renderToolbarItems.js.map +1 -1
  287. package/dist-es/toolbar/overflow-panel/OverflowPanel.js +0 -1
  288. package/dist-es/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
  289. package/dist-es/tree/Tree.js +0 -1
  290. package/dist-es/tree/Tree.js.map +1 -1
  291. package/dist-es/tree/useTree.js +0 -1
  292. package/dist-es/tree/useTree.js.map +1 -1
  293. package/dist-types/drawer/Drawer.d.ts +31 -0
  294. package/dist-types/drawer/index.d.ts +1 -0
  295. package/dist-types/index.d.ts +3 -1
  296. package/dist-types/multiline-input/MultilineInput.d.ts +14 -14
  297. package/dist-types/pill-next/PillNext.d.ts +7 -0
  298. package/dist-types/pill-next/index.d.ts +1 -0
  299. package/dist-types/progress/CircularProgress/CircularProgress.d.ts +7 -24
  300. package/dist-types/progress/LinearProgress/LinearProgress.d.ts +7 -11
  301. package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts +5 -0
  302. package/dist-types/stepped-tracker/StepLabel/index.d.ts +1 -0
  303. package/dist-types/stepped-tracker/SteppedTracker.d.ts +12 -0
  304. package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts +21 -0
  305. package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts +10 -0
  306. package/dist-types/stepped-tracker/TrackerConnector/index.d.ts +1 -0
  307. package/dist-types/stepped-tracker/TrackerStep/TrackerStep.d.ts +10 -0
  308. package/dist-types/stepped-tracker/TrackerStep/TrackerStepTooltipContext.d.ts +7 -0
  309. package/dist-types/stepped-tracker/TrackerStep/index.d.ts +3 -0
  310. package/dist-types/stepped-tracker/index.d.ts +3 -0
  311. package/dist-types/stepped-tracker/useDetectTruncatedText.d.ts +11 -0
  312. package/dist-types/utils/index.d.ts +0 -1
  313. package/package.json +8 -8
  314. package/dist-cjs/progress/CircularProgress/CircularProgressParts.js +0 -72
  315. package/dist-cjs/progress/CircularProgress/CircularProgressParts.js.map +0 -1
  316. package/dist-cjs/toast/Toast.css.js +0 -6
  317. package/dist-cjs/toast/Toast.css.js.map +0 -1
  318. package/dist-cjs/toast/Toast.js +0 -38
  319. package/dist-cjs/toast/Toast.js.map +0 -1
  320. package/dist-cjs/toast/ToastContent.css.js +0 -6
  321. package/dist-cjs/toast/ToastContent.css.js.map +0 -1
  322. package/dist-cjs/toast/ToastContent.js +0 -30
  323. package/dist-cjs/toast/ToastContent.js.map +0 -1
  324. package/dist-cjs/utils/useFloatingUI.js +0 -38
  325. package/dist-cjs/utils/useFloatingUI.js.map +0 -1
  326. package/dist-es/progress/CircularProgress/CircularProgressParts.js +0 -64
  327. package/dist-es/progress/CircularProgress/CircularProgressParts.js.map +0 -1
  328. package/dist-es/toast/Toast.css.js +0 -4
  329. package/dist-es/toast/Toast.css.js.map +0 -1
  330. package/dist-es/toast/Toast.js +0 -34
  331. package/dist-es/toast/Toast.js.map +0 -1
  332. package/dist-es/toast/ToastContent.css.js +0 -4
  333. package/dist-es/toast/ToastContent.css.js.map +0 -1
  334. package/dist-es/toast/ToastContent.js +0 -26
  335. package/dist-es/toast/ToastContent.js.map +0 -1
  336. package/dist-es/utils/useFloatingUI.js +0 -33
  337. package/dist-es/utils/useFloatingUI.js.map +0 -1
  338. package/dist-types/progress/CircularProgress/CircularProgressParts.d.ts +0 -13
  339. package/dist-types/toast/Toast.d.ts +0 -9
  340. package/dist-types/toast/ToastContent.d.ts +0 -2
  341. package/dist-types/toast/index.d.ts +0 -2
  342. package/dist-types/utils/useFloatingUI.d.ts +0 -34
@@ -1,16 +1,5 @@
1
1
  import { HTMLAttributes, ReactElement } from "react";
2
2
  import { InfoRendererProps } from "../LinearProgress/LinearProgress";
3
- export declare const SIZE_OPTIONS: {
4
- small: {
5
- container: number;
6
- };
7
- medium: {
8
- container: number;
9
- };
10
- large: {
11
- container: number;
12
- };
13
- };
14
3
  export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
15
4
  /**
16
5
  * A label for accessibility
@@ -24,6 +13,11 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
24
13
  * Disabled flag, true when the component is disabled.
25
14
  */
26
15
  disabled?: boolean;
16
+ /**
17
+ * The value of the max progress indicator.
18
+ * Default value is 100.
19
+ */
20
+ max?: number;
27
21
  /**
28
22
  * Render props callback to render info panel.
29
23
  * @param function({ value, unit, getValueProps })
@@ -33,25 +27,15 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
33
27
  * If `true`, the info panel will be displayed.
34
28
  */
35
29
  showInfo?: boolean;
36
- /**
37
- * The size of the circle
38
- * (small, medium, large)
39
- */
40
- size?: "small" | "medium" | "large";
41
30
  /**
42
31
  * Default unit is`%`
43
32
  */
44
33
  unit?: string;
45
34
  /**
46
- * The value of the progress indicator for the determinate and static variants.
47
- * Value between 0 and 100.
35
+ * The value of the progress indicator.
36
+ * Value between 0 and max.
48
37
  */
49
38
  value?: number;
50
- /**
51
- * The variant to use.
52
- * Use indeterminate or query when there is no progress value.
53
- */
54
- variant?: "determinate" | "indeterminate" | "static";
55
39
  }
56
40
  /**
57
41
  * Circular progress bar with an optional Info element, showing the current value
@@ -60,7 +44,6 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
60
44
  * The render props callback is of the form
61
45
  * @param {string} unit the unit of the progress info
62
46
  * @param {number} value the value of the progress info
63
- * @param {string} variant the variant to use.
64
47
  * @param {function} getValueProps function callback that returns the value props
65
48
  */
66
49
  export declare const CircularProgress: import("react").ForwardRefExoticComponent<CircularProgressProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -18,6 +18,11 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
18
18
  * Disabled flag, true when the component is disabled.
19
19
  */
20
20
  disabled?: boolean;
21
+ /**
22
+ * The value of the max progress indicator.
23
+ * Default value is 100.
24
+ */
25
+ max?: number;
21
26
  /**
22
27
  * render props callback to render info panel.
23
28
  */
@@ -26,24 +31,15 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
26
31
  * If `true`, the info panel will be displayed.
27
32
  */
28
33
  showInfo?: boolean;
29
- /**
30
- * The size of the line, default is 'small'.
31
- */
32
- size?: "small" | "medium" | "large";
33
34
  /**
34
35
  * Default unit is`%`.
35
36
  */
36
37
  unit?: string;
37
38
  /**
38
- * The value of the progress indicator for the determinate and static variants.
39
- * Value between 0 and 100.
39
+ * The value of the progress indicator.
40
+ * Value between 0 and max.
40
41
  */
41
42
  value?: number;
42
- /**
43
- * The variant to use.
44
- * Use indeterminate or query when there is no progress value.
45
- */
46
- variant?: "determinate" | "indeterminate" | "query";
47
43
  }
48
44
  /**
49
45
  * Linear progress bar with an optional Info element, showing the current value
@@ -0,0 +1,5 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from "react";
2
+ export interface StepLabelProps extends ComponentPropsWithoutRef<"label"> {
3
+ children: ReactNode;
4
+ }
5
+ export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
@@ -0,0 +1 @@
1
+ export * from "./StepLabel";
@@ -0,0 +1,12 @@
1
+ import { ComponentPropsWithoutRef, ReactNode } from "react";
2
+ export interface SteppedTrackerProps extends ComponentPropsWithoutRef<"ul"> {
3
+ /**
4
+ * The index of the current activeStep
5
+ */
6
+ activeStep: number;
7
+ /**
8
+ * Should be one or more TrackerStep components
9
+ */
10
+ children: ReactNode;
11
+ }
12
+ export declare const SteppedTracker: import("react").ForwardRefExoticComponent<SteppedTrackerProps & import("react").RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,21 @@
1
+ import { ReactNode } from "react";
2
+ import { GetOverflowRef } from "./useDetectTruncatedText";
3
+ export declare type SteppedTrackerContextType = {
4
+ activeStep: number;
5
+ getOverflowRef: GetOverflowRef;
6
+ hasTooltips: boolean;
7
+ totalSteps: number;
8
+ isWithinSteppedTracker: boolean;
9
+ };
10
+ declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
11
+ children: ReactNode;
12
+ };
13
+ export declare const SteppedTrackerProvider: ({ activeStep, getOverflowRef, hasTooltips, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
14
+ export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
15
+ export declare const useTrackerStepContext: () => number;
16
+ declare type TrackerStepProivderProps = {
17
+ stepNumber: number;
18
+ children: ReactNode;
19
+ };
20
+ export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProivderProps) => JSX.Element;
21
+ export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare type ConnectorState = "default" | "active";
3
+ declare type TrackerConnectorProps = {
4
+ /**
5
+ * The state of the connector, which acts as an indicator of whether the active step is ahead/behind
6
+ */
7
+ state: ConnectorState;
8
+ };
9
+ export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => JSX.Element;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { TrackerConnector } from "./TrackerConnector";
@@ -0,0 +1,10 @@
1
+ import { ComponentPropsWithoutRef } from "react";
2
+ declare type State = "default" | "completed";
3
+ export interface TrackerStepProps extends ComponentPropsWithoutRef<"li"> {
4
+ /**
5
+ * The state of the TrackerStep
6
+ */
7
+ state?: State;
8
+ }
9
+ export declare const TrackerStep: import("react").ForwardRefExoticComponent<TrackerStepProps & import("react").RefAttributes<HTMLLIElement>>;
10
+ export {};
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from "react";
2
+ declare type TrackStepTooltipProps = {
3
+ children: ReactNode;
4
+ };
5
+ export declare const TrackStepTooltipProvider: ({ children, }: TrackStepTooltipProps) => JSX.Element;
6
+ export declare const useTrackerStepTooltipContext: () => boolean;
7
+ export {};
@@ -0,0 +1,3 @@
1
+ export { TrackerStep } from "./TrackerStep";
2
+ export type { TrackerStepProps } from "./TrackerStep";
3
+ export { useTrackerStepTooltipContext } from "./TrackerStepTooltipContext";
@@ -0,0 +1,3 @@
1
+ export * from "./SteppedTracker";
2
+ export * from "./TrackerStep";
3
+ export * from "./StepLabel";
@@ -0,0 +1,11 @@
1
+ import { RefCallback } from "react";
2
+ declare type OnTruncatedCallback = (isTruncated: boolean) => void;
3
+ export declare type GetOverflowRef = (id: string) => RefCallback<HTMLElement>;
4
+ /**
5
+ * Hook to detect truncation of any child TrackerStep components, using a ResizeObserver to update on element resizes.
6
+ * The desired behaviour is whenever any of the individual steps is truncated, all steps become foccusable with Tooltips.
7
+ * @param {OnTruncatedCallback} callback - The callback which will called when the isTruncated state changes
8
+ * @returns {GetOverflowRef} getOverflowRef - A factory function which when passed a child index will return an appropriate ref callback for observing am element
9
+ */
10
+ declare const useDetectTruncatedText: (callback: OnTruncatedCallback) => GetOverflowRef;
11
+ export default useDetectTruncatedText;
@@ -5,7 +5,6 @@ export * from "./isPlainObject";
5
5
  export * from "./partition";
6
6
  export * from "./useClickOutside";
7
7
  export * from "./useEventCallback";
8
- export * from "./useFloatingUI";
9
8
  export * from "./useIsViewportLargerThanBreakpoint";
10
9
  export * from "./useLayoutEffectOnce";
11
10
  export * from "./useLayoutEffectSkipFirst";
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@salt-ds/lab",
3
- "version": "1.0.0-alpha.13",
3
+ "version": "1.0.0-alpha.14",
4
4
  "license": "Apache-2.0",
5
5
  "main": "dist-cjs/index.js",
6
6
  "sideEffects": false,
7
7
  "peerDependencies": {
8
- "@types/react": ">=16.8.6",
9
- "react": ">=16.8.0",
10
- "react-dom": ">=16.8.0"
8
+ "@types/react": ">=16.14.0",
9
+ "react": ">=16.14.0",
10
+ "react-dom": ">=16.14.0"
11
11
  },
12
12
  "peerDependenciesMeta": {
13
13
  "@types/react": {
@@ -21,14 +21,14 @@
21
21
  "module": "dist-es/index.js",
22
22
  "typings": "dist-types/index.d.ts",
23
23
  "dependencies": {
24
- "@salt-ds/core": "^1.8.0-rc.4",
24
+ "@salt-ds/core": "^1.8.0-rc.5",
25
25
  "clsx": "^2.0.0",
26
26
  "react-window": "^1.8.6",
27
27
  "compute-scroll-into-view": "^3.0.0",
28
+ "@salt-ds/window": "^0.1.1",
29
+ "@salt-ds/styles": "^0.1.1",
30
+ "@salt-ds/icons": "^1.5.1",
28
31
  "@floating-ui/react": "^0.23.0",
29
- "@salt-ds/window": "^0.1.0",
30
- "@salt-ds/styles": "^0.1.0",
31
- "@salt-ds/icons": "^1.5.0",
32
32
  "@internationalized/date": "^3.0.0",
33
33
  "tinycolor2": "^1.4.2",
34
34
  "react-color": "^2.19.3",
@@ -1,72 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var window = require('@salt-ds/window');
7
- var styles = require('@salt-ds/styles');
8
- var CircularProgress = require('./CircularProgress.css.js');
9
-
10
- const SIZE = 44;
11
- const circularGradientId = "salt-circular-progress-gradient";
12
- const ViewBox = (props) => {
13
- const targetWindow = window.useWindow();
14
- styles.useComponentCssInjection({
15
- testId: "salt-circular-progress",
16
- css: CircularProgress,
17
- window: targetWindow
18
- });
19
- return /* @__PURE__ */ jsxRuntime.jsx("svg", {
20
- className: "saltCircularProgress-svg",
21
- viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,
22
- children: props.children
23
- });
24
- };
25
- const LinearGradient = () => {
26
- const targetWindow = window.useWindow();
27
- styles.useComponentCssInjection({
28
- testId: "salt-circular-progress",
29
- css: CircularProgress,
30
- window: targetWindow
31
- });
32
- return /* @__PURE__ */ jsxRuntime.jsx("defs", {
33
- children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", {
34
- gradientTransform: "rotate(90)",
35
- id: circularGradientId,
36
- children: [
37
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
38
- className: "saltCircularProgress-gradientStart",
39
- offset: "0%"
40
- }),
41
- /* @__PURE__ */ jsxRuntime.jsx("stop", {
42
- className: "saltCircularProgress-gradientStop",
43
- offset: "100%"
44
- })
45
- ]
46
- })
47
- });
48
- };
49
- const Circle = ({ strokeWidth, style, className }) => {
50
- const targetWindow = window.useWindow();
51
- styles.useComponentCssInjection({
52
- testId: "salt-circular-progress",
53
- css: CircularProgress,
54
- window: targetWindow
55
- });
56
- return /* @__PURE__ */ jsxRuntime.jsx("circle", {
57
- cx: SIZE,
58
- cy: SIZE,
59
- fill: "none",
60
- r: (SIZE - strokeWidth) / 2,
61
- strokeWidth,
62
- style,
63
- className
64
- });
65
- };
66
-
67
- exports.Circle = Circle;
68
- exports.LinearGradient = LinearGradient;
69
- exports.SIZE = SIZE;
70
- exports.ViewBox = ViewBox;
71
- exports.circularGradientId = circularGradientId;
72
- //# sourceMappingURL=CircularProgressParts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CircularProgressParts.js","sources":["../src/progress/CircularProgress/CircularProgressParts.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nexport const SIZE = 44;\n\nexport const circularGradientId = \"salt-circular-progress-gradient\";\n\nexport const ViewBox = (props: { children?: ReactNode }) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <svg\n className=\"saltCircularProgress-svg\"\n viewBox={`${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`}\n >\n {props.children}\n </svg>\n );\n};\n\nexport const LinearGradient = () => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <defs>\n <linearGradient gradientTransform=\"rotate(90)\" id={circularGradientId}>\n <stop className=\"saltCircularProgress-gradientStart\" offset=\"0%\" />\n <stop className=\"saltCircularProgress-gradientStop\" offset=\"100%\" />\n </linearGradient>\n </defs>\n );\n};\n\nexport interface CircleProps {\n strokeWidth: number;\n style?: CSSProperties;\n className?: string;\n}\n\nexport const Circle = ({ strokeWidth, style, className }: CircleProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <circle\n cx={SIZE}\n cy={SIZE}\n fill=\"none\"\n r={(SIZE - strokeWidth) / 2}\n strokeWidth={strokeWidth}\n style={style}\n className={className}\n />\n );\n};\n"],"names":["useWindow","useComponentCssInjection","circularProgressCSS","jsx","jsxs"],"mappings":";;;;;;;;;AAMO,MAAM,IAAO,GAAA,GAAA;AAEb,MAAM,kBAAqB,GAAA,kCAAA;AAErB,MAAA,OAAA,GAAU,CAAC,KAAoC,KAAA;AAC1D,EAAA,MAAM,eAAeA,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAU,EAAA,0BAAA;AAAA,IACV,SAAS,CAAG,EAAA,IAAA,GAAO,CAAK,CAAA,CAAA,EAAA,IAAA,GAAO,KAAK,IAAQ,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAE3C,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,GACT,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,eAAeH,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAAC,eAAA,CAAA,gBAAA,EAAA;AAAA,MAAe,iBAAkB,EAAA,YAAA;AAAA,MAAa,EAAI,EAAA,kBAAA;AAAA,MACjD,QAAA,EAAA;AAAA,wBAACD,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,oCAAA;AAAA,UAAqC,MAAO,EAAA,IAAA;AAAA,SAAK,CAAA;AAAA,wBAChEA,cAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,mCAAA;AAAA,UAAoC,MAAO,EAAA,MAAA;AAAA,SAAO,CAAA;AAAA,OAAA;AAAA,KACpE,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,EAAA;AAQO,MAAM,SAAS,CAAC,EAAE,WAAa,EAAA,KAAA,EAAO,WAA6B,KAAA;AACxE,EAAA,MAAM,eAAeH,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,QAAA,EAAA;AAAA,IACC,EAAI,EAAA,IAAA;AAAA,IACJ,EAAI,EAAA,IAAA;AAAA,IACJ,IAAK,EAAA,MAAA;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,WAAe,IAAA,CAAA;AAAA,IAC1B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;;;;;"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var css_248z = "/* Styles applied to Toast root element */\n.saltToast {\n --toast-background: var(--salt-container-primary-background);\n\n background: var(--saltToast-background, var(--toast-background));\n border-color: var(--saltToast-borderColor, var(--toast-borderColor));\n border-width: var(--saltToast-borderWidth, var(--salt-size-border));\n border-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));\n\n box-sizing: border-box;\n box-shadow: var(--salt-overlayable-shadow-popout);\n display: inline-flex;\n gap: var(--salt-spacing-75);\n padding: var(--saltToast-padding, var(--salt-spacing-100));\n min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n}\n\n/* Styles applied to icon */\n.saltToast-icon.saltIcon {\n margin: calc(var(--salt-spacing-75) + 2px) 0 var(--salt-spacing-75) 0;\n}\n.salt-density-high.saltToast-icon.saltIcon {\n margin: calc(var(--salt-spacing-75) + 1px) 0 var(--salt-spacing-75) 0;\n}\n\n/* Styles applied when state = \"info\" */\n.saltToast-info {\n --toast-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when state = \"error\" */\n.saltToast-error {\n --toast-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltToast-warning {\n --toast-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when state = \"success\" */\n.saltToast-success {\n --toast-borderColor: var(--salt-status-success-borderColor);\n}\n";
4
-
5
- module.exports = css_248z;
6
- //# sourceMappingURL=Toast.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var clsx = require('clsx');
7
- var React = require('react');
8
- var core = require('@salt-ds/core');
9
- var window = require('@salt-ds/window');
10
- var styles = require('@salt-ds/styles');
11
- var Toast$1 = require('./Toast.css.js');
12
-
13
- const withBaseName = core.makePrefixer("saltToast");
14
- const Toast = React.forwardRef(function Toast2(props, ref) {
15
- const { children, className, status = "info", ...rest } = props;
16
- const targetWindow = window.useWindow();
17
- styles.useComponentCssInjection({
18
- testId: "salt-toast",
19
- css: Toast$1,
20
- window: targetWindow
21
- });
22
- return /* @__PURE__ */ jsxRuntime.jsxs("div", {
23
- className: clsx.clsx(withBaseName(), withBaseName(status), className),
24
- role: "alert",
25
- ...rest,
26
- ref,
27
- children: [
28
- /* @__PURE__ */ jsxRuntime.jsx(core.StatusIndicator, {
29
- status,
30
- className: withBaseName("icon")
31
- }),
32
- children
33
- ]
34
- });
35
- });
36
-
37
- exports.Toast = Toast;
38
- //# sourceMappingURL=Toast.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer, StatusIndicator, ValidationStatus } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * A string to determine the current state of the Toast.\n */\n status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n props,\n ref\n) {\n const { children, className, status = \"info\", ...rest } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast\",\n css: toastCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(status), className)}\n role=\"alert\"\n {...rest}\n ref={ref}\n >\n <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","Toast","useWindow","useComponentCssInjection","toastCss","jsxs","clsx","jsx","StatusIndicator"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAAC,gBAAA,CAAuC,SAASC,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,oBAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var css_248z = "/* Styles applied to ToastContent */\n.saltToastContent {\n flex: 1 0;\n margin: var(--salt-spacing-75) 0;\n}\n";
4
-
5
- module.exports = css_248z;
6
- //# sourceMappingURL=ToastContent.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastContent.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var clsx = require('clsx');
7
- var React = require('react');
8
- var core = require('@salt-ds/core');
9
- var window = require('@salt-ds/window');
10
- var styles = require('@salt-ds/styles');
11
- var ToastContent$1 = require('./ToastContent.css.js');
12
-
13
- const withBaseName = core.makePrefixer("saltToastContent");
14
- const ToastContent = React.forwardRef(function ToastContent2({ children, className, ...restProps }, ref) {
15
- const targetWindow = window.useWindow();
16
- styles.useComponentCssInjection({
17
- testId: "salt-toast-content",
18
- css: ToastContent$1,
19
- window: targetWindow
20
- });
21
- return /* @__PURE__ */ jsxRuntime.jsx("div", {
22
- className: clsx.clsx(withBaseName(), className),
23
- ...restProps,
24
- ref,
25
- children
26
- });
27
- });
28
-
29
- exports.ToastContent = ToastContent;
30
- //# sourceMappingURL=ToastContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastContent.js","sources":["../src/toast/ToastContent.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, ForwardedRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport toastContentCss from \"./ToastContent.css\";\n\nconst withBaseName = makePrefixer(\"saltToastContent\");\n\nexport const ToastContent = forwardRef(function ToastContent(\n { children, className, ...restProps }: ComponentPropsWithoutRef<\"div\">,\n ref: ForwardedRef<HTMLDivElement>\n) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast-content\",\n css: toastContentCss,\n window: targetWindow,\n });\n\n return (\n <div className={clsx(withBaseName(), className)} {...restProps} ref={ref}>\n {children}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","ToastContent","useWindow","useComponentCssInjection","toastContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA,CAAA;AAEvC,MAAA,YAAA,GAAeC,iBAAW,SAASC,aAAAA,CAC9C,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EACpC,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,oBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAC7D,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,38 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var react = require('@floating-ui/react');
6
-
7
- const DEFAULT_FLOATING_UI_MIDDLEWARE = [
8
- react.flip(),
9
- react.shift({ limiter: react.limitShift() })
10
- ];
11
- function useFloatingUI(props) {
12
- const {
13
- placement,
14
- strategy,
15
- middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,
16
- open = false,
17
- onOpenChange
18
- } = props;
19
- const { reference, floating, refs, update, ...rest } = react.useFloating({
20
- placement,
21
- strategy,
22
- middleware,
23
- open,
24
- onOpenChange,
25
- whileElementsMounted: react.autoUpdate
26
- });
27
- return {
28
- reference,
29
- floating,
30
- refs,
31
- update,
32
- ...rest
33
- };
34
- }
35
-
36
- exports.DEFAULT_FLOATING_UI_MIDDLEWARE = DEFAULT_FLOATING_UI_MIDDLEWARE;
37
- exports.useFloatingUI = useFloatingUI;
38
- //# sourceMappingURL=useFloatingUI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI.tsx"],"sourcesContent":["import type { Middleware, Placement, Strategy } from \"@floating-ui/react\";\nimport {\n autoUpdate,\n flip,\n limitShift,\n shift,\n useFloating,\n} from \"@floating-ui/react\";\n\nexport type UseFloatingUIProps = {\n /**\n * Set position relative to trigger\n */\n placement?: Placement;\n strategy?: Strategy;\n middleware?: Middleware[];\n /**\n * Set visible state. Defaults to false\n */\n open?: boolean;\n /**\n * Callback function triggered when open state changes\n */\n onOpenChange?: (open: boolean) => void;\n};\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n flip(),\n shift({ limiter: limitShift() }),\n];\n\nexport function useFloatingUI(\n props: UseFloatingUIProps\n): ReturnType<typeof useFloating> {\n const {\n placement,\n strategy,\n middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n open = false,\n onOpenChange,\n } = props;\n\n const { reference, floating, refs, update, ...rest } = useFloating({\n placement,\n strategy,\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":["flip","shift","limitShift","useFloating","autoUpdate"],"mappings":";;;;;;AA0BO,MAAM,8BAAiC,GAAA;AAAA,EAC5CA,UAAK,EAAA;AAAA,EACLC,WAAM,CAAA,EAAE,OAAS,EAAAC,gBAAA,IAAc,CAAA;AACjC,EAAA;AAEO,SAAS,cACd,KACgC,EAAA;AAChC,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAa,GAAA,8BAAA;AAAA,IACb,IAAO,GAAA,KAAA;AAAA,IACP,YAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,MAAM,MAAW,EAAA,GAAA,IAAA,KAASC,iBAAY,CAAA;AAAA,IACjE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,oBAAsB,EAAAC,gBAAA;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,64 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { useWindow } from '@salt-ds/window';
3
- import { useComponentCssInjection } from '@salt-ds/styles';
4
- import css_248z from './CircularProgress.css.js';
5
-
6
- const SIZE = 44;
7
- const circularGradientId = "salt-circular-progress-gradient";
8
- const ViewBox = (props) => {
9
- const targetWindow = useWindow();
10
- useComponentCssInjection({
11
- testId: "salt-circular-progress",
12
- css: css_248z,
13
- window: targetWindow
14
- });
15
- return /* @__PURE__ */ jsx("svg", {
16
- className: "saltCircularProgress-svg",
17
- viewBox: `${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`,
18
- children: props.children
19
- });
20
- };
21
- const LinearGradient = () => {
22
- const targetWindow = useWindow();
23
- useComponentCssInjection({
24
- testId: "salt-circular-progress",
25
- css: css_248z,
26
- window: targetWindow
27
- });
28
- return /* @__PURE__ */ jsx("defs", {
29
- children: /* @__PURE__ */ jsxs("linearGradient", {
30
- gradientTransform: "rotate(90)",
31
- id: circularGradientId,
32
- children: [
33
- /* @__PURE__ */ jsx("stop", {
34
- className: "saltCircularProgress-gradientStart",
35
- offset: "0%"
36
- }),
37
- /* @__PURE__ */ jsx("stop", {
38
- className: "saltCircularProgress-gradientStop",
39
- offset: "100%"
40
- })
41
- ]
42
- })
43
- });
44
- };
45
- const Circle = ({ strokeWidth, style, className }) => {
46
- const targetWindow = useWindow();
47
- useComponentCssInjection({
48
- testId: "salt-circular-progress",
49
- css: css_248z,
50
- window: targetWindow
51
- });
52
- return /* @__PURE__ */ jsx("circle", {
53
- cx: SIZE,
54
- cy: SIZE,
55
- fill: "none",
56
- r: (SIZE - strokeWidth) / 2,
57
- strokeWidth,
58
- style,
59
- className
60
- });
61
- };
62
-
63
- export { Circle, LinearGradient, SIZE, ViewBox, circularGradientId };
64
- //# sourceMappingURL=CircularProgressParts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CircularProgressParts.js","sources":["../src/progress/CircularProgress/CircularProgressParts.tsx"],"sourcesContent":["import { CSSProperties, ReactNode } from \"react\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nexport const SIZE = 44;\n\nexport const circularGradientId = \"salt-circular-progress-gradient\";\n\nexport const ViewBox = (props: { children?: ReactNode }) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <svg\n className=\"saltCircularProgress-svg\"\n viewBox={`${SIZE / 2} ${SIZE / 2} ${SIZE} ${SIZE}`}\n >\n {props.children}\n </svg>\n );\n};\n\nexport const LinearGradient = () => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <defs>\n <linearGradient gradientTransform=\"rotate(90)\" id={circularGradientId}>\n <stop className=\"saltCircularProgress-gradientStart\" offset=\"0%\" />\n <stop className=\"saltCircularProgress-gradientStop\" offset=\"100%\" />\n </linearGradient>\n </defs>\n );\n};\n\nexport interface CircleProps {\n strokeWidth: number;\n style?: CSSProperties;\n className?: string;\n}\n\nexport const Circle = ({ strokeWidth, style, className }: CircleProps) => {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-circular-progress\",\n css: circularProgressCSS,\n window: targetWindow,\n });\n\n return (\n <circle\n cx={SIZE}\n cy={SIZE}\n fill=\"none\"\n r={(SIZE - strokeWidth) / 2}\n strokeWidth={strokeWidth}\n style={style}\n className={className}\n />\n );\n};\n"],"names":["circularProgressCSS"],"mappings":";;;;;AAMO,MAAM,IAAO,GAAA,GAAA;AAEb,MAAM,kBAAqB,GAAA,kCAAA;AAErB,MAAA,OAAA,GAAU,CAAC,KAAoC,KAAA;AAC1D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IACC,SAAU,EAAA,0BAAA;AAAA,IACV,SAAS,CAAG,EAAA,IAAA,GAAO,CAAK,CAAA,CAAA,EAAA,IAAA,GAAO,KAAK,IAAQ,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA;AAAA,IAE3C,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,GACT,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAA,IAAA,CAAA,gBAAA,EAAA;AAAA,MAAe,iBAAkB,EAAA,YAAA;AAAA,MAAa,EAAI,EAAA,kBAAA;AAAA,MACjD,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,oCAAA;AAAA,UAAqC,MAAO,EAAA,IAAA;AAAA,SAAK,CAAA;AAAA,wBAChE,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,SAAU,EAAA,mCAAA;AAAA,UAAoC,MAAO,EAAA,MAAA;AAAA,SAAO,CAAA;AAAA,OAAA;AAAA,KACpE,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,EAAA;AAQO,MAAM,SAAS,CAAC,EAAE,WAAa,EAAA,KAAA,EAAO,WAA6B,KAAA;AACxE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,IACC,EAAI,EAAA,IAAA;AAAA,IACJ,EAAI,EAAA,IAAA;AAAA,IACJ,IAAK,EAAA,MAAA;AAAA,IACL,CAAA,EAAA,CAAI,OAAO,WAAe,IAAA,CAAA;AAAA,IAC1B,WAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,4 +0,0 @@
1
- var css_248z = "/* Styles applied to Toast root element */\n.saltToast {\n --toast-background: var(--salt-container-primary-background);\n\n background: var(--saltToast-background, var(--toast-background));\n border-color: var(--saltToast-borderColor, var(--toast-borderColor));\n border-width: var(--saltToast-borderWidth, var(--salt-size-border));\n border-style: var(--saltToast-borderStyle, var(--salt-container-borderStyle));\n\n box-sizing: border-box;\n box-shadow: var(--salt-overlayable-shadow-popout);\n display: inline-flex;\n gap: var(--salt-spacing-75);\n padding: var(--saltToast-padding, var(--salt-spacing-100));\n min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n}\n\n/* Styles applied to icon */\n.saltToast-icon.saltIcon {\n margin: calc(var(--salt-spacing-75) + 2px) 0 var(--salt-spacing-75) 0;\n}\n.salt-density-high.saltToast-icon.saltIcon {\n margin: calc(var(--salt-spacing-75) + 1px) 0 var(--salt-spacing-75) 0;\n}\n\n/* Styles applied when state = \"info\" */\n.saltToast-info {\n --toast-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when state = \"error\" */\n.saltToast-error {\n --toast-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltToast-warning {\n --toast-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when state = \"success\" */\n.saltToast-success {\n --toast-borderColor: var(--salt-status-success-borderColor);\n}\n";
2
-
3
- export { css_248z as default };
4
- //# sourceMappingURL=Toast.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,34 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { clsx } from 'clsx';
3
- import { forwardRef } from 'react';
4
- import { makePrefixer, StatusIndicator } from '@salt-ds/core';
5
- import { useWindow } from '@salt-ds/window';
6
- import { useComponentCssInjection } from '@salt-ds/styles';
7
- import css_248z from './Toast.css.js';
8
-
9
- const withBaseName = makePrefixer("saltToast");
10
- const Toast = forwardRef(function Toast2(props, ref) {
11
- const { children, className, status = "info", ...rest } = props;
12
- const targetWindow = useWindow();
13
- useComponentCssInjection({
14
- testId: "salt-toast",
15
- css: css_248z,
16
- window: targetWindow
17
- });
18
- return /* @__PURE__ */ jsxs("div", {
19
- className: clsx(withBaseName(), withBaseName(status), className),
20
- role: "alert",
21
- ...rest,
22
- ref,
23
- children: [
24
- /* @__PURE__ */ jsx(StatusIndicator, {
25
- status,
26
- className: withBaseName("icon")
27
- }),
28
- children
29
- ]
30
- });
31
- });
32
-
33
- export { Toast };
34
- //# sourceMappingURL=Toast.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.js","sources":["../src/toast/Toast.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer, StatusIndicator, ValidationStatus } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport toastCss from \"./Toast.css\";\n\nconst withBaseName = makePrefixer(\"saltToast\");\n\nexport interface ToastProps extends ComponentPropsWithoutRef<\"div\"> {\n /**\n * A string to determine the current state of the Toast.\n */\n status?: ValidationStatus;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n props,\n ref\n) {\n const { children, className, status = \"info\", ...rest } = props;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-toast\",\n css: toastCss,\n window: targetWindow,\n });\n\n return (\n <div\n className={clsx(withBaseName(), withBaseName(status), className)}\n role=\"alert\"\n {...rest}\n ref={ref}\n >\n <StatusIndicator status={status} className={withBaseName(\"icon\")} />\n {children}\n </div>\n );\n});\n"],"names":["Toast","toastCss"],"mappings":";;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAStC,MAAM,KAAQ,GAAA,UAAA,CAAuC,SAASA,MAAAA,CACnE,OACA,GACA,EAAA;AACA,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,MAAS,GAAA,MAAA,EAAA,GAAW,MAAS,GAAA,KAAA,CAAA;AAC1D,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,IAC/D,IAAK,EAAA,OAAA;AAAA,IACJ,GAAG,IAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,eAAA,EAAA;AAAA,QAAgB,MAAA;AAAA,QAAgB,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAA;AAAA,MACjE,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
@@ -1,4 +0,0 @@
1
- var css_248z = "/* Styles applied to ToastContent */\n.saltToastContent {\n flex: 1 0;\n margin: var(--salt-spacing-75) 0;\n}\n";
2
-
3
- export { css_248z as default };
4
- //# sourceMappingURL=ToastContent.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToastContent.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}