@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.
- package/build.ts +41 -10
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -23
- package/dist/components/Breadcrumb/Breadcrumb.js +3 -7
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcumbDropdown.d.ts +27 -0
- package/dist/components/Breadcrumb/BreadcumbDropdown.js +68 -0
- package/dist/components/Breadcrumb/BreadcumbDropdown.js.map +1 -0
- package/dist/components/Button/Button.d.ts +5 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/button.css +5 -5
- package/dist/components/Button/button.css.js +5 -5
- package/dist/components/Calendar/Calendar.d.ts +33 -0
- package/dist/components/{CalendarPicker/CalendarPicker.js → Calendar/Calendar.js} +30 -34
- package/dist/components/Calendar/Calendar.js.map +1 -0
- package/dist/components/Calendar/CalendarExample.d.ts +4 -0
- package/dist/components/Calendar/CalendarExample.js +29 -0
- package/dist/components/Calendar/CalendarExample.js.map +1 -0
- package/dist/components/{CalendarPicker/calendar-picker.css → Calendar/calendar.css} +16 -16
- package/dist/components/{CalendarPicker/calendar-picker.css.js → Calendar/calendar.css.js} +16 -16
- package/dist/components/Calendar/index.d.ts +1 -0
- package/dist/components/Calendar/index.js +2 -0
- package/dist/components/Calendar/index.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +5 -3
- package/dist/components/Checkbox/Checkbox.js +2 -2
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +6 -25
- package/dist/components/CheckboxGroup/CheckboxGroup.js +15 -5
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroupExample.js +3 -0
- package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
- package/dist/components/CheckboxGroup/checkbox-group.css +7 -0
- package/dist/components/{DateField/date-field.css.js → CheckboxGroup/checkbox-group.css.js} +4 -5
- package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +15 -0
- package/dist/components/CheckboxGroupField/CheckboxGroupField.js +17 -0
- package/dist/components/CheckboxGroupField/CheckboxGroupField.js.map +1 -0
- package/dist/components/CheckboxGroupField/index.d.ts +1 -0
- package/dist/components/CheckboxGroupField/index.js +2 -0
- package/dist/components/CheckboxGroupField/index.js.map +1 -0
- package/dist/components/{ChipUtility/ChipUtility.d.ts → Chip/Chip.d.ts} +6 -6
- package/dist/components/Chip/Chip.js +25 -0
- package/dist/components/Chip/Chip.js.map +1 -0
- package/dist/components/Chip/ChipExample.d.ts +4 -0
- package/dist/components/{ChipUtility/ChipUtilityExample.js → Chip/ChipExample.js} +2 -2
- package/dist/components/Chip/ChipExample.js.map +1 -0
- package/dist/components/{ChipUtility/chip-utility.css → Chip/chip.css} +10 -10
- package/dist/components/{ChipUtility/chip-utility.css.js → Chip/chip.css.js} +10 -10
- package/dist/components/Chip/index.d.ts +1 -0
- package/dist/components/Chip/index.js +2 -0
- package/dist/components/Chip/index.js.map +1 -0
- package/dist/components/ChipGroup/ChipGroup.d.ts +8 -7
- package/dist/components/ChipGroup/ChipGroup.js +5 -4
- package/dist/components/ChipGroup/ChipGroup.js.map +1 -1
- package/dist/components/ChipGroup/ChipGroupExample.js +4 -31
- package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +50 -0
- package/dist/components/DatePicker/DatePicker.js +133 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/DatePickerExample.d.ts +3 -0
- package/dist/components/DatePicker/DatePickerExample.js +10 -0
- package/dist/components/DatePicker/DatePickerExample.js.map +1 -0
- package/dist/components/{DateInput/date-input.css → DatePicker/date-picker.css} +2 -3
- package/dist/components/{DateInput/date-input.css.js → DatePicker/date-picker.css.js} +2 -3
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.js +2 -0
- package/dist/components/DatePicker/index.js.map +1 -0
- package/dist/components/DatePickerField/DatePickerField.d.ts +15 -0
- package/dist/components/DatePickerField/DatePickerField.js +17 -0
- package/dist/components/DatePickerField/DatePickerField.js.map +1 -0
- package/dist/components/DatePickerField/index.d.ts +1 -0
- package/dist/components/DatePickerField/index.js +2 -0
- package/dist/components/DatePickerField/index.js.map +1 -0
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/DrawerExample.js +3 -3
- package/dist/components/Drawer/DrawerExample.js.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +1 -1
- package/dist/components/EmptyState/EmptyState.js +1 -1
- package/dist/components/Fab/Fab.d.ts +1 -1
- package/dist/components/Fab/Fab.js +1 -1
- package/dist/components/Field/Field.d.ts +58 -0
- package/dist/components/Field/Field.js +70 -0
- package/dist/components/Field/Field.js.map +1 -0
- package/dist/components/Field/FieldDescription.d.ts +7 -0
- package/dist/components/Field/FieldDescription.js +9 -0
- package/dist/components/Field/FieldDescription.js.map +1 -0
- package/dist/components/Field/FieldError.d.ts +5 -0
- package/dist/components/Field/FieldError.js +8 -0
- package/dist/components/Field/FieldError.js.map +1 -0
- package/dist/components/Field/FieldExample.d.ts +5 -0
- package/dist/components/Field/FieldExample.js +10 -0
- package/dist/components/Field/FieldExample.js.map +1 -0
- package/dist/components/Field/FieldLabel.d.ts +15 -0
- package/dist/components/Field/FieldLabel.js +8 -0
- package/dist/components/Field/FieldLabel.js.map +1 -0
- package/dist/components/Field/field.css +36 -0
- package/dist/components/Field/field.css.js +41 -0
- package/dist/components/Field/index.d.ts +5 -0
- package/dist/components/Field/index.js +6 -0
- package/dist/components/Field/index.js.map +1 -0
- package/dist/components/Field/utils.d.ts +39 -0
- package/dist/components/Field/utils.js +35 -0
- package/dist/components/Field/utils.js.map +1 -0
- package/dist/components/FormField/FormField.d.ts +32 -17
- package/dist/components/FormField/FormField.js +10 -18
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormFieldExample.d.ts +10 -4
- package/dist/components/FormField/FormFieldExample.js +97 -9
- package/dist/components/FormField/FormFieldExample.js.map +1 -1
- package/dist/components/Img/Img.d.ts +1 -1
- package/dist/components/Img/Img.js +1 -1
- package/dist/components/InlineAlert/InlineAlert.d.ts +4 -4
- package/dist/components/InlineAlert/InlineAlert.js +3 -3
- package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
- package/dist/components/Input/Input.d.ts +37 -0
- package/dist/components/Input/Input.js +48 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/InputElement.d.ts +77 -0
- package/dist/components/{TextInput/TextInput.js → Input/InputElement.js} +17 -16
- package/dist/components/Input/InputElement.js.map +1 -0
- package/dist/components/Input/InputExample.d.ts +8 -0
- package/dist/components/{TextInput/TextInputExample.js → Input/InputExample.js} +20 -9
- package/dist/components/Input/InputExample.js.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.js +3 -0
- package/dist/components/Input/index.js.map +1 -0
- package/dist/components/{TextInput/text-input.css → Input/input.css} +23 -23
- package/dist/components/{TextInput/text-input.css.js → Input/input.css.js} +23 -23
- package/dist/components/InputField/InputField.d.ts +15 -0
- package/dist/components/InputField/InputField.js +17 -0
- package/dist/components/InputField/InputField.js.map +1 -0
- package/dist/components/InputField/index.d.ts +1 -0
- package/dist/components/InputField/index.js +2 -0
- package/dist/components/InputField/index.js.map +1 -0
- package/dist/components/{NumberInput → InputNumber}/IncrementButton.js.map +1 -1
- package/dist/components/InputNumber/InputNumber.d.ts +74 -0
- package/dist/components/InputNumber/InputNumber.js +78 -0
- package/dist/components/InputNumber/InputNumber.js.map +1 -0
- package/dist/components/InputNumber/InputNumberExample.d.ts +3 -0
- package/dist/components/{NumberInput/NumberInputExample.js → InputNumber/InputNumberExample.js} +2 -2
- package/dist/components/InputNumber/InputNumberExample.js.map +1 -0
- package/dist/components/InputNumber/index.d.ts +1 -0
- package/dist/components/InputNumber/index.js +2 -0
- package/dist/components/InputNumber/index.js.map +1 -0
- package/dist/components/{NumberInput/number-input.css → InputNumber/input-number.css} +21 -21
- package/dist/components/{NumberInput/number-input.css.js → InputNumber/input-number.css.js} +21 -21
- package/dist/components/InputNumberField/InputNumberField.d.ts +15 -0
- package/dist/components/InputNumberField/InputNumberField.js +17 -0
- package/dist/components/InputNumberField/InputNumberField.js.map +1 -0
- package/dist/components/InputNumberField/index.d.ts +1 -0
- package/dist/components/InputNumberField/index.js +2 -0
- package/dist/components/InputNumberField/index.js.map +1 -0
- package/dist/components/InputPhone/InputPhone.d.ts +57 -0
- package/dist/components/InputPhone/InputPhone.js +161 -0
- package/dist/components/InputPhone/InputPhone.js.map +1 -0
- package/dist/components/InputPhone/InputPhoneExample.d.ts +4 -0
- package/dist/components/InputPhone/InputPhoneExample.js +7 -0
- package/dist/components/InputPhone/InputPhoneExample.js.map +1 -0
- package/dist/components/InputPhone/index.d.ts +1 -0
- package/dist/components/InputPhone/index.js +2 -0
- package/dist/components/InputPhone/index.js.map +1 -0
- package/dist/components/InputPhone/input-phone.css +42 -0
- package/dist/components/InputPhone/input-phone.css.js +47 -0
- package/dist/components/InputPhoneField/InputPhoneField.d.ts +15 -0
- package/dist/components/InputPhoneField/InputPhoneField.js +17 -0
- package/dist/components/InputPhoneField/InputPhoneField.js.map +1 -0
- package/dist/components/InputPhoneField/index.d.ts +1 -0
- package/dist/components/InputPhoneField/index.js +2 -0
- package/dist/components/InputPhoneField/index.js.map +1 -0
- package/dist/components/Layout/Layout.d.ts +1 -1
- package/dist/components/Layout/Layout.js +1 -1
- package/dist/components/Link/Link.d.ts +1 -1
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/ListItem/ListItem.d.ts +20 -11
- package/dist/components/ListItem/ListItem.js +12 -8
- package/dist/components/ListItem/ListItem.js.map +1 -1
- package/dist/components/ListItem/ListItemExample.d.ts +1 -1
- package/dist/components/ListItem/ListItemExample.js +72 -3
- package/dist/components/ListItem/ListItemExample.js.map +1 -1
- package/dist/components/ListItem/list-item.css +13 -7
- package/dist/components/ListItem/list-item.css.js +13 -7
- package/dist/components/Menu/Menu.d.ts +1 -1
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/MenuExample.js +1 -1
- package/dist/components/Menu/MenuExample.js.map +1 -1
- package/dist/components/MenuButton/MenuButton.d.ts +1 -1
- package/dist/components/MenuButton/MenuButton.js +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/ModalExample.js +1 -1
- package/dist/components/Modal/ModalExample.js.map +1 -1
- package/dist/components/Pagination/PageInput.js +2 -2
- package/dist/components/Pagination/PageInput.js.map +1 -1
- package/dist/components/Password/Password.d.ts +43 -0
- package/dist/components/Password/Password.js +63 -0
- package/dist/components/Password/Password.js.map +1 -0
- package/dist/components/Password/index.d.ts +1 -0
- package/dist/components/Password/index.js +2 -0
- package/dist/components/Password/index.js.map +1 -0
- package/dist/components/Password/password.css +21 -0
- package/dist/components/Password/password.css.js +26 -0
- package/dist/components/PasswordField/PasswordField.d.ts +8 -24
- package/dist/components/PasswordField/PasswordField.js +7 -23
- package/dist/components/PasswordField/PasswordField.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +3 -3
- package/dist/components/Popover/Popover.js +2 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/PopoverExample.js +2 -2
- package/dist/components/Popover/PopoverExample.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.d.ts +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +4 -8
- package/dist/components/ProgressionStepper/ProgressionStepper.js +11 -6
- package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js +20 -4
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +7 -36
- package/dist/components/RadioGroup/RadioGroup.js +15 -9
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/RadioGroup/radio-group.css +2 -1
- package/dist/components/RadioGroup/radio-group.css.js +2 -1
- package/dist/components/RadioGroupField/RadioGroupField.d.ts +15 -0
- package/dist/components/RadioGroupField/RadioGroupField.js +17 -0
- package/dist/components/RadioGroupField/RadioGroupField.js.map +1 -0
- package/dist/components/RadioGroupField/index.d.ts +1 -0
- package/dist/components/RadioGroupField/index.js +2 -0
- package/dist/components/RadioGroupField/index.js.map +1 -0
- package/dist/components/SearchBar/SearchBar.d.ts +37 -45
- package/dist/components/SearchBar/SearchBar.js +104 -53
- package/dist/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/components/SearchBar/SearchBarExample.js +2 -1
- package/dist/components/SearchBar/SearchBarExample.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/Select/Select.d.ts +41 -36
- package/dist/components/Select/Select.js +52 -26
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectExample.js +1 -9
- package/dist/components/Select/SelectExample.js.map +1 -1
- package/dist/components/SelectField/SelectField.d.ts +6 -26
- package/dist/components/SelectField/SelectField.js +5 -27
- package/dist/components/SelectField/SelectField.js.map +1 -1
- package/dist/components/Skeleton/SkeletonExample.js +2 -2
- package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +72 -14
- package/dist/components/Snackbar/Snackbar.js +38 -9
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/SnackbarExample.d.ts +1 -1
- package/dist/components/Snackbar/SnackbarExample.js +5 -3
- package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
- package/dist/components/Snackbar/snackbar.css +31 -2
- package/dist/components/Snackbar/snackbar.css.js +31 -2
- package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts +1 -1
- package/dist/components/StylesProviderDemo/StylesProviderDemo.js +3 -1
- package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.d.ts +1 -0
- package/dist/components/StylesProviderDemo/exampleCss.js +1900 -0
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts +5 -3
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/SwitchOption/SwitchOption.js +1 -1
- package/dist/components/SwitchOption/SwitchOption.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.d.ts +2 -2
- package/dist/components/TabGroup/TabGroup.js +3 -3
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabList/TabList.d.ts +6 -3
- package/dist/components/TabList/TabList.js +6 -3
- package/dist/components/TabList/TabList.js.map +1 -1
- package/dist/components/TabList/tab-list.css +6 -0
- package/dist/components/TabList/tab-list.css.js +6 -0
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Textarea/Textarea.d.ts +20 -26
- package/dist/components/Textarea/Textarea.js +29 -11
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/textarea.css +24 -10
- package/dist/components/Textarea/textarea.css.js +24 -10
- package/dist/components/TextareaField/TextareaField.d.ts +6 -30
- package/dist/components/TextareaField/TextareaField.js +5 -31
- package/dist/components/TextareaField/TextareaField.js.map +1 -1
- package/dist/components/TimePicker/Listbox.d.ts +15 -0
- package/dist/components/{TimeInput → TimePicker}/Listbox.js +2 -2
- package/dist/components/TimePicker/Listbox.js.map +1 -0
- package/dist/components/TimePicker/Segment.d.ts +21 -0
- package/dist/components/{TimeInput → TimePicker}/Segment.js +2 -1
- package/dist/components/TimePicker/Segment.js.map +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +36 -0
- package/dist/components/TimePicker/TimePicker.js +133 -0
- package/dist/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/components/TimePicker/TimePickerExample.d.ts +3 -0
- package/dist/components/TimePicker/TimePickerExample.js +6 -0
- package/dist/components/TimePicker/TimePickerExample.js.map +1 -0
- package/dist/components/TimePicker/index.d.ts +1 -0
- package/dist/components/TimePicker/index.js +2 -0
- package/dist/components/TimePicker/index.js.map +1 -0
- package/dist/components/{TimeInput/time-input.css → TimePicker/time-picker.css} +28 -26
- package/dist/components/{TimeInput/time-input.css.js → TimePicker/time-picker.css.js} +28 -26
- package/dist/components/TimePicker/utils.d.ts +11 -0
- package/dist/components/TimePicker/utils.js +35 -0
- package/dist/components/TimePicker/utils.js.map +1 -0
- package/dist/components/TimePickerField/TimePickerField.d.ts +15 -0
- package/dist/components/TimePickerField/TimePickerField.js +17 -0
- package/dist/components/TimePickerField/TimePickerField.js.map +1 -0
- package/dist/components/TimePickerField/index.d.ts +1 -0
- package/dist/components/TimePickerField/index.js +2 -0
- package/dist/components/TimePickerField/index.js.map +1 -0
- package/dist/components/ToggleOption/ToggleOption.js +3 -2
- package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/TooltipExample.js +2 -2
- package/dist/components/Tooltip/TooltipExample.js.map +1 -1
- package/dist/components/Txt/Txt.d.ts +1 -1
- package/dist/components/Txt/Txt.js +1 -1
- package/dist/constants/brands.d.ts +1 -1
- package/dist/constants/brands.js +4 -0
- package/dist/constants/brands.js.map +1 -1
- package/dist/hooks/useArrowNavigation.js +6 -1
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/hooks/useCheckboxGroupState.d.ts +1 -1
- package/dist/hooks/useCheckboxGroupState.js +1 -1
- package/dist/hooks/useCheckboxState.d.ts +1 -1
- package/dist/hooks/useCheckboxState.js +1 -1
- package/dist/hooks/useContainerWidth.d.ts +1 -1
- package/dist/hooks/useContainerWidth.js +1 -1
- package/dist/hooks/useModalState.d.ts +1 -1
- package/dist/hooks/useModalState.js +1 -1
- package/dist/hooks/useOutsideClick.d.ts +5 -4
- package/dist/hooks/useOutsideClick.js +14 -3
- package/dist/hooks/useOutsideClick.js.map +1 -1
- package/dist/hooks/useRadioState.d.ts +2 -2
- package/dist/hooks/useRadioState.js +1 -1
- package/dist/hooks/useTimeout.d.ts +1 -1
- package/dist/styles/base.css +3 -0
- package/dist/styles/base.css.js +3 -0
- package/dist/types/common.d.ts +18 -10
- package/dist/types/common.js.map +1 -1
- package/dist/types/meta.d.ts +1 -0
- package/dist/types/meta.js.map +1 -1
- package/dist/utils/demo.d.ts +1 -0
- package/dist/utils/demo.js.map +1 -1
- package/meta.ts +1 -0
- package/package.json +37 -37
- package/src/components/AvatarGroup/AvatarGroup.tsx +1 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +5 -56
- package/src/components/Breadcrumb/BreadcumbDropdown.tsx +135 -0
- package/src/components/Button/Button.tsx +7 -1
- package/src/components/Button/button.scss +5 -5
- package/src/components/Calendar/Calendar.rtl.test.tsx +22 -0
- package/src/components/{CalendarPicker/CalendarPicker.tsx → Calendar/Calendar.tsx} +86 -87
- package/src/components/Calendar/CalendarExample.tsx +31 -0
- package/src/components/{CalendarPicker/calendar-picker.scss → Calendar/calendar.scss} +1 -1
- package/src/components/Calendar/index.tsx +1 -0
- package/src/components/Checkbox/Checkbox.tsx +28 -26
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +73 -77
- package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +3 -0
- package/src/components/CheckboxGroup/checkbox-group.scss +8 -0
- package/src/components/CheckboxGroupField/CheckboxGroupField.rtl.test.tsx +27 -0
- package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +36 -0
- package/src/components/CheckboxGroupField/index.tsx +1 -0
- package/src/components/{ChipUtility/ChipUtility.rtl.test.tsx → Chip/Chip.rtl.test.tsx} +5 -5
- package/src/components/{ChipUtility/ChipUtility.tsx → Chip/Chip.tsx} +26 -28
- package/src/components/{ChipUtility/ChipUtilityExample.tsx → Chip/ChipExample.tsx} +3 -3
- package/src/components/{ChipUtility/chip-utility.scss → Chip/chip.scss} +1 -1
- package/src/components/Chip/index.tsx +1 -0
- package/src/components/ChipGroup/ChipGroup.rtl.test.tsx +7 -7
- package/src/components/ChipGroup/ChipGroup.tsx +8 -7
- package/src/components/ChipGroup/ChipGroupExample.tsx +38 -138
- package/src/components/DatePicker/DatePicker.rtl.test.tsx +17 -0
- package/src/components/DatePicker/DatePicker.tsx +227 -0
- package/src/components/DatePicker/DatePickerExample.tsx +12 -0
- package/src/components/{DateInput/date-input.scss → DatePicker/date-picker.scss} +2 -3
- package/src/components/DatePicker/index.tsx +1 -0
- package/src/components/DatePickerField/DatePickerField.rtl.test.tsx +17 -0
- package/src/components/DatePickerField/DatePickerField.tsx +30 -0
- package/src/components/DatePickerField/index.tsx +1 -0
- package/src/components/Drawer/Drawer.tsx +1 -1
- package/src/components/Drawer/DrawerExample.tsx +2 -2
- package/src/components/EmptyState/EmptyState.tsx +1 -1
- package/src/components/Fab/Fab.tsx +1 -1
- package/src/components/Field/Field.rtl.test.tsx +23 -0
- package/src/components/Field/Field.tsx +110 -0
- package/src/components/Field/FieldDescription.tsx +15 -0
- package/src/components/Field/FieldError.tsx +19 -0
- package/src/components/Field/FieldExample.tsx +21 -0
- package/src/components/Field/FieldLabel.tsx +38 -0
- package/src/components/Field/field.scss +43 -0
- package/src/components/Field/index.tsx +5 -0
- package/src/components/Field/utils.ts +79 -0
- package/src/components/FormField/FormField.rtl.test.tsx +11 -21
- package/src/components/FormField/FormField.tsx +44 -66
- package/src/components/FormField/FormFieldExample.tsx +275 -38
- package/src/components/Img/Img.tsx +1 -1
- package/src/components/InlineAlert/InlineAlert.tsx +5 -5
- package/src/components/{NumberInput/NumberInput.rtl.test.tsx → Input/Input.rtl.test.tsx} +3 -3
- package/src/components/Input/Input.tsx +99 -0
- package/src/components/{TextInput/TextInput.tsx → Input/InputElement.tsx} +69 -77
- package/src/components/Input/InputExample.tsx +57 -0
- package/src/components/Input/index.tsx +2 -0
- package/src/components/{TextInput/text-input.scss → Input/input.scss} +7 -7
- package/src/components/InputField/InputField.rtl.test.tsx +15 -0
- package/src/components/InputField/InputField.tsx +24 -0
- package/src/components/InputField/index.tsx +1 -0
- package/src/components/{TextField/TextField.rtl.test.tsx → InputNumber/InputNumber.rtl.test.tsx} +3 -12
- package/src/components/{NumberInput/NumberInput.tsx → InputNumber/InputNumber.tsx} +61 -56
- package/src/components/{NumberInput/NumberInputExample.tsx → InputNumber/InputNumberExample.tsx} +2 -2
- package/src/components/InputNumber/index.tsx +1 -0
- package/src/components/{NumberInput/number-input.scss → InputNumber/input-number.scss} +1 -1
- package/src/components/InputNumberField/InputNumberField.rtl.test.tsx +17 -0
- package/src/components/InputNumberField/InputNumberField.tsx +30 -0
- package/src/components/InputNumberField/index.tsx +1 -0
- package/src/components/InputPhone/InputPhone.rtl.test.tsx +17 -0
- package/src/components/InputPhone/InputPhone.tsx +290 -0
- package/src/components/InputPhone/InputPhoneExample.tsx +9 -0
- package/src/components/InputPhone/index.tsx +1 -0
- package/src/components/{PhoneNumberInput/phone-number-input.scss → InputPhone/input-phone.scss} +13 -18
- package/src/components/InputPhoneField/InputPhoneField.rtl.test.tsx +17 -0
- package/src/components/InputPhoneField/InputPhoneField.tsx +30 -0
- package/src/components/InputPhoneField/index.tsx +1 -0
- package/src/components/Layout/Layout.tsx +1 -1
- package/src/components/Link/Link.tsx +1 -1
- package/src/components/ListItem/ListItem.rtl.test.tsx +4 -1
- package/src/components/ListItem/ListItem.tsx +48 -23
- package/src/components/ListItem/ListItemExample.tsx +74 -4
- package/src/components/ListItem/list-item.scss +26 -17
- package/src/components/Menu/Menu.tsx +1 -1
- package/src/components/Menu/MenuExample.tsx +1 -0
- package/src/components/MenuButton/MenuButton.tsx +1 -1
- package/src/components/Modal/Modal.tsx +1 -1
- package/src/components/Modal/ModalExample.tsx +4 -6
- package/src/components/Pagination/PageInput.tsx +2 -2
- package/src/components/{CalendarPicker/CalendarPicker.rtl.test.tsx → Password/Password.rtl.test.tsx} +4 -4
- package/src/components/Password/Password.tsx +113 -0
- package/src/components/Password/index.tsx +1 -0
- package/src/components/Password/password.scss +31 -0
- package/src/components/PasswordField/PasswordField.rtl.test.tsx +4 -11
- package/src/components/PasswordField/PasswordField.tsx +10 -53
- package/src/components/Popover/Popover.tsx +3 -2
- package/src/components/Popover/PopoverExample.tsx +2 -2
- package/src/components/ProgressBar/ProgressBar.tsx +1 -1
- package/src/components/ProgressCircle/ProgressCircle.tsx +1 -1
- package/src/components/ProgressionStepper/ProgressionStepper.tsx +24 -20
- package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +20 -4
- package/src/components/Radio/Radio.tsx +15 -16
- package/src/components/RadioGroup/RadioGroup.rtl.test.tsx +4 -5
- package/src/components/RadioGroup/RadioGroup.tsx +51 -71
- package/src/components/RadioGroup/radio-group.scss +3 -1
- package/src/components/RadioGroupField/RadioGroupField.rtl.test.tsx +27 -0
- package/src/components/RadioGroupField/RadioGroupField.tsx +36 -0
- package/src/components/RadioGroupField/index.tsx +1 -0
- package/src/components/SearchBar/SearchBar.rtl.test.tsx +3 -4
- package/src/components/SearchBar/SearchBar.tsx +190 -126
- package/src/components/SearchBar/SearchBarExample.tsx +2 -1
- package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
- package/src/components/Select/Select.rtl.test.tsx +6 -5
- package/src/components/Select/Select.tsx +62 -66
- package/src/components/Select/SelectExample.tsx +1 -14
- package/src/components/SelectField/SelectField.rtl.test.tsx +9 -6
- package/src/components/SelectField/SelectField.tsx +9 -56
- package/src/components/Skeleton/SkeletonExample.tsx +1 -3
- package/src/components/Snackbar/Snackbar.tsx +124 -28
- package/src/components/Snackbar/SnackbarExample.tsx +9 -3
- package/src/components/Snackbar/snackbar.scss +48 -16
- package/src/components/StylesProviderDemo/StylesProviderDemo.tsx +5 -2
- package/src/components/StylesProviderDemo/exampleCss.ts +1899 -0
- package/src/components/Switch/Switch.rtl.test.tsx +3 -1
- package/src/components/Switch/Switch.tsx +5 -3
- package/src/components/SwitchOption/SwitchOption.rtl.test.tsx +3 -1
- package/src/components/SwitchOption/SwitchOption.tsx +1 -1
- package/src/components/TabGroup/TabGroup.tsx +2 -2
- package/src/components/TabList/TabList.tsx +16 -5
- package/src/components/TabList/tab-list.scss +12 -0
- package/src/components/Tag/Tag.tsx +1 -1
- package/src/components/Textarea/Textarea.rtl.test.tsx +1 -1
- package/src/components/Textarea/Textarea.tsx +72 -68
- package/src/components/Textarea/textarea.scss +41 -19
- package/src/components/TextareaField/TextareaField.rtl.test.tsx +4 -11
- package/src/components/TextareaField/TextareaField.tsx +9 -74
- package/src/components/{TimeInput → TimePicker}/Listbox.tsx +5 -5
- package/src/components/{TimeInput → TimePicker}/Segment.tsx +8 -5
- package/src/components/{TextInput/TextInput.rtl.test.tsx → TimePicker/TimePicker.rtl.test.tsx} +3 -3
- package/src/components/{TimeInput/TimeInput.tsx → TimePicker/TimePicker.tsx} +104 -67
- package/src/components/TimePicker/TimePickerExample.tsx +8 -0
- package/src/components/TimePicker/index.tsx +1 -0
- package/src/components/{TimeInput/time-input.scss → TimePicker/time-picker.scss} +7 -5
- package/src/components/TimePicker/utils.test.tsx +26 -0
- package/src/components/TimePicker/utils.ts +44 -0
- package/src/components/TimePickerField/TimePickerField.rtl.test.tsx +17 -0
- package/src/components/TimePickerField/TimePickerField.tsx +30 -0
- package/src/components/TimePickerField/index.tsx +1 -0
- package/src/components/ToggleOption/ToggleOption.tsx +10 -5
- package/src/components/Tooltip/Tooltip.tsx +1 -1
- package/src/components/Tooltip/TooltipExample.tsx +7 -9
- package/src/components/Txt/Txt.tsx +1 -1
- package/src/constants/brands.ts +5 -1
- package/src/hooks/useArrowNavigation.ts +6 -1
- package/src/hooks/useCheckboxGroupState.ts +1 -1
- package/src/hooks/useCheckboxState.ts +1 -1
- package/src/hooks/useContainerWidth.tsx +1 -1
- package/src/hooks/useModalState.ts +1 -1
- package/src/hooks/useOutsideClick.ts +17 -4
- package/src/hooks/useRadioState.ts +1 -1
- package/src/hooks/useTimeout.ts +1 -1
- package/src/styles/base.scss +3 -0
- package/src/types/common.ts +28 -10
- package/src/types/meta.ts +1 -0
- package/src/utils/demo.ts +1 -0
- package/dist/components/CalendarPicker/CalendarPicker.d.ts +0 -32
- package/dist/components/CalendarPicker/CalendarPicker.js.map +0 -1
- package/dist/components/CalendarPicker/CalendarPickerExample.d.ts +0 -3
- package/dist/components/CalendarPicker/CalendarPickerExample.js +0 -17
- package/dist/components/CalendarPicker/CalendarPickerExample.js.map +0 -1
- package/dist/components/CalendarPicker/index.d.ts +0 -1
- package/dist/components/CalendarPicker/index.js +0 -2
- package/dist/components/CalendarPicker/index.js.map +0 -1
- package/dist/components/ChipAssist/ChipAssist.d.ts +0 -24
- package/dist/components/ChipAssist/ChipAssist.js +0 -26
- package/dist/components/ChipAssist/ChipAssist.js.map +0 -1
- package/dist/components/ChipAssist/ChipAssistExample.d.ts +0 -4
- package/dist/components/ChipAssist/ChipAssistExample.js +0 -32
- package/dist/components/ChipAssist/ChipAssistExample.js.map +0 -1
- package/dist/components/ChipAssist/index.d.ts +0 -1
- package/dist/components/ChipAssist/index.js +0 -2
- package/dist/components/ChipAssist/index.js.map +0 -1
- package/dist/components/ChipFilter/ChipFilter.d.ts +0 -40
- package/dist/components/ChipFilter/ChipFilter.js +0 -31
- package/dist/components/ChipFilter/ChipFilter.js.map +0 -1
- package/dist/components/ChipFilter/ChipFilterExample.d.ts +0 -3
- package/dist/components/ChipFilter/ChipFilterExample.js +0 -62
- package/dist/components/ChipFilter/ChipFilterExample.js.map +0 -1
- package/dist/components/ChipFilter/index.d.ts +0 -1
- package/dist/components/ChipFilter/index.js +0 -2
- package/dist/components/ChipFilter/index.js.map +0 -1
- package/dist/components/ChipInput/ChipInput.d.ts +0 -31
- package/dist/components/ChipInput/ChipInput.js +0 -27
- package/dist/components/ChipInput/ChipInput.js.map +0 -1
- package/dist/components/ChipInput/ChipInputExample.d.ts +0 -4
- package/dist/components/ChipInput/ChipInputExample.js +0 -47
- package/dist/components/ChipInput/ChipInputExample.js.map +0 -1
- package/dist/components/ChipInput/index.d.ts +0 -1
- package/dist/components/ChipInput/index.js +0 -2
- package/dist/components/ChipInput/index.js.map +0 -1
- package/dist/components/ChipSuggestion/ChipSuggestion.d.ts +0 -17
- package/dist/components/ChipSuggestion/ChipSuggestion.js +0 -19
- package/dist/components/ChipSuggestion/ChipSuggestion.js.map +0 -1
- package/dist/components/ChipSuggestion/ChipSuggestionExample.d.ts +0 -4
- package/dist/components/ChipSuggestion/ChipSuggestionExample.js +0 -24
- package/dist/components/ChipSuggestion/ChipSuggestionExample.js.map +0 -1
- package/dist/components/ChipSuggestion/index.d.ts +0 -1
- package/dist/components/ChipSuggestion/index.js +0 -2
- package/dist/components/ChipSuggestion/index.js.map +0 -1
- package/dist/components/ChipUtility/ChipUtility.js +0 -25
- package/dist/components/ChipUtility/ChipUtility.js.map +0 -1
- package/dist/components/ChipUtility/ChipUtilityExample.d.ts +0 -4
- package/dist/components/ChipUtility/ChipUtilityExample.js.map +0 -1
- package/dist/components/ChipUtility/index.d.ts +0 -1
- package/dist/components/ChipUtility/index.js +0 -2
- package/dist/components/ChipUtility/index.js.map +0 -1
- package/dist/components/DateField/DateField.d.ts +0 -32
- package/dist/components/DateField/DateField.js +0 -34
- package/dist/components/DateField/DateField.js.map +0 -1
- package/dist/components/DateField/DateFieldExample.d.ts +0 -4
- package/dist/components/DateField/DateFieldExample.js +0 -11
- package/dist/components/DateField/DateFieldExample.js.map +0 -1
- package/dist/components/DateField/date-field.css +0 -8
- package/dist/components/DateField/index.d.ts +0 -1
- package/dist/components/DateField/index.js +0 -2
- package/dist/components/DateField/index.js.map +0 -1
- package/dist/components/DateInput/DateInput.d.ts +0 -39
- package/dist/components/DateInput/DateInput.js +0 -102
- package/dist/components/DateInput/DateInput.js.map +0 -1
- package/dist/components/DateInput/DateInputExample.d.ts +0 -4
- package/dist/components/DateInput/DateInputExample.js +0 -14
- package/dist/components/DateInput/DateInputExample.js.map +0 -1
- package/dist/components/DateInput/index.d.ts +0 -1
- package/dist/components/DateInput/index.js +0 -2
- package/dist/components/DateInput/index.js.map +0 -1
- package/dist/components/FormField/form-field.css +0 -17
- package/dist/components/FormField/form-field.css.js +0 -22
- package/dist/components/ListItemMenu/ListItemMenu.d.ts +0 -146
- package/dist/components/ListItemMenu/ListItemMenu.js +0 -159
- package/dist/components/ListItemMenu/ListItemMenu.js.map +0 -1
- package/dist/components/ListItemMenu/index.d.ts +0 -1
- package/dist/components/ListItemMenu/index.js +0 -2
- package/dist/components/ListItemMenu/index.js.map +0 -1
- package/dist/components/NumberField/NumberField.d.ts +0 -33
- package/dist/components/NumberField/NumberField.js +0 -35
- package/dist/components/NumberField/NumberField.js.map +0 -1
- package/dist/components/NumberField/index.d.ts +0 -1
- package/dist/components/NumberField/index.js +0 -2
- package/dist/components/NumberField/index.js.map +0 -1
- package/dist/components/NumberInput/NumberInput.d.ts +0 -63
- package/dist/components/NumberInput/NumberInput.js +0 -64
- package/dist/components/NumberInput/NumberInput.js.map +0 -1
- package/dist/components/NumberInput/NumberInputExample.d.ts +0 -3
- package/dist/components/NumberInput/NumberInputExample.js.map +0 -1
- package/dist/components/NumberInput/index.d.ts +0 -1
- package/dist/components/NumberInput/index.js +0 -2
- package/dist/components/NumberInput/index.js.map +0 -1
- package/dist/components/PasswordInput/PasswordInput.d.ts +0 -21
- package/dist/components/PasswordInput/PasswordInput.js +0 -34
- package/dist/components/PasswordInput/PasswordInput.js.map +0 -1
- package/dist/components/PasswordInput/index.d.ts +0 -1
- package/dist/components/PasswordInput/index.js +0 -2
- package/dist/components/PasswordInput/index.js.map +0 -1
- package/dist/components/PasswordInput/password-input.css +0 -28
- package/dist/components/PasswordInput/password-input.css.js +0 -33
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +0 -14
- package/dist/components/PhoneNumberField/PhoneNumberField.js +0 -16
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +0 -1
- package/dist/components/PhoneNumberField/index.d.ts +0 -1
- package/dist/components/PhoneNumberField/index.js +0 -2
- package/dist/components/PhoneNumberField/index.js.map +0 -1
- package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +0 -37
- package/dist/components/PhoneNumberInput/PhoneNumberInput.js +0 -83
- package/dist/components/PhoneNumberInput/PhoneNumberInput.js.map +0 -1
- package/dist/components/PhoneNumberInput/PhoneNumberInputExample.d.ts +0 -4
- package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js +0 -5
- package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js.map +0 -1
- package/dist/components/PhoneNumberInput/index.d.ts +0 -1
- package/dist/components/PhoneNumberInput/index.js +0 -2
- package/dist/components/PhoneNumberInput/index.js.map +0 -1
- package/dist/components/PhoneNumberInput/phone-number-input.css +0 -46
- package/dist/components/PhoneNumberInput/phone-number-input.css.js +0 -51
- package/dist/components/SelectField/SelectFieldExample.d.ts +0 -23
- package/dist/components/SelectField/SelectFieldExample.js +0 -13
- package/dist/components/SelectField/SelectFieldExample.js.map +0 -1
- package/dist/components/SnackbarProvider/SnackbarProvider.d.ts +0 -90
- package/dist/components/SnackbarProvider/SnackbarProvider.js +0 -115
- package/dist/components/SnackbarProvider/SnackbarProvider.js.map +0 -1
- package/dist/components/SnackbarProvider/SnackbarProviderExample.d.ts +0 -4
- package/dist/components/SnackbarProvider/SnackbarProviderExample.js +0 -59
- package/dist/components/SnackbarProvider/SnackbarProviderExample.js.map +0 -1
- package/dist/components/SnackbarProvider/index.d.ts +0 -1
- package/dist/components/SnackbarProvider/index.js +0 -2
- package/dist/components/SnackbarProvider/index.js.map +0 -1
- package/dist/components/SnackbarProvider/snackbar-provider-example.css +0 -15
- package/dist/components/SnackbarProvider/snackbar-provider-example.css.js +0 -20
- package/dist/components/SnackbarProvider/snackbar-provider.css +0 -15
- package/dist/components/SnackbarProvider/snackbar-provider.css.js +0 -20
- package/dist/components/TextField/TextField.d.ts +0 -31
- package/dist/components/TextField/TextField.js +0 -33
- package/dist/components/TextField/TextField.js.map +0 -1
- package/dist/components/TextField/TextFieldExample.d.ts +0 -3
- package/dist/components/TextField/TextFieldExample.js +0 -6
- package/dist/components/TextField/TextFieldExample.js.map +0 -1
- package/dist/components/TextField/index.d.ts +0 -1
- package/dist/components/TextField/index.js +0 -2
- package/dist/components/TextField/index.js.map +0 -1
- package/dist/components/TextInput/TextInput.d.ts +0 -78
- package/dist/components/TextInput/TextInput.js.map +0 -1
- package/dist/components/TextInput/TextInputExample.d.ts +0 -3
- package/dist/components/TextInput/TextInputExample.js.map +0 -1
- package/dist/components/TextInput/index.d.ts +0 -1
- package/dist/components/TextInput/index.js +0 -2
- package/dist/components/TextInput/index.js.map +0 -1
- package/dist/components/TextareaField/TextareaFieldExample.d.ts +0 -3
- package/dist/components/TextareaField/TextareaFieldExample.js +0 -10
- package/dist/components/TextareaField/TextareaFieldExample.js.map +0 -1
- package/dist/components/TimeInput/Listbox.d.ts +0 -15
- package/dist/components/TimeInput/Listbox.js.map +0 -1
- package/dist/components/TimeInput/Segment.d.ts +0 -20
- package/dist/components/TimeInput/Segment.js.map +0 -1
- package/dist/components/TimeInput/TimeInput.d.ts +0 -24
- package/dist/components/TimeInput/TimeInput.js +0 -115
- package/dist/components/TimeInput/TimeInput.js.map +0 -1
- package/dist/components/TimeInput/TimeInputExample.d.ts +0 -3
- package/dist/components/TimeInput/TimeInputExample.js +0 -4
- package/dist/components/TimeInput/TimeInputExample.js.map +0 -1
- package/dist/components/TimeInput/index.d.ts +0 -1
- package/dist/components/TimeInput/index.js +0 -2
- package/dist/components/TimeInput/index.js.map +0 -1
- package/dist/hooks/useSnackbarContext.d.ts +0 -1
- package/dist/hooks/useSnackbarContext.js +0 -16
- package/dist/hooks/useSnackbarContext.js.map +0 -1
- package/dist/utils/snackbarContext.d.ts +0 -38
- package/dist/utils/snackbarContext.js +0 -3
- package/dist/utils/snackbarContext.js.map +0 -1
- package/src/components/CalendarPicker/CalendarPickerExample.tsx +0 -24
- package/src/components/CalendarPicker/index.tsx +0 -1
- package/src/components/ChipAssist/ChipAssist.rtl.test.tsx +0 -16
- package/src/components/ChipAssist/ChipAssist.tsx +0 -37
- package/src/components/ChipAssist/ChipAssistExample.tsx +0 -34
- package/src/components/ChipAssist/index.tsx +0 -1
- package/src/components/ChipFilter/ChipFilter.rtl.test.tsx +0 -15
- package/src/components/ChipFilter/ChipFilter.tsx +0 -75
- package/src/components/ChipFilter/ChipFilterExample.tsx +0 -63
- package/src/components/ChipFilter/index.tsx +0 -1
- package/src/components/ChipInput/ChipInput.rtl.test.tsx +0 -16
- package/src/components/ChipInput/ChipInput.tsx +0 -47
- package/src/components/ChipInput/ChipInputExample.tsx +0 -49
- package/src/components/ChipInput/index.tsx +0 -1
- package/src/components/ChipSuggestion/ChipSuggestion.rtl.test.tsx +0 -19
- package/src/components/ChipSuggestion/ChipSuggestion.tsx +0 -22
- package/src/components/ChipSuggestion/ChipSuggestionExample.tsx +0 -26
- package/src/components/ChipSuggestion/index.tsx +0 -1
- package/src/components/ChipUtility/index.tsx +0 -1
- package/src/components/DateField/DateField.rtl.test.tsx +0 -24
- package/src/components/DateField/DateField.tsx +0 -58
- package/src/components/DateField/DateFieldExample.tsx +0 -13
- package/src/components/DateField/date-field.scss +0 -8
- package/src/components/DateField/index.tsx +0 -1
- package/src/components/DateInput/DateInput.rtl.test.tsx +0 -17
- package/src/components/DateInput/DateInput.tsx +0 -197
- package/src/components/DateInput/DateInputExample.tsx +0 -17
- package/src/components/DateInput/index.tsx +0 -1
- package/src/components/FormField/form-field.scss +0 -19
- package/src/components/ListItemMenu/ListItemMenu.tsx +0 -358
- package/src/components/ListItemMenu/index.tsx +0 -1
- package/src/components/NumberField/NumberField.rtl.test.tsx +0 -24
- package/src/components/NumberField/NumberField.tsx +0 -70
- package/src/components/NumberField/index.tsx +0 -1
- package/src/components/NumberInput/index.tsx +0 -1
- package/src/components/PasswordInput/PasswordInput.rtl.test.tsx +0 -15
- package/src/components/PasswordInput/PasswordInput.tsx +0 -115
- package/src/components/PasswordInput/index.tsx +0 -1
- package/src/components/PasswordInput/password-input.scss +0 -36
- package/src/components/PhoneNumberField/PhoneNumberField.rtl.test.tsx +0 -24
- package/src/components/PhoneNumberField/PhoneNumberField.tsx +0 -41
- package/src/components/PhoneNumberField/index.tsx +0 -1
- package/src/components/PhoneNumberInput/PhoneNumberInput.rtl.test.tsx +0 -17
- package/src/components/PhoneNumberInput/PhoneNumberInput.tsx +0 -186
- package/src/components/PhoneNumberInput/PhoneNumberInputExample.tsx +0 -8
- package/src/components/PhoneNumberInput/index.tsx +0 -1
- package/src/components/SelectField/SelectFieldExample.tsx +0 -16
- package/src/components/SnackbarProvider/SnackbarProvider.tsx +0 -160
- package/src/components/SnackbarProvider/SnackbarProviderExample.tsx +0 -127
- package/src/components/SnackbarProvider/index.tsx +0 -1
- package/src/components/SnackbarProvider/snackbar-provider-example.scss +0 -17
- package/src/components/SnackbarProvider/snackbar-provider.scss +0 -15
- package/src/components/TextField/TextField.tsx +0 -67
- package/src/components/TextField/TextFieldExample.tsx +0 -8
- package/src/components/TextField/index.tsx +0 -1
- package/src/components/TextInput/TextInputExample.tsx +0 -44
- package/src/components/TextInput/index.tsx +0 -1
- package/src/components/TextareaField/TextareaFieldExample.tsx +0 -13
- package/src/components/TimeInput/TimeInput.rtl.test.tsx +0 -15
- package/src/components/TimeInput/TimeInputExample.tsx +0 -6
- package/src/components/TimeInput/index.tsx +0 -1
- package/src/hooks/useSnackbarContext.ts +0 -18
- package/src/utils/snackbarContext.tsx +0 -43
- /package/dist/components/{NumberInput → InputNumber}/IncrementButton.d.ts +0 -0
- /package/dist/components/{NumberInput → InputNumber}/IncrementButton.js +0 -0
- /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
|
-
*
|
|
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
|
|
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
|
-
*
|
|
12
|
+
* function Example() {
|
|
13
13
|
* const { radioProps } = useRadioState('fruits');
|
|
14
14
|
* return <Radio aria-label="cherry" {...radioProps('cherry')} />;
|
|
15
15
|
* }
|
package/src/hooks/useTimeout.ts
CHANGED
|
@@ -13,7 +13,7 @@ type TimeoutHook = {
|
|
|
13
13
|
* import { useTimeout } from '@bspk/ui/hooks/useTimeout';
|
|
14
14
|
* import { useEffect } from 'react';
|
|
15
15
|
*
|
|
16
|
-
*
|
|
16
|
+
* function MyComponent() {
|
|
17
17
|
* const timeout = useTimeout();
|
|
18
18
|
*
|
|
19
19
|
* const handleClick = () => {
|
package/src/styles/base.scss
CHANGED
package/src/types/common.ts
CHANGED
|
@@ -6,7 +6,14 @@
|
|
|
6
6
|
* @bspk/ui/Txt".
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import {
|
|
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
|
-
*
|
|
57
|
+
* Indicates that the element is in an invalid state and displays the error theme.
|
|
51
58
|
*
|
|
52
|
-
* If
|
|
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
|
-
|
|
113
|
+
optionValue?: string;
|
|
107
114
|
/**
|
|
108
115
|
* The aria-label for the element.
|
|
109
116
|
*
|
|
110
117
|
* @required
|
|
111
118
|
*/
|
|
112
|
-
'aria-label'
|
|
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
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
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
package/src/utils/demo.ts
CHANGED
|
@@ -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,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 +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,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 +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,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 +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"}
|