@bspk/ui 1.3.8 → 1.3.10
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 +19 -3
- package/dist/components/Accordion/Accordion.js +20 -3
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Avatar/Avatar.d.ts +13 -14
- package/dist/components/Avatar/Avatar.js +13 -14
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +29 -12
- package/dist/components/AvatarGroup/AvatarGroup.js +29 -12
- package/dist/components/AvatarGroup/AvatarGroup.js.map +1 -1
- package/dist/components/Badge/Badge.d.ts +1 -3
- package/dist/components/Badge/Badge.js +1 -3
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/BadgeDot/BadgeDot.d.ts +4 -4
- package/dist/components/BadgeDot/BadgeDot.js +5 -4
- package/dist/components/BadgeDot/BadgeDot.js.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.d.ts +11 -12
- package/dist/components/BannerAlert/BannerAlert.js +11 -12
- package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.d.ts +6 -3
- package/dist/components/BottomNavigation/BottomNavigation.js +6 -3
- package/dist/components/BottomNavigation/BottomNavigation.js.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigationExample.js +31 -36
- package/dist/components/BottomNavigation/BottomNavigationExample.js.map +1 -1
- package/dist/components/BottomNavigation/bottom-navigation.css +8 -1
- package/dist/components/BottomNavigation/bottom-navigation.css.js +8 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +17 -18
- package/dist/components/Breadcrumb/Breadcrumb.js +17 -18
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbDropdown.d.ts +6 -0
- package/dist/components/Breadcrumb/BreadcrumbDropdown.js +6 -0
- package/dist/components/Breadcrumb/BreadcrumbDropdown.js.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -11
- package/dist/components/Button/Button.js +1 -11
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/ButtonExample.js +1 -3
- package/dist/components/Button/ButtonExample.js.map +1 -1
- package/dist/components/ButtonDock/ButtonDock.d.ts +10 -14
- package/dist/components/ButtonDock/ButtonDock.js +10 -14
- package/dist/components/ButtonDock/ButtonDock.js.map +1 -1
- package/dist/components/Card/Card.d.ts +8 -10
- package/dist/components/Card/Card.js +6 -10
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +9 -13
- package/dist/components/Carousel/Carousel.js +9 -13
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Carousel/CarouselExample.js +14 -14
- package/dist/components/Carousel/CarouselExample.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +7 -4
- package/dist/components/Checkbox/Checkbox.js +7 -4
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +3 -3
- package/dist/components/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/components/CheckboxGroup/CheckboxGroupExample.js +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
- package/dist/components/CheckboxOption/CheckboxOption.d.ts +4 -4
- package/dist/components/CheckboxOption/CheckboxOption.js +4 -4
- package/dist/components/Chip/Chip.d.ts +3 -7
- package/dist/components/Chip/Chip.js +3 -7
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/ChipExample.js +50 -3
- package/dist/components/Chip/ChipExample.js.map +1 -1
- package/dist/components/ChipGroup/ChipGroup.d.ts +21 -10
- package/dist/components/ChipGroup/ChipGroup.js +21 -10
- package/dist/components/ChipGroup/ChipGroup.js.map +1 -1
- package/dist/components/ChipGroup/ChipGroupExample.js +1 -0
- package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +13 -12
- package/dist/components/DatePicker/DatePicker.js +13 -12
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +11 -6
- package/dist/components/Dialog/Dialog.js +11 -6
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Divider/Divider.d.ts +5 -9
- package/dist/components/Divider/Divider.js +5 -9
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/DividerExample.js +16 -1
- package/dist/components/Divider/DividerExample.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +3 -3
- package/dist/components/Drawer/Drawer.js +3 -3
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +3 -7
- package/dist/components/EmptyState/EmptyState.js +3 -7
- package/dist/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/components/Fab/Fab.d.ts +4 -5
- package/dist/components/Fab/Fab.js +4 -6
- package/dist/components/Fab/Fab.js.map +1 -1
- package/dist/components/Fab/FabExample.d.ts +2 -1
- package/dist/components/Fab/FabExample.js +20 -2
- package/dist/components/Fab/FabExample.js.map +1 -1
- package/dist/components/Field/Field.d.ts +4 -5
- package/dist/components/Field/Field.js +4 -5
- package/dist/components/Field/Field.js.map +1 -1
- package/dist/components/Field/FieldDescription.d.ts +7 -5
- package/dist/components/Field/FieldDescription.js +7 -3
- package/dist/components/Field/FieldDescription.js.map +1 -1
- package/dist/components/Field/FieldError.d.ts +6 -0
- package/dist/components/Field/FieldError.js +6 -0
- package/dist/components/Field/FieldError.js.map +1 -1
- package/dist/components/Field/FieldLabel.d.ts +6 -0
- package/dist/components/Field/FieldLabel.js +6 -0
- package/dist/components/Field/FieldLabel.js.map +1 -1
- package/dist/components/Field/utils.d.ts +5 -0
- package/dist/components/Field/utils.js +5 -0
- package/dist/components/Field/utils.js.map +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts +3 -3
- package/dist/components/FileUpload/FileUpload.js +3 -3
- package/dist/components/FileUploadItem/FileUploadItem.d.ts +6 -10
- package/dist/components/FileUploadItem/FileUploadItem.js +6 -10
- package/dist/components/FileUploadItem/FileUploadItem.js.map +1 -1
- package/dist/components/FormField/FormField.d.ts +5 -16
- package/dist/components/FormField/FormField.js +5 -16
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/Img/Img.d.ts +1 -3
- package/dist/components/Img/Img.js +1 -3
- package/dist/components/Img/Img.js.map +1 -1
- package/dist/components/InlineAlert/InlineAlert.d.ts +1 -3
- package/dist/components/InlineAlert/InlineAlert.js +1 -3
- package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
- package/dist/components/InlineAlert/SvgWarningTwoTone.d.ts +6 -0
- package/dist/components/InlineAlert/SvgWarningTwoTone.js +6 -0
- package/dist/components/InlineAlert/SvgWarningTwoTone.js.map +1 -1
- package/dist/components/Input/Input.d.ts +13 -13
- package/dist/components/Input/Input.js +13 -13
- package/dist/components/Input/InputElement.d.ts +11 -5
- package/dist/components/Input/InputElement.js +11 -5
- package/dist/components/Input/InputElement.js.map +1 -1
- package/dist/components/InputNumber/IncrementButton.d.ts +13 -3
- package/dist/components/InputNumber/IncrementButton.js +11 -4
- package/dist/components/InputNumber/IncrementButton.js.map +1 -1
- package/dist/components/InputNumber/InputNumber.d.ts +20 -20
- package/dist/components/InputNumber/InputNumber.js +46 -30
- package/dist/components/InputNumber/InputNumber.js.map +1 -1
- package/dist/components/InputNumber/InputNumberExample.js +1 -0
- package/dist/components/InputNumber/InputNumberExample.js.map +1 -1
- package/dist/components/InputNumber/input-number.css +6 -0
- package/dist/components/InputNumber/input-number.css.js +6 -0
- package/dist/components/InputPhone/InputPhone.d.ts +21 -16
- package/dist/components/InputPhone/InputPhone.js +21 -16
- package/dist/components/InputPhone/InputPhone.js.map +1 -1
- package/dist/components/Layout/Layout.d.ts +1 -3
- package/dist/components/Layout/Layout.js +1 -3
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Link/Link.d.ts +1 -3
- package/dist/components/Link/Link.js +1 -3
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/ListItem/ListItem.d.ts +22 -21
- package/dist/components/ListItem/ListItem.js +19 -16
- package/dist/components/ListItem/ListItem.js.map +1 -1
- package/dist/components/Menu/Menu.d.ts +5 -9
- package/dist/components/Menu/Menu.js +5 -9
- package/dist/components/Menu/Menu.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts +4 -4
- package/dist/components/Modal/Modal.js +4 -4
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/modal.css +12 -1
- package/dist/components/Modal/modal.css.js +12 -1
- package/dist/components/OTPInput/OTPInput.d.ts +5 -3
- package/dist/components/OTPInput/OTPInput.js +5 -3
- package/dist/components/OTPInput/OTPInput.js.map +1 -1
- package/dist/components/PageControl/PageControl.d.ts +1 -3
- package/dist/components/PageControl/PageControl.js +1 -3
- package/dist/components/PageControl/PageControl.js.map +1 -1
- package/dist/components/Pagination/PageList.d.ts +6 -0
- package/dist/components/Pagination/PageList.js +6 -0
- package/dist/components/Pagination/PageList.js.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts +6 -7
- package/dist/components/Pagination/Pagination.js +28 -15
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/pagination.css +5 -14
- package/dist/components/Pagination/pagination.css.js +5 -14
- package/dist/components/Password/Password.d.ts +19 -20
- package/dist/components/Password/Password.js +19 -20
- package/dist/components/Password/Password.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +11 -20
- package/dist/components/Popover/Popover.js +11 -20
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/PopoverExample.js +1 -1
- package/dist/components/Popover/PopoverExample.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +1 -3
- package/dist/components/ProgressBar/ProgressBar.js +1 -3
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.d.ts +1 -3
- package/dist/components/ProgressCircle/ProgressCircle.js +1 -3
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +1 -3
- package/dist/components/ProgressionStepper/ProgressionStepper.js +1 -3
- package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
- package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/dist/components/RadioGroup/RadioGroup.js +2 -2
- package/dist/components/Rating/Rating.d.ts +2 -4
- package/dist/components/Rating/Rating.js +8 -6
- package/dist/components/Rating/Rating.js.map +1 -1
- package/dist/components/Rating/RatingExample.js +17 -1
- package/dist/components/Rating/RatingExample.js.map +1 -1
- package/dist/components/Scrim/Scrim.d.ts +0 -1
- package/dist/components/Scrim/Scrim.js +0 -1
- package/dist/components/Scrim/Scrim.js.map +1 -1
- package/dist/components/SearchBar/SearchBar.d.ts +2 -2
- package/dist/components/SearchBar/SearchBar.js +2 -2
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +3 -3
- package/dist/components/SegmentedControl/SegmentedControl.js +3 -3
- package/dist/components/SegmentedControl/SegmentedControlExample.js +10 -12
- package/dist/components/SegmentedControl/SegmentedControlExample.js.map +1 -1
- package/dist/components/Select/Select.d.ts +33 -34
- package/dist/components/Select/Select.js +33 -34
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Skeleton/Circular.d.ts +6 -0
- package/dist/components/Skeleton/Circular.js +6 -0
- package/dist/components/Skeleton/Circular.js.map +1 -1
- package/dist/components/Skeleton/Photo.d.ts +6 -0
- package/dist/components/Skeleton/Photo.js +6 -0
- package/dist/components/Skeleton/Photo.js.map +1 -1
- package/dist/components/Skeleton/Profile.d.ts +6 -0
- package/dist/components/Skeleton/Profile.js +6 -0
- package/dist/components/Skeleton/Profile.js.map +1 -1
- package/dist/components/Skeleton/Rectangular.d.ts +6 -0
- package/dist/components/Skeleton/Rectangular.js +6 -0
- package/dist/components/Skeleton/Rectangular.js.map +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +10 -14
- package/dist/components/Skeleton/Skeleton.js +10 -14
- package/dist/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/Skeleton/SkeletonExample.js +4 -3
- package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
- package/dist/components/Skeleton/Thumbnail.d.ts +6 -0
- package/dist/components/Skeleton/Thumbnail.js +6 -0
- package/dist/components/Skeleton/Thumbnail.js.map +1 -1
- package/dist/components/SkeletonText/SkeletonText.d.ts +5 -9
- package/dist/components/SkeletonText/SkeletonText.js +5 -9
- package/dist/components/SkeletonText/SkeletonText.js.map +1 -1
- package/dist/components/Slider/Slider.d.ts +2 -2
- package/dist/components/Slider/Slider.js +2 -2
- package/dist/components/Slider/SliderExample.js +40 -18
- package/dist/components/Slider/SliderExample.js.map +1 -1
- package/dist/components/Slider/SliderIntervalDots.d.ts +6 -0
- package/dist/components/Slider/SliderIntervalDots.js +6 -0
- package/dist/components/Slider/SliderIntervalDots.js.map +1 -1
- package/dist/components/Snackbar/Manager.d.ts +28 -0
- package/dist/components/Snackbar/Manager.js +34 -0
- package/dist/components/Snackbar/Manager.js.map +1 -0
- package/dist/components/Snackbar/Snackbar.d.ts +23 -6
- package/dist/components/Snackbar/Snackbar.js +23 -5
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/SnackbarExample.js +8 -1
- package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
- package/dist/components/Snackbar/index.d.ts +1 -0
- package/dist/components/Snackbar/index.js +1 -0
- package/dist/components/Snackbar/index.js.map +1 -1
- package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts +1 -3
- package/dist/components/StylesProviderDemo/StylesProviderDemo.js +1 -3
- package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +2 -2
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/TabGroup/TabGroup.d.ts +2 -2
- package/dist/components/TabGroup/TabGroup.js +2 -2
- package/dist/components/TabGroup/TabGroupExample.js +5 -11
- package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
- package/dist/components/TabGroup/tab-group.css +1 -0
- package/dist/components/TabGroup/tab-group.css.js +1 -0
- package/dist/components/TabList/TabList.d.ts +2 -2
- package/dist/components/TabList/TabList.js +3 -4
- package/dist/components/TabList/TabList.js.map +1 -1
- package/dist/components/TabList/tab-list.css +0 -1
- package/dist/components/TabList/tab-list.css.js +0 -1
- package/dist/components/Table/Footer.d.ts +6 -0
- package/dist/components/Table/Footer.js +6 -0
- package/dist/components/Table/Footer.js.map +1 -1
- package/dist/components/Table/Table.d.ts +53 -16
- package/dist/components/Table/Table.js +53 -16
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/table.css +0 -1
- package/dist/components/Table/table.css.js +0 -1
- package/dist/components/Tag/Tag.d.ts +1 -3
- package/dist/components/Tag/Tag.js +1 -3
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +13 -13
- package/dist/components/Textarea/Textarea.js +13 -13
- package/dist/components/TimePicker/Listbox.d.ts +6 -0
- package/dist/components/TimePicker/Listbox.js +6 -0
- package/dist/components/TimePicker/Listbox.js.map +1 -1
- package/dist/components/TimePicker/Segment.d.ts +6 -0
- package/dist/components/TimePicker/Segment.js +6 -0
- package/dist/components/TimePicker/Segment.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +14 -14
- package/dist/components/TimePicker/TimePicker.js +14 -14
- package/dist/components/ToggleOption/ToggleOption.js +1 -1
- package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
- package/dist/components/ToggleOption/toggle-option.css +2 -49
- package/dist/components/ToggleOption/toggle-option.css.js +2 -49
- package/dist/components/Tooltip/Tooltip.d.ts +3 -7
- package/dist/components/Tooltip/Tooltip.js +3 -7
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/TooltipExample.js +23 -3
- package/dist/components/Tooltip/TooltipExample.js.map +1 -1
- package/dist/components/Truncated/Truncated.d.ts +0 -1
- package/dist/components/Truncated/Truncated.js +1 -2
- package/dist/components/Truncated/Truncated.js.map +1 -1
- package/dist/components/Txt/Txt.d.ts +1 -3
- package/dist/components/Txt/Txt.js +1 -3
- package/dist/components/Txt/Txt.js.map +1 -1
- package/dist/components/UIProvider/AriaLiveMessageHandler.js +3 -2
- package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +1 -1
- package/dist/components/UIProvider/UIProvider.d.ts +0 -1
- package/dist/components/UIProvider/UIProvider.js +0 -1
- package/dist/components/UIProvider/UIProvider.js.map +1 -1
- package/dist/hooks/useAddEventListener.d.ts +1 -2
- package/dist/hooks/useAddEventListener.js.map +1 -1
- package/dist/hooks/useLongPress.d.ts +30 -15
- package/dist/hooks/useLongPress.js +26 -42
- package/dist/hooks/useLongPress.js.map +1 -1
- package/dist/hooks/useRadioState.d.ts +1 -1
- package/dist/hooks/useTimeout.d.ts +1 -2
- package/dist/hooks/useTimeout.js +20 -4
- package/dist/hooks/useTimeout.js.map +1 -1
- package/dist/styles/base.css +9 -0
- package/dist/styles/base.css.js +9 -0
- package/dist/types/common.d.ts +3 -0
- 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/createCustomEvent.d.ts +17 -0
- package/dist/utils/createCustomEvent.js +21 -0
- package/dist/utils/createCustomEvent.js.map +1 -0
- package/dist/utils/createExampleChildElement.js +3 -3
- package/dist/utils/createExampleChildElement.js.map +1 -1
- package/dist/utils/demo.d.ts +18 -26
- package/dist/utils/demo.js.map +1 -1
- package/meta.ts +6 -1
- package/package.json +1 -1
- package/src/components/Accordion/Accordion.tsx +20 -3
- package/src/components/Avatar/Avatar.tsx +13 -14
- package/src/components/AvatarGroup/AvatarGroup.tsx +30 -13
- package/src/components/Badge/Badge.tsx +1 -3
- package/src/components/BadgeDot/BadgeDot.tsx +6 -4
- package/src/components/BannerAlert/BannerAlert.tsx +11 -12
- package/src/components/BottomNavigation/BottomNavigation.tsx +6 -3
- package/src/components/BottomNavigation/BottomNavigationExample.tsx +31 -36
- package/src/components/BottomNavigation/bottom-navigation.scss +10 -1
- package/src/components/Breadcrumb/Breadcrumb.tsx +17 -18
- package/src/components/Breadcrumb/BreadcrumbDropdown.tsx +6 -0
- package/src/components/Button/Button.tsx +1 -11
- package/src/components/Button/ButtonExample.tsx +1 -2
- package/src/components/ButtonDock/ButtonDock.tsx +10 -14
- package/src/components/Card/Card.tsx +9 -11
- package/src/components/Carousel/Carousel.tsx +9 -13
- package/src/components/Carousel/CarouselExample.tsx +25 -25
- package/src/components/Checkbox/Checkbox.tsx +7 -4
- package/src/components/CheckboxGroup/CheckboxGroup.tsx +3 -3
- package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +1 -0
- package/src/components/CheckboxOption/CheckboxOption.tsx +4 -4
- package/src/components/Chip/Chip.tsx +3 -7
- package/src/components/Chip/ChipExample.tsx +52 -3
- package/src/components/ChipGroup/ChipGroup.tsx +21 -10
- package/src/components/ChipGroup/ChipGroupExample.tsx +1 -1
- package/src/components/DatePicker/DatePicker.tsx +13 -12
- package/src/components/Dialog/Dialog.tsx +11 -6
- package/src/components/Divider/Divider.tsx +5 -9
- package/src/components/Divider/DividerExample.tsx +18 -1
- package/src/components/Drawer/Drawer.tsx +3 -4
- package/src/components/EmptyState/EmptyState.tsx +3 -7
- package/src/components/Fab/Fab.tsx +8 -5
- package/src/components/Fab/FabExample.tsx +22 -3
- package/src/components/Field/Field.tsx +4 -5
- package/src/components/Field/FieldDescription.tsx +7 -5
- package/src/components/Field/FieldError.tsx +6 -0
- package/src/components/Field/FieldLabel.tsx +6 -0
- package/src/components/Field/utils.ts +5 -0
- package/src/components/FileUpload/FileUpload.tsx +3 -3
- package/src/components/FileUploadItem/FileUploadItem.tsx +6 -10
- package/src/components/FormField/FormField.tsx +5 -16
- package/src/components/Img/Img.tsx +1 -3
- package/src/components/InlineAlert/InlineAlert.tsx +1 -3
- package/src/components/InlineAlert/SvgWarningTwoTone.tsx +6 -0
- package/src/components/Input/Input.tsx +13 -13
- package/src/components/Input/InputElement.tsx +11 -5
- package/src/components/InputNumber/IncrementButton.tsx +21 -11
- package/src/components/InputNumber/InputNumber.tsx +53 -51
- package/src/components/InputNumber/InputNumberExample.tsx +1 -0
- package/src/components/InputNumber/input-number.scss +10 -0
- package/src/components/InputPhone/InputPhone.tsx +21 -16
- package/src/components/Layout/Layout.tsx +1 -3
- package/src/components/Link/Link.tsx +1 -3
- package/src/components/ListItem/ListItem.tsx +22 -20
- package/src/components/Menu/Menu.tsx +5 -9
- package/src/components/Modal/Modal.tsx +10 -5
- package/src/components/Modal/modal.scss +13 -1
- package/src/components/OTPInput/OTPInput.tsx +5 -3
- package/src/components/PageControl/PageControl.tsx +1 -3
- package/src/components/Pagination/PageList.tsx +6 -0
- package/src/components/Pagination/Pagination.tsx +50 -24
- package/src/components/Pagination/pagination.scss +7 -17
- package/src/components/Password/Password.tsx +19 -20
- package/src/components/Popover/Popover.tsx +11 -20
- package/src/components/Popover/PopoverExample.tsx +1 -1
- package/src/components/ProgressBar/ProgressBar.tsx +1 -3
- package/src/components/ProgressCircle/ProgressCircle.tsx +1 -3
- package/src/components/ProgressionStepper/ProgressionStepper.tsx +1 -3
- package/src/components/RadioGroup/RadioGroup.tsx +2 -2
- package/src/components/Rating/Rating.tsx +34 -14
- package/src/components/Rating/RatingExample.tsx +18 -1
- package/src/components/Scrim/Scrim.tsx +0 -1
- package/src/components/SearchBar/SearchBar.tsx +2 -2
- package/src/components/SegmentedControl/SegmentedControl.tsx +3 -3
- package/src/components/SegmentedControl/SegmentedControlExample.tsx +10 -12
- package/src/components/Select/Select.tsx +33 -34
- package/src/components/Skeleton/Circular.tsx +6 -0
- package/src/components/Skeleton/Photo.tsx +6 -0
- package/src/components/Skeleton/Profile.tsx +6 -0
- package/src/components/Skeleton/Rectangular.tsx +6 -0
- package/src/components/Skeleton/Skeleton.tsx +10 -14
- package/src/components/Skeleton/SkeletonExample.tsx +5 -3
- package/src/components/Skeleton/Thumbnail.tsx +6 -0
- package/src/components/SkeletonText/SkeletonText.tsx +5 -9
- package/src/components/Slider/Slider.tsx +2 -2
- package/src/components/Slider/SliderExample.tsx +42 -17
- package/src/components/Slider/SliderIntervalDots.tsx +6 -0
- package/src/components/Snackbar/Manager.tsx +63 -0
- package/src/components/Snackbar/Snackbar.tsx +23 -7
- package/src/components/Snackbar/SnackbarExample.tsx +28 -6
- package/src/components/Snackbar/index.tsx +1 -0
- package/src/components/StylesProviderDemo/StylesProviderDemo.tsx +1 -3
- package/src/components/Switch/Switch.tsx +2 -2
- package/src/components/TabGroup/TabGroup.tsx +2 -2
- package/src/components/TabGroup/TabGroupExample.tsx +5 -11
- package/src/components/TabGroup/tab-group.scss +1 -0
- package/src/components/TabList/TabList.tsx +3 -4
- package/src/components/TabList/tab-list.scss +0 -1
- package/src/components/Table/Footer.tsx +6 -0
- package/src/components/Table/Table.tsx +53 -16
- package/src/components/Table/table.scss +0 -1
- package/src/components/Tag/Tag.tsx +1 -3
- package/src/components/Textarea/Textarea.tsx +13 -13
- package/src/components/TimePicker/Listbox.tsx +6 -0
- package/src/components/TimePicker/Segment.tsx +6 -0
- package/src/components/TimePicker/TimePicker.tsx +14 -14
- package/src/components/ToggleOption/ToggleOption.tsx +1 -0
- package/src/components/ToggleOption/toggle-option.scss +2 -61
- package/src/components/Tooltip/Tooltip.tsx +3 -7
- package/src/components/Tooltip/TooltipExample.tsx +23 -11
- package/src/components/Truncated/Truncated.tsx +1 -2
- package/src/components/Txt/Txt.tsx +1 -3
- package/src/components/UIProvider/AriaLiveMessageHandler.tsx +4 -2
- package/src/components/UIProvider/UIProvider.tsx +0 -1
- package/src/hooks/useAddEventListener.ts +1 -3
- package/src/hooks/useLongPress.ts +58 -48
- package/src/hooks/useTimeout.ts +1 -5
- package/src/styles/base.scss +9 -0
- package/src/types/common.ts +4 -0
- package/src/types/meta.ts +1 -0
- package/src/utils/createCustomEvent.ts +35 -0
- package/src/utils/createExampleChildElement.tsx +3 -8
- package/src/utils/demo.ts +24 -27
- package/dist/components/ListItem/ListItemButton.d.ts +0 -2
- package/dist/components/ListItem/ListItemButton.js +0 -7
- package/dist/components/ListItem/ListItemButton.js.map +0 -1
- package/dist/components/Pagination/PageInput.d.ts +0 -4
- package/dist/components/Pagination/PageInput.js +0 -36
- package/dist/components/Pagination/PageInput.js.map +0 -1
- package/dist/components/Truncated/truncated.css +0 -8
- package/dist/components/Truncated/truncated.css.js +0 -13
- package/dist/hooks/usePaginationState.d.ts +0 -4
- package/dist/hooks/usePaginationState.js +0 -22
- package/dist/hooks/usePaginationState.js.map +0 -1
- package/src/components/ListItem/ListItemButton.tsx +0 -6
- package/src/components/Pagination/PageInput.tsx +0 -65
- package/src/components/Truncated/truncated.scss +0 -8
- package/src/hooks/usePaginationState.tsx +0 -24
|
@@ -109,7 +109,7 @@ export type TabListProps<O extends TabOption = TabOption> = {
|
|
|
109
109
|
* import { useState } from 'react';
|
|
110
110
|
* import { TabList } from '@bspk/ui/TabList';
|
|
111
111
|
*
|
|
112
|
-
*
|
|
112
|
+
* () => {
|
|
113
113
|
* const [selectedTab, setSelectedTab] = useState<string>();
|
|
114
114
|
*
|
|
115
115
|
* return (
|
|
@@ -123,7 +123,7 @@ export type TabListProps<O extends TabOption = TabOption> = {
|
|
|
123
123
|
* value={selectedTab}
|
|
124
124
|
* />
|
|
125
125
|
* );
|
|
126
|
-
* }
|
|
126
|
+
* };
|
|
127
127
|
*
|
|
128
128
|
* @name TabList
|
|
129
129
|
* @phase Utility
|
|
@@ -3,7 +3,6 @@ import './tab-list.css.js';
|
|
|
3
3
|
import { Fragment, useMemo } from 'react';
|
|
4
4
|
import { Badge } from '../Badge';
|
|
5
5
|
import { Tooltip } from '../Tooltip';
|
|
6
|
-
import { Truncated } from '../Truncated';
|
|
7
6
|
import { useArrowNavigation } from '../../hooks/useArrowNavigation';
|
|
8
7
|
import { useId } from '../../hooks/useId';
|
|
9
8
|
import { getElementById } from '../../utils/dom';
|
|
@@ -23,7 +22,7 @@ const TAB_BADGE_SIZES = {
|
|
|
23
22
|
* import { useState } from 'react';
|
|
24
23
|
* import { TabList } from '@bspk/ui/TabList';
|
|
25
24
|
*
|
|
26
|
-
*
|
|
25
|
+
* () => {
|
|
27
26
|
* const [selectedTab, setSelectedTab] = useState<string>();
|
|
28
27
|
*
|
|
29
28
|
* return (
|
|
@@ -37,7 +36,7 @@ const TAB_BADGE_SIZES = {
|
|
|
37
36
|
* value={selectedTab}
|
|
38
37
|
* />
|
|
39
38
|
* );
|
|
40
|
-
* }
|
|
39
|
+
* };
|
|
41
40
|
*
|
|
42
41
|
* @name TabList
|
|
43
42
|
* @phase Utility
|
|
@@ -87,7 +86,7 @@ onChange, value: valueProp, size = 'medium', options: optionsProp, width = 'hug'
|
|
|
87
86
|
const isActive = (activeElementId && activeElementId === item.id) || undefined;
|
|
88
87
|
return (_jsx(Fragment, { children: _jsx(Tooltip, { disabled: !iconsOnly, label: item.label, placement: "top", children: (triggerProps) => (
|
|
89
88
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events
|
|
90
|
-
_jsxs("li", { ...triggerProps, "aria-controls": id, "aria-disabled": item.disabled || undefined, "aria-selected": isSelected, "data-active": isActive, "data-value": item.value, id: item.id, onClick: item.disabled ? undefined : handleClick(item), role: "tab", tabIndex: focusableOption.id === item.id ? 0 : -1, children: [icon && _jsx("span", { "aria-hidden": "true", children: icon }), !iconsOnly && _jsx(
|
|
89
|
+
_jsxs("li", { ...triggerProps, "aria-controls": id, "aria-disabled": item.disabled || undefined, "aria-selected": isSelected, "data-active": isActive, "data-value": item.value, id: item.id, onClick: item.disabled ? undefined : handleClick(item), role: "tab", tabIndex: focusableOption.id === item.id ? 0 : -1, children: [icon && _jsx("span", { "aria-hidden": "true", children: icon }), !iconsOnly && _jsx("span", { "data-label": true, children: item.label }), item.badge && !item.disabled && (_jsx(Badge, { count: item.badge, size: TAB_BADGE_SIZES[size] }))] })) }) }, item.id));
|
|
91
90
|
}) }));
|
|
92
91
|
}
|
|
93
92
|
//# sourceMappingURL=TabList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAc,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/TabList/TabList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TableFooter component displays pagination controls and information for a table.
|
|
3
|
+
*
|
|
4
|
+
* @name TableFooter
|
|
5
|
+
* @parent Table
|
|
6
|
+
*/
|
|
1
7
|
export declare function TableFooter({ pageIndex, pageSize, setPageIndex, totalRows, id, totalPages, }: {
|
|
2
8
|
pageIndex: number;
|
|
3
9
|
pageSize: number;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Pagination } from '../Pagination';
|
|
3
|
+
/**
|
|
4
|
+
* TableFooter component displays pagination controls and information for a table.
|
|
5
|
+
*
|
|
6
|
+
* @name TableFooter
|
|
7
|
+
* @parent Table
|
|
8
|
+
*/
|
|
3
9
|
export function TableFooter({ pageIndex, pageSize, setPageIndex, totalRows, id, totalPages, }) {
|
|
4
10
|
const startRow = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
|
|
5
11
|
const endRow = Math.min(startRow + pageSize - 1, totalRows);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Table/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,UAAU,WAAW,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,EAAE,EACF,UAAU,GAQb;IACG,MAAM,QAAQ,GAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,QAAQ,GAAG,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;IAC5D,OAAO,CACH,wCAAqB,IAAI,EAAC,OAAO,aAC7B,qEACa,QAAQ,OAAG,MAAM,UAAM,SAAS,gBACvC,EACN,oCAAkB,EAAE,EAAE,GAAG,EAAE,yBAAyB,YAChD,sHAEK,QAAQ,uBAET,GACF,EACN,KAAC,UAAU,uBACU,GAAG,EAAE,yBAAyB,EAC/C,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,EAC9C,KAAK,EAAE,SAAS,GAAG,CAAC,GACtB,IACA,CACT,CAAC;AACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/components/Table/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,EAAE,EACF,UAAU,GAQb;IACG,MAAM,QAAQ,GAAG,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,QAAQ,GAAG,CAAC,CAAC;IAChE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,QAAQ,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;IAC5D,OAAO,CACH,wCAAqB,IAAI,EAAC,OAAO,aAC7B,qEACa,QAAQ,OAAG,MAAM,UAAM,SAAS,gBACvC,EACN,oCAAkB,EAAE,EAAE,GAAG,EAAE,yBAAyB,YAChD,sHAEK,QAAQ,uBAET,GACF,EACN,KAAC,UAAU,uBACU,GAAG,EAAE,yBAAyB,EAC/C,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,EAC9C,KAAK,EAAE,SAAS,GAAG,CAAC,GACtB,IACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -39,22 +39,59 @@ export type TableProps<R extends TableRow> = {
|
|
|
39
39
|
* @example
|
|
40
40
|
* import { Table } from '@bspk/ui/Table';
|
|
41
41
|
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
42
|
+
* <Table
|
|
43
|
+
* columns={[
|
|
44
|
+
* { key: 'state', label: 'State', width: '160px' },
|
|
45
|
+
* { key: 'capital', label: 'Capital', width: '140px' },
|
|
46
|
+
* { key: 'population', label: 'Population', width: '140px' },
|
|
47
|
+
* { key: 'nickname', label: 'Nickname', width: '1fr' },
|
|
48
|
+
* ]}
|
|
49
|
+
* data={[
|
|
50
|
+
* {
|
|
51
|
+
* id: 'ca',
|
|
52
|
+
* state: 'California',
|
|
53
|
+
* capital: 'Sacramento',
|
|
54
|
+
* population: '39,512,223',
|
|
55
|
+
* nickname: 'The Golden State',
|
|
56
|
+
* },
|
|
57
|
+
* {
|
|
58
|
+
* id: 'ny',
|
|
59
|
+
* state: 'New York',
|
|
60
|
+
* capital: 'Albany',
|
|
61
|
+
* population: '19,299,981',
|
|
62
|
+
* nickname: 'The Empire State',
|
|
63
|
+
* },
|
|
64
|
+
* {
|
|
65
|
+
* id: 'nj',
|
|
66
|
+
* state: 'New Jersey',
|
|
67
|
+
* capital: 'Trenton',
|
|
68
|
+
* population: '8,882,190',
|
|
69
|
+
* nickname: 'The Garden State',
|
|
70
|
+
* },
|
|
71
|
+
* {
|
|
72
|
+
* id: 'tx',
|
|
73
|
+
* state: 'Texas',
|
|
74
|
+
* capital: 'Austin',
|
|
75
|
+
* population: '29,183,290',
|
|
76
|
+
* nickname: 'The Lone Star State',
|
|
77
|
+
* },
|
|
78
|
+
* {
|
|
79
|
+
* id: 'hi',
|
|
80
|
+
* state: 'Hawaii',
|
|
81
|
+
* capital: 'Honolulu',
|
|
82
|
+
* population: '1,415,872',
|
|
83
|
+
* nickname: 'The Aloha State',
|
|
84
|
+
* },
|
|
85
|
+
* {
|
|
86
|
+
* id: 'ak',
|
|
87
|
+
* state: 'Alaska',
|
|
88
|
+
* capital: 'Juneau',
|
|
89
|
+
* population: '731,545',
|
|
90
|
+
* nickname: 'The Last Frontier',
|
|
91
|
+
* },
|
|
92
|
+
* ]}
|
|
93
|
+
* title="U.S. States — Capitals & Quick Facts"
|
|
94
|
+
* />;
|
|
58
95
|
*
|
|
59
96
|
* @name Table
|
|
60
97
|
* @phase UXReview
|
|
@@ -32,22 +32,59 @@ const SORT_META = {
|
|
|
32
32
|
* @example
|
|
33
33
|
* import { Table } from '@bspk/ui/Table';
|
|
34
34
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
35
|
+
* <Table
|
|
36
|
+
* columns={[
|
|
37
|
+
* { key: 'state', label: 'State', width: '160px' },
|
|
38
|
+
* { key: 'capital', label: 'Capital', width: '140px' },
|
|
39
|
+
* { key: 'population', label: 'Population', width: '140px' },
|
|
40
|
+
* { key: 'nickname', label: 'Nickname', width: '1fr' },
|
|
41
|
+
* ]}
|
|
42
|
+
* data={[
|
|
43
|
+
* {
|
|
44
|
+
* id: 'ca',
|
|
45
|
+
* state: 'California',
|
|
46
|
+
* capital: 'Sacramento',
|
|
47
|
+
* population: '39,512,223',
|
|
48
|
+
* nickname: 'The Golden State',
|
|
49
|
+
* },
|
|
50
|
+
* {
|
|
51
|
+
* id: 'ny',
|
|
52
|
+
* state: 'New York',
|
|
53
|
+
* capital: 'Albany',
|
|
54
|
+
* population: '19,299,981',
|
|
55
|
+
* nickname: 'The Empire State',
|
|
56
|
+
* },
|
|
57
|
+
* {
|
|
58
|
+
* id: 'nj',
|
|
59
|
+
* state: 'New Jersey',
|
|
60
|
+
* capital: 'Trenton',
|
|
61
|
+
* population: '8,882,190',
|
|
62
|
+
* nickname: 'The Garden State',
|
|
63
|
+
* },
|
|
64
|
+
* {
|
|
65
|
+
* id: 'tx',
|
|
66
|
+
* state: 'Texas',
|
|
67
|
+
* capital: 'Austin',
|
|
68
|
+
* population: '29,183,290',
|
|
69
|
+
* nickname: 'The Lone Star State',
|
|
70
|
+
* },
|
|
71
|
+
* {
|
|
72
|
+
* id: 'hi',
|
|
73
|
+
* state: 'Hawaii',
|
|
74
|
+
* capital: 'Honolulu',
|
|
75
|
+
* population: '1,415,872',
|
|
76
|
+
* nickname: 'The Aloha State',
|
|
77
|
+
* },
|
|
78
|
+
* {
|
|
79
|
+
* id: 'ak',
|
|
80
|
+
* state: 'Alaska',
|
|
81
|
+
* capital: 'Juneau',
|
|
82
|
+
* population: '731,545',
|
|
83
|
+
* nickname: 'The Last Frontier',
|
|
84
|
+
* },
|
|
85
|
+
* ]}
|
|
86
|
+
* title="U.S. States — Capitals & Quick Facts"
|
|
87
|
+
* />;
|
|
51
88
|
*
|
|
52
89
|
* @name Table
|
|
53
90
|
* @phase UXReview
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAA+C,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,SAAS,GAOX;IACA,GAAG,EAAE;QACD,IAAI,EAAE,KAAC,WAAW,KAAG;QACrB,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,WAAW;KACpB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,KAAC,YAAY,KAAG;QACtB,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,MAAM;KACf;CACK,CAAC;AAiCX
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,UAAU,EAA+C,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,SAAS,GAOX;IACA,GAAG,EAAE;QACD,IAAI,EAAE,KAAC,WAAW,KAAG;QACrB,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,WAAW;KACpB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,KAAC,YAAY,KAAG;QACtB,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACF,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,MAAM;KACf;CACK,CAAC;AAiCX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,MAAM,UAAU,KAAK,CAAqB,EACtC,IAAI,GAAG,EAAE,EACT,OAAO,EAAE,WAAW,EACpB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,EAAE,EACb,GAAG,KAAK,EACyB;IACjC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,EAA4B,EAAE;QACpE,OAAO,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IAE9C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAI;QAC3E,IAAI;QACJ,SAAS;QACT,QAAQ;QACR,OAAO;KACV,CAAC,CAAC;IAEH,OAAO,CACH,iBACQ,KAAK,eACC,OAAO,yBACI,aAAa,IAAI,SAAS,eACpC,IAAI,IAAI,QAAQ,EAC3B,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,YAElB,yDACI,oBACQ,KAAK,mBACM,YAAY,mBACZ,IAAI,CAAC,MAAM,EAC1B,KAAK,EAAE,WAAW,CAAC;wBACf,oBAAoB,EAAE,OAAO;4BACzB,sDAAsD;4BACtD,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,MAAM,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC;6BACjE,IAAI,CAAC,GAAG,CAAC;qBACjB,CAAC,aAED,KAAK,IAAI,4BAAU,KAAK,GAAW,EACpC,0BACI,uBACK,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oCACrB,MAAM,QAAQ,GACV,MAAM,CAAC,IAAI;wCACX,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC;oCAE1E,OAAO,CACH,0BACe,QAAQ,EAAE,IAAI,gBACb,MAAM,CAAC,KAAK,mBACT,CAAC,CAAC,QAAQ,IAAI,SAAS,EAEtC,KAAK,EAAC,KAAK,YAEV,QAAQ,CAAC,CAAC,CAAC,CACR,kBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,EAAC,QAAQ,aAC1D,MAAM,CAAC,KAAK,EACZ,QAAQ,EAAE,IAAI,IAAI,CACf,sEACK,QAAQ,EAAE,IAAI,GACZ,CACV,EACD,+CACI,4BAAgB,QAAQ,EAAC,IAAI,EAAC,QAAQ,YACjC,QAAQ,CAAC,KAAK,GACZ,GACJ,IACF,CACZ,CAAC,CAAC,CAAC,CACA,MAAM,CAAC,KAAK,CACf,IAnBI,MAAM,CAAC,GAAG,CAoBd,CACR,CAAC;gCACN,CAAC,CAAC,GACD,GACD,EACR,0BACK,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,uBACK,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACtB,2BACgB,MAAM,CAAC,KAAK,IAAI,MAAM,eACvB,MAAM,CAAC,GAAG,iBACR,MAAM,CAAC,MAAM,IAAI,QAAQ,YAGrC,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAFxD,GAAG,GAAG,CAAC,EAAE,IAAI,MAAM,CAAC,GAAG,EAAE,CAG7B,CACR,CAAC,IAVG,GAAG,CAAC,EAAE,CAWV,CACR,CAAC,GACE,IACJ,EACP,aAAa,IAAI,CACd,KAAC,WAAW,IACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,CAAC,MAAM,GACxB,CACL,IACC,GACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -32,9 +32,7 @@ export type TagProps = {
|
|
|
32
32
|
* @example
|
|
33
33
|
* import { Tag } from '@bspk/ui/Tag';
|
|
34
34
|
*
|
|
35
|
-
*
|
|
36
|
-
* return <Tag label="Example Tag" variant="flat" color="primary" />;
|
|
37
|
-
* }
|
|
35
|
+
* <Tag label="Example Tag" variant="flat" color="primary" />;
|
|
38
36
|
*
|
|
39
37
|
* @name Tag
|
|
40
38
|
* @phase UXReview
|
|
@@ -7,9 +7,7 @@ import { Truncated } from '../Truncated';
|
|
|
7
7
|
* @example
|
|
8
8
|
* import { Tag } from '@bspk/ui/Tag';
|
|
9
9
|
*
|
|
10
|
-
*
|
|
11
|
-
* return <Tag label="Example Tag" variant="flat" color="primary" />;
|
|
12
|
-
* }
|
|
10
|
+
* <Tag label="Example Tag" variant="flat" color="primary" />;
|
|
13
11
|
*
|
|
14
12
|
* @name Tag
|
|
15
13
|
* @phase UXReview
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA8BnD
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA8BnD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAY;IACtF,OAAO,CACH,6BAAgB,KAAK,gBAAa,KAAK,eAAa,IAAI,kBAAgB,OAAO,aAC1E,KAAK,IAAI,KAAC,SAAS,cAAE,KAAK,GAAa,EACvC,OAAO,KAAK,aAAa,IAAI,sCAAqB,IAChD,CACV,CAAC;AACN,CAAC"}
|
|
@@ -44,22 +44,22 @@ export type TextareaProps = CommonProps<'size'> & FieldControlProps<string, Chan
|
|
|
44
44
|
* import { useState } from 'react';
|
|
45
45
|
* import { Textarea } from '@bspk/ui/Textarea';
|
|
46
46
|
*
|
|
47
|
-
*
|
|
47
|
+
* () => {
|
|
48
48
|
* const [value, setValue] = useState('');
|
|
49
49
|
* return (
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
* <Textarea name="example-name" onChange={setValue} value={value} />
|
|
53
|
-
* <
|
|
54
|
-
*
|
|
50
|
+
* <>
|
|
51
|
+
* // standalone textarea example
|
|
52
|
+
* <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
|
|
53
|
+
* <br />
|
|
54
|
+
* // textarea used within a field
|
|
55
|
+
* <Field>
|
|
56
|
+
* <FieldLabel>Example Textarea</FieldLabel>
|
|
57
|
+
* <Textarea name="example-name" onChange={setValue} value={value} />
|
|
58
|
+
* <FieldDescription>This is an example textarea field.</FieldDescription>
|
|
59
|
+
* </Field>
|
|
60
|
+
* </>
|
|
55
61
|
* );
|
|
56
|
-
* }
|
|
57
|
-
*
|
|
58
|
-
* function ExampleStandalone() {
|
|
59
|
-
* const [value, setValue] = useState('');
|
|
60
|
-
*
|
|
61
|
-
* return <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />;
|
|
62
|
-
* }
|
|
62
|
+
* };
|
|
63
63
|
*
|
|
64
64
|
* @element
|
|
65
65
|
*
|
|
@@ -16,22 +16,22 @@ import { cssWithVars } from '../../utils/cwv';
|
|
|
16
16
|
* import { useState } from 'react';
|
|
17
17
|
* import { Textarea } from '@bspk/ui/Textarea';
|
|
18
18
|
*
|
|
19
|
-
*
|
|
19
|
+
* () => {
|
|
20
20
|
* const [value, setValue] = useState('');
|
|
21
21
|
* return (
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* <Textarea name="example-name" onChange={setValue} value={value} />
|
|
25
|
-
* <
|
|
26
|
-
*
|
|
22
|
+
* <>
|
|
23
|
+
* // standalone textarea example
|
|
24
|
+
* <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
|
|
25
|
+
* <br />
|
|
26
|
+
* // textarea used within a field
|
|
27
|
+
* <Field>
|
|
28
|
+
* <FieldLabel>Example Textarea</FieldLabel>
|
|
29
|
+
* <Textarea name="example-name" onChange={setValue} value={value} />
|
|
30
|
+
* <FieldDescription>This is an example textarea field.</FieldDescription>
|
|
31
|
+
* </Field>
|
|
32
|
+
* </>
|
|
27
33
|
* );
|
|
28
|
-
* }
|
|
29
|
-
*
|
|
30
|
-
* function ExampleStandalone() {
|
|
31
|
-
* const [value, setValue] = useState('');
|
|
32
|
-
*
|
|
33
|
-
* return <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />;
|
|
34
|
-
* }
|
|
34
|
+
* };
|
|
35
35
|
*
|
|
36
36
|
* @element
|
|
37
37
|
*
|
|
@@ -11,4 +11,10 @@ export type TimePickerListboxProps = {
|
|
|
11
11
|
onSelect?: (value: string) => void;
|
|
12
12
|
onTab?: (e: React.KeyboardEvent) => void;
|
|
13
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* TimePickerListbox component displays a listbox for selecting time values.
|
|
16
|
+
*
|
|
17
|
+
* @name TimePickerListbox
|
|
18
|
+
* @parent TimePicker
|
|
19
|
+
*/
|
|
14
20
|
export declare function TimePickerListbox({ options, selectedValue, type: kind, onSelect, onTab }: TimePickerListboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useArrowNavigation } from '../../hooks/useArrowNavigation';
|
|
3
3
|
import { getElementById } from '../../utils/dom';
|
|
4
4
|
import { handleKeyDown } from '../../utils/handleKeyDown';
|
|
5
|
+
/**
|
|
6
|
+
* TimePickerListbox component displays a listbox for selecting time values.
|
|
7
|
+
*
|
|
8
|
+
* @name TimePickerListbox
|
|
9
|
+
* @parent TimePicker
|
|
10
|
+
*/
|
|
5
11
|
export function TimePickerListbox({ options, selectedValue, type: kind, onSelect, onTab }) {
|
|
6
12
|
const { activeElementId, arrowKeyCallbacks } = useArrowNavigation({
|
|
7
13
|
ids: options.map((option) => option.id),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../src/components/TimePicker/Listbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgBtD,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAA0B;IAC7G,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC;QAC9D,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvC,eAAe,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI;KACxG,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,IAAI,eAAe;YAAE,cAAc,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACH,4BAEgB,UAAU,IAAI,EAAE,eAClB,qBAAqB,wBACX,IAAI,eACb,IAAI,kBACD,IAAI,EAClB,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC/C,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK;gBAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/D,CAAC,EACD,SAAS,EAAE,aAAa,CAAC;YACrB,GAAG,iBAAiB;YACpB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,eAAe;YACtB,GAAG,EAAE,KAAK;SACb,CAAC,EACF,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,YAEV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,6BACgB,MAAM,CAAC,KAAK,mBACT,MAAM,CAAC,KAAK,KAAK,aAAa,iBAChC,eAAe,KAAK,MAAM,CAAC,EAAE,IAAI,SAAS,gBAC3C,KAAK,gBACL,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,MAAM,CAAC,EAAE,EAEb,IAAI,EAAC,QAAQ,YAEZ,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAH9B,MAAM,CAAC,EAAE,CAIX,CACV,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"Listbox.js","sourceRoot":"","sources":["../../../src/components/TimePicker/Listbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgBtD;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAA0B;IAC7G,MAAM,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,kBAAkB,CAAC;QAC9D,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC;QACvC,eAAe,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,IAAI;KACxG,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,IAAI,eAAe;YAAE,cAAc,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACH,4BAEgB,UAAU,IAAI,EAAE,eAClB,qBAAqB,wBACX,IAAI,eACb,IAAI,kBACD,IAAI,EAClB,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAyB,CAAC;YAC/C,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK;gBAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/D,CAAC,EACD,SAAS,EAAE,aAAa,CAAC;YACrB,GAAG,iBAAiB;YACpB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,eAAe;YACtB,GAAG,EAAE,KAAK;SACb,CAAC,EACF,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,YAEV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,6BACgB,MAAM,CAAC,KAAK,mBACT,MAAM,CAAC,KAAK,KAAK,aAAa,iBAChC,eAAe,KAAK,MAAM,CAAC,EAAE,IAAI,SAAS,gBAC3C,KAAK,gBACL,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,MAAM,CAAC,EAAE,EAEb,IAAI,EAAC,QAAQ,YAEZ,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAH9B,MAAM,CAAC,EAAE,CAIX,CACV,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -17,4 +17,10 @@ export type TimePickerSegmentProps<T extends string> = {
|
|
|
17
17
|
onChange: (value: T | null) => void;
|
|
18
18
|
setRef?: (element: HTMLElement | null) => void;
|
|
19
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* TimePickerSegment component displays an individual segment of a time picker (hours, minutes, or meridiem).
|
|
22
|
+
*
|
|
23
|
+
* @name TimePickerSegment
|
|
24
|
+
* @parent TimePicker
|
|
25
|
+
*/
|
|
20
26
|
export declare function TimePickerSegment<T extends string>({ disabled, name, readOnly, value: valueProp, type: kind, onChange, setRef, }: TimePickerSegmentProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,6 +5,12 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
|
|
|
5
5
|
export const MINUTE_BOUNDS = { min: 0, max: 59 };
|
|
6
6
|
export const HOUR_BOUNDS = { min: 1, max: 12 };
|
|
7
7
|
export const NUMBER_PLACEHOLDER = '--';
|
|
8
|
+
/**
|
|
9
|
+
* TimePickerSegment component displays an individual segment of a time picker (hours, minutes, or meridiem).
|
|
10
|
+
*
|
|
11
|
+
* @name TimePickerSegment
|
|
12
|
+
* @parent TimePicker
|
|
13
|
+
*/
|
|
8
14
|
export function TimePickerSegment({ disabled, name, readOnly, value: valueProp, type: kind, onChange, setRef, }) {
|
|
9
15
|
const ref = useRef(null);
|
|
10
16
|
const selectAll = (element = ref.current) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/TimePicker/Segment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAW,CAAC;AAC1D,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAW,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAa,CAAC;AAchD,MAAM,UAAU,iBAAiB,CAAmB,EAChD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAE7C,MAAM,SAAS,GAAG,CAAC,UAA8B,GAAG,CAAC,OAAO,EAAE,EAAE;QAC5D,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,CAAC,YAAY,EAAE,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,KAAkC,EAAE,EAAE;QACnC,IAAI,IAAI,KAAK,UAAU;YAAE,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC;QAC1D,IAAI,OAAO,KAAK,KAAK,WAAW;YAAE,OAAO,kBAAkB,CAAC;QAC5D,MAAM,YAAY,GAAG,KAAK,CAAC;YACvB,GAAG,EAAE,KAAK;YACV,QAAQ,EAAE,IAAI;YACd,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;SACtD,CAAC,CAAC;QACH,OAAO,YAAY,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,CAAC,OAAO;YAAE,GAAG,CAAC,OAAO,CAAC,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,MAAM,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,SAAiB,EAAE,EAAE;QAClB,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC;QAE9C,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACtB,MAAM,YAAY,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACzD,QAAQ,CAAC,YAAiB,CAAC,CAAC;YAC5B,OAAO;QACX,CAAC;QACD,MAAM,SAAS,GAAG,KAAK,CAAC;YACpB,GAAG,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,SAAS;YACrC,QAAQ,EAAE,IAAI;YACd,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;SACxD,CAAC;aACG,QAAQ,EAAE;aACV,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAEtB,QAAQ,CAAC,SAAc,CAAC,CAAC;QACzB,IAAI,GAAG,CAAC,OAAO;YAAE,GAAG,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;IACzD,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAEtE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAE9E,MAAM,kBAAkB,GAAG,WAAW,CAClC,CAAC,KAA0B,EAAE,EAAE;QAC3B,kEAAkE;QAClE,IACI,aAAa,CAAC;YACV,UAAU,EAAE,GAAG,EAAE;gBACb,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC;gBACvB,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACZ,eAAe,EAAE,EAAE,KAAK,EAAE,CAAC;gBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC;YACD,OAAO,EAAE,GAAG,EAAE;gBACV,eAAe,CAAC,CAAC,CAAC,CAAC;gBACnB,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC;YACD,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE;YACjC,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC/B,GAAG,EAAE,GAAG,EAAE;gBACN,aAAa;YACjB,CAAC;SACJ,CAAC,CAAC,KAAK,CAAC;YAET,OAAO;QAEX,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,wHAAwH;QACxH,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAE3C,IAAI,UAAU,KAAK,GAAG,IAAI,UAAU,KAAK,GAAG,EAAE,CAAC;gBAC3C,QAAQ,CAAC,GAAG,UAAU,GAAQ,CAAC,CAAC;gBAChC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC;gBACvB,SAAS,EAAE,CAAC;gBACZ,OAAO;YACX,CAAC;YAED,OAAO;QACX,CAAC;QAED,6DAA6D;QAC7D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO;QAEpC,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC;QAE9C,MAAM,aAAa,GACf,CAAC,IAAI,KAAK,OAAO,IAAI,YAAY,KAAK,IAAI,IAAI,UAAU,GAAG,CAAC,CAAC;YAC7D,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAErD,IAAI,aAAa;YAAE,UAAU,GAAG,MAAM,CAAC,GAAG,YAAY,GAAG,UAAU,EAAE,CAAC,CAAC;aAClE,IAAI,UAAU,KAAK,CAAC;YAAE,OAAO,CAAC,sBAAsB;QAEzD,UAAU,GAAG,KAAK,CAAC;YACf,GAAG,EAAE,UAAU;YACf,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;SACxD,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAEzD,QAAQ,CAAC,SAAc,CAAC,CAAC;QACzB,IAAI,GAAG,CAAC,OAAO;YAAE,GAAG,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;QAErD,MAAM,UAAU,GAAG,CAAC,IAAI,KAAK,OAAO,IAAI,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,UAAU,GAAG,CAAC,CAAC,CAAC;QAElG,IAAI,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC;YACvB,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACJ,SAAS,EAAE,CAAC;QAChB,CAAC;QAED,OAAO;IACX,CAAC,EACD,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,CAAC,CACpC,CAAC;IAEF,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAElE,OAAO,CACH,gCACmB,CAAC,CAAC,QAAQ,gBACb,IAAI,mBACD,QAAQ,mBACR,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,mBAC3D,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,oBACxD,SAAS,EACzB,eAAe,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,mCAE5B,IAAI,gBACH,SAAS,IAAI,SAAS,EAClC,EAAE,EAAE,GAAG,IAAI,EAAE,EACb,SAAS,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnD,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;YACV,IAAI,QAAQ,IAAI,QAAQ;gBAAE,OAAO;YACjC,cAAc;QAClB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;YACV,IAAI,QAAQ,IAAI,QAAQ;gBAAE,OAAO;YACjC,cAAc;QAClB,CAAC,EACD,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACb,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;YACtB,OAAO,CAAC,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;YAChD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC;QACtB,CAAC,EACD,IAAI,EAAC,YAAY,EACjB,UAAU,EAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACzC,CACL,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,IAAwB,EAAE,QAAgB;IAC9D,+BAA+B;IAC/B,IAAI,OAAO,GAAG,IAAI,EAAE,kBAAkB,CAAC;IACvC,8CAA8C;IAC9C,yDAAyD;IACzD,OAAO,OAAO,EAAE,CAAC;QACb,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,OAA6B,CAAC;QACpE,OAAO,GAAG,OAAO,CAAC,kBAAkB,CAAC;IACzC,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAwB,EAAE,QAAgB;IAClE,mCAAmC;IACnC,IAAI,OAAO,GAAG,IAAI,EAAE,sBAAsB,CAAC;IAC3C,8CAA8C;IAC9C,6DAA6D;IAC7D,OAAO,OAAO,EAAE,CAAC;QACb,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;YAAE,OAAO,OAA6B,CAAC;QACpE,OAAO,GAAG,OAAO,CAAC,sBAAsB,CAAC;IAC7C,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../src/components/TimePicker/Segment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,23 +11,23 @@ export type TimePickerProps = FieldControlProps & Pick<InputProps, 'size'>;
|
|
|
11
11
|
* @example
|
|
12
12
|
* import { TimePicker } from '@bspk/ui/TimePicker';
|
|
13
13
|
*
|
|
14
|
-
*
|
|
15
|
-
* const [value, onChange] =
|
|
16
|
-
*
|
|
17
|
-
* return <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />;
|
|
18
|
-
* }
|
|
19
|
-
*
|
|
20
|
-
* function ExampleWithField() {
|
|
21
|
-
* const [value, onChange] = React.useState('');
|
|
14
|
+
* () => {
|
|
15
|
+
* const [value, onChange] = useState('');
|
|
22
16
|
*
|
|
23
17
|
* return (
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* <TimePicker value={value} onChange={onChange} />
|
|
27
|
-
* <
|
|
28
|
-
*
|
|
18
|
+
* <>
|
|
19
|
+
* // standalone time picker example
|
|
20
|
+
* <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
|
|
21
|
+
* <br />
|
|
22
|
+
* // time picker used within a field
|
|
23
|
+
* <Field>
|
|
24
|
+
* <FieldLabel>Time</FieldLabel>
|
|
25
|
+
* <TimePicker value={value} onChange={onChange} />
|
|
26
|
+
* <FieldDescription>The time picker allows you to select a time.</FieldDescription>
|
|
27
|
+
* </Field>
|
|
28
|
+
* </>
|
|
29
29
|
* );
|
|
30
|
-
* }
|
|
30
|
+
* };
|
|
31
31
|
*
|
|
32
32
|
* @name TimePicker
|
|
33
33
|
* @phase UXReview
|
|
@@ -22,23 +22,23 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
|
|
|
22
22
|
* @example
|
|
23
23
|
* import { TimePicker } from '@bspk/ui/TimePicker';
|
|
24
24
|
*
|
|
25
|
-
*
|
|
26
|
-
* const [value, onChange] =
|
|
27
|
-
*
|
|
28
|
-
* return <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />;
|
|
29
|
-
* }
|
|
30
|
-
*
|
|
31
|
-
* function ExampleWithField() {
|
|
32
|
-
* const [value, onChange] = React.useState('');
|
|
25
|
+
* () => {
|
|
26
|
+
* const [value, onChange] = useState('');
|
|
33
27
|
*
|
|
34
28
|
* return (
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* <TimePicker value={value} onChange={onChange} />
|
|
38
|
-
* <
|
|
39
|
-
*
|
|
29
|
+
* <>
|
|
30
|
+
* // standalone time picker example
|
|
31
|
+
* <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
|
|
32
|
+
* <br />
|
|
33
|
+
* // time picker used within a field
|
|
34
|
+
* <Field>
|
|
35
|
+
* <FieldLabel>Time</FieldLabel>
|
|
36
|
+
* <TimePicker value={value} onChange={onChange} />
|
|
37
|
+
* <FieldDescription>The time picker allows you to select a time.</FieldDescription>
|
|
38
|
+
* </Field>
|
|
39
|
+
* </>
|
|
40
40
|
* );
|
|
41
|
-
* }
|
|
41
|
+
* };
|
|
42
42
|
*
|
|
43
43
|
* @name TimePicker
|
|
44
44
|
* @phase UXReview
|
|
@@ -8,6 +8,6 @@ import { ListItem } from '../ListItem';
|
|
|
8
8
|
* @phase Utility
|
|
9
9
|
*/
|
|
10
10
|
export function ToggleOption({ label, description, children, disabled, ...props }) {
|
|
11
|
-
return (_jsx(ListItem, { ...props, "aria-disabled": disabled || undefined, as: "label", label: label, leading: children, subText: description, width: "hug" }));
|
|
11
|
+
return (_jsx(ListItem, { ...props, "aria-disabled": disabled || undefined, as: "label", label: label, leading: children, owner: "toggle-option", subText: description, width: "hug" }));
|
|
12
12
|
}
|
|
13
13
|
//# sourceMappingURL=ToggleOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAChG,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"ToggleOption.js","sourceRoot":"","sources":["../../../src/components/ToggleOption/ToggleOption.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAwBhE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAqB;IAChG,OAAO,CACH,KAAC,QAAQ,OACD,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAC,KAAK,GACb,CACL,CAAC;AACN,CAAC"}
|