@a-type/ui 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/actions/ActionButton.js +2 -2
- package/dist/cjs/components/actions/ActionButton.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -2
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +21 -0
- package/dist/cjs/components/box/Box.js +67 -0
- package/dist/cjs/components/box/Box.js.map +1 -0
- package/dist/cjs/components/box/Box.stories.d.ts +29 -0
- package/dist/cjs/components/box/Box.stories.js +35 -0
- package/dist/cjs/components/box/Box.stories.js.map +1 -0
- package/dist/cjs/components/button/Button.js +5 -5
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.js +3 -3
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +3 -3
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.js +7 -7
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +1 -1
- package/dist/cjs/components/card/Card.stories.js +10 -10
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +3 -2
- package/dist/cjs/components/colorPicker/ColorPicker.js +3 -3
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +8 -8
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +28 -28
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.js +11 -11
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/editableText/EditableText.js +5 -5
- package/dist/cjs/components/editableText/EditableText.js.map +1 -1
- package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +2 -2
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +4 -4
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +6 -6
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +5 -5
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/index.d.ts +3 -2
- package/dist/cjs/components/index.js +5 -4
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +2 -2
- package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/cjs/components/layouts/PageRoot.d.ts +4 -5
- package/dist/cjs/components/layouts/PageRoot.js +2 -21
- package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
- package/dist/cjs/components/layouts/PageSection.d.ts +5 -3
- package/dist/cjs/components/layouts/PageSection.js +1 -21
- package/dist/cjs/components/layouts/PageSection.js.map +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +8 -8
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.js +4 -4
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
- package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.d.ts +1 -0
- package/dist/cjs/components/particles/ParticleLayer.stories.js +20 -4
- package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/cjs/components/particles/particlesState.d.ts +4 -4
- package/dist/cjs/components/particles/particlesState.js +21 -1
- package/dist/cjs/components/particles/particlesState.js.map +1 -1
- package/dist/cjs/components/provider/Provider.js +6 -6
- package/dist/cjs/components/provider/Provider.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +1 -1
- package/dist/cjs/components/select/Select.js +6 -6
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.js +2 -2
- package/dist/cjs/components/select/Select.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +3 -3
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +2 -2
- package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/cjs/themes.stories.js +6 -6
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno.preset.js +19 -4
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +16 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.js +1 -1
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +21 -0
- package/dist/esm/components/box/Box.js +61 -0
- package/dist/esm/components/box/Box.js.map +1 -0
- package/dist/esm/components/box/Box.stories.d.ts +29 -0
- package/dist/esm/components/box/Box.stories.js +32 -0
- package/dist/esm/components/box/Box.stories.js.map +1 -0
- package/dist/esm/components/button/Button.js +3 -3
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.js +2 -2
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +2 -2
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/camera/Camera.d.ts +1 -1
- package/dist/esm/components/camera/Camera.js +5 -5
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +1 -1
- package/dist/esm/components/card/Card.stories.js +3 -3
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.d.ts +3 -2
- package/dist/esm/components/colorPicker/ColorPicker.js +3 -3
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +4 -4
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +8 -8
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.js +6 -6
- package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/editableText/EditableText.js +3 -3
- package/dist/esm/components/editableText/EditableText.js.map +1 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/esm/components/forms/CheckboxField.js +1 -1
- package/dist/esm/components/forms/CheckboxField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +3 -3
- package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +3 -3
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/index.d.ts +3 -2
- package/dist/esm/components/index.js +3 -2
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
- package/dist/esm/components/layouts/PageRoot.d.ts +4 -5
- package/dist/esm/components/layouts/PageRoot.js +2 -18
- package/dist/esm/components/layouts/PageRoot.js.map +1 -1
- package/dist/esm/components/layouts/PageSection.d.ts +5 -3
- package/dist/esm/components/layouts/PageSection.js +1 -17
- package/dist/esm/components/layouts/PageSection.js.map +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +6 -6
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.js +3 -3
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.d.ts +1 -0
- package/dist/esm/components/particles/ParticleLayer.stories.js +19 -3
- package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
- package/dist/esm/components/particles/particlesState.d.ts +4 -4
- package/dist/esm/components/particles/particlesState.js +21 -1
- package/dist/esm/components/particles/particlesState.js.map +1 -1
- package/dist/esm/components/provider/Provider.js +3 -3
- package/dist/esm/components/provider/Provider.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +1 -1
- package/dist/esm/components/select/Select.js +3 -3
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.js +1 -1
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +2 -2
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/esm/themes.stories.js +5 -5
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno.preset.js +19 -4
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/components/actions/ActionButton.tsx +2 -2
- package/src/components/avatar/Avatar.tsx +1 -1
- package/src/components/box/Box.stories.tsx +59 -0
- package/src/components/box/Box.tsx +124 -0
- package/src/components/button/Button.stories.tsx +2 -2
- package/src/components/button/Button.tsx +4 -4
- package/src/components/button/ConfirmedButton.tsx +2 -2
- package/src/components/camera/Camera.tsx +6 -6
- package/src/components/card/Card.stories.tsx +3 -3
- package/src/components/colorPicker/ColorPicker.tsx +18 -5
- package/src/components/datePicker/DatePicker.tsx +4 -4
- package/src/components/dialog/Dialog.stories.tsx +8 -8
- package/src/components/dialog/Dialog.tsx +8 -8
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +1 -1
- package/src/components/editableText/EditableText.tsx +3 -3
- package/src/components/forms/CheckboxField.tsx +1 -1
- package/src/components/horizontalList/HorizontalList.stories.tsx +3 -3
- package/src/components/horizontalList/HorizontalList.tsx +2 -2
- package/src/components/imageUploader/ImageUploader.tsx +3 -3
- package/src/components/index.ts +3 -2
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- package/src/components/layouts/PageRoot.tsx +7 -24
- package/src/components/layouts/PageSection.tsx +4 -16
- package/src/components/layouts/layouts.stories.tsx +8 -8
- package/src/components/navBar/NavBar.tsx +3 -3
- package/src/components/numberStepper/NumberStepper.tsx +1 -1
- package/src/components/particles/ParticleLayer.stories.tsx +40 -3
- package/src/components/particles/particlesState.ts +29 -4
- package/src/components/provider/Provider.tsx +3 -3
- package/src/components/select/Select.stories.tsx +1 -1
- package/src/components/select/Select.tsx +3 -3
- package/src/components/textArea/TextArea.tsx +2 -2
- package/src/hooks/useVisualViewportOffset.ts +1 -1
- package/src/themes.stories.tsx +5 -5
- package/src/uno.preset.ts +35 -12
- package/dist/cjs/components/actions.d.ts +0 -1
- package/dist/cjs/components/actions.js +0 -19
- package/dist/cjs/components/actions.js.map +0 -1
- package/dist/cjs/components/avatar.d.ts +0 -1
- package/dist/cjs/components/avatar.js +0 -19
- package/dist/cjs/components/avatar.js.map +0 -1
- package/dist/cjs/components/button.d.ts +0 -1
- package/dist/cjs/components/button.js +0 -19
- package/dist/cjs/components/button.js.map +0 -1
- package/dist/cjs/components/camera.d.ts +0 -1
- package/dist/cjs/components/camera.js +0 -19
- package/dist/cjs/components/camera.js.map +0 -1
- package/dist/cjs/components/card.d.ts +0 -1
- package/dist/cjs/components/card.js +0 -19
- package/dist/cjs/components/card.js.map +0 -1
- package/dist/cjs/components/checkbox.d.ts +0 -1
- package/dist/cjs/components/checkbox.js +0 -19
- package/dist/cjs/components/checkbox.js.map +0 -1
- package/dist/cjs/components/chip.d.ts +0 -1
- package/dist/cjs/components/chip.js +0 -19
- package/dist/cjs/components/chip.js.map +0 -1
- package/dist/cjs/components/collapsible.d.ts +0 -1
- package/dist/cjs/components/collapsible.js +0 -19
- package/dist/cjs/components/collapsible.js.map +0 -1
- package/dist/cjs/components/colorPicker.d.ts +0 -1
- package/dist/cjs/components/colorPicker.js +0 -19
- package/dist/cjs/components/colorPicker.js.map +0 -1
- package/dist/cjs/components/contextMenu.d.ts +0 -1
- package/dist/cjs/components/contextMenu.js +0 -19
- package/dist/cjs/components/contextMenu.js.map +0 -1
- package/dist/cjs/components/datePicker.d.ts +0 -1
- package/dist/cjs/components/datePicker.js +0 -19
- package/dist/cjs/components/datePicker.js.map +0 -1
- package/dist/cjs/components/dialog.d.ts +0 -1
- package/dist/cjs/components/dialog.js +0 -19
- package/dist/cjs/components/dialog.js.map +0 -1
- package/dist/cjs/components/divider.d.ts +0 -1
- package/dist/cjs/components/divider.js +0 -19
- package/dist/cjs/components/divider.js.map +0 -1
- package/dist/cjs/components/dropdownMenu.d.ts +0 -1
- package/dist/cjs/components/dropdownMenu.js +0 -19
- package/dist/cjs/components/dropdownMenu.js.map +0 -1
- package/dist/cjs/components/editableText.d.ts +0 -1
- package/dist/cjs/components/editableText.js +0 -19
- package/dist/cjs/components/editableText.js.map +0 -1
- package/dist/cjs/components/errorBoundary.d.ts +0 -1
- package/dist/cjs/components/errorBoundary.js +0 -19
- package/dist/cjs/components/errorBoundary.js.map +0 -1
- package/dist/cjs/components/forms.d.ts +0 -1
- package/dist/cjs/components/forms.js +0 -19
- package/dist/cjs/components/forms.js.map +0 -1
- package/dist/cjs/components/horizontalList.d.ts +0 -1
- package/dist/cjs/components/horizontalList.js +0 -19
- package/dist/cjs/components/horizontalList.js.map +0 -1
- package/dist/cjs/components/icon.d.ts +0 -1
- package/dist/cjs/components/icon.js +0 -19
- package/dist/cjs/components/icon.js.map +0 -1
- package/dist/cjs/components/imageUploader.d.ts +0 -1
- package/dist/cjs/components/imageUploader.js +0 -19
- package/dist/cjs/components/imageUploader.js.map +0 -1
- package/dist/cjs/components/infiniteLoadTrigger.d.ts +0 -1
- package/dist/cjs/components/infiniteLoadTrigger.js +0 -19
- package/dist/cjs/components/infiniteLoadTrigger.js.map +0 -1
- package/dist/cjs/components/input.d.ts +0 -1
- package/dist/cjs/components/input.js +0 -19
- package/dist/cjs/components/input.js.map +0 -1
- package/dist/cjs/components/layouts.d.ts +0 -1
- package/dist/cjs/components/layouts.js +0 -19
- package/dist/cjs/components/layouts.js.map +0 -1
- package/dist/cjs/components/liveUpdateTextField.d.ts +0 -1
- package/dist/cjs/components/liveUpdateTextField.js +0 -19
- package/dist/cjs/components/liveUpdateTextField.js.map +0 -1
- package/dist/cjs/components/marquee.d.ts +0 -1
- package/dist/cjs/components/marquee.js +0 -19
- package/dist/cjs/components/marquee.js.map +0 -1
- package/dist/cjs/components/masonry.d.ts +0 -1
- package/dist/cjs/components/masonry.js +0 -19
- package/dist/cjs/components/masonry.js.map +0 -1
- package/dist/cjs/components/navBar.d.ts +0 -1
- package/dist/cjs/components/navBar.js +0 -19
- package/dist/cjs/components/navBar.js.map +0 -1
- package/dist/cjs/components/note.d.ts +0 -1
- package/dist/cjs/components/note.js +0 -19
- package/dist/cjs/components/note.js.map +0 -1
- package/dist/cjs/components/numberStepper.d.ts +0 -1
- package/dist/cjs/components/numberStepper.js +0 -19
- package/dist/cjs/components/numberStepper.js.map +0 -1
- package/dist/cjs/components/particles.d.ts +0 -1
- package/dist/cjs/components/particles.js +0 -19
- package/dist/cjs/components/particles.js.map +0 -1
- package/dist/cjs/components/peek.d.ts +0 -1
- package/dist/cjs/components/peek.js +0 -19
- package/dist/cjs/components/peek.js.map +0 -1
- package/dist/cjs/components/popover.d.ts +0 -1
- package/dist/cjs/components/popover.js +0 -19
- package/dist/cjs/components/popover.js.map +0 -1
- package/dist/cjs/components/progress.d.ts +0 -1
- package/dist/cjs/components/progress.js +0 -19
- package/dist/cjs/components/progress.js.map +0 -1
- package/dist/cjs/components/provider.d.ts +0 -1
- package/dist/cjs/components/provider.js +0 -19
- package/dist/cjs/components/provider.js.map +0 -1
- package/dist/cjs/components/relativeTime.d.ts +0 -1
- package/dist/cjs/components/relativeTime.js +0 -19
- package/dist/cjs/components/relativeTime.js.map +0 -1
- package/dist/cjs/components/richEditor.d.ts +0 -1
- package/dist/cjs/components/richEditor.js +0 -19
- package/dist/cjs/components/richEditor.js.map +0 -1
- package/dist/cjs/components/scrollArea.d.ts +0 -1
- package/dist/cjs/components/scrollArea.js +0 -19
- package/dist/cjs/components/scrollArea.js.map +0 -1
- package/dist/cjs/components/select.d.ts +0 -1
- package/dist/cjs/components/select.js +0 -19
- package/dist/cjs/components/select.js.map +0 -1
- package/dist/cjs/components/skeletons.d.ts +0 -1
- package/dist/cjs/components/skeletons.js +0 -19
- package/dist/cjs/components/skeletons.js.map +0 -1
- package/dist/cjs/components/slider.d.ts +0 -1
- package/dist/cjs/components/slider.js +0 -19
- package/dist/cjs/components/slider.js.map +0 -1
- package/dist/cjs/components/slot.d.ts +0 -1
- package/dist/cjs/components/slot.js +0 -8
- package/dist/cjs/components/slot.js.map +0 -1
- package/dist/cjs/components/spinner.d.ts +0 -1
- package/dist/cjs/components/spinner.js +0 -19
- package/dist/cjs/components/spinner.js.map +0 -1
- package/dist/cjs/components/switch.d.ts +0 -1
- package/dist/cjs/components/switch.js +0 -19
- package/dist/cjs/components/switch.js.map +0 -1
- package/dist/cjs/components/tabs.d.ts +0 -1
- package/dist/cjs/components/tabs.js +0 -19
- package/dist/cjs/components/tabs.js.map +0 -1
- package/dist/cjs/components/textArea.d.ts +0 -1
- package/dist/cjs/components/textArea.js +0 -19
- package/dist/cjs/components/textArea.js.map +0 -1
- package/dist/cjs/components/toasts.d.ts +0 -1
- package/dist/cjs/components/toasts.js +0 -19
- package/dist/cjs/components/toasts.js.map +0 -1
- package/dist/cjs/components/toggleGroup.d.ts +0 -1
- package/dist/cjs/components/toggleGroup.js +0 -19
- package/dist/cjs/components/toggleGroup.js.map +0 -1
- package/dist/cjs/components/tooltip.d.ts +0 -1
- package/dist/cjs/components/tooltip.js +0 -19
- package/dist/cjs/components/tooltip.js.map +0 -1
- package/dist/cjs/components/typography.d.ts +0 -1
- package/dist/cjs/components/typography.js +0 -19
- package/dist/cjs/components/typography.js.map +0 -1
- package/dist/cjs/components/utility.d.ts +0 -1
- package/dist/cjs/components/utility.js +0 -19
- package/dist/cjs/components/utility.js.map +0 -1
- package/dist/esm/components/actions.d.ts +0 -1
- package/dist/esm/components/actions.js +0 -3
- package/dist/esm/components/actions.js.map +0 -1
- package/dist/esm/components/avatar.d.ts +0 -1
- package/dist/esm/components/avatar.js +0 -3
- package/dist/esm/components/avatar.js.map +0 -1
- package/dist/esm/components/button.d.ts +0 -1
- package/dist/esm/components/button.js +0 -3
- package/dist/esm/components/button.js.map +0 -1
- package/dist/esm/components/camera.d.ts +0 -1
- package/dist/esm/components/camera.js +0 -3
- package/dist/esm/components/camera.js.map +0 -1
- package/dist/esm/components/card.d.ts +0 -1
- package/dist/esm/components/card.js +0 -3
- package/dist/esm/components/card.js.map +0 -1
- package/dist/esm/components/checkbox.d.ts +0 -1
- package/dist/esm/components/checkbox.js +0 -3
- package/dist/esm/components/checkbox.js.map +0 -1
- package/dist/esm/components/chip.d.ts +0 -1
- package/dist/esm/components/chip.js +0 -3
- package/dist/esm/components/chip.js.map +0 -1
- package/dist/esm/components/collapsible.d.ts +0 -1
- package/dist/esm/components/collapsible.js +0 -3
- package/dist/esm/components/collapsible.js.map +0 -1
- package/dist/esm/components/colorPicker.d.ts +0 -1
- package/dist/esm/components/colorPicker.js +0 -3
- package/dist/esm/components/colorPicker.js.map +0 -1
- package/dist/esm/components/contextMenu.d.ts +0 -1
- package/dist/esm/components/contextMenu.js +0 -3
- package/dist/esm/components/contextMenu.js.map +0 -1
- package/dist/esm/components/datePicker.d.ts +0 -1
- package/dist/esm/components/datePicker.js +0 -3
- package/dist/esm/components/datePicker.js.map +0 -1
- package/dist/esm/components/dialog.d.ts +0 -1
- package/dist/esm/components/dialog.js +0 -3
- package/dist/esm/components/dialog.js.map +0 -1
- package/dist/esm/components/divider.d.ts +0 -1
- package/dist/esm/components/divider.js +0 -3
- package/dist/esm/components/divider.js.map +0 -1
- package/dist/esm/components/dropdownMenu.d.ts +0 -1
- package/dist/esm/components/dropdownMenu.js +0 -3
- package/dist/esm/components/dropdownMenu.js.map +0 -1
- package/dist/esm/components/editableText.d.ts +0 -1
- package/dist/esm/components/editableText.js +0 -3
- package/dist/esm/components/editableText.js.map +0 -1
- package/dist/esm/components/errorBoundary.d.ts +0 -1
- package/dist/esm/components/errorBoundary.js +0 -3
- package/dist/esm/components/errorBoundary.js.map +0 -1
- package/dist/esm/components/forms.d.ts +0 -1
- package/dist/esm/components/forms.js +0 -3
- package/dist/esm/components/forms.js.map +0 -1
- package/dist/esm/components/horizontalList.d.ts +0 -1
- package/dist/esm/components/horizontalList.js +0 -3
- package/dist/esm/components/horizontalList.js.map +0 -1
- package/dist/esm/components/icon.d.ts +0 -1
- package/dist/esm/components/icon.js +0 -3
- package/dist/esm/components/icon.js.map +0 -1
- package/dist/esm/components/imageUploader.d.ts +0 -1
- package/dist/esm/components/imageUploader.js +0 -3
- package/dist/esm/components/imageUploader.js.map +0 -1
- package/dist/esm/components/infiniteLoadTrigger.d.ts +0 -1
- package/dist/esm/components/infiniteLoadTrigger.js +0 -3
- package/dist/esm/components/infiniteLoadTrigger.js.map +0 -1
- package/dist/esm/components/input.d.ts +0 -1
- package/dist/esm/components/input.js +0 -3
- package/dist/esm/components/input.js.map +0 -1
- package/dist/esm/components/layouts.d.ts +0 -1
- package/dist/esm/components/layouts.js +0 -3
- package/dist/esm/components/layouts.js.map +0 -1
- package/dist/esm/components/liveUpdateTextField.d.ts +0 -1
- package/dist/esm/components/liveUpdateTextField.js +0 -3
- package/dist/esm/components/liveUpdateTextField.js.map +0 -1
- package/dist/esm/components/marquee.d.ts +0 -1
- package/dist/esm/components/marquee.js +0 -3
- package/dist/esm/components/marquee.js.map +0 -1
- package/dist/esm/components/masonry.d.ts +0 -1
- package/dist/esm/components/masonry.js +0 -3
- package/dist/esm/components/masonry.js.map +0 -1
- package/dist/esm/components/navBar.d.ts +0 -1
- package/dist/esm/components/navBar.js +0 -3
- package/dist/esm/components/navBar.js.map +0 -1
- package/dist/esm/components/note.d.ts +0 -1
- package/dist/esm/components/note.js +0 -3
- package/dist/esm/components/note.js.map +0 -1
- package/dist/esm/components/numberStepper.d.ts +0 -1
- package/dist/esm/components/numberStepper.js +0 -3
- package/dist/esm/components/numberStepper.js.map +0 -1
- package/dist/esm/components/particles.d.ts +0 -1
- package/dist/esm/components/particles.js +0 -3
- package/dist/esm/components/particles.js.map +0 -1
- package/dist/esm/components/peek.d.ts +0 -1
- package/dist/esm/components/peek.js +0 -3
- package/dist/esm/components/peek.js.map +0 -1
- package/dist/esm/components/popover.d.ts +0 -1
- package/dist/esm/components/popover.js +0 -3
- package/dist/esm/components/popover.js.map +0 -1
- package/dist/esm/components/progress.d.ts +0 -1
- package/dist/esm/components/progress.js +0 -3
- package/dist/esm/components/progress.js.map +0 -1
- package/dist/esm/components/provider.d.ts +0 -1
- package/dist/esm/components/provider.js +0 -3
- package/dist/esm/components/provider.js.map +0 -1
- package/dist/esm/components/relativeTime.d.ts +0 -1
- package/dist/esm/components/relativeTime.js +0 -3
- package/dist/esm/components/relativeTime.js.map +0 -1
- package/dist/esm/components/richEditor.d.ts +0 -1
- package/dist/esm/components/richEditor.js +0 -3
- package/dist/esm/components/richEditor.js.map +0 -1
- package/dist/esm/components/scrollArea.d.ts +0 -1
- package/dist/esm/components/scrollArea.js +0 -3
- package/dist/esm/components/scrollArea.js.map +0 -1
- package/dist/esm/components/select.d.ts +0 -1
- package/dist/esm/components/select.js +0 -3
- package/dist/esm/components/select.js.map +0 -1
- package/dist/esm/components/skeletons.d.ts +0 -1
- package/dist/esm/components/skeletons.js +0 -3
- package/dist/esm/components/skeletons.js.map +0 -1
- package/dist/esm/components/slider.d.ts +0 -1
- package/dist/esm/components/slider.js +0 -3
- package/dist/esm/components/slider.js.map +0 -1
- package/dist/esm/components/slot.d.ts +0 -1
- package/dist/esm/components/slot.js +0 -3
- package/dist/esm/components/slot.js.map +0 -1
- package/dist/esm/components/spinner.d.ts +0 -1
- package/dist/esm/components/spinner.js +0 -3
- package/dist/esm/components/spinner.js.map +0 -1
- package/dist/esm/components/switch.d.ts +0 -1
- package/dist/esm/components/switch.js +0 -3
- package/dist/esm/components/switch.js.map +0 -1
- package/dist/esm/components/tabs.d.ts +0 -1
- package/dist/esm/components/tabs.js +0 -3
- package/dist/esm/components/tabs.js.map +0 -1
- package/dist/esm/components/textArea.d.ts +0 -1
- package/dist/esm/components/textArea.js +0 -3
- package/dist/esm/components/textArea.js.map +0 -1
- package/dist/esm/components/toasts.d.ts +0 -1
- package/dist/esm/components/toasts.js +0 -3
- package/dist/esm/components/toasts.js.map +0 -1
- package/dist/esm/components/toggleGroup.d.ts +0 -1
- package/dist/esm/components/toggleGroup.js +0 -3
- package/dist/esm/components/toggleGroup.js.map +0 -1
- package/dist/esm/components/tooltip.d.ts +0 -1
- package/dist/esm/components/tooltip.js +0 -3
- package/dist/esm/components/tooltip.js.map +0 -1
- package/dist/esm/components/typography.d.ts +0 -1
- package/dist/esm/components/typography.js +0 -3
- package/dist/esm/components/typography.js.map +0 -1
- package/dist/esm/components/utility.d.ts +0 -1
- package/dist/esm/components/utility.js +0 -3
- package/dist/esm/components/utility.js.map +0 -1
- package/src/components/actions.ts +0 -1
- package/src/components/avatar.ts +0 -1
- package/src/components/button.ts +0 -1
- package/src/components/camera.ts +0 -1
- package/src/components/card.ts +0 -1
- package/src/components/checkbox.ts +0 -1
- package/src/components/chip.ts +0 -1
- package/src/components/collapsible.ts +0 -1
- package/src/components/colorPicker.ts +0 -1
- package/src/components/contextMenu.ts +0 -1
- package/src/components/datePicker.ts +0 -1
- package/src/components/dialog.ts +0 -1
- package/src/components/divider.ts +0 -1
- package/src/components/dropdownMenu.ts +0 -1
- package/src/components/editableText.ts +0 -1
- package/src/components/errorBoundary.ts +0 -1
- package/src/components/forms.ts +0 -1
- package/src/components/horizontalList.ts +0 -1
- package/src/components/icon.ts +0 -1
- package/src/components/imageUploader.ts +0 -1
- package/src/components/infiniteLoadTrigger.ts +0 -1
- package/src/components/input.ts +0 -1
- package/src/components/layouts.ts +0 -1
- package/src/components/liveUpdateTextField.ts +0 -1
- package/src/components/marquee.ts +0 -1
- package/src/components/masonry.ts +0 -1
- package/src/components/navBar.ts +0 -1
- package/src/components/note.ts +0 -1
- package/src/components/numberStepper.ts +0 -1
- package/src/components/particles.ts +0 -1
- package/src/components/peek.ts +0 -1
- package/src/components/popover.ts +0 -1
- package/src/components/progress.ts +0 -1
- package/src/components/provider.ts +0 -1
- package/src/components/relativeTime.ts +0 -1
- package/src/components/richEditor.ts +0 -1
- package/src/components/scrollArea.ts +0 -1
- package/src/components/select.ts +0 -1
- package/src/components/skeletons.ts +0 -1
- package/src/components/slider.ts +0 -1
- package/src/components/slot.ts +0 -1
- package/src/components/spinner.ts +0 -1
- package/src/components/switch.ts +0 -1
- package/src/components/tabs.ts +0 -1
- package/src/components/textArea.ts +0 -1
- package/src/components/toasts.ts +0 -1
- package/src/components/toggleGroup.ts +0 -1
- package/src/components/tooltip.ts +0 -1
- package/src/components/typography.ts +0 -1
- package/src/components/utility.ts +0 -1
package/src/components/index.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
export { Slot, Slottable, type SlotProps } from '@radix-ui/react-slot';
|
|
1
2
|
export * from './actions/index.js';
|
|
2
3
|
export * from './avatar/index.js';
|
|
4
|
+
export * from './box/Box.js';
|
|
3
5
|
export * from './button/index.js';
|
|
4
6
|
export * from './camera/index.js';
|
|
5
7
|
export * from './card/index.js';
|
|
@@ -30,15 +32,14 @@ export * from './numberStepper/index.js';
|
|
|
30
32
|
export * from './particles/index.js';
|
|
31
33
|
export * from './peek/index.js';
|
|
32
34
|
export * from './popover/index.js';
|
|
33
|
-
export * from './provider/Provider.js';
|
|
34
35
|
export * from './progress/Progress.js';
|
|
36
|
+
export * from './provider/Provider.js';
|
|
35
37
|
export * from './relativeTime/index.js';
|
|
36
38
|
export * from './richEditor/index.js';
|
|
37
39
|
export * from './scrollArea/ScrollArea.js';
|
|
38
40
|
export * from './select/index.js';
|
|
39
41
|
export * from './skeletons/skeletons.js';
|
|
40
42
|
export * from './slider/index.js';
|
|
41
|
-
export { Slot, type SlotProps, Slottable } from '@radix-ui/react-slot';
|
|
42
43
|
export * from './spinner/index.js';
|
|
43
44
|
export * from './switch/index.js';
|
|
44
45
|
export * from './tabs/tabs.js';
|
|
@@ -1,25 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { forwardRef, ReactNode } from 'react';
|
|
1
|
+
import { withClassName } from '../../hooks.js';
|
|
3
2
|
|
|
4
|
-
export const PageRoot =
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
>(function PageRoot({ className, children, ...props }, ref) {
|
|
11
|
-
return (
|
|
12
|
-
<div
|
|
13
|
-
ref={ref}
|
|
14
|
-
className={classNames(
|
|
15
|
-
'layer-components:(flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full bg-gray-1)',
|
|
16
|
-
'layer-components:(grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center)',
|
|
17
|
-
'sm:layer-responsive:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto bg-wash)',
|
|
18
|
-
className,
|
|
19
|
-
)}
|
|
20
|
-
{...props}
|
|
21
|
-
>
|
|
22
|
-
{children}
|
|
23
|
-
</div>
|
|
24
|
-
);
|
|
25
|
-
});
|
|
3
|
+
export const PageRoot = withClassName(
|
|
4
|
+
'div',
|
|
5
|
+
'layer-components:(flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full bg-gray-1)',
|
|
6
|
+
'layer-components:(grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center)',
|
|
7
|
+
'sm:layer-responsive:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto bg-wash)',
|
|
8
|
+
);
|
|
@@ -1,21 +1,9 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import classNames from 'clsx';
|
|
3
1
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
2
|
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
return (
|
|
10
|
-
<div
|
|
11
|
-
{...props}
|
|
12
|
-
className={classNames(
|
|
13
|
-
'layer-components:(bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0)',
|
|
14
|
-
className,
|
|
15
|
-
)}
|
|
16
|
-
/>
|
|
17
|
-
);
|
|
18
|
-
}
|
|
3
|
+
export const PageSection = withClassName(
|
|
4
|
+
'div',
|
|
5
|
+
'layer-components:(bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0)',
|
|
6
|
+
);
|
|
19
7
|
|
|
20
8
|
export const PageSectionGrid = withClassName(
|
|
21
9
|
'div',
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Icon } from '../icon/index.js';
|
|
5
|
+
import { Input } from '../input/index.js';
|
|
5
6
|
import {
|
|
6
7
|
NavBarItem,
|
|
7
8
|
NavBarItemIcon,
|
|
@@ -9,12 +10,11 @@ import {
|
|
|
9
10
|
NavBarItemPip,
|
|
10
11
|
NavBarItemText,
|
|
11
12
|
NavBarRoot,
|
|
12
|
-
} from '../navBar.js';
|
|
13
|
-
import {
|
|
13
|
+
} from '../navBar/index.js';
|
|
14
|
+
import { PageContent } from './PageContent.js';
|
|
15
|
+
import { PageNav } from './PageNav.js';
|
|
14
16
|
import { PageNowPlaying } from './PageNowPlaying.js';
|
|
15
|
-
import {
|
|
16
|
-
import { Button } from '../button.js';
|
|
17
|
-
import { Input } from '../input.js';
|
|
17
|
+
import { PageRoot } from './PageRoot.js';
|
|
18
18
|
|
|
19
19
|
const meta = {
|
|
20
20
|
title: 'layouts',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
1
2
|
import classNames, { clsx } from 'clsx';
|
|
2
|
-
import { withClassName } from '../../hooks.js';
|
|
3
3
|
import { ReactNode, forwardRef } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { Icon, IconProps } from '../icon.js';
|
|
4
|
+
import { withClassName } from '../../hooks.js';
|
|
5
|
+
import { Icon, IconProps } from '../icon/index.js';
|
|
6
6
|
|
|
7
7
|
export const navBarItemClass = classNames(
|
|
8
8
|
'layer-components:(flex flex-col items-center justify-center whitespace-nowrap py-1 px-3 bg-transparent rounded-md border-none cursor-pointer text-sm transition-colors h-full gap-6px relative text-gray-7 select-none)',
|
|
@@ -2,7 +2,7 @@ import { fractionToText } from '@a-type/utils';
|
|
|
2
2
|
import { MinusIcon, PlusIcon } from '@radix-ui/react-icons';
|
|
3
3
|
import classNames from 'clsx';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
|
-
import { Button } from '../button.js';
|
|
5
|
+
import { Button } from '../button/index.js';
|
|
6
6
|
|
|
7
7
|
export interface NumberStepperProps {
|
|
8
8
|
value: number;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
import { Button } from '../button.js';
|
|
2
|
+
import { MouseEvent, useRef, useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Checkbox } from '../checkbox/index.js';
|
|
5
|
+
import { Icon } from '../icon/index.js';
|
|
4
6
|
import { useParticles } from './ParticleContext.js';
|
|
5
|
-
import {
|
|
7
|
+
import { ParticleLayer } from './ParticleLayer.js';
|
|
6
8
|
|
|
7
9
|
const meta = {
|
|
8
10
|
title: 'ParticleLayer',
|
|
@@ -42,3 +44,38 @@ function ExplodeButton() {
|
|
|
42
44
|
</Button>
|
|
43
45
|
);
|
|
44
46
|
}
|
|
47
|
+
|
|
48
|
+
export const HiddenTest: Story = {
|
|
49
|
+
render() {
|
|
50
|
+
const [hide, setHide] = useState(false);
|
|
51
|
+
const targetRef = useRef<SVGSVGElement>(null);
|
|
52
|
+
const particles = useParticles();
|
|
53
|
+
|
|
54
|
+
return (
|
|
55
|
+
<>
|
|
56
|
+
<div
|
|
57
|
+
className="w-full relative flex flex-col items-center justify-center p-10"
|
|
58
|
+
style={{ visibility: hide ? 'hidden' : 'visible' }}
|
|
59
|
+
>
|
|
60
|
+
<Icon name="placeholder" ref={targetRef} />
|
|
61
|
+
</div>
|
|
62
|
+
<div className="row">
|
|
63
|
+
<Button
|
|
64
|
+
onClick={() => {
|
|
65
|
+
particles?.addParticles(
|
|
66
|
+
particles.elementExplosion({
|
|
67
|
+
element: targetRef.current!,
|
|
68
|
+
count: 10,
|
|
69
|
+
}),
|
|
70
|
+
);
|
|
71
|
+
}}
|
|
72
|
+
>
|
|
73
|
+
Burst
|
|
74
|
+
</Button>
|
|
75
|
+
<Checkbox checked={hide} onCheckedChange={(c) => setHide(!!c)} />
|
|
76
|
+
<span>Hide (hidden elements should not show particles)</span>
|
|
77
|
+
</div>
|
|
78
|
+
</>
|
|
79
|
+
);
|
|
80
|
+
},
|
|
81
|
+
};
|
|
@@ -128,8 +128,12 @@ export class Particles {
|
|
|
128
128
|
this.extendPool(spawn.count - this.freeParticles.length);
|
|
129
129
|
}
|
|
130
130
|
for (let i = 0; i < spawn.count; i++) {
|
|
131
|
-
const particle = this.freeParticles.pop();
|
|
132
131
|
const initials = spawn.initializer(i);
|
|
132
|
+
if (!initials) {
|
|
133
|
+
// the particle initializer returned null, so we skip this particle
|
|
134
|
+
continue;
|
|
135
|
+
}
|
|
136
|
+
const particle = this.freeParticles.pop();
|
|
133
137
|
if (!particle) {
|
|
134
138
|
throw new Error('Particle allocation failed');
|
|
135
139
|
}
|
|
@@ -233,7 +237,7 @@ type ParticleInitializer = (index: number) => {
|
|
|
233
237
|
velocityX: number;
|
|
234
238
|
velocityY: number;
|
|
235
239
|
drag: number;
|
|
236
|
-
};
|
|
240
|
+
} | null;
|
|
237
241
|
|
|
238
242
|
export function createCircleParticles({
|
|
239
243
|
count,
|
|
@@ -284,7 +288,7 @@ export const createElementBorderInitializer = ({
|
|
|
284
288
|
angleFuzz = 0.02,
|
|
285
289
|
margin = 0,
|
|
286
290
|
}: {
|
|
287
|
-
element: HTMLElement;
|
|
291
|
+
element: HTMLElement | SVGElement;
|
|
288
292
|
borders?: BorderName[];
|
|
289
293
|
force?: number;
|
|
290
294
|
drag?: number;
|
|
@@ -297,7 +301,28 @@ export const createElementBorderInitializer = ({
|
|
|
297
301
|
// a single theoretical line, picking a random point on the line, and then converting that point
|
|
298
302
|
// back to a point on the border.
|
|
299
303
|
return (index: number) => {
|
|
304
|
+
// check that element is not hidden
|
|
305
|
+
if (
|
|
306
|
+
element instanceof HTMLElement &&
|
|
307
|
+
element.offsetWidth === 0 &&
|
|
308
|
+
element.offsetHeight === 0
|
|
309
|
+
) {
|
|
310
|
+
return null;
|
|
311
|
+
}
|
|
312
|
+
if (element.getClientRects().length === 0) {
|
|
313
|
+
return null;
|
|
314
|
+
}
|
|
315
|
+
|
|
300
316
|
const bounds = element.getBoundingClientRect();
|
|
317
|
+
if (bounds.width === 0 && bounds.height === 0) {
|
|
318
|
+
return null;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
// by this point we've computed style already so this is cheap
|
|
322
|
+
if (window.getComputedStyle(element).visibility === 'hidden') {
|
|
323
|
+
return null;
|
|
324
|
+
}
|
|
325
|
+
|
|
301
326
|
const rect = {
|
|
302
327
|
left: bounds.left,
|
|
303
328
|
top: bounds.top,
|
|
@@ -408,7 +433,7 @@ export const elementExplosion = ({
|
|
|
408
433
|
margin,
|
|
409
434
|
...rest
|
|
410
435
|
}: {
|
|
411
|
-
element: HTMLElement;
|
|
436
|
+
element: HTMLElement | SVGElement;
|
|
412
437
|
color?: Color | [Color, Color];
|
|
413
438
|
count: number;
|
|
414
439
|
startRadius?: number;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { createContext, ReactNode, useContext } from 'react';
|
|
2
|
-
import { ParticleLayer } from '../particles.js';
|
|
3
|
-
import { IconSpritesheet } from '../icon.js';
|
|
4
2
|
import { Toaster, ToastPosition } from 'react-hot-toast';
|
|
5
|
-
import { TooltipProvider } from '../tooltip.js';
|
|
6
3
|
import { useVisualViewportOffset } from '../../hooks.js';
|
|
7
4
|
import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
|
|
5
|
+
import { IconSpritesheet } from '../icon/index.js';
|
|
6
|
+
import { ParticleLayer } from '../particles/index.js';
|
|
7
|
+
import { TooltipProvider } from '../tooltip/index.js';
|
|
8
8
|
|
|
9
9
|
export interface ProviderProps {
|
|
10
10
|
children?: ReactNode;
|
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
ChevronUpIcon,
|
|
7
7
|
} from '@radix-ui/react-icons';
|
|
8
8
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
9
|
+
import classNames from 'clsx';
|
|
9
10
|
import {
|
|
10
11
|
ComponentPropsWithRef,
|
|
11
12
|
ComponentType,
|
|
@@ -16,10 +17,9 @@ import {
|
|
|
16
17
|
forwardRef,
|
|
17
18
|
useContext,
|
|
18
19
|
} from 'react';
|
|
19
|
-
import classNames from 'clsx';
|
|
20
20
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
21
|
-
import { Button, ButtonProps, getButtonClassName } from '../button.js';
|
|
22
|
-
import { Icon } from '../icon.js';
|
|
21
|
+
import { Button, ButtonProps, getButtonClassName } from '../button/index.js';
|
|
22
|
+
import { Icon } from '../icon/index.js';
|
|
23
23
|
|
|
24
24
|
export const SelectItem = forwardRef<
|
|
25
25
|
HTMLDivElement,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import classNames from 'clsx';
|
|
4
|
-
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
5
4
|
import {
|
|
6
5
|
ChangeEvent,
|
|
7
6
|
forwardRef,
|
|
@@ -11,8 +10,9 @@ import {
|
|
|
11
10
|
useRef,
|
|
12
11
|
useState,
|
|
13
12
|
} from 'react';
|
|
14
|
-
import
|
|
13
|
+
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
15
14
|
import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
|
|
15
|
+
import { inputClassName } from '../input/index.js';
|
|
16
16
|
|
|
17
17
|
export interface TextAreaProps
|
|
18
18
|
extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref'> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect, useState } from 'react';
|
|
2
|
+
import { useConfig } from '../components/provider/Provider.js';
|
|
2
3
|
import { useStableCallback } from './useStableCallback.js';
|
|
3
|
-
import { useConfig } from '../components/provider.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Applies bottom offset px as a CSS custom property to the document root.
|
package/src/themes.stories.tsx
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { Button } from './components/button.js';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { Button } from './components/button/index.js';
|
|
4
|
+
import { Card } from './components/card/index.js';
|
|
5
|
+
import { Input } from './components/input/index.js';
|
|
6
|
+
import { Tabs } from './components/tabs/tabs.js';
|
|
7
|
+
import { TextArea } from './components/textArea/index.js';
|
|
8
8
|
|
|
9
9
|
const meta = {
|
|
10
10
|
title: 'themes',
|
package/src/uno.preset.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PreflightContext, Preset, presetUno } from 'unocss';
|
|
2
1
|
import { entriesToCss, toArray } from '@unocss/core';
|
|
2
|
+
import { PreflightContext, Preset, presetUno } from 'unocss';
|
|
3
3
|
|
|
4
4
|
export default function presetAglio({
|
|
5
5
|
spacingIncrement = 0.25,
|
|
@@ -380,7 +380,7 @@ export default function presetAglio({
|
|
|
380
380
|
],
|
|
381
381
|
|
|
382
382
|
shortcuts: {
|
|
383
|
-
'border-default': 'border border-solid border-black',
|
|
383
|
+
'border-default': 'border border-1 border-solid border-black',
|
|
384
384
|
'border-light': 'border border-solid border-gray5',
|
|
385
385
|
'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
|
|
386
386
|
'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
|
|
@@ -708,6 +708,21 @@ export default function presetAglio({
|
|
|
708
708
|
--color-primary-wash: var(--color-red-wash);
|
|
709
709
|
}
|
|
710
710
|
|
|
711
|
+
.theme-salt {
|
|
712
|
+
--color-attention-light: var(--color-red-light);
|
|
713
|
+
--color-attention: var(--color-red);
|
|
714
|
+
--color-attention-dark: var(--color-red-dark);
|
|
715
|
+
--color-attention-wash: var(--color-red-wash);
|
|
716
|
+
--color-accent: var(--color-gray-4);
|
|
717
|
+
--color-accent-wash: var(--color-gray-2);
|
|
718
|
+
--color-accent-light: var(--color-gray-3);
|
|
719
|
+
--color-accent-dark: var(--color-gray-5);
|
|
720
|
+
--color-primary: var(--color-gray-5);
|
|
721
|
+
--color-primary-light: var(--color-gray-4);
|
|
722
|
+
--color-primary-dark: var(--color-gray-6);
|
|
723
|
+
--color-primary-wash: var(--color-white);
|
|
724
|
+
}
|
|
725
|
+
|
|
711
726
|
html, body {
|
|
712
727
|
margin: 0;
|
|
713
728
|
padding: 0;
|
|
@@ -793,14 +808,22 @@ function generateColors(from: number, to: number) {
|
|
|
793
808
|
}
|
|
794
809
|
|
|
795
810
|
function makeSpacing(increment: number) {
|
|
796
|
-
return
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
(
|
|
801
|
-
acc
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
811
|
+
return {
|
|
812
|
+
...new Array(20)
|
|
813
|
+
.fill(0)
|
|
814
|
+
.map((_, i) => `${(i * increment).toFixed(2)}rem`)
|
|
815
|
+
.reduce(
|
|
816
|
+
(acc, cur, i) => {
|
|
817
|
+
acc[i] = cur;
|
|
818
|
+
return acc;
|
|
819
|
+
},
|
|
820
|
+
{} as Record<string, string>,
|
|
821
|
+
),
|
|
822
|
+
|
|
823
|
+
xs: 'calc(0.25rem * var(--spacing-scale,1))',
|
|
824
|
+
sm: 'calc(0.5rem * var(--spacing-scale,1))',
|
|
825
|
+
md: 'calc(1rem * var(--spacing-scale,1))',
|
|
826
|
+
lg: 'calc(2rem * var(--spacing-scale,1))',
|
|
827
|
+
xl: 'calc(3rem * var(--spacing-scale,1))',
|
|
828
|
+
};
|
|
806
829
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './actions/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./actions/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=actions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/actions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './avatar/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./avatar/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './button/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./button/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './camera/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./camera/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=camera.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"camera.js","sourceRoot":"","sources":["../../../src/components/camera.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './card/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./card/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './checkbox/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./checkbox/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './chip/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./chip/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=chip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './collapsible/index.js';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
|
-
"use strict";
|
|
3
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
-
if (k2 === undefined) k2 = k;
|
|
5
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
15
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
__exportStar(require("./collapsible/index.js"), exports);
|
|
19
|
-
//# sourceMappingURL=collapsible.js.map
|