@a-type/ui 1.2.1 → 1.2.3
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/input/Input.d.ts +1 -0
- package/dist/cjs/components/input/Input.js +8 -4
- package/dist/cjs/components/input/Input.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/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.js +6 -6
- package/dist/cjs/components/particles/ParticleLayer.stories.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.d.ts +1 -0
- package/dist/cjs/components/textArea/TextArea.js +8 -5
- 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/input/Input.d.ts +1 -0
- package/dist/esm/components/input/Input.js +9 -5
- package/dist/esm/components/input/Input.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/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.js +3 -3
- package/dist/esm/components/particles/ParticleLayer.stories.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.d.ts +1 -0
- package/dist/esm/components/textArea/TextArea.js +8 -5
- 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/input/Input.tsx +21 -3
- package/src/components/layouts/PageNowPlaying.tsx +1 -1
- 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 +3 -3
- 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 +9 -4
- 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
|
@@ -21,7 +21,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const Button_js_1 = require("../button/Button.js");
|
|
24
|
-
const
|
|
24
|
+
const index_js_1 = require("../collapsible/index.js");
|
|
25
25
|
exports.ActionButton = (0, react_1.forwardRef)(function ActionButton(_a, ref) {
|
|
26
26
|
var { icon, children, className, visible = true } = _a, rest = __rest(_a, ["icon", "children", "className", "visible"]);
|
|
27
27
|
// this rather convoluted logic is meant to do:
|
|
@@ -44,6 +44,6 @@ exports.ActionButton = (0, react_1.forwardRef)(function ActionButton(_a, ref) {
|
|
|
44
44
|
if (!render && !visible) {
|
|
45
45
|
return null;
|
|
46
46
|
}
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.CollapsibleRoot, Object.assign({ open: !visible ? false : render }, { children: (0, jsx_runtime_1.jsx)(index_js_1.CollapsibleContent, Object.assign({ "data-horizontal": true }, { children: (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({ ref: ref, size: "small", className: (0, clsx_1.default)('important:border-gray7 important:font-normal important:whitespace-nowrap important:m-2 important:flex important:flex-row important:gap-2 important:items-center important:h-30px important:rounded-15px important:mx-1', 'hover:bg-gray2', className) }, rest, { children: [icon, children] })) })) })));
|
|
48
48
|
});
|
|
49
49
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAC9B,iCAAmE;AACnE,mDAA0D;AAC1D,sDAA8E;AAOjE,QAAA,YAAY,GAAG,IAAA,kBAAU,EACrC,SAAS,YAAY,CACpB,EAAsD,EACtD,GAAG;QADH,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,OAAW,EAAN,IAAI,cAApD,4CAAsD,CAAF;IAGpD,+CAA+C;IAC/C,2DAA2D;IAC3D,mBAAmB;IACnB,qDAAqD;IACrD,qCAAqC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,SAAS,CAAC,OAAO,CAAC,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;aAAM;YACN,SAAS,CAAC,OAAO,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE;QACxB,OAAO,IAAI,CAAC;KACZ;IAED,OAAO,CACN,uBAAC,0BAAe,kBAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,gBAC/C,uBAAC,6BAAkB,yDAClB,wBAAC,kBAAM,kBACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAU,EACpB,sHAAsH,EACtH,gBAAgB,EAChB,SAAS,CACT,IACG,IAAI,eAEP,IAAI,EACJ,QAAQ,KACD,IACW,IACJ,CAClB,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -18,12 +18,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.Avatar = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
|
-
const
|
|
21
|
+
const index_js_1 = require("../icon/index.js");
|
|
22
22
|
function Avatar(_a) {
|
|
23
23
|
var { className, popIn = true, imageSrc, name } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name"]);
|
|
24
24
|
const empty = !name && !imageSrc;
|
|
25
25
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-pop": popIn, className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:justify-center layer-components:rounded-full layer-components:border-default layer-components:overflow-hidden layer-components:w-24px layer-components:h-24px layer-components:select-none layer-components:relative layer-components:bg-white layer-components:flex-shrink-0', popIn &&
|
|
26
|
-
'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components(border-dashed bg-gray2)', className) }, rest, { children: [!empty && (0, jsx_runtime_1.jsx)(AvatarContent, { name: name, imageSrc: imageSrc }), empty && (0, jsx_runtime_1.jsx)(
|
|
26
|
+
'layer-variants:animate-pop-in-from-half layer-variants:animate-ease-springy layer-variants:animate-duration-200', empty && 'layer-components(border-dashed bg-gray2)', className) }, rest, { children: [!empty && (0, jsx_runtime_1.jsx)(AvatarContent, { name: name, imageSrc: imageSrc }), empty && (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "profile" })] })));
|
|
27
27
|
}
|
|
28
28
|
exports.Avatar = Avatar;
|
|
29
29
|
function AvatarContent({ name, imageSrc, }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B,+CAAwC;AAUxC,SAAgB,MAAM,CAAC,EAMT;QANS,EACtB,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,IAAI,OAES,EADV,IAAI,cALe,0CAMtB,CADO;IAEP,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjC,OAAO,CACN,2DACW,KAAK,EACf,SAAS,EAAE,IAAA,cAAU,EACpB,2JAA2J,EAC3J,KAAK;YACJ,qFAAqF,EACtF,KAAK,IAAI,0CAA0C,EACnD,SAAS,CACT,IACG,IAAI,eAEP,CAAC,KAAK,IAAI,uBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC3D,KAAK,IAAI,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,KAC5B,CACN,CAAC;AACH,CAAC;AAxBD,wBAwBC;AAED,SAAS,aAAa,CAAC,EACtB,IAAI,EACJ,QAAQ,GAIR;IACA,IAAI,QAAQ,EAAE;QACb,OAAO,CACN,gCACC,SAAS,EAAC,yCAAyC,EACnD,cAAc,EAAC,aAAa,EAC5B,WAAW,EAAC,WAAW,EACvB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,oBAAoB,GACzC,CACF,CAAC;KACF;IACD,OAAO,CACN,8CAAK,SAAS,EAAC,6EAA6E,gBAC1F,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,CAAC,CAAC,KAAI,GAAG,IAClB,CACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
import { ThemeName } from '../colorPicker/ColorPicker.js';
|
|
3
|
+
import { SlotDivProps } from '../utility/SlotDiv.js';
|
|
4
|
+
export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
|
|
5
|
+
export type BoxJustification = 'center' | 'start' | 'stretch' | 'between' | 'around' | 'end';
|
|
6
|
+
export type BoxSpacingSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
|
|
8
|
+
className?: string;
|
|
9
|
+
direction?: 'row' | 'col' | 'row-reverse' | 'col-reverse';
|
|
10
|
+
items?: BoxAlignment;
|
|
11
|
+
justify?: BoxJustification;
|
|
12
|
+
align?: `${BoxAlignment} ${BoxJustification}`;
|
|
13
|
+
gap?: BoxSpacingSize;
|
|
14
|
+
wrap?: boolean;
|
|
15
|
+
p?: BoxSpacingSize;
|
|
16
|
+
container?: boolean;
|
|
17
|
+
surface?: boolean;
|
|
18
|
+
theme?: ThemeName;
|
|
19
|
+
border?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare const Box: import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
+
t[p[i]] = s[p[i]];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.Box = void 0;
|
|
19
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
+
const clsx_1 = __importDefault(require("clsx"));
|
|
21
|
+
const react_1 = require("react");
|
|
22
|
+
const SlotDiv_js_1 = require("../utility/SlotDiv.js");
|
|
23
|
+
exports.Box = (0, react_1.forwardRef)(function Box(_a, ref) {
|
|
24
|
+
var { className, direction, items: itemsSolo, justify: justifySolo, align, gap = 'md', wrap, p = 'sm', container, style: userStyle, surface, theme, border } = _a, rest = __rest(_a, ["className", "direction", "items", "justify", "align", "gap", "wrap", "p", "container", "style", "surface", "theme", "border"]);
|
|
25
|
+
const { spacingScale } = (0, react_1.useContext)(BoxContext);
|
|
26
|
+
const style = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': spacingScale })), [userStyle, spacingScale]);
|
|
27
|
+
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
28
|
+
const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
|
|
29
|
+
const main = ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: (0, clsx_1.default)('flex', {
|
|
30
|
+
'layer-components:flex-row': direction === 'row',
|
|
31
|
+
'layer-components:flex-col': direction === 'col',
|
|
32
|
+
'layer-components:flex-row-reverse': direction === 'row-reverse',
|
|
33
|
+
'layer-components:flex-col-reverse': direction === 'col-reverse',
|
|
34
|
+
'layer-components:flex-wrap': wrap,
|
|
35
|
+
'layer-components:gap-xs': gap === 'xs',
|
|
36
|
+
'layer-components:gap-sm': gap === 'sm',
|
|
37
|
+
'layer-components:gap-md': gap === 'md',
|
|
38
|
+
'layer-components:gap-lg': gap === 'lg',
|
|
39
|
+
'layer-components:gap-xl': gap === 'xl',
|
|
40
|
+
'layer-components:items-center': items === 'center',
|
|
41
|
+
'layer-components:items-stretch': items === 'stretch',
|
|
42
|
+
'layer-components:items-start': items === 'start',
|
|
43
|
+
'layer-components:items-end': items === 'end',
|
|
44
|
+
'layer-components:justify-center': justify === 'center',
|
|
45
|
+
'layer-components:justify-stretch': justify === 'stretch',
|
|
46
|
+
'layer-components:justify-start': justify === 'start',
|
|
47
|
+
'layer-components:justify-end': justify === 'end',
|
|
48
|
+
'layer-components:justify-between': justify === 'between',
|
|
49
|
+
'layer-components:justify-around': justify === 'around',
|
|
50
|
+
'layer-components:p-xs': p === 'xs',
|
|
51
|
+
'layer-components:p-sm': p === 'sm',
|
|
52
|
+
'layer-components:p-md': p === 'md',
|
|
53
|
+
'layer-components:p-lg': p === 'lg',
|
|
54
|
+
'layer-components:p-xl': p === 'xl',
|
|
55
|
+
'layer-components:rounded-lg layer-components:bg-primary-wash': surface,
|
|
56
|
+
'layer-components:border layer-components:border-solid layer-components:border-primary-dark layer-components:rounded-lg': border,
|
|
57
|
+
}, theme && `theme-${theme}`, className) })));
|
|
58
|
+
if (container) {
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(BoxContext.Provider, Object.assign({ value: { spacingScale: spacingScale * SPACING_SCALE_NESTING_FACTOR } }, { children: main })));
|
|
60
|
+
}
|
|
61
|
+
return main;
|
|
62
|
+
});
|
|
63
|
+
const SPACING_SCALE_NESTING_FACTOR = 0.5;
|
|
64
|
+
const BoxContext = (0, react_1.createContext)({
|
|
65
|
+
spacingScale: 1,
|
|
66
|
+
});
|
|
67
|
+
//# sourceMappingURL=Box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" resolution-mode="require"/>
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
import { Box } from './Box.js';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: import("react").ForwardRefExoticComponent<Omit<import("./Box.js").BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
argTypes: {
|
|
8
|
+
border: {
|
|
9
|
+
type: "boolean";
|
|
10
|
+
defaultValue: boolean;
|
|
11
|
+
};
|
|
12
|
+
surface: {
|
|
13
|
+
type: "boolean";
|
|
14
|
+
defaultValue: boolean;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
args: {
|
|
18
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
};
|
|
20
|
+
parameters: {
|
|
21
|
+
controls: {
|
|
22
|
+
expanded: boolean;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default meta;
|
|
27
|
+
type Story = StoryObj<typeof Box>;
|
|
28
|
+
export declare const Default: Story;
|
|
29
|
+
export declare const NestedContainers: Story;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.NestedContainers = exports.Default = void 0;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const Button_js_1 = require("../button/Button.js");
|
|
7
|
+
const Box_js_1 = require("./Box.js");
|
|
8
|
+
const meta = {
|
|
9
|
+
title: 'Box',
|
|
10
|
+
component: Box_js_1.Box,
|
|
11
|
+
argTypes: {
|
|
12
|
+
border: {
|
|
13
|
+
type: 'boolean',
|
|
14
|
+
defaultValue: false,
|
|
15
|
+
},
|
|
16
|
+
surface: {
|
|
17
|
+
type: 'boolean',
|
|
18
|
+
defaultValue: false,
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
args: {
|
|
22
|
+
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ color: "primary" }, { children: "Primary" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ color: "accent" }, { children: "Accent" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Default" })] })),
|
|
23
|
+
},
|
|
24
|
+
parameters: {
|
|
25
|
+
controls: { expanded: true },
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
exports.default = meta;
|
|
29
|
+
exports.Default = {};
|
|
30
|
+
exports.NestedContainers = {
|
|
31
|
+
render(args) {
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true, direction: "col" }, { children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { container: true }, { children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" })] }))] })));
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAA6C;AAC7C,qCAA+B;AAE/B,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,YAAG;IACd,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACnB;QACD,OAAO,EAAE;YACR,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,KAAK;SACnB;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,kBAAM,kBAAC,KAAK,EAAC,SAAS,6BAAiB,EACxC,uBAAC,kBAAM,kBAAC,KAAK,EAAC,QAAQ,4BAAgB,EACtC,uBAAC,kBAAM,0BAAiB,IACtB,CACH;KACD;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC0B,CAAC;AAE7B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,gBAAgB,GAAU;IACtC,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,YAAG,oBAAK,IAAI,IAAE,SAAS,QAAC,SAAS,EAAC,KAAK,iBACvC,wBAAC,YAAG,oBAAK,IAAI,IAAE,SAAS,uBACvB,wBAAC,YAAG,oBAAK,IAAI,eACZ,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,EACN,wBAAC,YAAG,oBAAK,IAAI,eACZ,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,KACD,EACN,wBAAC,YAAG,oBAAK,IAAI,eACZ,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,yBAAgB,KAClB,KACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -17,12 +17,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Button = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
20
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
22
|
const react_1 = require("react");
|
|
22
|
-
const
|
|
23
|
+
const index_js_1 = require("../icon/index.js");
|
|
24
|
+
const index_js_2 = require("../spinner/index.js");
|
|
23
25
|
const classes_js_1 = require("./classes.js");
|
|
24
|
-
const react_slot_1 = require("@radix-ui/react-slot");
|
|
25
|
-
const icon_js_1 = require("../icon.js");
|
|
26
26
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
27
27
|
var { className, color, size, toggled, toggleMode = 'color', align, visuallyDisabled, visuallyFocused, loading, children, disabled, asChild } = _a, props = __rest(_a, ["className", "color", "size", "toggled", "toggleMode", "align", "visuallyDisabled", "visuallyFocused", "loading", "children", "disabled", "asChild"]);
|
|
28
28
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
@@ -40,10 +40,10 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
40
40
|
// avoid rendering loading spinner with asChild
|
|
41
41
|
return (0, jsx_runtime_1.jsx)(Comp, Object.assign({}, buttonProps, { children: children }));
|
|
42
42
|
}
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [loading && (0, jsx_runtime_1.jsx)(
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({}, buttonProps, { children: [loading && (0, jsx_runtime_1.jsx)(index_js_2.Spinner, { size: 16, className: "inline-block w-1em h-1em" }), toggled !== undefined && toggleMode !== 'state-only' && ((0, jsx_runtime_1.jsx)(ToggleIndicator, { value: toggled })), children] })));
|
|
44
44
|
});
|
|
45
45
|
const ToggleIndicator = (0, react_1.memo)(function ToggleIndicator({ value, }) {
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Icon, { "aria-hidden": true, name: "check", className: "transition-width w-0 ml--1", style: {
|
|
47
47
|
width: value ? '15px' : 0,
|
|
48
48
|
} }));
|
|
49
49
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA+D;AAC/D
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAA+D;AAC/D,+CAAwC;AACxC,kDAA8C;AAC9C,6CAAkD;AAuBrC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC/B,SAAS,MAAM,CACd,EAcC,EACD,GAAG;QAfH,EACC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,OAEP,EADG,KAAK,cAbT,qJAcC,CADQ;IAIT,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,MAAM,WAAW,iCAChB,GAAG,EAAE,GAAG,IACL,KAAK,KACR,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,eAAe,EAAE,gBAAgB,EACjC,YAAY,EAAE,eAAe,EAC7B,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,SAAS,EAAE,IAAA,cAAU,EACpB,IAAA,+BAAkB,EAAC;YAClB,KAAK;YACL,IAAI;YACJ,UAAU,EAAE,OAAO,KAAK,SAAS,IAAI,UAAU,KAAK,OAAO;YAC3D,KAAK;SACL,CAAC,EACF,SAAS,CACT,GACD,CAAC;IACF,4BAA4B;IAC5B,IAAI,OAAO,KAAK,SAAS,EAAE;QAC1B,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;KACxC;IAED,IAAI,OAAO,EAAE;QACZ,+CAA+C;QAC/C,OAAO,uBAAC,IAAI,oBAAK,WAAW,cAAG,QAAQ,IAAQ,CAAC;KAChD;IAED,OAAO,CACN,wBAAC,IAAI,oBAAK,WAAW,eACnB,OAAO,IAAI,uBAAC,kBAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,0BAA0B,GAAG,EACrE,OAAO,KAAK,SAAS,IAAI,UAAU,KAAK,YAAY,IAAI,CACxD,uBAAC,eAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CACnC,EACA,QAAQ,KACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,YAAI,EAAC,SAAS,eAAe,CAAC,EACrD,KAAK,GAGL;IACA,OAAO,CACN,uBAAC,eAAI,yBAEJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;YACN,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACzB,GACA,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.Alignment = exports.Toggled = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Button_js_1 = require("./Button.js");
|
|
7
6
|
const react_1 = require("react");
|
|
8
|
-
const
|
|
7
|
+
const index_js_1 = require("../icon/index.js");
|
|
8
|
+
const Button_js_1 = require("./Button.js");
|
|
9
9
|
const meta = {
|
|
10
10
|
title: 'Button',
|
|
11
11
|
component: Button_js_1.Button,
|
|
@@ -28,7 +28,7 @@ exports.Toggled = {
|
|
|
28
28
|
};
|
|
29
29
|
exports.Alignment = {
|
|
30
30
|
render() {
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row border-default" }, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "icon-small" }, { children: (0, jsx_runtime_1.jsx)(
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "col" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row border-default" }, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "icon-small" }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row border-default" }, { children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Button" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ size: "icon" }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }))] })));
|
|
32
32
|
},
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,+CAAwC;AACxC,2CAAqC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,QAAQ;KAClB;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU,EAAE,CAAC;AAEpB,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,OAAO,uBAAC,kBAAM,oBAAK,IAAI,IAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAC3D,CAAC;CACD,CAAC;AAEW,QAAA,SAAS,GAAU;IAC/B,MAAM;QACL,OAAO,CACN,+CAAK,SAAS,EAAC,KAAK,iBACnB,+CAAK,SAAS,EAAC,oBAAoB,iBAClC,uBAAC,kBAAM,kBAAC,IAAI,EAAC,OAAO,4BAAgB,EACpC,uBAAC,kBAAM,kBAAC,IAAI,EAAC,YAAY,gBACxB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACnB,KACJ,EACN,+CAAK,SAAS,EAAC,oBAAoB,iBAClC,uBAAC,kBAAM,yBAAgB,EACvB,uBAAC,kBAAM,kBAAC,IAAI,EAAC,MAAM,gBAClB,uBAAC,eAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACnB,KACJ,KACD,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -16,8 +16,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
16
16
|
exports.ConfirmedButton = void 0;
|
|
17
17
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
const react_1 = require("react");
|
|
19
|
-
const
|
|
20
|
-
const
|
|
19
|
+
const index_js_1 = require("../dialog/index.js");
|
|
20
|
+
const index_js_2 = require("../typography/index.js");
|
|
21
21
|
const Button_js_1 = require("./Button.js");
|
|
22
22
|
function ConfirmedButton(_a) {
|
|
23
23
|
var { confirmText, confirmTitle = 'Are you sure?', confirmAction = 'OK', cancelAction = 'Nevermind', confirmColor = 'primary', onConfirm, skip } = _a, rest = __rest(_a, ["confirmText", "confirmTitle", "confirmAction", "cancelAction", "confirmColor", "onConfirm", "skip"]);
|
|
@@ -36,7 +36,7 @@ function ConfirmedButton(_a) {
|
|
|
36
36
|
if (skip) {
|
|
37
37
|
return (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest));
|
|
38
38
|
}
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_1.Dialog, Object.assign({ open: open, onOpenChange: setOpen }, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTrigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, rest)) })), (0, jsx_runtime_1.jsxs)(index_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogTitle, { children: confirmTitle }), (0, jsx_runtime_1.jsx)(index_js_2.P, { children: confirmText }), (0, jsx_runtime_1.jsxs)(index_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.DialogClose, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: cancelAction }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: loading, onClick: confirm, color: confirmColor }, { children: confirmAction }))] })] })] })));
|
|
40
40
|
}
|
|
41
41
|
exports.ConfirmedButton = ConfirmedButton;
|
|
42
42
|
//# sourceMappingURL=ConfirmedButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AAEb,iCAA8C;AAC9C,iDAO4B;AAC5B,qDAA2C;AAC3C,2CAAkD;AAYlD,SAAgB,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI;YACH,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;SACf;gBAAS;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE;QACT,OAAO,uBAAC,kBAAM,oBAAK,IAAI,EAAI,CAAC;KAC5B;IAED,OAAO,CACN,wBAAC,iBAAM,kBAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,iBACxC,uBAAC,wBAAa,kBAAC,OAAO,sBACrB,uBAAC,kBAAM,oBAAK,IAAI,EAAI,IACL,EAChB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,cAAE,YAAY,GAAe,EACzC,uBAAC,YAAC,cAAE,WAAW,GAAK,EACpB,wBAAC,wBAAa,eACb,uBAAC,sBAAW,kBAAC,OAAO,sBACnB,uBAAC,kBAAM,cAAE,YAAY,GAAU,IAClB,EACd,uBAAC,kBAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,gBAC7D,aAAa,IACN,IACM,IACD,KACR,CACT,CAAC;AACH,CAAC;AA7CD,0CA6CC"}
|
|
@@ -17,13 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
18
|
exports.Camera = exports.CameraFullscreenButton = exports.CameraDeviceSelector = exports.CameraShutterButton = exports.CameraRoot = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
|
20
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
22
|
const react_1 = require("react");
|
|
22
|
-
const button_js_1 = require("../button.js");
|
|
23
|
-
const icon_js_1 = require("../icon.js");
|
|
24
|
-
const select_js_1 = require("../select.js");
|
|
25
|
-
const react_slot_1 = require("@radix-ui/react-slot");
|
|
26
23
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
|
+
const index_js_1 = require("../button/index.js");
|
|
25
|
+
const index_js_2 = require("../icon/index.js");
|
|
26
|
+
const index_js_3 = require("../select/index.js");
|
|
27
27
|
const CameraContext = (0, react_1.createContext)({
|
|
28
28
|
triggerCapture: () => { },
|
|
29
29
|
selectedDeviceId: 'default',
|
|
@@ -158,14 +158,14 @@ const CameraDeviceSelector = (props) => {
|
|
|
158
158
|
if (!devices.length || devices.length === 1)
|
|
159
159
|
return null;
|
|
160
160
|
if (devices.length === 2) {
|
|
161
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
161
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost", className: "absolute bottom-2 left-2 text-white", onClick: swapCamera }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) })));
|
|
162
162
|
}
|
|
163
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
163
|
+
return ((0, jsx_runtime_1.jsxs)(index_js_3.Select, Object.assign({ value: selectedDeviceId || 'default', onValueChange: selectDeviceId }, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Select.Trigger, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost", className: "absolute bottom-2 left-2 text-white" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "refresh" }) })) })), (0, jsx_runtime_1.jsx)(index_js_3.SelectContent, { children: devices.map((device) => ((0, jsx_runtime_1.jsx)(index_js_3.SelectItem, Object.assign({ value: device.deviceId }, { children: device.label }), device.deviceId))) })] })));
|
|
164
164
|
};
|
|
165
165
|
exports.CameraDeviceSelector = CameraDeviceSelector;
|
|
166
166
|
const CameraFullscreenButton = (props) => {
|
|
167
167
|
const { setFullscreen, fullscreen } = (0, react_1.useContext)(CameraContext);
|
|
168
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
168
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({}, props, { size: "icon", color: "ghost", className: "absolute top-2 right-2 text-white", onClick: () => setFullscreen(!fullscreen) }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
|
|
169
169
|
};
|
|
170
170
|
exports.CameraFullscreenButton = CameraFullscreenButton;
|
|
171
171
|
const CameraBase = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCASe;AACf,
|
|
1
|
+
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ declare const meta: {
|
|
|
7
7
|
Root: import("react").ForwardRefExoticComponent<import("./Camera.js").CameraRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
8
|
ShutterButton: import("react").ForwardRefExoticComponent<import("./Camera.js").CameraShutterButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
DeviceSelector: (props: import("./Camera.js").CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
-
FullscreenButton: (props: import("../
|
|
10
|
+
FullscreenButton: (props: import("../index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
};
|
|
12
12
|
argTypes: {};
|
|
13
13
|
parameters: {
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.VisuallyFocused = exports.GridCompact = exports.Grid = exports.AsChildNonInteractive = exports.AsChild = exports.NonInteractive = exports.Compact = exports.Default = void 0;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const Card_js_1 = require("./Card.js");
|
|
7
|
-
const button_js_1 = require("../button.js");
|
|
8
|
-
const icon_js_1 = require("../icon.js");
|
|
9
6
|
const react_1 = require("react");
|
|
7
|
+
const index_js_1 = require("../button/index.js");
|
|
8
|
+
const index_js_2 = require("../icon/index.js");
|
|
9
|
+
const Card_js_1 = require("./Card.js");
|
|
10
10
|
const meta = {
|
|
11
11
|
title: 'Card',
|
|
12
12
|
component: Card_js_1.CardRoot,
|
|
@@ -17,19 +17,19 @@ const meta = {
|
|
|
17
17
|
};
|
|
18
18
|
exports.default = meta;
|
|
19
19
|
exports.Default = {
|
|
20
|
-
render: (args) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row items-stretch" }, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "min-h-20vh" }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardImage, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ onClick: () => alert('clicked') }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardFooter, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
20
|
+
render: (args) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "row items-stretch" }, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "min-h-20vh" }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardImage, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsx)("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ onClick: () => alert('clicked') }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardFooter, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon-small", color: "primary" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardMenu, { children: (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon-small", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "dots" }) })) })] })] })), (0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({}, args, { className: "max-w-300px" }, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ onClick: () => alert('clicked') }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title which is very long and would normally wrap" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, Object.assign({ unstyled: true }, { children: "Styling optional" }))] })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon-small", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] }))] }))),
|
|
21
21
|
};
|
|
22
22
|
exports.Compact = {
|
|
23
|
-
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ compact: true }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
23
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ compact: true }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "More things, if you want." })] })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon-small", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] })),
|
|
24
24
|
};
|
|
25
25
|
exports.NonInteractive = {
|
|
26
|
-
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
26
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] })),
|
|
27
27
|
};
|
|
28
28
|
exports.AsChild = {
|
|
29
|
-
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsxs)("a", Object.assign({ href: "#here" }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] })) })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
29
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, Object.assign({ asChild: true }, { children: (0, jsx_runtime_1.jsxs)("a", Object.assign({ href: "#here" }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] })) })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] })),
|
|
30
30
|
};
|
|
31
31
|
exports.AsChildNonInteractive = {
|
|
32
|
-
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, Object.assign({ asChild: true, nonInteractive: true }, { children: (0, jsx_runtime_1.jsxs)("button", { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
32
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, Object.assign({ asChild: true, nonInteractive: true }, { children: (0, jsx_runtime_1.jsxs)("button", { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] }) })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] })),
|
|
33
33
|
};
|
|
34
34
|
exports.Grid = {
|
|
35
35
|
render: () => {
|
|
@@ -50,9 +50,9 @@ exports.GridCompact = {
|
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
function GridCard({ size, remove, resize, }) {
|
|
53
|
-
return ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({ style: { height: size } }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { children: (0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: size }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
53
|
+
return ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, Object.assign({ style: { height: size } }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardMain, { children: (0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: size }) }), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small", onClick: remove }, { children: "Delete" })), resize && ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small", onClick: resize }, { children: "Resize" })))] }) })] })));
|
|
54
54
|
}
|
|
55
55
|
exports.VisuallyFocused = {
|
|
56
|
-
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ visuallyFocused: true, onClick: () => { } }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(
|
|
56
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Card_js_1.CardRoot, { children: [(0, jsx_runtime_1.jsxs)(Card_js_1.CardMain, Object.assign({ visuallyFocused: true, onClick: () => { } }, { children: [(0, jsx_runtime_1.jsx)(Card_js_1.CardTitle, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(Card_js_1.CardContent, { children: "Other stuff" })] })), (0, jsx_runtime_1.jsx)(Card_js_1.CardFooter, { children: (0, jsx_runtime_1.jsxs)(Card_js_1.CardActions, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "small" }, { children: "Button" })), (0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ size: "icon", color: "ghost" }, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }) })] })),
|
|
57
57
|
};
|
|
58
58
|
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export type ThemeName = 'lemon' | 'tomato' | 'leek' | 'blueberry' | 'eggplant';
|
|
2
|
+
export type ThemeName = 'lemon' | 'tomato' | 'leek' | 'blueberry' | 'eggplant' | 'salt';
|
|
3
3
|
export interface ColorPickerProps {
|
|
4
4
|
value: ThemeName | null;
|
|
5
5
|
onChange: (value: ThemeName) => void;
|
|
6
|
+
showSalt?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function ColorPicker({ value, onChange }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function ColorPicker({ value, onChange, showSalt }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export declare function ColorSwatch({ value, children, }: {
|
|
9
10
|
value: ThemeName;
|
|
10
11
|
children?: ReactNode;
|
|
@@ -7,10 +7,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
8
|
exports.ColorSwatch = exports.ColorPicker = void 0;
|
|
9
9
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
10
|
-
const Select_js_1 = require("../select/Select.js");
|
|
11
10
|
const clsx_1 = __importDefault(require("clsx"));
|
|
12
11
|
const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
13
|
-
|
|
12
|
+
const Select_js_1 = require("../select/Select.js");
|
|
13
|
+
function ColorPicker({ value, onChange, showSalt }) {
|
|
14
14
|
const resolvedValue = [
|
|
15
15
|
'lemon',
|
|
16
16
|
'tomato',
|
|
@@ -20,7 +20,7 @@ function ColorPicker({ value, onChange }) {
|
|
|
20
20
|
].includes(value || '')
|
|
21
21
|
? value
|
|
22
22
|
: 'lemon';
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({ value: resolvedValue, onValueChange: onChange }, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, { children: (0, jsx_runtime_1.jsx)(Select_js_1.SelectValue, {}) }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectContent, Object.assign({ className: "z-[calc(var(--z-dialog)+1)]" }, { children: [(0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "lemon" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "tomato" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "leek" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "blueberry" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "eggplant" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }))] }))] })));
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({ value: resolvedValue, onValueChange: onChange }, { children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, { children: (0, jsx_runtime_1.jsx)(Select_js_1.SelectValue, {}) }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectContent, Object.assign({ className: "z-[calc(var(--z-dialog)+1)]" }, { children: [(0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "lemon" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "tomato" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "leek" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "blueberry" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "eggplant" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] })), showSalt && ((0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, Object.assign({ value: "salt" }, { children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "salt" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] })))] }))] })));
|
|
24
24
|
}
|
|
25
25
|
exports.ColorPicker = ColorPicker;
|
|
26
26
|
const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'sr-only');
|