@bspk/ui 1.3.10 → 1.3.16
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/dist/components/Accordion/Accordion.d.ts +22 -20
- package/dist/components/Accordion/Accordion.js +22 -20
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/AccordionExample.js +5 -4
- package/dist/components/Accordion/AccordionExample.js.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -2
- package/dist/components/Avatar/Avatar.js +2 -3
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/avatar.css +13 -8
- package/dist/components/Avatar/avatar.css.js +13 -8
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Badge/BadgeExample.js +0 -1
- package/dist/components/Badge/BadgeExample.js.map +1 -1
- package/dist/components/BadgeDot/BadgeDot.d.ts +1 -1
- package/dist/components/BadgeDot/BadgeDot.js +1 -1
- package/dist/components/BadgeDot/BadgeDotExample.js +0 -1
- package/dist/components/BadgeDot/BadgeDotExample.js.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.d.ts +14 -12
- package/dist/components/BannerAlert/BannerAlert.js +14 -12
- package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
- package/dist/components/BannerAlert/BannerAlertExample.js +0 -1
- package/dist/components/BannerAlert/BannerAlertExample.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +20 -18
- package/dist/components/Breadcrumb/Breadcrumb.js +20 -18
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Button/Button.d.ts +29 -4
- package/dist/components/Button/Button.js +33 -8
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/button.css +4 -3
- package/dist/components/Button/button.css.js +4 -3
- package/dist/components/Calendar/Calendar.d.ts +5 -41
- package/dist/components/Calendar/Calendar.js +61 -185
- package/dist/components/Calendar/Calendar.js.map +1 -1
- package/dist/components/Calendar/CalendarExample.js +0 -1
- package/dist/components/Calendar/CalendarExample.js.map +1 -1
- package/dist/components/Calendar/calendar.css +35 -28
- package/dist/components/Calendar/calendar.css.js +35 -28
- package/dist/components/Calendar/index.d.ts +1 -0
- package/dist/components/Calendar/index.js +1 -0
- package/dist/components/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/utils.d.ts +11 -0
- package/dist/components/Calendar/utils.js +76 -0
- package/dist/components/Calendar/utils.js.map +1 -0
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Carousel/Carousel.d.ts +8 -8
- package/dist/components/Carousel/Carousel.js +8 -8
- package/dist/components/Carousel/carousel.css +0 -1
- package/dist/components/Carousel/carousel.css.js +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/checkbox.css +3 -1
- package/dist/components/Checkbox/checkbox.css.js +3 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/components/CheckboxGroup/checkbox-group.css +1 -1
- package/dist/components/CheckboxGroup/checkbox-group.css.js +1 -1
- package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +1 -1
- package/dist/components/CheckboxGroupField/CheckboxGroupField.js +1 -1
- package/dist/components/CheckboxOption/CheckboxOption.d.ts +1 -1
- package/dist/components/CheckboxOption/CheckboxOption.js +1 -1
- package/dist/components/Chip/Chip.d.ts +1 -1
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/ChipGroup/ChipGroup.d.ts +16 -29
- package/dist/components/ChipGroup/ChipGroup.js +13 -23
- package/dist/components/ChipGroup/ChipGroup.js.map +1 -1
- package/dist/components/ChipGroup/ChipGroupExample.js +61 -6
- package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
- package/dist/components/ChipGroup/chip-group.css +5 -3
- package/dist/components/ChipGroup/chip-group.css.js +5 -3
- package/dist/components/DatePicker/DatePicker.d.ts +23 -11
- package/dist/components/DatePicker/DatePicker.js +20 -83
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePickerExample.d.ts +1 -0
- package/dist/components/DatePicker/DatePickerExample.js +10 -2
- package/dist/components/DatePicker/DatePickerExample.js.map +1 -1
- package/dist/components/DatePicker/date-picker.css +9 -0
- package/dist/components/DatePicker/date-picker.css.js +9 -0
- package/dist/components/DatePickerField/DatePickerField.d.ts +1 -1
- package/dist/components/DatePickerField/DatePickerField.js +1 -1
- package/dist/components/Divider/Divider.d.ts +4 -4
- package/dist/components/Divider/Divider.js +4 -4
- package/dist/components/Divider/DividerExample.js +17 -20
- package/dist/components/Divider/DividerExample.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +8 -10
- package/dist/components/Drawer/Drawer.js +9 -12
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerExample.d.ts +1 -0
- package/dist/components/Drawer/DrawerExample.js +10 -4
- package/dist/components/Drawer/DrawerExample.js.map +1 -1
- package/dist/components/Drawer/drawer.css +6 -0
- package/dist/components/Drawer/drawer.css.js +6 -0
- package/dist/components/EmptyState/EmptyState.d.ts +2 -2
- package/dist/components/EmptyState/EmptyState.js +4 -7
- package/dist/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/components/EmptyState/EmptyStateExample.js +5 -6
- package/dist/components/EmptyState/EmptyStateExample.js.map +1 -1
- package/dist/components/ExamplePlaceholder/ExamplePlaceholder.d.ts +6 -13
- package/dist/components/ExamplePlaceholder/ExamplePlaceholder.js +12 -7
- package/dist/components/ExamplePlaceholder/ExamplePlaceholder.js.map +1 -1
- package/dist/components/Fab/Fab.d.ts +5 -3
- package/dist/components/Fab/Fab.js +8 -6
- package/dist/components/Fab/Fab.js.map +1 -1
- package/dist/components/Fab/FabExample.d.ts +1 -0
- package/dist/components/Fab/FabExample.js +6 -0
- package/dist/components/Fab/FabExample.js.map +1 -1
- package/dist/components/Fab/fab.css +5 -3
- package/dist/components/Fab/fab.css.js +5 -3
- package/dist/components/FileUpload/FileUpload.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.js +1 -1
- package/dist/components/FileUploadItem/FileUploadItem.d.ts +1 -1
- package/dist/components/FileUploadItem/FileUploadItem.js +1 -1
- package/dist/components/Flex/Flex.d.ts +55 -0
- package/dist/components/Flex/Flex.js +38 -0
- package/dist/components/Flex/Flex.js.map +1 -0
- package/dist/components/Flex/FlexExample.d.ts +5 -0
- package/dist/components/Flex/FlexExample.js +13 -0
- package/dist/components/Flex/FlexExample.js.map +1 -0
- package/dist/components/Flex/index.d.ts +1 -0
- package/dist/components/Flex/index.js +2 -0
- package/dist/components/Flex/index.js.map +1 -0
- package/dist/components/FormField/FormFieldExample.js +0 -1
- package/dist/components/FormField/FormFieldExample.js.map +1 -1
- package/dist/components/Grid/Grid.d.ts +48 -0
- package/dist/components/Grid/Grid.js +36 -0
- package/dist/components/Grid/Grid.js.map +1 -0
- package/dist/components/Grid/GridExample.d.ts +3 -0
- package/dist/components/Grid/GridExample.js +28 -0
- package/dist/components/Grid/GridExample.js.map +1 -0
- package/dist/components/Grid/index.d.ts +1 -0
- package/dist/components/Grid/index.js +2 -0
- package/dist/components/Grid/index.js.map +1 -0
- package/dist/components/InlineAlert/InlineAlert.d.ts +1 -1
- package/dist/components/InlineAlert/InlineAlert.js +1 -1
- package/dist/components/Input/Input.d.ts +5 -9
- package/dist/components/Input/Input.js +5 -9
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/InputElement.js +3 -6
- package/dist/components/Input/InputElement.js.map +1 -1
- package/dist/components/Input/InputExample.d.ts +1 -0
- package/dist/components/Input/InputExample.js +10 -1
- package/dist/components/Input/InputExample.js.map +1 -1
- package/dist/components/Input/input.css +6 -1
- package/dist/components/Input/input.css.js +6 -1
- package/dist/components/InputField/InputField.d.ts +1 -1
- package/dist/components/InputField/InputField.js +1 -1
- package/dist/components/InputNumber/InputNumber.d.ts +6 -15
- package/dist/components/InputNumber/InputNumber.js +6 -15
- package/dist/components/InputNumber/InputNumber.js.map +1 -1
- package/dist/components/InputNumber/InputNumberExample.d.ts +1 -0
- package/dist/components/InputNumber/InputNumberExample.js +10 -1
- package/dist/components/InputNumber/InputNumberExample.js.map +1 -1
- package/dist/components/InputNumber/input-number.css +6 -4
- package/dist/components/InputNumber/input-number.css.js +6 -4
- package/dist/components/InputNumberField/InputNumberField.d.ts +1 -1
- package/dist/components/InputNumberField/InputNumberField.js +1 -1
- package/dist/components/InputPhone/InputPhone.d.ts +7 -9
- package/dist/components/InputPhone/InputPhone.js +19 -19
- package/dist/components/InputPhone/InputPhone.js.map +1 -1
- package/dist/components/InputPhone/InputPhoneExample.d.ts +2 -1
- package/dist/components/InputPhone/InputPhoneExample.js +9 -1
- package/dist/components/InputPhone/InputPhoneExample.js.map +1 -1
- package/dist/components/InputPhoneField/InputPhoneField.d.ts +1 -1
- package/dist/components/InputPhoneField/InputPhoneField.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 +1 -1
- package/dist/components/ListItem/ListItem.js +1 -1
- package/dist/components/Menu/Menu.d.ts +1 -3
- package/dist/components/Menu/Menu.js +1 -3
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -3
- package/dist/components/Modal/Modal.js +2 -4
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/OTPInput/OTPInput.d.ts +10 -4
- package/dist/components/OTPInput/OTPInput.js +8 -40
- package/dist/components/OTPInput/OTPInput.js.map +1 -1
- package/dist/components/OTPInput/OTPInputExample.js +6 -2
- package/dist/components/OTPInput/OTPInputExample.js.map +1 -1
- package/dist/components/OTPInput/otp-input.css +18 -17
- package/dist/components/OTPInput/otp-input.css.js +18 -17
- package/dist/components/PageControl/PageControl.d.ts +1 -1
- package/dist/components/PageControl/PageControl.js +1 -1
- package/dist/components/PageControl/PageControlExample.js +0 -1
- package/dist/components/PageControl/PageControlExample.js.map +1 -1
- package/dist/components/PageHeader/PageHeader.d.ts +57 -0
- package/dist/components/PageHeader/PageHeader.js +28 -0
- package/dist/components/PageHeader/PageHeader.js.map +1 -0
- package/dist/components/PageHeader/PageHeaderExample.d.ts +4 -0
- package/dist/components/PageHeader/PageHeaderExample.js +56 -0
- package/dist/components/PageHeader/PageHeaderExample.js.map +1 -0
- package/dist/components/PageHeader/index.d.ts +1 -0
- package/dist/components/PageHeader/index.js +2 -0
- package/dist/components/PageHeader/index.js.map +1 -0
- package/dist/components/PageHeader/page-header.css +35 -0
- package/dist/components/PageHeader/page-header.css.js +40 -0
- package/dist/components/Pagination/Pagination.d.ts +2 -2
- package/dist/components/Pagination/Pagination.js +8 -3
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/pagination.css +8 -2
- package/dist/components/Pagination/pagination.css.js +8 -2
- package/dist/components/Password/Password.d.ts +11 -16
- package/dist/components/Password/Password.js +11 -16
- package/dist/components/Password/Password.js.map +1 -1
- package/dist/components/Password/PasswordExample.d.ts +1 -0
- package/dist/components/Password/PasswordExample.js +9 -0
- package/dist/components/Password/PasswordExample.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.d.ts +1 -1
- package/dist/components/PasswordField/PasswordField.js +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/PopoverExample.js +0 -1
- package/dist/components/Popover/PopoverExample.js.map +1 -1
- package/dist/components/Popover/popover.css +7 -5
- package/dist/components/Popover/popover.css.js +7 -5
- 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 +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepper.js +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js +0 -1
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
- package/dist/components/ProgressionStepper/progression-stepper.css +5 -3
- package/dist/components/ProgressionStepper/progression-stepper.css.js +5 -3
- package/dist/components/ProgressionStepperBar/ProgressionStepperBar.d.ts +1 -1
- package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js +1 -1
- package/dist/components/ProgressionStepperBar/progression-stepper-bar.css +6 -6
- package/dist/components/ProgressionStepperBar/progression-stepper-bar.css.js +7 -7
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/RadioGroup/radio-group.css +1 -1
- package/dist/components/RadioGroup/radio-group.css.js +1 -1
- package/dist/components/RadioGroupField/RadioGroupField.d.ts +1 -1
- package/dist/components/RadioGroupField/RadioGroupField.js +1 -1
- package/dist/components/Rating/Rating.d.ts +3 -2
- package/dist/components/Rating/Rating.js +5 -3
- package/dist/components/Rating/Rating.js.map +1 -1
- package/dist/components/SearchBar/SearchBar.d.ts +1 -1
- package/dist/components/SearchBar/SearchBar.js +3 -4
- package/dist/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/components/SegmentedControl/segmented-control.css +3 -1
- package/dist/components/SegmentedControl/segmented-control.css.js +3 -1
- package/dist/components/Select/Select.d.ts +11 -24
- package/dist/components/Select/Select.js +11 -24
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/SelectExample.d.ts +1 -0
- package/dist/components/Select/SelectExample.js +18 -1
- package/dist/components/Select/SelectExample.js.map +1 -1
- package/dist/components/SelectField/SelectField.d.ts +1 -1
- package/dist/components/SelectField/SelectField.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/SkeletonText/SkeletonText.d.ts +1 -1
- package/dist/components/SkeletonText/SkeletonText.js +1 -1
- package/dist/components/Slider/Slider.d.ts +18 -3
- package/dist/components/Slider/Slider.js +20 -4
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Slider/SliderExample.d.ts +1 -0
- package/dist/components/Slider/SliderExample.js +7 -2
- package/dist/components/Slider/SliderExample.js.map +1 -1
- package/dist/components/Snackbar/Manager.d.ts +1 -1
- package/dist/components/Snackbar/Manager.js +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/SnackbarExample.js +0 -1
- package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/components/Switch/switch.css +11 -9
- package/dist/components/Switch/switch.css.js +11 -9
- package/dist/components/SwitchOption/SwitchOption.d.ts +1 -1
- package/dist/components/SwitchOption/SwitchOption.js +1 -1
- package/dist/components/TabGroup/TabGroup.d.ts +1 -1
- package/dist/components/TabGroup/TabGroup.js +1 -1
- package/dist/components/TabGroup/TabGroupExample.js +0 -1
- package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
- package/dist/components/TabList/TabListExample.js +0 -1
- package/dist/components/TabList/TabListExample.js.map +1 -1
- package/dist/components/TabList/tab-list.css +5 -3
- package/dist/components/TabList/tab-list.css.js +5 -3
- package/dist/components/Table/Table.d.ts +2 -2
- package/dist/components/Table/Table.js +8 -8
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/TableExample.js +56 -54
- package/dist/components/Table/TableExample.js.map +1 -1
- package/dist/components/Table/utils.d.ts +2 -2
- package/dist/components/Table/utils.js +27 -22
- package/dist/components/Table/utils.js.map +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Textarea/Textarea.d.ts +5 -8
- package/dist/components/Textarea/Textarea.js +5 -8
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/TextareaExample.d.ts +1 -0
- package/dist/components/Textarea/TextareaExample.js +12 -1
- package/dist/components/Textarea/TextareaExample.js.map +1 -1
- package/dist/components/Textarea/textarea.css +5 -3
- package/dist/components/Textarea/textarea.css.js +5 -3
- package/dist/components/TextareaField/TextareaField.d.ts +1 -1
- package/dist/components/TextareaField/TextareaField.js +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +5 -9
- package/dist/components/TimePicker/TimePicker.js +5 -9
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePickerExample.d.ts +1 -0
- package/dist/components/TimePicker/TimePickerExample.js +9 -1
- package/dist/components/TimePicker/TimePickerExample.js.map +1 -1
- package/dist/components/TimePickerField/TimePickerField.d.ts +1 -1
- package/dist/components/TimePickerField/TimePickerField.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/tooltip.css +7 -3
- package/dist/components/Tooltip/tooltip.css.js +7 -3
- package/dist/components/Txt/Txt.d.ts +1 -1
- package/dist/components/Txt/Txt.js +1 -1
- package/dist/components/UIProvider/UIProvider.js +4 -6
- package/dist/components/UIProvider/UIProvider.js.map +1 -1
- package/dist/components/UIProvider/UIProviderExample.d.ts +0 -1
- package/dist/components/UIProvider/UIProviderExample.js +1 -46
- package/dist/components/UIProvider/UIProviderExample.js.map +1 -1
- package/dist/hooks/useControlledState.d.ts +7 -0
- package/dist/hooks/useControlledState.js +21 -0
- package/dist/hooks/useControlledState.js.map +1 -0
- package/dist/hooks/{useAddEventListener.js → useEventListener.js} +1 -1
- package/dist/hooks/useEventListener.js.map +1 -0
- package/dist/types/meta.d.ts +0 -1
- package/dist/types/meta.js +0 -7
- package/dist/types/meta.js.map +1 -1
- package/dist/utils/createCustomEvent.js +1 -1
- package/dist/utils/createCustomEvent.js.map +1 -1
- package/dist/utils/demo.d.ts +19 -2
- package/dist/utils/demo.js.map +1 -1
- package/dist/utils/dom.d.ts +1 -0
- package/dist/utils/dom.js +5 -0
- package/dist/utils/dom.js.map +1 -1
- package/dist/utils/handleKeyDown.d.ts +1 -0
- package/dist/utils/handleKeyDown.js +9 -3
- package/dist/utils/handleKeyDown.js.map +1 -1
- package/dist/utils/keyboard.d.ts +3 -1
- package/dist/utils/keyboard.js.map +1 -1
- package/dist/utils/sendAriaLiveMessage.d.ts +8 -0
- package/dist/utils/sendAriaLiveMessage.js +14 -0
- package/dist/utils/sendAriaLiveMessage.js.map +1 -0
- package/dist/utils/sizing.d.ts +3 -0
- package/dist/utils/sizing.js +28 -0
- package/dist/utils/sizing.js.map +1 -0
- package/dist/utils/uiContext.d.ts +0 -1
- package/dist/utils/uiContext.js.map +1 -1
- package/meta.ts +9 -8
- package/package.json +28 -22
- package/src/components/Accordion/Accordion.tsx +22 -20
- package/src/components/Accordion/AccordionExample.tsx +5 -4
- package/src/components/Avatar/Avatar.tsx +2 -3
- package/src/components/Avatar/avatar.scss +9 -6
- package/src/components/AvatarGroup/AvatarGroup.tsx +1 -1
- package/src/components/Badge/Badge.tsx +1 -1
- package/src/components/Badge/BadgeExample.tsx +0 -1
- package/src/components/BadgeDot/BadgeDot.tsx +1 -1
- package/src/components/BadgeDot/BadgeDotExample.tsx +0 -1
- package/src/components/BannerAlert/BannerAlert.tsx +14 -12
- package/src/components/BannerAlert/BannerAlertExample.tsx +0 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +20 -18
- package/src/components/Button/Button.tsx +36 -10
- package/src/components/Button/button.scss +13 -6
- package/src/components/Calendar/Calendar.rtl.test.tsx +1 -1
- package/src/components/Calendar/Calendar.tsx +156 -371
- package/src/components/Calendar/CalendarExample.tsx +0 -1
- package/src/components/Calendar/calendar.scss +46 -40
- package/src/components/Calendar/index.tsx +1 -0
- package/src/components/Calendar/utils.tsx +98 -0
- package/src/components/Card/Card.tsx +1 -1
- package/src/components/Carousel/Carousel.tsx +8 -8
- package/src/components/Carousel/carousel.scss +0 -1
- package/src/components/Checkbox/Checkbox.tsx +1 -1
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +1 -1
- package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +1 -1
- package/src/components/CheckboxOption/CheckboxOption.tsx +1 -1
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ChipGroup/ChipGroup.rtl.test.tsx +16 -11
- package/src/components/ChipGroup/ChipGroup.tsx +19 -37
- package/src/components/ChipGroup/ChipGroupExample.tsx +64 -36
- package/src/components/ChipGroup/chip-group.scss +5 -3
- package/src/components/DatePicker/DatePicker.rtl.test.tsx +1 -1
- package/src/components/DatePicker/DatePicker.tsx +51 -106
- package/src/components/DatePicker/DatePickerExample.tsx +20 -3
- package/src/components/DatePicker/date-picker.scss +11 -0
- package/src/components/DatePickerField/DatePickerField.tsx +1 -1
- package/src/components/Divider/Divider.tsx +4 -4
- package/src/components/Divider/DividerExample.tsx +22 -23
- package/src/components/Drawer/Drawer.tsx +9 -16
- package/src/components/Drawer/DrawerExample.tsx +28 -4
- package/src/components/Drawer/drawer.scss +7 -0
- package/src/components/EmptyState/EmptyState.rtl.test.tsx +1 -1
- package/src/components/EmptyState/EmptyState.tsx +14 -21
- package/src/components/EmptyState/EmptyStateExample.tsx +5 -5
- package/src/components/ExamplePlaceholder/ExamplePlaceholder.tsx +17 -22
- package/src/components/Fab/Fab.tsx +10 -7
- package/src/components/Fab/FabExample.tsx +10 -1
- package/src/components/FileUpload/FileUpload.tsx +1 -1
- package/src/components/FileUploadItem/FileUploadItem.tsx +1 -1
- package/src/components/{Layout/Layout.rtl.test.tsx → Flex/Flex.rtl.test.tsx} +3 -3
- package/src/components/Flex/Flex.tsx +100 -0
- package/src/components/Flex/FlexExample.tsx +27 -0
- package/src/components/Flex/index.tsx +1 -0
- package/src/components/FormField/FormFieldExample.tsx +1 -2
- package/src/components/Grid/Grid.rtl.test.tsx +19 -0
- package/src/components/Grid/Grid.tsx +75 -0
- package/src/components/Grid/GridExample.tsx +42 -0
- package/src/components/Grid/index.tsx +1 -0
- package/src/components/InlineAlert/InlineAlert.tsx +1 -1
- package/src/components/Input/Input.tsx +5 -9
- package/src/components/Input/InputElement.tsx +4 -7
- package/src/components/Input/InputExample.tsx +19 -1
- package/src/components/Input/input.scss +9 -1
- package/src/components/InputField/InputField.tsx +1 -1
- package/src/components/InputNumber/InputNumber.tsx +6 -15
- package/src/components/InputNumber/InputNumberExample.tsx +24 -1
- package/src/components/InputNumberField/InputNumberField.tsx +1 -1
- package/src/components/InputPhone/InputPhone.tsx +18 -17
- package/src/components/InputPhone/InputPhoneExample.tsx +27 -2
- package/src/components/InputPhoneField/InputPhoneField.tsx +1 -1
- package/src/components/Link/Link.tsx +1 -1
- package/src/components/ListItem/ListItem.tsx +1 -1
- package/src/components/Menu/Menu.tsx +1 -3
- package/src/components/Modal/Modal.tsx +2 -4
- package/src/components/OTPInput/OTPInput.rtl.test.tsx +4 -2
- package/src/components/OTPInput/OTPInput.tsx +31 -64
- package/src/components/OTPInput/OTPInputExample.tsx +6 -2
- package/src/components/OTPInput/otp-input.scss +50 -45
- package/src/components/PageControl/PageControl.tsx +1 -1
- package/src/components/PageControl/PageControlExample.tsx +0 -1
- package/src/components/PageHeader/PageHeader.rtl.test.tsx +18 -0
- package/src/components/PageHeader/PageHeader.tsx +78 -0
- package/src/components/PageHeader/PageHeaderExample.tsx +58 -0
- package/src/components/PageHeader/index.tsx +1 -0
- package/src/components/PageHeader/page-header.scss +41 -0
- package/src/components/Pagination/Pagination.tsx +14 -3
- package/src/components/Pagination/pagination.scss +12 -5
- package/src/components/Password/Password.tsx +11 -16
- package/src/components/Password/PasswordExample.tsx +18 -1
- package/src/components/PasswordField/PasswordField.tsx +1 -1
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/Popover/PopoverExample.tsx +0 -1
- package/src/components/ProgressBar/ProgressBar.tsx +1 -1
- package/src/components/ProgressCircle/ProgressCircle.tsx +1 -1
- package/src/components/ProgressionStepper/ProgressionStepper.tsx +1 -1
- package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +0 -1
- package/src/components/ProgressionStepperBar/ProgressionStepperBar.tsx +1 -1
- package/src/components/RadioGroup/RadioGroup.tsx +1 -1
- package/src/components/RadioGroupField/RadioGroupField.tsx +1 -1
- package/src/components/Rating/Rating.tsx +7 -3
- package/src/components/SearchBar/SearchBar.tsx +3 -5
- package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
- package/src/components/Select/Select.tsx +11 -24
- package/src/components/Select/SelectExample.tsx +36 -1
- package/src/components/SelectField/SelectField.tsx +1 -1
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/SkeletonText/SkeletonText.tsx +1 -1
- package/src/components/Slider/Slider.tsx +21 -4
- package/src/components/Slider/SliderExample.tsx +16 -2
- package/src/components/Snackbar/Manager.tsx +1 -1
- package/src/components/Snackbar/Snackbar.tsx +1 -1
- package/src/components/Snackbar/SnackbarExample.tsx +0 -1
- package/src/components/Switch/Switch.tsx +1 -1
- package/src/components/SwitchOption/SwitchOption.tsx +1 -1
- package/src/components/TabGroup/TabGroup.tsx +1 -1
- package/src/components/TabGroup/TabGroupExample.tsx +0 -1
- package/src/components/TabList/TabListExample.tsx +0 -1
- package/src/components/Table/Table.tsx +11 -16
- package/src/components/Table/TableExample.tsx +56 -54
- package/src/components/Table/utils.ts +31 -20
- package/src/components/Tag/Tag.tsx +1 -1
- package/src/components/Textarea/Textarea.tsx +5 -8
- package/src/components/Textarea/TextareaExample.tsx +21 -1
- package/src/components/TextareaField/TextareaField.tsx +1 -1
- package/src/components/TimePicker/TimePicker.tsx +5 -9
- package/src/components/TimePicker/TimePickerExample.tsx +18 -1
- package/src/components/TimePickerField/TimePickerField.tsx +1 -1
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Tooltip/tooltip.scss +2 -0
- package/src/components/Txt/Txt.tsx +1 -1
- package/src/components/UIProvider/UIProvider.tsx +1 -4
- package/src/components/UIProvider/UIProviderExample.tsx +0 -83
- package/src/hooks/useControlledState.ts +31 -0
- package/src/types/meta.ts +0 -8
- package/src/utils/createCustomEvent.ts +1 -1
- package/src/utils/demo.ts +19 -2
- package/src/utils/dom.ts +8 -0
- package/src/utils/handleKeyDown.ts +9 -3
- package/src/utils/keyboard.ts +5 -2
- package/src/utils/sendAriaLiveMessage.ts +17 -0
- package/src/utils/sizing.ts +30 -0
- package/src/utils/uiContext.ts +0 -1
- package/.scripts/index.ts +0 -110
- package/dist/components/Layout/Layout.d.ts +0 -50
- package/dist/components/Layout/Layout.js +0 -28
- package/dist/components/Layout/Layout.js.map +0 -1
- package/dist/components/Layout/LayoutExample.d.ts +0 -4
- package/dist/components/Layout/LayoutExample.js +0 -9
- package/dist/components/Layout/LayoutExample.js.map +0 -1
- package/dist/components/Layout/index.d.ts +0 -1
- package/dist/components/Layout/index.js +0 -2
- package/dist/components/Layout/index.js.map +0 -1
- package/dist/components/UIProvider/AriaLiveMessageHandler.d.ts +0 -13
- package/dist/components/UIProvider/AriaLiveMessageHandler.js +0 -31
- package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +0 -1
- package/dist/hooks/useAddEventListener.js.map +0 -1
- package/src/components/Layout/Layout.tsx +0 -85
- package/src/components/Layout/LayoutExample.tsx +0 -17
- package/src/components/Layout/index.tsx +0 -1
- package/src/components/UIProvider/AriaLiveMessageHandler.tsx +0 -46
- /package/dist/hooks/{useAddEventListener.d.ts → useEventListener.d.ts} +0 -0
- /package/src/hooks/{useAddEventListener.ts → useEventListener.ts} +0 -0
|
@@ -9,34 +9,29 @@ export type PasswordProps = FieldControlProps & Pick<InputProps, 'containerRef'
|
|
|
9
9
|
*
|
|
10
10
|
* @example
|
|
11
11
|
* import { Password } from '@bspk/ui/Password';
|
|
12
|
-
* import {
|
|
12
|
+
* import { Field, FieldLabel, FieldDescription } from '-/components/Field';
|
|
13
13
|
*
|
|
14
14
|
* () => {
|
|
15
|
-
* const [value, setValue] = useState('');
|
|
15
|
+
* const [value, setValue] = useState<string | undefined>('');
|
|
16
16
|
*
|
|
17
17
|
* return (
|
|
18
|
-
*
|
|
19
|
-
* // standalone password example
|
|
20
|
-
* <Password
|
|
21
|
-
* aria-label="Enter password"
|
|
22
|
-
* value={value}
|
|
23
|
-
* onChange={setValue}
|
|
24
|
-
* aria-label="password"
|
|
25
|
-
* name="password"
|
|
26
|
-
* />
|
|
27
|
-
* <br />
|
|
28
|
-
* // password used within a field
|
|
18
|
+
* <div style={{ width: 320 }}>
|
|
29
19
|
* <Field>
|
|
30
20
|
* <FieldLabel>Password</FieldLabel>
|
|
31
|
-
* <Password
|
|
21
|
+
* <Password
|
|
22
|
+
* aria-label="password"
|
|
23
|
+
* name="password"
|
|
24
|
+
* onChange={(next) => setValue(next)}
|
|
25
|
+
* value={value}
|
|
26
|
+
* />
|
|
32
27
|
* <FieldDescription>The password field allows you to enter a secure password.</FieldDescription>
|
|
33
28
|
* </Field>
|
|
34
|
-
*
|
|
29
|
+
* </div>
|
|
35
30
|
* );
|
|
36
31
|
* };
|
|
37
32
|
*
|
|
38
33
|
* @name Password
|
|
39
|
-
* @phase
|
|
34
|
+
* @phase Stable
|
|
40
35
|
*/
|
|
41
36
|
export declare function Password({ inputProps, inputRef, name, onChange, required, containerRef, invalid: invalidProp, readOnly, disabled, id: idProp, 'aria-label': ariaLabel, ...props }: PasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
42
37
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -11,34 +11,29 @@ import { InputElement } from '../Input';
|
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* import { Password } from '@bspk/ui/Password';
|
|
14
|
-
* import {
|
|
14
|
+
* import { Field, FieldLabel, FieldDescription } from '../Field';
|
|
15
15
|
*
|
|
16
16
|
* () => {
|
|
17
|
-
* const [value, setValue] = useState('');
|
|
17
|
+
* const [value, setValue] = useState<string | undefined>('');
|
|
18
18
|
*
|
|
19
19
|
* return (
|
|
20
|
-
*
|
|
21
|
-
* // standalone password example
|
|
22
|
-
* <Password
|
|
23
|
-
* aria-label="Enter password"
|
|
24
|
-
* value={value}
|
|
25
|
-
* onChange={setValue}
|
|
26
|
-
* aria-label="password"
|
|
27
|
-
* name="password"
|
|
28
|
-
* />
|
|
29
|
-
* <br />
|
|
30
|
-
* // password used within a field
|
|
20
|
+
* <div style={{ width: 320 }}>
|
|
31
21
|
* <Field>
|
|
32
22
|
* <FieldLabel>Password</FieldLabel>
|
|
33
|
-
* <Password
|
|
23
|
+
* <Password
|
|
24
|
+
* aria-label="password"
|
|
25
|
+
* name="password"
|
|
26
|
+
* onChange={(next) => setValue(next)}
|
|
27
|
+
* value={value}
|
|
28
|
+
* />
|
|
34
29
|
* <FieldDescription>The password field allows you to enter a secure password.</FieldDescription>
|
|
35
30
|
* </Field>
|
|
36
|
-
*
|
|
31
|
+
* </div>
|
|
37
32
|
* );
|
|
38
33
|
* };
|
|
39
34
|
*
|
|
40
35
|
* @name Password
|
|
41
|
-
* @phase
|
|
36
|
+
* @phase Stable
|
|
42
37
|
*/
|
|
43
38
|
export function Password({ inputProps, inputRef, name, onChange, required = false, containerRef, invalid: invalidProp, readOnly, disabled, id: idProp, 'aria-label': ariaLabel, ...props }) {
|
|
44
39
|
const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../src/components/Password/Password.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAK9D
|
|
1
|
+
{"version":3,"file":"Password.js","sourceRoot":"","sources":["../../../src/components/Password/Password.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAc,MAAM,oBAAoB,CAAC;AAK9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACI;IACZ,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QACpE,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;KACd,CAAC,CAAC;IAEH,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,KAAC,YAAY,OACL,KAAK,sBACS,eAAe,uBACd,gBAAgB,gBACvB,SAAS,IAAI,SAAS,EAClC,YAAY,EAAC,KAAK,EAClB,YAAY,EAAE,YAAY,qBACV,UAAU,EAC1B,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,CAAC,CAAC,aAA6B,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;QACtE,CAAC,EACD,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,KAAK,EACtB,QAAQ,EACJ,CAAC,QAAQ;YACT,CAAC,QAAQ,IAAI,CACT,KAAC,MAAM,2CAEH,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,GAC/C,CACL,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Password } from '.';
|
|
4
|
+
import { Field, FieldLabel, FieldDescription } from '../Field';
|
|
1
5
|
export const PasswordExample = {
|
|
2
6
|
defaultState: {
|
|
3
7
|
'aria-label': 'password aria-label',
|
|
4
8
|
},
|
|
9
|
+
containerStyle: { width: 320, padding: 0 },
|
|
10
|
+
};
|
|
11
|
+
export const Usage = () => {
|
|
12
|
+
const [value, setValue] = useState('');
|
|
13
|
+
return (_jsx("div", { children: _jsxs(Field, { children: [_jsx(FieldLabel, { children: "Password" }), _jsx(Password, { "aria-label": "password", name: "password", onChange: (next) => setValue(next), value: value }), _jsx(FieldDescription, { children: "The password field allows you to enter a secure password." })] }) }));
|
|
5
14
|
};
|
|
6
15
|
//# sourceMappingURL=PasswordExample.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordExample.js","sourceRoot":"","sources":["../../../src/components/Password/PasswordExample.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordExample.js","sourceRoot":"","sources":["../../../src/components/Password/PasswordExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,YAAY,EAAE;QACV,YAAY,EAAE,qBAAqB;KACtC;IACD,cAAc,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAE3D,OAAO,CACH,wBACI,MAAC,KAAK,eACF,KAAC,UAAU,2BAAsB,EACjC,KAAC,QAAQ,kBAAY,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EACpG,KAAC,gBAAgB,4EAA6E,IAC1F,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -61,7 +61,7 @@ export type PopoverProps = CommonProps<'disabled'> & Pick<UseFloatingProps, 'ref
|
|
|
61
61
|
* </Popover>;
|
|
62
62
|
*
|
|
63
63
|
* @name Popover
|
|
64
|
-
* @phase
|
|
64
|
+
* @phase Stable
|
|
65
65
|
*/
|
|
66
66
|
export declare function Popover({ placement, header, content, callToAction, secondaryCallToAction, children, disabled, refWidth, ...props }: ElementProps<PopoverProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
|
|
67
67
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -31,7 +31,7 @@ import { cssWithVars } from '../../utils/cwv';
|
|
|
31
31
|
* </Popover>;
|
|
32
32
|
*
|
|
33
33
|
* @name Popover
|
|
34
|
-
* @phase
|
|
34
|
+
* @phase Stable
|
|
35
35
|
*/
|
|
36
36
|
export function Popover({ placement = 'top', header, content, callToAction, secondaryCallToAction, children, disabled = false, refWidth, ...props }) {
|
|
37
37
|
const id = useId();
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { Button } from '../Button';
|
|
3
3
|
import { Txt } from '../Txt';
|
|
4
4
|
export const PopoverExample = ({ action }) => ({
|
|
5
|
-
containerStyle: { width: '100%' },
|
|
6
5
|
render: ({ props, Component }) => {
|
|
7
6
|
return (_jsxs(_Fragment, { children: [_jsx(Txt, { style: { marginBottom: `var(--spacing-sizing-02)` }, children: "Click for a Popover" }), _jsx(Component, { ...props, children: (triggerProps) => _jsx(Button, { label: `${props.placement}`, variant: "secondary", ...triggerProps }) })] }));
|
|
8
7
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverExample.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,
|
|
1
|
+
{"version":3,"file":"PopoverExample.js","sourceRoot":"","sources":["../../../src/components/Popover/PopoverExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGvC,MAAM,CAAC,MAAM,cAAc,GAAqC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,OAAO,CACH,8BACI,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,0BAA0B,EAAE,oCAA2B,EACnF,KAAC,SAAS,OAAK,KAAK,YACf,CAAC,YAAY,EAAE,EAAE,CAAC,KAAC,MAAM,IAAC,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAC,WAAW,KAAK,YAAY,GAAI,GACxF,IACb,CACN,CAAC;IACN,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,MAAM,EAAE,mBAAmB;gBAC3B,OAAO,EAAE,wBAAwB;gBACjC,YAAY,EAAE;oBACV,KAAK,EAAE,YAAY;oBACnB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC;iBACnD;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;aACvB;SACJ;QACD;YACI,KAAK,EAAE,yBAAyB;YAChC,SAAS,EAAE;gBACP,MAAM,EAAE,yBAAyB;gBACjC,OAAO,EAAE,8BAA8B;gBACvC,YAAY,EAAE;oBACV,KAAK,EAAE,SAAS;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iCAAiC,CAAC;iBAC3D;gBACD,qBAAqB,EAAE;oBACnB,KAAK,EAAE,WAAW;oBAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mCAAmC,CAAC;iBAC7D;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;aACvB;SACJ;KACJ;IACD,QAAQ,EAAE,KAAK;CAClB,CAAC,CAAC"}
|
|
@@ -8,11 +8,6 @@
|
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
max-width: 300px;
|
|
11
|
-
--arrow-size: var(--spacing-sizing-02);
|
|
12
|
-
--arrow-offset: calc(var(--arrow-size) * -2);
|
|
13
|
-
--arrow-background-color: var(--surface-neutral-t1-base);
|
|
14
|
-
--position-left: 0px;
|
|
15
|
-
--position-top: 0px;
|
|
16
11
|
}
|
|
17
12
|
[data-bspk=popover] header {
|
|
18
13
|
display: flex;
|
|
@@ -25,6 +20,13 @@
|
|
|
25
20
|
margin-right: calc(var(--spacing-sizing-02) * -1);
|
|
26
21
|
margin-top: calc(var(--spacing-sizing-02) * -1);
|
|
27
22
|
}
|
|
23
|
+
[data-bspk=popover] {
|
|
24
|
+
--arrow-size: var(--spacing-sizing-02);
|
|
25
|
+
--arrow-offset: calc(var(--arrow-size) * -2);
|
|
26
|
+
--arrow-background-color: var(--surface-neutral-t1-base);
|
|
27
|
+
--position-left: 0px;
|
|
28
|
+
--position-top: 0px;
|
|
29
|
+
}
|
|
28
30
|
[data-bspk=popover] [data-arrow] {
|
|
29
31
|
z-index: 1;
|
|
30
32
|
position: absolute;
|
|
@@ -11,11 +11,6 @@ style.appendChild(document.createTextNode(`[data-bspk=popover] {
|
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
max-width: 300px;
|
|
14
|
-
--arrow-size: var(--spacing-sizing-02);
|
|
15
|
-
--arrow-offset: calc(var(--arrow-size) * -2);
|
|
16
|
-
--arrow-background-color: var(--surface-neutral-t1-base);
|
|
17
|
-
--position-left: 0px;
|
|
18
|
-
--position-top: 0px;
|
|
19
14
|
}
|
|
20
15
|
[data-bspk=popover] header {
|
|
21
16
|
display: flex;
|
|
@@ -28,6 +23,13 @@ style.appendChild(document.createTextNode(`[data-bspk=popover] {
|
|
|
28
23
|
margin-right: calc(var(--spacing-sizing-02) * -1);
|
|
29
24
|
margin-top: calc(var(--spacing-sizing-02) * -1);
|
|
30
25
|
}
|
|
26
|
+
[data-bspk=popover] {
|
|
27
|
+
--arrow-size: var(--spacing-sizing-02);
|
|
28
|
+
--arrow-offset: calc(var(--arrow-size) * -2);
|
|
29
|
+
--arrow-background-color: var(--surface-neutral-t1-base);
|
|
30
|
+
--position-left: 0px;
|
|
31
|
+
--position-top: 0px;
|
|
32
|
+
}
|
|
31
33
|
[data-bspk=popover] [data-arrow] {
|
|
32
34
|
z-index: 1;
|
|
33
35
|
position: absolute;
|
|
@@ -52,7 +52,7 @@ export type ProgressBarProps = {
|
|
|
52
52
|
* <ProgressBar label="Example label" completion={50} />;
|
|
53
53
|
*
|
|
54
54
|
* @name ProgressBar
|
|
55
|
-
* @phase
|
|
55
|
+
* @phase Stable
|
|
56
56
|
*/
|
|
57
57
|
export declare function ProgressBar({ size, completion: completionProp, align, label, successColor, successHidden, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element | null;
|
|
58
58
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -12,7 +12,7 @@ import { cssWithVars } from '../../utils/cwv';
|
|
|
12
12
|
* <ProgressBar label="Example label" completion={50} />;
|
|
13
13
|
*
|
|
14
14
|
* @name ProgressBar
|
|
15
|
-
* @phase
|
|
15
|
+
* @phase Stable
|
|
16
16
|
*/
|
|
17
17
|
export function ProgressBar({ size = 'large', completion: completionProp = 0, align = 'center', label, successColor = false, successHidden = false, }) {
|
|
18
18
|
const id = useId();
|
|
@@ -24,7 +24,7 @@ export type ProgressCircleProps = {
|
|
|
24
24
|
* <ProgressCircle label="Example label" />;
|
|
25
25
|
*
|
|
26
26
|
* @name ProgressCircle
|
|
27
|
-
* @phase
|
|
27
|
+
* @phase Stable
|
|
28
28
|
*/
|
|
29
29
|
declare function ProgressCircle({ label, labelPosition, size }: ProgressCircleProps): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
declare namespace ProgressCircle {
|
|
@@ -12,7 +12,7 @@ import { useId } from '../../hooks/useId';
|
|
|
12
12
|
* <ProgressCircle label="Example label" />;
|
|
13
13
|
*
|
|
14
14
|
* @name ProgressCircle
|
|
15
|
-
* @phase
|
|
15
|
+
* @phase Stable
|
|
16
16
|
*/
|
|
17
17
|
function ProgressCircle({ label, labelPosition, size = 'medium' }) {
|
|
18
18
|
let variant = 'labels-base';
|
|
@@ -61,7 +61,7 @@ export type ProgressionStepperProps = {
|
|
|
61
61
|
* <ProgressionStepper steps={[{ name: 'Step 1' }, { name: 'Step 2' }, { name: 'Step 3' }]} />;
|
|
62
62
|
*
|
|
63
63
|
* @name ProgressionStepper
|
|
64
|
-
* @phase
|
|
64
|
+
* @phase Stable
|
|
65
65
|
*/
|
|
66
66
|
export declare function ProgressionStepper({ steps, completedStep: completedStepProp, variant, ...containerProps }: ElementProps<ProgressionStepperProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
|
|
67
67
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -10,7 +10,7 @@ import { SvgCheck } from '@bspk/icons/Check';
|
|
|
10
10
|
* <ProgressionStepper steps={[{ name: 'Step 1' }, { name: 'Step 2' }, { name: 'Step 3' }]} />;
|
|
11
11
|
*
|
|
12
12
|
* @name ProgressionStepper
|
|
13
|
-
* @phase
|
|
13
|
+
* @phase Stable
|
|
14
14
|
*/
|
|
15
15
|
export function ProgressionStepper({ steps = [], completedStep: completedStepProp = 0, variant = 'horizontal', ...containerProps }) {
|
|
16
16
|
const completedStepNumber = Math.max(0, Math.min(completedStepProp, steps.length));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAsC;IACtD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SAC9F;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;aACJ;SACJ;KACJ;IACD;QACI,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE;aACrB;SACJ;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,uBAAuB,EAAE;aACvD;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA8C;IAChF,
|
|
1
|
+
{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAsC;IACtD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SAC9F;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;aACJ;SACJ;KACJ;IACD;QACI,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE;aACrB;SACJ;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,uBAAuB,EAAE;aACvD;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA8C;IAChF,OAAO;CACV,CAAC"}
|
|
@@ -54,15 +54,17 @@
|
|
|
54
54
|
flex-direction: row;
|
|
55
55
|
align-items: center;
|
|
56
56
|
justify-content: center;
|
|
57
|
-
padding: 0 var(--spacing-sizing-10);
|
|
58
|
-
font: var(--body-small);
|
|
59
|
-
text-align: center;
|
|
60
57
|
}
|
|
61
58
|
[data-variant=horizontal] [data-bspk=progression-stepper] ol li [data-content] {
|
|
62
59
|
align-items: center;
|
|
63
60
|
justify-content: center;
|
|
64
61
|
width: 100%;
|
|
65
62
|
}
|
|
63
|
+
[data-bspk=progression-stepper] ol li [data-content] {
|
|
64
|
+
padding: 0 var(--spacing-sizing-10);
|
|
65
|
+
font: var(--body-small);
|
|
66
|
+
text-align: center;
|
|
67
|
+
}
|
|
66
68
|
[data-bspk=progression-stepper] ol li:first-of-type [data-line=before] {
|
|
67
69
|
visibility: hidden;
|
|
68
70
|
}
|
|
@@ -57,15 +57,17 @@ style.appendChild(document.createTextNode(`[data-bspk=progression-stepper] {
|
|
|
57
57
|
flex-direction: row;
|
|
58
58
|
align-items: center;
|
|
59
59
|
justify-content: center;
|
|
60
|
-
padding: 0 var(--spacing-sizing-10);
|
|
61
|
-
font: var(--body-small);
|
|
62
|
-
text-align: center;
|
|
63
60
|
}
|
|
64
61
|
[data-variant=horizontal] [data-bspk=progression-stepper] ol li [data-content] {
|
|
65
62
|
align-items: center;
|
|
66
63
|
justify-content: center;
|
|
67
64
|
width: 100%;
|
|
68
65
|
}
|
|
66
|
+
[data-bspk=progression-stepper] ol li [data-content] {
|
|
67
|
+
padding: 0 var(--spacing-sizing-10);
|
|
68
|
+
font: var(--body-small);
|
|
69
|
+
text-align: center;
|
|
70
|
+
}
|
|
69
71
|
[data-bspk=progression-stepper] ol li:first-of-type [data-line=before] {
|
|
70
72
|
visibility: hidden;
|
|
71
73
|
}
|
|
@@ -32,7 +32,7 @@ export type ProgressionStepperBarProps = {
|
|
|
32
32
|
* Component description coming soon.
|
|
33
33
|
*
|
|
34
34
|
* @name ProgressionStepperBar
|
|
35
|
-
* @phase
|
|
35
|
+
* @phase Stable
|
|
36
36
|
*/
|
|
37
37
|
export declare function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp, size, ...containerProps }: ProgressionStepperBarProps): import("react/jsx-runtime").JSX.Element;
|
|
38
38
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -5,7 +5,7 @@ import { cssWithVars } from '../../utils/cwv';
|
|
|
5
5
|
* Component description coming soon.
|
|
6
6
|
*
|
|
7
7
|
* @name ProgressionStepperBar
|
|
8
|
-
* @phase
|
|
8
|
+
* @phase Stable
|
|
9
9
|
*/
|
|
10
10
|
export function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp = 0, size = 'large', ...containerProps }) {
|
|
11
11
|
const stepCompleted = Math.min(stepCompletedProp, stepCount);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
[data-bspk=progression-stepper-bar] {
|
|
2
|
-
display: flex;
|
|
3
|
-
width: 100%;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
gap: var(--spacing-sizing-01);
|
|
6
|
-
}
|
|
7
1
|
[data-bspk=progression-stepper-bar][data-size=large] {
|
|
8
2
|
--height: var(--spacing-sizing-02);
|
|
9
3
|
}
|
|
10
4
|
[data-bspk=progression-stepper-bar][data-size=small] {
|
|
11
5
|
--height: var(--spacing-sizing-01);
|
|
12
6
|
}
|
|
7
|
+
[data-bspk=progression-stepper-bar] {
|
|
8
|
+
display: flex;
|
|
9
|
+
width: 100%;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
gap: var(--spacing-sizing-01);
|
|
12
|
+
}
|
|
13
13
|
[data-bspk=progression-stepper-bar] [data-steps] {
|
|
14
14
|
display: flex;
|
|
15
15
|
flex-direction: row;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/** * This file is generated by the build script.
|
|
2
2
|
* Do not edit this file directly. */
|
|
3
3
|
const style = document.createElement('style');
|
|
4
|
-
style.appendChild(document.createTextNode(`[data-bspk=progression-stepper-bar] {
|
|
5
|
-
display: flex;
|
|
6
|
-
width: 100%;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
gap: var(--spacing-sizing-01);
|
|
9
|
-
}
|
|
10
|
-
[data-bspk=progression-stepper-bar][data-size=large] {
|
|
4
|
+
style.appendChild(document.createTextNode(`[data-bspk=progression-stepper-bar][data-size=large] {
|
|
11
5
|
--height: var(--spacing-sizing-02);
|
|
12
6
|
}
|
|
13
7
|
[data-bspk=progression-stepper-bar][data-size=small] {
|
|
14
8
|
--height: var(--spacing-sizing-01);
|
|
15
9
|
}
|
|
10
|
+
[data-bspk=progression-stepper-bar] {
|
|
11
|
+
display: flex;
|
|
12
|
+
width: 100%;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
gap: var(--spacing-sizing-01);
|
|
15
|
+
}
|
|
16
16
|
[data-bspk=progression-stepper-bar] [data-steps] {
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: row;
|
|
@@ -57,7 +57,7 @@ export type RadioGroupProps = Omit<FieldControlProps, 'readOnly'> & {
|
|
|
57
57
|
* };
|
|
58
58
|
*
|
|
59
59
|
* @name RadioGroup
|
|
60
|
-
* @phase
|
|
60
|
+
* @phase Stable
|
|
61
61
|
*/
|
|
62
62
|
export declare function RadioGroup({ onChange, options, name, value: groupValue, disabled, invalid: invalidProp, required, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-errormessage': ariaErrorMessageProp, ...props }: ElementProps<RadioGroupProps, 'div'>): import("react/jsx-runtime").JSX.Element;
|
|
63
63
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -33,7 +33,7 @@ import { RadioOption } from '../RadioOption';
|
|
|
33
33
|
* };
|
|
34
34
|
*
|
|
35
35
|
* @name RadioGroup
|
|
36
|
-
* @phase
|
|
36
|
+
* @phase Stable
|
|
37
37
|
*/
|
|
38
38
|
export function RadioGroup({ onChange, options = [], name, value: groupValue, disabled = false, invalid: invalidProp, required, id: idProp, 'aria-describedby': ariaDescribedByProp, 'aria-errormessage': ariaErrorMessageProp, ...props }) {
|
|
39
39
|
const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
|
|
@@ -4,6 +4,7 @@ export type RatingProps = {
|
|
|
4
4
|
/**
|
|
5
5
|
* The value of the rating between 0 and 5.
|
|
6
6
|
*
|
|
7
|
+
* @default 0
|
|
7
8
|
* @minimum 0
|
|
8
9
|
* @maximum 5
|
|
9
10
|
*/
|
|
@@ -31,7 +32,7 @@ export type RatingProps = {
|
|
|
31
32
|
* <Rating value={4.5} size="large" />;
|
|
32
33
|
*
|
|
33
34
|
* @name Rating
|
|
34
|
-
* @phase
|
|
35
|
+
* @phase Stable
|
|
35
36
|
*/
|
|
36
|
-
export declare function Rating({ size, value, onChange }: RatingProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare function Rating({ size, value: valueProp, onChange: onChangeProp }: RatingProps): import("react/jsx-runtime").JSX.Element;
|
|
37
38
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import './rating.css.js';
|
|
3
3
|
import { SvgStarFill } from '@bspk/icons/StarFill';
|
|
4
|
+
import { useControlledState } from '../../hooks/useControlledState';
|
|
4
5
|
const MAX_STARS = 5;
|
|
5
6
|
const iconWidths = {
|
|
6
7
|
large: 32,
|
|
@@ -17,10 +18,11 @@ const iconWidths = {
|
|
|
17
18
|
* <Rating value={4.5} size="large" />;
|
|
18
19
|
*
|
|
19
20
|
* @name Rating
|
|
20
|
-
* @phase
|
|
21
|
+
* @phase Stable
|
|
21
22
|
*/
|
|
22
|
-
export function Rating({ size = 'medium', value, onChange }) {
|
|
23
|
-
|
|
23
|
+
export function Rating({ size = 'medium', value: valueProp, onChange: onChangeProp }) {
|
|
24
|
+
const [value, onChange] = useControlledState(valueProp, onChangeProp);
|
|
25
|
+
if (!onChangeProp)
|
|
24
26
|
return (_jsx("div", { "aria-label": value ? `${value} out of ${MAX_STARS} stars` : 'Rating', "data-bspk": "rating", "data-size": size, role: "img", children: Array.from({ length: MAX_STARS }, (_, index) => {
|
|
25
27
|
const fill = getFill(index + 1, value);
|
|
26
28
|
return (_jsxs("div", { "data-fill": fill, "data-star": true, role: "presentation", tabIndex: -1, children: [_jsx(SvgStarFill, { width: iconWidths[size] }), fill === 'half' && (_jsx("div", { "data-fill-half": true, children: _jsx("div", { "data-star": true, children: _jsx(SvgStarFill, { width: iconWidths[size] }) }) }))] }, index));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -79,7 +79,7 @@ export type SearchBarProps<O extends SearchBarOption = SearchBarOption> = Omit<F
|
|
|
79
79
|
* };
|
|
80
80
|
*
|
|
81
81
|
* @name SearchBar
|
|
82
|
-
* @phase
|
|
82
|
+
* @phase Stable
|
|
83
83
|
*/
|
|
84
84
|
export declare function SearchBar<O extends SearchBarOption>({ items: itemsProp, noResultsMessage, placeholder, id: idProp, inputRef, name, size, value, onChange, disabled, scrollLimit, trailing, 'aria-label': ariaLabel, }: SearchBarProps<O>): import("react/jsx-runtime").JSX.Element;
|
|
85
85
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -10,10 +10,10 @@ import { useArrowNavigation } from '../../hooks/useArrowNavigation';
|
|
|
10
10
|
import { useFloating } from '../../hooks/useFloating';
|
|
11
11
|
import { useId } from '../../hooks/useId';
|
|
12
12
|
import { useOutsideClick } from '../../hooks/useOutsideClick';
|
|
13
|
-
import { useUIContext } from '../../hooks/useUIContext';
|
|
14
13
|
import { getElementById } from '../../utils/dom';
|
|
15
14
|
import { handleKeyDown } from '../../utils/handleKeyDown';
|
|
16
15
|
import { scrollListItemsStyle } from '../../utils/scrollListItemsStyle';
|
|
16
|
+
import { sendAriaLiveMessage } from '../../utils/sendAriaLiveMessage';
|
|
17
17
|
import { useIds } from '../../utils/useIds';
|
|
18
18
|
/**
|
|
19
19
|
* An input field that allows customers to input search queries and retrieve results.
|
|
@@ -49,7 +49,7 @@ import { useIds } from '../../utils/useIds';
|
|
|
49
49
|
* };
|
|
50
50
|
*
|
|
51
51
|
* @name SearchBar
|
|
52
|
-
* @phase
|
|
52
|
+
* @phase Stable
|
|
53
53
|
*/
|
|
54
54
|
export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'Search', id: idProp, inputRef, name, size = 'medium', value, onChange, disabled = false, scrollLimit, trailing, 'aria-label': ariaLabel, }) {
|
|
55
55
|
const id = useId(idProp);
|
|
@@ -61,11 +61,10 @@ export function SearchBar({ items: itemsProp, noResultsMessage, placeholder = 'S
|
|
|
61
61
|
const valueStr = value?.toString().trim().toLowerCase() || '';
|
|
62
62
|
return items.filter((item) => !valueStr || item.label.toLowerCase().includes(valueStr));
|
|
63
63
|
}, [items, value]);
|
|
64
|
-
const { sendAriaLiveMessage } = useUIContext();
|
|
65
64
|
useEffect(() => {
|
|
66
65
|
if (!items.length)
|
|
67
66
|
sendAriaLiveMessage('No results found', 'assertive');
|
|
68
|
-
}, [items.length,
|
|
67
|
+
}, [items.length, value]);
|
|
69
68
|
const { activeElementId, setActiveElementId, arrowKeyCallbacks } = useArrowNavigation({
|
|
70
69
|
ids: filteredItems.map((i) => i.id),
|
|
71
70
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
|