@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/Dialog.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["src/Dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/Divider.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
const insetToVariable = (insetProp) => {
|
|
5
|
-
const inset = Number(insetProp);
|
|
6
|
-
if (inset === undefined || inset === null || inset < 1 || inset > 12)
|
|
7
|
-
return '0px';
|
|
8
|
-
return `var(--spacing-sizing-${inset.toString().padStart(2, '0')})`;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* Horizontal thin lines that separates grouped content in a list or other containers with an optional section/group
|
|
12
|
-
* label.
|
|
13
|
-
*
|
|
14
|
-
* Vertical thin lines that separates grouped content or other visual elements within a container.
|
|
15
|
-
*
|
|
16
|
-
* @name Divider
|
|
17
|
-
*/
|
|
18
|
-
function Divider({ padding = true, orientation = 'horizontal', thickness = 'light', inset = 0, ...props }) {
|
|
19
|
-
return (jsx("div", { ...props, "aria-orientation": orientation, css: style, "data-divider": true, "data-hide-padding": !padding || undefined, "data-orientation": orientation, "data-thickness": thickness, role: "separator", style: {
|
|
20
|
-
...props.style,
|
|
21
|
-
'--inset': insetToVariable(inset),
|
|
22
|
-
} }));
|
|
23
|
-
}
|
|
24
|
-
Divider.bspkName = 'Divider';
|
|
25
|
-
const style = css `
|
|
26
|
-
display: flex;
|
|
27
|
-
background-color: var(--stroke-neutral-low);
|
|
28
|
-
align-self: stretch;
|
|
29
|
-
justify-content: stretch;
|
|
30
|
-
margin: 0;
|
|
31
|
-
padding: 0;
|
|
32
|
-
align-content: stretch;
|
|
33
|
-
content: 'hello';
|
|
34
|
-
|
|
35
|
-
--length: calc(100% - var(--inset) * 2);
|
|
36
|
-
|
|
37
|
-
&, // default
|
|
38
|
-
&[data-thickness='light'] {
|
|
39
|
-
--line-thickness: 1px;
|
|
40
|
-
--padding: var(--spacing-sizing-02);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&[data-thickness='heavy'] {
|
|
44
|
-
--line-thickness: 2px;
|
|
45
|
-
--padding: var(--spacing-sizing-04);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&, // default
|
|
49
|
-
&[data-orientation='horizontal'] {
|
|
50
|
-
width: unset;
|
|
51
|
-
min-height: unset;
|
|
52
|
-
|
|
53
|
-
height: var(--line-thickness);
|
|
54
|
-
min-width: var(--length);
|
|
55
|
-
|
|
56
|
-
margin: var(--padding) var(--inset);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&[data-orientation='vertical'] {
|
|
60
|
-
height: unset;
|
|
61
|
-
min-width: unset;
|
|
62
|
-
|
|
63
|
-
width: var(--line-thickness);
|
|
64
|
-
min-height: var(--length);
|
|
65
|
-
|
|
66
|
-
margin: var(--inset) var(--padding);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&[data-hide-padding] {
|
|
70
|
-
//
|
|
71
|
-
--padding: 0;
|
|
72
|
-
}
|
|
73
|
-
`;
|
|
74
|
-
|
|
75
|
-
export { Divider, style };
|
|
76
|
-
//# sourceMappingURL=Divider.js.map
|
package/Divider.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["src/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAiCA,MAAM,eAAe,GAAG,CAAC,SAA0B,KAAI;AACnD,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAChC,IAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE;AAAE,QAAA,OAAO,KAAK,CAAC;AACnF,IAAA,OAAO,CAAwB,qBAAA,EAAA,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AACxE,CAAC,CAAC;AAEF;;;;;;;AAOG;AACH,SAAS,OAAO,CAAC,EACb,OAAO,GAAG,IAAI,EACd,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,OAAO,EACnB,KAAK,GAAG,CAAC,EACT,GAAG,KAAK,EACwB,EAAA;IAChC,QACIA,GACQ,CAAA,KAAA,EAAA,EAAA,GAAA,KAAK,EACS,kBAAA,EAAA,WAAW,EAC7B,GAAG,EAAE,KAAK,EAAA,cAAA,EAAA,IAAA,EAAA,mBAAA,EAES,CAAC,OAAO,IAAI,SAAS,EAAA,kBAAA,EACtB,WAAW,EAAA,gBAAA,EACb,SAAS,EACzB,IAAI,EAAC,WAAW,EAChB,KAAK,EACD;YACI,GAAG,KAAK,CAAC,KAAK;AACd,YAAA,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC;AACb,SAAA,EAAA,CAE9B,EACJ;AACN,CAAC;AAED,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC;AAItB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/Drawer.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type DrawerProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the drawer.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name Drawer
|
|
13
|
-
*/
|
|
14
|
-
declare function Drawer({ children }: DrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace Drawer {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { Drawer };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/Drawer.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 Drawer
|
|
8
|
-
*/
|
|
9
|
-
function Drawer({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-drawer": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
Drawer.bspkName = 'Drawer';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { Drawer, style };
|
|
18
|
-
//# sourceMappingURL=Drawer.js.map
|
package/Drawer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sources":["src/Drawer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAe,EAAA;IACrC,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAIpB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/Dropdown.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["src/Dropdown.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAoDA;;;;AAIG;AACH,SAAS,QAAQ,CAA4C,EACzD,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,QAAQ,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,WAAW,EACzB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,CAAC,EACb,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,IAAI,EACJ,OAAO,EACP,cAAc,EACd,KAAK,EAAE,SAAS,GACD,EAAA;AACf,IAAA,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QAC3D,SAAS;AACT,QAAA,YAAY,EAAE;YACV,QAAQ;YACR,OAAO;YACP,QAAQ;AACX,SAAA;AACJ,KAAA,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,OAAO;UACvB,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,UAAU,QAAQ,EAAE,MAAM,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAW,SAAA,CAAA;UAC9E,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;IAE5D,QACIA,4BACIC,GAAO,CAAA,OAAA,EAAA,EAAA,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,GAAG,EAC3DD,IAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACgB,SAAS,EACrB,GAAG,EAAE,KAAK,EACI,eAAA,EAAA,EAAE,gBACJ,aAAa,GAAG,SAAS,GAAG,EAAE,EAAA,cAAA,EAC5B,OAAO,IAAI,SAAS,EACvB,WAAA,EAAA,IAAI,EACf,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,SAAS,KACZ,YAAY,EAAA,QAAA,EAAA,CAEhBC,IAAC,QAAQ,EAAA,EAAA,kBAAA,EAAkB,EAAE,EAAC,KAAK,EAAE,aAAa,IAAI,WAAW,EAAE,QAAQ,EAAG,IAAA,EAAA,CAAA,EAC9EA,0CACIA,GAAC,CAAA,eAAe,EAAG,EAAA,CAAA,EAAA,CAChB,CACF,EAAA,CAAA,EACTA,IAAC,MAAM,EAAA,EAAA,QAAA,EACHA,IAAC,IAAI,EAAA,EAAA,eAAA,EAAA,IAAA,EAED,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,cAAc,EAAE,KAAK,KAAI;wBAChC,KAAK,EAAE,cAAc,EAAE,CAAC;AACxB,wBAAA,IAAI,CAAC,OAAO;AAAE,4BAAA,SAAS,EAAE,CAAC;AAC1B,wBAAA,QAAQ,GAAG,cAAc,CAAC,CAAC;AAC/B,qBAAC,EACD,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,QAAQ,EAAA,GACpB,SAAS,EAAA,CACf,EACG,CAAA,CAAA,EAAA,CACV,EACL;AACN,CAAC;AAED,QAAQ,CAAC,QAAQ,GAAG,UAAU,CAAC;AAIxB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/DropdownField.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sources":["src/DropdownField.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAkBA;;;;;;AAMG;AACH,SAAS,aAAa,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,aAAa,EACb,QAAQ,EACR,GAAG,aAAa,EACC,EAAA;AACjB,IAAA,MAAM,YAAY,GAAG,CAAC,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,gBAAgB,KAAK,SAAS,CAAC;IAE3G,QACIA,GAAC,CAAA,SAAS,EACN,EAAA,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAEjB,CAAC,UAAU,MACRA,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAA,GAAM,UAAU,EAAA,YAAA,EAAc,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,EAAI,CAAA,CACtG,EACO,CAAA,EACd;AACN,CAAC;AAED,aAAa,CAAC,QAAQ,GAAG,eAAe;;;;"}
|
package/EmptyState.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { Button } from './Button.js';
|
|
3
|
-
import { Layout } from './Layout.js';
|
|
4
|
-
import { Txt } from './Txt.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* A design pattern component that indicates to users that system has no content to display.
|
|
8
|
-
*
|
|
9
|
-
* @name EmptyState
|
|
10
|
-
*/
|
|
11
|
-
function EmptyState({ children, header, body, callToAction }) {
|
|
12
|
-
return (jsxs(Layout, { align: "center", column: true, "data-empty-state": true, style: {
|
|
13
|
-
margin: 'var(--spacing-sizing-04)',
|
|
14
|
-
maxWidth: '500px',
|
|
15
|
-
}, children: [children, jsxs(Layout, { align: "center", column: true, gap: "4", children: [jsx(Txt, { as: "div", variant: "heading-h5", children: header }), jsx(Txt, { as: "div", variant: "body-base", children: body })] }), callToAction && (jsx(Button, { label: callToAction.label, onClick: callToAction.onClick, size: callToAction.size || 'medium', variant: "primary" }))] }));
|
|
16
|
-
}
|
|
17
|
-
EmptyState.bspkName = 'EmptyState';
|
|
18
|
-
|
|
19
|
-
export { EmptyState };
|
|
20
|
-
//# sourceMappingURL=EmptyState.js.map
|
package/EmptyState.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sources":["src/EmptyState.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AA+BA;;;;AAIG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAmB,EAAA;IACzE,QACIA,IAAC,CAAA,MAAM,EACH,EAAA,KAAK,EAAC,QAAQ,EACd,MAAM,EAEN,IAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,KAAK,EAAE;AACH,YAAA,MAAM,EAAE,0BAA0B;AAClC,YAAA,QAAQ,EAAE,OAAO;AACpB,SAAA,EAAA,QAAA,EAAA,CAEA,QAAQ,EACTA,IAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,QAAC,GAAG,EAAC,GAAG,EAAA,QAAA,EAAA,CACjCC,IAAC,GAAG,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,YAC7B,MAAM,EAAA,CACL,EACNA,GAAA,CAAC,GAAG,EAAC,EAAA,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAA,QAAA,EAC5B,IAAI,EACH,CAAA,CAAA,EAAA,CACD,EACR,YAAY,KACTA,GAAA,CAAC,MAAM,EAAA,EACH,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,QAAQ,EACnC,OAAO,EAAC,SAAS,GACnB,CACL,CAAA,EAAA,CACI,EACX;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY;;;;"}
|
package/Fab.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Fab.js","sources":["src/Fab.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA2CA;;;;;AAKG;AACH,SAAS,GAAG,CAAoC,EAC5C,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,aAAa,GAAG,IAAI,EAC/B,EAAE,EACF,SAAS,GAAG,cAAc,EAC1B,SAAS,GAAG,OAAO,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACgB,EAAA;;AAE7B,IAAA,MAAM,SAAS,GAAG,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC;AAElD,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;AACtC,IAAA,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,sDAAsD,CAAC,CAAC;AAE/F,IAAA,MAAM,EAAE,GAAgB,EAAE,IAAI,QAAQ,CAAC;AAEvC,IAAA,MAAM,MAAM,IACRA,KAAC,EAAE,EAAA,EAAA,GACK,UAAU,EACF,YAAA,EAAA,KAAK,EACjB,GAAG,EAAE,KAAK,EACM,gBAAA,EAAA,SAAS,sCAET,SAAS,EAAA,YAAA,EACb,SAAS,IAAI,SAAS,EACvB,WAAA,EAAA,IAAI,kBACD,OAAO,EAAA,QAAA,EAAA,CAEpB,CAAC,CAAC,IAAI,IAAIC,GAAqB,CAAA,MAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAI,GAAQ,EAC3C,CAAC,SAAS,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,QAAA,EAAsB,KAAK,EAAQ,CAAA,CAAA,EAAA,CACjD,CACR,CAAC;AAEF,IAAA,OAAO,OAAO,IAAI,SAAS,IACvBA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EAC5C,MAAM,EAAA,CACD,KAEV,MAAM,CACT,CAAC;AACN,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC;AAId,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/FileUpload.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type FileUploadProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the fileupload.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name FileUpload
|
|
13
|
-
*/
|
|
14
|
-
declare function FileUpload({ children }: FileUploadProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace FileUpload {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { FileUpload };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/FileUpload.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 FileUpload
|
|
8
|
-
*/
|
|
9
|
-
function FileUpload({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-file-upload": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
FileUpload.bspkName = 'FileUpload';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { FileUpload, style };
|
|
18
|
-
//# sourceMappingURL=FileUpload.js.map
|
package/FileUpload.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.js","sources":["src/FileUpload.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAmB,EAAA;IAC7C,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,kBAAA,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;;;;;;"}
|
package/FormField.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
import { InlineAlert } from './InlineAlert.js';
|
|
4
|
-
import { Layout } from './Layout.js';
|
|
5
|
-
import { Txt } from './Txt.js';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Wrapper component for form controls.
|
|
9
|
-
*
|
|
10
|
-
* Children may be one of the following: TextInput, Dropdown, DatePicker, or TimePicker.
|
|
11
|
-
*
|
|
12
|
-
* @name FormField
|
|
13
|
-
*/
|
|
14
|
-
function FormField({ label, errorMessage, helperText, children, labelTrailing, controlId, required }) {
|
|
15
|
-
const errorMessageId = errorMessage && `${controlId}-error-message`;
|
|
16
|
-
const helperTextId = helperText && `${controlId}-helper-text`;
|
|
17
|
-
if (typeof children !== 'function')
|
|
18
|
-
return null;
|
|
19
|
-
return (jsxs("div", { css: style, "data-form-field": true, children: [jsxs(Layout, { as: "header", children: [jsxs("label", { htmlFor: controlId, children: [jsx(Txt, { as: "span", variant: "labels-small", children: label }), required && (jsx(Txt, { as: "span", variant: "body-small", children: ' (Required)' }))] }), labelTrailing] }), children({
|
|
20
|
-
invalid: !!errorMessage,
|
|
21
|
-
'aria-describedby': helperTextId,
|
|
22
|
-
'aria-errormessage': errorMessageId,
|
|
23
|
-
}), errorMessage && (jsx(InlineAlert, { id: errorMessageId, variant: "error", children: errorMessage })), helperText && (jsx(Txt, { id: helperTextId, variant: "body-small", children: helperText }))] }));
|
|
24
|
-
}
|
|
25
|
-
FormField.bspkName = 'FormField';
|
|
26
|
-
const style = css `
|
|
27
|
-
box-sizing: border-box;
|
|
28
|
-
width: 100%;
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
gap: var(--spacing-sizing-01);
|
|
32
|
-
|
|
33
|
-
header label {
|
|
34
|
-
flex-grow: 1;
|
|
35
|
-
}
|
|
36
|
-
`;
|
|
37
|
-
|
|
38
|
-
export { FormField, style };
|
|
39
|
-
//# sourceMappingURL=FormField.js.map
|
package/FormField.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sources":["src/FormField.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA2CA;;;;;;AAMG;AACH,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAkB,EAAA;AAChH,IAAA,MAAM,cAAc,GAAG,YAAY,IAAI,CAAG,EAAA,SAAS,gBAAgB,CAAC;AACpE,IAAA,MAAM,YAAY,GAAG,UAAU,IAAI,CAAG,EAAA,SAAS,cAAc,CAAC;IAE9D,IAAI,OAAO,QAAQ,KAAK,UAAU;AAAE,QAAA,OAAO,IAAI,CAAC;IAEhD,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,sCACXA,IAAC,CAAA,MAAM,EAAC,EAAA,EAAE,EAAC,QAAQ,aACfA,IAAO,CAAA,OAAA,EAAA,EAAA,OAAO,EAAE,SAAS,EACrB,QAAA,EAAA,CAAAC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,cAAc,EAChC,QAAA,EAAA,KAAK,EACJ,CAAA,EACL,QAAQ,KACLA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,YAAY,EAC9B,QAAA,EAAA,aAAa,EACZ,CAAA,CACT,CACG,EAAA,CAAA,EACP,aAAa,CAAA,EAAA,CACT,EACR,QAAQ,CAAC;gBACN,OAAO,EAAE,CAAC,CAAC,YAAY;AACvB,gBAAA,kBAAkB,EAAE,YAAY;AAChC,gBAAA,mBAAmB,EAAE,cAAc;AACtC,aAAA,CAAC,EACD,YAAY,KACTA,GAAA,CAAC,WAAW,EAAC,EAAA,EAAE,EAAE,cAAc,EAAE,OAAO,EAAC,OAAO,EAC3C,QAAA,EAAA,YAAY,GACH,CACjB,EACA,UAAU,KACPA,GAAC,CAAA,GAAG,EAAC,EAAA,EAAE,EAAE,YAAY,EAAE,OAAO,EAAC,YAAY,EACtC,QAAA,EAAA,UAAU,GACT,CACT,CAAA,EAAA,CACC,EACR;AACN,CAAC;AAED,SAAS,CAAC,QAAQ,GAAG,WAAW,CAAC;AAI1B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;"}
|
package/GUIDELINES.md
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
# Developer Guidelines
|
|
2
|
-
|
|
3
|
-
## Typescript
|
|
4
|
-
|
|
5
|
-
### Basics
|
|
6
|
-
|
|
7
|
-
- Use `type` over `interface` to define object shapes. Types are more flexible and can define primitive, intersection,
|
|
8
|
-
|
|
9
|
-
```typescript
|
|
10
|
-
export type CheckboxOptionProps = Pick<
|
|
11
|
-
CheckboxProps,
|
|
12
|
-
'checked' | 'disabled' | 'indeterminate' | 'invalid' | 'name' | 'onChange' | 'readOnly' | 'value'
|
|
13
|
-
> &
|
|
14
|
-
Pick<ToggleOptionProps, 'description' | 'label'>;
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
union, tuple, or different types of data. Interfaces can only be used to describe the shape of an object.
|
|
18
|
-
|
|
19
|
-
- Use `unknown` instead of `any` when the type is not known.
|
|
20
|
-
- Use `Object.freeze` to mark properties that should not be reassigned.
|
|
21
|
-
- Use `as const` over `enum` for related constants.
|
|
22
|
-
- Use `handleClick` over `onClick` for event handlers. See: https://react.dev/learn/responding-to-events#adding-event-handlers
|
|
23
|
-
|
|
24
|
-
## Components
|
|
25
|
-
|
|
26
|
-
- Every Component gets a JSDoc.
|
|
27
|
-
- Use `function Component() {}` over `const Component = () => {}`. This is honestly just a preference, looks cleaner.
|
|
28
|
-
- Every Component get a Bespoke Name: `ComponentX.bspkName = 'ComponentX'`. It should be the same name as the Component.
|
|
29
|
-
|
|
30
|
-
## Styles
|
|
31
|
-
|
|
32
|
-
### Z-Indexes
|
|
33
|
-
|
|
34
|
-
- **Tooltip / Popover**: `1100`
|
|
35
|
-
- **Dialog**: `1000`
|
|
36
|
-
- **Dropdown**: `900`
|
|
37
|
-
- **Fab**: `800`
|
|
38
|
-
- **Navbar**: `700`
|
|
39
|
-
- **Footer**: `600`
|
|
40
|
-
|
|
41
|
-
<!--- Copyright 2025 Anywhere Real Estate - CC BY 4.0 -->
|
package/Image.d.ts
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type ImageProps = {
|
|
2
|
-
/**
|
|
3
|
-
* The content of the image.
|
|
4
|
-
*
|
|
5
|
-
* @required
|
|
6
|
-
*/
|
|
7
|
-
children: string;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Component description coming soon.
|
|
11
|
-
*
|
|
12
|
-
* @name Image
|
|
13
|
-
*/
|
|
14
|
-
declare function Image({ children }: ImageProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
-
declare namespace Image {
|
|
16
|
-
var bspkName: string;
|
|
17
|
-
}
|
|
18
|
-
export { Image };
|
|
19
|
-
export declare const style: import("@emotion/react").SerializedStyles;
|
|
20
|
-
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/Image.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 Image
|
|
8
|
-
*/
|
|
9
|
-
function Image({ children }) {
|
|
10
|
-
return (jsx("div", { css: style, "data-image": true, children: children }));
|
|
11
|
-
}
|
|
12
|
-
Image.bspkName = 'Image';
|
|
13
|
-
const style = css `
|
|
14
|
-
display: flex;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
export { Image, style };
|
|
18
|
-
//# sourceMappingURL=Image.js.map
|
package/Image.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["src/Image.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAWA;;;;AAIG;AACH,SAAS,KAAK,CAAC,EAAE,QAAQ,EAAc,EAAA;IACnC,QACIA,aAAK,GAAG,EAAE,KAAK,EACV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,QAAQ,EACP,CAAA,EACR;AACN,CAAC;AAED,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;AAIlB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/Img.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { css } from '@emotion/react';
|
|
3
|
-
|
|
4
|
-
const style = {
|
|
5
|
-
container: css `
|
|
6
|
-
display: block;
|
|
7
|
-
`,
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* The Img component is used to display images on the page.
|
|
11
|
-
*
|
|
12
|
-
* @name Img
|
|
13
|
-
*/
|
|
14
|
-
function Img({ alt, ...props }) {
|
|
15
|
-
return jsx("img", { ...props, alt: alt, css: style.container, "data-img": true });
|
|
16
|
-
}
|
|
17
|
-
Img.bspkName = 'Img';
|
|
18
|
-
|
|
19
|
-
export { Img };
|
|
20
|
-
//# sourceMappingURL=Img.js.map
|
package/Img.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Img.js","sources":["src/Img.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAG;IACV,SAAS,EAAE,GAAG,CAAA,CAAA;;AAEb,IAAA,CAAA;CACJ,CAAC;AAiBF;;;;AAIG;AACH,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAiC,EAAA;AACzD,IAAA,OAAOA,GAAS,CAAA,KAAA,EAAA,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,SAAS,qBAAa,CAAC;AACvE,CAAC;AAED,GAAG,CAAC,QAAQ,GAAG,KAAK;;;;"}
|
package/InlineAlert.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { SvgCheckCircleFill } from '@bspk/icons/CheckCircleFill';
|
|
3
|
-
import { SvgErrorFill } from '@bspk/icons/ErrorFill';
|
|
4
|
-
import { SvgInfoFill } from '@bspk/icons/InfoFill';
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
import { Txt } from './Txt.js';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Inline alerts provide contextual feedback messages for typical user actions with a handful of available and flexible
|
|
10
|
-
* alert messages.
|
|
11
|
-
*
|
|
12
|
-
* @name InlineAlert
|
|
13
|
-
*/
|
|
14
|
-
function InlineAlert({ children, variant = 'informational', id }) {
|
|
15
|
-
return (jsxs("div", { css: style, "data-inline-alert": id, "data-variant": variant, children: [VARIANT_ICON[variant], jsx(Txt, { variant: "body-small", children: children })] }));
|
|
16
|
-
}
|
|
17
|
-
InlineAlert.bspkName = 'InlineAlert';
|
|
18
|
-
const style = css `
|
|
19
|
-
display: flex;
|
|
20
|
-
align-items: start;
|
|
21
|
-
justify-content: center;
|
|
22
|
-
flex-direction: row;
|
|
23
|
-
gap: var(--spacing-sizing-02);
|
|
24
|
-
|
|
25
|
-
[data-txt] {
|
|
26
|
-
flex: 1;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&[data-variant='error'] {
|
|
30
|
-
color: var(--status-error);
|
|
31
|
-
--first-tone: var(--status-error);
|
|
32
|
-
--second-tone: var(--status-on-information);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&[data-variant='success'] {
|
|
36
|
-
color: var(--status-success);
|
|
37
|
-
--first-tone: var(--status-success);
|
|
38
|
-
--second-tone: var(--status-on-success);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&[data-variant='warning'] {
|
|
42
|
-
color: var(--foreground-neutral-on-surface);
|
|
43
|
-
--first-tone: var(--status-warning);
|
|
44
|
-
--second-tone: var(--status-on-warning);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
&[data-variant='informational'] {
|
|
48
|
-
color: var(--status-information);
|
|
49
|
-
--first-tone: var(--status-information);
|
|
50
|
-
--second-tone: var(--status-on-information);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
svg {
|
|
54
|
-
color: var(--first-tone);
|
|
55
|
-
width: var(--spacing-sizing-05);
|
|
56
|
-
height: var(--spacing-sizing-05);
|
|
57
|
-
|
|
58
|
-
[data-second-tone] {
|
|
59
|
-
fill: var(--second-tone);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
// eslint-disable-next-line react/no-multi-comp
|
|
64
|
-
const SvgWarningTwoTone = () => (jsxs("svg", { fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M2.72503 21C2.5417 21 2.37503 20.9542 2.22503 20.8625C2.07503 20.7708 1.95837 20.65 1.87503 20.5C1.7917 20.35 1.74587 20.1875 1.73753 20.0125C1.7292 19.8375 1.77503 19.6667 1.87503 19.5L11.125 3.5C11.225 3.33333 11.3542 3.20833 11.5125 3.125C11.6709 3.04167 11.8334 3 12 3C12.1667 3 12.3292 3.04167 12.4875 3.125C12.6459 3.20833 12.775 3.33333 12.875 3.5L22.125 19.5C22.225 19.6667 22.2709 19.8375 22.2625 20.0125C22.2542 20.1875 22.2084 20.35 22.125 20.5C22.0417 20.65 21.925 20.7708 21.775 20.8625C21.625 20.9542 21.4584 21 21.275 21H2.72503ZM12 18C12.2834 18 12.5209 17.9042 12.7125 17.7125C12.9042 17.5208 13 17.2833 13 17C13 16.7167 12.9042 16.4792 12.7125 16.2875C12.5209 16.0958 12.2834 16 12 16C11.7167 16 11.4792 16.0958 11.2875 16.2875C11.0959 16.4792 11 16.7167 11 17C11 17.2833 11.0959 17.5208 11.2875 17.7125C11.4792 17.9042 11.7167 18 12 18ZM12 15C12.2834 15 12.5209 14.9042 12.7125 14.7125C12.9042 14.5208 13 14.2833 13 14V11C13 10.7167 12.9042 10.4792 12.7125 10.2875C12.5209 10.0958 12.2834 10 12 10C11.7167 10 11.4792 10.0958 11.2875 10.2875C11.0959 10.4792 11 10.7167 11 11V14C11 14.2833 11.0959 14.5208 11.2875 14.7125C11.4792 14.9042 11.7167 15 12 15Z", fill: "currentColor" }), jsx("path", { d: "M12.7125 17.7125C12.5208 17.9042 12.2833 18 12 18C11.7167 18 11.4792 17.9042 11.2875 17.7125C11.0958 17.5208 11 17.2833 11 17C11 16.7167 11.0958 16.4792 11.2875 16.2875C11.4792 16.0958 11.7167 16 12 16C12.2833 16 12.5208 16.0958 12.7125 16.2875C12.9042 16.4792 13 16.7167 13 17C13 17.2833 12.9042 17.5208 12.7125 17.7125Z", "data-second-tone": true }), jsx("path", { d: "M12.7125 14.7125C12.5208 14.9042 12.2833 15 12 15C11.7167 15 11.4792 14.9042 11.2875 14.7125C11.0958 14.5208 11 14.2833 11 14V11C11 10.7167 11.0958 10.4792 11.2875 10.2875C11.4792 10.0958 11.7167 10 12 10C12.2833 10 12.5208 10.0958 12.7125 10.2875C12.9042 10.4792 13 10.7167 13 11V14C13 14.2833 12.9042 14.5208 12.7125 14.7125Z", "data-second-tone": true })] }));
|
|
65
|
-
const VARIANT_ICON = {
|
|
66
|
-
error: jsx(SvgErrorFill, {}),
|
|
67
|
-
informational: jsx(SvgInfoFill, {}),
|
|
68
|
-
success: jsx(SvgCheckCircleFill, {}),
|
|
69
|
-
warning: jsx(SvgWarningTwoTone, {}),
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { InlineAlert, style };
|
|
73
|
-
//# sourceMappingURL=InlineAlert.js.map
|
package/InlineAlert.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InlineAlert.js","sources":["src/InlineAlert.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AA4BA;;;;;AAKG;AACH,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,eAAe,EAAE,EAAE,EAAoB,EAAA;IAC9E,QACIA,IAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAqB,mBAAA,EAAA,EAAE,EAAgB,cAAA,EAAA,OAAO,EACxD,QAAA,EAAA,CAAA,YAAY,CAAC,OAAO,CAAC,EACtBC,GAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,YAAY,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAO,CACxC,EAAA,CAAA,EACR;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAI9B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CtB;AAEF;AACA,MAAM,iBAAiB,GAAG,OACtBD,cAAK,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,aACnEC,GACI,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,spCAAspC,EACxpC,IAAI,EAAC,cAAc,EACrB,CAAA,EACFA,cACI,CAAC,EAAC,mUAAmU,EAEvU,kBAAA,EAAA,IAAA,EAAA,CAAA,EACFA,cACI,CAAC,EAAC,yUAAyU,EAE7U,kBAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA,CACA,CACT,CAAC;AAEF,MAAM,YAAY,GAAoC;IAClD,KAAK,EAAEA,GAAC,CAAA,YAAY,EAAG,EAAA,CAAA;IACvB,aAAa,EAAEA,GAAC,CAAA,WAAW,EAAG,EAAA,CAAA;IAC9B,OAAO,EAAEA,GAAC,CAAA,kBAAkB,EAAG,EAAA,CAAA;IAC/B,OAAO,EAAEA,GAAC,CAAA,iBAAiB,EAAG,EAAA,CAAA;CACjC;;;;"}
|
package/Layout.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","sources":["src/Layout.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAwCA;;;;AAIG;AACH,SAAS,MAAM,CAAiC,EAC5C,QAAQ,EACR,MAAM,EACN,GAAG,GAAG,IAAI,EACV,KAAK,EACL,EAAE,EACF,KAAK,GAAG,YAAY,EACpB,OAAO,GAAG,YAAY,EACtB,GAAG,KAAK,EACwB,EAAA;AAChC,IAAA,MAAM,EAAE,GAAgB,EAAE,IAAI,KAAK,CAAC;AAEpC,IAAA,MAAM,UAAU,GAAG,KAAK,IAAI,YAAY,CAAC;AACzC,IAAA,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC;AAE/C,IAAA,QACIA,GAAC,CAAA,EAAE,OACK,KAAK,EACT,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;AACR,YAAA,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK;YACxC,GAAG,EAAE,GAAG,GAAG,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA,GAAG,IAAI;YAC5B,UAAU;YACV,cAAc;SACjB,EAEA,QAAA,EAAA,QAAQ,EACR,CAAA,EACP;AACN,CAAC;AAED,MAAM,CAAC,QAAQ,GAAG,QAAQ;;;;"}
|
package/Link.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
-
import { SvgChevronRight } from '@bspk/icons/ChevronRight';
|
|
3
|
-
import { SvgLink } from '@bspk/icons/Link';
|
|
4
|
-
import { SvgOpenInNew } from '@bspk/icons/OpenInNew';
|
|
5
|
-
import { css } from '@emotion/react';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* This is the standalone link component. Inline links can use the native `a` element.
|
|
9
|
-
*
|
|
10
|
-
* @name Link
|
|
11
|
-
*/
|
|
12
|
-
function Link({ label, trailingIcon, size, variant, ...props }) {
|
|
13
|
-
return (jsxs("a", { ...props, css: style, "data-link": true, "data-size": size, "data-subtle": variant === 'subtle' || undefined, "data-subtle-inverse": variant === 'subtle-inverse' || undefined, rel: "noreferrer", target: trailingIcon === 'external' ? '_blank' : props.target, children: [jsx("span", { children: label }), trailingIcon === 'external' && jsx(SvgOpenInNew, {}), trailingIcon === 'chevron' && jsx(SvgChevronRight, {}), trailingIcon === 'link' && jsx(SvgLink, {})] }));
|
|
14
|
-
}
|
|
15
|
-
Link.bspkName = 'Link';
|
|
16
|
-
const style = css `
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-direction: row;
|
|
19
|
-
align-items: center;
|
|
20
|
-
gap: var(--spacing-sizing-01);
|
|
21
|
-
font: var(--labels-base);
|
|
22
|
-
|
|
23
|
-
&[data-size='large'] {
|
|
24
|
-
font: var(--labels-large);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&[data-size='small'] {
|
|
28
|
-
font: var(--labels-small);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
svg {
|
|
32
|
-
width: var(--spacing-sizing-05);
|
|
33
|
-
}
|
|
34
|
-
`;
|
|
35
|
-
|
|
36
|
-
export { Link, style };
|
|
37
|
-
//# sourceMappingURL=Link.js.map
|
package/Link.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["src/Link.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAgCA;;;;AAIG;AACH,SAAS,IAAI,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAa,EAAA;AACrE,IAAA,QACIA,IAAA,CAAA,GAAA,EAAA,EAAA,GACQ,KAAK,EACT,GAAG,EAAE,KAAK,EAEC,WAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAI,EACF,aAAA,EAAA,OAAO,KAAK,QAAQ,IAAI,SAAS,EAAA,qBAAA,EACzB,OAAO,KAAK,gBAAgB,IAAI,SAAS,EAC9D,GAAG,EAAC,YAAY,EAChB,MAAM,EAAE,YAAY,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAK,CAAC,MAAM,aAE7DC,GAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,KAAK,EAAQ,CAAA,EACnB,YAAY,KAAK,UAAU,IAAIA,GAAA,CAAC,YAAY,EAAG,EAAA,CAAA,EAC/C,YAAY,KAAK,SAAS,IAAIA,GAAC,CAAA,eAAe,KAAG,EACjD,YAAY,KAAK,MAAM,IAAIA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,CAAA,EAAA,CACvC,EACN;AACN,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AAIhB,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}
|