@a-type/ui 3.1.1 → 4.0.0-beta.10
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/ActionBar.d.ts +1 -1
- package/dist/cjs/components/actions/ActionBar.js +2 -2
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.d.ts +3 -3
- 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.d.ts +4 -2
- package/dist/cjs/components/avatar/Avatar.js +4 -14
- package/dist/cjs/components/avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/avatar/Avatar.stories.d.ts +18 -0
- package/dist/cjs/components/avatar/Avatar.stories.js +38 -0
- package/dist/cjs/components/avatar/Avatar.stories.js.map +1 -0
- package/dist/cjs/components/box/Box.stories.js +1 -1
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -5
- package/dist/cjs/components/button/Button.js +7 -12
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js +1 -2
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/camera/Camera.d.ts +4 -4
- package/dist/cjs/components/camera/Camera.js +6 -7
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.d.ts +8 -2
- package/dist/cjs/components/card/Card.js +21 -9
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js +3 -3
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js +5 -38
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +3 -2
- package/dist/cjs/components/chip/Chip.js +3 -4
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/chip/Chip.stories.d.ts +6 -1
- package/dist/cjs/components/chip/Chip.stories.js +9 -3
- package/dist/cjs/components/chip/Chip.stories.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.d.ts +11 -9
- package/dist/cjs/components/collapsible/Collapsible.js +18 -39
- package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
- package/dist/cjs/components/collapsible/Collapsible.stories.d.ts +1 -1
- package/dist/cjs/components/colorMode/ColorModeToggle.d.ts +4 -2
- package/dist/cjs/components/colorMode/ColorModeToggle.js +8 -9
- package/dist/cjs/components/colorMode/ColorModeToggle.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +4 -3
- package/dist/cjs/components/colorPicker/ColorPicker.js +8 -4
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.d.ts +11 -12
- package/dist/cjs/components/contextMenu/contextMenu.js +9 -42
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.stories.d.ts +22 -0
- package/dist/cjs/components/contextMenu/contextMenu.stories.js +22 -0
- package/dist/cjs/components/contextMenu/contextMenu.stories.js.map +1 -0
- package/dist/cjs/components/dialog/Dialog.d.ts +27 -22
- package/dist/cjs/components/dialog/Dialog.js +110 -80
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +8 -8
- package/dist/cjs/components/dialog/Dialog.stories.js +6 -6
- package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/cjs/components/divider/Divider.js +2 -1
- package/dist/cjs/components/divider/Divider.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +26 -21
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +22 -19
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +6 -2
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/forms/EmojiField.d.ts +3 -2
- package/dist/cjs/components/forms/EmojiField.js +1 -1
- package/dist/cjs/components/forms/EmojiField.js.map +1 -1
- package/dist/cjs/components/forms/FormikForm.d.ts +2 -2
- package/dist/cjs/components/forms/FormikForm.stories.d.ts +2 -2
- package/dist/cjs/components/forms/SubmitButton.js +1 -1
- package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/forms/ToggleGroupField.d.ts +3 -2
- package/dist/cjs/components/forms/ToggleGroupField.js +9 -2
- package/dist/cjs/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.d.ts +1 -3
- package/dist/cjs/components/horizontalList/HorizontalList.js +3 -3
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/cjs/components/icon/Icon.d.ts +7 -3
- package/dist/cjs/components/icon/Icon.js +14 -2
- package/dist/cjs/components/icon/Icon.js.map +1 -1
- package/dist/cjs/components/icon/Icon.stories.d.ts +28 -0
- package/dist/cjs/components/icon/Icon.stories.js +34 -0
- package/dist/cjs/components/icon/Icon.stories.js.map +1 -0
- package/dist/cjs/components/imageUploader/ImageUploader.js +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/index.d.ts +1 -1
- package/dist/cjs/components/index.js +1 -4
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/Input.d.ts +1 -2
- package/dist/cjs/components/input/Input.js +4 -5
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +6 -6
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/lightbox/Lightbox.d.ts +18 -16
- package/dist/cjs/components/lightbox/Lightbox.js +10 -43
- package/dist/cjs/components/lightbox/Lightbox.js.map +1 -1
- package/dist/cjs/components/lightbox/Lightbox.stories.d.ts +9 -7
- package/dist/cjs/components/marquee/marquee.stories.js +1 -1
- package/dist/cjs/components/marquee/marquee.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +9 -9
- package/dist/cjs/components/navBar/NavBar.js +5 -7
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/popover/Popover.d.ts +17 -13
- package/dist/cjs/components/popover/Popover.js +21 -51
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/popover/Popover.stories.d.ts +2 -23
- package/dist/cjs/components/popover/Popover.stories.js +1 -1
- package/dist/cjs/components/popover/Popover.stories.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +22 -6
- package/dist/cjs/components/progress/Progress.js +17 -42
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +13 -3
- package/dist/cjs/components/progress/Progress.stories.js +7 -2
- package/dist/cjs/components/progress/Progress.stories.js.map +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstall.d.ts +3 -3
- package/dist/cjs/components/pwaInstall/PwaInstall.js +6 -4
- package/dist/cjs/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
- package/dist/cjs/components/richEditor/index.js +1 -1
- package/dist/cjs/components/richEditor/index.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.d.ts +23 -28
- package/dist/cjs/components/scrollArea/ScrollArea.js +26 -56
- package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.stories.d.ts +13 -10
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js +16 -12
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/cjs/components/select/Select.d.ts +40 -46
- package/dist/cjs/components/select/Select.js +40 -83
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.d.ts +18 -11
- package/dist/cjs/components/select/Select.stories.js +23 -2
- package/dist/cjs/components/select/Select.stories.js.map +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +36 -13
- package/dist/cjs/components/slider/Slider.js +26 -41
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +16 -7
- package/dist/cjs/components/slider/Slider.stories.js +23 -10
- package/dist/cjs/components/slider/Slider.stories.js.map +1 -1
- package/dist/cjs/components/switch/Switch.d.ts +4 -4
- package/dist/cjs/components/switch/Switch.js +3 -3
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/switch/Switch.stories.d.ts +27 -0
- package/dist/cjs/components/switch/Switch.stories.js +24 -0
- package/dist/cjs/components/switch/Switch.stories.js.map +1 -0
- package/dist/cjs/components/tabs/tabs.d.ts +16 -12
- package/dist/cjs/components/tabs/tabs.js +12 -47
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.js +3 -3
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.d.ts +4 -4
- package/dist/cjs/components/textArea/TextArea.js +6 -8
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.stories.d.ts +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +5 -6
- package/dist/cjs/components/toggleGroup/toggleGroup.js +6 -38
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.js +21 -0
- package/dist/cjs/components/toggleGroup/toggleGroup.stories.js.map +1 -0
- package/dist/cjs/components/tooltip/Tooltip.d.ts +12 -9
- package/dist/cjs/components/tooltip/Tooltip.js +12 -43
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +2 -20
- package/dist/cjs/components/tooltip/Tooltip.stories.js +14 -5
- package/dist/cjs/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/cjs/components/utility/ArrowSvg.d.ts +1 -0
- package/dist/cjs/components/utility/ArrowSvg.js +9 -0
- package/dist/cjs/components/utility/ArrowSvg.js.map +1 -0
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +3 -4
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/cjs/components/utility/SlotDiv.d.ts +3 -4
- package/dist/cjs/components/utility/SlotDiv.js +9 -7
- package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +31 -10
- package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/cjs/hooks/withClassName.d.ts +2 -2
- package/dist/cjs/hooks/withClassName.js.map +1 -1
- package/dist/cjs/hooks/withProps.d.ts +1 -1
- package/dist/cjs/hooks/withProps.js +1 -1
- package/dist/cjs/hooks/withProps.js.map +1 -1
- package/dist/cjs/themes.stories.js +2 -2
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/preflights/globals.js +29 -25
- package/dist/cjs/uno/preflights/globals.js.map +1 -1
- package/dist/cjs/uno/rules/util.js +18 -8
- package/dist/cjs/uno/rules/util.js.map +1 -1
- package/dist/cjs/uno/theme/animations.js +0 -74
- package/dist/cjs/uno/theme/animations.js.map +1 -1
- package/dist/css/main.css +9 -42
- package/dist/esm/components/actions/ActionBar.js +2 -2
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.d.ts +3 -3
- package/dist/esm/components/actions/ActionButton.js +2 -2
- package/dist/esm/components/actions/ActionButton.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.d.ts +4 -2
- package/dist/esm/components/avatar/Avatar.js +4 -14
- package/dist/esm/components/avatar/Avatar.js.map +1 -1
- package/dist/esm/components/avatar/Avatar.stories.d.ts +18 -0
- package/dist/esm/components/avatar/Avatar.stories.js +35 -0
- package/dist/esm/components/avatar/Avatar.stories.js.map +1 -0
- package/dist/esm/components/box/Box.stories.js +1 -1
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -5
- package/dist/esm/components/button/Button.js +7 -12
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -1
- package/dist/esm/components/button/ConfirmedButton.js +1 -2
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/camera/Camera.d.ts +4 -4
- package/dist/esm/components/camera/Camera.js +6 -7
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.d.ts +8 -2
- package/dist/esm/components/card/Card.js +21 -9
- package/dist/esm/components/card/Card.js.map +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/checkbox/Checkbox.d.ts +3 -3
- package/dist/esm/components/checkbox/Checkbox.js +5 -5
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +3 -2
- package/dist/esm/components/chip/Chip.js +3 -4
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/chip/Chip.stories.d.ts +6 -1
- package/dist/esm/components/chip/Chip.stories.js +9 -3
- package/dist/esm/components/chip/Chip.stories.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.d.ts +11 -9
- package/dist/esm/components/collapsible/Collapsible.js +17 -5
- package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/collapsible/Collapsible.stories.d.ts +1 -1
- package/dist/esm/components/colorMode/ColorModeToggle.d.ts +4 -2
- package/dist/esm/components/colorMode/ColorModeToggle.js +8 -9
- package/dist/esm/components/colorMode/ColorModeToggle.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.d.ts +4 -3
- package/dist/esm/components/colorPicker/ColorPicker.js +9 -5
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.d.ts +11 -12
- package/dist/esm/components/contextMenu/contextMenu.js +9 -9
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.stories.d.ts +22 -0
- package/dist/esm/components/contextMenu/contextMenu.stories.js +19 -0
- package/dist/esm/components/contextMenu/contextMenu.stories.js.map +1 -0
- package/dist/esm/components/dialog/Dialog.d.ts +27 -22
- package/dist/esm/components/dialog/Dialog.js +110 -49
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +8 -8
- 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/divider/Divider.js +2 -1
- package/dist/esm/components/divider/Divider.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +26 -21
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +22 -19
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +5 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/forms/EmojiField.d.ts +3 -2
- package/dist/esm/components/forms/EmojiField.js +1 -1
- package/dist/esm/components/forms/EmojiField.js.map +1 -1
- package/dist/esm/components/forms/FormikForm.d.ts +2 -2
- package/dist/esm/components/forms/FormikForm.stories.d.ts +2 -2
- package/dist/esm/components/forms/SubmitButton.js +1 -1
- package/dist/esm/components/forms/SubmitButton.js.map +1 -1
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/forms/ToggleGroupField.d.ts +3 -2
- package/dist/esm/components/forms/ToggleGroupField.js +9 -2
- package/dist/esm/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.d.ts +1 -3
- package/dist/esm/components/horizontalList/HorizontalList.js +4 -4
- package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
- package/dist/esm/components/icon/Icon.d.ts +7 -3
- package/dist/esm/components/icon/Icon.js +14 -2
- package/dist/esm/components/icon/Icon.js.map +1 -1
- package/dist/esm/components/icon/Icon.stories.d.ts +28 -0
- package/dist/esm/components/icon/Icon.stories.js +31 -0
- package/dist/esm/components/icon/Icon.stories.js.map +1 -0
- package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/Input.d.ts +1 -2
- package/dist/esm/components/input/Input.js +4 -5
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +4 -4
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/lightbox/Lightbox.d.ts +18 -16
- package/dist/esm/components/lightbox/Lightbox.js +6 -6
- package/dist/esm/components/lightbox/Lightbox.js.map +1 -1
- package/dist/esm/components/lightbox/Lightbox.stories.d.ts +9 -7
- package/dist/esm/components/marquee/marquee.stories.js +1 -1
- package/dist/esm/components/marquee/marquee.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +9 -9
- package/dist/esm/components/navBar/NavBar.js +5 -7
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +17 -13
- package/dist/esm/components/popover/Popover.js +17 -14
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/popover/Popover.stories.d.ts +2 -23
- package/dist/esm/components/popover/Popover.stories.js +1 -1
- package/dist/esm/components/popover/Popover.stories.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +22 -6
- package/dist/esm/components/progress/Progress.js +16 -9
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +13 -3
- package/dist/esm/components/progress/Progress.stories.js +6 -1
- package/dist/esm/components/progress/Progress.stories.js.map +1 -1
- package/dist/esm/components/pwaInstall/PwaInstall.d.ts +3 -3
- package/dist/esm/components/pwaInstall/PwaInstall.js +6 -4
- package/dist/esm/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
- package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
- package/dist/esm/components/richEditor/index.js +1 -1
- package/dist/esm/components/richEditor/index.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.d.ts +23 -28
- package/dist/esm/components/scrollArea/ScrollArea.js +25 -21
- package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts +13 -10
- package/dist/esm/components/scrollArea/ScrollArea.stories.js +13 -12
- package/dist/esm/components/scrollArea/ScrollArea.stories.js.map +1 -1
- package/dist/esm/components/select/Select.d.ts +40 -46
- package/dist/esm/components/select/Select.js +35 -77
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.d.ts +18 -11
- package/dist/esm/components/select/Select.stories.js +22 -1
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/slider/Slider.d.ts +36 -13
- package/dist/esm/components/slider/Slider.js +23 -7
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +16 -7
- package/dist/esm/components/slider/Slider.stories.js +22 -9
- package/dist/esm/components/slider/Slider.stories.js.map +1 -1
- package/dist/esm/components/switch/Switch.d.ts +4 -4
- package/dist/esm/components/switch/Switch.js +3 -3
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/switch/Switch.stories.d.ts +27 -0
- package/dist/esm/components/switch/Switch.stories.js +21 -0
- package/dist/esm/components/switch/Switch.stories.js.map +1 -0
- package/dist/esm/components/tabs/tabs.d.ts +16 -12
- package/dist/esm/components/tabs/tabs.js +10 -12
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/tabs/tabs.stories.js +3 -3
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.d.ts +4 -4
- package/dist/esm/components/textArea/TextArea.js +7 -9
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.stories.d.ts +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.d.ts +5 -6
- package/dist/esm/components/toggleGroup/toggleGroup.js +4 -3
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
- package/dist/esm/components/toggleGroup/toggleGroup.stories.js +18 -0
- package/dist/esm/components/toggleGroup/toggleGroup.stories.js.map +1 -0
- package/dist/esm/components/tooltip/Tooltip.d.ts +12 -9
- package/dist/esm/components/tooltip/Tooltip.js +11 -9
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/Tooltip.stories.d.ts +2 -20
- package/dist/esm/components/tooltip/Tooltip.stories.js +14 -5
- package/dist/esm/components/tooltip/Tooltip.stories.js.map +1 -1
- package/dist/esm/components/utility/ArrowSvg.d.ts +1 -0
- package/dist/esm/components/utility/ArrowSvg.js +6 -0
- package/dist/esm/components/utility/ArrowSvg.js.map +1 -0
- package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +3 -4
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
- package/dist/esm/components/utility/SlotDiv.d.ts +3 -4
- package/dist/esm/components/utility/SlotDiv.js +9 -7
- package/dist/esm/components/utility/SlotDiv.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/esm/hooks/useVisualViewportOffset.js +31 -10
- package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
- package/dist/esm/hooks/withClassName.d.ts +2 -2
- package/dist/esm/hooks/withClassName.js +2 -2
- package/dist/esm/hooks/withClassName.js.map +1 -1
- package/dist/esm/hooks/withProps.d.ts +1 -1
- package/dist/esm/hooks/withProps.js +1 -1
- package/dist/esm/hooks/withProps.js.map +1 -1
- package/dist/esm/themes.stories.js +2 -2
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/preflights/globals.js +29 -25
- package/dist/esm/uno/preflights/globals.js.map +1 -1
- package/dist/esm/uno/rules/util.js +18 -8
- package/dist/esm/uno/rules/util.js.map +1 -1
- package/dist/esm/uno/theme/animations.js +0 -74
- package/dist/esm/uno/theme/animations.js.map +1 -1
- package/package.json +1 -21
- package/src/components/actions/ActionBar.tsx +13 -9
- package/src/components/actions/ActionButton.tsx +2 -4
- package/src/components/avatar/Avatar.stories.tsx +41 -0
- package/src/components/avatar/Avatar.tsx +26 -40
- package/src/components/box/Box.stories.tsx +1 -1
- package/src/components/button/Button.tsx +14 -19
- package/src/components/button/ConfirmedButton.tsx +3 -7
- package/src/components/camera/Camera.tsx +23 -21
- package/src/components/card/Card.stories.tsx +22 -15
- package/src/components/card/Card.tsx +57 -40
- package/src/components/checkbox/Checkbox.tsx +13 -9
- package/src/components/chip/Chip.stories.tsx +13 -6
- package/src/components/chip/Chip.tsx +6 -7
- package/src/components/collapsible/Collapsible.tsx +36 -18
- package/src/components/colorMode/ColorModeToggle.tsx +13 -12
- package/src/components/colorPicker/ColorPicker.tsx +33 -27
- package/src/components/contextMenu/contextMenu.stories.tsx +39 -0
- package/src/components/contextMenu/contextMenu.tsx +33 -32
- package/src/components/dialog/Dialog.stories.tsx +15 -37
- package/src/components/dialog/Dialog.tsx +218 -102
- package/src/components/divider/Divider.tsx +5 -1
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +63 -5
- package/src/components/dropdownMenu/DropdownMenu.tsx +86 -47
- package/src/components/forms/EmojiField.tsx +18 -15
- package/src/components/forms/SubmitButton.tsx +1 -1
- package/src/components/forms/TextField.tsx +2 -2
- package/src/components/forms/ToggleGroupField.tsx +9 -1
- package/src/components/horizontalList/HorizontalList.stories.tsx +2 -2
- package/src/components/horizontalList/HorizontalList.tsx +10 -18
- package/src/components/icon/Icon.stories.tsx +47 -0
- package/src/components/icon/Icon.tsx +30 -17
- package/src/components/imageUploader/ImageUploader.tsx +7 -9
- package/src/components/index.ts +1 -1
- package/src/components/input/Input.tsx +3 -7
- package/src/components/layouts/layouts.stories.tsx +10 -16
- package/src/components/lightbox/Lightbox.tsx +25 -13
- package/src/components/marquee/marquee.stories.tsx +5 -3
- package/src/components/navBar/NavBar.tsx +9 -17
- package/src/components/popover/Popover.stories.tsx +6 -7
- package/src/components/popover/Popover.tsx +86 -39
- package/src/components/progress/Progress.stories.tsx +15 -3
- package/src/components/progress/Progress.tsx +65 -11
- package/src/components/pwaInstall/PwaInstall.tsx +21 -22
- package/src/components/pwaInstall/PwaInstallTrigger.stories.tsx +5 -4
- package/src/components/pwaInstall/PwaInstallTrigger.tsx +1 -1
- package/src/components/richEditor/index.tsx +8 -4
- package/src/components/scrollArea/ScrollArea.stories.tsx +86 -45
- package/src/components/scrollArea/ScrollArea.tsx +108 -96
- package/src/components/select/Select.stories.tsx +39 -10
- package/src/components/select/Select.tsx +161 -218
- package/src/components/slider/Slider.stories.tsx +40 -15
- package/src/components/slider/Slider.tsx +62 -29
- package/src/components/switch/Switch.stories.tsx +24 -0
- package/src/components/switch/Switch.tsx +9 -8
- package/src/components/tabs/tabs.stories.tsx +7 -13
- package/src/components/tabs/tabs.tsx +34 -27
- package/src/components/textArea/TextArea.tsx +17 -25
- package/src/components/toggleGroup/toggleGroup.stories.tsx +27 -0
- package/src/components/toggleGroup/toggleGroup.tsx +10 -8
- package/src/components/tooltip/Tooltip.stories.tsx +20 -10
- package/src/components/tooltip/Tooltip.tsx +72 -30
- package/src/components/utility/ArrowSvg.tsx +15 -0
- package/src/components/utility/HideWhileKeyboardOpen.tsx +3 -8
- package/src/components/utility/SlotDiv.tsx +10 -10
- package/src/hooks/useTitleBarColor.stories.tsx +1 -3
- package/src/hooks/useVisualViewportOffset.ts +34 -11
- package/src/hooks/withClassName.tsx +3 -3
- package/src/hooks/withProps.tsx +1 -1
- package/src/themes.stories.tsx +10 -20
- package/src/uno/preflights/globals.ts +25 -21
- package/src/uno/rules/util.ts +18 -8
- package/src/uno/theme/animations.ts +0 -74
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}
|
|
@@ -2,11 +2,10 @@ import { ComponentPropsWithRef } from 'react';
|
|
|
2
2
|
export declare const inputClassName: string;
|
|
3
3
|
export interface InputProps extends ComponentPropsWithRef<'input'> {
|
|
4
4
|
autoSelect?: boolean;
|
|
5
|
-
asChild?: boolean;
|
|
6
5
|
/** Shuffle between random placeholders */
|
|
7
6
|
placeholders?: string[];
|
|
8
7
|
placeholdersIntervalMs?: number;
|
|
9
8
|
onValueChange?: (value: string) => void;
|
|
10
9
|
sizeVariant?: 'default' | 'small';
|
|
11
10
|
}
|
|
12
|
-
export declare const Input: ({ className, autoSelect, onFocus, onChange, onValueChange,
|
|
11
|
+
export declare const Input: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -11,13 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import {
|
|
14
|
+
import { Input as BaseUIInput } from '@base-ui/react/input';
|
|
15
15
|
import classNames from 'clsx';
|
|
16
16
|
import { useCallback, } from 'react';
|
|
17
17
|
import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
|
|
18
|
-
export const inputClassName = classNames('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-width-thin layer-components:border-gray-dark layer-components:shadow-sm-inset layer-components:transition-shadow', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-3 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-4', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px', 'layer-variants:[&[data-size="small"]]:px-md layer-variants:[&[data-size="small"]]:py-xs layer-variants:[&[data-size="small"]]:text-sm layer-variants:[&[data-size="small"]]:rounded-md layer-variants:[&[data-size="small"]]:min-w-40px');
|
|
18
|
+
export const inputClassName = classNames('layer-components:px-5 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:rounded-lg layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-solid layer-components:border-width-thin layer-components:border-gray-dark layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow', 'layer-components:focus:outline-none layer-components:focus:bg-lighten-3 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-4', 'layer-components:disabled:bg-transparent layer-components:disabled:border-gray layer-components:disabled:placeholder-gray-dark layer-components:disabled:shadow-none', 'layer-components:md:min-w-120px', 'layer-variants:[&[data-size="small"]]:px-md layer-variants:[&[data-size="small"]]:py-xs layer-variants:[&[data-size="small"]]:text-sm layer-variants:[&[data-size="small"]]:rounded-md layer-variants:[&[data-size="small"]]:min-w-40px');
|
|
19
19
|
export const Input = function Input(_a) {
|
|
20
|
-
var { className, autoSelect, onFocus, onChange, onValueChange,
|
|
20
|
+
var { className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs = 5000, sizeVariant } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "placeholders", "placeholder", "placeholdersIntervalMs", "sizeVariant"]);
|
|
21
21
|
const handleFocus = useCallback((ev) => {
|
|
22
22
|
if (autoSelect) {
|
|
23
23
|
ev.target.select();
|
|
@@ -29,7 +29,6 @@ export const Input = function Input(_a) {
|
|
|
29
29
|
onChange === null || onChange === void 0 ? void 0 : onChange(ev);
|
|
30
30
|
}, [onChange, onValueChange]);
|
|
31
31
|
const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
32
|
-
|
|
33
|
-
return (_jsx(Component, Object.assign({ onFocus: handleFocus, onChange: handleChange, className: classNames(inputClassName, className), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, "data-size": sizeVariant !== null && sizeVariant !== void 0 ? sizeVariant : 'default' }, props)));
|
|
32
|
+
return (_jsx(BaseUIInput, Object.assign({ onFocus: handleFocus, onChange: handleChange, className: classNames(inputClassName, className), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder, "data-size": sizeVariant !== null && sizeVariant !== void 0 ? sizeVariant : 'default' }, props)));
|
|
34
33
|
};
|
|
35
34
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAIN,WAAW,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAEnF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,sMAAsM,EACtM,sEAAsE,EACtE,kEAAkE,EAClE,0FAA0F,EAC1F,mCAAmC,EACnC,mFAAmF,CACnF,CAAC;AAWF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAWvB;QAXuB,EACnC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,WAAW,OAEC,EADT,KAAK,cAV2B,2IAWnC,CADQ;IAER,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,EAAiC,EAAE,EAAE;QACrC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,WAAW,kBACX,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,eAClC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS,IAC/B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Input } from './Input.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ className, autoSelect, onFocus, onChange, onValueChange,
|
|
5
|
+
component: ({ className, autoSelect, onFocus, onChange, onValueChange, placeholders, placeholder, placeholdersIntervalMs, sizeVariant, ...props }: import("./Input.js").InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
argTypes: {
|
|
7
7
|
disabled: {
|
|
8
8
|
control: "boolean";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
|
+
import { Avatar } from '../avatar/Avatar.js';
|
|
4
5
|
import { Button } from '../button/index.js';
|
|
5
6
|
import { Card } from '../card/Card.js';
|
|
6
|
-
import { Icon } from '../icon/index.js';
|
|
7
7
|
import { Input } from '../input/index.js';
|
|
8
8
|
import { NavBarItem, NavBarItemIcon, NavBarItemIconWrapper, NavBarItemPip, NavBarItemText, NavBarRoot, } from '../navBar/index.js';
|
|
9
9
|
import { Switch } from '../switch/Switch.js';
|
|
@@ -24,12 +24,12 @@ export const Default = {
|
|
|
24
24
|
render: () => {
|
|
25
25
|
const [content, setContent] = useState(true);
|
|
26
26
|
const toggleContent = () => setContent((prev) => !prev);
|
|
27
|
-
return (_jsxs(PageRoot, { className: "bg-primary-wash", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(PageNowPlaying, { children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, {
|
|
27
|
+
return (_jsxs(PageRoot, { className: "bg-primary-wash", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(PageNowPlaying, { children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "gray", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: (_, { size }) => (_jsx(Avatar, { name: "Grant Forrest", size: size })) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
30
|
export const ManualWidth = {
|
|
31
31
|
render: () => {
|
|
32
|
-
return (_jsxs(PageRoot, { className: "bg-primary-wash", children: [_jsxs(PageContent, { className: "max-w-300px", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, {
|
|
32
|
+
return (_jsxs(PageRoot, { className: "bg-primary-wash", children: [_jsxs(PageContent, { className: "max-w-300px", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "gray", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
|
|
33
33
|
},
|
|
34
34
|
};
|
|
35
35
|
export const WithoutNav = {
|
|
@@ -46,7 +46,7 @@ export const WithVirtualKeyboard = {
|
|
|
46
46
|
document.body.style.removeProperty('--mock-virtual-keyboard-height');
|
|
47
47
|
}
|
|
48
48
|
}, [keyboard]);
|
|
49
|
-
return (_jsxs(PageRoot, { className: "w-full h-full", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsxs(PageNowPlaying, { keepAboveKeyboard: true, children: [_jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" }), _jsx(Input, {})] })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, {
|
|
49
|
+
return (_jsxs(PageRoot, { className: "w-full h-full", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsxs(PageNowPlaying, { keepAboveKeyboard: true, children: [_jsx(Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" }), _jsx(Input, {})] })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: _jsx(Avatar, { name: "Grant Forrest" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] })] }) }), _jsx("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
|
|
50
50
|
},
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=layouts.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { Dialog, DialogCloseProps, DialogPopupProps } from '@base-ui/react/dialog';
|
|
2
|
+
import { ReactElement, ReactNode } from 'react';
|
|
3
3
|
export interface LightboxProps {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
}
|
|
6
|
-
export declare const LightboxRoot:
|
|
7
|
-
export declare const LightboxTrigger: import("react").FunctionComponent<
|
|
8
|
-
export declare const LightboxPortal: import("react").
|
|
6
|
+
export declare const LightboxRoot: typeof Dialog.Root;
|
|
7
|
+
export declare const LightboxTrigger: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
|
|
8
|
+
export declare const LightboxPortal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
9
|
export declare const LightboxTitle: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const LightboxClose: (props:
|
|
11
|
-
export declare const LightboxOverlay: import("react").FunctionComponent<
|
|
12
|
-
export declare const LightboxContentRoot: import("react").FunctionComponent<
|
|
13
|
-
export declare const LightboxContent: (props:
|
|
14
|
-
declare function LightboxDefault({ children }: LightboxProps
|
|
10
|
+
export declare const LightboxClose: (props: DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const LightboxOverlay: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export declare const LightboxContentRoot: import("react").FunctionComponent<DialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const LightboxContent: (props: DialogPopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function LightboxDefault({ children, }: Omit<LightboxProps, 'children'> & {
|
|
15
|
+
children?: ReactElement;
|
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
15
17
|
export declare const Lightbox: typeof LightboxDefault & {
|
|
16
|
-
Overlay: import("react").FunctionComponent<
|
|
17
|
-
Content: (props:
|
|
18
|
+
Overlay: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
Content: (props: DialogPopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
20
|
Image: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
|
|
19
|
-
Root:
|
|
20
|
-
Trigger: import("react").FunctionComponent<
|
|
21
|
-
Close: (props:
|
|
21
|
+
Root: typeof Dialog.Root;
|
|
22
|
+
Trigger: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
|
|
23
|
+
Close: (props: DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
Title: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
Portal: import("react").
|
|
25
|
+
Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
26
|
};
|
|
25
27
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import { Dialog, } from '@base-ui/react/dialog';
|
|
4
4
|
import { withClassName } from '../../hooks.js';
|
|
5
5
|
import { Button } from '../button/Button.js';
|
|
6
6
|
import { Icon } from '../icon/Icon.js';
|
|
@@ -8,15 +8,15 @@ export const LightboxRoot = Dialog.Root;
|
|
|
8
8
|
export const LightboxTrigger = withClassName(Dialog.Trigger, 'layer-components:cursor-pointer', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring layer-components:focus-visible:ring-accent');
|
|
9
9
|
export const LightboxPortal = Dialog.Portal;
|
|
10
10
|
export const LightboxTitle = () => (_jsx(Dialog.Title, { className: "sr-only", children: "Lightbox" }));
|
|
11
|
-
export const LightboxClose = (props) => (_jsx(Dialog.Close, Object.assign({}, props, {
|
|
12
|
-
export const LightboxOverlay = withClassName(Dialog.
|
|
13
|
-
export const LightboxContentRoot = withClassName(Dialog.
|
|
11
|
+
export const LightboxClose = (props) => (_jsx(Dialog.Close, Object.assign({}, props, { render: _jsx(Button, { "aria-label": "Close", children: _jsx(Icon, { name: "x" }) }), className: "absolute top-md right-md" })));
|
|
12
|
+
export const LightboxOverlay = withClassName(Dialog.Backdrop, 'layer-components:fixed layer-components:inset-0 layer-components:bg-black/50 layer-components:backdrop-blur-sm layer-components:z-backdrop', 'transform-gpu !motion-reduce:animate-none', 'layer-components:[&[data-state=closed]]:animate-fade-out layer-components:animate-fade-in layer-components:animate-duration-200');
|
|
13
|
+
export const LightboxContentRoot = withClassName(Dialog.Popup, 'layer-components:fixed layer-components:z-dialog layer-components:bg-none layer-components:border-none layer-components:p-lg layer-components:w-full layer-components:h-full layer-components:max-w-full layer-components:max-h-full layer-components:flex layer-components:items-center layer-components:justify-center', 'transform-gpu !motion-reduce:animate-none', 'layer-components:left-50% layer-components:top-50% layer-components:translate-[-50%] layer-components:w-90vw layer-components:max-h-85vh', 'layer-components:animate-dialog-in', 'layer-components:[&[data-state=closed]]:animate-dialog-out', '!pointer-events-none');
|
|
14
14
|
export const LightboxContent = (props) => {
|
|
15
15
|
return (_jsxs(LightboxContentRoot, Object.assign({}, props, { children: [_jsx(LightboxTitle, {}), _jsx(LightboxClose, { className: "pointer-events-auto" }), _jsx(LightboxContentInner, { children: props.children })] })));
|
|
16
16
|
};
|
|
17
17
|
const LightboxContentInner = withClassName('div', 'layer-components:max-w-full layer-components:max-h-full layer-components:overflow-hidden layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center', 'layer-components:pointer-events-none layer-components:[&>*]:pointer-events-auto');
|
|
18
|
-
function LightboxDefault({ children }) {
|
|
19
|
-
return (_jsxs(Dialog.Root, { children: [_jsx(Dialog.Trigger, {
|
|
18
|
+
function LightboxDefault({ children, }) {
|
|
19
|
+
return (_jsxs(Dialog.Root, { children: [_jsx(Dialog.Trigger, { render: children }), _jsxs(Dialog.Portal, { children: [_jsx(LightboxOverlay, {}), _jsx(LightboxContent, { children: children })] })] }));
|
|
20
20
|
}
|
|
21
21
|
const LightboxImage = withClassName('img', 'max-w-full max-h-full min-h-80px min-w-80px object-contain');
|
|
22
22
|
export const Lightbox = Object.assign(LightboxDefault, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../../src/components/lightbox/Lightbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,MAAM,GAGN,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,OAAO,EACd,iCAAiC,EACjC,gEAAgE,CAChE,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAClC,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,SAAS,yBAAwB,CACzD,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,CACzD,KAAC,MAAM,CAAC,KAAK,oBACR,KAAK,IACT,MAAM,EACL,KAAC,MAAM,kBAAY,OAAO,YACzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,EAEV,SAAS,EAAC,0BAA0B,IACnC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,MAAM,CAAC,QAAQ,EACf,0EAA0E,EAC1E,2CAA2C,EAC3C,kHAAkH,CAClH,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,MAAM,CAAC,KAAK,EACZ,iIAAiI,EACjI,2CAA2C,EAC3C,wEAAwE,EACxE,oCAAoC,EACpC,4DAA4D,EAC5D,sBAAsB,CACtB,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC1D,OAAO,CACN,MAAC,mBAAmB,oBAAK,KAAK,eAC7B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,GAAG,EACjD,KAAC,oBAAoB,cAAE,KAAK,CAAC,QAAQ,GAAwB,KACxC,CACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,aAAa,CACzC,KAAK,EACL,oGAAoG,EACpG,iFAAiF,CACjF,CAAC;AAEF,SAAS,eAAe,CAAC,EACxB,QAAQ,GAGR;IACA,OAAO,CACN,MAAC,MAAM,CAAC,IAAI,eACX,KAAC,MAAM,CAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,GAAmB,EACnD,MAAC,MAAM,CAAC,MAAM,eACb,KAAC,eAAe,KAAG,EACnB,KAAC,eAAe,cAAE,QAAQ,GAAmB,IAC9B,IACH,CACd,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,aAAa,CAClC,KAAK,EACL,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACtD,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACtB,CAAC,CAAC"}
|
|
@@ -2,15 +2,17 @@ import type { StoryObj } from '@storybook/react';
|
|
|
2
2
|
import { Lightbox } from './Lightbox.js';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: (({ children }: import("./Lightbox.js").LightboxProps
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
component: (({ children, }: Omit<import("./Lightbox.js").LightboxProps, "children"> & {
|
|
6
|
+
children?: import("react").ReactElement;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element) & {
|
|
8
|
+
Overlay: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Content: (props: import("@base-ui/react/dialog").DialogPopupProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
Image: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
|
|
9
|
-
Root: import("
|
|
10
|
-
Trigger: import("react").FunctionComponent<import("@
|
|
11
|
-
Close: (props: import("@
|
|
11
|
+
Root: typeof import("@base-ui/react/dialog").DialogRoot;
|
|
12
|
+
Trigger: import("react").FunctionComponent<import("@base-ui/react/dialog").DialogTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>>;
|
|
13
|
+
Close: (props: import("@base-ui/react/dialog").DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
Title: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
Portal: import("react").
|
|
15
|
+
Portal: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
16
|
};
|
|
15
17
|
argTypes: {};
|
|
16
18
|
parameters: {
|
|
@@ -12,7 +12,7 @@ const meta = {
|
|
|
12
12
|
export default meta;
|
|
13
13
|
export const Default = {
|
|
14
14
|
render(params) {
|
|
15
|
-
return (_jsxs(Marquee, Object.assign({}, params, { children: [_jsx(Marquee.Item, { children: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsx(Marquee.Item, { className: "flex items-center justify-center bg-primary-wash color-primary-dark text-lg", children: "Hello, world" }), _jsx(Marquee.Item, {
|
|
15
|
+
return (_jsxs(Marquee, Object.assign({}, params, { children: [_jsx(Marquee.Item, { children: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsx(Marquee.Item, { className: "flex items-center justify-center bg-primary-wash color-primary-dark text-lg", children: "Hello, world" }), _jsx(Marquee.Item, { render: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) })] })));
|
|
16
16
|
},
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=marquee.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"marquee.stories.js","sourceRoot":"","sources":["../../../../src/components/marquee/marquee.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,MAAM;QACZ,OAAO,CACN,MAAC,OAAO,oBAAK,MAAM,eAClB,KAAC,OAAO,CAAC,IAAI,cACZ,cAAK,GAAG,EAAC,mDAAmD,GAAG,GACjD,EACf,KAAC,OAAO,CAAC,IAAI,IAAC,SAAS,EAAC,6EAA6E,6BAEtF,EACf,KAAC,OAAO,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"marquee.stories.js","sourceRoot":"","sources":["../../../../src/components/marquee/marquee.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,MAAM;QACZ,OAAO,CACN,MAAC,OAAO,oBAAK,MAAM,eAClB,KAAC,OAAO,CAAC,IAAI,cACZ,cAAK,GAAG,EAAC,mDAAmD,GAAG,GACjD,EACf,KAAC,OAAO,CAAC,IAAI,IAAC,SAAS,EAAC,6EAA6E,6BAEtF,EACf,KAAC,OAAO,CAAC,IAAI,IACZ,MAAM,EACL,cAAK,GAAG,EAAC,mDAAmD,GAAG,GAE/D,KACO,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UseRenderComponentProps } from '@base-ui/react/use-render';
|
|
2
|
+
import { ReactElement, ReactNode, Ref } from 'react';
|
|
2
3
|
import { IconProps } from '../icon/index.js';
|
|
3
4
|
export declare const navBarItemClass: string;
|
|
4
|
-
export interface NavBarItemProps {
|
|
5
|
-
asChild?: boolean;
|
|
5
|
+
export interface NavBarItemProps extends UseRenderComponentProps<'button'> {
|
|
6
6
|
className?: string;
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
active?: boolean;
|
|
9
9
|
color?: 'primary' | 'gray';
|
|
10
|
+
render?: ReactElement | (() => ReactElement);
|
|
10
11
|
}
|
|
11
|
-
export declare const NavBarItem: ({ ref,
|
|
12
|
+
export declare const NavBarItem: ({ ref, className, active, color, ...rest }: NavBarItemProps & {
|
|
12
13
|
ref?: React.Ref<HTMLButtonElement>;
|
|
13
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export declare const NavBarItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
15
16
|
export declare const NavBarItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
|
16
|
-
interface NavBarItemIconProps {
|
|
17
|
-
asChild?: boolean;
|
|
17
|
+
interface NavBarItemIconProps extends Omit<IconProps, 'name'> {
|
|
18
18
|
name?: IconProps['name'];
|
|
19
19
|
className?: string;
|
|
20
20
|
children?: ReactNode;
|
|
21
21
|
ref?: Ref<any>;
|
|
22
22
|
}
|
|
23
|
-
export declare const NavBarItemIcon: ({ ref,
|
|
23
|
+
export declare const NavBarItemIcon: ({ ref, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
export declare const NavBarItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
25
25
|
export declare const NavBarRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
26
26
|
export declare const NavBar: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
|
|
27
|
-
Item: ({ ref,
|
|
27
|
+
Item: ({ ref, className, active, color, ...rest }: NavBarItemProps & {
|
|
28
28
|
ref?: React.Ref<HTMLButtonElement>;
|
|
29
29
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
ItemIcon: ({ ref,
|
|
30
|
+
ItemIcon: ({ ref, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
ItemText: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
|
32
32
|
ItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
33
33
|
ItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
@@ -11,22 +11,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import {
|
|
14
|
+
import { Button } from '@base-ui/react/button';
|
|
15
15
|
import classNames, { clsx } from 'clsx';
|
|
16
16
|
import { withClassName } from '../../hooks.js';
|
|
17
17
|
import { Icon } from '../icon/index.js';
|
|
18
18
|
export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-sm layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:color-black layer-components:select-none', 'layer-components:active:bg-darken-2', 'layer-components:hover:bg-main-light', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-active=true]]:bg-main-light/50 layer-components:[&[data-active=true]]:color-lighten-2 layer-components:[&[data-active=true]]:color-black', 'layer-responsive:md:flex-row-reverse layer-responsive:md:h-auto layer-responsive:md:justify-start layer-responsive:md:gap-2 layer-responsive:md:overflow-visible layer-responsive:md:active:bg-darken-2');
|
|
19
19
|
export const NavBarItem = function NavBarItem(_a) {
|
|
20
|
-
var { ref,
|
|
21
|
-
|
|
22
|
-
return (_jsx(Comp, Object.assign({ ref: ref, className: classNames(navBarItemClass, `palette-${color}`, className), "data-active": active }, rest)));
|
|
20
|
+
var { ref, className, active, color = 'primary' } = _a, rest = __rest(_a, ["ref", "className", "active", "color"]);
|
|
21
|
+
return (_jsx(Button, Object.assign({ ref: ref, className: classNames(navBarItemClass, `palette-${color}`, className), "data-active": active }, rest)));
|
|
23
22
|
};
|
|
24
23
|
export const NavBarItemIconWrapper = withClassName('div', 'layer-components:relative layer-components:flex', 'layer-components:md:p-6px layer-components:md:rounded-lg layer-components:md:bg-gray-blend', 'layer-variants:md:[*[data-active=true]_&]:bg-[var(--bg)]');
|
|
25
24
|
export const NavBarItemText = withClassName('span', 'layer-components:overflow-hidden layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:md:text-md layer-components:md:leading-normal');
|
|
26
25
|
export const NavBarItemIcon = function NavBarItemIcon(_a) {
|
|
27
|
-
var { ref,
|
|
28
|
-
|
|
29
|
-
return (_jsx(Comp, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:color-inherit', 'layer-variants:[*[data-active=true]_&]:fill-main', className) }, rest, { ref: ref, children: children })));
|
|
26
|
+
var { ref, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "className", "name"]);
|
|
27
|
+
return (_jsx(Icon, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:color-inherit', 'layer-variants:[*[data-active=true]_&]:fill-main', className) }, rest, { ref: ref })));
|
|
30
28
|
};
|
|
31
29
|
export const NavBarItemPip = withClassName('div', 'palette-attention', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-lg layer-components:bg-main layer-components:shadow-sm');
|
|
32
30
|
export const NavBarRoot = withClassName('div', 'layer-components:grid layer-components:[grid-auto-columns:1fr] layer-components:[grid-auto-flow:column] layer-components:justify-items-center layer-components:w-full layer-components:rounded-none layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:md:bg-transparent layer-components:md:flex layer-components:md:flex-col layer-components:md:rounded-none layer-components:md:border-none layer-components:md:border-transparent layer-components:md:shadow-none layer-components:md:h-min-content layer-components:md:overflow-y-auto layer-components:md:overflow-x-hidden layer-components:md:justify-start layer-components:md:items-stretch layer-components:md:gap-2 layer-components:md:pb-10');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,qCAAqC,EACrC,wCAAwC,EACxC,kEAAkE,EAClE,uFAAuF,EACvF,uGAAuG,CACvG,CAAC;AAUF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAQ7C;QAR6C,EAC7C,GAAG,EACH,SAAS,EACT,MAAM,EACN,KAAK,GAAG,SAAS,OAIjB,EAHG,IAAI,cALsC,uCAM7C,CADO;IAIP,OAAO,CACN,KAAC,MAAM,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,iBACxD,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,kCAAkC,EAClC,sDAAsD,EACtD,0DAA0D,CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,uIAAuI,CACvI,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAKhC;QALgC,EACrD,GAAG,EACH,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAJ8C,4BAKrD,CADO;IAEP,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,oDAAoD,EACpD,kDAAkD,EAClD,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,mBAAmB,EACnB,wFAAwF,CACxF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}
|
|
@@ -1,27 +1,31 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
|
+
import { MenuArrowProps } from '@base-ui/react/menu';
|
|
2
3
|
import { Ref } from 'react';
|
|
3
|
-
export declare const PopoverRoot:
|
|
4
|
-
export declare const PopoverTrigger:
|
|
5
|
-
export declare const PopoverArrow: import("react").FunctionComponent<
|
|
6
|
-
export declare const PopoverClose: import("react").FunctionComponent<
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const PopoverContent: ({ ref, children, forceMount, disableBlur, className, radius, padding, ...props }: PopoverPrimitive.PopoverContentProps & {
|
|
4
|
+
export declare const PopoverRoot: typeof PopoverPrimitive.Root;
|
|
5
|
+
export declare const PopoverTrigger: PopoverPrimitive.Trigger;
|
|
6
|
+
export declare const PopoverArrow: import("react").FunctionComponent<MenuArrowProps>;
|
|
7
|
+
export declare const PopoverClose: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export declare const PopoverContent: ({ ref, children, forceMount, disableBlur, className, radius, padding, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
|
|
9
9
|
radius?: "none" | "default" | "md";
|
|
10
10
|
padding?: "none" | "default";
|
|
11
11
|
forceMount?: boolean;
|
|
12
12
|
disableBlur?: boolean;
|
|
13
13
|
ref?: Ref<HTMLDivElement>;
|
|
14
14
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const
|
|
16
|
-
|
|
15
|
+
export declare const PopoverTitle: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
16
|
+
export declare const PopoverDescription: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
17
|
+
export declare const Popover: typeof PopoverPrimitive.Root & {
|
|
18
|
+
Content: ({ ref, children, forceMount, disableBlur, className, radius, padding, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
|
|
17
19
|
radius?: "none" | "default" | "md";
|
|
18
20
|
padding?: "none" | "default";
|
|
19
21
|
forceMount?: boolean;
|
|
20
22
|
disableBlur?: boolean;
|
|
21
23
|
ref?: Ref<HTMLDivElement>;
|
|
22
24
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
Arrow: import("react").FunctionComponent<
|
|
24
|
-
Close: import("react").FunctionComponent<
|
|
25
|
-
Trigger:
|
|
26
|
-
|
|
25
|
+
Arrow: import("react").FunctionComponent<MenuArrowProps>;
|
|
26
|
+
Close: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
Trigger: PopoverPrimitive.Trigger;
|
|
28
|
+
Title: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
29
|
+
Description: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
30
|
+
createHandle: typeof PopoverPrimitive.createHandle;
|
|
27
31
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
'use client';
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
5
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -12,34 +11,38 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
11
|
return t;
|
|
13
12
|
};
|
|
14
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
import
|
|
14
|
+
import { Popover as PopoverPrimitive, } from '@base-ui/react/popover';
|
|
16
15
|
import classNames from 'clsx';
|
|
17
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
18
17
|
import { GroupScaleReset } from '../../systems/GroupScale.js';
|
|
19
|
-
|
|
20
|
-
const
|
|
18
|
+
import { ArrowSvg } from '../utility/ArrowSvg.js';
|
|
19
|
+
const StyledContent = withClassName(PopoverPrimitive.Popup, 'layer-components:rounded-lg layer-components:min-w-120px layer-components:bg-white layer-components:shadow-lg layer-components:max-w-90vw layer-components:border layer-components:border-black layer-components:transition', 'will-change-transform', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95 layer-components:data-[starting-style]:translate-y-4px', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95 layer-components:data-[ending-style]:translate-y-4px', 'important:motion-reduce:transition-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-accent');
|
|
20
|
+
const StyledArrow = withClassName((props) => (_jsx(PopoverPrimitive.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:opacity-0 layer-components:data-[closed]:scale-0', 'layer-components:data-[open]:opacity-100 layer-components:data-[open]:scale-100');
|
|
21
21
|
const StyledClose = withClassName(PopoverPrimitive.Close, 'layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:rounded-lg layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:color-gray-dark/80 layer-components:absolute layer-components:top-5px layer-components:right-5px layer-components:hover:bg-lightBlend layer-components:focus:shadow-focus');
|
|
22
22
|
// Exports
|
|
23
23
|
export const PopoverRoot = PopoverPrimitive.Root;
|
|
24
24
|
export const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
25
25
|
export const PopoverArrow = StyledArrow;
|
|
26
26
|
export const PopoverClose = StyledClose;
|
|
27
|
-
export const PopoverAnchor = PopoverPrimitive.Anchor;
|
|
28
27
|
export const PopoverContent = function PopoverContent(_a) {
|
|
29
|
-
var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default' } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding"]);
|
|
30
|
-
return (_jsx(PopoverPrimitive.Portal, {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
28
|
+
var { ref, children, forceMount, disableBlur, className, radius = 'default', padding = 'default', align, alignOffset, side, sideOffset = 8, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["ref", "children", "forceMount", "disableBlur", "className", "radius", "padding", "align", "alignOffset", "side", "sideOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
|
|
29
|
+
return (_jsx(PopoverPrimitive.Portal, { keepMounted: forceMount, children: _jsx(GroupScaleReset, { children: _jsx(PopoverPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: _jsx(StyledContent, Object.assign({}, props, { ref: ref, className: classNames({
|
|
30
|
+
'layer-variants:important:p-0': padding === 'none',
|
|
31
|
+
'layer-variants:p-md': padding === 'default',
|
|
32
|
+
'layer-variants:rounded-none': radius === 'none',
|
|
33
|
+
'layer-variants:rounded-lg': radius === 'default',
|
|
34
|
+
'layer-variants:rounded-md': radius === 'md',
|
|
35
|
+
}, className), children: children })) }) }) }));
|
|
37
36
|
};
|
|
37
|
+
export const PopoverTitle = withClassName(PopoverPrimitive.Title, 'layer-components:text-md layer-components:font-semibold layer-components:m-0 layer-components:mb-sm');
|
|
38
|
+
export const PopoverDescription = withClassName(PopoverPrimitive.Description, 'layer-components:text-sm layer-components:text-gray-dark layer-components:m-0');
|
|
38
39
|
export const Popover = Object.assign(PopoverRoot, {
|
|
39
40
|
Content: PopoverContent,
|
|
40
41
|
Arrow: PopoverArrow,
|
|
41
42
|
Close: PopoverClose,
|
|
42
43
|
Trigger: PopoverTrigger,
|
|
43
|
-
|
|
44
|
+
Title: PopoverTitle,
|
|
45
|
+
Description: PopoverDescription,
|
|
46
|
+
createHandle: PopoverPrimitive.createHandle,
|
|
44
47
|
});
|
|
45
48
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
|