@bspk/ui 1.3.2 → 1.3.4

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 (751) hide show
  1. package/build.ts +41 -10
  2. package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
  3. package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
  4. package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -23
  5. package/dist/components/Breadcrumb/Breadcrumb.js +3 -7
  6. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  7. package/dist/components/Breadcrumb/BreadcumbDropdown.d.ts +27 -0
  8. package/dist/components/Breadcrumb/BreadcumbDropdown.js +68 -0
  9. package/dist/components/Breadcrumb/BreadcumbDropdown.js.map +1 -0
  10. package/dist/components/Button/Button.d.ts +5 -1
  11. package/dist/components/Button/Button.js +2 -2
  12. package/dist/components/Button/Button.js.map +1 -1
  13. package/dist/components/Button/button.css +5 -5
  14. package/dist/components/Button/button.css.js +5 -5
  15. package/dist/components/Calendar/Calendar.d.ts +33 -0
  16. package/dist/components/{CalendarPicker/CalendarPicker.js → Calendar/Calendar.js} +30 -34
  17. package/dist/components/Calendar/Calendar.js.map +1 -0
  18. package/dist/components/Calendar/CalendarExample.d.ts +4 -0
  19. package/dist/components/Calendar/CalendarExample.js +29 -0
  20. package/dist/components/Calendar/CalendarExample.js.map +1 -0
  21. package/dist/components/{CalendarPicker/calendar-picker.css → Calendar/calendar.css} +16 -16
  22. package/dist/components/{CalendarPicker/calendar-picker.css.js → Calendar/calendar.css.js} +16 -16
  23. package/dist/components/Calendar/index.d.ts +1 -0
  24. package/dist/components/Calendar/index.js +2 -0
  25. package/dist/components/Calendar/index.js.map +1 -0
  26. package/dist/components/Checkbox/Checkbox.d.ts +5 -3
  27. package/dist/components/Checkbox/Checkbox.js +2 -2
  28. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  29. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +6 -25
  30. package/dist/components/CheckboxGroup/CheckboxGroup.js +15 -5
  31. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  32. package/dist/components/CheckboxGroup/CheckboxGroupExample.js +3 -0
  33. package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
  34. package/dist/components/CheckboxGroup/checkbox-group.css +7 -0
  35. package/dist/components/{DateField/date-field.css.js → CheckboxGroup/checkbox-group.css.js} +4 -5
  36. package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +15 -0
  37. package/dist/components/CheckboxGroupField/CheckboxGroupField.js +17 -0
  38. package/dist/components/CheckboxGroupField/CheckboxGroupField.js.map +1 -0
  39. package/dist/components/CheckboxGroupField/index.d.ts +1 -0
  40. package/dist/components/CheckboxGroupField/index.js +2 -0
  41. package/dist/components/CheckboxGroupField/index.js.map +1 -0
  42. package/dist/components/{ChipUtility/ChipUtility.d.ts → Chip/Chip.d.ts} +6 -6
  43. package/dist/components/Chip/Chip.js +25 -0
  44. package/dist/components/Chip/Chip.js.map +1 -0
  45. package/dist/components/Chip/ChipExample.d.ts +4 -0
  46. package/dist/components/{ChipUtility/ChipUtilityExample.js → Chip/ChipExample.js} +2 -2
  47. package/dist/components/Chip/ChipExample.js.map +1 -0
  48. package/dist/components/{ChipUtility/chip-utility.css → Chip/chip.css} +10 -10
  49. package/dist/components/{ChipUtility/chip-utility.css.js → Chip/chip.css.js} +10 -10
  50. package/dist/components/Chip/index.d.ts +1 -0
  51. package/dist/components/Chip/index.js +2 -0
  52. package/dist/components/Chip/index.js.map +1 -0
  53. package/dist/components/ChipGroup/ChipGroup.d.ts +8 -7
  54. package/dist/components/ChipGroup/ChipGroup.js +5 -4
  55. package/dist/components/ChipGroup/ChipGroup.js.map +1 -1
  56. package/dist/components/ChipGroup/ChipGroupExample.js +4 -31
  57. package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
  58. package/dist/components/DatePicker/DatePicker.d.ts +50 -0
  59. package/dist/components/DatePicker/DatePicker.js +133 -0
  60. package/dist/components/DatePicker/DatePicker.js.map +1 -0
  61. package/dist/components/DatePicker/DatePickerExample.d.ts +3 -0
  62. package/dist/components/DatePicker/DatePickerExample.js +10 -0
  63. package/dist/components/DatePicker/DatePickerExample.js.map +1 -0
  64. package/dist/components/{DateInput/date-input.css → DatePicker/date-picker.css} +2 -3
  65. package/dist/components/{DateInput/date-input.css.js → DatePicker/date-picker.css.js} +2 -3
  66. package/dist/components/DatePicker/index.d.ts +1 -0
  67. package/dist/components/DatePicker/index.js +2 -0
  68. package/dist/components/DatePicker/index.js.map +1 -0
  69. package/dist/components/DatePickerField/DatePickerField.d.ts +15 -0
  70. package/dist/components/DatePickerField/DatePickerField.js +17 -0
  71. package/dist/components/DatePickerField/DatePickerField.js.map +1 -0
  72. package/dist/components/DatePickerField/index.d.ts +1 -0
  73. package/dist/components/DatePickerField/index.js +2 -0
  74. package/dist/components/DatePickerField/index.js.map +1 -0
  75. package/dist/components/Drawer/Drawer.d.ts +1 -1
  76. package/dist/components/Drawer/Drawer.js +1 -1
  77. package/dist/components/Drawer/DrawerExample.js +3 -3
  78. package/dist/components/Drawer/DrawerExample.js.map +1 -1
  79. package/dist/components/EmptyState/EmptyState.d.ts +1 -1
  80. package/dist/components/EmptyState/EmptyState.js +1 -1
  81. package/dist/components/Fab/Fab.d.ts +1 -1
  82. package/dist/components/Fab/Fab.js +1 -1
  83. package/dist/components/Field/Field.d.ts +58 -0
  84. package/dist/components/Field/Field.js +70 -0
  85. package/dist/components/Field/Field.js.map +1 -0
  86. package/dist/components/Field/FieldDescription.d.ts +7 -0
  87. package/dist/components/Field/FieldDescription.js +9 -0
  88. package/dist/components/Field/FieldDescription.js.map +1 -0
  89. package/dist/components/Field/FieldError.d.ts +5 -0
  90. package/dist/components/Field/FieldError.js +8 -0
  91. package/dist/components/Field/FieldError.js.map +1 -0
  92. package/dist/components/Field/FieldExample.d.ts +5 -0
  93. package/dist/components/Field/FieldExample.js +10 -0
  94. package/dist/components/Field/FieldExample.js.map +1 -0
  95. package/dist/components/Field/FieldLabel.d.ts +15 -0
  96. package/dist/components/Field/FieldLabel.js +8 -0
  97. package/dist/components/Field/FieldLabel.js.map +1 -0
  98. package/dist/components/Field/field.css +36 -0
  99. package/dist/components/Field/field.css.js +41 -0
  100. package/dist/components/Field/index.d.ts +5 -0
  101. package/dist/components/Field/index.js +6 -0
  102. package/dist/components/Field/index.js.map +1 -0
  103. package/dist/components/Field/utils.d.ts +39 -0
  104. package/dist/components/Field/utils.js +35 -0
  105. package/dist/components/Field/utils.js.map +1 -0
  106. package/dist/components/FormField/FormField.d.ts +32 -17
  107. package/dist/components/FormField/FormField.js +10 -18
  108. package/dist/components/FormField/FormField.js.map +1 -1
  109. package/dist/components/FormField/FormFieldExample.d.ts +10 -4
  110. package/dist/components/FormField/FormFieldExample.js +97 -9
  111. package/dist/components/FormField/FormFieldExample.js.map +1 -1
  112. package/dist/components/Img/Img.d.ts +1 -1
  113. package/dist/components/Img/Img.js +1 -1
  114. package/dist/components/InlineAlert/InlineAlert.d.ts +4 -4
  115. package/dist/components/InlineAlert/InlineAlert.js +3 -3
  116. package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
  117. package/dist/components/Input/Input.d.ts +37 -0
  118. package/dist/components/Input/Input.js +48 -0
  119. package/dist/components/Input/Input.js.map +1 -0
  120. package/dist/components/Input/InputElement.d.ts +77 -0
  121. package/dist/components/{TextInput/TextInput.js → Input/InputElement.js} +17 -16
  122. package/dist/components/Input/InputElement.js.map +1 -0
  123. package/dist/components/Input/InputExample.d.ts +8 -0
  124. package/dist/components/{TextInput/TextInputExample.js → Input/InputExample.js} +20 -9
  125. package/dist/components/Input/InputExample.js.map +1 -0
  126. package/dist/components/Input/index.d.ts +2 -0
  127. package/dist/components/Input/index.js +3 -0
  128. package/dist/components/Input/index.js.map +1 -0
  129. package/dist/components/{TextInput/text-input.css → Input/input.css} +23 -23
  130. package/dist/components/{TextInput/text-input.css.js → Input/input.css.js} +23 -23
  131. package/dist/components/InputField/InputField.d.ts +15 -0
  132. package/dist/components/InputField/InputField.js +17 -0
  133. package/dist/components/InputField/InputField.js.map +1 -0
  134. package/dist/components/InputField/index.d.ts +1 -0
  135. package/dist/components/InputField/index.js +2 -0
  136. package/dist/components/InputField/index.js.map +1 -0
  137. package/dist/components/{NumberInput → InputNumber}/IncrementButton.js.map +1 -1
  138. package/dist/components/InputNumber/InputNumber.d.ts +74 -0
  139. package/dist/components/InputNumber/InputNumber.js +78 -0
  140. package/dist/components/InputNumber/InputNumber.js.map +1 -0
  141. package/dist/components/InputNumber/InputNumberExample.d.ts +3 -0
  142. package/dist/components/{NumberInput/NumberInputExample.js → InputNumber/InputNumberExample.js} +2 -2
  143. package/dist/components/InputNumber/InputNumberExample.js.map +1 -0
  144. package/dist/components/InputNumber/index.d.ts +1 -0
  145. package/dist/components/InputNumber/index.js +2 -0
  146. package/dist/components/InputNumber/index.js.map +1 -0
  147. package/dist/components/{NumberInput/number-input.css → InputNumber/input-number.css} +21 -21
  148. package/dist/components/{NumberInput/number-input.css.js → InputNumber/input-number.css.js} +21 -21
  149. package/dist/components/InputNumberField/InputNumberField.d.ts +15 -0
  150. package/dist/components/InputNumberField/InputNumberField.js +17 -0
  151. package/dist/components/InputNumberField/InputNumberField.js.map +1 -0
  152. package/dist/components/InputNumberField/index.d.ts +1 -0
  153. package/dist/components/InputNumberField/index.js +2 -0
  154. package/dist/components/InputNumberField/index.js.map +1 -0
  155. package/dist/components/InputPhone/InputPhone.d.ts +57 -0
  156. package/dist/components/InputPhone/InputPhone.js +161 -0
  157. package/dist/components/InputPhone/InputPhone.js.map +1 -0
  158. package/dist/components/InputPhone/InputPhoneExample.d.ts +4 -0
  159. package/dist/components/InputPhone/InputPhoneExample.js +7 -0
  160. package/dist/components/InputPhone/InputPhoneExample.js.map +1 -0
  161. package/dist/components/InputPhone/index.d.ts +1 -0
  162. package/dist/components/InputPhone/index.js +2 -0
  163. package/dist/components/InputPhone/index.js.map +1 -0
  164. package/dist/components/InputPhone/input-phone.css +42 -0
  165. package/dist/components/InputPhone/input-phone.css.js +47 -0
  166. package/dist/components/InputPhoneField/InputPhoneField.d.ts +15 -0
  167. package/dist/components/InputPhoneField/InputPhoneField.js +17 -0
  168. package/dist/components/InputPhoneField/InputPhoneField.js.map +1 -0
  169. package/dist/components/InputPhoneField/index.d.ts +1 -0
  170. package/dist/components/InputPhoneField/index.js +2 -0
  171. package/dist/components/InputPhoneField/index.js.map +1 -0
  172. package/dist/components/Layout/Layout.d.ts +1 -1
  173. package/dist/components/Layout/Layout.js +1 -1
  174. package/dist/components/Link/Link.d.ts +1 -1
  175. package/dist/components/Link/Link.js +1 -1
  176. package/dist/components/ListItem/ListItem.d.ts +20 -11
  177. package/dist/components/ListItem/ListItem.js +12 -8
  178. package/dist/components/ListItem/ListItem.js.map +1 -1
  179. package/dist/components/ListItem/ListItemExample.d.ts +1 -1
  180. package/dist/components/ListItem/ListItemExample.js +72 -3
  181. package/dist/components/ListItem/ListItemExample.js.map +1 -1
  182. package/dist/components/ListItem/list-item.css +13 -7
  183. package/dist/components/ListItem/list-item.css.js +13 -7
  184. package/dist/components/Menu/Menu.d.ts +1 -1
  185. package/dist/components/Menu/Menu.js +1 -1
  186. package/dist/components/Menu/MenuExample.js +1 -1
  187. package/dist/components/Menu/MenuExample.js.map +1 -1
  188. package/dist/components/MenuButton/MenuButton.d.ts +1 -1
  189. package/dist/components/MenuButton/MenuButton.js +1 -1
  190. package/dist/components/Modal/Modal.d.ts +1 -1
  191. package/dist/components/Modal/Modal.js +1 -1
  192. package/dist/components/Modal/ModalExample.js +1 -1
  193. package/dist/components/Modal/ModalExample.js.map +1 -1
  194. package/dist/components/Pagination/PageInput.js +2 -2
  195. package/dist/components/Pagination/PageInput.js.map +1 -1
  196. package/dist/components/Password/Password.d.ts +43 -0
  197. package/dist/components/Password/Password.js +63 -0
  198. package/dist/components/Password/Password.js.map +1 -0
  199. package/dist/components/Password/index.d.ts +1 -0
  200. package/dist/components/Password/index.js +2 -0
  201. package/dist/components/Password/index.js.map +1 -0
  202. package/dist/components/Password/password.css +21 -0
  203. package/dist/components/Password/password.css.js +26 -0
  204. package/dist/components/PasswordField/PasswordField.d.ts +8 -24
  205. package/dist/components/PasswordField/PasswordField.js +7 -23
  206. package/dist/components/PasswordField/PasswordField.js.map +1 -1
  207. package/dist/components/Popover/Popover.d.ts +3 -3
  208. package/dist/components/Popover/Popover.js +2 -1
  209. package/dist/components/Popover/Popover.js.map +1 -1
  210. package/dist/components/Popover/PopoverExample.js +2 -2
  211. package/dist/components/Popover/PopoverExample.js.map +1 -1
  212. package/dist/components/ProgressBar/ProgressBar.d.ts +1 -1
  213. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  214. package/dist/components/ProgressCircle/ProgressCircle.d.ts +1 -1
  215. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  216. package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +4 -8
  217. package/dist/components/ProgressionStepper/ProgressionStepper.js +11 -6
  218. package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
  219. package/dist/components/ProgressionStepper/ProgressionStepperExample.js +20 -4
  220. package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
  221. package/dist/components/Radio/Radio.d.ts +2 -2
  222. package/dist/components/Radio/Radio.js.map +1 -1
  223. package/dist/components/RadioGroup/RadioGroup.d.ts +7 -36
  224. package/dist/components/RadioGroup/RadioGroup.js +15 -9
  225. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  226. package/dist/components/RadioGroup/radio-group.css +2 -1
  227. package/dist/components/RadioGroup/radio-group.css.js +2 -1
  228. package/dist/components/RadioGroupField/RadioGroupField.d.ts +15 -0
  229. package/dist/components/RadioGroupField/RadioGroupField.js +17 -0
  230. package/dist/components/RadioGroupField/RadioGroupField.js.map +1 -0
  231. package/dist/components/RadioGroupField/index.d.ts +1 -0
  232. package/dist/components/RadioGroupField/index.js +2 -0
  233. package/dist/components/RadioGroupField/index.js.map +1 -0
  234. package/dist/components/SearchBar/SearchBar.d.ts +37 -45
  235. package/dist/components/SearchBar/SearchBar.js +104 -53
  236. package/dist/components/SearchBar/SearchBar.js.map +1 -1
  237. package/dist/components/SearchBar/SearchBarExample.js +2 -1
  238. package/dist/components/SearchBar/SearchBarExample.js.map +1 -1
  239. package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
  240. package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
  241. package/dist/components/Select/Select.d.ts +41 -36
  242. package/dist/components/Select/Select.js +52 -26
  243. package/dist/components/Select/Select.js.map +1 -1
  244. package/dist/components/Select/SelectExample.js +1 -9
  245. package/dist/components/Select/SelectExample.js.map +1 -1
  246. package/dist/components/SelectField/SelectField.d.ts +6 -26
  247. package/dist/components/SelectField/SelectField.js +5 -27
  248. package/dist/components/SelectField/SelectField.js.map +1 -1
  249. package/dist/components/Skeleton/SkeletonExample.js +2 -2
  250. package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
  251. package/dist/components/Snackbar/Snackbar.d.ts +72 -14
  252. package/dist/components/Snackbar/Snackbar.js +38 -9
  253. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  254. package/dist/components/Snackbar/SnackbarExample.d.ts +1 -1
  255. package/dist/components/Snackbar/SnackbarExample.js +5 -3
  256. package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
  257. package/dist/components/Snackbar/snackbar.css +31 -2
  258. package/dist/components/Snackbar/snackbar.css.js +31 -2
  259. package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts +1 -1
  260. package/dist/components/StylesProviderDemo/StylesProviderDemo.js +3 -1
  261. package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map +1 -1
  262. package/dist/components/StylesProviderDemo/exampleCss.d.ts +1 -0
  263. package/dist/components/StylesProviderDemo/exampleCss.js +1900 -0
  264. package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -0
  265. package/dist/components/Switch/Switch.d.ts +5 -3
  266. package/dist/components/Switch/Switch.js +2 -2
  267. package/dist/components/Switch/Switch.js.map +1 -1
  268. package/dist/components/SwitchOption/SwitchOption.js +1 -1
  269. package/dist/components/SwitchOption/SwitchOption.js.map +1 -1
  270. package/dist/components/TabGroup/TabGroup.d.ts +2 -2
  271. package/dist/components/TabGroup/TabGroup.js +3 -3
  272. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  273. package/dist/components/TabList/TabList.d.ts +6 -3
  274. package/dist/components/TabList/TabList.js +6 -3
  275. package/dist/components/TabList/TabList.js.map +1 -1
  276. package/dist/components/TabList/tab-list.css +6 -0
  277. package/dist/components/TabList/tab-list.css.js +6 -0
  278. package/dist/components/Tag/Tag.d.ts +1 -1
  279. package/dist/components/Tag/Tag.js +1 -1
  280. package/dist/components/Textarea/Textarea.d.ts +20 -26
  281. package/dist/components/Textarea/Textarea.js +29 -11
  282. package/dist/components/Textarea/Textarea.js.map +1 -1
  283. package/dist/components/Textarea/textarea.css +24 -10
  284. package/dist/components/Textarea/textarea.css.js +24 -10
  285. package/dist/components/TextareaField/TextareaField.d.ts +6 -30
  286. package/dist/components/TextareaField/TextareaField.js +5 -31
  287. package/dist/components/TextareaField/TextareaField.js.map +1 -1
  288. package/dist/components/TimePicker/Listbox.d.ts +15 -0
  289. package/dist/components/{TimeInput → TimePicker}/Listbox.js +2 -2
  290. package/dist/components/TimePicker/Listbox.js.map +1 -0
  291. package/dist/components/TimePicker/Segment.d.ts +21 -0
  292. package/dist/components/{TimeInput → TimePicker}/Segment.js +2 -1
  293. package/dist/components/TimePicker/Segment.js.map +1 -0
  294. package/dist/components/TimePicker/TimePicker.d.ts +36 -0
  295. package/dist/components/TimePicker/TimePicker.js +133 -0
  296. package/dist/components/TimePicker/TimePicker.js.map +1 -0
  297. package/dist/components/TimePicker/TimePickerExample.d.ts +3 -0
  298. package/dist/components/TimePicker/TimePickerExample.js +6 -0
  299. package/dist/components/TimePicker/TimePickerExample.js.map +1 -0
  300. package/dist/components/TimePicker/index.d.ts +1 -0
  301. package/dist/components/TimePicker/index.js +2 -0
  302. package/dist/components/TimePicker/index.js.map +1 -0
  303. package/dist/components/{TimeInput/time-input.css → TimePicker/time-picker.css} +28 -26
  304. package/dist/components/{TimeInput/time-input.css.js → TimePicker/time-picker.css.js} +28 -26
  305. package/dist/components/TimePicker/utils.d.ts +11 -0
  306. package/dist/components/TimePicker/utils.js +35 -0
  307. package/dist/components/TimePicker/utils.js.map +1 -0
  308. package/dist/components/TimePickerField/TimePickerField.d.ts +15 -0
  309. package/dist/components/TimePickerField/TimePickerField.js +17 -0
  310. package/dist/components/TimePickerField/TimePickerField.js.map +1 -0
  311. package/dist/components/TimePickerField/index.d.ts +1 -0
  312. package/dist/components/TimePickerField/index.js +2 -0
  313. package/dist/components/TimePickerField/index.js.map +1 -0
  314. package/dist/components/ToggleOption/ToggleOption.js +3 -2
  315. package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
  316. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  317. package/dist/components/Tooltip/Tooltip.js +1 -1
  318. package/dist/components/Tooltip/TooltipExample.js +2 -2
  319. package/dist/components/Tooltip/TooltipExample.js.map +1 -1
  320. package/dist/components/Txt/Txt.d.ts +1 -1
  321. package/dist/components/Txt/Txt.js +1 -1
  322. package/dist/constants/brands.d.ts +1 -1
  323. package/dist/constants/brands.js +4 -0
  324. package/dist/constants/brands.js.map +1 -1
  325. package/dist/hooks/useArrowNavigation.js +6 -1
  326. package/dist/hooks/useArrowNavigation.js.map +1 -1
  327. package/dist/hooks/useCheckboxGroupState.d.ts +1 -1
  328. package/dist/hooks/useCheckboxGroupState.js +1 -1
  329. package/dist/hooks/useCheckboxState.d.ts +1 -1
  330. package/dist/hooks/useCheckboxState.js +1 -1
  331. package/dist/hooks/useContainerWidth.d.ts +1 -1
  332. package/dist/hooks/useContainerWidth.js +1 -1
  333. package/dist/hooks/useModalState.d.ts +1 -1
  334. package/dist/hooks/useModalState.js +1 -1
  335. package/dist/hooks/useOutsideClick.d.ts +5 -4
  336. package/dist/hooks/useOutsideClick.js +14 -3
  337. package/dist/hooks/useOutsideClick.js.map +1 -1
  338. package/dist/hooks/useRadioState.d.ts +2 -2
  339. package/dist/hooks/useRadioState.js +1 -1
  340. package/dist/hooks/useTimeout.d.ts +1 -1
  341. package/dist/styles/base.css +3 -0
  342. package/dist/styles/base.css.js +3 -0
  343. package/dist/types/common.d.ts +18 -10
  344. package/dist/types/common.js.map +1 -1
  345. package/dist/types/meta.d.ts +1 -0
  346. package/dist/types/meta.js.map +1 -1
  347. package/dist/utils/demo.d.ts +1 -0
  348. package/dist/utils/demo.js.map +1 -1
  349. package/meta.ts +1 -0
  350. package/package.json +37 -37
  351. package/src/components/AvatarGroup/AvatarGroup.tsx +1 -1
  352. package/src/components/Breadcrumb/Breadcrumb.tsx +5 -56
  353. package/src/components/Breadcrumb/BreadcumbDropdown.tsx +135 -0
  354. package/src/components/Button/Button.tsx +7 -1
  355. package/src/components/Button/button.scss +5 -5
  356. package/src/components/Calendar/Calendar.rtl.test.tsx +22 -0
  357. package/src/components/{CalendarPicker/CalendarPicker.tsx → Calendar/Calendar.tsx} +86 -87
  358. package/src/components/Calendar/CalendarExample.tsx +31 -0
  359. package/src/components/{CalendarPicker/calendar-picker.scss → Calendar/calendar.scss} +1 -1
  360. package/src/components/Calendar/index.tsx +1 -0
  361. package/src/components/Checkbox/Checkbox.tsx +28 -26
  362. package/src/components/CheckboxGroup/CheckboxGroup.tsx +73 -77
  363. package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +3 -0
  364. package/src/components/CheckboxGroup/checkbox-group.scss +8 -0
  365. package/src/components/CheckboxGroupField/CheckboxGroupField.rtl.test.tsx +27 -0
  366. package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +36 -0
  367. package/src/components/CheckboxGroupField/index.tsx +1 -0
  368. package/src/components/{ChipUtility/ChipUtility.rtl.test.tsx → Chip/Chip.rtl.test.tsx} +5 -5
  369. package/src/components/{ChipUtility/ChipUtility.tsx → Chip/Chip.tsx} +26 -28
  370. package/src/components/{ChipUtility/ChipUtilityExample.tsx → Chip/ChipExample.tsx} +3 -3
  371. package/src/components/{ChipUtility/chip-utility.scss → Chip/chip.scss} +1 -1
  372. package/src/components/Chip/index.tsx +1 -0
  373. package/src/components/ChipGroup/ChipGroup.rtl.test.tsx +7 -7
  374. package/src/components/ChipGroup/ChipGroup.tsx +8 -7
  375. package/src/components/ChipGroup/ChipGroupExample.tsx +38 -138
  376. package/src/components/DatePicker/DatePicker.rtl.test.tsx +17 -0
  377. package/src/components/DatePicker/DatePicker.tsx +227 -0
  378. package/src/components/DatePicker/DatePickerExample.tsx +12 -0
  379. package/src/components/{DateInput/date-input.scss → DatePicker/date-picker.scss} +2 -3
  380. package/src/components/DatePicker/index.tsx +1 -0
  381. package/src/components/DatePickerField/DatePickerField.rtl.test.tsx +17 -0
  382. package/src/components/DatePickerField/DatePickerField.tsx +30 -0
  383. package/src/components/DatePickerField/index.tsx +1 -0
  384. package/src/components/Drawer/Drawer.tsx +1 -1
  385. package/src/components/Drawer/DrawerExample.tsx +2 -2
  386. package/src/components/EmptyState/EmptyState.tsx +1 -1
  387. package/src/components/Fab/Fab.tsx +1 -1
  388. package/src/components/Field/Field.rtl.test.tsx +23 -0
  389. package/src/components/Field/Field.tsx +110 -0
  390. package/src/components/Field/FieldDescription.tsx +15 -0
  391. package/src/components/Field/FieldError.tsx +19 -0
  392. package/src/components/Field/FieldExample.tsx +21 -0
  393. package/src/components/Field/FieldLabel.tsx +38 -0
  394. package/src/components/Field/field.scss +43 -0
  395. package/src/components/Field/index.tsx +5 -0
  396. package/src/components/Field/utils.ts +79 -0
  397. package/src/components/FormField/FormField.rtl.test.tsx +11 -21
  398. package/src/components/FormField/FormField.tsx +44 -66
  399. package/src/components/FormField/FormFieldExample.tsx +275 -38
  400. package/src/components/Img/Img.tsx +1 -1
  401. package/src/components/InlineAlert/InlineAlert.tsx +5 -5
  402. package/src/components/{NumberInput/NumberInput.rtl.test.tsx → Input/Input.rtl.test.tsx} +3 -3
  403. package/src/components/Input/Input.tsx +99 -0
  404. package/src/components/{TextInput/TextInput.tsx → Input/InputElement.tsx} +69 -77
  405. package/src/components/Input/InputExample.tsx +57 -0
  406. package/src/components/Input/index.tsx +2 -0
  407. package/src/components/{TextInput/text-input.scss → Input/input.scss} +7 -7
  408. package/src/components/InputField/InputField.rtl.test.tsx +15 -0
  409. package/src/components/InputField/InputField.tsx +24 -0
  410. package/src/components/InputField/index.tsx +1 -0
  411. package/src/components/{TextField/TextField.rtl.test.tsx → InputNumber/InputNumber.rtl.test.tsx} +3 -12
  412. package/src/components/{NumberInput/NumberInput.tsx → InputNumber/InputNumber.tsx} +61 -56
  413. package/src/components/{NumberInput/NumberInputExample.tsx → InputNumber/InputNumberExample.tsx} +2 -2
  414. package/src/components/InputNumber/index.tsx +1 -0
  415. package/src/components/{NumberInput/number-input.scss → InputNumber/input-number.scss} +1 -1
  416. package/src/components/InputNumberField/InputNumberField.rtl.test.tsx +17 -0
  417. package/src/components/InputNumberField/InputNumberField.tsx +30 -0
  418. package/src/components/InputNumberField/index.tsx +1 -0
  419. package/src/components/InputPhone/InputPhone.rtl.test.tsx +17 -0
  420. package/src/components/InputPhone/InputPhone.tsx +290 -0
  421. package/src/components/InputPhone/InputPhoneExample.tsx +9 -0
  422. package/src/components/InputPhone/index.tsx +1 -0
  423. package/src/components/{PhoneNumberInput/phone-number-input.scss → InputPhone/input-phone.scss} +13 -18
  424. package/src/components/InputPhoneField/InputPhoneField.rtl.test.tsx +17 -0
  425. package/src/components/InputPhoneField/InputPhoneField.tsx +30 -0
  426. package/src/components/InputPhoneField/index.tsx +1 -0
  427. package/src/components/Layout/Layout.tsx +1 -1
  428. package/src/components/Link/Link.tsx +1 -1
  429. package/src/components/ListItem/ListItem.rtl.test.tsx +4 -1
  430. package/src/components/ListItem/ListItem.tsx +48 -23
  431. package/src/components/ListItem/ListItemExample.tsx +74 -4
  432. package/src/components/ListItem/list-item.scss +26 -17
  433. package/src/components/Menu/Menu.tsx +1 -1
  434. package/src/components/Menu/MenuExample.tsx +1 -0
  435. package/src/components/MenuButton/MenuButton.tsx +1 -1
  436. package/src/components/Modal/Modal.tsx +1 -1
  437. package/src/components/Modal/ModalExample.tsx +4 -6
  438. package/src/components/Pagination/PageInput.tsx +2 -2
  439. package/src/components/{CalendarPicker/CalendarPicker.rtl.test.tsx → Password/Password.rtl.test.tsx} +4 -4
  440. package/src/components/Password/Password.tsx +113 -0
  441. package/src/components/Password/index.tsx +1 -0
  442. package/src/components/Password/password.scss +31 -0
  443. package/src/components/PasswordField/PasswordField.rtl.test.tsx +4 -11
  444. package/src/components/PasswordField/PasswordField.tsx +10 -53
  445. package/src/components/Popover/Popover.tsx +3 -2
  446. package/src/components/Popover/PopoverExample.tsx +2 -2
  447. package/src/components/ProgressBar/ProgressBar.tsx +1 -1
  448. package/src/components/ProgressCircle/ProgressCircle.tsx +1 -1
  449. package/src/components/ProgressionStepper/ProgressionStepper.tsx +24 -20
  450. package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +20 -4
  451. package/src/components/Radio/Radio.tsx +15 -16
  452. package/src/components/RadioGroup/RadioGroup.rtl.test.tsx +4 -5
  453. package/src/components/RadioGroup/RadioGroup.tsx +51 -71
  454. package/src/components/RadioGroup/radio-group.scss +3 -1
  455. package/src/components/RadioGroupField/RadioGroupField.rtl.test.tsx +27 -0
  456. package/src/components/RadioGroupField/RadioGroupField.tsx +36 -0
  457. package/src/components/RadioGroupField/index.tsx +1 -0
  458. package/src/components/SearchBar/SearchBar.rtl.test.tsx +3 -4
  459. package/src/components/SearchBar/SearchBar.tsx +190 -126
  460. package/src/components/SearchBar/SearchBarExample.tsx +2 -1
  461. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
  462. package/src/components/Select/Select.rtl.test.tsx +6 -5
  463. package/src/components/Select/Select.tsx +62 -66
  464. package/src/components/Select/SelectExample.tsx +1 -14
  465. package/src/components/SelectField/SelectField.rtl.test.tsx +9 -6
  466. package/src/components/SelectField/SelectField.tsx +9 -56
  467. package/src/components/Skeleton/SkeletonExample.tsx +1 -3
  468. package/src/components/Snackbar/Snackbar.tsx +124 -28
  469. package/src/components/Snackbar/SnackbarExample.tsx +9 -3
  470. package/src/components/Snackbar/snackbar.scss +48 -16
  471. package/src/components/StylesProviderDemo/StylesProviderDemo.tsx +5 -2
  472. package/src/components/StylesProviderDemo/exampleCss.ts +1899 -0
  473. package/src/components/Switch/Switch.rtl.test.tsx +3 -1
  474. package/src/components/Switch/Switch.tsx +5 -3
  475. package/src/components/SwitchOption/SwitchOption.rtl.test.tsx +3 -1
  476. package/src/components/SwitchOption/SwitchOption.tsx +1 -1
  477. package/src/components/TabGroup/TabGroup.tsx +2 -2
  478. package/src/components/TabList/TabList.tsx +16 -5
  479. package/src/components/TabList/tab-list.scss +12 -0
  480. package/src/components/Tag/Tag.tsx +1 -1
  481. package/src/components/Textarea/Textarea.rtl.test.tsx +1 -1
  482. package/src/components/Textarea/Textarea.tsx +72 -68
  483. package/src/components/Textarea/textarea.scss +41 -19
  484. package/src/components/TextareaField/TextareaField.rtl.test.tsx +4 -11
  485. package/src/components/TextareaField/TextareaField.tsx +9 -74
  486. package/src/components/{TimeInput → TimePicker}/Listbox.tsx +5 -5
  487. package/src/components/{TimeInput → TimePicker}/Segment.tsx +8 -5
  488. package/src/components/{TextInput/TextInput.rtl.test.tsx → TimePicker/TimePicker.rtl.test.tsx} +3 -3
  489. package/src/components/{TimeInput/TimeInput.tsx → TimePicker/TimePicker.tsx} +104 -67
  490. package/src/components/TimePicker/TimePickerExample.tsx +8 -0
  491. package/src/components/TimePicker/index.tsx +1 -0
  492. package/src/components/{TimeInput/time-input.scss → TimePicker/time-picker.scss} +7 -5
  493. package/src/components/TimePicker/utils.test.tsx +26 -0
  494. package/src/components/TimePicker/utils.ts +44 -0
  495. package/src/components/TimePickerField/TimePickerField.rtl.test.tsx +17 -0
  496. package/src/components/TimePickerField/TimePickerField.tsx +30 -0
  497. package/src/components/TimePickerField/index.tsx +1 -0
  498. package/src/components/ToggleOption/ToggleOption.tsx +10 -5
  499. package/src/components/Tooltip/Tooltip.tsx +1 -1
  500. package/src/components/Tooltip/TooltipExample.tsx +7 -9
  501. package/src/components/Txt/Txt.tsx +1 -1
  502. package/src/constants/brands.ts +5 -1
  503. package/src/hooks/useArrowNavigation.ts +6 -1
  504. package/src/hooks/useCheckboxGroupState.ts +1 -1
  505. package/src/hooks/useCheckboxState.ts +1 -1
  506. package/src/hooks/useContainerWidth.tsx +1 -1
  507. package/src/hooks/useModalState.ts +1 -1
  508. package/src/hooks/useOutsideClick.ts +17 -4
  509. package/src/hooks/useRadioState.ts +1 -1
  510. package/src/hooks/useTimeout.ts +1 -1
  511. package/src/styles/base.scss +3 -0
  512. package/src/types/common.ts +28 -10
  513. package/src/types/meta.ts +1 -0
  514. package/src/utils/demo.ts +1 -0
  515. package/dist/components/CalendarPicker/CalendarPicker.d.ts +0 -32
  516. package/dist/components/CalendarPicker/CalendarPicker.js.map +0 -1
  517. package/dist/components/CalendarPicker/CalendarPickerExample.d.ts +0 -3
  518. package/dist/components/CalendarPicker/CalendarPickerExample.js +0 -17
  519. package/dist/components/CalendarPicker/CalendarPickerExample.js.map +0 -1
  520. package/dist/components/CalendarPicker/index.d.ts +0 -1
  521. package/dist/components/CalendarPicker/index.js +0 -2
  522. package/dist/components/CalendarPicker/index.js.map +0 -1
  523. package/dist/components/ChipAssist/ChipAssist.d.ts +0 -24
  524. package/dist/components/ChipAssist/ChipAssist.js +0 -26
  525. package/dist/components/ChipAssist/ChipAssist.js.map +0 -1
  526. package/dist/components/ChipAssist/ChipAssistExample.d.ts +0 -4
  527. package/dist/components/ChipAssist/ChipAssistExample.js +0 -32
  528. package/dist/components/ChipAssist/ChipAssistExample.js.map +0 -1
  529. package/dist/components/ChipAssist/index.d.ts +0 -1
  530. package/dist/components/ChipAssist/index.js +0 -2
  531. package/dist/components/ChipAssist/index.js.map +0 -1
  532. package/dist/components/ChipFilter/ChipFilter.d.ts +0 -40
  533. package/dist/components/ChipFilter/ChipFilter.js +0 -31
  534. package/dist/components/ChipFilter/ChipFilter.js.map +0 -1
  535. package/dist/components/ChipFilter/ChipFilterExample.d.ts +0 -3
  536. package/dist/components/ChipFilter/ChipFilterExample.js +0 -62
  537. package/dist/components/ChipFilter/ChipFilterExample.js.map +0 -1
  538. package/dist/components/ChipFilter/index.d.ts +0 -1
  539. package/dist/components/ChipFilter/index.js +0 -2
  540. package/dist/components/ChipFilter/index.js.map +0 -1
  541. package/dist/components/ChipInput/ChipInput.d.ts +0 -31
  542. package/dist/components/ChipInput/ChipInput.js +0 -27
  543. package/dist/components/ChipInput/ChipInput.js.map +0 -1
  544. package/dist/components/ChipInput/ChipInputExample.d.ts +0 -4
  545. package/dist/components/ChipInput/ChipInputExample.js +0 -47
  546. package/dist/components/ChipInput/ChipInputExample.js.map +0 -1
  547. package/dist/components/ChipInput/index.d.ts +0 -1
  548. package/dist/components/ChipInput/index.js +0 -2
  549. package/dist/components/ChipInput/index.js.map +0 -1
  550. package/dist/components/ChipSuggestion/ChipSuggestion.d.ts +0 -17
  551. package/dist/components/ChipSuggestion/ChipSuggestion.js +0 -19
  552. package/dist/components/ChipSuggestion/ChipSuggestion.js.map +0 -1
  553. package/dist/components/ChipSuggestion/ChipSuggestionExample.d.ts +0 -4
  554. package/dist/components/ChipSuggestion/ChipSuggestionExample.js +0 -24
  555. package/dist/components/ChipSuggestion/ChipSuggestionExample.js.map +0 -1
  556. package/dist/components/ChipSuggestion/index.d.ts +0 -1
  557. package/dist/components/ChipSuggestion/index.js +0 -2
  558. package/dist/components/ChipSuggestion/index.js.map +0 -1
  559. package/dist/components/ChipUtility/ChipUtility.js +0 -25
  560. package/dist/components/ChipUtility/ChipUtility.js.map +0 -1
  561. package/dist/components/ChipUtility/ChipUtilityExample.d.ts +0 -4
  562. package/dist/components/ChipUtility/ChipUtilityExample.js.map +0 -1
  563. package/dist/components/ChipUtility/index.d.ts +0 -1
  564. package/dist/components/ChipUtility/index.js +0 -2
  565. package/dist/components/ChipUtility/index.js.map +0 -1
  566. package/dist/components/DateField/DateField.d.ts +0 -32
  567. package/dist/components/DateField/DateField.js +0 -34
  568. package/dist/components/DateField/DateField.js.map +0 -1
  569. package/dist/components/DateField/DateFieldExample.d.ts +0 -4
  570. package/dist/components/DateField/DateFieldExample.js +0 -11
  571. package/dist/components/DateField/DateFieldExample.js.map +0 -1
  572. package/dist/components/DateField/date-field.css +0 -8
  573. package/dist/components/DateField/index.d.ts +0 -1
  574. package/dist/components/DateField/index.js +0 -2
  575. package/dist/components/DateField/index.js.map +0 -1
  576. package/dist/components/DateInput/DateInput.d.ts +0 -39
  577. package/dist/components/DateInput/DateInput.js +0 -102
  578. package/dist/components/DateInput/DateInput.js.map +0 -1
  579. package/dist/components/DateInput/DateInputExample.d.ts +0 -4
  580. package/dist/components/DateInput/DateInputExample.js +0 -14
  581. package/dist/components/DateInput/DateInputExample.js.map +0 -1
  582. package/dist/components/DateInput/index.d.ts +0 -1
  583. package/dist/components/DateInput/index.js +0 -2
  584. package/dist/components/DateInput/index.js.map +0 -1
  585. package/dist/components/FormField/form-field.css +0 -17
  586. package/dist/components/FormField/form-field.css.js +0 -22
  587. package/dist/components/ListItemMenu/ListItemMenu.d.ts +0 -146
  588. package/dist/components/ListItemMenu/ListItemMenu.js +0 -159
  589. package/dist/components/ListItemMenu/ListItemMenu.js.map +0 -1
  590. package/dist/components/ListItemMenu/index.d.ts +0 -1
  591. package/dist/components/ListItemMenu/index.js +0 -2
  592. package/dist/components/ListItemMenu/index.js.map +0 -1
  593. package/dist/components/NumberField/NumberField.d.ts +0 -33
  594. package/dist/components/NumberField/NumberField.js +0 -35
  595. package/dist/components/NumberField/NumberField.js.map +0 -1
  596. package/dist/components/NumberField/index.d.ts +0 -1
  597. package/dist/components/NumberField/index.js +0 -2
  598. package/dist/components/NumberField/index.js.map +0 -1
  599. package/dist/components/NumberInput/NumberInput.d.ts +0 -63
  600. package/dist/components/NumberInput/NumberInput.js +0 -64
  601. package/dist/components/NumberInput/NumberInput.js.map +0 -1
  602. package/dist/components/NumberInput/NumberInputExample.d.ts +0 -3
  603. package/dist/components/NumberInput/NumberInputExample.js.map +0 -1
  604. package/dist/components/NumberInput/index.d.ts +0 -1
  605. package/dist/components/NumberInput/index.js +0 -2
  606. package/dist/components/NumberInput/index.js.map +0 -1
  607. package/dist/components/PasswordInput/PasswordInput.d.ts +0 -21
  608. package/dist/components/PasswordInput/PasswordInput.js +0 -34
  609. package/dist/components/PasswordInput/PasswordInput.js.map +0 -1
  610. package/dist/components/PasswordInput/index.d.ts +0 -1
  611. package/dist/components/PasswordInput/index.js +0 -2
  612. package/dist/components/PasswordInput/index.js.map +0 -1
  613. package/dist/components/PasswordInput/password-input.css +0 -28
  614. package/dist/components/PasswordInput/password-input.css.js +0 -33
  615. package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +0 -14
  616. package/dist/components/PhoneNumberField/PhoneNumberField.js +0 -16
  617. package/dist/components/PhoneNumberField/PhoneNumberField.js.map +0 -1
  618. package/dist/components/PhoneNumberField/index.d.ts +0 -1
  619. package/dist/components/PhoneNumberField/index.js +0 -2
  620. package/dist/components/PhoneNumberField/index.js.map +0 -1
  621. package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +0 -37
  622. package/dist/components/PhoneNumberInput/PhoneNumberInput.js +0 -83
  623. package/dist/components/PhoneNumberInput/PhoneNumberInput.js.map +0 -1
  624. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.d.ts +0 -4
  625. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js +0 -5
  626. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js.map +0 -1
  627. package/dist/components/PhoneNumberInput/index.d.ts +0 -1
  628. package/dist/components/PhoneNumberInput/index.js +0 -2
  629. package/dist/components/PhoneNumberInput/index.js.map +0 -1
  630. package/dist/components/PhoneNumberInput/phone-number-input.css +0 -46
  631. package/dist/components/PhoneNumberInput/phone-number-input.css.js +0 -51
  632. package/dist/components/SelectField/SelectFieldExample.d.ts +0 -23
  633. package/dist/components/SelectField/SelectFieldExample.js +0 -13
  634. package/dist/components/SelectField/SelectFieldExample.js.map +0 -1
  635. package/dist/components/SnackbarProvider/SnackbarProvider.d.ts +0 -90
  636. package/dist/components/SnackbarProvider/SnackbarProvider.js +0 -115
  637. package/dist/components/SnackbarProvider/SnackbarProvider.js.map +0 -1
  638. package/dist/components/SnackbarProvider/SnackbarProviderExample.d.ts +0 -4
  639. package/dist/components/SnackbarProvider/SnackbarProviderExample.js +0 -59
  640. package/dist/components/SnackbarProvider/SnackbarProviderExample.js.map +0 -1
  641. package/dist/components/SnackbarProvider/index.d.ts +0 -1
  642. package/dist/components/SnackbarProvider/index.js +0 -2
  643. package/dist/components/SnackbarProvider/index.js.map +0 -1
  644. package/dist/components/SnackbarProvider/snackbar-provider-example.css +0 -15
  645. package/dist/components/SnackbarProvider/snackbar-provider-example.css.js +0 -20
  646. package/dist/components/SnackbarProvider/snackbar-provider.css +0 -15
  647. package/dist/components/SnackbarProvider/snackbar-provider.css.js +0 -20
  648. package/dist/components/TextField/TextField.d.ts +0 -31
  649. package/dist/components/TextField/TextField.js +0 -33
  650. package/dist/components/TextField/TextField.js.map +0 -1
  651. package/dist/components/TextField/TextFieldExample.d.ts +0 -3
  652. package/dist/components/TextField/TextFieldExample.js +0 -6
  653. package/dist/components/TextField/TextFieldExample.js.map +0 -1
  654. package/dist/components/TextField/index.d.ts +0 -1
  655. package/dist/components/TextField/index.js +0 -2
  656. package/dist/components/TextField/index.js.map +0 -1
  657. package/dist/components/TextInput/TextInput.d.ts +0 -78
  658. package/dist/components/TextInput/TextInput.js.map +0 -1
  659. package/dist/components/TextInput/TextInputExample.d.ts +0 -3
  660. package/dist/components/TextInput/TextInputExample.js.map +0 -1
  661. package/dist/components/TextInput/index.d.ts +0 -1
  662. package/dist/components/TextInput/index.js +0 -2
  663. package/dist/components/TextInput/index.js.map +0 -1
  664. package/dist/components/TextareaField/TextareaFieldExample.d.ts +0 -3
  665. package/dist/components/TextareaField/TextareaFieldExample.js +0 -10
  666. package/dist/components/TextareaField/TextareaFieldExample.js.map +0 -1
  667. package/dist/components/TimeInput/Listbox.d.ts +0 -15
  668. package/dist/components/TimeInput/Listbox.js.map +0 -1
  669. package/dist/components/TimeInput/Segment.d.ts +0 -20
  670. package/dist/components/TimeInput/Segment.js.map +0 -1
  671. package/dist/components/TimeInput/TimeInput.d.ts +0 -24
  672. package/dist/components/TimeInput/TimeInput.js +0 -115
  673. package/dist/components/TimeInput/TimeInput.js.map +0 -1
  674. package/dist/components/TimeInput/TimeInputExample.d.ts +0 -3
  675. package/dist/components/TimeInput/TimeInputExample.js +0 -4
  676. package/dist/components/TimeInput/TimeInputExample.js.map +0 -1
  677. package/dist/components/TimeInput/index.d.ts +0 -1
  678. package/dist/components/TimeInput/index.js +0 -2
  679. package/dist/components/TimeInput/index.js.map +0 -1
  680. package/dist/hooks/useSnackbarContext.d.ts +0 -1
  681. package/dist/hooks/useSnackbarContext.js +0 -16
  682. package/dist/hooks/useSnackbarContext.js.map +0 -1
  683. package/dist/utils/snackbarContext.d.ts +0 -38
  684. package/dist/utils/snackbarContext.js +0 -3
  685. package/dist/utils/snackbarContext.js.map +0 -1
  686. package/src/components/CalendarPicker/CalendarPickerExample.tsx +0 -24
  687. package/src/components/CalendarPicker/index.tsx +0 -1
  688. package/src/components/ChipAssist/ChipAssist.rtl.test.tsx +0 -16
  689. package/src/components/ChipAssist/ChipAssist.tsx +0 -37
  690. package/src/components/ChipAssist/ChipAssistExample.tsx +0 -34
  691. package/src/components/ChipAssist/index.tsx +0 -1
  692. package/src/components/ChipFilter/ChipFilter.rtl.test.tsx +0 -15
  693. package/src/components/ChipFilter/ChipFilter.tsx +0 -75
  694. package/src/components/ChipFilter/ChipFilterExample.tsx +0 -63
  695. package/src/components/ChipFilter/index.tsx +0 -1
  696. package/src/components/ChipInput/ChipInput.rtl.test.tsx +0 -16
  697. package/src/components/ChipInput/ChipInput.tsx +0 -47
  698. package/src/components/ChipInput/ChipInputExample.tsx +0 -49
  699. package/src/components/ChipInput/index.tsx +0 -1
  700. package/src/components/ChipSuggestion/ChipSuggestion.rtl.test.tsx +0 -19
  701. package/src/components/ChipSuggestion/ChipSuggestion.tsx +0 -22
  702. package/src/components/ChipSuggestion/ChipSuggestionExample.tsx +0 -26
  703. package/src/components/ChipSuggestion/index.tsx +0 -1
  704. package/src/components/ChipUtility/index.tsx +0 -1
  705. package/src/components/DateField/DateField.rtl.test.tsx +0 -24
  706. package/src/components/DateField/DateField.tsx +0 -58
  707. package/src/components/DateField/DateFieldExample.tsx +0 -13
  708. package/src/components/DateField/date-field.scss +0 -8
  709. package/src/components/DateField/index.tsx +0 -1
  710. package/src/components/DateInput/DateInput.rtl.test.tsx +0 -17
  711. package/src/components/DateInput/DateInput.tsx +0 -197
  712. package/src/components/DateInput/DateInputExample.tsx +0 -17
  713. package/src/components/DateInput/index.tsx +0 -1
  714. package/src/components/FormField/form-field.scss +0 -19
  715. package/src/components/ListItemMenu/ListItemMenu.tsx +0 -358
  716. package/src/components/ListItemMenu/index.tsx +0 -1
  717. package/src/components/NumberField/NumberField.rtl.test.tsx +0 -24
  718. package/src/components/NumberField/NumberField.tsx +0 -70
  719. package/src/components/NumberField/index.tsx +0 -1
  720. package/src/components/NumberInput/index.tsx +0 -1
  721. package/src/components/PasswordInput/PasswordInput.rtl.test.tsx +0 -15
  722. package/src/components/PasswordInput/PasswordInput.tsx +0 -115
  723. package/src/components/PasswordInput/index.tsx +0 -1
  724. package/src/components/PasswordInput/password-input.scss +0 -36
  725. package/src/components/PhoneNumberField/PhoneNumberField.rtl.test.tsx +0 -24
  726. package/src/components/PhoneNumberField/PhoneNumberField.tsx +0 -41
  727. package/src/components/PhoneNumberField/index.tsx +0 -1
  728. package/src/components/PhoneNumberInput/PhoneNumberInput.rtl.test.tsx +0 -17
  729. package/src/components/PhoneNumberInput/PhoneNumberInput.tsx +0 -186
  730. package/src/components/PhoneNumberInput/PhoneNumberInputExample.tsx +0 -8
  731. package/src/components/PhoneNumberInput/index.tsx +0 -1
  732. package/src/components/SelectField/SelectFieldExample.tsx +0 -16
  733. package/src/components/SnackbarProvider/SnackbarProvider.tsx +0 -160
  734. package/src/components/SnackbarProvider/SnackbarProviderExample.tsx +0 -127
  735. package/src/components/SnackbarProvider/index.tsx +0 -1
  736. package/src/components/SnackbarProvider/snackbar-provider-example.scss +0 -17
  737. package/src/components/SnackbarProvider/snackbar-provider.scss +0 -15
  738. package/src/components/TextField/TextField.tsx +0 -67
  739. package/src/components/TextField/TextFieldExample.tsx +0 -8
  740. package/src/components/TextField/index.tsx +0 -1
  741. package/src/components/TextInput/TextInputExample.tsx +0 -44
  742. package/src/components/TextInput/index.tsx +0 -1
  743. package/src/components/TextareaField/TextareaFieldExample.tsx +0 -13
  744. package/src/components/TimeInput/TimeInput.rtl.test.tsx +0 -15
  745. package/src/components/TimeInput/TimeInputExample.tsx +0 -6
  746. package/src/components/TimeInput/index.tsx +0 -1
  747. package/src/hooks/useSnackbarContext.ts +0 -18
  748. package/src/utils/snackbarContext.tsx +0 -43
  749. /package/dist/components/{NumberInput → InputNumber}/IncrementButton.d.ts +0 -0
  750. /package/dist/components/{NumberInput → InputNumber}/IncrementButton.js +0 -0
  751. /package/src/components/{NumberInput → InputNumber}/IncrementButton.tsx +0 -0
