@bspk/ui 1.0.1 → 1.1.12
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/README.md +5 -0
- package/{Avatar.d.ts → dist/Avatar.d.ts} +2 -2
- package/dist/Avatar.js +27 -0
- package/dist/Avatar.js.map +1 -0
- package/{Badge.d.ts → dist/Badge.d.ts} +2 -2
- package/dist/Badge.js +16 -0
- package/dist/Badge.js.map +1 -0
- package/{BannerAlert.d.ts → dist/BannerAlert.d.ts} +4 -4
- package/dist/BannerAlert.js +20 -0
- package/dist/BannerAlert.js.map +1 -0
- package/{Button.d.ts → dist/Button.d.ts} +1 -1
- package/dist/Button.js +30 -0
- package/dist/Button.js.map +1 -0
- package/{Card.d.ts → dist/Card.d.ts} +2 -2
- package/dist/Card.js +18 -0
- package/dist/Card.js.map +1 -0
- package/{Checkbox.d.ts → dist/Checkbox.d.ts} +2 -2
- package/dist/Checkbox.js +32 -0
- package/dist/Checkbox.js.map +1 -0
- package/{CheckboxGroup.d.ts → dist/CheckboxGroup.d.ts} +1 -1
- package/dist/CheckboxGroup.js +16 -0
- package/dist/CheckboxGroup.js.map +1 -0
- package/{CheckboxOption.d.ts → dist/CheckboxOption.d.ts} +1 -1
- package/dist/CheckboxOption.js +14 -0
- package/dist/CheckboxOption.js.map +1 -0
- package/{Chip.d.ts → dist/Chip.d.ts} +2 -2
- package/dist/Chip.js +22 -0
- package/dist/Chip.js.map +1 -0
- package/{Dialog.d.ts → dist/Dialog.d.ts} +2 -2
- package/dist/Dialog.js +70 -0
- package/dist/Dialog.js.map +1 -0
- package/{Divider.d.ts → dist/Divider.d.ts} +2 -2
- package/dist/Divider.js +26 -0
- package/dist/Divider.js.map +1 -0
- package/{Dropdown.d.ts → dist/Dropdown.d.ts} +2 -2
- package/dist/Dropdown.js +37 -0
- package/dist/Dropdown.js.map +1 -0
- package/{DropdownField.d.ts → dist/DropdownField.d.ts} +1 -1
- package/{DropdownField.js → dist/DropdownField.js} +5 -7
- package/dist/DropdownField.js.map +1 -0
- package/{EmptyState.d.ts → dist/EmptyState.d.ts} +7 -1
- package/dist/EmptyState.js +18 -0
- package/dist/EmptyState.js.map +1 -0
- package/{Fab.d.ts → dist/Fab.d.ts} +2 -2
- package/dist/Fab.js +24 -0
- package/dist/Fab.js.map +1 -0
- package/{FormField.d.ts → dist/FormField.d.ts} +2 -2
- package/dist/FormField.js +27 -0
- package/dist/FormField.js.map +1 -0
- package/{Img.d.ts → dist/Img.d.ts} +1 -1
- package/dist/Img.js +12 -0
- package/dist/Img.js.map +1 -0
- package/{InlineAlert.d.ts → dist/InlineAlert.d.ts} +2 -2
- package/dist/InlineAlert.js +27 -0
- package/dist/InlineAlert.js.map +1 -0
- package/{Layout.d.ts → dist/Layout.d.ts} +1 -1
- package/{Layout.js → dist/Layout.js} +3 -5
- package/dist/Layout.js.map +1 -0
- package/{Link.d.ts → dist/Link.d.ts} +2 -2
- package/dist/Link.js +17 -0
- package/dist/Link.js.map +1 -0
- package/{ListItem.d.ts → dist/ListItem.d.ts} +3 -3
- package/dist/ListItem.js +93 -0
- package/dist/ListItem.js.map +1 -0
- package/{Menu.d.ts → dist/Menu.d.ts} +2 -2
- package/dist/Menu.js +62 -0
- package/dist/Menu.js.map +1 -0
- package/{MenuButton.d.ts → dist/MenuButton.d.ts} +2 -2
- package/dist/MenuButton.js +15 -0
- package/dist/MenuButton.js.map +1 -0
- package/{Modal.d.ts → dist/Modal.d.ts} +2 -2
- package/dist/Modal.js +32 -0
- package/dist/Modal.js.map +1 -0
- package/{NumberField.d.ts → dist/NumberField.d.ts} +1 -1
- package/{NumberField.js → dist/NumberField.js} +5 -7
- package/dist/NumberField.js.map +1 -0
- package/{NumberInput.d.ts → dist/NumberInput.d.ts} +2 -2
- package/dist/NumberInput.js +64 -0
- package/dist/NumberInput.js.map +1 -0
- package/{Popover.d.ts → dist/Popover.d.ts} +2 -2
- package/dist/Popover.js +46 -0
- package/dist/Popover.js.map +1 -0
- package/{Portal.js → dist/Portal.js} +4 -5
- package/dist/Portal.js.map +1 -0
- package/{ProgressBar.d.ts → dist/ProgressBar.d.ts} +2 -2
- package/dist/ProgressBar.js +17 -0
- package/dist/ProgressBar.js.map +1 -0
- package/{ProgressCircle.d.ts → dist/ProgressCircle.d.ts} +3 -3
- package/dist/ProgressCircle.js +30 -0
- package/dist/ProgressCircle.js.map +1 -0
- package/{ProgressionStepper.d.ts → dist/ProgressionStepper.d.ts} +2 -2
- package/dist/ProgressionStepper.js +24 -0
- package/dist/ProgressionStepper.js.map +1 -0
- package/{ProgressionStepperBar.d.ts → dist/ProgressionStepperBar.d.ts} +7 -3
- package/dist/ProgressionStepperBar.js +15 -0
- package/dist/ProgressionStepperBar.js.map +1 -0
- package/{Radio.d.ts → dist/Radio.d.ts} +2 -2
- package/dist/Radio.js +18 -0
- package/dist/Radio.js.map +1 -0
- package/{RadioGroup.d.ts → dist/RadioGroup.d.ts} +1 -1
- package/dist/RadioGroup.js +16 -0
- package/dist/RadioGroup.js.map +1 -0
- package/{RadioOption.d.ts → dist/RadioOption.d.ts} +1 -1
- package/dist/RadioOption.js +14 -0
- package/dist/RadioOption.js.map +1 -0
- package/{SearchBar.d.ts → dist/SearchBar.d.ts} +2 -2
- package/{SearchBar.js → dist/SearchBar.js} +13 -19
- package/dist/SearchBar.js.map +1 -0
- package/{SegmentedControl.d.ts → dist/SegmentedControl.d.ts} +2 -2
- package/dist/SegmentedControl.js +22 -0
- package/dist/SegmentedControl.js.map +1 -0
- package/dist/Skeleton.d.ts +45 -0
- package/dist/Skeleton.js +25 -0
- package/dist/Skeleton.js.map +1 -0
- package/{StylesProviderAnywhere.d.ts → dist/StylesProviderAnywhere.d.ts} +4 -1
- package/dist/StylesProviderAnywhere.js +15 -0
- package/dist/StylesProviderAnywhere.js.map +1 -0
- package/{StylesProviderBetterHomesGardens.d.ts → dist/StylesProviderBetterHomesGardens.d.ts} +4 -1
- package/dist/StylesProviderBetterHomesGardens.js +15 -0
- package/dist/StylesProviderBetterHomesGardens.js.map +1 -0
- package/{StylesProviderCartus.d.ts → dist/StylesProviderCartus.d.ts} +4 -1
- package/dist/StylesProviderCartus.js +15 -0
- package/dist/StylesProviderCartus.js.map +1 -0
- package/{StylesProviderCentury21.d.ts → dist/StylesProviderCentury21.d.ts} +4 -1
- package/dist/StylesProviderCentury21.js +15 -0
- package/dist/StylesProviderCentury21.js.map +1 -0
- package/{StylesProviderColdwellBanker.d.ts → dist/StylesProviderColdwellBanker.d.ts} +4 -1
- package/dist/StylesProviderColdwellBanker.js +15 -0
- package/dist/StylesProviderColdwellBanker.js.map +1 -0
- package/{StylesProviderCorcoran.d.ts → dist/StylesProviderCorcoran.d.ts} +4 -1
- package/dist/StylesProviderCorcoran.js +15 -0
- package/dist/StylesProviderCorcoran.js.map +1 -0
- package/{StylesProviderDenaliBoss.d.ts → dist/StylesProviderDenaliBoss.d.ts} +4 -1
- package/dist/StylesProviderDenaliBoss.js +15 -0
- package/dist/StylesProviderDenaliBoss.js.map +1 -0
- package/{StylesProviderEra.d.ts → dist/StylesProviderEra.d.ts} +4 -1
- package/dist/StylesProviderEra.js +15 -0
- package/dist/StylesProviderEra.js.map +1 -0
- package/{StylesProviderSothebys.d.ts → dist/StylesProviderSothebys.d.ts} +4 -1
- package/dist/StylesProviderSothebys.js +15 -0
- package/dist/StylesProviderSothebys.js.map +1 -0
- package/{Switch.d.ts → dist/Switch.d.ts} +2 -2
- package/dist/Switch.js +21 -0
- package/dist/Switch.js.map +1 -0
- package/{SwitchGroup.d.ts → dist/SwitchGroup.d.ts} +1 -1
- package/dist/SwitchGroup.js +16 -0
- package/dist/SwitchGroup.js.map +1 -0
- package/{SwitchOption.d.ts → dist/SwitchOption.d.ts} +1 -1
- package/dist/SwitchOption.js +14 -0
- package/dist/SwitchOption.js.map +1 -0
- package/{TabGroup.d.ts → dist/TabGroup.d.ts} +2 -2
- package/dist/TabGroup.js +22 -0
- package/dist/TabGroup.js.map +1 -0
- package/{Table.d.ts → dist/Table.d.ts} +2 -2
- package/dist/Table.js +20 -0
- package/dist/Table.js.map +1 -0
- package/{Tag.d.ts → dist/Tag.d.ts} +2 -2
- package/dist/Tag.js +15 -0
- package/dist/Tag.js.map +1 -0
- package/{TextField.d.ts → dist/TextField.d.ts} +1 -1
- package/dist/TextField.js +17 -0
- package/dist/TextField.js.map +1 -0
- package/{TextInput.d.ts → dist/TextInput.d.ts} +2 -2
- package/dist/TextInput.js +23 -0
- package/dist/TextInput.js.map +1 -0
- package/{Textarea.d.ts → dist/Textarea.d.ts} +2 -2
- package/dist/Textarea.js +39 -0
- package/dist/Textarea.js.map +1 -0
- package/{TextareaField.d.ts → dist/TextareaField.d.ts} +1 -1
- package/dist/TextareaField.js +24 -0
- package/dist/TextareaField.js.map +1 -0
- package/{ToggleOption.d.ts → dist/ToggleOption.d.ts} +2 -2
- package/dist/ToggleOption.js +14 -0
- package/dist/ToggleOption.js.map +1 -0
- package/{Tooltip.d.ts → dist/Tooltip.d.ts} +2 -2
- package/dist/Tooltip.js +42 -0
- package/dist/Tooltip.js.map +1 -0
- package/{TopNavigation.d.ts → dist/TopNavigation.d.ts} +2 -2
- package/dist/TopNavigation.js +14 -0
- package/dist/TopNavigation.js.map +1 -0
- package/{Txt.d.ts → dist/Txt.d.ts} +1 -1
- package/{Txt.js → dist/Txt.js} +3 -8
- package/dist/Txt.js.map +1 -0
- package/dist/avatar.css +1 -0
- package/dist/badge.css +1 -0
- package/dist/banner-alert.css +1 -0
- package/dist/base.css +1 -0
- package/dist/button.css +1 -0
- package/dist/card.css +1 -0
- package/dist/checkbox.css +1 -0
- package/dist/chip.css +1 -0
- package/dist/colors.css +1 -0
- package/dist/dialog.css +1 -0
- package/dist/divider.css +1 -0
- package/dist/dropdown.css +1 -0
- package/dist/fab.css +1 -0
- package/dist/form-field.css +1 -0
- package/{hooks → dist/hooks}/useCheckboxGroupState.d.ts +1 -1
- package/{hooks → dist/hooks}/useCheckboxGroupState.js +3 -6
- package/dist/hooks/useCheckboxGroupState.js.map +1 -0
- package/{hooks → dist/hooks}/useCheckboxState.js +2 -5
- package/dist/hooks/useCheckboxState.js.map +1 -0
- package/{hooks → dist/hooks}/useFloating.js +5 -8
- package/dist/hooks/useFloating.js.map +1 -0
- package/{hooks → dist/hooks}/useFloatingMenu.js +6 -9
- package/dist/hooks/useFloatingMenu.js.map +1 -0
- package/{hooks → dist/hooks}/useId.js +4 -7
- package/dist/hooks/useId.js.map +1 -0
- package/{hooks → dist/hooks}/useKeyboardNavigation.js +4 -7
- package/dist/hooks/useKeyboardNavigation.js.map +1 -0
- package/{hooks → dist/hooks}/useLongPress.js +3 -6
- package/dist/hooks/useLongPress.js.map +1 -0
- package/{hooks → dist/hooks}/useModalState.js +3 -6
- package/dist/hooks/useModalState.js.map +1 -0
- package/{hooks → dist/hooks}/useNavOptions.js +4 -7
- package/dist/hooks/useNavOptions.js.map +1 -0
- package/{hooks → dist/hooks}/useOutsideClick.js +2 -5
- package/dist/hooks/useOutsideClick.js.map +1 -0
- package/{hooks → dist/hooks}/useRadioState.js +2 -5
- package/dist/hooks/useRadioState.js.map +1 -0
- package/{hooks → dist/hooks}/useSwitchGroupState.d.ts +1 -1
- package/{hooks → dist/hooks}/useSwitchGroupState.js +3 -6
- package/dist/hooks/useSwitchGroupState.js.map +1 -0
- package/{hooks → dist/hooks}/useTimeout.js +2 -5
- package/dist/hooks/useTimeout.js.map +1 -0
- package/{hooks → dist/hooks}/useValidChildren.js +4 -7
- package/dist/hooks/useValidChildren.js.map +1 -0
- package/{index.js → dist/index.js} +2 -4
- package/dist/index.js.map +1 -0
- package/dist/inline-alert.css +1 -0
- package/dist/link.css +1 -0
- package/dist/list-item.css +1 -0
- package/dist/menu-button.css +1 -0
- package/dist/menu.css +1 -0
- package/dist/modal.css +1 -0
- package/dist/number-input.css +1 -0
- package/dist/popover.css +1 -0
- package/dist/progress-bar.css +1 -0
- package/dist/progress-circle.css +1 -0
- package/dist/progression-stepper-bar.css +1 -0
- package/dist/progression-stepper.css +1 -0
- package/dist/radio.css +1 -0
- package/dist/search-bar.css +1 -0
- package/dist/segmented-control.css +1 -0
- package/dist/skeleton.css +6 -0
- package/dist/switch.css +1 -0
- package/dist/tab-group.css +1 -0
- package/dist/table.css +1 -0
- package/dist/tag.css +1 -0
- package/dist/text-input.css +1 -0
- package/dist/textarea.css +4 -0
- package/dist/toggle-option.css +1 -0
- package/dist/tooltip.css +1 -0
- package/dist/top-navigation.css +1 -0
- package/{utils → dist/utils}/children.js +9 -12
- package/dist/utils/children.js.map +1 -0
- package/dist/utils/colorVariants.d.ts +7 -0
- package/dist/utils/colorVariants.js +22 -0
- package/dist/utils/colorVariants.js.map +1 -0
- package/{utils → dist/utils}/errors.d.ts +1 -1
- package/{utils → dist/utils}/errors.js +20 -12
- package/dist/utils/errors.js.map +1 -0
- package/{utils → dist/utils}/getValidNode.js +2 -5
- package/dist/utils/getValidNode.js.map +1 -0
- package/{utils → dist/utils}/keyboard.js +2 -4
- package/dist/utils/keyboard.js.map +1 -0
- package/dist/utils/placeholder.test.d.ts +1 -0
- package/dist/utils/placeholder.test.js +7 -0
- package/dist/utils/placeholder.test.js.map +1 -0
- package/{utils → dist/utils}/ref.js +2 -4
- package/dist/utils/ref.js.map +1 -0
- package/{utils → dist/utils}/scrollElementIntoView.js +2 -4
- package/dist/utils/scrollElementIntoView.js.map +1 -0
- package/{utils → dist/utils}/srOnly.js +2 -4
- package/dist/utils/srOnly.js.map +1 -0
- package/dist/utils/styleAdd.d.ts +1 -0
- package/dist/utils/styleAdd.js +11 -0
- package/dist/utils/styleAdd.js.map +1 -0
- package/{utils → dist/utils}/tryIntPsrse.js +2 -4
- package/dist/utils/tryIntPsrse.js.map +1 -0
- package/dist/utils/txtVariants.d.ts +7 -0
- package/{utils → dist/utils}/txtVariants.js +7 -4
- package/dist/utils/txtVariants.js.map +1 -0
- package/meta-types.ts +46 -0
- package/meta.ts +465 -0
- package/package.json +31 -20
- package/src/Avatar.tsx +3 -61
- package/src/Badge.tsx +2 -30
- package/src/BannerAlert.tsx +6 -119
- package/src/Button.tsx +3 -228
- package/src/Card.tsx +2 -22
- package/src/Checkbox.tsx +2 -94
- package/src/CheckboxGroup.tsx +2 -2
- package/src/CheckboxOption.tsx +3 -3
- package/src/Chip.tsx +2 -68
- package/src/Dialog.tsx +2 -154
- package/src/Divider.tsx +2 -54
- package/src/Dropdown.tsx +2 -119
- package/src/DropdownField.tsx +3 -2
- package/src/EmptyState.tsx +10 -4
- package/src/Fab.tsx +2 -125
- package/src/FormField.tsx +2 -15
- package/src/Img.tsx +1 -9
- package/src/InlineAlert.tsx +2 -48
- package/src/Layout.tsx +1 -0
- package/src/Link.tsx +2 -23
- package/src/ListItem.tsx +3 -118
- package/src/Menu.tsx +3 -41
- package/src/MenuButton.tsx +2 -17
- package/src/Modal.tsx +3 -24
- package/src/NumberField.tsx +3 -2
- package/src/NumberInput.tsx +2 -126
- package/src/Popover.tsx +3 -110
- package/src/Portal.tsx +1 -0
- package/src/ProgressBar.tsx +2 -49
- package/src/ProgressCircle.tsx +2 -57
- package/src/ProgressionStepper.tsx +2 -175
- package/src/ProgressionStepperBar.tsx +7 -44
- package/src/Radio.tsx +2 -82
- package/src/RadioGroup.tsx +2 -2
- package/src/RadioOption.tsx +3 -3
- package/src/SearchBar.tsx +4 -10
- package/src/SegmentedControl.tsx +2 -116
- package/src/Skeleton.tsx +40 -56
- package/src/StylesProviderAnywhere.tsx +4 -18
- package/src/StylesProviderBetterHomesGardens.tsx +4 -18
- package/src/StylesProviderCartus.tsx +4 -18
- package/src/StylesProviderCentury21.tsx +4 -18
- package/src/StylesProviderColdwellBanker.tsx +4 -18
- package/src/StylesProviderCorcoran.tsx +4 -18
- package/src/StylesProviderDenaliBoss.tsx +4 -18
- package/src/StylesProviderEra.tsx +4 -18
- package/src/StylesProviderSothebys.tsx +4 -18
- package/src/Switch.tsx +2 -66
- package/src/SwitchGroup.tsx +2 -2
- package/src/SwitchOption.tsx +3 -3
- package/src/TabGroup.tsx +2 -100
- package/src/Table.tsx +2 -49
- package/src/Tag.tsx +3 -67
- package/src/TextField.tsx +3 -2
- package/src/TextInput.tsx +2 -152
- package/src/Textarea.tsx +2 -80
- package/src/TextareaField.tsx +3 -2
- package/src/ToggleOption.tsx +2 -79
- package/src/Tooltip.tsx +3 -66
- package/src/TopNavigation.tsx +2 -10
- package/src/Txt.tsx +1 -9
- package/src/avatar.scss +74 -0
- package/src/badge.scss +28 -0
- package/{BannerAlert.js → src/banner-alert.scss} +5 -23
- package/src/{styles/base.css → base.scss} +5 -3
- package/src/button.scss +218 -0
- package/src/card.scss +23 -0
- package/{Checkbox.js → src/checkbox.scss} +9 -34
- package/{Chip.js → src/chip.scss} +3 -24
- package/src/colors.scss +76 -0
- package/{Dialog.js → src/dialog.scss} +7 -76
- package/src/divider.scss +47 -0
- package/{Dropdown.js → src/dropdown.scss} +4 -45
- package/{Fab.js → src/fab.scss} +4 -27
- package/src/form-field.scss +13 -0
- package/src/hooks/useFloating.ts +5 -5
- package/src/inline-alert.scss +51 -0
- package/src/link.scss +21 -0
- package/src/list-item.scss +113 -0
- package/src/menu-button.scss +16 -0
- package/src/menu.scss +36 -0
- package/src/modal.scss +22 -0
- package/src/number-input.scss +128 -0
- package/{Popover.js → src/popover.scss} +10 -49
- package/src/progress-bar.scss +50 -0
- package/src/progress-circle.scss +56 -0
- package/src/progression-stepper-bar.scss +39 -0
- package/{ProgressionStepper.js → src/progression-stepper.scss} +8 -27
- package/{Radio.js → src/radio.scss} +6 -22
- package/src/search-bar.scss +7 -0
- package/{SegmentedControl.js → src/segmented-control.scss} +7 -24
- package/src/skeleton.scss +83 -0
- package/{Switch.js → src/switch.scss} +4 -25
- package/{TabGroup.js → src/tab-group.scss} +9 -26
- package/{Table.js → src/table.scss} +4 -22
- package/{Tag.js → src/tag.scss} +5 -28
- package/{TextInput.js → src/text-input.scss} +7 -31
- package/{Textarea.js → src/textarea.scss} +9 -38
- package/{ToggleOption.js → src/toggle-option.scss} +3 -16
- package/src/tooltip.scss +63 -0
- package/src/top-navigation.scss +5 -0
- package/src/utils/children.ts +1 -1
- package/src/utils/colorVariants.ts +22 -73
- package/src/utils/styleAdd.ts +7 -0
- package/src/utils/txtVariants.ts +8 -27
- package/Accordion.d.ts +0 -20
- package/Accordion.js +0 -18
- package/Accordion.js.map +0 -1
- package/Avatar.js +0 -81
- package/Avatar.js.map +0 -1
- package/Badge.js +0 -43
- package/Badge.js.map +0 -1
- package/BannerAlert.js.map +0 -1
- package/BottomNavigation.d.ts +0 -20
- package/BottomNavigation.js +0 -18
- package/BottomNavigation.js.map +0 -1
- package/BottomSheet.d.ts +0 -20
- package/BottomSheet.js +0 -18
- package/BottomSheet.js.map +0 -1
- package/Breadcrumb.d.ts +0 -20
- package/Breadcrumb.js +0 -18
- package/Breadcrumb.js.map +0 -1
- package/Button.js +0 -254
- package/Button.js.map +0 -1
- package/ButtonDock.d.ts +0 -20
- package/ButtonDock.js +0 -18
- package/ButtonDock.js.map +0 -1
- package/CODE_OF_CONDUCT.md +0 -137
- package/CONTRIBUTING.md +0 -42
- package/Card.js +0 -38
- package/Card.js.map +0 -1
- package/Chart.d.ts +0 -20
- package/Chart.js +0 -18
- package/Chart.js.map +0 -1
- package/Checkbox.js.map +0 -1
- package/CheckboxGroup.js +0 -18
- package/CheckboxGroup.js.map +0 -1
- package/CheckboxOption.js +0 -16
- package/CheckboxOption.js.map +0 -1
- package/Chip.js.map +0 -1
- package/DatePicker.d.ts +0 -20
- package/DatePicker.js +0 -18
- package/DatePicker.js.map +0 -1
- package/Dialog.js.map +0 -1
- package/Divider.js +0 -76
- package/Divider.js.map +0 -1
- package/Drawer.d.ts +0 -20
- package/Drawer.js +0 -18
- package/Drawer.js.map +0 -1
- package/Dropdown.js.map +0 -1
- package/DropdownField.js.map +0 -1
- package/EmptyState.js +0 -20
- package/EmptyState.js.map +0 -1
- package/Fab.js.map +0 -1
- package/FileUpload.d.ts +0 -20
- package/FileUpload.js +0 -18
- package/FileUpload.js.map +0 -1
- package/FormField.js +0 -39
- package/FormField.js.map +0 -1
- package/GUIDELINES.md +0 -41
- package/Image.d.ts +0 -20
- package/Image.js +0 -18
- package/Image.js.map +0 -1
- package/Img.js +0 -20
- package/Img.js.map +0 -1
- package/InlineAlert.js +0 -73
- package/InlineAlert.js.map +0 -1
- package/Layout.js.map +0 -1
- package/Link.js +0 -37
- package/Link.js.map +0 -1
- package/ListItem.js +0 -207
- package/ListItem.js.map +0 -1
- package/Menu.js +0 -98
- package/Menu.js.map +0 -1
- package/MenuButton.js +0 -30
- package/MenuButton.js.map +0 -1
- package/Modal.js +0 -53
- package/Modal.js.map +0 -1
- package/MultiSelection.d.ts +0 -20
- package/MultiSelection.js +0 -18
- package/MultiSelection.js.map +0 -1
- package/NavigationRail.d.ts +0 -20
- package/NavigationRail.js +0 -18
- package/NavigationRail.js.map +0 -1
- package/NumberField.js.map +0 -1
- package/NumberInput.js +0 -188
- package/NumberInput.js.map +0 -1
- package/OTPInput.d.ts +0 -20
- package/OTPInput.js +0 -18
- package/OTPInput.js.map +0 -1
- package/PageControl.d.ts +0 -20
- package/PageControl.js +0 -18
- package/PageControl.js.map +0 -1
- package/PasswordInput.d.ts +0 -20
- package/PasswordInput.js +0 -18
- package/PasswordInput.js.map +0 -1
- package/PhoneNumberInput.d.ts +0 -20
- package/PhoneNumberInput.js +0 -18
- package/PhoneNumberInput.js.map +0 -1
- package/Popover.js.map +0 -1
- package/Portal.js.map +0 -1
- package/ProgressBar.js +0 -64
- package/ProgressBar.js.map +0 -1
- package/ProgressCircle.js +0 -82
- package/ProgressCircle.js.map +0 -1
- package/ProgressionStepper.js.map +0 -1
- package/ProgressionStepperBar.js +0 -51
- package/ProgressionStepperBar.js.map +0 -1
- package/Radio.js.map +0 -1
- package/RadioGroup.js +0 -18
- package/RadioGroup.js.map +0 -1
- package/RadioOption.js +0 -16
- package/RadioOption.js.map +0 -1
- package/Rating.d.ts +0 -16
- package/Rating.js +0 -18
- package/Rating.js.map +0 -1
- package/SearchBar.js.map +0 -1
- package/SegmentedControl.js.map +0 -1
- package/Skeleton.d.ts +0 -28
- package/Skeleton.js +0 -57
- package/Skeleton.js.map +0 -1
- package/SliderInput.d.ts +0 -16
- package/SliderInput.js +0 -18
- package/SliderInput.js.map +0 -1
- package/Snackbar.d.ts +0 -16
- package/Snackbar.js +0 -18
- package/Snackbar.js.map +0 -1
- package/StylesProviderAnywhere.js +0 -29
- package/StylesProviderAnywhere.js.map +0 -1
- package/StylesProviderBetterHomesGardens.js +0 -29
- package/StylesProviderBetterHomesGardens.js.map +0 -1
- package/StylesProviderCartus.js +0 -29
- package/StylesProviderCartus.js.map +0 -1
- package/StylesProviderCentury21.js +0 -29
- package/StylesProviderCentury21.js.map +0 -1
- package/StylesProviderColdwellBanker.js +0 -29
- package/StylesProviderColdwellBanker.js.map +0 -1
- package/StylesProviderCorcoran.js +0 -29
- package/StylesProviderCorcoran.js.map +0 -1
- package/StylesProviderDenaliBoss.js +0 -29
- package/StylesProviderDenaliBoss.js.map +0 -1
- package/StylesProviderEra.js +0 -29
- package/StylesProviderEra.js.map +0 -1
- package/StylesProviderSothebys.js +0 -29
- package/StylesProviderSothebys.js.map +0 -1
- package/Switch.js.map +0 -1
- package/SwitchGroup.js +0 -18
- package/SwitchGroup.js.map +0 -1
- package/SwitchOption.js +0 -16
- package/SwitchOption.js.map +0 -1
- package/TabGroup.js.map +0 -1
- package/Table.js.map +0 -1
- package/Tag.js.map +0 -1
- package/TextField.js +0 -19
- package/TextField.js.map +0 -1
- package/TextInput.js.map +0 -1
- package/Textarea.js.map +0 -1
- package/TextareaField.js +0 -26
- package/TextareaField.js.map +0 -1
- package/TimePicker.d.ts +0 -16
- package/TimePicker.js +0 -18
- package/TimePicker.js.map +0 -1
- package/ToggleOption.js.map +0 -1
- package/Tooltip.js +0 -104
- package/Tooltip.js.map +0 -1
- package/TopNavigation.js +0 -18
- package/TopNavigation.js.map +0 -1
- package/Txt.js.map +0 -1
- package/hooks/useCheckboxGroupState.js.map +0 -1
- package/hooks/useCheckboxState.js.map +0 -1
- package/hooks/useFloating.js.map +0 -1
- package/hooks/useFloatingMenu.js.map +0 -1
- package/hooks/useId.js.map +0 -1
- package/hooks/useKeyboardNavigation.js.map +0 -1
- package/hooks/useLongPress.js.map +0 -1
- package/hooks/useModalState.js.map +0 -1
- package/hooks/useNavOptions.js.map +0 -1
- package/hooks/useOutsideClick.js.map +0 -1
- package/hooks/useRadioState.js.map +0 -1
- package/hooks/useSwitchGroupState.js.map +0 -1
- package/hooks/useTimeout.js.map +0 -1
- package/hooks/useValidChildren.js.map +0 -1
- package/index.js.map +0 -1
- package/meta.d.ts +0 -44
- package/meta.js +0 -5789
- package/meta.js.map +0 -1
- package/src/Accordion.tsx +0 -33
- package/src/BottomNavigation.tsx +0 -33
- package/src/BottomSheet.tsx +0 -33
- package/src/Breadcrumb.tsx +0 -33
- package/src/ButtonDock.tsx +0 -33
- package/src/Chart.tsx +0 -33
- package/src/DatePicker.tsx +0 -33
- package/src/Drawer.tsx +0 -33
- package/src/FileUpload.tsx +0 -33
- package/src/Image.tsx +0 -33
- package/src/MultiSelection.tsx +0 -33
- package/src/NavigationRail.tsx +0 -33
- package/src/OTPInput.tsx +0 -33
- package/src/PageControl.tsx +0 -33
- package/src/PasswordInput.tsx +0 -33
- package/src/PhoneNumberInput.tsx +0 -33
- package/src/Rating.tsx +0 -29
- package/src/SliderInput.tsx +0 -29
- package/src/Snackbar.tsx +0 -29
- package/src/TimePicker.tsx +0 -29
- package/src/meta.ts +0 -6238
- package/src/package.json +0 -3
- package/src/styles/anywhere.css +0 -1693
- package/src/styles/anywhere.ts +0 -1694
- package/src/styles/base.ts +0 -161
- package/src/styles/better-homes-gardens.css +0 -1693
- package/src/styles/better-homes-gardens.ts +0 -1694
- package/src/styles/cartus.css +0 -1691
- package/src/styles/cartus.ts +0 -1692
- package/src/styles/century-21.css +0 -1689
- package/src/styles/century-21.ts +0 -1690
- package/src/styles/coldwell-banker.css +0 -1691
- package/src/styles/coldwell-banker.ts +0 -1692
- package/src/styles/corcoran.css +0 -1685
- package/src/styles/corcoran.ts +0 -1686
- package/src/styles/denali-boss.css +0 -1681
- package/src/styles/denali-boss.ts +0 -1682
- package/src/styles/era.css +0 -1685
- package/src/styles/era.ts +0 -1686
- package/src/styles/sothebys.css +0 -1677
- package/src/styles/sothebys.ts +0 -1678
- package/styles/anywhere.d.ts +0 -2
- package/styles/anywhere.js +0 -1697
- package/styles/anywhere.js.map +0 -1
- package/styles/base.d.ts +0 -2
- package/styles/base.js +0 -164
- package/styles/base.js.map +0 -1
- package/styles/better-homes-gardens.d.ts +0 -2
- package/styles/better-homes-gardens.js +0 -1697
- package/styles/better-homes-gardens.js.map +0 -1
- package/styles/cartus.d.ts +0 -2
- package/styles/cartus.js +0 -1695
- package/styles/cartus.js.map +0 -1
- package/styles/century-21.d.ts +0 -2
- package/styles/century-21.js +0 -1693
- package/styles/century-21.js.map +0 -1
- package/styles/coldwell-banker.d.ts +0 -2
- package/styles/coldwell-banker.js +0 -1695
- package/styles/coldwell-banker.js.map +0 -1
- package/styles/corcoran.d.ts +0 -2
- package/styles/corcoran.js +0 -1689
- package/styles/corcoran.js.map +0 -1
- package/styles/denali-boss.d.ts +0 -2
- package/styles/denali-boss.js +0 -1685
- package/styles/denali-boss.js.map +0 -1
- package/styles/era.d.ts +0 -2
- package/styles/era.js +0 -1689
- package/styles/era.js.map +0 -1
- package/styles/sothebys.d.ts +0 -2
- package/styles/sothebys.js +0 -1681
- package/styles/sothebys.js.map +0 -1
- package/utils/children.js.map +0 -1
- package/utils/colorVariants.d.ts +0 -5
- package/utils/colorVariants.js +0 -61
- package/utils/colorVariants.js.map +0 -1
- package/utils/errors.js.map +0 -1
- package/utils/getValidNode.js.map +0 -1
- package/utils/keyboard.js.map +0 -1
- package/utils/ref.js.map +0 -1
- package/utils/scrollElementIntoView.js.map +0 -1
- package/utils/srOnly.js.map +0 -1
- package/utils/tryIntPsrse.js.map +0 -1
- package/utils/txtVariants.d.ts +0 -2
- package/utils/txtVariants.js.map +0 -1
- /package/{Portal.d.ts → dist/Portal.d.ts} +0 -0
- /package/{hooks → dist/hooks}/useCheckboxState.d.ts +0 -0
- /package/{hooks → dist/hooks}/useFloating.d.ts +0 -0
- /package/{hooks → dist/hooks}/useFloatingMenu.d.ts +0 -0
- /package/{hooks → dist/hooks}/useId.d.ts +0 -0
- /package/{hooks → dist/hooks}/useKeyboardNavigation.d.ts +0 -0
- /package/{hooks → dist/hooks}/useLongPress.d.ts +0 -0
- /package/{hooks → dist/hooks}/useModalState.d.ts +0 -0
- /package/{hooks → dist/hooks}/useNavOptions.d.ts +0 -0
- /package/{hooks → dist/hooks}/useOutsideClick.d.ts +0 -0
- /package/{hooks → dist/hooks}/useRadioState.d.ts +0 -0
- /package/{hooks → dist/hooks}/useTimeout.d.ts +0 -0
- /package/{hooks → dist/hooks}/useValidChildren.d.ts +0 -0
- /package/{index.d.ts → dist/index.d.ts} +0 -0
- /package/{utils → dist/utils}/children.d.ts +0 -0
- /package/{utils → dist/utils}/getValidNode.d.ts +0 -0
- /package/{utils → dist/utils}/keyboard.d.ts +0 -0
- /package/{utils → dist/utils}/ref.d.ts +0 -0
- /package/{utils → dist/utils}/scrollElementIntoView.d.ts +0 -0
- /package/{utils → dist/utils}/srOnly.d.ts +0 -0
- /package/{utils → dist/utils}/tryIntPsrse.d.ts +0 -0
package/NumberInput.js
DELETED
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { SvgAdd } from '@bspk/icons/Add';
|
|
3
|
-
import { SvgRemove } from '@bspk/icons/Remove';
|
|
4
|
-
import { css } from '@emotion/react';
|
|
5
|
-
import { useId } from './hooks/useId.js';
|
|
6
|
-
import { useLongPress } from './hooks/useLongPress.js';
|
|
7
|
-
|
|
8
|
-
function isNumber(value) {
|
|
9
|
-
if (typeof value === 'number')
|
|
10
|
-
return value;
|
|
11
|
-
if (typeof value !== 'string')
|
|
12
|
-
return undefined;
|
|
13
|
-
const num = Number(value);
|
|
14
|
-
return isNaN(num) ? undefined : num;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* A input element that allows users to either input a numerical value or singularly increase or decrease the values by
|
|
18
|
-
* pressing the (+) or (-).
|
|
19
|
-
*
|
|
20
|
-
* @name NumberInput
|
|
21
|
-
*/
|
|
22
|
-
function NumberInput({
|
|
23
|
-
//
|
|
24
|
-
value = 1, onChange, centered = false, size = 'medium', disabled = false, readOnly = false, name, id: inputIdProp, invalid, 'aria-label': ariaLabel, max: maxProp, min: minProp, }) {
|
|
25
|
-
const inputId = useId(inputIdProp);
|
|
26
|
-
const max = isNumber(maxProp);
|
|
27
|
-
const min = isNumber(minProp);
|
|
28
|
-
const fix = (next = value) => {
|
|
29
|
-
let fixValue = next;
|
|
30
|
-
if (typeof min !== 'undefined' && next < min)
|
|
31
|
-
fixValue = min;
|
|
32
|
-
if (typeof max !== 'undefined' && next > max)
|
|
33
|
-
fixValue = max;
|
|
34
|
-
if (fixValue !== value)
|
|
35
|
-
onChange(fixValue);
|
|
36
|
-
};
|
|
37
|
-
const buttonProps = {
|
|
38
|
-
min,
|
|
39
|
-
max,
|
|
40
|
-
disabled,
|
|
41
|
-
readOnly,
|
|
42
|
-
onChange: fix,
|
|
43
|
-
value,
|
|
44
|
-
};
|
|
45
|
-
return (jsxs("div", { "aria-valuemax": max || undefined, "aria-valuemin": min || undefined, css: style, "data-centered": centered || undefined, "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, "data-stepper-input": true, children: [!!centered && jsx(IncrementButton, { ...buttonProps, increment: -1 }), jsx("input", { "aria-label": ariaLabel, disabled: disabled, id: inputId, name: name, onBlur: () => {
|
|
46
|
-
fix();
|
|
47
|
-
}, onChange: (event) => {
|
|
48
|
-
onChange(event.target.value);
|
|
49
|
-
}, readOnly: readOnly, type: "number", value: value }), !centered && (jsxs(Fragment, { children: [jsx("div", { "aria-hidden": true, "data-divider": true }), jsx(IncrementButton, { ...buttonProps, increment: -1 })] })), jsx(IncrementButton, { ...buttonProps, increment: 1 })] }));
|
|
50
|
-
}
|
|
51
|
-
// eslint-disable-next-line react/no-multi-comp
|
|
52
|
-
function IncrementButton({ increment, min, max, readOnly, disabled, onChange, value, }) {
|
|
53
|
-
const add = increment === 1;
|
|
54
|
-
const prevValue = isNumber(value) || 0;
|
|
55
|
-
const isDisabled = readOnly ||
|
|
56
|
-
disabled ||
|
|
57
|
-
(typeof min !== 'undefined' && prevValue + increment < min) ||
|
|
58
|
-
(typeof max !== 'undefined' && prevValue + increment > max);
|
|
59
|
-
const longPress = useLongPress((pressCounter) => onChange(prevValue + increment * pressCounter), 2000, isDisabled);
|
|
60
|
-
return (jsx("button", { "aria-label": `${add ? 'Increase' : 'Decrease'} value`, "data-increment": increment, disabled: isDisabled, type: "button", ...longPress.buttonProps, children: add ? jsx(SvgAdd, {}) : jsx(SvgRemove, {}) }));
|
|
61
|
-
}
|
|
62
|
-
NumberInput.bspkName = 'NumberInput';
|
|
63
|
-
const style = css `
|
|
64
|
-
// medium
|
|
65
|
-
--font: var(--body-base);
|
|
66
|
-
--height: var(--spacing-sizing-10);
|
|
67
|
-
--svg-width: var(--spacing-sizing-05);
|
|
68
|
-
--color: var(--foreground-neutral-on-surface);
|
|
69
|
-
width: 100%;
|
|
70
|
-
|
|
71
|
-
display: flex;
|
|
72
|
-
flex-flow: row nowrap;
|
|
73
|
-
font: var(--font);
|
|
74
|
-
height: var(--height);
|
|
75
|
-
border: 1px solid var(--stroke-neutral-base);
|
|
76
|
-
border-radius: var(--radius-small);
|
|
77
|
-
background: var(--surface-neutral-t1-base);
|
|
78
|
-
|
|
79
|
-
&:focus-within {
|
|
80
|
-
border-color: var(--stroke-brand-primary);
|
|
81
|
-
outline: 1px solid var(--stroke-brand-primary);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
[data-divider] {
|
|
85
|
-
width: 4px;
|
|
86
|
-
border-right: 1px solid var(--stroke-neutral-base);
|
|
87
|
-
// account for border - 3(margin) * 2 + 2(border)
|
|
88
|
-
height: calc(var(--height) - 8px);
|
|
89
|
-
margin: 3px 0;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
button {
|
|
93
|
-
min-width: var(--height);
|
|
94
|
-
background: none;
|
|
95
|
-
border: none;
|
|
96
|
-
cursor: pointer;
|
|
97
|
-
font: var(--font);
|
|
98
|
-
svg {
|
|
99
|
-
width: var(--svg-width);
|
|
100
|
-
}
|
|
101
|
-
display: flex;
|
|
102
|
-
justify-content: center;
|
|
103
|
-
align-items: center;
|
|
104
|
-
color: var(--color);
|
|
105
|
-
|
|
106
|
-
&:disabled {
|
|
107
|
-
cursor: not-allowed;
|
|
108
|
-
color: var(--foreground-neutral-disabled-on-surface);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
input {
|
|
113
|
-
color: var(--color);
|
|
114
|
-
min-width: 0;
|
|
115
|
-
display: block;
|
|
116
|
-
font: var(--font);
|
|
117
|
-
text-align: center;
|
|
118
|
-
padding: 0 var(--spacing-sizing-03);
|
|
119
|
-
background: transparent;
|
|
120
|
-
border: none;
|
|
121
|
-
|
|
122
|
-
&:focus {
|
|
123
|
-
outline: none;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
&::-webkit-outer-spin-button,
|
|
127
|
-
&::-webkit-inner-spin-button {
|
|
128
|
-
-webkit-appearance: none;
|
|
129
|
-
margin: 0;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
&[type='number'] {
|
|
133
|
-
appearance: textfield;
|
|
134
|
-
-moz-appearance: textfield;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
&:not([data-disabled], [data-readonly]) {
|
|
139
|
-
input,
|
|
140
|
-
button:not(:disabled) {
|
|
141
|
-
&:hover {
|
|
142
|
-
background-color: var(--interactions-hover-opacity);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
&:active {
|
|
146
|
-
background-color: var(--interactions-press-opacity);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
&[data-invalid] {
|
|
151
|
-
border-color: var(--status-error);
|
|
152
|
-
outline-color: var(--status-error);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
&[data-disabled],
|
|
157
|
-
&[data-readonly] {
|
|
158
|
-
--color: var(--foreground-neutral-disabled-on-surface);
|
|
159
|
-
border-color: var(--stroke-neutral-disabled-light);
|
|
160
|
-
background:
|
|
161
|
-
linear-gradient(var(--interactions-disabled-opacity), var(--interactions-disabled-opacity)),
|
|
162
|
-
linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
|
|
163
|
-
|
|
164
|
-
[data-divider] {
|
|
165
|
-
border-color: var(--stroke-neutral-disabled-light);
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
&[data-readonly] {
|
|
170
|
-
input {
|
|
171
|
-
color: var(--foreground-neutral-on-surface) !important;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
&[data-size='small'] {
|
|
176
|
-
--font: var(--body-small);
|
|
177
|
-
--height: var(--spacing-sizing-08);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
&[data-size='large'] {
|
|
181
|
-
--font: var(--body-large);
|
|
182
|
-
--height: var(--spacing-sizing-12);
|
|
183
|
-
--svg-width: var(--spacing-sizing-06);
|
|
184
|
-
}
|
|
185
|
-
`;
|
|
186
|
-
|
|
187
|
-
export { NumberInput, style };
|
|
188
|
-
//# sourceMappingURL=NumberInput.js.map
|
package/NumberInput.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sources":["src/NumberInput.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
package/OTPInput.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type OTPInputProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the otp input.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name OTPInput
|
|
13
|
-
*/
|
|
14
|
-
declare function OTPInput({ children }: OTPInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace OTPInput {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { OTPInput };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/OTPInput.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component description coming soon.
|
|
6
|
-
*
|
|
7
|
-
* @name OTPInput
|
|
8
|
-
*/
|
|
9
|
-
function OTPInput({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-otp-input": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
OTPInput.bspkName = 'OTPInput';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { OTPInput, style };
|
|
18
|
-
//# sourceMappingURL=OTPInput.js.map
|
package/OTPInput.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.js","sources":["src/OTPInput.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAiB,EAAA;IACzC,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,gBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAIxB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/PageControl.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type PageControlProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the page control.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name PageControl
|
|
13
|
-
*/
|
|
14
|
-
declare function PageControl({ children }: PageControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace PageControl {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { PageControl };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/PageControl.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component description coming soon.
|
|
6
|
-
*
|
|
7
|
-
* @name PageControl
|
|
8
|
-
*/
|
|
9
|
-
function PageControl({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-page-control": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
PageControl.bspkName = 'PageControl';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { PageControl, style };
|
|
18
|
-
//# sourceMappingURL=PageControl.js.map
|
package/PageControl.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageControl.js","sources":["src/PageControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAoB,EAAA;IAC/C,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,mBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAI9B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/PasswordInput.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type PasswordInputProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the password input.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name PasswordInput
|
|
13
|
-
*/
|
|
14
|
-
declare function PasswordInput({ children }: PasswordInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace PasswordInput {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { PasswordInput };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/PasswordInput.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component description coming soon.
|
|
6
|
-
*
|
|
7
|
-
* @name PasswordInput
|
|
8
|
-
*/
|
|
9
|
-
function PasswordInput({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-password-input": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
PasswordInput.bspkName = 'PasswordInput';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { PasswordInput, style };
|
|
18
|
-
//# sourceMappingURL=PasswordInput.js.map
|
package/PasswordInput.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sources":["src/PasswordInput.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAsB,EAAA;IACnD,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,qBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,eAAe,CAAC;AAIlC,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/PhoneNumberInput.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type PhoneNumberInputProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the phone number input.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name PhoneNumberInput
|
|
13
|
-
*/
|
|
14
|
-
declare function PhoneNumberInput({ children }: PhoneNumberInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace PhoneNumberInput {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { PhoneNumberInput };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/PhoneNumberInput.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component description coming soon.
|
|
6
|
-
*
|
|
7
|
-
* @name PhoneNumberInput
|
|
8
|
-
*/
|
|
9
|
-
function PhoneNumberInput({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-phone-number-input": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
PhoneNumberInput.bspkName = 'PhoneNumberInput';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { PhoneNumberInput, style };
|
|
18
|
-
//# sourceMappingURL=PhoneNumberInput.js.map
|
package/PhoneNumberInput.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneNumberInput.js","sources":["src/PhoneNumberInput.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB,EAAA;IACzD,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,yBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,gBAAgB,CAAC,QAAQ,GAAG,kBAAkB,CAAC;AAIxC,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/Popover.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["src/Popover.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
package/Portal.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Portal.js","sources":["src/Portal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAcA;;;;;;AAMG;AACH,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAe,EAAA;AAChD,IAAA,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,SAAS,IAAI,IAAI,CAAC,CAAC;IAE9F,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,eAAe,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC7F,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAI3B;;;;"}
|
package/ProgressBar.js
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { useId } from 'react';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* A progress bar is a horizontal visual indicator that let’s the user know the progression of a task or operation
|
|
7
|
-
* occurring in the background.
|
|
8
|
-
*
|
|
9
|
-
* @name ProgressBar
|
|
10
|
-
*/
|
|
11
|
-
function ProgressBar({ size = 'large', completion = 0, align = 'center', label }) {
|
|
12
|
-
const id = useId();
|
|
13
|
-
return (jsxs("div", { css: style, "data-align": align, "data-progress-bar": true, "data-size": size, children: [jsxs("progress", { "aria-busy": completion < 100, "aria-label": "A bounded progress bar from 0 to 100", "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": completion, id: id, max: "100", value: completion, children: [completion, "%"] }), jsx("div", { "aria-hidden": true, "data-bar": true, style: { '--width': `${completion}%` } }), jsx("label", { htmlFor: id, children: label })] }));
|
|
14
|
-
}
|
|
15
|
-
ProgressBar.bspkName = 'ProgressBar';
|
|
16
|
-
const style = css `
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: column;
|
|
19
|
-
width: 100%;
|
|
20
|
-
gap: var(--spacing-sizing-01);
|
|
21
|
-
|
|
22
|
-
progress {
|
|
23
|
-
opacity: 0;
|
|
24
|
-
position: absolute;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
[data-bar] {
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: var(--spacing-sizing-02);
|
|
30
|
-
background-color: var(--surface-neutral-t3-low);
|
|
31
|
-
border-radius: var(--radius-small);
|
|
32
|
-
|
|
33
|
-
&::after {
|
|
34
|
-
content: '';
|
|
35
|
-
display: block;
|
|
36
|
-
height: 100%;
|
|
37
|
-
background-color: var(--foreground-brand-primary);
|
|
38
|
-
border-radius: var(--radius-small);
|
|
39
|
-
width: var(--width);
|
|
40
|
-
transition: width 0.3s;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&[data-size='small'] {
|
|
45
|
-
max-width: 248px;
|
|
46
|
-
|
|
47
|
-
[data-bar] {
|
|
48
|
-
height: var(--spacing-sizing-01);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
label {
|
|
53
|
-
font-size: var(--labels-small);
|
|
54
|
-
width: 100%;
|
|
55
|
-
text-align: center;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&[data-align='left'] label {
|
|
59
|
-
text-align: left;
|
|
60
|
-
}
|
|
61
|
-
`;
|
|
62
|
-
|
|
63
|
-
export { ProgressBar, style };
|
|
64
|
-
//# sourceMappingURL=ProgressBar.js.map
|
package/ProgressBar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["src/ProgressBar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AA6BA;;;;;AAKG;AACH,SAAS,WAAW,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAoB,EAAA;AAC9F,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAc,YAAA,EAAA,KAAK,EAA+B,mBAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAI,EACjE,QAAA,EAAA,CAAAA,IAAA,CAAA,UAAA,EAAA,EAAA,WAAA,EACe,UAAU,GAAG,GAAG,EAAA,YAAA,EAChB,sCAAsC,EAAA,eAAA,EAClC,GAAG,EAAA,eAAA,EACH,CAAC,EAAA,eAAA,EACD,UAAU,EACzB,EAAE,EAAE,EAAE,EACN,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,UAAU,EAAA,QAAA,EAAA,CAEhB,UAAU,EAAA,GAAA,CAAA,EAAA,CACJ,EACXC,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAA0B,KAAK,EAAE,EAAE,SAAS,EAAE,CAAA,EAAG,UAAU,CAAA,CAAA,CAAG,EAAmB,EAAA,CAAI,EACrFA,GAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,EAAE,EAAA,QAAA,EAAG,KAAK,EAAA,CAAS,CACjC,EAAA,CAAA,EACR;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAI9B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/ProgressCircle.js
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { useId } from 'react';
|
|
4
|
-
import { Txt } from './Txt.js';
|
|
5
|
-
|
|
6
|
-
const ANIMATION_SPEED = 1.5;
|
|
7
|
-
/**
|
|
8
|
-
* Rotating circle or pill that indicates the status or state of completion for a process that’s part of a user flow.
|
|
9
|
-
*
|
|
10
|
-
* @name ProgressCircle
|
|
11
|
-
*/
|
|
12
|
-
function ProgressCircle({ label, labelPosition, size = 'medium' }) {
|
|
13
|
-
let variant = 'labels-base';
|
|
14
|
-
if (size === 'small')
|
|
15
|
-
variant = 'labels-small';
|
|
16
|
-
else if (size === 'large')
|
|
17
|
-
variant = 'labels-large';
|
|
18
|
-
const labelId = useId();
|
|
19
|
-
return (jsxs("div", { "aria-labelledby": labelId, css: style, "data-label-position": labelPosition, "data-progress-circle": true, "data-size": size, role: "progressbar", children: [jsx(ProgressCircle.SVG, {}), jsx(Txt, { id: labelId, variant: variant, children: label || 'Loading ...' })] }));
|
|
20
|
-
}
|
|
21
|
-
ProgressCircle.bspkName = 'ProgressCircle';
|
|
22
|
-
const style = css `
|
|
23
|
-
display: flex;
|
|
24
|
-
flex-direction: column;
|
|
25
|
-
gap: var(--spacing-sizing-02);
|
|
26
|
-
align-items: center;
|
|
27
|
-
justify-content: center;
|
|
28
|
-
|
|
29
|
-
&[data-label-position='top'] {
|
|
30
|
-
flex-direction: column-reverse;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&[data-label-position='left'] {
|
|
34
|
-
flex-direction: row-reverse;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&[data-label-position='right'] {
|
|
38
|
-
flex-direction: row;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
svg {
|
|
42
|
-
color: var(--foreground-brand-secondary);
|
|
43
|
-
animation: spin ${ANIMATION_SPEED}s linear infinite;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@keyframes spin {
|
|
47
|
-
100% {
|
|
48
|
-
transform: rotate(360deg);
|
|
49
|
-
}
|
|
50
|
-
0% {
|
|
51
|
-
transform: rotate(0deg);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&[data-size='small'] {
|
|
56
|
-
svg {
|
|
57
|
-
width: 32px;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&[data-size='medium'] {
|
|
62
|
-
svg {
|
|
63
|
-
width: 40px;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
&[data-size='large'] {
|
|
68
|
-
svg {
|
|
69
|
-
width: 48px;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
`;
|
|
73
|
-
const ProgressCircleSVG = (props) => {
|
|
74
|
-
const strokeWidth = props.strokeWidth || 10;
|
|
75
|
-
const width = 100;
|
|
76
|
-
const id = useId();
|
|
77
|
-
return (jsxs("svg", { ...props, "data-animated": true, fill: "none", viewBox: `0 0 ${width * 2} ${width * 2}`, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: `${id}spinner-secondHalf`, children: [jsx("stop", { offset: "50%", stopColor: "currentColor", stopOpacity: 0 }), jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.375" })] }), jsxs("linearGradient", { id: `${id}spinner-firstHalf`, children: [jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: 1 }), jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.375" })] })] }), jsxs("g", { strokeWidth: strokeWidth * 2, children: [jsx("path", { d: `M ${strokeWidth} ${width} A ${width - strokeWidth} ${width - strokeWidth} 0 0 1 ${width + (width - strokeWidth)} ${width}`, stroke: `url(#${id}spinner-secondHalf)` }), jsx("path", { d: `M ${width + (width - strokeWidth)} ${width} A ${width - strokeWidth} ${width - strokeWidth} 0 0 1 ${strokeWidth} ${width}`, stroke: `url(#${id}spinner-firstHalf)` }), jsx("path", { d: `M ${strokeWidth} ${width} A ${width - strokeWidth} ${width - strokeWidth} 0 0 1 ${strokeWidth} ${width - 2}`, stroke: "currentColor", strokeLinecap: "round" })] })] }));
|
|
78
|
-
};
|
|
79
|
-
ProgressCircle.SVG = ProgressCircleSVG;
|
|
80
|
-
|
|
81
|
-
export { ProgressCircle, style };
|
|
82
|
-
//# sourceMappingURL=ProgressCircle.js.map
|
package/ProgressCircle.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressCircle.js","sources":["src/ProgressCircle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressionStepper.js","sources":["src/ProgressionStepper.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
package/ProgressionStepperBar.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Component description coming soon.
|
|
6
|
-
*
|
|
7
|
-
* @name ProgressionStepperBar
|
|
8
|
-
*/
|
|
9
|
-
function ProgressionStepperBar({ stepCount, stepCompleted: stepCompletedProp = 0, size = 'large', }) {
|
|
10
|
-
const stepCompleted = Math.min(stepCompletedProp, stepCount);
|
|
11
|
-
return (jsxs("div", { css: style, "data-progression-stepper-bar": "", "data-size": size, style: { '--steps': stepCount }, children: [jsx("div", { "data-steps": true, children: Array.from({ length: stepCount }, (_, i) => (jsx("div", { "data-complete": i < stepCompleted || undefined, "data-step": i }, i))) }), jsxs("label", { children: [stepCompleted, " of ", stepCount, " steps completed."] })] }));
|
|
12
|
-
}
|
|
13
|
-
ProgressionStepperBar.bspkName = 'ProgressionStepperBar';
|
|
14
|
-
const style = css `
|
|
15
|
-
&[data-size='large'] {
|
|
16
|
-
--height: var(--spacing-sizing-02);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&[data-size='small'] {
|
|
20
|
-
--height: var(--spacing-sizing-01);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
display: flex;
|
|
24
|
-
width: 100%;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
gap: var(--spacing-sizing-01);
|
|
27
|
-
|
|
28
|
-
[data-steps] {
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: row;
|
|
31
|
-
gap: var(--spacing-sizing-01);
|
|
32
|
-
height: var(--height);
|
|
33
|
-
[data-step] {
|
|
34
|
-
width: 100%;
|
|
35
|
-
height: var(--height);
|
|
36
|
-
min-width: var(--spacing-sizing-02);
|
|
37
|
-
border-radius: var(--radius-small);
|
|
38
|
-
background: var(--surface-neutral-t3-low);
|
|
39
|
-
&[data-complete] {
|
|
40
|
-
background: var(--surface-brand-primary);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
label {
|
|
46
|
-
font: var(--labels-small);
|
|
47
|
-
}
|
|
48
|
-
`;
|
|
49
|
-
|
|
50
|
-
export { ProgressionStepperBar, style };
|
|
51
|
-
//# sourceMappingURL=ProgressionStepperBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressionStepperBar.js","sources":["src/ProgressionStepperBar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAuBA;;;;AAIG;AACH,SAAS,qBAAqB,CAAC,EAC3B,SAAS,EACT,aAAa,EAAE,iBAAiB,GAAG,CAAC,EACpC,IAAI,GAAG,OAAO,GACW,EAAA;IACzB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAE7D,QACIA,IACI,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EACmB,8BAAA,EAAA,EAAE,EACpB,WAAA,EAAA,IAAI,EACf,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAmB,EAEhD,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EACK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MACpCA,GAAoB,CAAA,KAAA,EAAA,EAAA,eAAA,EAAA,CAAC,GAAG,aAAa,IAAI,SAAS,EAAa,WAAA,EAAA,CAAC,EAAO,EAAA,CAAC,CAAI,CAC/E,CAAC,EAAA,CACA,EACND,IAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CACK,aAAa,EAAA,MAAA,EAAM,SAAS,EAAA,mBAAA,CAAA,EAAA,CACzB,CACN,EAAA,CAAA,EACR;AACN,CAAC;AAED,qBAAqB,CAAC,QAAQ,GAAG,uBAAuB,CAAC;AAIlD,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/Radio.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["src/Radio.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AASA;;;;;;;AAOG;AACH,SAAS,KAAK,CAAC,KAAwC,EAAA;AACnD,IAAA,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9E,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,KAAK,iCACZC,GACQ,CAAA,OAAA,EAAA,EAAA,GAAA,UAAU,EACd,OAAO,EAAE,CAAC,CAAC,OAAO,EAAA,cAAA,EACJ,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAC5D,IAAI,EAAC,OAAO,EAAA,CACd,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAoB,CACjB,EAAA,CAAA,EACT;AACN,CAAC;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAIlB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/RadioGroup.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { Radio } from './Radio.js';
|
|
3
|
-
import { ToggleOption } from './ToggleOption.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* A group of radios that allows users to choose one or more items from a list or turn an feature on or off.
|
|
7
|
-
*
|
|
8
|
-
* @name RadioGroup
|
|
9
|
-
*/
|
|
10
|
-
function RadioGroup({ onChange, options = [], name, value: groupValue, size, ...props }) {
|
|
11
|
-
return (jsx("div", { ...props, "data-control-group": true, "data-radio-group": true, role: "radiogroup", style: { display: 'contents' }, children: options.map(({ label, description, value }) => {
|
|
12
|
-
return (jsx(ToggleOption, { description: description, label: label, size: size, children: jsx(Radio, { "aria-label": label, checked: groupValue === value, name: name, onChange: (checked) => checked && onChange(value), value: value }) }, value));
|
|
13
|
-
}) }));
|
|
14
|
-
}
|
|
15
|
-
RadioGroup.bspkName = 'RadioGroup';
|
|
16
|
-
|
|
17
|
-
export { RadioGroup };
|
|
18
|
-
//# sourceMappingURL=RadioGroup.js.map
|
package/RadioGroup.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sources":["src/RadioGroup.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAyBA;;;;AAIG;AACH,SAAS,UAAU,CAAC,EAChB,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,IAAI,EACJ,KAAK,EAAE,UAAU,EACjB,IAAI,EACJ,GAAG,KAAK,EAC2B,EAAA;AACnC,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,oBAAA,EAAA,IAAA,EAAA,kBAAA,EAAA,IAAA,EAAsC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EAC/F,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAI;YAC3C,QACIA,GAAC,CAAA,YAAY,EAAC,EAAA,WAAW,EAAE,WAAW,EAAc,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EACxE,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAA,EAAA,YAAA,EACU,KAAK,EACjB,OAAO,EAAE,UAAU,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,OAAO,KAAK,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,EACjD,KAAK,EAAE,KAAK,EAAA,CACd,EAPuC,EAAA,KAAK,CAQnC,EACjB;SACL,CAAC,EACA,CAAA,EACR;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY;;;;"}
|
package/RadioOption.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { Radio } from './Radio.js';
|
|
3
|
-
import { ToggleOption } from './ToggleOption.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* A control that allows users to choose one or more items from a list or turn an feature on or off.
|
|
7
|
-
*
|
|
8
|
-
* @name RadioOption
|
|
9
|
-
*/
|
|
10
|
-
function RadioOption({ label, description, ...checkboxProps }) {
|
|
11
|
-
return (jsx(ToggleOption, { "data-checkbox-field": true, description: description, label: label, children: jsx(Radio, { ...checkboxProps, "aria-label": label }) }));
|
|
12
|
-
}
|
|
13
|
-
RadioOption.bspkName = 'RadioOption';
|
|
14
|
-
|
|
15
|
-
export { RadioOption };
|
|
16
|
-
//# sourceMappingURL=RadioOption.js.map
|