@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
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { Button } from './components/button.js';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import { Button } from './components/button/index.js';
|
|
5
|
+
import { Card } from './components/card/index.js';
|
|
6
|
+
import { Input } from './components/input/index.js';
|
|
7
|
+
import { Tabs } from './components/tabs/tabs.js';
|
|
8
|
+
import { TextArea } from './components/textArea/index.js';
|
|
9
9
|
const meta = {
|
|
10
10
|
title: 'themes',
|
|
11
11
|
argTypes: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"themes.stories.js","sourceRoot":"","sources":["../../src/themes.stories.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,SAAS,MAAM,CAAC,EAAE,SAAS,EAA0B;IACpD,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,iBACxD,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,MAAM,kBAAC,KAAK,EAAC,SAAS,6BAAiB,EACxC,KAAC,MAAM,kBAAC,KAAK,EAAC,QAAQ,4BAAgB,EACtC,KAAC,MAAM,0BAAiB,EACxB,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,iCAE/B,EACT,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,kBAAkB,uCAEpC,KACJ,EACN,6BAAK,SAAS,EAAC,KAAK,iBACnB,KAAC,KAAK,IAAC,WAAW,EAAC,aAAa,GAAG,EACnC,KAAC,QAAQ,IAAC,WAAW,EAAC,aAAa,GAAG,KACjC,EACN,wBACC,MAAC,IAAI,eACJ,MAAC,IAAI,CAAC,IAAI,eACT,KAAC,IAAI,CAAC,KAAK,6BAAwB,EACnC,KAAC,IAAI,CAAC,OAAO,+BAA4B,IAC9B,EACZ,KAAC,IAAI,CAAC,MAAM,cACX,KAAC,IAAI,CAAC,OAAO,cACZ,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,8BAAkB,GACxB,GACF,IACR,GACF,EACN,wBACC,MAAC,IAAI,kBAAC,YAAY,EAAC,MAAM,iBACxB,MAAC,IAAI,CAAC,IAAI,eACT,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,EAC/C,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,2BAAqB,IACpC,EACZ,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,EACvD,KAAC,IAAI,CAAC,OAAO,kBAAC,KAAK,EAAC,MAAM,mCAA6B,KACjD,GACF,KACD,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM;QACL,OAAO,KAAC,MAAM,KAAG,CAAC;IACnB,CAAC;CACD,CAAC"}
|
package/dist/esm/uno.preset.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import { presetUno } from 'unocss';
|
|
3
2
|
import { entriesToCss, toArray } from '@unocss/core';
|
|
3
|
+
import { presetUno } from 'unocss';
|
|
4
4
|
export default function presetAglio({ spacingIncrement = 0.25, interFontLocation = 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf', colorRanges = {
|
|
5
5
|
light: [90, 40],
|
|
6
6
|
dark: [0, 60],
|
|
@@ -350,7 +350,7 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
350
350
|
},
|
|
351
351
|
],
|
|
352
352
|
shortcuts: {
|
|
353
|
-
'border-default': 'border border-solid border-black',
|
|
353
|
+
'border-default': 'border border-1 border-solid border-black',
|
|
354
354
|
'border-light': 'border border-solid border-gray5',
|
|
355
355
|
'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
|
|
356
356
|
'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
|
|
@@ -674,6 +674,21 @@ export default function presetAglio({ spacingIncrement = 0.25, interFontLocation
|
|
|
674
674
|
--color-primary-wash: var(--color-red-wash);
|
|
675
675
|
}
|
|
676
676
|
|
|
677
|
+
.theme-salt {
|
|
678
|
+
--color-attention-light: var(--color-red-light);
|
|
679
|
+
--color-attention: var(--color-red);
|
|
680
|
+
--color-attention-dark: var(--color-red-dark);
|
|
681
|
+
--color-attention-wash: var(--color-red-wash);
|
|
682
|
+
--color-accent: var(--color-gray-4);
|
|
683
|
+
--color-accent-wash: var(--color-gray-2);
|
|
684
|
+
--color-accent-light: var(--color-gray-3);
|
|
685
|
+
--color-accent-dark: var(--color-gray-5);
|
|
686
|
+
--color-primary: var(--color-gray-5);
|
|
687
|
+
--color-primary-light: var(--color-gray-4);
|
|
688
|
+
--color-primary-dark: var(--color-gray-6);
|
|
689
|
+
--color-primary-wash: var(--color-white);
|
|
690
|
+
}
|
|
691
|
+
|
|
677
692
|
html, body {
|
|
678
693
|
margin: 0;
|
|
679
694
|
padding: 0;
|
|
@@ -742,12 +757,12 @@ function generateColors(from, to) {
|
|
|
742
757
|
return Object.entries(map).reduce((str, [key, value]) => str + `${key}: ${value};\n`, '');
|
|
743
758
|
}
|
|
744
759
|
function makeSpacing(increment) {
|
|
745
|
-
return new Array(20)
|
|
760
|
+
return Object.assign(Object.assign({}, new Array(20)
|
|
746
761
|
.fill(0)
|
|
747
762
|
.map((_, i) => `${(i * increment).toFixed(2)}rem`)
|
|
748
763
|
.reduce((acc, cur, i) => {
|
|
749
764
|
acc[i] = cur;
|
|
750
765
|
return acc;
|
|
751
|
-
}, {});
|
|
766
|
+
}, {})), { xs: 'calc(0.25rem * var(--spacing-scale,1))', sm: 'calc(0.5rem * var(--spacing-scale,1))', md: 'calc(1rem * var(--spacing-scale,1))', lg: 'calc(2rem * var(--spacing-scale,1))', xl: 'calc(3rem * var(--spacing-scale,1))' });
|
|
752
767
|
}
|
|
753
768
|
//# sourceMappingURL=uno.preset.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../src/uno.preset.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import classNames from 'clsx';
|
|
4
|
-
import { forwardRef, ReactNode, useEffect,
|
|
4
|
+
import { forwardRef, ReactNode, useEffect, useState } from 'react';
|
|
5
5
|
import { Button, ButtonProps } from '../button/Button.js';
|
|
6
|
-
import { CollapsibleContent, CollapsibleRoot } from '../collapsible.js';
|
|
6
|
+
import { CollapsibleContent, CollapsibleRoot } from '../collapsible/index.js';
|
|
7
7
|
|
|
8
8
|
export interface ActionButtonProps extends ButtonProps {
|
|
9
9
|
icon?: ReactNode;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from '../button/Button.js';
|
|
3
|
+
import { Box } from './Box.js';
|
|
4
|
+
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Box',
|
|
7
|
+
component: Box,
|
|
8
|
+
argTypes: {
|
|
9
|
+
border: {
|
|
10
|
+
type: 'boolean',
|
|
11
|
+
defaultValue: false,
|
|
12
|
+
},
|
|
13
|
+
surface: {
|
|
14
|
+
type: 'boolean',
|
|
15
|
+
defaultValue: false,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
args: {
|
|
19
|
+
children: (
|
|
20
|
+
<>
|
|
21
|
+
<Button color="primary">Primary</Button>
|
|
22
|
+
<Button color="accent">Accent</Button>
|
|
23
|
+
<Button>Default</Button>
|
|
24
|
+
</>
|
|
25
|
+
),
|
|
26
|
+
},
|
|
27
|
+
parameters: {
|
|
28
|
+
controls: { expanded: true },
|
|
29
|
+
},
|
|
30
|
+
} satisfies Meta<typeof Box>;
|
|
31
|
+
|
|
32
|
+
export default meta;
|
|
33
|
+
|
|
34
|
+
type Story = StoryObj<typeof Box>;
|
|
35
|
+
|
|
36
|
+
export const Default: Story = {};
|
|
37
|
+
|
|
38
|
+
export const NestedContainers: Story = {
|
|
39
|
+
render(args) {
|
|
40
|
+
return (
|
|
41
|
+
<Box {...args} container direction="col">
|
|
42
|
+
<Box {...args} container>
|
|
43
|
+
<Box {...args}>
|
|
44
|
+
<Button>Button</Button>
|
|
45
|
+
<Button>Button</Button>
|
|
46
|
+
</Box>
|
|
47
|
+
<Box {...args}>
|
|
48
|
+
<Button>Button</Button>
|
|
49
|
+
<Button>Button</Button>
|
|
50
|
+
</Box>
|
|
51
|
+
</Box>
|
|
52
|
+
<Box {...args}>
|
|
53
|
+
<Button>Button</Button>
|
|
54
|
+
<Button>Button</Button>
|
|
55
|
+
</Box>
|
|
56
|
+
</Box>
|
|
57
|
+
);
|
|
58
|
+
},
|
|
59
|
+
};
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import { createContext, forwardRef, useContext, useMemo } from 'react';
|
|
3
|
+
import { ThemeName } from '../colorPicker/ColorPicker.js';
|
|
4
|
+
import { SlotDiv, SlotDivProps } from '../utility/SlotDiv.js';
|
|
5
|
+
|
|
6
|
+
export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
|
|
7
|
+
export type BoxJustification =
|
|
8
|
+
| 'center'
|
|
9
|
+
| 'start'
|
|
10
|
+
| 'stretch'
|
|
11
|
+
| 'between'
|
|
12
|
+
| 'around'
|
|
13
|
+
| 'end';
|
|
14
|
+
export type BoxSpacingSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
15
|
+
|
|
16
|
+
export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
17
|
+
className?: string;
|
|
18
|
+
direction?: 'row' | 'col' | 'row-reverse' | 'col-reverse';
|
|
19
|
+
items?: BoxAlignment;
|
|
20
|
+
justify?: BoxJustification;
|
|
21
|
+
align?: `${BoxAlignment} ${BoxJustification}`;
|
|
22
|
+
gap?: BoxSpacingSize;
|
|
23
|
+
wrap?: boolean;
|
|
24
|
+
p?: BoxSpacingSize;
|
|
25
|
+
container?: boolean;
|
|
26
|
+
surface?: boolean;
|
|
27
|
+
theme?: ThemeName;
|
|
28
|
+
border?: boolean;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export const Box = forwardRef<HTMLDivElement, BoxProps>(function Box(
|
|
32
|
+
{
|
|
33
|
+
className,
|
|
34
|
+
direction,
|
|
35
|
+
items: itemsSolo,
|
|
36
|
+
justify: justifySolo,
|
|
37
|
+
align,
|
|
38
|
+
gap = 'md',
|
|
39
|
+
wrap,
|
|
40
|
+
p = 'sm',
|
|
41
|
+
container,
|
|
42
|
+
style: userStyle,
|
|
43
|
+
surface,
|
|
44
|
+
theme,
|
|
45
|
+
border,
|
|
46
|
+
...rest
|
|
47
|
+
},
|
|
48
|
+
ref,
|
|
49
|
+
) {
|
|
50
|
+
const { spacingScale } = useContext(BoxContext);
|
|
51
|
+
|
|
52
|
+
const style = useMemo(
|
|
53
|
+
() => ({
|
|
54
|
+
...userStyle,
|
|
55
|
+
'--spacing-scale': spacingScale,
|
|
56
|
+
}),
|
|
57
|
+
[userStyle, spacingScale],
|
|
58
|
+
);
|
|
59
|
+
|
|
60
|
+
const items = itemsSolo ?? align?.split(' ')[0];
|
|
61
|
+
const justify = justifySolo ?? align?.split(' ')[1];
|
|
62
|
+
|
|
63
|
+
const main = (
|
|
64
|
+
<SlotDiv
|
|
65
|
+
ref={ref}
|
|
66
|
+
{...rest}
|
|
67
|
+
style={style}
|
|
68
|
+
className={clsx(
|
|
69
|
+
'flex',
|
|
70
|
+
{
|
|
71
|
+
'layer-components:flex-row': direction === 'row',
|
|
72
|
+
'layer-components:flex-col': direction === 'col',
|
|
73
|
+
'layer-components:flex-row-reverse': direction === 'row-reverse',
|
|
74
|
+
'layer-components:flex-col-reverse': direction === 'col-reverse',
|
|
75
|
+
'layer-components:flex-wrap': wrap,
|
|
76
|
+
'layer-components:gap-xs': gap === 'xs',
|
|
77
|
+
'layer-components:gap-sm': gap === 'sm',
|
|
78
|
+
'layer-components:gap-md': gap === 'md',
|
|
79
|
+
'layer-components:gap-lg': gap === 'lg',
|
|
80
|
+
'layer-components:gap-xl': gap === 'xl',
|
|
81
|
+
'layer-components:items-center': items === 'center',
|
|
82
|
+
'layer-components:items-stretch': items === 'stretch',
|
|
83
|
+
'layer-components:items-start': items === 'start',
|
|
84
|
+
'layer-components:items-end': items === 'end',
|
|
85
|
+
'layer-components:justify-center': justify === 'center',
|
|
86
|
+
'layer-components:justify-stretch': justify === 'stretch',
|
|
87
|
+
'layer-components:justify-start': justify === 'start',
|
|
88
|
+
'layer-components:justify-end': justify === 'end',
|
|
89
|
+
'layer-components:justify-between': justify === 'between',
|
|
90
|
+
'layer-components:justify-around': justify === 'around',
|
|
91
|
+
'layer-components:p-xs': p === 'xs',
|
|
92
|
+
'layer-components:p-sm': p === 'sm',
|
|
93
|
+
'layer-components:p-md': p === 'md',
|
|
94
|
+
'layer-components:p-lg': p === 'lg',
|
|
95
|
+
'layer-components:p-xl': p === 'xl',
|
|
96
|
+
'layer-components:(rounded-lg bg-primary-wash)': surface,
|
|
97
|
+
'layer-components:(border border-solid border-primary-dark rounded-lg)':
|
|
98
|
+
border,
|
|
99
|
+
},
|
|
100
|
+
theme && `theme-${theme}`,
|
|
101
|
+
className,
|
|
102
|
+
)}
|
|
103
|
+
/>
|
|
104
|
+
);
|
|
105
|
+
|
|
106
|
+
if (container) {
|
|
107
|
+
return (
|
|
108
|
+
<BoxContext.Provider
|
|
109
|
+
value={{ spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR }}
|
|
110
|
+
>
|
|
111
|
+
{main}
|
|
112
|
+
</BoxContext.Provider>
|
|
113
|
+
);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
return main;
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
const SPACING_SCALE_NESTING_FACTOR = 0.5;
|
|
120
|
+
const BoxContext = createContext<{
|
|
121
|
+
spacingScale: number;
|
|
122
|
+
}>({
|
|
123
|
+
spacingScale: 1,
|
|
124
|
+
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from './Button.js';
|
|
3
2
|
import { useState } from 'react';
|
|
4
|
-
import { Icon } from '../icon.js';
|
|
3
|
+
import { Icon } from '../icon/index.js';
|
|
4
|
+
import { Button } from './Button.js';
|
|
5
5
|
|
|
6
6
|
const meta = {
|
|
7
7
|
title: 'Button',
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
1
2
|
import classNames from 'clsx';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonHTMLAttributes, forwardRef, memo } from 'react';
|
|
4
|
+
import { Icon } from '../icon/index.js';
|
|
5
|
+
import { Spinner } from '../spinner/index.js';
|
|
4
6
|
import { getButtonClassName } from './classes.js';
|
|
5
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
6
|
-
import { Icon } from '../icon.js';
|
|
7
7
|
|
|
8
8
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
9
|
color?:
|
|
@@ -8,8 +8,8 @@ import {
|
|
|
8
8
|
DialogContent,
|
|
9
9
|
DialogTitle,
|
|
10
10
|
DialogTrigger,
|
|
11
|
-
} from '../dialog.js';
|
|
12
|
-
import { P } from '../typography.js';
|
|
11
|
+
} from '../dialog/index.js';
|
|
12
|
+
import { P } from '../typography/index.js';
|
|
13
13
|
import { Button, ButtonProps } from './Button.js';
|
|
14
14
|
|
|
15
15
|
export interface ConfirmedButtonProps extends Omit<ButtonProps, 'onClick'> {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
1
2
|
import classNames from 'clsx';
|
|
2
3
|
import {
|
|
3
4
|
MouseEvent,
|
|
@@ -9,11 +10,10 @@ import {
|
|
|
9
10
|
useRef,
|
|
10
11
|
useState,
|
|
11
12
|
} from 'react';
|
|
12
|
-
import { Button, ButtonProps } from '../button.js';
|
|
13
|
-
import { Icon } from '../icon.js';
|
|
14
|
-
import { Select, SelectContent, SelectItem, SelectTrigger } from '../select.js';
|
|
15
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
16
13
|
import { withClassName } from '../../hooks.js';
|
|
14
|
+
import { Button, ButtonProps } from '../button/index.js';
|
|
15
|
+
import { Icon } from '../icon/index.js';
|
|
16
|
+
import { Select, SelectContent, SelectItem } from '../select/index.js';
|
|
17
17
|
|
|
18
18
|
const CameraContext = createContext<{
|
|
19
19
|
triggerCapture: () => void;
|
|
@@ -258,7 +258,7 @@ export const CameraDeviceSelector = (props: CameraDeviceSelectorProps) => {
|
|
|
258
258
|
value={selectedDeviceId || 'default'}
|
|
259
259
|
onValueChange={selectDeviceId}
|
|
260
260
|
>
|
|
261
|
-
<
|
|
261
|
+
<Select.Trigger asChild>
|
|
262
262
|
<Button
|
|
263
263
|
size="icon"
|
|
264
264
|
color="ghost"
|
|
@@ -266,7 +266,7 @@ export const CameraDeviceSelector = (props: CameraDeviceSelectorProps) => {
|
|
|
266
266
|
>
|
|
267
267
|
<Icon name="refresh" />
|
|
268
268
|
</Button>
|
|
269
|
-
</
|
|
269
|
+
</Select.Trigger>
|
|
270
270
|
<SelectContent>
|
|
271
271
|
{devices.map((device) => (
|
|
272
272
|
<SelectItem key={device.deviceId} value={device.deviceId}>
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Icon } from '../icon/index.js';
|
|
2
5
|
import {
|
|
3
6
|
Card,
|
|
4
7
|
CardActions,
|
|
@@ -11,9 +14,6 @@ import {
|
|
|
11
14
|
CardRoot,
|
|
12
15
|
CardTitle,
|
|
13
16
|
} from './Card.js';
|
|
14
|
-
import { Button } from '../button.js';
|
|
15
|
-
import { Icon } from '../icon.js';
|
|
16
|
-
import { useState } from 'react';
|
|
17
17
|
|
|
18
18
|
const meta = {
|
|
19
19
|
title: 'Card',
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
+
import classNames from 'clsx';
|
|
4
|
+
import { ReactNode } from 'react';
|
|
5
|
+
import { withClassName } from '../../hooks/withClassName.js';
|
|
3
6
|
import {
|
|
4
7
|
Select,
|
|
5
8
|
SelectContent,
|
|
@@ -7,18 +10,22 @@ import {
|
|
|
7
10
|
SelectTrigger,
|
|
8
11
|
SelectValue,
|
|
9
12
|
} from '../select/Select.js';
|
|
10
|
-
import classNames from 'clsx';
|
|
11
|
-
import { ReactNode } from 'react';
|
|
12
|
-
import { withClassName } from '../../hooks/withClassName.js';
|
|
13
13
|
|
|
14
|
-
export type ThemeName =
|
|
14
|
+
export type ThemeName =
|
|
15
|
+
| 'lemon'
|
|
16
|
+
| 'tomato'
|
|
17
|
+
| 'leek'
|
|
18
|
+
| 'blueberry'
|
|
19
|
+
| 'eggplant'
|
|
20
|
+
| 'salt';
|
|
15
21
|
|
|
16
22
|
export interface ColorPickerProps {
|
|
17
23
|
value: ThemeName | null;
|
|
18
24
|
onChange: (value: ThemeName) => void;
|
|
25
|
+
showSalt?: boolean;
|
|
19
26
|
}
|
|
20
27
|
|
|
21
|
-
export function ColorPicker({ value, onChange }: ColorPickerProps) {
|
|
28
|
+
export function ColorPicker({ value, onChange, showSalt }: ColorPickerProps) {
|
|
22
29
|
const resolvedValue = [
|
|
23
30
|
'lemon',
|
|
24
31
|
'tomato',
|
|
@@ -55,6 +62,12 @@ export function ColorPicker({ value, onChange }: ColorPickerProps) {
|
|
|
55
62
|
<ColorSwatch value="eggplant" />
|
|
56
63
|
<ItemLabel>Eggplant</ItemLabel>
|
|
57
64
|
</SelectItem>
|
|
65
|
+
{showSalt && (
|
|
66
|
+
<SelectItem value="salt">
|
|
67
|
+
<ColorSwatch value="salt" />
|
|
68
|
+
<ItemLabel>Salt</ItemLabel>
|
|
69
|
+
</SelectItem>
|
|
70
|
+
)}
|
|
58
71
|
</SelectContent>
|
|
59
72
|
</Select>
|
|
60
73
|
);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
|
-
Calendar,
|
|
3
2
|
CalendarDay as BaseCalendarDay,
|
|
3
|
+
Calendar,
|
|
4
4
|
CalendarDays,
|
|
5
5
|
} from 'calendar-blocks';
|
|
6
|
-
import
|
|
7
|
-
import { Icon } from '../icon.js';
|
|
6
|
+
import classNames from 'clsx';
|
|
8
7
|
import { useCallback, useState } from 'react';
|
|
9
8
|
import { withClassName } from '../../hooks.js';
|
|
10
|
-
import
|
|
9
|
+
import { Button } from '../button/index.js';
|
|
10
|
+
import { Icon } from '../icon/index.js';
|
|
11
11
|
|
|
12
12
|
export interface DatePickerProps {
|
|
13
13
|
value: Date | null;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Input } from '../input/index.js';
|
|
5
|
+
import { ParticleLayer } from '../particles/index.js';
|
|
6
|
+
import { Provider } from '../provider/Provider.js';
|
|
7
|
+
import { H1, P } from '../typography/index.js';
|
|
2
8
|
import {
|
|
3
9
|
Dialog,
|
|
4
|
-
DialogContent,
|
|
5
|
-
DialogTrigger,
|
|
6
10
|
DialogActions,
|
|
7
11
|
DialogClose,
|
|
12
|
+
DialogContent,
|
|
8
13
|
DialogTitle,
|
|
14
|
+
DialogTrigger,
|
|
9
15
|
} from './Dialog.js';
|
|
10
|
-
import { ParticleLayer } from '../particles.js';
|
|
11
|
-
import { H1, P } from '../typography.js';
|
|
12
|
-
import { Button } from '../button.js';
|
|
13
|
-
import { useEffect, useState } from 'react';
|
|
14
|
-
import { Provider } from '../provider.js';
|
|
15
|
-
import { Input } from '../input.js';
|
|
16
16
|
|
|
17
17
|
const meta = {
|
|
18
18
|
title: 'Dialog',
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
|
|
4
5
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
6
|
+
import { useDrag } from '@use-gesture/react';
|
|
7
|
+
import classNames from 'clsx';
|
|
5
8
|
import {
|
|
6
9
|
ComponentPropsWithoutRef,
|
|
7
10
|
createContext,
|
|
@@ -11,15 +14,12 @@ import {
|
|
|
11
14
|
useRef,
|
|
12
15
|
useState,
|
|
13
16
|
} from 'react';
|
|
14
|
-
import { withClassName } from '../../hooks/withClassName.js';
|
|
15
17
|
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
16
|
-
import {
|
|
17
|
-
import
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import { Button } from '../button.js';
|
|
22
|
-
import { useConfig } from '../provider.js';
|
|
18
|
+
import { withClassName } from '../../hooks/withClassName.js';
|
|
19
|
+
import { Button } from '../button/index.js';
|
|
20
|
+
import { useParticles } from '../particles/index.js';
|
|
21
|
+
import { useConfig } from '../provider/Provider.js';
|
|
22
|
+
import { selectTriggerClassName } from '../select/index.js';
|
|
23
23
|
|
|
24
24
|
const StyledOverlay = withClassName(
|
|
25
25
|
DialogPrimitive.Overlay,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
1
2
|
import {
|
|
2
3
|
ChangeEvent,
|
|
3
4
|
FocusEvent,
|
|
@@ -7,9 +8,8 @@ import {
|
|
|
7
8
|
useRef,
|
|
8
9
|
useState,
|
|
9
10
|
} from 'react';
|
|
10
|
-
import {
|
|
11
|
-
import
|
|
12
|
-
import { Icon } from '../icon.js';
|
|
11
|
+
import { Icon } from '../icon/index.js';
|
|
12
|
+
import { Input, inputClassName } from '../input/index.js';
|
|
13
13
|
|
|
14
14
|
export interface EditableTextProps {
|
|
15
15
|
value: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useField } from 'formik';
|
|
2
2
|
import { withClassName } from '../../hooks.js';
|
|
3
|
-
import { Checkbox } from '../checkbox.js';
|
|
4
3
|
import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
|
|
4
|
+
import { Checkbox } from '../checkbox/index.js';
|
|
5
5
|
|
|
6
6
|
export interface CheckboxFieldProps {
|
|
7
7
|
name: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { HorizontalList } from './HorizontalList.js';
|
|
3
|
-
import { Button } from '../button.js';
|
|
4
|
-
import { Icon } from '../icon.js';
|
|
5
2
|
import { useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Icon } from '../icon/index.js';
|
|
5
|
+
import { HorizontalList } from './HorizontalList.js';
|
|
6
6
|
|
|
7
7
|
const meta = {
|
|
8
8
|
title: 'HorizontalList',
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import { ReactNode, useCallback, useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
4
|
+
import { Icon } from '../icon/index.js';
|
|
3
5
|
import {
|
|
4
6
|
ScrollAreaProps,
|
|
5
7
|
ScrollAreaRoot,
|
|
6
8
|
ScrollAreaScrollbar,
|
|
7
9
|
ScrollAreaViewport,
|
|
8
10
|
} from '../scrollArea/ScrollArea.js';
|
|
9
|
-
import { Button } from '../button.js';
|
|
10
|
-
import { Icon } from '../icon.js';
|
|
11
11
|
|
|
12
12
|
export interface HorizontalListProps {
|
|
13
13
|
open?: boolean;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import classNames from 'clsx';
|
|
2
2
|
import { useCallback, useId, useState } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { Button } from '../button.js';
|
|
3
|
+
import { Button } from '../button/index.js';
|
|
5
4
|
import {
|
|
6
5
|
CameraDeviceSelector,
|
|
7
6
|
CameraFullscreenButton,
|
|
8
7
|
CameraRoot,
|
|
9
8
|
CameraShutterButton,
|
|
10
|
-
} from '../camera.js';
|
|
9
|
+
} from '../camera/index.js';
|
|
10
|
+
import { Icon } from '../icon/index.js';
|
|
11
11
|
|
|
12
12
|
export interface ImageUploaderProps {
|
|
13
13
|
value: string | null;
|