@@ -8,7 +8,7 @@ import { useEffect } from 'react';
8
8
  * import { useOutsideClick } from '@bspk/ui/hooks/useOutsideClick';
9
9
  * import React, { useRef, useState } from 'react';
10
10
  *
11
- * export function Example() {
11
+ * function Example() {
12
12
  * const [isOpen, setIsOpen] = useState(false);
13
13
  * const containerRef = useRef<HTMLDivElement>(null);
14
14
  *
@@ -33,10 +33,12 @@ export function useOutsideClick({
33
33
  elements,
34
34
  callback,
35
35
  disabled,
36
+ handleTabs = false,
36
37
  }: {
37
38
  elements: (HTMLElement | null)[] | null;
38
- callback: (event?: MouseEvent) => void;
39
- disabled?: boolean;
39
+ callback: (event?: KeyboardEvent | MouseEvent) => void;
40
+ disabled: boolean;
41
+ handleTabs?: boolean;
40
42
  }) {
41
43
  useEffect(() => {
42
44
  if (!elements?.length || disabled) return;
@@ -46,11 +48,22 @@ export function useOutsideClick({
46
48
  callback(event);
47
49
  };
48
50
 
51
+ const handleOutsideTab = (event: KeyboardEvent) => {
52
+ if (!handleTabs || event.key !== 'Tab' || disabled) return;
53
+
54
+ setTimeout(() => {
55
+ if (elements?.some?.((element) => element?.contains?.(document.activeElement))) return;
56
+ callback(event);
57
+ }, 0);
58
+ };
59
+
49
60
  document.addEventListener('mousedown', handleClickOutside);
61
+ document.addEventListener('keydown', handleOutsideTab);
50
62
  return () => {
51
63
  document.removeEventListener('mousedown', handleClickOutside);
64
+ document.removeEventListener('keydown', handleOutsideTab);
52
65
  };
53
- }, [callback, disabled, elements]);
66
+ }, [callback, disabled, elements, handleTabs]);
54
67
  }
55
68
 
56
69
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -9,7 +9,7 @@ import { RadioProps } from '-/components/Radio';
9
9
  * import { Radio } from '@bspk/ui/Radio';
10
10
  * import { useRadioState } from '@bspk/ui/hooks/useRadioState';
11
11
  *
12
- * export function Example() {
12
+ * function Example() {
13
13
  * const { radioProps } = useRadioState('fruits');
14
14
  * return <Radio aria-label="cherry" {...radioProps('cherry')} />;
15
15
  * }
@@ -13,7 +13,7 @@ type TimeoutHook = {
13
13
  * import { useTimeout } from '@bspk/ui/hooks/useTimeout';
14
14
  * import { useEffect } from 'react';
15
15
  *
16
- * export function MyComponent() {
16
+ * function MyComponent() {
17
17
  * const timeout = useTimeout();
18
18
  *
19
19
  * const handleClick = () => {
@@ -33,6 +33,9 @@
33
33
  --z-index-navbar: 700;
34
34
  --z-index-footer: 600;
35
35
  --list-item-height: var(--spacing-sizing-13);
36
+ --button-border-width: 1px;
37
+ --button-border-type: solid;
38
+ --button-border-radius: var(--radius-sm);
36
39
  }
37
40
 
38
41
  @media (prefers-reduced-motion) {
@@ -6,7 +6,14 @@
6
6
  * @bspk/ui/Txt".
7
7
  */
8
8
 
9
- import { JSXElementConstructor, ReactNode, ComponentPropsWithoutRef, AriaRole } from 'react';
9
+ import {
10
+ JSXElementConstructor,
11
+ ReactNode,
12
+ ComponentPropsWithoutRef,
13
+ AriaRole,
14
+ ChangeEvent,
15
+ KeyboardEvent,
16
+ } from 'react';
10
17
 
11
18
  export type AlertVariant = 'error' | 'informational' | 'success' | 'warning';
12
19
 
@@ -47,9 +54,9 @@ export type CallToActionButton = {
47
54
 
48
55
  export type CommonPropsLibrary = {
49
56
  /**
50
- * Marks the element as invalid and displays error state theme.
57
+ * Indicates that the element is in an invalid state and displays the error theme.
51
58
  *
52
- * If the errorMessage is empty the error state theme will not appear.
59
+ * If set to true, an accompanying error message should be provided.
53
60
  *
54
61
  * @default false
55
62
  */
@@ -103,13 +110,13 @@ export type CommonPropsLibrary = {
103
110
  *
104
111
  * @required
105
112
  */
106
- value?: string;
113
+ optionValue?: string;
107
114
  /**
108
115
  * The aria-label for the element.
109
116
  *
110
117
  * @required
111
118
  */
112
- 'aria-label': string;
119
+ 'aria-label'?: string;
113
120
  /**
114
121
  * Identifies the parent component. Helps with styling, debugging, and/or testing purposes.
115
122
  *
@@ -128,11 +135,22 @@ export type CommonProps<K extends keyof CommonPropsLibrary> = Pick<CommonPropsLi
128
135
 
129
136
  export type RequiredCommonProps<K extends keyof CommonPropsLibrary> = Required<Pick<CommonPropsLibrary, K>>;
130
137
 
131
- export type FormFieldControlProps = {
132
- /** The id of the control description. */
133
- 'aria-describedby'?: string;
134
- /** The id of the error message */
135
- 'aria-errormessage'?: string;
138
+ export type FieldControlProps<
139
+ ValueType = string,
140
+ ChangeContext = ChangeEvent<HTMLElement> | KeyboardEvent | undefined,
141
+ > = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'readOnly' | 'required'> & {
142
+ /**
143
+ * The value of the field control.
144
+ *
145
+ * @required
146
+ */
147
+ value: ValueType | undefined;
148
+ /**
149
+ * The function to call when the value changes.
150
+ *
151
+ * @required
152
+ */
153
+ onChange: (next: ValueType | undefined, event?: ChangeContext) => void;
136
154
  };
137
155
 
138
156
  export type Brand =
package/src/types/meta.ts CHANGED
@@ -89,6 +89,7 @@ export type ComponentMeta = BaseMeta & {
89
89
  description?: string;
90
90
  };
91
91
  phase: ComponentPhase;
92
+ generated?: boolean;
92
93
  };
93
94
 
94
95
  export type UtilityMeta = BaseMeta & {
package/src/utils/demo.ts CHANGED
@@ -114,6 +114,7 @@ export type ComponentExample<Props = Record<string, unknown>, PropName extends k
114
114
  CodeExample: CodeExample;
115
115
  Syntax: Syntax;
116
116
  }) => React.ReactNode;
117
+ location?: 'afterDemo' | 'beforeDemo';
117
118
  }[];
118
119
  };
119
120
 
@@ -1,32 +0,0 @@
1
- import './calendar-picker.scss';
2
- export type CalendarPickerProps = {
3
- /**
4
- * The currently selected date
5
- *
6
- * @type Date
7
- */
8
- value: Date | undefined;
9
- /** Fires when the date changes with the new date */
10
- onChange: (newDate: Date) => void;
11
- /**
12
- * Determines how the CalendarPicker will appear.
13
- *
14
- * @default flat
15
- */
16
- variant?: 'elevated' | 'flat';
17
- };
18
- /**
19
- * A component or widget that allows customers to select the date, month, and year.
20
- *
21
- * @example
22
- * import { CalendarPicker } from '@bspk/ui/CalendarPicker';
23
- *
24
- * function Example() {
25
- * return <CalendarPicker>Example CalendarPicker</CalendarPicker>;
26
- * }
27
- *
28
- * @name CalendarPicker
29
- * @phase Dev
30
- */
31
- export declare function CalendarPicker({ value: valueProp, onChange, variant }: CalendarPickerProps): import("react/jsx-runtime").JSX.Element;
32
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalendarPicker.js","sourceRoot":"","sources":["../../../src/components/CalendarPicker/CalendarPicker.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { CalendarPickerProps } from '.';
2
- import { ComponentExampleFn } from '-/utils/demo';
3
- export declare const CalendarPickerExample: ComponentExampleFn<CalendarPickerProps>;
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { isValid } from 'date-fns';
3
- export const CalendarPickerExample = ({ action }) => ({
4
- defaultState: {
5
- value: new Date(),
6
- },
7
- containerStyle: { width: '100%' },
8
- render: ({ props, Component }) => {
9
- const value = isValid(props.value) ? props.value : new Date();
10
- return (_jsx(Component, { ...props, onChange: (next) => {
11
- props.onChange?.(next);
12
- action(`value updated to ${next.toDateString()}`);
13
- }, value: value }));
14
- },
15
- variants: false,
16
- });
17
- //# sourceMappingURL=CalendarPickerExample.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CalendarPickerExample.js","sourceRoot":"","sources":["../../../src/components/CalendarPicker/CalendarPickerExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,MAAM,CAAC,MAAM,qBAAqB,GAA4C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3F,YAAY,EAAE;QACV,KAAK,EAAE,IAAI,IAAI,EAAE;KACpB;IACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9D,OAAO,CACH,KAAC,SAAS,OACF,KAAK,EACT,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;gBACf,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;gBACvB,MAAM,CAAC,oBAAoB,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACtD,CAAC,EACD,KAAK,EAAE,KAAK,GACd,CACL,CAAC;IACN,CAAC;IACD,QAAQ,EAAE,KAAK;CAClB,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export * from './CalendarPicker';
@@ -1,2 +0,0 @@
1
- export * from './CalendarPicker';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CalendarPicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -1,24 +0,0 @@
1
- import { ChipUtilityProps } from '-/components/ChipUtility';
2
- export type ChipAssistProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'>;
3
- /**
4
- * A dynamic action element that helps trigger and perform an action for the customer. A supplement option to buttons.
5
- *
6
- * @example
7
- * import { ChipAssist } from '@bspk/ui/ChipAssist';
8
- * import { SvgCloud } from '@bspk/icons/Cloud';
9
- *
10
- * function Example() {
11
- * return (
12
- * <ChipAssist
13
- * label="Assist Chip"
14
- * leadingIcon=<SvgCloud />
15
- * onClick={() => console.log('Assist Chip clicked')}
16
- * />
17
- * );
18
- * }
19
- *
20
- * @name ChipAssist
21
- * @phase UXReview
22
- */
23
- export declare function ChipAssist({ disabled, label, leadingIcon, onClick }: ChipAssistProps): import("react/jsx-runtime").JSX.Element;
24
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ChipUtility } from '../ChipUtility';
3
- /**
4
- * A dynamic action element that helps trigger and perform an action for the customer. A supplement option to buttons.
5
- *
6
- * @example
7
- * import { ChipAssist } from '@bspk/ui/ChipAssist';
8
- * import { SvgCloud } from '@bspk/icons/Cloud';
9
- *
10
- * function Example() {
11
- * return (
12
- * <ChipAssist
13
- * label="Assist Chip"
14
- * leadingIcon=<SvgCloud />
15
- * onClick={() => console.log('Assist Chip clicked')}
16
- * />
17
- * );
18
- * }
19
- *
20
- * @name ChipAssist
21
- * @phase UXReview
22
- */
23
- export function ChipAssist({ disabled, label, leadingIcon, onClick }) {
24
- return (_jsx(ChipUtility, { "data-bspk": "chip-assist", disabled: disabled, label: label, leadingIcon: leadingIcon, onClick: onClick }));
25
- }
26
- //# sourceMappingURL=ChipAssist.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipAssist.js","sourceRoot":"","sources":["../../../src/components/ChipAssist/ChipAssist.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AAIzE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAmB;IACjF,OAAO,CACH,KAAC,WAAW,iBACE,aAAa,EACvB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ChipAssistProps } from '.';
2
- import { ComponentExampleFn, Preset } from '-/utils/demo';
3
- export declare const presets: Preset<ChipAssistProps>[];
4
- export declare const ChipAssistExample: ComponentExampleFn<ChipAssistProps>;
@@ -1,32 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export const presets = [
3
- {
4
- label: 'Basic ChipAssist',
5
- propState: {
6
- label: 'chip option',
7
- },
8
- },
9
- {
10
- label: 'with leadingIcon',
11
- propState: {
12
- label: 'chip option',
13
- leadingIcon: 'SignLanguage',
14
- },
15
- },
16
- {
17
- label: 'disabled',
18
- propState: {
19
- label: 'chip option',
20
- leadingIcon: 'SignLanguage',
21
- disabled: true,
22
- },
23
- },
24
- ];
25
- export const ChipAssistExample = ({ action }) => ({
26
- containerStyle: { width: '100%' },
27
- render: ({ props, Component }) => {
28
- return _jsx(Component, { ...props, onClick: () => action('ChipAssist clicked!') });
29
- },
30
- presets,
31
- });
32
- //# sourceMappingURL=ChipAssistExample.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipAssistExample.js","sourceRoot":"","sources":["../../../src/components/ChipAssist/ChipAssistExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAA8B;IAC9C;QACI,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;SACvB;KACJ;IACD;QACI,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,cAAc;SAC9B;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,cAAc;YAC3B,QAAQ,EAAE,IAAI;SACjB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAwC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAI,CAAC;IAClF,CAAC;IACD,OAAO;CACV,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export * from './ChipAssist';
@@ -1,2 +0,0 @@
1
- export * from './ChipAssist';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipAssist/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1,40 +0,0 @@
1
- import { ChipUtilityProps } from '-/components/ChipUtility';
2
- export type chipTrailingIcon = 'SvgChevronRight' | 'SvgClose' | 'SvgKeyboardArrowDown';
3
- export type ChipFilterProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'> & {
4
- /**
5
- * The trailing icon of the filter chip.
6
- *
7
- * You can only have one of the trailing options, a trailing icon **or** a trailing badge. If both are present the
8
- * trailingIcon will be visible.
9
- */
10
- trailingIcon?: chipTrailingIcon;
11
- /**
12
- * The trailing Badge count.
13
- *
14
- * If a trailingIcon is provided the Badge will **not** be visible.
15
- */
16
- trailingBadgeCount?: number;
17
- };
18
- /**
19
- * Short form descriptive words that filter out content or represent active filter setting.
20
- *
21
- * @example
22
- * import { ChipFilter } from '@bspk/ui/ChipFilter';
23
- * import { SvgCloud } from '@bspk/icons/Cloud';
24
- *
25
- * function Example() {
26
- * return (
27
- * <ChipFilter
28
- * label="FilterChip"
29
- * leadingIcon=<SvgCloud />
30
- * onClick={() => console.log('Filter Chip clicked')}
31
- * trailingIcon="SvgChevronRight"
32
- * />
33
- * );
34
- * }
35
- *
36
- * @name ChipFilter
37
- * @phase UXReview
38
- */
39
- export declare function ChipFilter({ disabled, label, leadingIcon, onClick, trailingIcon, trailingBadgeCount, }: ChipFilterProps): import("react/jsx-runtime").JSX.Element;
40
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,31 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { SvgChevronRight } from '@bspk/icons/ChevronRight';
3
- import { SvgClose } from '@bspk/icons/Close';
4
- import { SvgKeyboardArrowDown } from '@bspk/icons/KeyboardArrowDown';
5
- import { ChipUtility } from '../ChipUtility';
6
- /**
7
- * Short form descriptive words that filter out content or represent active filter setting.
8
- *
9
- * @example
10
- * import { ChipFilter } from '@bspk/ui/ChipFilter';
11
- * import { SvgCloud } from '@bspk/icons/Cloud';
12
- *
13
- * function Example() {
14
- * return (
15
- * <ChipFilter
16
- * label="FilterChip"
17
- * leadingIcon=<SvgCloud />
18
- * onClick={() => console.log('Filter Chip clicked')}
19
- * trailingIcon="SvgChevronRight"
20
- * />
21
- * );
22
- * }
23
- *
24
- * @name ChipFilter
25
- * @phase UXReview
26
- */
27
- export function ChipFilter({ disabled, label, leadingIcon, onClick, trailingIcon, trailingBadgeCount, }) {
28
- const trailingIconComponent = trailingIcon === 'SvgChevronRight' ? (_jsx(SvgChevronRight, {})) : trailingIcon === 'SvgKeyboardArrowDown' ? (_jsx(SvgKeyboardArrowDown, {})) : trailingIcon === 'SvgClose' ? (_jsx(SvgClose, {})) : undefined;
29
- return (_jsx(ChipUtility, { "data-bspk": "chip-filter", disabled: disabled, label: label, leadingIcon: leadingIcon, onClick: onClick, trailingBadge: trailingBadgeCount ? { count: trailingBadgeCount } : undefined, trailingIcon: trailingIconComponent }));
30
- }
31
- //# sourceMappingURL=ChipFilter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipFilter.js","sourceRoot":"","sources":["../../../src/components/ChipFilter/ChipFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AAoBzE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAY,EACZ,kBAAkB,GACJ;IACd,MAAM,qBAAqB,GACvB,YAAY,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACjC,KAAC,eAAe,KAAG,CACtB,CAAC,CAAC,CAAC,YAAY,KAAK,sBAAsB,CAAC,CAAC,CAAC,CAC1C,KAAC,oBAAoB,KAAG,CAC3B,CAAC,CAAC,CAAC,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9B,KAAC,QAAQ,KAAG,CACf,CAAC,CAAC,CAAC,SAAS,CAAC;IAClB,OAAO,CACH,KAAC,WAAW,iBACE,aAAa,EACvB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7E,YAAY,EAAE,qBAAqB,GACrC,CACL,CAAC;AACN,CAAC"}
@@ -1,3 +0,0 @@
1
- import { ChipFilterProps } from '.';
2
- import { ComponentExampleFn } from '-/utils/demo';
3
- export declare const ChipFilterExample: ComponentExampleFn<ChipFilterProps>;
@@ -1,62 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export const ChipFilterExample = ({ action }) => ({
3
- containerStyle: { width: '100%' },
4
- render: ({ props, Component }) => {
5
- return _jsx(Component, { ...props, onClick: () => action('ChipFilter clicked!') });
6
- },
7
- presets: [
8
- {
9
- label: 'basic ChipFilter',
10
- propState: {
11
- label: 'chip option',
12
- trailingIcon: undefined,
13
- },
14
- },
15
- {
16
- label: 'with leading icon',
17
- propState: {
18
- label: 'chip option',
19
- leadingIcon: 'SignLanguage',
20
- },
21
- },
22
- {
23
- label: 'with close icon',
24
- propState: {
25
- label: 'chip option',
26
- trailingIcon: 'SvgClose',
27
- },
28
- },
29
- {
30
- label: 'with chevron right icon',
31
- propState: {
32
- label: 'chip option',
33
- trailingIcon: 'SvgChevronRight',
34
- },
35
- },
36
- {
37
- label: 'with keyboard arrow down icon',
38
- propState: {
39
- label: 'chip option',
40
- trailingIcon: 'SvgKeyboardArrowDown',
41
- },
42
- },
43
- {
44
- label: 'with Badge',
45
- propState: {
46
- label: 'chip option',
47
- trailingBadgeCount: 3,
48
- trailingIcon: undefined,
49
- },
50
- },
51
- {
52
- label: 'disabled',
53
- propState: {
54
- label: 'chip option',
55
- trailingBadgeCount: 3,
56
- disabled: true,
57
- trailingIcon: undefined,
58
- },
59
- },
60
- ],
61
- });
62
- //# sourceMappingURL=ChipFilterExample.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipFilterExample.js","sourceRoot":"","sources":["../../../src/components/ChipFilter/ChipFilterExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAwC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAI,CAAC;IAClF,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,YAAY,EAAE,SAAS;aAC1B;SACJ;QACD;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,cAAc;aAC9B;SACJ;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,YAAY,EAAE,UAAU;aAC3B;SACJ;QACD;YACI,KAAK,EAAE,yBAAyB;YAChC,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,YAAY,EAAE,iBAAiB;aAClC;SACJ;QACD;YACI,KAAK,EAAE,+BAA+B;YACtC,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,YAAY,EAAE,sBAAsB;aACvC;SACJ;QACD;YACI,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,kBAAkB,EAAE,CAAC;gBACrB,YAAY,EAAE,SAAS;aAC1B;SACJ;QACD;YACI,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE;gBACP,KAAK,EAAE,aAAa;gBACpB,kBAAkB,EAAE,CAAC;gBACrB,QAAQ,EAAE,IAAI;gBACd,YAAY,EAAE,SAAS;aAC1B;SACJ;KACJ;CACJ,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export * from './ChipFilter';
@@ -1,2 +0,0 @@
1
- export * from './ChipFilter';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChipFilter/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1,31 +0,0 @@
1
- import { ChipUtilityProps } from '-/components/ChipUtility';
2
- export type ChipInputProps = Pick<ChipUtilityProps, 'disabled' | 'label' | 'leadingIcon' | 'onClick'> & {
3
- /**
4
- * If true, a close icon will be added and the chip can be removed.
5
- *
6
- * @default true
7
- */
8
- removable?: boolean;
9
- };
10
- /**
11
- * A range of short form key words or pieces of information a customer enters within multi entry field.
12
- *
13
- * @example
14
- * import { ChipInput } from '@bspk/ui/ChipInput';
15
- * import { SvgCloud } from '@bspk/icons/Cloud';
16
- *
17
- * function Example() {
18
- * return (
19
- * <ChipInput
20
- * label="InputChip"
21
- * leadingIcon=<SvgCloud />
22
- * onClick={() => console.log('Input Chip clicked')}
23
- * />
24
- * );
25
- * }
26
- *
27
- * @name ChipInput
28
- * @phase UXReview
29
- */
30
- export declare function ChipInput({ disabled, label, leadingIcon, onClick, removable }: ChipInputProps): import("react/jsx-runtime").JSX.Element;
31
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { SvgClose } from '@bspk/icons/Close';
3
- import { ChipUtility } from '../ChipUtility';
4
- /**
5
- * A range of short form key words or pieces of information a customer enters within multi entry field.
6
- *
7
- * @example
8
- * import { ChipInput } from '@bspk/ui/ChipInput';
9
- * import { SvgCloud } from '@bspk/icons/Cloud';
10
- *
11
- * function Example() {
12
- * return (
13
- * <ChipInput
14
- * label="InputChip"
15
- * leadingIcon=<SvgCloud />
16
- * onClick={() => console.log('Input Chip clicked')}
17
- * />
18
- * );
19
- * }
20
- *
21
- * @name ChipInput
22
- * @phase UXReview
23
- */
24
- export function ChipInput({ disabled, label, leadingIcon, onClick, removable = true }) {
25
- return (_jsx(ChipUtility, { "data-bspk": "chip-input", disabled: disabled, label: label, leadingIcon: leadingIcon, onClick: onClick, trailingIcon: removable ? _jsx(SvgClose, {}) : undefined }));
26
- }
27
- //# sourceMappingURL=ChipInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChipInput.js","sourceRoot":"","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AAWzE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAkB;IACjG,OAAO,CACH,KAAC,WAAW,iBACE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC,CAAC,SAAS,GACpD,CACL,CAAC;AACN,CAAC"}
@@ -1,4 +0,0 @@
1
- import { ChipInputProps } from '.';
2
- import { ComponentExampleFn, Preset } from '-/utils/demo';
3
- export declare const presets: Preset<ChipInputProps>[];
4
- export declare const ChipInputExample: ComponentExampleFn<ChipInputProps>;