@a-type/ui 2.8.13 → 3.0.0
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/colors.stories.js +3 -3
- package/dist/cjs/colors.stories.js.map +1 -1
- package/dist/cjs/components/actions/ActionBar.stories.js +2 -2
- package/dist/cjs/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +5 -2
- package/dist/cjs/components/box/Box.js +12 -10
- package/dist/cjs/components/box/Box.js.map +1 -1
- package/dist/cjs/components/box/Box.stories.d.ts +3 -8
- package/dist/cjs/components/box/Box.stories.js +25 -10
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -6
- package/dist/cjs/components/button/Button.js +25 -37
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/Button.stories.d.ts +8 -2
- package/dist/cjs/components/button/Button.stories.js +18 -6
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +4 -13
- package/dist/cjs/components/button/classes.js +21 -40
- package/dist/cjs/components/button/classes.js.map +1 -1
- package/dist/cjs/components/camera/Camera.js +4 -4
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/card/Card.js +6 -6
- package/dist/cjs/components/card/Card.js.map +1 -1
- package/dist/cjs/components/card/Card.stories.js +7 -7
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- 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 +2 -5
- package/dist/cjs/components/chip/Chip.js.map +1 -1
- package/dist/cjs/components/chip/Chip.stories.d.ts +20 -0
- package/dist/cjs/components/chip/Chip.stories.js +36 -0
- package/dist/cjs/components/chip/Chip.stories.js.map +1 -0
- package/dist/cjs/components/colorPicker/ColorPicker.js +2 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.stories.d.ts +15 -0
- package/dist/cjs/components/colorPicker/ColorPicker.stories.js +21 -0
- package/dist/cjs/components/colorPicker/ColorPicker.stories.js.map +1 -0
- package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
- package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +3 -1
- package/dist/cjs/components/datePicker/DatePicker.js +7 -7
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.js +4 -5
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -3
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -9
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js +15 -0
- package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
- package/dist/cjs/components/editableText/EditableText.js +1 -1
- package/dist/cjs/components/editableText/EditableText.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.d.ts +2 -2
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +1 -1
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/forms/FieldLabel.d.ts +1 -0
- package/dist/cjs/components/forms/FieldLabel.js +7 -0
- package/dist/cjs/components/forms/FieldLabel.js.map +1 -0
- package/dist/cjs/components/forms/Form.js +1 -2
- package/dist/cjs/components/forms/Form.js.map +1 -1
- package/dist/cjs/components/forms/NumberStepperField.js +2 -2
- package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
- package/dist/cjs/components/forms/TextField.d.ts +0 -1
- package/dist/cjs/components/forms/TextField.js +5 -5
- package/dist/cjs/components/forms/TextField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +2 -2
- package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +6 -7
- package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/layouts/PageNav.js +1 -1
- package/dist/cjs/components/layouts/PageNav.js.map +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +2 -2
- package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js +1 -1
- package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
- package/dist/cjs/components/navBar/NavBar.js +6 -10
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/note/Note.d.ts +3 -1
- package/dist/cjs/components/note/Note.js +2 -2
- package/dist/cjs/components/note/Note.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/peek/Peek.js +1 -1
- package/dist/cjs/components/peek/Peek.js.map +1 -1
- package/dist/cjs/components/popover/Popover.js +1 -1
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +3 -2
- package/dist/cjs/components/progress/Progress.js +9 -3
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +2 -2
- package/dist/cjs/components/richEditor/index.js +1 -1
- package/dist/cjs/components/richEditor/index.js.map +1 -1
- package/dist/cjs/components/select/Select.js +4 -4
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/skeletons/TextSkeleton.stories.js +1 -1
- package/dist/cjs/components/skeletons/TextSkeleton.stories.js.map +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +3 -2
- package/dist/cjs/components/slider/Slider.js +9 -5
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +1 -1
- package/dist/cjs/components/switch/Switch.js +2 -2
- package/dist/cjs/components/switch/Switch.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.js +4 -4
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.d.ts +1 -0
- package/dist/cjs/components/tabs/tabs.stories.js +7 -1
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/cjs/components/viewport/Viewport.stories.js +1 -1
- package/dist/cjs/components/viewport/Viewport.stories.js.map +1 -1
- package/dist/cjs/components/viewport/ViewportZoomControls.js +1 -1
- package/dist/cjs/components/viewport/ViewportZoomControls.js.map +1 -1
- package/dist/cjs/themes.stories.js +10 -14
- package/dist/cjs/themes.stories.js.map +1 -1
- package/dist/cjs/uno/logic/color.d.ts +29 -0
- package/dist/cjs/uno/logic/color.js +61 -0
- package/dist/cjs/uno/logic/color.js.map +1 -0
- package/dist/cjs/uno/preflights/_util.d.ts +2 -0
- package/dist/cjs/uno/preflights/_util.js +12 -0
- package/dist/cjs/uno/preflights/_util.js.map +1 -0
- package/dist/cjs/uno/preflights/base.d.ts +2 -0
- package/dist/cjs/uno/preflights/base.js +19 -0
- package/dist/cjs/uno/preflights/base.js.map +1 -0
- package/dist/cjs/uno/preflights/colors.d.ts +1 -0
- package/dist/cjs/uno/preflights/colors.js +167 -0
- package/dist/cjs/uno/preflights/colors.js.map +1 -0
- package/dist/cjs/uno/preflights/customization.d.ts +10 -0
- package/dist/cjs/uno/preflights/customization.js +30 -0
- package/dist/cjs/uno/preflights/customization.js.map +1 -0
- package/dist/cjs/uno/preflights/dark.d.ts +1 -0
- package/dist/cjs/uno/preflights/dark.js +49 -0
- package/dist/cjs/uno/preflights/dark.js.map +1 -0
- package/dist/cjs/uno/preflights/globals.d.ts +2 -0
- package/dist/cjs/uno/preflights/globals.js +58 -0
- package/dist/cjs/uno/preflights/globals.js.map +1 -0
- package/dist/cjs/uno/preflights/index.d.ts +3 -0
- package/dist/cjs/uno/preflights/index.js +20 -0
- package/dist/cjs/uno/preflights/index.js.map +1 -0
- package/dist/cjs/uno/preflights/layers.d.ts +2 -0
- package/dist/cjs/uno/preflights/layers.js +9 -0
- package/dist/cjs/uno/preflights/layers.js.map +1 -0
- package/dist/cjs/uno/rules/anchor.d.ts +2 -0
- package/dist/cjs/uno/rules/anchor.js +25 -0
- package/dist/cjs/uno/rules/anchor.js.map +1 -0
- package/dist/cjs/uno/rules/color.d.ts +2 -0
- package/dist/cjs/uno/rules/color.js +153 -0
- package/dist/cjs/uno/rules/color.js.map +1 -0
- package/dist/cjs/uno/rules/index.d.ts +1 -0
- package/dist/cjs/uno/rules/index.js +17 -0
- package/dist/cjs/uno/rules/index.js.map +1 -0
- package/dist/cjs/uno/rules/overflow.d.ts +2 -0
- package/dist/cjs/uno/rules/overflow.js +44 -0
- package/dist/cjs/uno/rules/overflow.js.map +1 -0
- package/dist/cjs/uno/rules/shadow.d.ts +2 -0
- package/dist/cjs/uno/rules/shadow.js +19 -0
- package/dist/cjs/uno/rules/shadow.js.map +1 -0
- package/dist/cjs/uno/rules/util.d.ts +2 -0
- package/dist/cjs/uno/rules/util.js +34 -0
- package/dist/cjs/uno/rules/util.js.map +1 -0
- package/dist/cjs/uno/shortcuts/index.d.ts +2 -0
- package/dist/cjs/uno/shortcuts/index.js +22 -0
- package/dist/cjs/uno/shortcuts/index.js.map +1 -0
- package/dist/cjs/uno/theme/animations.d.ts +3 -0
- package/dist/cjs/uno/theme/animations.js +213 -0
- package/dist/cjs/uno/theme/animations.js.map +1 -0
- package/dist/cjs/uno/theme/borders.d.ts +3 -0
- package/dist/cjs/uno/theme/borders.js +19 -0
- package/dist/cjs/uno/theme/borders.js.map +1 -0
- package/dist/cjs/uno/theme/colors.d.ts +55 -0
- package/dist/cjs/uno/theme/colors.js +29 -0
- package/dist/cjs/uno/theme/colors.js.map +1 -0
- package/dist/cjs/uno/theme/index.d.ts +2 -0
- package/dist/cjs/uno/theme/index.js +36 -0
- package/dist/cjs/uno/theme/index.js.map +1 -0
- package/dist/cjs/uno/theme/shadows.d.ts +2 -0
- package/dist/cjs/uno/theme/shadows.js +18 -0
- package/dist/cjs/uno/theme/shadows.js.map +1 -0
- package/dist/cjs/uno/theme/sizes.d.ts +3 -0
- package/dist/cjs/uno/theme/sizes.js +17 -0
- package/dist/cjs/uno/theme/sizes.js.map +1 -0
- package/dist/cjs/uno/theme/spacing.d.ts +2 -0
- package/dist/cjs/uno/theme/spacing.js +12 -0
- package/dist/cjs/uno/theme/spacing.js.map +1 -0
- package/dist/cjs/uno/theme/typography.d.ts +3 -0
- package/dist/cjs/uno/theme/typography.js +27 -0
- package/dist/cjs/uno/theme/typography.js.map +1 -0
- package/dist/cjs/uno/uno.preset.d.ts +2 -17
- package/dist/cjs/uno/uno.preset.js +14 -937
- package/dist/cjs/uno/uno.preset.js.map +1 -1
- package/dist/cjs/uno/variants/index.d.ts +2 -0
- package/dist/cjs/uno/variants/index.js +16 -0
- package/dist/cjs/uno/variants/index.js.map +1 -0
- package/dist/cjs/utilities.stories.js +1 -1
- package/dist/cjs/utilities.stories.js.map +1 -1
- package/dist/css/main.css +13 -1216
- package/dist/esm/colors.stories.js +3 -3
- package/dist/esm/colors.stories.js.map +1 -1
- package/dist/esm/components/actions/ActionBar.stories.js +2 -2
- package/dist/esm/components/actions/ActionBar.stories.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +5 -2
- package/dist/esm/components/box/Box.js +12 -10
- package/dist/esm/components/box/Box.js.map +1 -1
- package/dist/esm/components/box/Box.stories.d.ts +3 -8
- package/dist/esm/components/box/Box.stories.js +24 -9
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -6
- package/dist/esm/components/button/Button.js +26 -5
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +8 -2
- package/dist/esm/components/button/Button.stories.js +17 -5
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +4 -13
- package/dist/esm/components/button/classes.js +21 -39
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/camera/Camera.js +4 -4
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/card/Card.js +6 -6
- package/dist/esm/components/card/Card.js.map +1 -1
- package/dist/esm/components/card/Card.stories.js +7 -7
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/chip/Chip.d.ts +2 -1
- package/dist/esm/components/chip/Chip.js +2 -5
- package/dist/esm/components/chip/Chip.js.map +1 -1
- package/dist/esm/components/chip/Chip.stories.d.ts +20 -0
- package/dist/esm/components/chip/Chip.stories.js +33 -0
- package/dist/esm/components/chip/Chip.stories.js.map +1 -0
- package/dist/esm/components/colorPicker/ColorPicker.js +2 -1
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.stories.d.ts +15 -0
- package/dist/esm/components/colorPicker/ColorPicker.stories.js +18 -0
- package/dist/esm/components/colorPicker/ColorPicker.stories.js.map +1 -0
- package/dist/esm/components/contextMenu/contextMenu.js +2 -2
- package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +3 -1
- package/dist/esm/components/datePicker/DatePicker.js +7 -7
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.js +4 -5
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +13 -8
- package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js +11 -0
- package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
- package/dist/esm/components/editableText/EditableText.js +1 -1
- package/dist/esm/components/editableText/EditableText.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.d.ts +2 -2
- package/dist/esm/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.stories.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/forms/FieldLabel.d.ts +1 -0
- package/dist/esm/components/forms/FieldLabel.js +4 -0
- package/dist/esm/components/forms/FieldLabel.js.map +1 -0
- package/dist/esm/components/forms/Form.js +1 -2
- package/dist/esm/components/forms/Form.js.map +1 -1
- package/dist/esm/components/forms/NumberStepperField.js +1 -1
- package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
- package/dist/esm/components/forms/TextField.d.ts +0 -1
- package/dist/esm/components/forms/TextField.js +2 -2
- package/dist/esm/components/forms/TextField.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/imageUploader/ImageUploader.js +6 -7
- package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNav.js.map +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +2 -2
- package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
- package/dist/esm/components/masonry/masonry.stories.js +1 -1
- package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.d.ts +1 -1
- package/dist/esm/components/navBar/NavBar.js +6 -10
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/note/Note.d.ts +3 -1
- package/dist/esm/components/note/Note.js +2 -2
- package/dist/esm/components/note/Note.js.map +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
- package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
- package/dist/esm/components/peek/Peek.js +1 -1
- package/dist/esm/components/peek/Peek.js.map +1 -1
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +3 -2
- package/dist/esm/components/progress/Progress.js +6 -3
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +2 -2
- package/dist/esm/components/richEditor/index.js +1 -1
- package/dist/esm/components/richEditor/index.js.map +1 -1
- package/dist/esm/components/select/Select.js +4 -4
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/skeletons/TextSkeleton.stories.js +1 -1
- package/dist/esm/components/skeletons/TextSkeleton.stories.js.map +1 -1
- package/dist/esm/components/slider/Slider.d.ts +3 -2
- package/dist/esm/components/slider/Slider.js +6 -5
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +1 -1
- package/dist/esm/components/switch/Switch.js +2 -2
- package/dist/esm/components/switch/Switch.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +4 -4
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/tabs/tabs.stories.d.ts +1 -0
- package/dist/esm/components/tabs/tabs.stories.js +6 -0
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/components/viewport/Viewport.stories.js +1 -1
- package/dist/esm/components/viewport/Viewport.stories.js.map +1 -1
- package/dist/esm/components/viewport/ViewportZoomControls.js +1 -1
- package/dist/esm/components/viewport/ViewportZoomControls.js.map +1 -1
- package/dist/esm/themes.stories.js +10 -14
- package/dist/esm/themes.stories.js.map +1 -1
- package/dist/esm/uno/logic/color.d.ts +29 -0
- package/dist/esm/uno/logic/color.js +53 -0
- package/dist/esm/uno/logic/color.js.map +1 -0
- package/dist/esm/uno/preflights/_util.d.ts +2 -0
- package/dist/esm/uno/preflights/_util.js +9 -0
- package/dist/esm/uno/preflights/_util.js.map +1 -0
- package/dist/esm/uno/preflights/base.d.ts +2 -0
- package/dist/esm/uno/preflights/base.js +16 -0
- package/dist/esm/uno/preflights/base.js.map +1 -0
- package/dist/esm/uno/preflights/colors.d.ts +1 -0
- package/dist/esm/uno/preflights/colors.js +164 -0
- package/dist/esm/uno/preflights/colors.js.map +1 -0
- package/dist/esm/uno/preflights/customization.d.ts +10 -0
- package/dist/esm/uno/preflights/customization.js +26 -0
- package/dist/esm/uno/preflights/customization.js.map +1 -0
- package/dist/esm/uno/preflights/dark.d.ts +1 -0
- package/dist/esm/uno/preflights/dark.js +46 -0
- package/dist/esm/uno/preflights/dark.js.map +1 -0
- package/dist/esm/uno/preflights/globals.d.ts +2 -0
- package/dist/esm/uno/preflights/globals.js +55 -0
- package/dist/esm/uno/preflights/globals.js.map +1 -0
- package/dist/esm/uno/preflights/index.d.ts +3 -0
- package/dist/esm/uno/preflights/index.js +16 -0
- package/dist/esm/uno/preflights/index.js.map +1 -0
- package/dist/esm/uno/preflights/layers.d.ts +2 -0
- package/dist/esm/uno/preflights/layers.js +6 -0
- package/dist/esm/uno/preflights/layers.js.map +1 -0
- package/dist/esm/uno/rules/anchor.d.ts +2 -0
- package/dist/esm/uno/rules/anchor.js +22 -0
- package/dist/esm/uno/rules/anchor.js.map +1 -0
- package/dist/esm/uno/rules/color.d.ts +2 -0
- package/dist/esm/uno/rules/color.js +150 -0
- package/dist/esm/uno/rules/color.js.map +1 -0
- package/dist/esm/uno/rules/index.d.ts +1 -0
- package/dist/esm/uno/rules/index.js +14 -0
- package/dist/esm/uno/rules/index.js.map +1 -0
- package/dist/esm/uno/rules/overflow.d.ts +2 -0
- package/dist/esm/uno/rules/overflow.js +41 -0
- package/dist/esm/uno/rules/overflow.js.map +1 -0
- package/dist/esm/uno/rules/shadow.d.ts +2 -0
- package/dist/esm/uno/rules/shadow.js +16 -0
- package/dist/esm/uno/rules/shadow.js.map +1 -0
- package/dist/esm/uno/rules/util.d.ts +2 -0
- package/dist/esm/uno/rules/util.js +31 -0
- package/dist/esm/uno/rules/util.js.map +1 -0
- package/dist/esm/uno/shortcuts/index.d.ts +2 -0
- package/dist/esm/uno/shortcuts/index.js +19 -0
- package/dist/esm/uno/shortcuts/index.js.map +1 -0
- package/dist/esm/uno/theme/animations.d.ts +3 -0
- package/dist/esm/uno/theme/animations.js +210 -0
- package/dist/esm/uno/theme/animations.js.map +1 -0
- package/dist/esm/uno/theme/borders.d.ts +3 -0
- package/dist/esm/uno/theme/borders.js +16 -0
- package/dist/esm/uno/theme/borders.js.map +1 -0
- package/dist/esm/uno/theme/colors.d.ts +55 -0
- package/dist/esm/uno/theme/colors.js +26 -0
- package/dist/esm/uno/theme/colors.js.map +1 -0
- package/dist/esm/uno/theme/index.d.ts +2 -0
- package/dist/esm/uno/theme/index.js +33 -0
- package/dist/esm/uno/theme/index.js.map +1 -0
- package/dist/esm/uno/theme/shadows.d.ts +2 -0
- package/dist/esm/uno/theme/shadows.js +15 -0
- package/dist/esm/uno/theme/shadows.js.map +1 -0
- package/dist/esm/uno/theme/sizes.d.ts +3 -0
- package/dist/esm/uno/theme/sizes.js +14 -0
- package/dist/esm/uno/theme/sizes.js.map +1 -0
- package/dist/esm/uno/theme/spacing.d.ts +2 -0
- package/dist/esm/uno/theme/spacing.js +9 -0
- package/dist/esm/uno/theme/spacing.js.map +1 -0
- package/dist/esm/uno/theme/typography.d.ts +3 -0
- package/dist/esm/uno/theme/typography.js +24 -0
- package/dist/esm/uno/theme/typography.js.map +1 -0
- package/dist/esm/uno/uno.preset.d.ts +2 -17
- package/dist/esm/uno/uno.preset.js +14 -937
- package/dist/esm/uno/uno.preset.js.map +1 -1
- package/dist/esm/uno/variants/index.d.ts +2 -0
- package/dist/esm/uno/variants/index.js +13 -0
- package/dist/esm/uno/variants/index.js.map +1 -0
- package/dist/esm/utilities.stories.js +1 -1
- package/dist/esm/utilities.stories.js.map +1 -1
- package/package.json +9 -9
- package/src/colors.stories.tsx +6 -6
- package/src/components/actions/ActionBar.stories.tsx +2 -2
- package/src/components/box/Box.stories.tsx +74 -19
- package/src/components/box/Box.tsx +23 -13
- package/src/components/button/Button.stories.tsx +45 -11
- package/src/components/button/Button.tsx +45 -12
- package/src/components/button/classes.tsx +65 -59
- package/src/components/camera/Camera.tsx +7 -4
- package/src/components/card/Card.stories.tsx +9 -9
- package/src/components/card/Card.tsx +12 -9
- package/src/components/checkbox/Checkbox.tsx +6 -5
- package/src/components/chip/Chip.stories.tsx +58 -0
- package/src/components/chip/Chip.tsx +8 -13
- package/src/components/colorPicker/ColorPicker.stories.tsx +21 -0
- package/src/components/colorPicker/ColorPicker.tsx +2 -1
- package/src/components/contextMenu/contextMenu.tsx +6 -4
- package/src/components/datePicker/DatePicker.tsx +17 -13
- package/src/components/dialog/Dialog.tsx +10 -9
- package/src/components/dropdownMenu/DropdownMenu.stories.tsx +5 -2
- package/src/components/dropdownMenu/DropdownMenu.tsx +30 -15
- package/src/components/dropdownMenu/DropdownTriggerContext.tsx +19 -0
- package/src/components/editableText/EditableText.tsx +3 -3
- package/src/components/emojiPicker/EmojiPicker.tsx +5 -5
- package/src/components/forms/CheckboxField.tsx +1 -1
- package/src/components/forms/FieldLabel.tsx +6 -0
- package/src/components/forms/Form.tsx +1 -3
- package/src/components/forms/NumberStepperField.tsx +1 -5
- package/src/components/forms/TextField.tsx +2 -5
- package/src/components/horizontalList/HorizontalList.tsx +3 -3
- package/src/components/imageUploader/ImageUploader.tsx +12 -7
- package/src/components/input/Input.tsx +1 -1
- package/src/components/layouts/PageNav.tsx +1 -1
- package/src/components/layouts/layouts.stories.tsx +2 -2
- package/src/components/masonry/masonry.stories.tsx +2 -1
- package/src/components/navBar/NavBar.tsx +12 -19
- package/src/components/note/Note.tsx +15 -7
- package/src/components/numberStepper/NumberStepper.tsx +3 -3
- package/src/components/peek/Peek.tsx +1 -1
- package/src/components/popover/Popover.tsx +1 -1
- package/src/components/progress/Progress.tsx +13 -6
- package/src/components/richEditor/index.tsx +1 -1
- package/src/components/select/Select.tsx +6 -6
- package/src/components/skeletons/TextSkeleton.stories.tsx +1 -1
- package/src/components/slider/Slider.tsx +14 -10
- package/src/components/switch/Switch.tsx +8 -2
- package/src/components/tabs/tabs.stories.tsx +22 -0
- package/src/components/tabs/tabs.tsx +14 -7
- package/src/components/toggleGroup/toggleGroup.tsx +6 -4
- package/src/components/viewport/Viewport.stories.tsx +1 -1
- package/src/components/viewport/ViewportZoomControls.tsx +3 -3
- package/src/themes.stories.tsx +43 -29
- package/src/uno/logic/color.ts +99 -0
- package/src/uno/preflights/_util.ts +10 -0
- package/src/uno/preflights/base.ts +17 -0
- package/src/uno/preflights/colors.ts +165 -0
- package/src/uno/preflights/customization.ts +44 -0
- package/src/uno/preflights/dark.ts +47 -0
- package/src/uno/preflights/globals.ts +55 -0
- package/src/uno/preflights/index.ts +21 -0
- package/src/uno/preflights/layers.ts +7 -0
- package/src/uno/rules/anchor.ts +22 -0
- package/src/uno/rules/color.ts +153 -0
- package/src/uno/rules/index.ts +13 -0
- package/src/uno/rules/overflow.ts +45 -0
- package/src/uno/rules/shadow.ts +16 -0
- package/src/uno/rules/util.ts +31 -0
- package/src/uno/shortcuts/index.ts +21 -0
- package/src/uno/theme/animations.ts +211 -0
- package/src/uno/theme/borders.ts +17 -0
- package/src/uno/theme/colors.ts +35 -0
- package/src/uno/theme/index.ts +33 -0
- package/src/uno/theme/shadows.ts +15 -0
- package/src/uno/theme/sizes.ts +15 -0
- package/src/uno/theme/spacing.ts +9 -0
- package/src/uno/theme/typography.ts +24 -0
- package/src/uno/uno.preset.ts +21 -1036
- package/src/uno/variants/index.ts +12 -0
- package/src/utilities.stories.tsx +4 -2
- package/dist/cjs/uno/colors.d.ts +0 -65
- package/dist/cjs/uno/colors.js +0 -138
- package/dist/cjs/uno/colors.js.map +0 -1
- package/dist/cjs/uno/shadows.d.ts +0 -6
- package/dist/cjs/uno/shadows.js +0 -20
- package/dist/cjs/uno/shadows.js.map +0 -1
- package/dist/esm/uno/colors.d.ts +0 -65
- package/dist/esm/uno/colors.js +0 -131
- package/dist/esm/uno/colors.js.map +0 -1
- package/dist/esm/uno/shadows.d.ts +0 -6
- package/dist/esm/uno/shadows.js +0 -17
- package/dist/esm/uno/shadows.js.map +0 -1
- package/src/uno/colors.ts +0 -154
- package/src/uno/shadows.ts +0 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":";;;AAAA,mCAA4C;AAC5C,mEAA6D;AAEhD,QAAA,IAAI,GAAG,IAAA,gCAAa,EAChC,aAAU,EACV,kCAAkC,CAClC,CAAC"}
|
|
@@ -18,15 +18,15 @@ const formik_1 = require("formik");
|
|
|
18
18
|
const hooks_js_1 = require("../../hooks.js");
|
|
19
19
|
const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
20
20
|
const NumberStepper_js_1 = require("../numberStepper/NumberStepper.js");
|
|
21
|
+
const FieldLabel_js_1 = require("./FieldLabel.js");
|
|
21
22
|
function NumberStepperField(_a) {
|
|
22
23
|
var { name, label, className, required, id: providedId, onChange } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id", "onChange"]);
|
|
23
24
|
const [_, field, tools] = (0, formik_1.useField)({ name });
|
|
24
25
|
const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
|
|
25
|
-
return ((0, jsx_runtime_1.jsxs)(FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(NumberStepper_js_1.NumberStepper, Object.assign({ value: field.value, onChange: (v) => {
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(FieldLabel_js_1.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(NumberStepper_js_1.NumberStepper, Object.assign({ value: field.value, onChange: (v) => {
|
|
26
27
|
tools.setValue(v);
|
|
27
28
|
onChange === null || onChange === void 0 ? void 0 : onChange(v);
|
|
28
29
|
}, id: id }, rest))] }));
|
|
29
30
|
}
|
|
30
31
|
const FieldRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-2');
|
|
31
|
-
const FieldLabel = (0, hooks_js_1.withClassName)('label', 'layer-components:block layer-components:flex-col layer-components:gap-1 layer-components:text-md layer-components:font-normal layer-components:color-dark-blend layer-components:mt-2px');
|
|
32
32
|
//# sourceMappingURL=NumberStepperField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepperField.js","sourceRoot":"","sources":["../../../../src/components/forms/NumberStepperField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"NumberStepperField.js","sourceRoot":"","sources":["../../../../src/components/forms/NumberStepperField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAmBA,gDAyBC;;AA5CD,mCAAkC;AAClC,6CAA+C;AAC/C,yEAAmE;AACnE,wEAG2C;AAC3C,mDAA6C;AAY7C,SAAgB,kBAAkB,CAAC,EAQT;QARS,EAClC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,EACd,QAAQ,OAEiB,EADtB,IAAI,cAP2B,4DAQlC,CADO;IAEP,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,aAC7B,KAAK,IAAI,uBAAC,0BAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,uBAAC,gCAAa,kBACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;gBACf,CAAC,EACD,EAAE,EAAE,EAAE,IACF,IAAI,EACP,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,wCAAwC,CACxC,CAAC"}
|
|
@@ -30,4 +30,3 @@ export type TextAreaFieldProps = {
|
|
|
30
30
|
} & TextAreaProps;
|
|
31
31
|
export declare function TextAreaField({ name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName, ...rest }: TextAreaFieldProps): import("react/jsx-runtime.js").JSX.Element;
|
|
32
32
|
export declare const FieldRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
33
|
-
export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
|
|
@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.
|
|
19
|
+
exports.FieldRoot = exports.TextField = void 0;
|
|
20
20
|
exports.TextAreaField = TextAreaField;
|
|
21
21
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
const formik_1 = require("formik");
|
|
@@ -26,6 +26,7 @@ const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
|
|
|
26
26
|
const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
|
|
27
27
|
const Input_js_1 = require("../input/Input.js");
|
|
28
28
|
const TextArea_js_1 = require("../textArea/TextArea.js");
|
|
29
|
+
const FieldLabel_js_1 = require("./FieldLabel.js");
|
|
29
30
|
const emptyRef = (() => { });
|
|
30
31
|
const TextField = function TextField(_a) {
|
|
31
32
|
var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id", "inputClassName"]);
|
|
@@ -45,7 +46,7 @@ const TextField = function TextField(_a) {
|
|
|
45
46
|
}, autoFocusDelay);
|
|
46
47
|
}
|
|
47
48
|
}, [autoFocusDelay]);
|
|
48
|
-
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(
|
|
49
|
+
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, ref: ref, children: [label && (0, jsx_runtime_1.jsx)(FieldLabel_js_1.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(Input_js_1.Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, className: inputClassName, ref: (0, useMergedRef_js_1.default)(innerInputRef, inputRef || emptyRef) }))] }));
|
|
49
50
|
};
|
|
50
51
|
exports.TextField = TextField;
|
|
51
52
|
function TextAreaField(_a) {
|
|
@@ -60,8 +61,7 @@ function TextAreaField(_a) {
|
|
|
60
61
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
61
62
|
}, [submitOnEnter, onKeyDown, submitForm]);
|
|
62
63
|
const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
|
|
63
|
-
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)(exports.FieldRoot, { className: className, children: [label && (0, jsx_runtime_1.jsx)(FieldLabel_js_1.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(TextArea_js_1.TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
|
|
64
65
|
}
|
|
65
|
-
exports.FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-
|
|
66
|
-
exports.FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-1 text-sm font-bold color-dark-blend mb-1');
|
|
66
|
+
exports.FieldRoot = (0, hooks_js_1.withClassName)('div', 'flex flex-col items-stretch gap-xs self-stretch');
|
|
67
67
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -120,7 +120,7 @@ function HorizontalList(_a) {
|
|
|
120
120
|
};
|
|
121
121
|
}, [contentRef, containerRef, open]);
|
|
122
122
|
const chevronFlip = openDirection === 'down' ? open : !open;
|
|
123
|
-
return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollAreaRoot, Object.assign({ className: (0, clsx_1.default)('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaViewport, { ref: containerRef, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [(0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: toggleOpen,
|
|
124
|
-
'rounded-none h-full border-r border-r-solid border-r-gray'), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: (0, clsx_1.default)('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, {}), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, { orientation: "horizontal" })] })));
|
|
123
|
+
return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollAreaRoot, Object.assign({ className: (0, clsx_1.default)('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaViewport, { ref: containerRef, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [(0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: toggleOpen, emphasis: "ghost", className: (0, clsx_1.default)('layer-variants:flex-shrink-0 layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1', !open &&
|
|
124
|
+
'layer-variants:rounded-none layer-variants:h-full layer-variants:border-r layer-variants:border-r-solid layer-variants:border-r-gray'), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: (0, clsx_1.default)('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, {}), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, { orientation: "horizontal" })] })));
|
|
125
125
|
}
|
|
126
126
|
//# sourceMappingURL=HorizontalList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalList.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"HorizontalList.js","sourceRoot":"","sources":["../../../../src/components/horizontalList/HorizontalList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwBA,wCA0KC;;AAlMD,gDAAwB;AACxB,iCAA4E;AAC5E,iDAA4C;AAC5C,kEAAkE;AAClE,+CAAwC;AACxC,+DAKqC;AAcrC,SAAgB,cAAc,CAAC,EAWT;QAXS,EAC9B,IAAI,EAAE,YAAY,EAClB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,yBAAyB,OAEJ,EADlB,IAAI,cAVuB,oJAW9B,CADO;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAC;IAC1C,MAAM,wBAAwB,GAAG,IAAA,cAAM,EAAsB,SAAS,CAAC,CAAC;IAExE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,YAAY,CAAC;IAC1C,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;YAChC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACpC,CAAC,OAAgB,EAAE,EAAE;QACpB,IAAI,OAAO,KAAK,wBAAwB,CAAC,OAAO,EAAE,CAAC;YAClD,wBAAwB,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3C,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,OAAO,CAAC,CAAC;YAC3B,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;IACF,CAAC,EACD,CAAC,eAAe,CAAC,CACjB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YAC5B,OAAO;QACR,CAAC;QACD,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC;QACzC,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY,CAAC;QAC/C,MAAM,cAAc,GAAG,SAAS,CAAC,WAAW,CAAC;QAC7C,IAAI,IAAI,IAAI,YAAY,GAAG,cAAc,EAAE,CAAC;YAC3C,uDAAuD;YACvD,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;YACvC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,cAAc,IAAI,CAAC,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAC/C,sCAAsC;YACtC,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;YAC3C,SAAS;iBACP,OAAO,CACP;gBACC,EAAE,MAAM,EAAE,GAAG,eAAe,IAAI,EAAE;gBAClC,EAAE,MAAM,EAAE,GAAG,aAAa,IAAI,EAAE;aAChC,EACD;gBACC,MAAM,EAAE,qCAAqC;gBAC7C,QAAQ,EAAE,GAAG;aACb,CACD;iBACA,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;gBACnB,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAC3C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACjD,kCAAkC;YAClC,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;YAC3C,SAAS;iBACP,OAAO,CACP;gBACC;oBACC,MAAM,EAAE,GAAG,eAAe,IAAI;iBAC9B;gBACD;oBACC,MAAM,EAAE,GAAG,aAAa,IAAI;iBAC5B;aACD,EACD;gBACC,MAAM,EAAE,qCAAqC;gBAC7C,QAAQ,EAAE,GAAG;aACb,CACD;iBACA,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;gBACnB,qBAAqB,CAAC,GAAG,EAAE;oBAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;oBAC5D,iBAAiB,CAAC,OAAO,CAAC,CAAC;gBAC5B,CAAC,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;IACF,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YAClD,OAAO;QACR,CAAC;QACD,IAAI,IAAI;YAAE,OAAO;QAEjB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;YACvC,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC5B,OAAO;YACR,CAAC;YACD,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC5D,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QACH,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7C,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE;YACX,cAAc,CAAC,UAAU,EAAE,CAAC;QAC7B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5D,OAAO,CACN,wBAAC,8BAAc,kBACd,SAAS,EAAE,IAAA,cAAI,EACd,eAAe,EACf,8BAA8B,EAC9B,SAAS,CACT,EACD,UAAU,EAAE,UAAU,gBACV,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAChC,IAAI,eAER,uBAAC,kCAAkB,IAAC,GAAG,EAAE,YAAY,YACpC,iCACC,SAAS,EAAE,IAAA,cAAI,EACd,yCAAyC,EACzC,sEAAsE,EACtE,gBAAgB,CAChB,EACD,GAAG,EAAE,UAAU,aAEf,uBAAC,kCAAiB,IACjB,UAAU,QACV,IAAI,EAAE,eAAe,IAAI,CAAC,yBAAyB,YAEnD,uBAAC,iBAAM,IACN,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAA,cAAI,EACd,wDAAwD,EACxD,CAAC,IAAI;oCACJ,4EAA4E,CAC7E,YAED,uBAAC,eAAI,IACJ,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAA,cAAI,EACd,sBAAsB,EACtB,WAAW,IAAI,YAAY,CAC3B,GACA,GACM,GACU,EACnB,QAAQ,IACJ,GACc,EACrB,uBAAC,mCAAmB,KAAG,EACvB,uBAAC,mCAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,KAChC,CACjB,CAAC;AACH,CAAC"}
|
|
@@ -148,10 +148,10 @@ function ImageUploaderPrebuilt(_a) {
|
|
|
148
148
|
var { crossOrigin = 'anonymous' } = _a, props = __rest(_a, ["crossOrigin"]);
|
|
149
149
|
const [cameraOpen, setCameraOpen] = (0, react_1.useState)(false);
|
|
150
150
|
const openCamera = () => setCameraOpen(true);
|
|
151
|
-
return ((0, jsx_runtime_1.jsxs)(ImageUploaderRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderDisplay, { crossOrigin: crossOrigin }), (0, jsx_runtime_1.jsxs)(ImageUploaderEmptyControls, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderFileButton, {}), (0, jsx_runtime_1.jsxs)(index_js_1.Button, {
|
|
151
|
+
return ((0, jsx_runtime_1.jsxs)(ImageUploaderRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderDisplay, { crossOrigin: crossOrigin }), (0, jsx_runtime_1.jsxs)(ImageUploaderEmptyControls, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderFileButton, {}), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { emphasis: "ghost", onClick: openCamera, children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] })] }), !props.value && cameraOpen && ((0, jsx_runtime_1.jsxs)(index_js_2.CameraRoot, { className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
|
|
152
152
|
props.onChange(file);
|
|
153
153
|
setCameraOpen(false);
|
|
154
|
-
}, facingMode: props.facingMode, children: [(0, jsx_runtime_1.jsx)(index_js_2.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraFullscreenButton, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setCameraOpen(false),
|
|
154
|
+
}, facingMode: props.facingMode, children: [(0, jsx_runtime_1.jsx)(index_js_2.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraFullscreenButton, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setCameraOpen(false), emphasis: "ghost", size: "small", className: "color-white absolute top-2 left-2", children: "Cancel" })] })), (0, jsx_runtime_1.jsx)(ImageUploaderRemoveButton, {})] })));
|
|
155
155
|
}
|
|
156
156
|
function ImageUploaderFileButton(_a) {
|
|
157
157
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
@@ -176,14 +176,14 @@ function ImageUploaderFileButton(_a) {
|
|
|
176
176
|
}
|
|
177
177
|
};
|
|
178
178
|
}, [inputId]);
|
|
179
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({
|
|
179
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ emphasis: "ghost", size: "small", asChild: true, visuallyFocused: focused }, props, { children: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) }) })));
|
|
180
180
|
}
|
|
181
181
|
function ImageUploaderRemoveButton(_a) {
|
|
182
182
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
183
183
|
const { value, onChange } = useUploaderContext();
|
|
184
184
|
if (!value)
|
|
185
185
|
return null;
|
|
186
|
-
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({
|
|
186
|
+
return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ emphasis: "ghost", className: (0, clsx_1.clsx)('layer-variants:absolute layer-variants:top-2 layer-variants:right-2 layer-variants:w-32px layer-variants:h-32px layer-variants:border-none layer-variants:p-2 layer-variants:cursor-pointer layer-variants:bg-white layer-variants:color-black layer-variants:rounded-lg layer-variants:transition-colors layer-variants:shadow-sm layer-variants:z-10', className), onClick: () => onChange(null) }, rest, { children: (0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "x" }) })));
|
|
187
187
|
}
|
|
188
188
|
function ImageUploaderDisplay(_a) {
|
|
189
189
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
@@ -194,9 +194,8 @@ function ImageUploaderEmptyControls({ children, className, }) {
|
|
|
194
194
|
const { value, draggingOver } = useUploaderContext();
|
|
195
195
|
if (value)
|
|
196
196
|
return null;
|
|
197
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:gap-3 layer-components:rounded-lg', {
|
|
198
|
-
'layer-components:bg-
|
|
199
|
-
'layer-components:bg-[rgba(0,0,0,0.1)]': draggingOver,
|
|
197
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:absolute layer-components:bg-gray-light layer-components:inset-0 layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:gap-3 layer-components:rounded-lg', {
|
|
198
|
+
'layer-components:bg-darken-2': draggingOver,
|
|
200
199
|
}, className), children: children }));
|
|
201
200
|
}
|
|
202
201
|
exports.ImageUploader = Object.assign(ImageUploaderPrebuilt, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,8CA0HC;AAkED,
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ const react_slot_1 = require("@radix-ui/react-slot");
|
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledValue.js");
|
|
24
|
-
exports.inputClassName = (0, clsx_1.default)('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-
|
|
24
|
+
exports.inputClassName = (0, clsx_1.default)('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');
|
|
25
25
|
const Input = function Input(_a) {
|
|
26
26
|
var { className, autoSelect, onFocus, onChange, onValueChange, asChild, placeholders, placeholder, placeholdersIntervalMs = 5000, sizeVariant } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "onChange", "onValueChange", "asChild", "placeholders", "placeholder", "placeholdersIntervalMs", "sizeVariant"]);
|
|
27
27
|
const handleFocus = (0, react_1.useCallback)((ev) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAKe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,+LAA+L,EAC/L,sEAAsE,EACtE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,gDAA8B;AAC9B,iCAKe;AACf,yFAAmF;AAEtE,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,+LAA+L,EAC/L,sEAAsE,EACtE,kEAAkE,EAClE,0FAA0F,EAC1F,mCAAmC,EACnC,mFAAmF,CACnF,CAAC;AAYK,MAAM,KAAK,GAAG,SAAS,KAAK,CAAC,EAYvB;QAZuB,EACnC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,aAAa,EACb,OAAO,EACP,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,WAAW,OAEC,EADT,KAAK,cAX2B,sJAYnC,CADQ;IAER,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,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,IAAA,mBAAW,EAC/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,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,uBAAC,SAAS,kBACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,cAAU,EAAC,sBAAc,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;AAhDW,QAAA,KAAK,SAgDhB"}
|
|
@@ -33,6 +33,6 @@ function PageNav(_a) {
|
|
|
33
33
|
height: '--nav-height',
|
|
34
34
|
ready: '--nav-ready',
|
|
35
35
|
});
|
|
36
|
-
return ((0, jsx_runtime_1.jsx)(HideWhileKeyboardOpen_js_1.HideWhileKeyboardOpen, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:[grid-area:nav] layer-components:sticky layer-components:bottom-0 layer-components:bg-inherit layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-dark
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(HideWhileKeyboardOpen_js_1.HideWhileKeyboardOpen, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:[grid-area:nav] layer-components:sticky layer-components:bottom-0 layer-components:bg-inherit layer-components:z-[var(--z-nav)] layer-components:pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:before:content-[""] layer-components:before:absolute layer-components:before:inset-x-4 layer-components:before:top-0 layer-components:before:h-px layer-components:before:bg-gray-dark/80', 'layer-components:md:[grid-area:nav] layer-components:md:sticky layer-components:md:top-lg layer-components:md:h-auto layer-components:md:bottom-auto layer-components:md:left-auto layer-components:md:right-auto layer-components:md:before:hidden', className), ref: ref, children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: children }) })));
|
|
37
37
|
}
|
|
38
38
|
//# sourceMappingURL=PageNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAQb,0BA8BC;;AApCD,gDAA8B;AAC9B,iCAA+C;AAC/C,6CAAkD;AAClD,0CAA2C;AAC3C,kFAA4E;AAE5E,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,IAAA,2BAAgB,EAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,gDAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,mIAAmI,EACnI,
|
|
1
|
+
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;AAQb,0BA8BC;;AApCD,gDAA8B;AAC9B,iCAA+C;AAC/C,6CAAkD;AAClD,0CAA2C;AAC3C,kFAA4E;AAE5E,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,IAAA,2BAAgB,EAAiB,SAAS,EAAE,OAAO,EAAE;QAChE,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,cAAc;QACtB,KAAK,EAAE,aAAa;KACpB,CAAC,CAAC;IAEH,OAAO,CACN,uBAAC,gDAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,mIAAmI,EACnI,sFAAsF,EACtF,iIAAiI,EACjI,SAAS,CACT,EACD,GAAG,EAAE,GAAG,YAER,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC7C,QAAQ,GACY,IACC,CACxB,CAAC;AACH,CAAC"}
|
|
@@ -27,12 +27,12 @@ exports.Default = {
|
|
|
27
27
|
render: () => {
|
|
28
28
|
const [content, setContent] = (0, react_1.useState)(true);
|
|
29
29
|
const toggleContent = () => setContent((prev) => !prev);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: content, onCheckedChange: toggleContent }), content && ((0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Switch_js_1.Switch, { checked: content, onCheckedChange: toggleContent }), content && ((0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
exports.ManualWidth = {
|
|
34
34
|
render: () => {
|
|
35
|
-
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "bg-primary-wash", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { className: "max-w-300px", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] }));
|
|
36
36
|
},
|
|
37
37
|
};
|
|
38
38
|
exports.WithoutNav = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,iDAA4C;AAC5C,6CAAuC;AACvC,+CAAwC;AACxC,gDAA0C;AAC1C,iDAO4B;AAC5B,mDAA6C;AAC7C,qDAA+C;AAC/C,6CAAuC;AACvC,2DAAqD;AACrD,+CAAyC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,uBAAC,kBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,GAAI,EAC3D,OAAO,IAAI,CACX,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,CACZ,EACD,uBAAC,kCAAc,8BAA6B,IAC/B,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,EACb,wBAAC,qBAAU,IAAC,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,iDAA4C;AAC5C,6CAAuC;AACvC,+CAAwC;AACxC,gDAA0C;AAC1C,iDAO4B;AAC5B,mDAA6C;AAC7C,qDAA+C;AAC/C,6CAAuC;AACvC,2DAAqD;AACrD,+CAAyC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,uBAAC,kBAAM,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,GAAI,EAC3D,OAAO,IAAI,CACX,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,CACZ,EACD,uBAAC,kCAAc,8BAA6B,IAC/B,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,EACb,wBAAC,qBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,aACpC,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,0BAAyB,EACxC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,IACA,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,WAAW,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE;QACZ,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,iBAAiB,aACpC,wBAAC,4BAAW,IAAC,SAAS,EAAC,aAAa,aACnC,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,IACC,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,EACb,wBAAC,qBAAU,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,IAAI,aACpC,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,0BAAyB,EACxC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,IACA,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,sBAAQ,IAAC,SAAS,EAAC,eAAe,YAClC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,EACxD,uBAAC,cAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,uBAAC,cAAI,cACJ,uBAAC,cAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,IACP,EACN,uBAAC,kCAAc,8BAA6B,IAC/B,GACJ,CACX;CACD,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACzC,MAAM;QACL,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC9B,gCAAgC,EAChC,OAAO,CACP,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC;YACtE,CAAC;QACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,CACN,wBAAC,sBAAQ,IAAC,SAAS,EAAC,eAAe,aAClC,wBAAC,4BAAW,eACX,iCAAK,SAAS,EAAC,aAAa,aAC3B,+BAAI,SAAS,EAAC,oBAAoB,8BAAmB,EACrD,8BAAG,SAAS,EAAC,SAAS,8CAAkC,IACnD,EACN,wBAAC,kCAAc,IAAC,iBAAiB,mBAChC,uBAAC,iBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEpC,EACT,uBAAC,gBAAK,KAAG,IACO,IACJ,EACd,uBAAC,oBAAO,cACP,wBAAC,qBAAU,eACV,wBAAC,qBAAU,eACV,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,IAAI,EAAC,MAAM,GAAG,GACP,EACxB,uBAAC,yBAAc,8BAA6B,IAChC,EACb,wBAAC,qBAAU,IAAC,MAAM,EAAE,IAAI,aACvB,uBAAC,gCAAqB,cACrB,uBAAC,yBAAc,IAAC,OAAO,kBACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACJ,GACM,EACxB,uBAAC,yBAAc,yBAAwB,EACvC,uBAAC,wBAAa,KAAG,IACL,IACD,GACJ,EACV,gCAAK,SAAS,EAAC,2GAA2G,GAAG,IACnH,CACX,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -28,7 +28,7 @@ const randomSpan = () => {
|
|
|
28
28
|
const content = (spans) => Array.from({ length: 100 }, (_, i) => {
|
|
29
29
|
const size = 100 + Math.floor(Math.random() * 100);
|
|
30
30
|
const [span, setSpan] = (0, react_1.useState)(randomSpan);
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { layout: "center center",
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { layout: "center center", color: "primary", surface: true, border: true, style: { height: size }, "data-span": spans ? span : undefined, onClick: () => setSpan((v) => (v === 1 ? 2 : 1)), children: (0, jsx_runtime_1.jsx)("div", { children: size }) }, i));
|
|
32
32
|
});
|
|
33
33
|
exports.Default = {
|
|
34
34
|
render(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry.stories.js","sourceRoot":"","sources":["../../../../src/components/masonry/masonry.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAAoC;AACpC,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIpB,MAAM,UAAU,GAAG,GAAG,EAAE;IACvB,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC;QACzB,IAAI,GAAG,CAAC,CAAC;IACV,CAAC;SAAM,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;QACjC,IAAI,GAAG,CAAC,CAAC;IACV,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAe,EAAE,EAAE,CACnC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE7C,OAAO,CACN,uBAAC,YAAG,IAEH,MAAM,EAAC,eAAe,EACtB,
|
|
1
|
+
{"version":3,"file":"masonry.stories.js","sourceRoot":"","sources":["../../../../src/components/masonry/masonry.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,0CAAoC;AACpC,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIpB,MAAM,UAAU,GAAG,GAAG,EAAE;IACvB,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC;QACzB,IAAI,GAAG,CAAC,CAAC;IACV,CAAC;SAAM,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;QACjC,IAAI,GAAG,CAAC,CAAC;IACV,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAe,EAAE,EAAE,CACnC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE7C,OAAO,CACN,uBAAC,YAAG,IAEH,MAAM,EAAC,eAAe,EACtB,KAAK,EAAC,SAAS,EACf,OAAO,QACP,MAAM,QACN,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,eACZ,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAEhD,0CAAM,IAAI,GAAO,IATZ,CAAC,CAUD,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AAES,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,KAAK;QACX,OAAO,uBAAC,oBAAO,oBAAK,KAAK,cAAG,OAAO,EAAE,IAAW,CAAC;IAClD,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,KAAK;QACX,OAAO,uBAAC,oBAAO,oBAAK,KAAK,cAAG,OAAO,CAAC,IAAI,CAAC,IAAW,CAAC;IACtD,CAAC;CACD,CAAC"}
|
|
@@ -6,7 +6,7 @@ export interface NavBarItemProps {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
active?: boolean;
|
|
9
|
-
color?: 'primary' | '
|
|
9
|
+
color?: 'primary' | 'gray';
|
|
10
10
|
}
|
|
11
11
|
export declare const NavBarItem: ({ ref, asChild, className, active, color, ...rest }: NavBarItemProps & {
|
|
12
12
|
ref?: React.Ref<HTMLButtonElement>;
|
|
@@ -51,26 +51,22 @@ const react_slot_1 = require("@radix-ui/react-slot");
|
|
|
51
51
|
const clsx_1 = __importStar(require("clsx"));
|
|
52
52
|
const hooks_js_1 = require("../../hooks.js");
|
|
53
53
|
const index_js_1 = require("../icon/index.js");
|
|
54
|
-
exports.navBarItemClass = (0, clsx_1.default)('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-
|
|
54
|
+
exports.navBarItemClass = (0, clsx_1.default)('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');
|
|
55
55
|
const NavBarItem = function NavBarItem(_a) {
|
|
56
|
-
var { ref, asChild, className, active, color } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
|
|
56
|
+
var { ref, asChild, className, active, color = 'primary' } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
|
|
57
57
|
const Comp = asChild ? react_slot_1.Slot : 'button';
|
|
58
|
-
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, color
|
|
59
|
-
'layer-variants:[&[data-active=true]]:bg-gray/30 layer-variants:[&[data-active=true]]:color-black',
|
|
60
|
-
'layer-variants:[--fill:var(--color-gray)]',
|
|
61
|
-
'layer-variants:focus-visible:ring-gray',
|
|
62
|
-
], className), "data-active": active }, rest)));
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, `palette-${color}`, className), "data-active": active }, rest)));
|
|
63
59
|
};
|
|
64
60
|
exports.NavBarItem = NavBarItem;
|
|
65
|
-
exports.NavBarItemIconWrapper = (0, hooks_js_1.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)]');
|
|
61
|
+
exports.NavBarItemIconWrapper = (0, hooks_js_1.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)]');
|
|
66
62
|
exports.NavBarItemText = (0, hooks_js_1.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');
|
|
67
63
|
const NavBarItemIcon = function NavBarItemIcon(_a) {
|
|
68
64
|
var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
|
|
69
65
|
const Comp = asChild ? react_slot_1.Slot : index_js_1.Icon;
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.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 })));
|
|
71
67
|
};
|
|
72
68
|
exports.NavBarItemIcon = NavBarItemIcon;
|
|
73
|
-
exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', '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-
|
|
69
|
+
exports.NavBarItemPip = (0, hooks_js_1.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');
|
|
74
70
|
exports.NavBarRoot = (0, hooks_js_1.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');
|
|
75
71
|
exports.NavBar = Object.assign(exports.NavBarRoot, {
|
|
76
72
|
Item: exports.NavBarItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,qCAAqC,EACrC,
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,qCAAqC,EACrC,wCAAwC,EACxC,kEAAkE,EAClE,uFAAuF,EACvF,uGAAuG,CACvG,CAAC;AAUK,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAS7C;QAT6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,GAAG,SAAS,OAIjB,EAHG,IAAI,cANsC,kDAO7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,iBACxD,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,UAAU,cAoBrB;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,kCAAkC,EAClC,sDAAsD,EACtD,0DAA0D,CAC1D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,uIAAuI,CACvI,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,oDAAoD,EACpD,kDAAkD,EAClD,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,mBAAmB,EACnB,wFAAwF,CACxF,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { PaletteName } from '../../uno/logic/color.js';
|
|
2
3
|
export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
4
|
children?: ReactNode;
|
|
5
|
+
color?: PaletteName;
|
|
4
6
|
}
|
|
5
|
-
export declare function Note({ className, children, ...rest }: NoteProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function Note({ className, color, children, ...rest }: NoteProps): import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -19,7 +19,7 @@ exports.Note = Note;
|
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const clsx_1 = __importDefault(require("clsx"));
|
|
21
21
|
function Note(_a) {
|
|
22
|
-
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)(className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: "layer-components:flex layer-components:flex-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "layer-components:flex-1 layer-components:p-2 layer-components:border layer-components:border-solid layer-components:border-
|
|
22
|
+
var { className, color, children } = _a, rest = __rest(_a, ["className", "color", "children"]);
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: "layer-components:flex layer-components:flex-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "layer-components:flex-1 layer-components:p-2 layer-components:border layer-components:border-solid layer-components:border-main-dark layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:color-black layer-components:relative layer-components:text-sm layer-components:italic layer-variants:border-r-0", children: children }), (0, jsx_runtime_1.jsxs)("div", { className: "layer-components:flex layer-components:flex-col layer-components:items-stretch layer-components:justify-stretch layer-components:flex-[0_0_20px]", "aria-hidden": true, children: [(0, jsx_runtime_1.jsxs)("div", { className: "layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-components:flex-[0_0_20px] layer-components:w-[20px] layer-components:h-[20px] layer-components:relative layer-variants:border-b-1px layer-variants:border-l-1px", children: [(0, jsx_runtime_1.jsx)("div", { className: "layer-components:absolute layer-components:w-0.5px layer-components:bg-main-dark layer-components:h-27px layer-components:rotate--45 layer-components:left-9px layer-components:top--3px layer-components:transform-origin-cc" }), (0, jsx_runtime_1.jsx)("div", { className: `layer-components:border-solid layer-components:box-content layer-components:border-transparent layer-components:border-r-main-wash layer-components:border-13px layer-components:w-0 layer-components:h-0 layer-components:rotate--45 layer-components:translate--7px layer-components:transform-origin-br` })] }), (0, jsx_runtime_1.jsx)("div", { className: "layer-components:bg-main-wash layer-components:bg-darken-1 layer-components:flex-1 layer-components:border-0 layer-components:border-solid layer-components:border-main-dark layer-variants:border-r-1px layer-variants:border-b-1px" })] })] }) })));
|
|
24
24
|
}
|
|
25
25
|
//# sourceMappingURL=Note.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA,oBA4BC;;AArCD,gDAA8B;AAS9B,SAAgB,IAAI,CAAC,EAAkD;QAAlD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAArC,kCAAuC,CAAF;IACzD,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,IACzD,IAAI,cAER,iCAAK,SAAS,EAAC,kCAAkC,aAChD,gCAAK,SAAS,EAAC,2JAA2J,YACxK,QAAQ,GACJ,EACN,iCACC,SAAS,EAAC,gFAAgF,kCAI1F,iCAAK,SAAS,EAAC,iJAAiJ,aAC/J,gCAAK,SAAS,EAAC,0GAA0G,GAAG,EAE5H,gCACC,SAAS,EAAE,qJAAqJ,GAC/J,IACG,EAEN,gCAAK,SAAS,EAAC,sIAAsI,GAAG,IACnJ,IACD,IACD,CACN,CAAC;AACH,CAAC"}
|
|
@@ -54,8 +54,8 @@ function NumberStepper(_a) {
|
|
|
54
54
|
(steps ? index > 0 : true) &&
|
|
55
55
|
(min === undefined || value > min);
|
|
56
56
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:items-center layer-components:border-solid layer-components:border layer-components:border-gray-dark layer-components:rounded-lg layer-components:overflow-hidden layer-components:w-min-content layer-components:flex-shrink-0 layer-components:bg-white layer-components:shadow-sm', disabled &&
|
|
57
|
-
'layer-variants:border-gray-dark
|
|
57
|
+
'layer-variants:border-gray-dark/80 layer-variants:bg-transparent layer-variants:shadow-none', {
|
|
58
58
|
'layer-variants:bg-accent-wash layer-variants:color-black': !!highlightChange && value !== 1,
|
|
59
|
-
}, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, {
|
|
59
|
+
}, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "ghost", onClick: decrement, disabled: !canDecrement, "aria-label": "Decrement value", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "minus" }) }), (0, jsx_runtime_1.jsx)("div", { className: "w-80px text-center", children: renderValue(value) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "ghost", onClick: increment, disabled: !canIncrement, "aria-label": "Increment value", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "plus" }) })] })));
|
|
60
60
|
}
|
|
61
61
|
//# sourceMappingURL=NumberStepper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAoBA,sCA+EC;;AAnGD,yCAA+C;AAC/C,gDAA8B;AAE9B,iDAA4C;AAC5C,6CAAuC;AAgBvC,SAAgB,aAAa,CAAC,EAYT;;QAZS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,OAEiB,EADjB,IAAI,cAXsB,oHAY7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAChC,OAAO;YACR,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBACjB,OAAO;YACR,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzC,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IACpC,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1B,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IAEpC,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,qJAAqJ,EACrJ,QAAQ;YACP,
|
|
1
|
+
{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAoBA,sCA+EC;;AAnGD,yCAA+C;AAC/C,gDAA8B;AAE9B,iDAA4C;AAC5C,6CAAuC;AAgBvC,SAAgB,aAAa,CAAC,EAYT;;QAZS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,OAEiB,EADjB,IAAI,cAXsB,oHAY7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAChC,OAAO;YACR,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;gBACjB,OAAO;YACR,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACP,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzC,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IACpC,MAAM,YAAY,GACjB,CAAC,QAAQ;QACT,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1B,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;IAEpC,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,qJAAqJ,EACrJ,QAAQ;YACP,iEAAiE,EAClE;YACC,6CAA6C,EAC5C,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SACjC,EACD,SAAS,CACT,IACG,IAAI,eAER,uBAAC,iBAAM,IACN,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,YAAY,gBACZ,iBAAiB,YAE5B,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACb,EACT,gCAAK,SAAS,EAAC,oBAAoB,YAAE,WAAW,CAAC,KAAK,CAAC,GAAO,EAC9D,uBAAC,iBAAM,IACN,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,YAAY,gBACZ,iBAAiB,YAE5B,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACZ,KACJ,CACN,CAAC;AACH,CAAC"}
|
|
@@ -36,6 +36,6 @@ function Peek({ peekHeight = 120, children, className }) {
|
|
|
36
36
|
'animate-ease-default animate-forwards [&[data-state=closed]]:animate-keyframes-peek-close [&[data-state=closed]]:animate-duration-300 [&[data-state=open]]:animate-keyframes-peek-open [&[data-state=open]]:animate-duration-600 [&[data-state=open]]:animate-forwards', className), ref: containerRef, "data-state": isPeekable ? (open ? 'open' : 'closed') : 'closed', style: {
|
|
37
37
|
'--peek-height': `${peekHeight}px`,
|
|
38
38
|
'--collapsible-height': '0px',
|
|
39
|
-
}, children: [(0, jsx_runtime_1.jsx)("div", { ref: contentRef, id: id, children: children }), isPeekable && ((0, jsx_runtime_1.jsx)("button", { "data-state": open ? 'open' : 'closed', className: (0, clsx_1.default)('h-80px absolute bottom-0 z-1 bg-transparent border-none w-full cursor-pointer border-b border-b-solid border-white', 'animate-fade-in', 'focus-visible:(outline-none bg-gradient-to-b from-transparent to-primary-wash border-b border-b-solid border-
|
|
39
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { ref: contentRef, id: id, children: children }), isPeekable && ((0, jsx_runtime_1.jsx)("button", { "data-state": open ? 'open' : 'closed', className: (0, clsx_1.default)('h-80px absolute bottom-0 z-1 bg-transparent border-none w-full cursor-pointer border-b border-b-solid border-white', 'animate-fade-in', 'focus-visible:(outline-none bg-gradient-to-b from-transparent to-primary-wash border-b border-b-solid border-main', 'after:content-["-_tap_to_expand_-"] after:p-3 after:color-gray-dark after:text-xs after:flex after:flex-col after:justify-end after:items-center after:absolute after:inset-0 after:top-auto after:h-80px after:bg-gradient-to-b after:from-transparent after:to-white', 'after:[&[data-state=open]]:content-["-_tap_to_collapse_-"]'), onClick: toggle, "aria-label": "Toggle show description", "aria-expanded": open, "aria-controls": id }))] }));
|
|
40
40
|
}
|
|
41
41
|
//# sourceMappingURL=Peek.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";;;;;AAmBA,oBA4EC;;AA/FD,yCAAyC;AACzC,gDAA8B;AAC9B,iCAOe;AACf,uDAAiD;AACjD,2DAAqD;AAQrD,SAAgB,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACxE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,oBAAO,EACzB,IAAA,eAAO,EACN,GAAG,EAAE,CACJ,IAAA,gBAAQ,EAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACvB,aAAa,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,sBAAsB,EACtB,GAAG,MAAM,IAAI,CACb,CAAC;QACH,CAAC;IACF,CAAC,EAAE,GAAG,CAAC,EACR,EAAE,CACF,CACD,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,wBAAS,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,eAAe,EACf,GAAG,UAAU,IAAI,CACjB,CAAC;QACH,CAAC;IACF,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACN,iCACC,SAAS,EAAE,IAAA,cAAU,EACpB,UAAU,EACV,yEAAyE,EACzE,aAAa,CAAC,OAAO;YACpB,2MAA2M,EAC5M,SAAS,CACT,EACD,GAAG,EAAE,YAAY,gBACL,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC9D,KAAK,EACJ;YACC,eAAe,EAAE,GAAG,UAAU,IAAI;YAClC,sBAAsB,EAAE,KAAK;SACtB,aAGT,gCAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,YAC1B,QAAQ,GACJ,EACL,UAAU,IAAI,CACd,iDACa,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,IAAA,cAAU,EACpB,oHAAoH,EACpH,iBAAiB,EACjB,
|
|
1
|
+
{"version":3,"file":"Peek.js","sourceRoot":"","sources":["../../../../src/components/peek/Peek.tsx"],"names":[],"mappings":";;;;;AAmBA,oBA4EC;;AA/FD,yCAAyC;AACzC,gDAA8B;AAC9B,iCAOe;AACf,uDAAiD;AACjD,2DAAqD;AAQrD,SAAgB,IAAI,CAAC,EAAE,UAAU,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAa;IACxE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,oBAAO,EACzB,IAAA,eAAO,EACN,GAAG,EAAE,CACJ,IAAA,gBAAQ,EAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACvB,aAAa,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,sBAAsB,EACtB,GAAG,MAAM,IAAI,CACb,CAAC;QACH,CAAC;IACF,CAAC,EAAE,GAAG,CAAC,EACR,EAAE,CACF,CACD,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAA,wBAAS,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,UAAU,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CACrC,eAAe,EACf,GAAG,UAAU,IAAI,CACjB,CAAC;QACH,CAAC;IACF,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,OAAO,CACN,iCACC,SAAS,EAAE,IAAA,cAAU,EACpB,UAAU,EACV,yEAAyE,EACzE,aAAa,CAAC,OAAO;YACpB,2MAA2M,EAC5M,SAAS,CACT,EACD,GAAG,EAAE,YAAY,gBACL,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC9D,KAAK,EACJ;YACC,eAAe,EAAE,GAAG,UAAU,IAAI;YAClC,sBAAsB,EAAE,KAAK;SACtB,aAGT,gCAAK,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,YAC1B,QAAQ,GACJ,EACL,UAAU,IAAI,CACd,iDACa,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,SAAS,EAAE,IAAA,cAAU,EACpB,oHAAoH,EACpH,iBAAiB,EACjB,mHAAmH,EACnH,sLAAsL,EACtL,4DAA4D,CAC5D,EACD,OAAO,EAAE,MAAM,gBACJ,yBAAyB,mBACrB,IAAI,mBACJ,EAAE,GAChB,CACF,IACI,CACN,CAAC;AACH,CAAC"}
|
|
@@ -57,7 +57,7 @@ const withClassName_js_1 = require("../../hooks/withClassName.js");
|
|
|
57
57
|
const Box_js_1 = require("../box/Box.js");
|
|
58
58
|
const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:op-0 layer-components:hidden layer-components:max-w-90vw layer-components:border layer-components:border-gray-dark', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)]', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
|
|
59
59
|
const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'layer-components:arrow');
|
|
60
|
-
const StyledClose = (0, withClassName_js_1.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-dark
|
|
60
|
+
const StyledClose = (0, withClassName_js_1.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');
|
|
61
61
|
// Exports
|
|
62
62
|
exports.PopoverRoot = PopoverPrimitive.Root;
|
|
63
63
|
exports.PopoverTrigger = PopoverPrimitive.Trigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAE5D,gDAA8B;AAE9B,mEAA6D;AAC7D,0CAA2C;AAE3C,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,oHAAoH,EACpH,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,0BAA0B,CAC1B,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAE5D,gDAA8B;AAE9B,mEAA6D;AAC7D,0CAA2C;AAE3C,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,gBAAgB,CAAC,OAAO,EACxB,oHAAoH,EACpH,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0EAA0E,EAC1E,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,0BAA0B,CAC1B,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,gBAAgB,CAAC,KAAK,EACtB,4MAA4M,CAC5M,CAAC;AAEF,UAAU;AACG,QAAA,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC;AACpC,QAAA,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC1C,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,YAAY,GAAG,WAAW,CAAC;AAC3B,QAAA,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAE9C,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAerD;QAfqD,EACrD,GAAG,EACH,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAQnB,EAPG,KAAK,cAR6C,kFASrD,CADQ;IAQR,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU,YAC9C,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,uBAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB;oBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;oBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;oBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;oBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;oBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;iBAC5C,EACD,SAAS,CACT,YAEA,QAAQ,IACM,GACK,GACG,CAC1B,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,cAAc,kBAuCzB;AAEW,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAW,EAAE;IACjD,OAAO,EAAE,sBAAc;IACvB,KAAK,EAAE,oBAAY;IACnB,KAAK,EAAE,oBAAY;IACnB,OAAO,EAAE,sBAAc;IACvB,MAAM,EAAE,qBAAa;CACrB,CAAC,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
2
|
+
import { PaletteName } from '../../uno/logic/color.js';
|
|
2
3
|
export declare const ProgressRoot: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
4
|
export declare const ProgressIndicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export declare const Progress: (({ ref, children, color, max, value, ...props }: ProgressPrimitive.ProgressProps & {
|
|
5
|
+
export declare const Progress: (({ ref, children, color, max, value, className, ...props }: ProgressPrimitive.ProgressProps & {
|
|
5
6
|
ref?: React.Ref<HTMLDivElement>;
|
|
6
|
-
color?:
|
|
7
|
+
color?: PaletteName;
|
|
7
8
|
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
8
9
|
Root: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
10
|
Indicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
|