@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
|
@@ -1,74 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
/**
|
|
2
|
+
* This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
|
|
3
|
+
* again.
|
|
4
|
+
*/
|
|
5
|
+
export const COLOR_VARIANTS = [
|
|
6
|
+
'grey',
|
|
7
|
+
'white',
|
|
8
|
+
'primary',
|
|
9
|
+
'secondary',
|
|
10
|
+
'blue',
|
|
11
|
+
'green',
|
|
12
|
+
'lime',
|
|
13
|
+
'magenta',
|
|
14
|
+
'orange',
|
|
15
|
+
'pink',
|
|
16
|
+
'purple',
|
|
17
|
+
'red',
|
|
18
|
+
'teal',
|
|
19
|
+
'yellow',
|
|
20
|
+
] as const;
|
|
21
|
+
export type ColorVariant = (typeof COLOR_VARIANTS)[number];
|
|
16
22
|
|
|
17
|
-
|
|
18
|
-
grey: {
|
|
19
|
-
foreground: '--foreground-neutral-on-surface-variant-01',
|
|
20
|
-
surface: '--surface-neutral-t2-lowest',
|
|
21
|
-
},
|
|
22
|
-
white: {
|
|
23
|
-
foreground: '--foreground-neutral-on-surface-variant-01',
|
|
24
|
-
surface: '--surface-neutral-t1-base',
|
|
25
|
-
},
|
|
26
|
-
primary: {
|
|
27
|
-
foreground: '--foreground-brand-primary-depth',
|
|
28
|
-
surface: '--surface-brand-primary-highlight',
|
|
29
|
-
},
|
|
30
|
-
secondary: {
|
|
31
|
-
foreground: '--foreground-brand-secondary-depth',
|
|
32
|
-
surface: '--surface-brand-secondary-highlight',
|
|
33
|
-
},
|
|
34
|
-
blue: {
|
|
35
|
-
foreground: '--foreground-spectrum-blue',
|
|
36
|
-
surface: '--surface-spectrum-blue',
|
|
37
|
-
},
|
|
38
|
-
green: {
|
|
39
|
-
foreground: '--foreground-spectrum-green',
|
|
40
|
-
surface: '--surface-spectrum-green',
|
|
41
|
-
},
|
|
42
|
-
lime: {
|
|
43
|
-
foreground: '--foreground-spectrum-lime',
|
|
44
|
-
surface: '--surface-spectrum-lime',
|
|
45
|
-
},
|
|
46
|
-
magenta: {
|
|
47
|
-
foreground: '--foreground-spectrum-magenta',
|
|
48
|
-
surface: '--surface-spectrum-magenta',
|
|
49
|
-
},
|
|
50
|
-
orange: {
|
|
51
|
-
foreground: '--foreground-spectrum-orange',
|
|
52
|
-
surface: '--surface-spectrum-orange',
|
|
53
|
-
},
|
|
54
|
-
pink: {
|
|
55
|
-
foreground: '--foreground-spectrum-pink',
|
|
56
|
-
surface: '--surface-spectrum-pink',
|
|
57
|
-
},
|
|
58
|
-
purple: {
|
|
59
|
-
foreground: '--foreground-spectrum-purple',
|
|
60
|
-
surface: '--surface-spectrum-purple',
|
|
61
|
-
},
|
|
62
|
-
red: {
|
|
63
|
-
foreground: '--foreground-spectrum-red',
|
|
64
|
-
surface: '--surface-spectrum-red',
|
|
65
|
-
},
|
|
66
|
-
teal: {
|
|
67
|
-
foreground: '--foreground-spectrum-teal',
|
|
68
|
-
surface: '--surface-spectrum-teal',
|
|
69
|
-
},
|
|
70
|
-
yellow: {
|
|
71
|
-
foreground: '--foreground-spectrum-yellow',
|
|
72
|
-
surface: '--surface-spectrum-yellow',
|
|
73
|
-
},
|
|
74
|
-
} as const;
|
|
23
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export function styleAdd(css: string, first?: boolean) {
|
|
2
|
+
if (!css || typeof document === 'undefined') return;
|
|
3
|
+
const style = document.createElement('style');
|
|
4
|
+
style.appendChild(document.createTextNode(css));
|
|
5
|
+
if (first && document.head.firstChild) document.head.insertBefore(style, document.head.firstChild);
|
|
6
|
+
else document.head.appendChild(style);
|
|
7
|
+
}
|
package/src/utils/txtVariants.ts
CHANGED
|
@@ -1,30 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
| 'display-regular-large'
|
|
7
|
-
| 'display-regular-medium'
|
|
8
|
-
| 'display-regular-small'
|
|
9
|
-
| 'display-semibold-large'
|
|
10
|
-
| 'display-semibold-medium'
|
|
11
|
-
| 'display-semibold-small'
|
|
12
|
-
| 'heading-h1'
|
|
13
|
-
| 'heading-h2'
|
|
14
|
-
| 'heading-h3'
|
|
15
|
-
| 'heading-h4'
|
|
16
|
-
| 'heading-h5'
|
|
17
|
-
| 'heading-h6'
|
|
18
|
-
| 'labels-base'
|
|
19
|
-
| 'labels-large'
|
|
20
|
-
| 'labels-small'
|
|
21
|
-
| 'labels-x-small'
|
|
22
|
-
| 'subheader-large'
|
|
23
|
-
| 'subheader-medium'
|
|
24
|
-
| 'subheader-x-large'
|
|
25
|
-
| 'subheader-xx-large'
|
|
26
|
-
| 'subheader-xxx-large';
|
|
27
|
-
export const TXT_VARIANTS: TxtVariant[] = [
|
|
1
|
+
/**
|
|
2
|
+
* This file is generated by the build-css script. Do not edit this file directly. Instead, edit the script and run it
|
|
3
|
+
* again.
|
|
4
|
+
*/
|
|
5
|
+
export const TXT_VARIANTS = [
|
|
28
6
|
'body-base',
|
|
29
7
|
'body-large',
|
|
30
8
|
'body-small',
|
|
@@ -51,3 +29,6 @@ export const TXT_VARIANTS: TxtVariant[] = [
|
|
|
51
29
|
'subheader-xx-large',
|
|
52
30
|
'subheader-xxx-large',
|
|
53
31
|
] as const;
|
|
32
|
+
export type TxtVariant = (typeof TXT_VARIANTS)[number];
|
|
33
|
+
|
|
34
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/Accordion.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type AccordionProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the accordion.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name Accordion
|
|
13
|
-
*/
|
|
14
|
-
declare function Accordion({ children }: AccordionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace Accordion {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { Accordion };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/Accordion.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 Accordion
|
|
8
|
-
*/
|
|
9
|
-
function Accordion({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-accordion": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
Accordion.bspkName = 'Accordion';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { Accordion, style };
|
|
18
|
-
//# sourceMappingURL=Accordion.js.map
|
package/Accordion.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["src/Accordion.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAkB,EAAA;IAC3C,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,gBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;AAI1B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/Avatar.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
|
-
import { COLOR_VARIABLES } from './utils/colorVariants.js';
|
|
5
|
-
|
|
6
|
-
const SIZE_VARIANTS = {
|
|
7
|
-
'x-small': { font: '--labels-x-small', height: '--spacing-sizing-06' }, // 24
|
|
8
|
-
small: { font: '--labels-small', height: '--spacing-sizing-08' }, // 32,
|
|
9
|
-
medium: { font: '--labels-base', height: '--spacing-sizing-10' }, // 40
|
|
10
|
-
large: { font: '--labels-large', height: '--spacing-sizing-12' }, //48,
|
|
11
|
-
'x-large': { font: '--subheader-x-large', height: '--spacing-sizing-14' }, // 56,
|
|
12
|
-
'xx-large': { font: '--subheader-xx-large', height: '--spacing-sizing-17' }, // 72,
|
|
13
|
-
'xxx-large': { font: '--display-regular-small', height: '--spacing-sizing-19' }, //96,
|
|
14
|
-
'xxxx-large': { font: '--display-regular-medium', height: '--spacing-sizing-21' }, // 120,
|
|
15
|
-
'xxxxx-large': { font: '--display-regular-large', height: '--spacing-sizing-23' }, //144,
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* An avatar is a visual representation of a user or entity. It can be used to display an initials, icon, image, or an
|
|
19
|
-
* overflowCount.
|
|
20
|
-
*
|
|
21
|
-
* @name Avatar
|
|
22
|
-
*/
|
|
23
|
-
function Avatar({ initials, color = 'grey', size = 'small', icon, image, 'aria-label': ariaLabel, overflowCount, }) {
|
|
24
|
-
const children = useMemo(() => {
|
|
25
|
-
if (initials)
|
|
26
|
-
return jsx("span", { "data-initials": true, children: initials });
|
|
27
|
-
if (icon)
|
|
28
|
-
return jsx("span", { "data-icon": true, children: icon });
|
|
29
|
-
if (image)
|
|
30
|
-
return jsx("img", { alt: ariaLabel, src: image });
|
|
31
|
-
if (overflowCount)
|
|
32
|
-
return jsxs("span", { "data-overflow-count": true, children: ["+", overflowCount] });
|
|
33
|
-
return null;
|
|
34
|
-
}, [ariaLabel, icon, image, initials, overflowCount]);
|
|
35
|
-
return (jsx(Fragment, { children: children && (jsx("div", { "aria-label": ariaLabel, css: style, "data-avatar": "", "data-color": color, "data-size": size, children: children })) }));
|
|
36
|
-
}
|
|
37
|
-
Avatar.bspkName = 'Avatar';
|
|
38
|
-
const style = css `
|
|
39
|
-
--height: var(--spacing-sizing-10);
|
|
40
|
-
--font: var(--labels-base);
|
|
41
|
-
--foreground: var(--foreground-neutral-on-surface);
|
|
42
|
-
--background: var(--surface-neutral-t3-low);
|
|
43
|
-
|
|
44
|
-
display: flex;
|
|
45
|
-
flex-direction: column;
|
|
46
|
-
justify-content: center;
|
|
47
|
-
align-items: center;
|
|
48
|
-
padding: 0;
|
|
49
|
-
height: var(--height);
|
|
50
|
-
width: var(--height);
|
|
51
|
-
aspect-ratio: 1 / 1;
|
|
52
|
-
border-radius: 999px;
|
|
53
|
-
background-color: var(--background);
|
|
54
|
-
color: var(--foreground);
|
|
55
|
-
font: var(--font);
|
|
56
|
-
|
|
57
|
-
&:has(img) {
|
|
58
|
-
overflow: hidden;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
img {
|
|
62
|
-
max-width: 100%;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
${Object.entries(SIZE_VARIANTS).map(([variant, { height, font }]) => css `
|
|
66
|
-
&[data-size='${variant}'] {
|
|
67
|
-
--height: var(${height});
|
|
68
|
-
--font: var(${font});
|
|
69
|
-
}
|
|
70
|
-
`)}
|
|
71
|
-
|
|
72
|
-
${Object.entries(COLOR_VARIABLES).map(([variant, { foreground, surface }]) => css `
|
|
73
|
-
&[data-color='${variant}'] {
|
|
74
|
-
--foreground: var(${foreground});
|
|
75
|
-
--background: var(${surface});
|
|
76
|
-
}
|
|
77
|
-
`)};
|
|
78
|
-
`;
|
|
79
|
-
|
|
80
|
-
export { Avatar, style };
|
|
81
|
-
//# sourceMappingURL=Avatar.js.map
|
package/Avatar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["src/Avatar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/Badge.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { tryIntParse } from './utils/tryIntPsrse.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Visual indicator for new items within a parent page represented with a numerical count of new items.
|
|
7
|
-
*
|
|
8
|
-
* @name Badge
|
|
9
|
-
*/
|
|
10
|
-
function Badge({ count: countProp, size = 'small', variant = 'primary' }) {
|
|
11
|
-
const count = tryIntParse(countProp);
|
|
12
|
-
return (count !== null && (jsx("div", { css: style, "data-badge": true, "data-size": size, "data-variant": variant, children: count > 99 ? '99+' : count })));
|
|
13
|
-
}
|
|
14
|
-
Badge.bspkName = 'Badge';
|
|
15
|
-
const style = css `
|
|
16
|
-
--size: var(--spacing-sizing-06);
|
|
17
|
-
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
border-radius: var(--radius-circular);
|
|
22
|
-
height: var(--size);
|
|
23
|
-
min-width: var(--size);
|
|
24
|
-
padding: 0 var(--spacing-sizing-02);
|
|
25
|
-
|
|
26
|
-
&[data-size='x-small'] {
|
|
27
|
-
--size: var(--spacing-sizing-05);
|
|
28
|
-
padding: 2px var(--spacing-sizing-01);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
font: var(--labels-x-small);
|
|
32
|
-
|
|
33
|
-
color: var(--foreground-brand-on-primary);
|
|
34
|
-
background: var(--surface-brand-primary);
|
|
35
|
-
|
|
36
|
-
&[data-variant='secondary'] {
|
|
37
|
-
color: var(--foreground-brand-on-secondary);
|
|
38
|
-
background: var(--surface-brand-secondary);
|
|
39
|
-
}
|
|
40
|
-
`;
|
|
41
|
-
|
|
42
|
-
export { Badge, style };
|
|
43
|
-
//# sourceMappingURL=Badge.js.map
|
package/Badge.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["src/Badge.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA0BA;;;;AAIG;AACH,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,EAAE,OAAO,GAAG,SAAS,EAAc,EAAA;AAChF,IAAA,MAAM,KAAK,GAAkB,WAAW,CAAC,SAAS,CAAC,CAAC;AAEpD,IAAA,QACI,KAAK,KAAK,IAAI,KACVA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAwB,YAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAI,EAAgB,cAAA,EAAA,OAAO,EAC7D,QAAA,EAAA,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,KAAK,EACzB,CAAA,CACT,EACH;AACN,CAAC;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAIlB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/BannerAlert.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BannerAlert.js","sources":["src/BannerAlert.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAiDA;;;;;AAKG;AACH,SAAS,WAAW,CAAC,EACjB,OAAO,GAAG,eAAe,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,GACoB,EAAA;IACpC,QACIA,IAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,KAAK,8CAAmC,QAAQ,IAAI,SAAS,EAAA,cAAA,EAAgB,OAAO,EAAA,QAAA,EAAA,CAC9FA,gDACK,OAAO,KAAK,OAAO,IAAIC,GAAC,CAAA,YAAY,EAAG,EAAA,CAAA,EACvC,OAAO,KAAK,eAAe,IAAIA,GAAC,CAAA,WAAW,KAAG,EAC9C,OAAO,KAAK,SAAS,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,EAC/C,OAAO,KAAK,SAAS,IAAIA,GAAA,CAAC,cAAc,EAAG,EAAA,CAAA,CAAA,EAAA,CAC1C,EACND,IAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CACK,CAAC,MAAM,IAAI,OAAO,MACfA,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,MAAM,GAAQ,EACpB,OAAO,OAAO,KAAK,UAAU,KAC1BA,GAAmB,CAAA,QAAA,EAAA,EAAA,YAAA,EAAA,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAA,QAAA,EACtDA,GAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EAAA,CACP,CACZ,CAAA,EAAA,CACI,CACZ,EACDD,IACI,CAAA,KAAA,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,QAAQ,EAAQ,CAAA,EACtB,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,OAAO,KACzCA,GAAA,CAAA,QAAA,EAAA,EAAQ,OAAO,EAAE,YAAY,CAAC,OAAO,EAAG,QAAA,EAAA,YAAY,CAAC,KAAK,EAAU,CAAA,CACvE,CACC,EAAA,CAAA,CAAA,EAAA,CACJ,CACA,EAAA,CAAA,EACZ;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAI9B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/BottomNavigation.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type BottomNavigationProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the bottom navigation.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name BottomNavigation
|
|
13
|
-
*/
|
|
14
|
-
declare function BottomNavigation({ children }: BottomNavigationProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace BottomNavigation {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { BottomNavigation };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/BottomNavigation.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 BottomNavigation
|
|
8
|
-
*/
|
|
9
|
-
function BottomNavigation({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-bottom-navigation": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
BottomNavigation.bspkName = 'BottomNavigation';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { BottomNavigation, style };
|
|
18
|
-
//# sourceMappingURL=BottomNavigation.js.map
|
package/BottomNavigation.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigation.js","sources":["src/BottomNavigation.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB,EAAA;IACzD,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,wBAAA,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/BottomSheet.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type BottomSheetProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the bottom sheet.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name BottomSheet
|
|
13
|
-
*/
|
|
14
|
-
declare function BottomSheet({ children }: BottomSheetProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace BottomSheet {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { BottomSheet };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/BottomSheet.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 BottomSheet
|
|
8
|
-
*/
|
|
9
|
-
function BottomSheet({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-bottom-sheet": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
BottomSheet.bspkName = 'BottomSheet';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { BottomSheet, style };
|
|
18
|
-
//# sourceMappingURL=BottomSheet.js.map
|
package/BottomSheet.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.js","sources":["src/BottomSheet.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/Breadcrumb.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type BreadcrumbProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the breadcrumb.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name Breadcrumb
|
|
13
|
-
*/
|
|
14
|
-
declare function Breadcrumb({ children }: BreadcrumbProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace Breadcrumb {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { Breadcrumb };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/Breadcrumb.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 Breadcrumb
|
|
8
|
-
*/
|
|
9
|
-
function Breadcrumb({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-breadcrumb": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
Breadcrumb.bspkName = 'Breadcrumb';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { Breadcrumb, style };
|
|
18
|
-
//# sourceMappingURL=Breadcrumb.js.map
|
package/Breadcrumb.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.js","sources":["src/Breadcrumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAmB,EAAA;IAC7C,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,iBAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAI5B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|