@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
@@ -1,146 +0,0 @@
1
- import { AriaAttributes, CSSProperties, HTMLAttributes, ReactNode, KeyboardEvent, MouseEvent, Dispatch, SetStateAction } from 'react';
2
- import { ListItemProps } from '-/components/ListItem';
3
- import { MenuProps } from '-/components/Menu';
4
- import { ArrowKeyNavigationCallbackParams } from '-/hooks/useArrowNavigation';
5
- import { UseFloatingProps } from '-/hooks/useFloating';
6
- import { CommonProps, SetRef } from '-/types/common';
7
- export type MenuListItem = Omit<ListItemProps, 'id'> & {
8
- id: string;
9
- };
10
- export type ListItemMenuRole = keyof typeof LIST_ITEM_ROLES;
11
- declare const LIST_ITEM_ROLES: {
12
- readonly group: undefined;
13
- readonly listbox: "option";
14
- readonly menu: "menuitem";
15
- readonly tree: "treeitem";
16
- };
17
- /** Props for the toggle element that opens the ListItemMenu. */
18
- export type ToggleProps = Pick<AriaAttributes, 'aria-activedescendant' | 'aria-controls' | 'aria-disabled' | 'aria-errormessage' | 'aria-expanded' | 'aria-haspopup' | 'aria-invalid' | 'aria-owns' | 'aria-readonly'> & Pick<HTMLAttributes<HTMLElement>, 'role' | 'tabIndex'> & {
19
- /** Event handler for the toggle element that change the menu state. */
20
- onClick: (event: MouseEvent<HTMLElement>) => void;
21
- /** Event handler for keydown events on the toggle element that change the menu state. */
22
- onKeyDownCapture: (event: KeyboardEvent) => void;
23
- };
24
- /** Props for internal toggle functionality provided to the children render prop. */
25
- export type InternalToggleProps = {
26
- /**
27
- * Sets a ref to the toggle element that opens the ListItemMenu.
28
- *
29
- * Used in determining the position of the floating menu.
30
- *
31
- * May also be used to set the menu width if `width="reference"` is provided in the ListItemMenu props.
32
- */
33
- setRef: SetRef<HTMLElement | null>;
34
- /**
35
- * Function to toggle the menu open or closed.
36
- *
37
- * If `force` is provided as a boolean, it will set the menu to that state (true = open, false = closed). If `force`
38
- * is not provided, it will toggle the current state.
39
- */
40
- toggleMenu: (force?: boolean) => void;
41
- /** The number of items in the menu. */
42
- itemCount: number;
43
- /** Whether or not the menu is currently open. */
44
- show?: boolean;
45
- /** The reference element the menu is anchored to. */
46
- reference: HTMLElement | null;
47
- };
48
- export type ListItemMenuProps = CommonProps<'disabled' | 'readOnly'> & Pick<MenuProps, 'id' | 'label' | 'owner'> & Pick<UseFloatingProps, 'offsetOptions' | 'placement'> & {
49
- /**
50
- * The children to render inside the menu.
51
- *
52
- * @required
53
- */
54
- children: (toggleProps: ToggleProps, internal: InternalToggleProps) => ReactNode;
55
- /**
56
- * The element that the menu is anchored to.
57
- *
58
- * @default listbox
59
- */
60
- role?: ListItemMenuRole;
61
- /**
62
- * The width of the menu. If 'reference' is provided, the menu will match the width of the useFloating reference
63
- * element.
64
- *
65
- * @default reference
66
- */
67
- width?: CSSProperties['width'] | 'reference';
68
- /**
69
- * The items to display in the menu as ListItems.
70
- *
71
- * If an item does not have an `id` property, one will be generated automatically.
72
- *
73
- * @required
74
- */
75
- items: MenuListItem[] | ((params: {
76
- show?: boolean;
77
- }) => MenuListItem[]);
78
- /**
79
- * Content to display in the floating menu element before the ListItems.
80
- *
81
- * If provided `scrollLimit` will be ignored.
82
- */
83
- leading?: ReactNode;
84
- /**
85
- * Content to display in the floating menu element after the ListItems.
86
- *
87
- * If provided `scrollLimit` will be ignored.
88
- */
89
- trailing?: ReactNode;
90
- /** The ID of the currently active element. */
91
- activeElementId?: string | null;
92
- /** Optional callback fired when an item is clicked/selected. */
93
- itemOnClick?: (params: {
94
- event: MouseEvent;
95
- currentId: string;
96
- show: boolean;
97
- setShow: Dispatch<SetStateAction<boolean>>;
98
- }) => void;
99
- /**
100
- * Optional callback fired when the arrow keys are used for navigation.
101
- *
102
- * If the callback returns `true`, the change is accepted; if it returns `false`, the change is ignored.
103
- */
104
- arrowKeyNavigationCallback?: (params: ArrowKeyNavigationCallbackParams) => boolean;
105
- /** Optional callback fired when the menu is closed. */
106
- onClose?: () => void;
107
- /** The maximum number of items to show before scrolling is enabled. */
108
- scrollLimit?: number;
109
- /** Remove menu from dom when closed for performance and to prevent tabbing to hidden menu items. */
110
- hideWhenClosed?: boolean;
111
- };
112
- /**
113
- * A floating list Item menu for displaying additional actions or options presented as ListItems in a Menu.
114
- *
115
- * Includes keyboard navigation and accessibility features.
116
- *
117
- * The menu is anchored to a reference element provided as a children function with params that include the necessary
118
- * ARIA attributes and event handlers.
119
- *
120
- * @example
121
- * import { ListItemMenu } from '@bspk/ui/ListItemMenu';
122
- *
123
- * function Example() {
124
- * return (
125
- * <ListItemMenu
126
- * items={[{ id: '1', label: 'Item 1' }]}
127
- * label="Example Menu"
128
- * role="menu"
129
- * scrollLimit={5}
130
- * width="200px"
131
- * >
132
- * {(toggleProps, { setRef, toggleMenu }) => (
133
- * <button {...toggleProps} onClick={() => toggleMenu()} ref={setRef}>
134
- * Toggle Menu
135
- * </button>
136
- * )}
137
- * </ListItemMenu>
138
- * );
139
- * }
140
- *
141
- * @name ListItemMenu
142
- * @phase Utility
143
- */
144
- export declare function ListItemMenu({ activeElementId: activeElementIdProp, children, disabled, id: idProp, items: itemsProp, label, leading: menuLeading, offsetOptions, arrowKeyNavigationCallback, itemOnClick, owner, placement, readOnly, role: containerRole, scrollLimit, trailing: menuTrailing, width: menuWidth, onClose, hideWhenClosed, ...ariaProps }: ListItemMenuProps): import("react/jsx-runtime").JSX.Element;
145
- export {};
146
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,159 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useState, useMemo, } from 'react';
3
- import { ListItem } from '../ListItem';
4
- import { Menu } from '../Menu';
5
- import { useArrowNavigation } from '../../hooks/useArrowNavigation';
6
- import { useFloating } from '../../hooks/useFloating';
7
- import { useId } from '../../hooks/useId';
8
- import { useOutsideClick } from '../../hooks/useOutsideClick';
9
- import { getElementById } from '../../utils/dom';
10
- import { handleKeyDown } from '../../utils/handleKeyDown';
11
- const LIST_ITEM_ROLES = {
12
- group: undefined,
13
- listbox: 'option',
14
- menu: 'menuitem',
15
- tree: 'treeitem',
16
- };
17
- /**
18
- * A floating list Item menu for displaying additional actions or options presented as ListItems in a Menu.
19
- *
20
- * Includes keyboard navigation and accessibility features.
21
- *
22
- * The menu is anchored to a reference element provided as a children function with params that include the necessary
23
- * ARIA attributes and event handlers.
24
- *
25
- * @example
26
- * import { ListItemMenu } from '@bspk/ui/ListItemMenu';
27
- *
28
- * function Example() {
29
- * return (
30
- * <ListItemMenu
31
- * items={[{ id: '1', label: 'Item 1' }]}
32
- * label="Example Menu"
33
- * role="menu"
34
- * scrollLimit={5}
35
- * width="200px"
36
- * >
37
- * {(toggleProps, { setRef, toggleMenu }) => (
38
- * <button {...toggleProps} onClick={() => toggleMenu()} ref={setRef}>
39
- * Toggle Menu
40
- * </button>
41
- * )}
42
- * </ListItemMenu>
43
- * );
44
- * }
45
- *
46
- * @name ListItemMenu
47
- * @phase Utility
48
- */
49
- export function ListItemMenu({ activeElementId: activeElementIdProp = null, children, disabled, id: idProp, items: itemsProp, label, leading: menuLeading, offsetOptions = 4, arrowKeyNavigationCallback, itemOnClick, owner, placement = 'bottom', readOnly, role: containerRole = 'listbox', scrollLimit, trailing: menuTrailing, width: menuWidth = 'reference', onClose, hideWhenClosed = false, ...ariaProps }) {
50
- const containerId = useId(idProp);
51
- const [show, setShowBase] = useState(false);
52
- const items = useMemo(() => (typeof itemsProp === 'function' ? itemsProp({ show }) : itemsProp), [itemsProp, show]);
53
- const setShow = (next) => {
54
- if (disabled || readOnly)
55
- return;
56
- setShowBase((prev) => {
57
- if (prev && !next) {
58
- // closing
59
- onClose?.();
60
- }
61
- if (typeof next === 'function')
62
- return next(prev);
63
- return next;
64
- });
65
- };
66
- const { floatingStyles, elements, currentPlacement } = useFloating({
67
- hide: !show,
68
- offsetOptions,
69
- placement,
70
- refWidth: menuWidth === 'reference',
71
- strategy: 'fixed',
72
- });
73
- useOutsideClick({
74
- elements: [elements.floating, elements.reference],
75
- callback: () => setShow(false),
76
- disabled: !show,
77
- });
78
- const { activeElementId, setActiveElementId, arrowKeyCallbacks } = useArrowNavigation({
79
- ids: items.flatMap((item) => (item.disabled ? [] : item.id)),
80
- callback: (params) => {
81
- if (!show)
82
- setShow(true);
83
- if (typeof arrowKeyNavigationCallback === 'function' && arrowKeyNavigationCallback)
84
- return arrowKeyNavigationCallback(params);
85
- return true;
86
- },
87
- });
88
- const tabEscape = () => {
89
- setShow(false);
90
- setActiveElementId(null);
91
- };
92
- const enterSpace = (event) => {
93
- event.preventDefault();
94
- if (!show) {
95
- setShow(true);
96
- return;
97
- }
98
- getElementById(activeElementId)?.click();
99
- };
100
- return (_jsxs(_Fragment, { children: [children({
101
- 'aria-disabled': disabled || undefined,
102
- 'aria-expanded': show,
103
- 'aria-haspopup': show && containerRole !== 'group' ? containerRole : undefined,
104
- 'aria-controls': containerId,
105
- 'aria-readonly': readOnly || undefined,
106
- 'aria-owns': containerId,
107
- 'aria-activedescendant': show ? activeElementId || undefined : undefined,
108
- role: 'combobox',
109
- tabIndex: 0,
110
- onClick: (event) => {
111
- const nextShow = !show;
112
- setShow(nextShow);
113
- setActiveElementId(nextShow ? activeElementIdProp || items[0]?.id || null : null);
114
- event.preventDefault();
115
- },
116
- onKeyDownCapture: handleKeyDown({
117
- ...arrowKeyCallbacks,
118
- Enter: enterSpace,
119
- Space: enterSpace,
120
- Tab: tabEscape,
121
- Escape: tabEscape,
122
- }),
123
- }, {
124
- setRef: elements.setReference,
125
- toggleMenu: () => setShow(true),
126
- itemCount: items.length,
127
- reference: elements.reference,
128
- }), (!hideWhenClosed || show) && (_jsxs(Menu, { ...ariaProps, "aria-label": label, as: "ul", "data-placement": currentPlacement, "data-scroll": !!scrollLimit && items.length > scrollLimit, id: containerId, innerRef: (node) => {
129
- elements.setFloating(node);
130
- }, owner: owner, role: containerRole, style: {
131
- width: menuWidth !== 'reference' ? menuWidth : undefined,
132
- ...floatingStyles,
133
- ...scrollLimitStyle(scrollLimit, items.length),
134
- }, children: [menuLeading, items.map((item, index) => {
135
- return (_jsx(ListItem, { as: "li", ...item, active: activeElementId === item.id || undefined, onClick: (event) => {
136
- elements.reference?.focus();
137
- setActiveElementId(item.id);
138
- item?.onClick?.(event);
139
- itemOnClick?.({ event, currentId: item.id, show, setShow });
140
- }, role: item.role || LIST_ITEM_ROLES[containerRole] || undefined, tabIndex: 0 }, index));
141
- }), menuTrailing] }))] }));
142
- }
143
- const scrollLimitStyle = (scrollLimitProp, itemCount) => {
144
- const scrollLimit = Number(scrollLimitProp);
145
- // Check:
146
- // 1. scrollLimit is valid
147
- // 2. itemCount is a number
148
- // 3. scrollLimit is less than itemCount
149
- // If any of these fail, return undefined (no scrolling)
150
- if (Number.isNaN(scrollLimit) || scrollLimit <= 0 || typeof itemCount !== 'number' || scrollLimit > itemCount)
151
- return {};
152
- return {
153
- display: 'flex',
154
- flexDirection: 'column',
155
- maxHeight: `calc(var(--list-item-height) * ${scrollLimit})`,
156
- overflow: 'hidden auto',
157
- };
158
- };
159
- //# sourceMappingURL=ListItemMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemMenu.js","sourceRoot":"","sources":["../../../src/components/ListItemMenu/ListItemMenu.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- export * from './ListItemMenu';
@@ -1,2 +0,0 @@
1
- export * from './ListItemMenu';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ListItemMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
@@ -1,33 +0,0 @@
1
- import { FormFieldWrapProps } from '-/components/FormField';
2
- import { NumberInputProps } from '-/components/NumberInput';
3
- export type NumberFieldProps = FormFieldWrapProps<NumberInputProps>;
4
- /**
5
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
6
- * pressing the (+) or (-).
7
- *
8
- * This component takes properties from the FormField and NumberInput components.
9
- *
10
- * @example
11
- * import React from 'react';
12
- *
13
- * import { NumberField } from '@bspk/ui/NumberField';
14
- *
15
- * export function Example() {
16
- * const [state, setState] = React.useState<number>();
17
- *
18
- * return (
19
- * <NumberField
20
- * controlId="Example controlId"
21
- * label="Example label"
22
- * name="Example name"
23
- * onChange={(nextValue) => setState(nextValue)}
24
- * value={state}
25
- * />
26
- * );
27
- * }
28
- *
29
- * @name NumberField
30
- * @phase UXReview
31
- */
32
- export declare function NumberField({ label, errorMessage, disabled, helperText, controlId, labelTrailing, required, invalid, ...inputProps }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
33
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,35 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { FormField } from '../FormField';
3
- import { NumberInput } from '../NumberInput';
4
- /**
5
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
6
- * pressing the (+) or (-).
7
- *
8
- * This component takes properties from the FormField and NumberInput components.
9
- *
10
- * @example
11
- * import React from 'react';
12
- *
13
- * import { NumberField } from '@bspk/ui/NumberField';
14
- *
15
- * export function Example() {
16
- * const [state, setState] = React.useState<number>();
17
- *
18
- * return (
19
- * <NumberField
20
- * controlId="Example controlId"
21
- * label="Example label"
22
- * name="Example name"
23
- * onChange={(nextValue) => setState(nextValue)}
24
- * value={state}
25
- * />
26
- * );
27
- * }
28
- *
29
- * @name NumberField
30
- * @phase UXReview
31
- */
32
- export function NumberField({ label, errorMessage, disabled, helperText, controlId, labelTrailing, required, invalid, ...inputProps }) {
33
- return (_jsx(FormField, { controlId: controlId, "data-bspk": "number-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(NumberInput, { ...inputProps, ...fieldProps, "aria-label": label, disabled: disabled, id: controlId, invalid: invalid })) }));
34
- }
35
- //# sourceMappingURL=NumberField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAoB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIzE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,OAAO,EACP,GAAG,UAAU,EACE;IACf,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,WAAW,OACJ,UAAU,KACV,UAAU,gBACF,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,GAClB,CACL,GACO,CACf,CAAC;AACN,CAAC"}
@@ -1 +0,0 @@
1
- export * from './NumberField';
@@ -1,2 +0,0 @@
1
- export * from './NumberField';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
@@ -1,63 +0,0 @@
1
- import './number-input.scss';
2
- import { CommonProps, FormFieldControlProps } from '-/types/common';
3
- export type NumberInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'readOnly' | 'size'> & FormFieldControlProps & {
4
- /** The value of the control. */
5
- value?: number | string;
6
- /**
7
- * Callback when the value changes.
8
- *
9
- * @required
10
- */
11
- onChange: (value: number | string | undefined) => void;
12
- /**
13
- * The alignment of the input box. Centered between the plus and minus buttons or to the left of the buttons.
14
- *
15
- * @default center
16
- */
17
- align?: 'center' | 'left';
18
- /**
19
- * Defines the [maximum](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max) value that is
20
- * accepted.
21
- */
22
- max?: number;
23
- /**
24
- * Defines the [minimum](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min) value that is
25
- * accepted.
26
- *
27
- * @default 0
28
- */
29
- min?: number;
30
- /**
31
- * The amount to increment or decrement the value by when the (+) or (-) buttons are pressed.
32
- *
33
- * @default 1
34
- */
35
- step?: number;
36
- };
37
- /**
38
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
39
- * pressing the (+) or (-).
40
- *
41
- * The value of the input is a number. The value is clamped to the min and max values if they are provided.
42
- *
43
- * @example
44
- * import { NumberInput } from '@bspk/ui/NumberInput';
45
- *
46
- * export function Example() {
47
- * const [state, setState] = React.useState<number>();
48
- *
49
- * return (
50
- * <NumberInput
51
- * aria-label="Example aria-label"
52
- * name="Example name"
53
- * onChange={(nextValue) => setState(nextValue)}
54
- * value={state}
55
- * />
56
- * );
57
- * }
58
- *
59
- * @name NumberInput
60
- * @phase Utility
61
- */
62
- export declare function NumberInput({ value, onChange, align, size, disabled, readOnly, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step, ...inputElementProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
63
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,64 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import './number-input.css.js';
3
- import { useCallback, useState } from 'react';
4
- import { IncrementButton } from './IncrementButton';
5
- import { useId } from '../../hooks/useId';
6
- function isNumber(value, fallbackValue = undefined) {
7
- if (typeof value === 'number')
8
- return value;
9
- if (typeof value !== 'string')
10
- return fallbackValue;
11
- const num = Number(value);
12
- return isNaN(num) ? fallbackValue : num;
13
- }
14
- /**
15
- * A input element that allows users to either input a numerical value or singularly increase or decrease the values by
16
- * pressing the (+) or (-).
17
- *
18
- * The value of the input is a number. The value is clamped to the min and max values if they are provided.
19
- *
20
- * @example
21
- * import { NumberInput } from '@bspk/ui/NumberInput';
22
- *
23
- * export function Example() {
24
- * const [state, setState] = React.useState<number>();
25
- *
26
- * return (
27
- * <NumberInput
28
- * aria-label="Example aria-label"
29
- * name="Example name"
30
- * onChange={(nextValue) => setState(nextValue)}
31
- * value={state}
32
- * />
33
- * );
34
- * }
35
- *
36
- * @name NumberInput
37
- * @phase Utility
38
- */
39
- export function NumberInput({ value, onChange, align = 'center', size = 'medium', disabled = false, readOnly = false, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min = 0, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step = 1, ...inputElementProps }) {
40
- const max = typeof maxProp === 'number' && maxProp >= min ? maxProp : Number.MAX_SAFE_INTEGER;
41
- const centered = align !== 'left';
42
- const inputId = useId(inputIdProp);
43
- const valueNumber = isNumber(value) || 0;
44
- const [inputElement, setInputElement] = useState(null);
45
- const handleIncrement = (increment) => {
46
- if (!inputElement)
47
- return;
48
- const nextValue = (isNumber(inputElement.value) || 0) + increment * step;
49
- handleUpdate(nextValue);
50
- };
51
- const handleUpdate = useCallback((nextValue) => {
52
- if (!inputElement)
53
- return;
54
- let nextVal = isNumber(nextValue);
55
- if (nextVal !== undefined)
56
- nextVal = Math.min(Math.max(nextVal, min), max);
57
- onChange(nextVal);
58
- inputElement.value = nextVal?.toString() || '';
59
- }, [inputElement, min, max, onChange]);
60
- return (_jsxs("div", { "data-bspk": "number-input", "data-centered": centered || undefined, "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, "data-stepper-input": true, children: [!!centered && (_jsx(IncrementButton, { disabled: disabled ? true : valueNumber + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })), _jsx("input", { ...inputElementProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid, "aria-label": ariaLabel, autoComplete: "off", defaultValue: String(valueNumber), disabled: disabled, id: inputId, max: max, min: min, name: name, onBlur: () => {
61
- handleUpdate(isNumber(inputElement?.value));
62
- }, readOnly: readOnly, ref: (node) => node && setInputElement(node), step: step, type: "number" }), !centered && (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": true, "data-divider": true }), _jsx(IncrementButton, { disabled: disabled ? true : valueNumber + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })] })), _jsx(IncrementButton, { disabled: disabled ? true : valueNumber + 1 > max, increment: 1, inputId: inputId, onIncrement: handleIncrement })] }));
63
- }
64
- //# sourceMappingURL=NumberInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { NumberInputProps } from './NumberInput';
2
- import { ComponentExample } from '-/utils/demo';
3
- export declare const NumberInputExample: ComponentExample<NumberInputProps>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"NumberInputExample.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInputExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
@@ -1 +0,0 @@
1
- export * from './NumberInput';
@@ -1,2 +0,0 @@
1
- export * from './NumberInput';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
@@ -1,21 +0,0 @@
1
- import './password-input.scss';
2
- import { TextInputProps } from '-/components/TextInput';
3
- export type PasswordInputProps = Pick<TextInputProps, 'aria-describedby' | 'aria-errormessage' | 'aria-label' | 'containerRef' | 'disabled' | 'id' | 'inputProps' | 'inputRef' | 'invalid' | 'name' | 'onChange' | 'readOnly' | 'required' | 'size' | 'value'>;
4
- /**
5
- * An input field that is specifically built with a show/hide toggle for entering security passwords.
6
- *
7
- * @example
8
- * import { PasswordInput } from '@bspk/ui/PasswordInput';
9
- * import { useState } from 'react';
10
- *
11
- * function Example() {
12
- * const [value, setValue] = useState('');
13
- *
14
- * return <PasswordInput value={value} onChange={setValue} aria-label="password" name="password" />;
15
- * }
16
- *
17
- * @name PasswordInput
18
- * @phase UXReview
19
- */
20
- export declare function PasswordInput({ disabled, readOnly, size, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, inputProps, inputRef, name, onChange, required, value, containerRef, id, invalid, ...props }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;
21
- /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import './password-input.css.js';
3
- import { useState } from 'react';
4
- import { Button } from '../Button';
5
- import { TextInput } from '../TextInput';
6
- /**
7
- * An input field that is specifically built with a show/hide toggle for entering security passwords.
8
- *
9
- * @example
10
- * import { PasswordInput } from '@bspk/ui/PasswordInput';
11
- * import { useState } from 'react';
12
- *
13
- * function Example() {
14
- * const [value, setValue] = useState('');
15
- *
16
- * return <PasswordInput value={value} onChange={setValue} aria-label="password" name="password" />;
17
- * }
18
- *
19
- * @name PasswordInput
20
- * @phase UXReview
21
- */
22
- export function PasswordInput({ disabled, readOnly, size = 'medium', 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, inputProps, inputRef, name, onChange, required, value, containerRef, id, invalid, ...props }) {
23
- const [isShowingPassword, setIsShowingPassword] = useState(false);
24
- const togglePasswordVisibility = () => {
25
- if (disabled || readOnly)
26
- return;
27
- setIsShowingPassword((prev) => !prev);
28
- };
29
- return (_jsx("div", { ...props, "data-bspk": "password-input", children: _jsx(TextInput, { "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, "aria-label": ariaLabel, autoComplete: "off", containerRef: containerRef, disabled: disabled, id: id, inputProps: inputProps, inputRef: inputRef, invalid: invalid, leading: !isShowingPassword && (_jsx(_Fragment, { children: Array.from({ length: value?.length || 0 }, (_, i) => (_jsx("span", {}, i))) })), name: name, onChange: onChange, onClick: (e) => {
30
- e.currentTarget?.querySelector('input')?.focus();
31
- }, owner: "password-input", readOnly: readOnly, required: required, showClearButton: false, size: size, trailing: !disabled &&
32
- !readOnly && (_jsx(Button, { label: isShowingPassword ? 'Hide' : 'Show', onClick: togglePasswordVisibility, variant: "tertiary" })), type: isShowingPassword ? 'text' : 'password', value: value }) }));
33
- }
34
- //# sourceMappingURL=PasswordInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAqBnE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,mBAAmB,EAAE,gBAAgB,EACrC,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,EAAE,EACF,OAAO,EACP,GAAG,KAAK,EACS;IACjB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,IAAI,QAAQ,IAAI,QAAQ;YAAE,OAAO;QACjC,oBAAoB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,OAAO,CACH,iBAAS,KAAK,eAAY,gBAAgB,YACtC,KAAC,SAAS,wBACY,eAAe,uBACd,gBAAgB,gBACvB,SAAS,EACrB,YAAY,EAAC,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EACH,CAAC,iBAAiB,IAAI,CAClB,4BACK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,iBAAW,CAAC,CAAI,CACnB,CAAC,GACH,CACN,EAEL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACV,CAAC,CAAC,aAA6B,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;YACtE,CAAC,EACD,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EACJ,CAAC,QAAQ;gBACT,CAAC,QAAQ,IAAI,CACT,KAAC,MAAM,IACH,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC1C,OAAO,EAAE,wBAAwB,EACjC,OAAO,EAAC,UAAU,GACpB,CACL,EAEL,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAC7C,KAAK,EAAE,KAAK,GACd,GACA,CACT,CAAC;AACN,CAAC"}
@@ -1 +0,0 @@
1
- export * from './PasswordInput';
@@ -1,2 +0,0 @@
1
- export * from './PasswordInput';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PasswordInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}