@bspk/ui 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (801) hide show
  1. package/.scripts/index.ts +110 -0
  2. package/README.md +13 -0
  3. package/build.ts +2 -2
  4. package/dist/components/Accordion/Accordion.d.ts +42 -5
  5. package/dist/components/Accordion/Accordion.js +24 -20
  6. package/dist/components/Accordion/Accordion.js.map +1 -1
  7. package/dist/components/Accordion/AccordionExample.d.ts +2 -1
  8. package/dist/components/Accordion/AccordionExample.js +77 -64
  9. package/dist/components/Accordion/AccordionExample.js.map +1 -1
  10. package/dist/components/Accordion/accordion.css +37 -34
  11. package/dist/components/Accordion/accordion.css.js +37 -34
  12. package/dist/components/Avatar/Avatar.d.ts +10 -6
  13. package/dist/components/Avatar/Avatar.js +5 -10
  14. package/dist/components/Avatar/Avatar.js.map +1 -1
  15. package/dist/components/Avatar/AvatarExample.d.ts +2 -1
  16. package/dist/components/Avatar/AvatarExample.js +42 -41
  17. package/dist/components/Avatar/AvatarExample.js.map +1 -1
  18. package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
  19. package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
  20. package/dist/components/AvatarGroup/AvatarGroup.js.map +1 -1
  21. package/dist/components/AvatarGroup/AvatarGroupExample.d.ts +2 -1
  22. package/dist/components/AvatarGroup/AvatarGroupExample.js +33 -27
  23. package/dist/components/AvatarGroup/AvatarGroupExample.js.map +1 -1
  24. package/dist/components/Badge/Badge.d.ts +1 -1
  25. package/dist/components/Badge/Badge.js +1 -1
  26. package/dist/components/Badge/Badge.js.map +1 -1
  27. package/dist/components/BadgeDot/BadgeDot.d.ts +1 -1
  28. package/dist/components/BadgeDot/BadgeDot.js +1 -1
  29. package/dist/components/BadgeDot/BadgeDot.js.map +1 -1
  30. package/dist/components/BannerAlert/BannerAlert.d.ts +1 -1
  31. package/dist/components/BannerAlert/BannerAlert.js +3 -2
  32. package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
  33. package/dist/components/BannerAlert/BannerAlertExample.js +4 -0
  34. package/dist/components/BannerAlert/BannerAlertExample.js.map +1 -1
  35. package/dist/components/BannerAlert/banner-alert.css +0 -26
  36. package/dist/components/BannerAlert/banner-alert.css.js +0 -26
  37. package/dist/components/BottomNavigation/BottomNavigation.d.ts +53 -0
  38. package/dist/components/BottomNavigation/BottomNavigation.js +42 -0
  39. package/dist/components/BottomNavigation/BottomNavigation.js.map +1 -0
  40. package/dist/components/BottomNavigation/BottomNavigationExample.d.ts +4 -0
  41. package/dist/components/BottomNavigation/BottomNavigationExample.js +119 -0
  42. package/dist/components/BottomNavigation/BottomNavigationExample.js.map +1 -0
  43. package/dist/components/BottomNavigation/bottom-navigation.css +68 -0
  44. package/dist/components/BottomNavigation/bottom-navigation.css.js +73 -0
  45. package/dist/components/BottomNavigation/index.d.ts +1 -0
  46. package/dist/components/BottomNavigation/index.js +2 -0
  47. package/dist/components/BottomNavigation/index.js.map +1 -0
  48. package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -4
  49. package/dist/components/Breadcrumb/Breadcrumb.js +7 -16
  50. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  51. package/dist/components/Breadcrumb/BreadcrumbExample.d.ts +2 -1
  52. package/dist/components/Breadcrumb/BreadcrumbExample.js +150 -149
  53. package/dist/components/Breadcrumb/BreadcrumbExample.js.map +1 -1
  54. package/dist/components/Button/Button.d.ts +1 -1
  55. package/dist/components/Button/Button.js +6 -3
  56. package/dist/components/Button/Button.js.map +1 -1
  57. package/dist/components/Button/ButtonExample.d.ts +2 -1
  58. package/dist/components/Button/ButtonExample.js +25 -24
  59. package/dist/components/Button/ButtonExample.js.map +1 -1
  60. package/dist/components/ButtonDock/ButtonDock.d.ts +55 -0
  61. package/dist/components/ButtonDock/ButtonDock.js +33 -0
  62. package/dist/components/ButtonDock/ButtonDock.js.map +1 -0
  63. package/dist/components/ButtonDock/ButtonDockExample.d.ts +4 -0
  64. package/dist/components/ButtonDock/ButtonDockExample.js +75 -0
  65. package/dist/components/ButtonDock/ButtonDockExample.js.map +1 -0
  66. package/dist/components/ButtonDock/button-dock.css +42 -0
  67. package/dist/components/ButtonDock/button-dock.css.js +47 -0
  68. package/dist/components/ButtonDock/index.d.ts +1 -0
  69. package/dist/components/ButtonDock/index.js +2 -0
  70. package/dist/components/ButtonDock/index.js.map +1 -0
  71. package/dist/components/CalendarPicker/CalendarPicker.d.ts +32 -0
  72. package/dist/components/CalendarPicker/CalendarPicker.js +203 -0
  73. package/dist/components/CalendarPicker/CalendarPicker.js.map +1 -0
  74. package/dist/components/CalendarPicker/CalendarPickerExample.d.ts +3 -0
  75. package/dist/components/CalendarPicker/CalendarPickerExample.js +17 -0
  76. package/dist/components/CalendarPicker/CalendarPickerExample.js.map +1 -0
  77. package/dist/components/CalendarPicker/calendar-picker.css +70 -0
  78. package/dist/components/CalendarPicker/calendar-picker.css.js +75 -0
  79. package/dist/components/CalendarPicker/index.d.ts +1 -0
  80. package/dist/components/CalendarPicker/index.js +2 -0
  81. package/dist/components/CalendarPicker/index.js.map +1 -0
  82. package/dist/components/Card/Card.d.ts +3 -9
  83. package/dist/components/Card/Card.js +2 -2
  84. package/dist/components/Card/Card.js.map +1 -1
  85. package/dist/components/Card/CardExample.js +1 -0
  86. package/dist/components/Card/CardExample.js.map +1 -1
  87. package/dist/components/Card/card.css +0 -4
  88. package/dist/components/Card/card.css.js +0 -4
  89. package/dist/components/Carousel/Carousel.d.ts +63 -0
  90. package/dist/components/Carousel/Carousel.js +68 -0
  91. package/dist/components/Carousel/Carousel.js.map +1 -0
  92. package/dist/components/Carousel/CarouselExample.d.ts +5 -0
  93. package/dist/components/Carousel/CarouselExample.js +51 -0
  94. package/dist/components/Carousel/CarouselExample.js.map +1 -0
  95. package/dist/components/Carousel/carousel.css +34 -0
  96. package/dist/components/Carousel/carousel.css.js +39 -0
  97. package/dist/components/Carousel/index.d.ts +1 -0
  98. package/dist/components/Carousel/index.js +2 -0
  99. package/dist/components/Carousel/index.js.map +1 -0
  100. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  101. package/dist/components/Checkbox/Checkbox.js +1 -1
  102. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  103. package/dist/components/Checkbox/checkbox.css +8 -8
  104. package/dist/components/Checkbox/checkbox.css.js +8 -8
  105. package/dist/components/CheckboxGroup/CheckboxGroupExample.d.ts +2 -1
  106. package/dist/components/CheckboxGroup/CheckboxGroupExample.js +49 -42
  107. package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
  108. package/dist/components/ChipAssist/ChipAssistExample.d.ts +2 -1
  109. package/dist/components/ChipAssist/ChipAssistExample.js +24 -23
  110. package/dist/components/ChipAssist/ChipAssistExample.js.map +1 -1
  111. package/dist/components/ChipFilter/ChipFilterExample.js +3 -0
  112. package/dist/components/ChipFilter/ChipFilterExample.js.map +1 -1
  113. package/dist/components/ChipGroup/ChipGroupExample.d.ts +2 -1
  114. package/dist/components/ChipGroup/ChipGroupExample.js +9 -8
  115. package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
  116. package/dist/components/ChipInput/ChipInputExample.d.ts +2 -1
  117. package/dist/components/ChipInput/ChipInputExample.js +39 -38
  118. package/dist/components/ChipInput/ChipInputExample.js.map +1 -1
  119. package/dist/components/ChipSuggestion/ChipSuggestionExample.d.ts +2 -1
  120. package/dist/components/ChipSuggestion/ChipSuggestionExample.js +16 -15
  121. package/dist/components/ChipSuggestion/ChipSuggestionExample.js.map +1 -1
  122. package/dist/components/ChipUtility/ChipUtility.d.ts +1 -1
  123. package/dist/components/ChipUtility/ChipUtility.js +1 -1
  124. package/dist/components/ChipUtility/ChipUtility.js.map +1 -1
  125. package/dist/components/ChipUtility/ChipUtilityExample.d.ts +2 -1
  126. package/dist/components/ChipUtility/ChipUtilityExample.js +53 -52
  127. package/dist/components/ChipUtility/ChipUtilityExample.js.map +1 -1
  128. package/dist/components/DateField/DateField.d.ts +32 -0
  129. package/dist/components/DateField/DateField.js +34 -0
  130. package/dist/components/DateField/DateField.js.map +1 -0
  131. package/dist/components/DateField/DateFieldExample.d.ts +4 -0
  132. package/dist/components/DateField/DateFieldExample.js +11 -0
  133. package/dist/components/DateField/DateFieldExample.js.map +1 -0
  134. package/dist/components/DateField/date-field.css +8 -0
  135. package/dist/components/DateField/date-field.css.js +13 -0
  136. package/dist/components/DateField/index.d.ts +1 -0
  137. package/dist/components/DateField/index.js +2 -0
  138. package/dist/components/DateField/index.js.map +1 -0
  139. package/dist/components/DateInput/DateInput.d.ts +39 -0
  140. package/dist/components/DateInput/DateInput.js +102 -0
  141. package/dist/components/DateInput/DateInput.js.map +1 -0
  142. package/dist/components/DateInput/DateInputExample.d.ts +4 -0
  143. package/dist/components/DateInput/DateInputExample.js +14 -0
  144. package/dist/components/DateInput/DateInputExample.js.map +1 -0
  145. package/dist/components/DateInput/date-input.css +12 -0
  146. package/dist/components/DateInput/date-input.css.js +17 -0
  147. package/dist/components/DateInput/index.d.ts +1 -0
  148. package/dist/components/DateInput/index.js +2 -0
  149. package/dist/components/DateInput/index.js.map +1 -0
  150. package/dist/components/Dialog/Dialog.d.ts +15 -2
  151. package/dist/components/Dialog/Dialog.js +11 -9
  152. package/dist/components/Dialog/Dialog.js.map +1 -1
  153. package/dist/components/Dialog/DialogExample.d.ts +2 -1
  154. package/dist/components/Dialog/DialogExample.js +2 -0
  155. package/dist/components/Dialog/DialogExample.js.map +1 -1
  156. package/dist/components/Dialog/dialog.css +19 -67
  157. package/dist/components/Dialog/dialog.css.js +19 -67
  158. package/dist/components/Divider/Divider.d.ts +1 -1
  159. package/dist/components/Divider/Divider.js +1 -1
  160. package/dist/components/Divider/Divider.js.map +1 -1
  161. package/dist/components/Divider/DividerExample.d.ts +4 -2
  162. package/dist/components/Divider/DividerExample.js +2 -0
  163. package/dist/components/Divider/DividerExample.js.map +1 -1
  164. package/dist/components/Divider/divider.css +1 -1
  165. package/dist/components/Divider/divider.css.js +1 -1
  166. package/dist/components/Drawer/Drawer.d.ts +75 -0
  167. package/dist/components/Drawer/Drawer.js +49 -0
  168. package/dist/components/Drawer/Drawer.js.map +1 -0
  169. package/dist/components/Drawer/DrawerExample.d.ts +4 -0
  170. package/dist/components/Drawer/DrawerExample.js +47 -0
  171. package/dist/components/Drawer/DrawerExample.js.map +1 -0
  172. package/dist/components/Drawer/drawer.css +56 -0
  173. package/dist/components/Drawer/drawer.css.js +61 -0
  174. package/dist/components/Drawer/index.d.ts +1 -0
  175. package/dist/components/Drawer/index.js +2 -0
  176. package/dist/components/Drawer/index.js.map +1 -0
  177. package/dist/components/EmptyState/EmptyStateExample.d.ts +2 -1
  178. package/dist/components/EmptyState/EmptyStateExample.js +18 -11
  179. package/dist/components/EmptyState/EmptyStateExample.js.map +1 -1
  180. package/dist/components/Fab/Fab.d.ts +1 -1
  181. package/dist/components/Fab/Fab.js +5 -2
  182. package/dist/components/Fab/Fab.js.map +1 -1
  183. package/dist/components/Fab/FabExample.d.ts +1 -0
  184. package/dist/components/Fab/FabExample.js +4 -2
  185. package/dist/components/Fab/FabExample.js.map +1 -1
  186. package/dist/components/FileUpload/FileUpload.d.ts +1 -1
  187. package/dist/components/FileUpload/FileUpload.js +1 -1
  188. package/dist/components/FileUpload/FileUpload.js.map +1 -1
  189. package/dist/components/FileUpload/FileUploadExample.d.ts +2 -1
  190. package/dist/components/FileUpload/FileUploadExample.js +17 -16
  191. package/dist/components/FileUpload/FileUploadExample.js.map +1 -1
  192. package/dist/components/FileUploadItem/FileUploadItem.d.ts +1 -1
  193. package/dist/components/FileUploadItem/FileUploadItem.js +1 -1
  194. package/dist/components/FileUploadItem/FileUploadItem.js.map +1 -1
  195. package/dist/components/FileUploadItem/FileUploadItemExample.d.ts +2 -1
  196. package/dist/components/FileUploadItem/FileUploadItemExample.js +44 -39
  197. package/dist/components/FileUploadItem/FileUploadItemExample.js.map +1 -1
  198. package/dist/components/FormField/FormField.d.ts +3 -3
  199. package/dist/components/FormField/FormField.js +2 -2
  200. package/dist/components/FormField/FormField.js.map +1 -1
  201. package/dist/components/FormField/form-field.css +3 -3
  202. package/dist/components/FormField/form-field.css.js +3 -3
  203. package/dist/components/InlineAlert/InlineAlert.d.ts +1 -1
  204. package/dist/components/InlineAlert/InlineAlert.js +1 -1
  205. package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
  206. package/dist/components/Layout/LayoutExample.d.ts +2 -1
  207. package/dist/components/Layout/LayoutExample.js +2 -0
  208. package/dist/components/Layout/LayoutExample.js.map +1 -1
  209. package/dist/components/Link/Link.d.ts +1 -1
  210. package/dist/components/Link/Link.js +1 -1
  211. package/dist/components/Link/Link.js.map +1 -1
  212. package/dist/components/Link/LinkExample.d.ts +2 -1
  213. package/dist/components/Link/LinkExample.js +2 -0
  214. package/dist/components/Link/LinkExample.js.map +1 -1
  215. package/dist/components/ListItem/ListItem.d.ts +40 -14
  216. package/dist/components/ListItem/ListItem.js +26 -13
  217. package/dist/components/ListItem/ListItem.js.map +1 -1
  218. package/dist/components/ListItem/ListItemExample.d.ts +2 -1
  219. package/dist/components/ListItem/ListItemExample.js +12 -12
  220. package/dist/components/ListItem/ListItemExample.js.map +1 -1
  221. package/dist/components/ListItem/list-item.css +10 -7
  222. package/dist/components/ListItem/list-item.css.js +10 -7
  223. package/dist/components/ListItemMenu/ListItemMenu.d.ts +146 -0
  224. package/dist/components/ListItemMenu/ListItemMenu.js +159 -0
  225. package/dist/components/ListItemMenu/ListItemMenu.js.map +1 -0
  226. package/dist/components/ListItemMenu/index.d.ts +1 -0
  227. package/dist/components/ListItemMenu/index.js +2 -0
  228. package/dist/components/ListItemMenu/index.js.map +1 -0
  229. package/dist/components/Menu/Menu.d.ts +12 -39
  230. package/dist/components/Menu/Menu.js +6 -26
  231. package/dist/components/Menu/Menu.js.map +1 -1
  232. package/dist/components/Menu/MenuExample.d.ts +3 -3
  233. package/dist/components/Menu/MenuExample.js +1 -24
  234. package/dist/components/Menu/MenuExample.js.map +1 -1
  235. package/dist/components/Menu/menu.css +3 -10
  236. package/dist/components/Menu/menu.css.js +3 -10
  237. package/dist/components/MenuButton/MenuButton.d.ts +1 -1
  238. package/dist/components/MenuButton/MenuButton.js +1 -1
  239. package/dist/components/MenuButton/MenuButton.js.map +1 -1
  240. package/dist/components/Modal/Modal.d.ts +4 -4
  241. package/dist/components/Modal/Modal.js +4 -4
  242. package/dist/components/Modal/Modal.js.map +1 -1
  243. package/dist/components/NumberInput/NumberInput.d.ts +8 -4
  244. package/dist/components/NumberInput/NumberInput.js +5 -14
  245. package/dist/components/NumberInput/NumberInput.js.map +1 -1
  246. package/dist/components/NumberInput/number-input.css +0 -1
  247. package/dist/components/NumberInput/number-input.css.js +0 -1
  248. package/dist/components/OTPInput/OTPInput.d.ts +3 -3
  249. package/dist/components/OTPInput/OTPInput.js +3 -3
  250. package/dist/components/OTPInput/OTPInput.js.map +1 -1
  251. package/dist/components/OTPInput/OTPInputExample.d.ts +2 -1
  252. package/dist/components/OTPInput/OTPInputExample.js +19 -16
  253. package/dist/components/OTPInput/OTPInputExample.js.map +1 -1
  254. package/dist/components/PageControl/PageControl.d.ts +5 -3
  255. package/dist/components/PageControl/PageControl.js +17 -16
  256. package/dist/components/PageControl/PageControl.js.map +1 -1
  257. package/dist/components/PageControl/PageControlExample.d.ts +4 -0
  258. package/dist/components/PageControl/PageControlExample.js +34 -0
  259. package/dist/components/PageControl/PageControlExample.js.map +1 -0
  260. package/dist/components/Pagination/Pagination.d.ts +1 -5
  261. package/dist/components/Pagination/Pagination.js +2 -6
  262. package/dist/components/Pagination/Pagination.js.map +1 -1
  263. package/dist/components/PasswordField/PasswordField.d.ts +2 -2
  264. package/dist/components/PasswordField/PasswordField.js +3 -3
  265. package/dist/components/PasswordField/PasswordField.js.map +1 -1
  266. package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
  267. package/dist/components/PasswordInput/PasswordInput.js +2 -2
  268. package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
  269. package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +3 -3
  270. package/dist/components/PhoneNumberInput/PhoneNumberInput.js +49 -52
  271. package/dist/components/PhoneNumberInput/PhoneNumberInput.js.map +1 -1
  272. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.d.ts +4 -0
  273. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js +5 -0
  274. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js.map +1 -0
  275. package/dist/components/PhoneNumberInput/phone-number-input.css +36 -26
  276. package/dist/components/PhoneNumberInput/phone-number-input.css.js +36 -26
  277. package/dist/components/Popover/Popover.d.ts +7 -4
  278. package/dist/components/Popover/Popover.js +22 -19
  279. package/dist/components/Popover/Popover.js.map +1 -1
  280. package/dist/components/Popover/PopoverExample.js +7 -1
  281. package/dist/components/Popover/PopoverExample.js.map +1 -1
  282. package/dist/components/Popover/popover.css +3 -12
  283. package/dist/components/Popover/popover.css.js +3 -12
  284. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  285. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  286. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  287. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  288. package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +1 -1
  289. package/dist/components/ProgressionStepper/ProgressionStepper.js +2 -2
  290. package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
  291. package/dist/components/ProgressionStepper/ProgressionStepperExample.d.ts +2 -1
  292. package/dist/components/ProgressionStepper/ProgressionStepperExample.js +47 -46
  293. package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
  294. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.d.ts +1 -1
  295. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js +3 -3
  296. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js.map +1 -1
  297. package/dist/components/Radio/Radio.d.ts +1 -1
  298. package/dist/components/Radio/Radio.js.map +1 -1
  299. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  300. package/dist/components/RadioGroup/RadioGroup.js +2 -2
  301. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  302. package/dist/components/RadioGroup/RadioGroupExample.d.ts +1 -0
  303. package/dist/components/RadioGroup/RadioGroupExample.js +2 -1
  304. package/dist/components/RadioGroup/RadioGroupExample.js.map +1 -1
  305. package/dist/components/RadioOption/RadioOption.js +1 -1
  306. package/dist/components/RadioOption/RadioOption.js.map +1 -1
  307. package/dist/components/Rating/Rating.js +2 -2
  308. package/dist/components/Rating/Rating.js.map +1 -1
  309. package/dist/components/Rating/RatingExample.d.ts +2 -1
  310. package/dist/components/Rating/RatingExample.js +9 -8
  311. package/dist/components/Rating/RatingExample.js.map +1 -1
  312. package/dist/components/Scrim/Scrim.d.ts +2 -2
  313. package/dist/components/Scrim/Scrim.js +2 -2
  314. package/dist/components/Scrim/Scrim.js.map +1 -1
  315. package/dist/components/Scrim/scrim.css +0 -3
  316. package/dist/components/Scrim/scrim.css.js +0 -3
  317. package/dist/components/SearchBar/SearchBar.d.ts +11 -8
  318. package/dist/components/SearchBar/SearchBar.js +46 -34
  319. package/dist/components/SearchBar/SearchBar.js.map +1 -1
  320. package/dist/components/SearchBar/SearchBarExample.d.ts +2 -1
  321. package/dist/components/SearchBar/SearchBarExample.js +2 -6
  322. package/dist/components/SearchBar/SearchBarExample.js.map +1 -1
  323. package/dist/components/SegmentedControl/SegmentedControl.d.ts +2 -2
  324. package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
  325. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  326. package/dist/components/SegmentedControl/SegmentedControlExample.d.ts +2 -1
  327. package/dist/components/SegmentedControl/SegmentedControlExample.js +32 -23
  328. package/dist/components/SegmentedControl/SegmentedControlExample.js.map +1 -1
  329. package/dist/components/SegmentedControl/segmented-control.css +7 -7
  330. package/dist/components/SegmentedControl/segmented-control.css.js +7 -7
  331. package/dist/components/Select/Select.d.ts +53 -35
  332. package/dist/components/Select/Select.js +99 -27
  333. package/dist/components/Select/Select.js.map +1 -1
  334. package/dist/components/Select/SelectExample.d.ts +2 -1
  335. package/dist/components/Select/SelectExample.js +104 -89
  336. package/dist/components/Select/SelectExample.js.map +1 -1
  337. package/dist/components/Select/select.css +12 -18
  338. package/dist/components/Select/select.css.js +12 -18
  339. package/dist/components/SelectField/SelectFieldExample.d.ts +23 -0
  340. package/dist/components/SelectField/SelectFieldExample.js +13 -0
  341. package/dist/components/SelectField/SelectFieldExample.js.map +1 -0
  342. package/dist/components/Skeleton/SkeletonExample.d.ts +2 -1
  343. package/dist/components/Skeleton/SkeletonExample.js +10 -9
  344. package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
  345. package/dist/components/SkeletonText/SkeletonTextExample.d.ts +2 -1
  346. package/dist/components/SkeletonText/SkeletonTextExample.js +12 -11
  347. package/dist/components/SkeletonText/SkeletonTextExample.js.map +1 -1
  348. package/dist/components/Slider/Slider.js +1 -1
  349. package/dist/components/Slider/Slider.js.map +1 -1
  350. package/dist/components/Slider/SliderExample.js +3 -0
  351. package/dist/components/Slider/SliderExample.js.map +1 -1
  352. package/dist/components/Snackbar/Snackbar.d.ts +27 -0
  353. package/dist/components/Snackbar/Snackbar.js +23 -0
  354. package/dist/components/Snackbar/Snackbar.js.map +1 -0
  355. package/dist/components/Snackbar/SnackbarExample.d.ts +3 -0
  356. package/dist/components/Snackbar/SnackbarExample.js +11 -0
  357. package/dist/components/Snackbar/SnackbarExample.js.map +1 -0
  358. package/dist/components/Snackbar/index.d.ts +1 -0
  359. package/dist/components/Snackbar/index.js +2 -0
  360. package/dist/components/Snackbar/index.js.map +1 -0
  361. package/dist/components/Snackbar/snackbar.css +19 -0
  362. package/dist/components/Snackbar/snackbar.css.js +24 -0
  363. package/dist/components/SnackbarProvider/SnackbarProvider.d.ts +90 -0
  364. package/dist/components/SnackbarProvider/SnackbarProvider.js +115 -0
  365. package/dist/components/SnackbarProvider/SnackbarProvider.js.map +1 -0
  366. package/dist/components/SnackbarProvider/SnackbarProviderExample.d.ts +4 -0
  367. package/dist/components/SnackbarProvider/SnackbarProviderExample.js +59 -0
  368. package/dist/components/SnackbarProvider/SnackbarProviderExample.js.map +1 -0
  369. package/dist/components/SnackbarProvider/index.d.ts +1 -0
  370. package/dist/components/SnackbarProvider/index.js +2 -0
  371. package/dist/components/SnackbarProvider/index.js.map +1 -0
  372. package/dist/components/SnackbarProvider/snackbar-provider-example.css +15 -0
  373. package/dist/components/SnackbarProvider/snackbar-provider-example.css.js +20 -0
  374. package/dist/components/SnackbarProvider/snackbar-provider.css +15 -0
  375. package/dist/components/SnackbarProvider/snackbar-provider.css.js +20 -0
  376. package/dist/components/Switch/Switch.d.ts +1 -1
  377. package/dist/components/Switch/Switch.js.map +1 -1
  378. package/dist/components/TabGroup/TabGroup.d.ts +1 -1
  379. package/dist/components/TabGroup/TabGroup.js +1 -1
  380. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  381. package/dist/components/TabGroup/TabGroupExample.d.ts +2 -1
  382. package/dist/components/TabGroup/TabGroupExample.js +50 -45
  383. package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
  384. package/dist/components/TabGroup/tab-group.css +6 -6
  385. package/dist/components/TabGroup/tab-group.css.js +6 -6
  386. package/dist/components/TabList/TabList.d.ts +1 -1
  387. package/dist/components/TabList/TabList.js +32 -22
  388. package/dist/components/TabList/TabList.js.map +1 -1
  389. package/dist/components/TabList/tab-list.css +6 -9
  390. package/dist/components/TabList/tab-list.css.js +6 -9
  391. package/dist/components/Tag/Tag.d.ts +1 -1
  392. package/dist/components/Tag/Tag.js +1 -1
  393. package/dist/components/Tag/Tag.js.map +1 -1
  394. package/dist/components/Tag/TagExample.d.ts +2 -1
  395. package/dist/components/Tag/TagExample.js +12 -11
  396. package/dist/components/Tag/TagExample.js.map +1 -1
  397. package/dist/components/TextField/TextField.js +1 -1
  398. package/dist/components/TextField/TextField.js.map +1 -1
  399. package/dist/components/TextField/TextFieldExample.d.ts +3 -0
  400. package/dist/components/TextField/TextFieldExample.js +6 -0
  401. package/dist/components/TextField/TextFieldExample.js.map +1 -0
  402. package/dist/components/TextInput/TextInput.d.ts +2 -2
  403. package/dist/components/TextInput/TextInput.js +27 -4
  404. package/dist/components/TextInput/TextInput.js.map +1 -1
  405. package/dist/components/TextInput/TextInputExample.js +9 -0
  406. package/dist/components/TextInput/TextInputExample.js.map +1 -1
  407. package/dist/components/TextInput/text-input.css +12 -25
  408. package/dist/components/TextInput/text-input.css.js +12 -25
  409. package/dist/components/Textarea/Textarea.d.ts +3 -3
  410. package/dist/components/Textarea/Textarea.js +2 -10
  411. package/dist/components/Textarea/Textarea.js.map +1 -1
  412. package/dist/components/TextareaField/TextareaField.d.ts +1 -1
  413. package/dist/components/TextareaField/TextareaField.js +2 -2
  414. package/dist/components/TextareaField/TextareaField.js.map +1 -1
  415. package/dist/components/TimeInput/Listbox.d.ts +10 -5
  416. package/dist/components/TimeInput/Listbox.js +14 -55
  417. package/dist/components/TimeInput/Listbox.js.map +1 -1
  418. package/dist/components/TimeInput/Segment.d.ts +3 -4
  419. package/dist/components/TimeInput/Segment.js +17 -13
  420. package/dist/components/TimeInput/Segment.js.map +1 -1
  421. package/dist/components/TimeInput/TimeInput.d.ts +3 -5
  422. package/dist/components/TimeInput/TimeInput.js +70 -23
  423. package/dist/components/TimeInput/TimeInput.js.map +1 -1
  424. package/dist/components/TimeInput/time-input.css +10 -9
  425. package/dist/components/TimeInput/time-input.css.js +10 -9
  426. package/dist/components/ToggleOption/ToggleOption.d.ts +1 -1
  427. package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
  428. package/dist/components/Tooltip/Tooltip.d.ts +4 -3
  429. package/dist/components/Tooltip/Tooltip.js +12 -18
  430. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  431. package/dist/components/Tooltip/TooltipExample.js +1 -1
  432. package/dist/components/Tooltip/TooltipExample.js.map +1 -1
  433. package/dist/components/Tooltip/tooltip.css +0 -2
  434. package/dist/components/Tooltip/tooltip.css.js +0 -2
  435. package/dist/components/Truncated/Truncated.d.ts +1 -0
  436. package/dist/components/Truncated/Truncated.js +2 -8
  437. package/dist/components/Truncated/Truncated.js.map +1 -1
  438. package/dist/components/Truncated/truncated.css +8 -0
  439. package/dist/components/Truncated/truncated.css.js +13 -0
  440. package/dist/components/UIProvider/AriaLiveMessageHandler.d.ts +13 -0
  441. package/dist/components/UIProvider/AriaLiveMessageHandler.js +30 -0
  442. package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +1 -0
  443. package/dist/components/UIProvider/UIProvider.d.ts +12 -1
  444. package/dist/components/UIProvider/UIProvider.js +13 -4
  445. package/dist/components/UIProvider/UIProvider.js.map +1 -1
  446. package/dist/components/UIProvider/UIProviderExample.d.ts +5 -0
  447. package/dist/components/UIProvider/UIProviderExample.js +92 -0
  448. package/dist/components/UIProvider/UIProviderExample.js.map +1 -0
  449. package/dist/constants/phases.js +0 -1
  450. package/dist/constants/phases.js.map +1 -1
  451. package/dist/hooks/useAddEventListener.d.ts +2 -1
  452. package/dist/hooks/useAddEventListener.js.map +1 -1
  453. package/dist/hooks/useArrowNavigation.d.ts +50 -0
  454. package/dist/hooks/useArrowNavigation.js +57 -0
  455. package/dist/hooks/useArrowNavigation.js.map +1 -0
  456. package/dist/hooks/useCheckboxGroupState.d.ts +1 -1
  457. package/dist/hooks/useContainerWidth.d.ts +16 -0
  458. package/dist/hooks/useContainerWidth.js +35 -0
  459. package/dist/hooks/useContainerWidth.js.map +1 -0
  460. package/dist/hooks/useFloating.d.ts +7 -6
  461. package/dist/hooks/useFloating.js +10 -12
  462. package/dist/hooks/useFloating.js.map +1 -1
  463. package/dist/hooks/useSnackbarContext.d.ts +1 -0
  464. package/dist/hooks/useSnackbarContext.js +16 -0
  465. package/dist/hooks/useSnackbarContext.js.map +1 -0
  466. package/dist/hooks/useSwipe.d.ts +6 -0
  467. package/dist/hooks/useSwipe.js +28 -0
  468. package/dist/hooks/useSwipe.js.map +1 -0
  469. package/dist/styles/base.css +87 -15
  470. package/dist/styles/base.css.js +87 -15
  471. package/dist/types/common.d.ts +9 -4
  472. package/dist/types/common.js.map +1 -1
  473. package/dist/types/meta.d.ts +1 -1
  474. package/dist/types/meta.js +0 -7
  475. package/dist/types/meta.js.map +1 -1
  476. package/dist/utils/createExampleChildElement.js +1 -1
  477. package/dist/utils/createExampleChildElement.js.map +1 -1
  478. package/dist/utils/demo.d.ts +31 -6
  479. package/dist/utils/demo.js.map +1 -1
  480. package/dist/utils/dom.d.ts +2 -0
  481. package/dist/utils/dom.js +9 -0
  482. package/dist/utils/dom.js.map +1 -0
  483. package/dist/utils/handleKeyDown.d.ts +4 -3
  484. package/dist/utils/handleKeyDown.js +6 -3
  485. package/dist/utils/handleKeyDown.js.map +1 -1
  486. package/dist/utils/keyboard.d.ts +2 -1
  487. package/dist/utils/keyboard.js.map +1 -1
  488. package/dist/utils/scrollListItemsStyle.d.ts +10 -0
  489. package/dist/utils/scrollListItemsStyle.js +17 -0
  490. package/dist/utils/scrollListItemsStyle.js.map +1 -0
  491. package/dist/utils/snackbarContext.d.ts +38 -0
  492. package/dist/utils/snackbarContext.js +3 -0
  493. package/dist/utils/snackbarContext.js.map +1 -0
  494. package/dist/utils/uiContext.d.ts +6 -0
  495. package/dist/utils/uiContext.js.map +1 -1
  496. package/dist/utils/useIds.d.ts +4 -0
  497. package/dist/utils/useIds.js +11 -0
  498. package/dist/utils/useIds.js.map +1 -0
  499. package/package.json +41 -12
  500. package/src/components/Accordion/Accordion.rtl.test.tsx +17 -0
  501. package/src/components/Accordion/Accordion.tsx +87 -24
  502. package/src/components/Accordion/AccordionExample.tsx +78 -72
  503. package/src/components/Accordion/accordion.scss +37 -36
  504. package/src/components/Avatar/Avatar.rtl.test.tsx +16 -0
  505. package/src/components/Avatar/Avatar.tsx +30 -26
  506. package/src/components/Avatar/AvatarExample.tsx +44 -42
  507. package/src/components/AvatarGroup/AvatarGroup.rtl.test.tsx +16 -0
  508. package/src/components/AvatarGroup/AvatarGroup.tsx +1 -2
  509. package/src/components/AvatarGroup/AvatarGroupExample.tsx +36 -28
  510. package/src/components/Badge/Badge.rtl.test.tsx +19 -0
  511. package/src/components/Badge/Badge.tsx +1 -2
  512. package/src/components/BadgeDot/BadgeDot.rtl.test.tsx +19 -0
  513. package/src/components/BadgeDot/BadgeDot.tsx +1 -2
  514. package/src/components/BannerAlert/BannerAlert.rtl.test.tsx +26 -0
  515. package/src/components/BannerAlert/BannerAlert.tsx +16 -7
  516. package/src/components/BannerAlert/BannerAlertExample.tsx +4 -0
  517. package/src/components/BannerAlert/banner-alert.scss +0 -28
  518. package/src/components/BottomNavigation/BottomNavigation.rtl.test.tsx +21 -0
  519. package/src/components/BottomNavigation/BottomNavigation.tsx +60 -0
  520. package/src/components/BottomNavigation/BottomNavigationExample.tsx +121 -0
  521. package/src/components/BottomNavigation/bottom-navigation.scss +87 -0
  522. package/src/components/BottomNavigation/index.tsx +1 -0
  523. package/src/components/Breadcrumb/Breadcrumb.rtl.test.tsx +16 -0
  524. package/src/components/Breadcrumb/Breadcrumb.tsx +57 -73
  525. package/src/components/Breadcrumb/BreadcrumbExample.tsx +152 -150
  526. package/src/components/Button/Button.rtl.test.tsx +16 -0
  527. package/src/components/Button/Button.tsx +8 -5
  528. package/src/components/Button/ButtonExample.tsx +27 -25
  529. package/src/components/ButtonDock/ButtonDock.rtl.test.tsx +18 -0
  530. package/src/components/ButtonDock/ButtonDock.tsx +68 -0
  531. package/src/components/ButtonDock/ButtonDockExample.tsx +77 -0
  532. package/src/components/ButtonDock/button-dock.scss +49 -0
  533. package/src/components/ButtonDock/index.tsx +1 -0
  534. package/src/components/CalendarPicker/CalendarPicker.rtl.test.tsx +15 -0
  535. package/src/components/CalendarPicker/CalendarPicker.tsx +424 -0
  536. package/src/components/CalendarPicker/CalendarPickerExample.tsx +24 -0
  537. package/src/components/CalendarPicker/calendar-picker.scss +89 -0
  538. package/src/components/CalendarPicker/index.tsx +1 -0
  539. package/src/components/Card/Card.rtl.test.tsx +19 -0
  540. package/src/components/Card/Card.tsx +4 -11
  541. package/src/components/Card/CardExample.tsx +1 -0
  542. package/src/components/Card/card.scss +0 -5
  543. package/src/components/Carousel/Carousel.tsx +177 -0
  544. package/src/components/Carousel/CarouselExample.tsx +82 -0
  545. package/src/components/Carousel/carousel.scss +39 -0
  546. package/src/components/Carousel/index.tsx +1 -0
  547. package/src/components/Checkbox/Checkbox.rtl.test.tsx +27 -0
  548. package/src/components/Checkbox/Checkbox.tsx +1 -3
  549. package/src/components/Checkbox/checkbox.scss +4 -4
  550. package/src/components/CheckboxGroup/CheckboxGroup.rtl.test.tsx +19 -0
  551. package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +51 -43
  552. package/src/components/CheckboxOption/CheckboxOption.rtl.test.tsx +24 -0
  553. package/src/components/ChipAssist/ChipAssist.rtl.test.tsx +16 -0
  554. package/src/components/ChipAssist/ChipAssistExample.tsx +26 -24
  555. package/src/components/ChipFilter/ChipFilter.rtl.test.tsx +15 -0
  556. package/src/components/ChipFilter/ChipFilterExample.tsx +3 -0
  557. package/src/components/ChipGroup/ChipGroup.rtl.test.tsx +32 -0
  558. package/src/components/ChipGroup/ChipGroupExample.tsx +11 -9
  559. package/src/components/ChipInput/ChipInput.rtl.test.tsx +16 -0
  560. package/src/components/ChipInput/ChipInputExample.tsx +41 -39
  561. package/src/components/ChipSuggestion/ChipSuggestion.rtl.test.tsx +19 -0
  562. package/src/components/ChipSuggestion/ChipSuggestionExample.tsx +18 -16
  563. package/src/components/ChipUtility/ChipUtility.rtl.test.tsx +16 -0
  564. package/src/components/ChipUtility/ChipUtility.tsx +1 -3
  565. package/src/components/ChipUtility/ChipUtilityExample.tsx +56 -54
  566. package/src/components/DateField/DateField.rtl.test.tsx +24 -0
  567. package/src/components/DateField/DateField.tsx +58 -0
  568. package/src/components/DateField/DateFieldExample.tsx +13 -0
  569. package/src/components/DateField/date-field.scss +8 -0
  570. package/src/components/DateField/index.tsx +1 -0
  571. package/src/components/DateInput/DateInput.rtl.test.tsx +17 -0
  572. package/src/components/DateInput/DateInput.tsx +197 -0
  573. package/src/components/DateInput/DateInputExample.tsx +17 -0
  574. package/src/components/DateInput/date-input.scss +13 -0
  575. package/src/components/DateInput/index.tsx +1 -0
  576. package/src/components/Dialog/Dialog.rtl.test.tsx +22 -0
  577. package/src/components/Dialog/Dialog.tsx +26 -7
  578. package/src/components/Dialog/DialogExample.tsx +4 -1
  579. package/src/components/Dialog/dialog.scss +25 -79
  580. package/src/components/Divider/Divider.rtl.test.tsx +8 -0
  581. package/src/components/Divider/Divider.tsx +1 -2
  582. package/src/components/Divider/DividerExample.tsx +6 -2
  583. package/src/components/Divider/divider.scss +1 -1
  584. package/src/components/Drawer/Drawer.rtl.test.tsx +27 -0
  585. package/src/components/Drawer/Drawer.tsx +135 -0
  586. package/src/components/Drawer/DrawerExample.tsx +93 -0
  587. package/src/components/Drawer/drawer.scss +67 -0
  588. package/src/components/Drawer/index.tsx +1 -0
  589. package/src/components/EmptyState/EmptyState.rtl.test.tsx +16 -0
  590. package/src/components/EmptyState/EmptyStateExample.tsx +24 -16
  591. package/src/components/Fab/Fab.rtl.test.tsx +15 -0
  592. package/src/components/Fab/Fab.tsx +6 -4
  593. package/src/components/Fab/FabExample.tsx +5 -2
  594. package/src/components/FileUpload/FileUpload.rtl.test.tsx +14 -0
  595. package/src/components/FileUpload/FileUpload.tsx +1 -2
  596. package/src/components/FileUpload/FileUploadExample.tsx +19 -17
  597. package/src/components/FileUploadItem/FileUploadItem.rtl.test.tsx +19 -0
  598. package/src/components/FileUploadItem/FileUploadItem.tsx +1 -3
  599. package/src/components/FileUploadItem/FileUploadItemExample.tsx +47 -40
  600. package/src/components/FormField/FormField.rtl.test.tsx +30 -0
  601. package/src/components/FormField/FormField.tsx +3 -4
  602. package/src/components/FormField/form-field.scss +1 -1
  603. package/src/components/Img/Img.rtl.test.tsx +15 -0
  604. package/src/components/InlineAlert/InlineAlert.rtl.test.tsx +15 -0
  605. package/src/components/InlineAlert/InlineAlert.tsx +1 -2
  606. package/src/components/Layout/Layout.rtl.test.tsx +15 -0
  607. package/src/components/Layout/LayoutExample.tsx +4 -1
  608. package/src/components/Link/Link.rtl.test.tsx +14 -0
  609. package/src/components/Link/Link.tsx +1 -3
  610. package/src/components/Link/LinkExample.tsx +4 -1
  611. package/src/components/ListItem/ListItem.rtl.test.tsx +18 -0
  612. package/src/components/ListItem/ListItem.tsx +132 -73
  613. package/src/components/ListItem/ListItemExample.tsx +14 -13
  614. package/src/components/ListItem/list-item.scss +16 -10
  615. package/src/components/ListItemMenu/ListItemMenu.tsx +358 -0
  616. package/src/components/ListItemMenu/index.tsx +1 -0
  617. package/src/components/Menu/Menu.rtl.test.tsx +15 -0
  618. package/src/components/Menu/Menu.tsx +39 -106
  619. package/src/components/Menu/MenuExample.tsx +2 -32
  620. package/src/components/Menu/menu.scss +4 -16
  621. package/src/components/MenuButton/MenuButton.rtl.test.tsx +15 -0
  622. package/src/components/MenuButton/MenuButton.tsx +1 -3
  623. package/src/components/Modal/Modal.rtl.test.tsx +20 -0
  624. package/src/components/Modal/Modal.tsx +8 -5
  625. package/src/components/NumberField/NumberField.rtl.test.tsx +24 -0
  626. package/src/components/NumberInput/NumberInput.rtl.test.tsx +15 -0
  627. package/src/components/NumberInput/NumberInput.tsx +16 -22
  628. package/src/components/NumberInput/number-input.scss +0 -1
  629. package/src/components/OTPInput/OTPInput.rtl.test.tsx +19 -0
  630. package/src/components/OTPInput/OTPInput.tsx +3 -4
  631. package/src/components/OTPInput/OTPInputExample.tsx +21 -17
  632. package/src/components/PageControl/PageControl.rtl.test.tsx +15 -0
  633. package/src/components/PageControl/PageControl.tsx +23 -23
  634. package/src/components/PageControl/PageControlExample.tsx +36 -0
  635. package/src/components/Pagination/Pagination.rtl.test.tsx +15 -0
  636. package/src/components/Pagination/Pagination.tsx +2 -7
  637. package/src/components/PasswordField/PasswordField.rtl.test.tsx +24 -0
  638. package/src/components/PasswordField/PasswordField.tsx +4 -5
  639. package/src/components/PasswordInput/PasswordInput.rtl.test.tsx +15 -0
  640. package/src/components/PasswordInput/PasswordInput.tsx +2 -2
  641. package/src/components/PhoneNumberField/PhoneNumberField.rtl.test.tsx +24 -0
  642. package/src/components/PhoneNumberInput/PhoneNumberInput.rtl.test.tsx +17 -0
  643. package/src/components/PhoneNumberInput/PhoneNumberInput.tsx +103 -144
  644. package/src/components/PhoneNumberInput/PhoneNumberInputExample.tsx +8 -0
  645. package/src/components/PhoneNumberInput/phone-number-input.scss +40 -31
  646. package/src/components/Popover/Popover.rtl.test.tsx +28 -0
  647. package/src/components/Popover/Popover.tsx +82 -72
  648. package/src/components/Popover/PopoverExample.tsx +7 -1
  649. package/src/components/Popover/popover.scss +3 -13
  650. package/src/components/Portal/Portal.rtl.test.tsx +15 -0
  651. package/src/components/ProgressBar/ProgressBar.rtl.test.tsx +15 -0
  652. package/src/components/ProgressBar/ProgressBar.tsx +1 -2
  653. package/src/components/ProgressCircle/ProgressCircle.rtl.test.tsx +15 -0
  654. package/src/components/ProgressCircle/ProgressCircle.tsx +1 -2
  655. package/src/components/ProgressionStepper/ProgressionStepper.rtl.test.tsx +19 -0
  656. package/src/components/ProgressionStepper/ProgressionStepper.tsx +2 -4
  657. package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +49 -47
  658. package/src/components/ProgressionStepperBar/ProgressionStepperBar.rtl.test.tsx +15 -0
  659. package/src/components/ProgressionStepperBar/ProgressionStepperBar.tsx +9 -4
  660. package/src/components/Radio/Radio.rtl.test.tsx +15 -0
  661. package/src/components/Radio/Radio.tsx +1 -3
  662. package/src/components/RadioGroup/RadioGroup.rtl.test.tsx +32 -0
  663. package/src/components/RadioGroup/RadioGroup.tsx +2 -3
  664. package/src/components/RadioGroup/RadioGroupExample.tsx +3 -1
  665. package/src/components/RadioOption/RadioOption.rtl.test.tsx +15 -0
  666. package/src/components/RadioOption/RadioOption.tsx +1 -1
  667. package/src/components/Rating/Rating.rtl.test.tsx +16 -0
  668. package/src/components/Rating/Rating.tsx +9 -12
  669. package/src/components/Rating/RatingExample.tsx +11 -9
  670. package/src/components/Scrim/Scrim.rtl.test.tsx +15 -0
  671. package/src/components/Scrim/Scrim.tsx +11 -4
  672. package/src/components/Scrim/scrim.scss +0 -4
  673. package/src/components/SearchBar/SearchBar.rtl.test.tsx +41 -0
  674. package/src/components/SearchBar/SearchBar.tsx +95 -89
  675. package/src/components/SearchBar/SearchBarExample.tsx +3 -20
  676. package/src/components/SegmentedControl/SegmentedControl.rtl.test.tsx +26 -0
  677. package/src/components/SegmentedControl/SegmentedControl.tsx +2 -4
  678. package/src/components/SegmentedControl/SegmentedControlExample.tsx +34 -24
  679. package/src/components/SegmentedControl/segmented-control.scss +19 -14
  680. package/src/components/Select/Select.rtl.test.tsx +25 -0
  681. package/src/components/Select/Select.tsx +229 -102
  682. package/src/components/Select/SelectExample.tsx +111 -91
  683. package/src/components/Select/select.scss +13 -23
  684. package/src/components/SelectField/SelectField.rtl.test.tsx +25 -0
  685. package/src/components/SelectField/SelectFieldExample.tsx +16 -0
  686. package/src/components/Skeleton/Skeleton.rtl.test.tsx +16 -0
  687. package/src/components/Skeleton/SkeletonExample.tsx +12 -10
  688. package/src/components/SkeletonText/SkeletonText.rtl.test.tsx +16 -0
  689. package/src/components/SkeletonText/SkeletonTextExample.tsx +14 -13
  690. package/src/components/Slider/Slider.rtl.test.tsx +8 -0
  691. package/src/components/Slider/Slider.tsx +1 -2
  692. package/src/components/Slider/SliderExample.tsx +3 -0
  693. package/src/components/Snackbar/Snackbar.tsx +48 -0
  694. package/src/components/Snackbar/SnackbarExample.tsx +12 -0
  695. package/src/components/Snackbar/index.tsx +1 -0
  696. package/src/components/Snackbar/snackbar.scss +22 -0
  697. package/src/components/SnackbarProvider/SnackbarProvider.tsx +160 -0
  698. package/src/components/SnackbarProvider/SnackbarProviderExample.tsx +127 -0
  699. package/src/components/SnackbarProvider/index.tsx +1 -0
  700. package/src/components/SnackbarProvider/snackbar-provider-example.scss +17 -0
  701. package/src/components/SnackbarProvider/snackbar-provider.scss +15 -0
  702. package/src/components/Switch/Switch.rtl.test.tsx +15 -0
  703. package/src/components/Switch/Switch.tsx +1 -3
  704. package/src/components/SwitchOption/SwitchOption.rtl.test.tsx +15 -0
  705. package/src/components/TabGroup/TabGroup.rtl.test.tsx +19 -0
  706. package/src/components/TabGroup/TabGroup.tsx +1 -2
  707. package/src/components/TabGroup/TabGroupExample.tsx +52 -46
  708. package/src/components/TabGroup/tab-group.scss +7 -5
  709. package/src/components/TabList/TabList.rtl.test.tsx +26 -0
  710. package/src/components/TabList/TabList.tsx +36 -31
  711. package/src/components/TabList/tab-list.scss +6 -9
  712. package/src/components/Table/Table.rtl.test.tsx +28 -0
  713. package/src/components/Tag/Tag.rtl.test.tsx +20 -0
  714. package/src/components/Tag/Tag.tsx +1 -3
  715. package/src/components/Tag/TagExample.tsx +14 -12
  716. package/src/components/TextField/TextField.rtl.test.tsx +24 -0
  717. package/src/components/TextField/TextField.tsx +0 -1
  718. package/src/components/TextField/TextFieldExample.tsx +8 -0
  719. package/src/components/TextInput/TextInput.rtl.test.tsx +17 -0
  720. package/src/components/TextInput/TextInput.tsx +46 -12
  721. package/src/components/TextInput/TextInputExample.tsx +9 -0
  722. package/src/components/TextInput/text-input.scss +9 -31
  723. package/src/components/Textarea/Textarea.rtl.test.tsx +17 -0
  724. package/src/components/Textarea/Textarea.tsx +5 -16
  725. package/src/components/TextareaField/TextareaField.rtl.test.tsx +24 -0
  726. package/src/components/TextareaField/TextareaField.tsx +2 -0
  727. package/src/components/TimeInput/Listbox.tsx +37 -64
  728. package/src/components/TimeInput/Segment.tsx +31 -21
  729. package/src/components/TimeInput/TimeInput.rtl.test.tsx +15 -0
  730. package/src/components/TimeInput/TimeInput.tsx +132 -65
  731. package/src/components/TimeInput/time-input.scss +5 -4
  732. package/src/components/ToggleOption/ToggleOption.rtl.test.tsx +15 -0
  733. package/src/components/ToggleOption/ToggleOption.tsx +1 -2
  734. package/src/components/Tooltip/Tooltip.rtl.test.tsx +24 -0
  735. package/src/components/Tooltip/Tooltip.tsx +14 -31
  736. package/src/components/Tooltip/TooltipExample.tsx +6 -8
  737. package/src/components/Tooltip/tooltip.scss +0 -2
  738. package/src/components/TopNavigation/TopNavigation.rtl.test.tsx +15 -0
  739. package/src/components/Truncated/Truncated.rtl.test.tsx +15 -0
  740. package/src/components/Truncated/Truncated.tsx +2 -9
  741. package/src/components/Truncated/truncated.scss +8 -0
  742. package/src/components/Txt/Txt.rtl.test.tsx +15 -0
  743. package/src/components/UIProvider/AriaLiveMessageHandler.tsx +44 -0
  744. package/src/components/UIProvider/UIProvider.tsx +16 -2
  745. package/src/components/UIProvider/UIProviderExample.tsx +146 -0
  746. package/src/constants/phases.ts +0 -1
  747. package/src/hooks/useAddEventListener.ts +3 -1
  748. package/src/hooks/useArrowNavigation.ts +107 -0
  749. package/src/hooks/useContainerWidth.tsx +37 -0
  750. package/src/hooks/useFloating.ts +20 -19
  751. package/src/hooks/useSnackbarContext.ts +18 -0
  752. package/src/hooks/useSwipe.ts +32 -0
  753. package/src/rtl/hasNoBasicA11yIssues.tsx +27 -0
  754. package/src/rtl/util.tsx +10 -0
  755. package/src/styles/base.scss +131 -70
  756. package/src/types/common.ts +9 -4
  757. package/src/types/meta.ts +1 -9
  758. package/src/utils/createExampleChildElement.tsx +1 -1
  759. package/src/utils/demo.ts +41 -7
  760. package/src/utils/dom.ts +6 -0
  761. package/src/utils/handleKeyDown.ts +11 -6
  762. package/src/utils/keyboard.ts +3 -0
  763. package/src/utils/scrollListItemsStyle.ts +29 -0
  764. package/src/utils/snackbarContext.tsx +43 -0
  765. package/src/utils/uiContext.ts +4 -1
  766. package/src/utils/useIds.ts +16 -0
  767. package/tsconfig.build.json +21 -0
  768. package/tsconfig.json +9 -1
  769. package/dist/components/Accordion/AccordionSection.d.ts +0 -84
  770. package/dist/components/Accordion/AccordionSection.js +0 -27
  771. package/dist/components/Accordion/AccordionSection.js.map +0 -1
  772. package/dist/components/Combobox/Combobox.d.ts +0 -92
  773. package/dist/components/Combobox/Combobox.js +0 -58
  774. package/dist/components/Combobox/Combobox.js.map +0 -1
  775. package/dist/components/Combobox/ListItems.d.ts +0 -26
  776. package/dist/components/Combobox/ListItems.js +0 -22
  777. package/dist/components/Combobox/ListItems.js.map +0 -1
  778. package/dist/components/Combobox/index.d.ts +0 -1
  779. package/dist/components/Combobox/index.js +0 -2
  780. package/dist/components/Combobox/index.js.map +0 -1
  781. package/dist/components/Listbox/Listbox.d.ts +0 -116
  782. package/dist/components/Listbox/Listbox.js +0 -83
  783. package/dist/components/Listbox/Listbox.js.map +0 -1
  784. package/dist/components/Listbox/index.d.ts +0 -1
  785. package/dist/components/Listbox/index.js +0 -2
  786. package/dist/components/Listbox/index.js.map +0 -1
  787. package/dist/hooks/useCombobox.d.ts +0 -56
  788. package/dist/hooks/useCombobox.js +0 -104
  789. package/dist/hooks/useCombobox.js.map +0 -1
  790. package/dist/hooks/useKeyNavigation.d.ts +0 -17
  791. package/dist/hooks/useKeyNavigation.js +0 -46
  792. package/dist/hooks/useKeyNavigation.js.map +0 -1
  793. package/src/components/Accordion/AccordionSection.tsx +0 -128
  794. package/src/components/Combobox/Combobox.tsx +0 -224
  795. package/src/components/Combobox/ListItems.tsx +0 -107
  796. package/src/components/Combobox/index.tsx +0 -1
  797. package/src/components/Listbox/Listbox.tsx +0 -257
  798. package/src/components/Listbox/index.tsx +0 -1
  799. package/src/hooks/useCombobox.ts +0 -173
  800. package/src/hooks/useKeyNavigation.ts +0 -66
  801. package/src/utils/placeholder.test.ts +0 -7
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Avatar } from '../Avatar';
3
3
  import { Tag } from '../Tag';
4
4
  import { Txt } from '../Txt';
5
- const trailingPrice = (price) => (_jsx(Txt, { children: `${new Intl.NumberFormat('en-US', {
5
+ const TrailingPrice = ({ price }) => (_jsx(Txt, { children: `${new Intl.NumberFormat('en-US', {
6
6
  style: 'currency',
7
7
  currency: 'USD',
8
8
  }).format(price / 100)}` }));
@@ -18,99 +18,114 @@ const DEFAULT_OPTIONS = [
18
18
  { value: '9', label: 'Option 9' },
19
19
  { value: '10', label: 'Option 10' },
20
20
  ];
21
- export const SelectExample = {
22
- defaultState: {
23
- label: 'Demo Select',
24
- options: DEFAULT_OPTIONS,
25
- },
26
- presets: [
27
- {
28
- label: 'Simple',
29
- propState: { isMulti: false },
21
+ export const presets = [
22
+ {
23
+ label: 'Simple',
24
+ propState: {
25
+ label: 'Demo Select',
26
+ options: DEFAULT_OPTIONS,
27
+ name: 'demo-select',
28
+ value: '',
30
29
  },
31
- {
32
- label: 'Multi',
33
- propState: { isMulti: true },
34
- },
35
- {
36
- label: 'Long text',
37
- propState: {
38
- isMulti: false,
39
- options: [
40
- { value: '1', label: 'This is a very long option that should truncate' },
41
- { value: '2', label: 'This is another long option that should truncate' },
42
- { value: '3', label: 'Short option' },
43
- { value: '4', label: 'Another short option' },
44
- ],
45
- },
30
+ },
31
+ {
32
+ label: 'Long text',
33
+ propState: {
34
+ label: 'Demo Select',
35
+ options: [
36
+ { value: '1', label: 'This is a very long option that should truncate' },
37
+ { value: '2', label: 'This is another long option that should truncate' },
38
+ { value: '3', label: 'Short option' },
39
+ { value: '4', label: 'Another short option' },
40
+ ],
41
+ name: 'demo-select-long',
42
+ value: '',
46
43
  },
47
- {
48
- label: 'Trailing Tags',
49
- propState: {
50
- isMulti: false,
51
- options: [
52
- //
53
- {
54
- value: 'a',
55
- label: 'Package A',
56
- trailing: _jsx(Tag, { color: "blue", label: "Recommended", size: "x-small" }),
57
- },
58
- {
59
- value: 'b',
60
- label: 'Package B',
61
- trailing: _jsx(Tag, { color: "green", label: "Best Value", size: "x-small" }),
62
- },
63
- { value: 'c', label: 'Package C' },
64
- { value: 'd', label: 'Package D' },
65
- ],
66
- },
44
+ },
45
+ {
46
+ label: 'Trailing Tags',
47
+ propState: {
48
+ label: 'Demo Select',
49
+ options: [
50
+ //
51
+ {
52
+ value: 'a',
53
+ label: 'Package A',
54
+ trailing: _jsx(Tag, { color: "blue", label: "Recommended", size: "x-small" }),
55
+ },
56
+ {
57
+ value: 'b',
58
+ label: 'Package B',
59
+ trailing: _jsx(Tag, { color: "green", label: "Best Value", size: "x-small" }),
60
+ },
61
+ { value: 'c', label: 'Package C' },
62
+ { value: 'd', label: 'Package D' },
63
+ ],
64
+ name: 'demo-select-tags',
65
+ value: 'a',
67
66
  },
68
- {
69
- label: 'Trailing Text',
70
- propState: {
71
- isMulti: false,
72
- options: [
73
- {
74
- value: '1',
75
- label: 'Option A',
76
- trailing: trailingPrice(400),
77
- },
78
- { value: '2', label: 'Option B', trailing: trailingPrice(1000) },
79
- { value: '3', label: 'Option C', trailing: trailingPrice(1600) },
80
- { value: '4', label: 'Option D', trailing: trailingPrice(2000) },
81
- ],
82
- },
67
+ },
68
+ {
69
+ label: 'Trailing Text',
70
+ propState: {
71
+ label: 'Demo Select',
72
+ options: [
73
+ {
74
+ value: '1',
75
+ label: 'Option A',
76
+ trailing: _jsx(TrailingPrice, { price: 400 }),
77
+ },
78
+ { value: '2', label: 'Option B', trailing: _jsx(TrailingPrice, { price: 1000 }) },
79
+ { value: '3', label: 'Option C', trailing: _jsx(TrailingPrice, { price: 1600 }) },
80
+ { value: '4', label: 'Option D', trailing: _jsx(TrailingPrice, { price: 2000 }) },
81
+ ],
82
+ name: 'demo-select-trailing',
83
+ value: '',
83
84
  },
84
- {
85
- label: 'Leading Avatar',
86
- propState: {
87
- isMulti: false,
88
- options: [
89
- //
90
- {
91
- value: 'Jessica',
92
- label: 'Jessica P.',
93
- leading: _jsx(Avatar, { name: "Jessica P.", size: "small" }),
94
- },
95
- {
96
- value: 'Louis',
97
- label: 'Louis L.',
98
- leading: _jsx(Avatar, { name: "Louis L.", size: "small" }),
99
- },
100
- {
101
- value: 'Harvey',
102
- label: 'Harvey S.',
103
- leading: _jsx(Avatar, { name: "Harvey S.", size: "small" }),
104
- },
105
- {
106
- value: 'Mike',
107
- label: 'Mike R.',
108
- leading: _jsx(Avatar, { name: "Mike R.", size: "small" }),
109
- },
110
- ],
111
- },
85
+ },
86
+ {
87
+ label: 'Leading Avatar',
88
+ propState: {
89
+ label: 'Select user',
90
+ options: [
91
+ //
92
+ {
93
+ value: 'Jessica',
94
+ label: 'Jessica P.',
95
+ leading: _jsx(Avatar, { name: "Jessica P.", size: "small" }),
96
+ },
97
+ {
98
+ value: 'Louis',
99
+ label: 'Louis L.',
100
+ leading: _jsx(Avatar, { name: "Louis L.", size: "small" }),
101
+ },
102
+ {
103
+ value: 'Harvey',
104
+ label: 'Harvey S.',
105
+ leading: _jsx(Avatar, { name: "Harvey S.", size: "small" }),
106
+ },
107
+ {
108
+ value: 'Mike',
109
+ label: 'Mike R.',
110
+ leading: _jsx(Avatar, { name: "Mike R.", size: "small" }),
111
+ },
112
+ ],
113
+ name: 'demo-select-avatar',
114
+ value: '',
112
115
  },
113
- ],
116
+ },
117
+ ];
118
+ export const SelectExample = {
119
+ defaultState: {
120
+ label: 'Demo Select',
121
+ options: DEFAULT_OPTIONS,
122
+ scrollLimit: 5,
123
+ value: '',
124
+ },
125
+ render: ({ props, Component }) => {
126
+ return _jsx(Component, { ...props });
127
+ },
128
+ presets,
114
129
  variants: false,
115
130
  };
116
131
  //# sourceMappingURL=SelectExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectExample.js","sourceRoot":"","sources":["../../../src/components/Select/SelectExample.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectExample.js","sourceRoot":"","sources":["../../../src/components/Select/SelectExample.tsx"],"names":[],"mappings":"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"}
@@ -7,9 +7,9 @@
7
7
  --select-clear-height: var(--spacing-sizing-05);
8
8
  --select-padding: var(--spacing-sizing-03);
9
9
  --select-icon-width: var(--spacing-sizing-05);
10
+ overflow: hidden;
10
11
  position: relative;
11
12
  width: 100%;
12
- max-width: 280px;
13
13
  outline: unset;
14
14
  min-height: var(--select-height);
15
15
  max-height: var(--select-height);
@@ -25,33 +25,27 @@
25
25
  border-radius: var(--radius-sm);
26
26
  background: var(--select-background);
27
27
  padding: 0 var(--select-padding);
28
+ cursor: pointer;
28
29
  }
29
- [data-bspk=select] * {
30
- pointer-events: none;
31
- }
32
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
33
- display: block;
34
- max-width: 100%;
35
- text-overflow: ellipsis;
36
- overflow: hidden;
37
- padding: 0;
38
- min-height: auto;
39
- }
40
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] [data-item-label] [data-text] {
41
- color: var(--select-text-color);
42
- }
43
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select][data-placeholder] [data-item-label] [data-text] {
44
- color: var(--foreground-neutral-on-surface-variant-03);
30
+ [data-bspk=select] [data-input] {
31
+ position: absolute;
32
+ opacity: 0;
33
+ inset: 0;
34
+ cursor: pointer;
45
35
  }
46
36
  [data-bspk=select] [data-icon] {
47
37
  display: flex;
48
38
  flex-direction: column;
49
39
  justify-content: center;
40
+ pointer-events: none;
50
41
  }
51
42
  [data-bspk=select] [data-icon] svg {
52
43
  transform: rotate(90deg);
53
44
  width: var(--select-icon-width);
54
45
  }
46
+ [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
47
+ background: transparent;
48
+ }
55
49
  [data-bspk=select] [data-bspk=list-item][data-selected] {
56
50
  background: var(--surface-brand-primary-highlight);
57
51
  }
@@ -78,7 +72,7 @@
78
72
  [data-bspk=select]:disabled[aria-readonly]:not([data-empty]) {
79
73
  --select-text-color: var(--foreground-neutral-on-surface);
80
74
  }
81
- [data-bspk=select]:not(:disabled):focus {
75
+ [data-bspk=select]:not(:disabled):focus-within {
82
76
  --select-border-color: var(--stroke-neutral-focus);
83
77
  border-width: 1px;
84
78
  outline: 1px solid var(--stroke-neutral-focus);
@@ -10,9 +10,9 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
10
10
  --select-clear-height: var(--spacing-sizing-05);
11
11
  --select-padding: var(--spacing-sizing-03);
12
12
  --select-icon-width: var(--spacing-sizing-05);
13
+ overflow: hidden;
13
14
  position: relative;
14
15
  width: 100%;
15
- max-width: 280px;
16
16
  outline: unset;
17
17
  min-height: var(--select-height);
18
18
  max-height: var(--select-height);
@@ -28,33 +28,27 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
28
28
  border-radius: var(--radius-sm);
29
29
  background: var(--select-background);
30
30
  padding: 0 var(--select-padding);
31
+ cursor: pointer;
31
32
  }
32
- [data-bspk=select] * {
33
- pointer-events: none;
34
- }
35
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
36
- display: block;
37
- max-width: 100%;
38
- text-overflow: ellipsis;
39
- overflow: hidden;
40
- padding: 0;
41
- min-height: auto;
42
- }
43
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] [data-item-label] [data-text] {
44
- color: var(--select-text-color);
45
- }
46
- [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select][data-placeholder] [data-item-label] [data-text] {
47
- color: var(--foreground-neutral-on-surface-variant-03);
33
+ [data-bspk=select] [data-input] {
34
+ position: absolute;
35
+ opacity: 0;
36
+ inset: 0;
37
+ cursor: pointer;
48
38
  }
49
39
  [data-bspk=select] [data-icon] {
50
40
  display: flex;
51
41
  flex-direction: column;
52
42
  justify-content: center;
43
+ pointer-events: none;
53
44
  }
54
45
  [data-bspk=select] [data-icon] svg {
55
46
  transform: rotate(90deg);
56
47
  width: var(--select-icon-width);
57
48
  }
49
+ [data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
50
+ background: transparent;
51
+ }
58
52
  [data-bspk=select] [data-bspk=list-item][data-selected] {
59
53
  background: var(--surface-brand-primary-highlight);
60
54
  }
@@ -81,7 +75,7 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
81
75
  [data-bspk=select]:disabled[aria-readonly]:not([data-empty]) {
82
76
  --select-text-color: var(--foreground-neutral-on-surface);
83
77
  }
84
- [data-bspk=select]:not(:disabled):focus {
78
+ [data-bspk=select]:not(:disabled):focus-within {
85
79
  --select-border-color: var(--stroke-neutral-focus);
86
80
  border-width: 1px;
87
81
  outline: 1px solid var(--stroke-neutral-focus);
@@ -0,0 +1,23 @@
1
+ import { SelectFieldProps } from '.';
2
+ import { ComponentExample } from '-/utils/demo';
3
+ export declare const presets: {
4
+ propState: {
5
+ controlId: string;
6
+ name: string;
7
+ id?: string | undefined;
8
+ value: string;
9
+ label: string;
10
+ invalid?: boolean | undefined;
11
+ disabled?: boolean | undefined;
12
+ options: import("../Select").SelectOption[];
13
+ size?: ("large" | "medium" | "small") | undefined;
14
+ 'aria-describedby'?: string | undefined;
15
+ 'aria-errormessage'?: string | undefined;
16
+ placeholder?: string | undefined;
17
+ readOnly?: boolean | undefined;
18
+ scrollLimit?: number | undefined;
19
+ };
20
+ label: string;
21
+ otherState?: Record<string, Record<string, unknown> | unknown> & Record<string, unknown>;
22
+ }[];
23
+ export declare const SelectFieldExample: ComponentExample<SelectFieldProps>;
@@ -0,0 +1,13 @@
1
+ import { presets as selectPresets, SelectExample } from '../Select/SelectExample';
2
+ export const presets = selectPresets.map((preset, index) => ({
3
+ ...preset,
4
+ propState: {
5
+ ...preset.propState,
6
+ controlId: `example-select-${index}`,
7
+ },
8
+ }));
9
+ export const SelectFieldExample = {
10
+ defaultState: SelectExample.defaultState,
11
+ presets,
12
+ };
13
+ //# sourceMappingURL=SelectFieldExample.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectFieldExample.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectFieldExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAG5F,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACzD,GAAG,MAAM;IACT,SAAS,EAAE;QACP,GAAG,MAAM,CAAC,SAAS;QACnB,SAAS,EAAE,kBAAkB,KAAK,EAAE;KACvC;CACJ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,YAAY,EAAE,aAAa,CAAC,YAAY;IACxC,OAAO;CACV,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { SkeletonProps } from '.';
2
- import { ComponentExample } from '-/utils/demo';
2
+ import { ComponentExample, Preset } from '-/utils/demo';
3
+ export declare const presets: Preset<SkeletonProps>[];
3
4
  export declare const SkeletonExample: ComponentExample<SkeletonProps>;
@@ -3,21 +3,22 @@ import { useState } from 'react';
3
3
  import { Avatar } from '../Avatar';
4
4
  import { ExamplePlaceholder } from '../ExamplePlaceholder';
5
5
  import { useTimeout } from '../../hooks/useTimeout';
6
+ export const presets = [
7
+ {
8
+ label: 'Loading Transition',
9
+ propState: {
10
+ width: '100px',
11
+ height: '100px',
12
+ },
13
+ },
14
+ ];
6
15
  export const SkeletonExample = {
7
16
  render: ({ props, preset, Component }) => {
8
17
  if (preset?.label === 'Loading Transition')
9
18
  return _jsx(SkeletonTransition, { Component: Component, props: props });
10
19
  return _jsx(Component, { ...props });
11
20
  },
12
- presets: [
13
- {
14
- label: 'Loading Transition',
15
- propState: {
16
- width: '100px',
17
- height: '100px',
18
- },
19
- },
20
- ],
21
+ presets,
21
22
  };
22
23
  function SkeletonTransition({ Component, props, }) {
23
24
  const [loaded, setLoaded] = useState(false);
@@ -1 +1 @@
1
- {"version":3,"file":"SkeletonExample.js","sourceRoot":"","sources":["../../../src/components/Skeleton/SkeletonExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAE9G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;aAClB;SACJ;KACJ;CACJ,CAAC;AAEF,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,KAAK,GACiE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAExC,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YAAG,MAAM,IAAI,4BAAG,qBAAqB,CAAC,KAAM,CAAC,OAA0B,CAAC,GAAI,GAAa,CAChH,CAAC;AACN,CAAC;AAED,MAAM,qBAAqB,GAAuD;IAC9E,WAAW,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG;IAChE,QAAQ,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG;IAC9F,KAAK,EAAE,CACH,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,uBAE3B,CACxB;IACD,OAAO,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,eAAe,GAAG;IACpD,SAAS,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG;CACjE,CAAC"}
1
+ {"version":3,"file":"SkeletonExample.js","sourceRoot":"","sources":["../../../src/components/Skeleton/SkeletonExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,MAAM,OAAO,GAA4B;IAC5C;QACI,KAAK,EAAE,oBAAoB;QAC3B,SAAS,EAAE;YACP,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;SAClB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAE9G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO;CACV,CAAC;AAEF,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,KAAK,GACiE;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAExC,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YAAG,MAAM,IAAI,4BAAG,qBAAqB,CAAC,KAAM,CAAC,OAA0B,CAAC,GAAI,GAAa,CAChH,CAAC;AACN,CAAC;AAED,MAAM,qBAAqB,GAAuD;IAC9E,WAAW,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG;IAChE,QAAQ,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG;IAC9F,KAAK,EAAE,CACH,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,uBAE3B,CACxB;IACD,OAAO,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,eAAe,GAAG;IACpD,SAAS,EAAE,KAAC,kBAAkB,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG;CACjE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { SkeletonTextProps } from '.';
2
- import { ComponentExample } from '-/utils/demo';
2
+ import { ComponentExample, Preset } from '-/utils/demo';
3
+ export declare const presets: Preset<SkeletonTextProps>[];
3
4
  export declare const SkeletonTextExample: ComponentExample<SkeletonTextProps>;
@@ -1,21 +1,22 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- /* eslint-disable @cspell/spellchecker */ import { useState, useEffect } from 'react';
2
+ import { useState, useEffect } from 'react';
3
3
  import { useTimeout } from '../../hooks/useTimeout';
4
+ export const presets = [
5
+ {
6
+ label: 'Loading Transition',
7
+ propState: {
8
+ variant: 'body-base',
9
+ lines: 3,
10
+ },
11
+ },
12
+ ];
4
13
  export const SkeletonTextExample = {
5
14
  render: ({ props, preset, Component }) => {
6
15
  if (preset?.label === 'Loading Transition')
7
16
  return _jsx(SkeletonTextTransition, { ...props, Component: Component });
8
17
  return _jsx(Component, { ...props });
9
18
  },
10
- presets: [
11
- {
12
- label: 'Loading Transition',
13
- propState: {
14
- variant: 'body-base',
15
- lines: 3,
16
- },
17
- },
18
- ],
19
+ presets,
19
20
  };
20
21
  function SkeletonTextTransition({ Component, ...props }) {
21
22
  const loadingTimeout = useTimeout();
@@ -23,6 +24,6 @@ function SkeletonTextTransition({ Component, ...props }) {
23
24
  useEffect(() => {
24
25
  loadingTimeout.set(() => setLoaded(true), 3000);
25
26
  }, [loadingTimeout]);
26
- return (_jsx(Component, { ...props, children: loaded && (_jsx("p", { children: "Synergestic actionables turn the ship, or vertical integration, offerings locked and loaded, so get buy-in." })) }));
27
+ return (_jsx(Component, { ...props, children: loaded && (_jsx("p", { children: "Synergetic actionables turn the ship, or vertical integration, offerings locked and loaded, so get buy-in." })) }));
27
28
  }
28
29
  //# sourceMappingURL=SkeletonTextExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SkeletonTextExample.js","sourceRoot":"","sources":["../../../src/components/SkeletonText/SkeletonTextExample.tsx"],"names":[],"mappings":";AAAA,yCAAyC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,MAAM,mBAAmB,GAAwC;IACpE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,sBAAsB,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC/G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE;gBACP,OAAO,EAAE,WAAW;gBACpB,KAAK,EAAE,CAAC;aACX;SACJ;KACJ;CACJ,CAAC;AAEF,SAAS,sBAAsB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EAGX;IACG,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YACf,MAAM,IAAI,CACP,sIAGI,CACP,GACO,CACf,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"SkeletonTextExample.js","sourceRoot":"","sources":["../../../src/components/SkeletonText/SkeletonTextExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,MAAM,CAAC,MAAM,OAAO,GAAgC;IAChD;QACI,KAAK,EAAE,oBAAoB;QAC3B,SAAS,EAAE;YACP,OAAO,EAAE,WAA2C;YACpD,KAAK,EAAE,CAAC;SACX;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAwC;IACpE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;QACrC,IAAI,MAAM,EAAE,KAAK,KAAK,oBAAoB;YAAE,OAAO,KAAC,sBAAsB,OAAK,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;QAC/G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO;CACV,CAAC;AAEF,SAAS,sBAAsB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EAGX;IACG,MAAM,cAAc,GAAG,UAAU,EAAE,CAAC;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,OAAO,CACH,KAAC,SAAS,OAAK,KAAK,YACf,MAAM,IAAI,CACP,qIAGI,CACP,GACO,CACf,CAAC;AACN,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useRef } from 'react';
3
2
  import './slider.css.js';
3
+ import { useEffect, useRef } from 'react';
4
4
  import { SliderIntervalDots } from './SliderIntervalDots';
5
5
  import { useNormalizeSliderValue } from './useNormalizeSliderValue';
6
6
  import { Txt } from '../Txt';
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
@@ -24,6 +24,7 @@ export const SliderExample = {
24
24
  step: 1,
25
25
  value: 30,
26
26
  formatNumber: (num) => `$${num}`,
27
+ name: 'basic-slider',
27
28
  },
28
29
  },
29
30
  {
@@ -37,6 +38,7 @@ export const SliderExample = {
37
38
  formatNumber: (num) => {
38
39
  return `${num}%`;
39
40
  },
41
+ name: 'range-slider',
40
42
  },
41
43
  },
42
44
  {
@@ -52,6 +54,7 @@ export const SliderExample = {
52
54
  return `${num}% Passing`;
53
55
  return `${num}%`;
54
56
  },
57
+ name: 'undefined-slider',
55
58
  },
56
59
  },
57
60
  ],
@@ -1 +1 @@
1
- {"version":3,"file":"SliderExample.js","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,MAAM,aAAa,GAA6D;IACnF,qCAAqC;IACrC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,UAAU,GAAG,CAAC,WAAmD,EAAE,EAAE;YACvE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjD,CAAC,CAAC,WAAW,CAAC,KAAK;gBACnB,CAAC,CAAC,OAAO,WAAW,CAAC,KAAK,KAAK,QAAQ;oBACrC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnB,CAAC,CAAC,CAAC,CAAC;YAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAEjD,OAAO,KAAC,SAAS,OAAK,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5E,CAAC,CAAC;QAEF,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,GAAI,CAAC;IAC3G,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,EAAE;aACnC;SACJ;QACD;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACf,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE;oBAClB,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE;gBACP,KAAK,EAAE,WAAW;gBAClB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,IAAmC;gBAC1C,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBAC3B,IAAI,OAAO,KAAK,KAAK;wBAAE,OAAO,GAAG,GAAG,WAAW,CAAC;oBAChD,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;aACJ;SACJ;KACJ;CACJ,CAAC"}
1
+ {"version":3,"file":"SliderExample.js","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,MAAM,aAAa,GAA6D;IACnF,qCAAqC;IACrC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,UAAU,GAAG,CAAC,WAAmD,EAAE,EAAE;YACvE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjD,CAAC,CAAC,WAAW,CAAC,KAAK;gBACnB,CAAC,CAAC,OAAO,WAAW,CAAC,KAAK,KAAK,QAAQ;oBACrC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnB,CAAC,CAAC,CAAC,CAAC;YAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAEjD,OAAO,KAAC,SAAS,OAAK,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5E,CAAC,CAAC;QAEF,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,GAAI,CAAC;IAC3G,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,EAAE;gBAChC,IAAI,EAAE,cAAc;aACvB;SACJ;QACD;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACf,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE;oBAClB,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;gBACD,IAAI,EAAE,cAAc;aACvB;SACJ;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE;gBACP,KAAK,EAAE,WAAW;gBAClB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,IAAmC;gBAC1C,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBAC3B,IAAI,OAAO,KAAK,KAAK;wBAAE,OAAO,GAAG,GAAG,WAAW,CAAC;oBAChD,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;gBACD,IAAI,EAAE,kBAAkB;aAC3B;SACJ;KACJ;CACJ,CAAC"}
@@ -0,0 +1,27 @@
1
+ import './snackbar.scss';
2
+ import { SnackbarData } from '-/utils/snackbarContext';
3
+ export type SnackbarProps = {
4
+ /** Text to be shown in the snackbar */
5
+ text: string;
6
+ /** Optional action button */
7
+ button?: SnackbarData['button'];
8
+ /** Callback when the snackbar is dismissed */
9
+ onClose: () => void;
10
+ };
11
+ /**
12
+ * Snackbars are intended to provide feedback about an action without interrupting the customer experience. NOTE: While
13
+ * they can be imported and used directly, they are intended to be used via the SnackbarProvider and the
14
+ * useSnackbarContext hook.
15
+ *
16
+ * @example
17
+ * import { Snackbar } from '@bspk/ui/Snackbar';
18
+ *
19
+ * function Example() {
20
+ * return <Snackbar text="Something happened!" />;
21
+ * }
22
+ *
23
+ * @name Snackbar
24
+ * @phase Utility
25
+ */
26
+ export declare function Snackbar({ text, button, onClose }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
27
+ /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */