@a-type/ui 2.7.5 → 2.8.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/colorMode.js +0 -1
- package/dist/cjs/colors.stories.js +0 -1
- package/dist/cjs/components/actions/ActionBar.js +2 -3
- package/dist/cjs/components/actions/ActionBar.stories.js +0 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -2
- package/dist/cjs/components/actions/index.js +0 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -3
- package/dist/cjs/components/avatar/AvatarList.js +1 -2
- package/dist/cjs/components/avatar/index.js +0 -1
- package/dist/cjs/components/box/Box.js +9 -10
- package/dist/cjs/components/box/Box.stories.js +0 -1
- package/dist/cjs/components/button/Button.js +0 -1
- package/dist/cjs/components/button/Button.stories.js +0 -1
- package/dist/cjs/components/button/ConfirmedButton.js +0 -1
- package/dist/cjs/components/button/classes.js +14 -15
- package/dist/cjs/components/button/index.js +0 -1
- package/dist/cjs/components/camera/Camera.js +1 -2
- package/dist/cjs/components/camera/Camera.stories.js +0 -1
- package/dist/cjs/components/camera/index.js +0 -1
- package/dist/cjs/components/card/Card.js +9 -10
- package/dist/cjs/components/card/Card.stories.js +0 -1
- package/dist/cjs/components/card/index.js +0 -1
- package/dist/cjs/components/checkbox/Checkbox.d.ts +3 -3
- package/dist/cjs/components/checkbox/Checkbox.js +5 -6
- package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.stories.js +0 -1
- package/dist/cjs/components/checkbox/index.js +0 -1
- package/dist/cjs/components/chip/Chip.js +1 -2
- package/dist/cjs/components/chip/index.js +0 -1
- package/dist/cjs/components/collapsible/Collapsible.js +1 -2
- package/dist/cjs/components/collapsible/Collapsible.stories.js +0 -1
- package/dist/cjs/components/collapsible/index.js +0 -1
- package/dist/cjs/components/colorMode/ColorModeToggle.js +0 -1
- package/dist/cjs/components/colorMode/ColorModeToggle.stories.js +0 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js +0 -1
- package/dist/cjs/components/colorPicker/index.js +0 -1
- package/dist/cjs/components/contextMenu/contextMenu.js +3 -4
- package/dist/cjs/components/datePicker/DatePicker.js +3 -4
- package/dist/cjs/components/datePicker/DatePicker.stories.js +0 -1
- package/dist/cjs/components/datePicker/index.js +0 -1
- package/dist/cjs/components/dialog/Dialog.js +14 -15
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.js +0 -1
- package/dist/cjs/components/dialog/index.js +0 -1
- package/dist/cjs/components/divider/Divider.js +0 -1
- package/dist/cjs/components/divider/index.js +0 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +7 -8
- package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +0 -1
- package/dist/cjs/components/dropdownMenu/index.js +0 -1
- package/dist/cjs/components/editableText/EditableText.js +1 -2
- package/dist/cjs/components/editableText/EditableText.stories.js +0 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +8 -9
- package/dist/cjs/components/emojiPicker/EmojiPicker.stories.js +0 -1
- package/dist/cjs/components/errorBoundary/ErrorBoundary.js +0 -1
- package/dist/cjs/components/errorBoundary/index.js +0 -1
- package/dist/cjs/components/forms/CheckboxField.js +2 -3
- package/dist/cjs/components/forms/Form.js +0 -1
- package/dist/cjs/components/forms/FormikForm.js +0 -1
- package/dist/cjs/components/forms/FormikForm.stories.js +0 -1
- package/dist/cjs/components/forms/NumberStepperField.js +2 -3
- package/dist/cjs/components/forms/SubmitButton.js +0 -1
- package/dist/cjs/components/forms/TextField.js +0 -1
- package/dist/cjs/components/forms/hooks.js +0 -1
- package/dist/cjs/components/forms/index.js +0 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +1 -2
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +0 -1
- package/dist/cjs/components/icon/Icon.js +0 -1
- package/dist/cjs/components/icon/IconLoadingContext.js +0 -1
- package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -2
- package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/cjs/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/cjs/components/icon/generated/iconNames.js +1 -1
- package/dist/cjs/components/icon/generated/iconNames.js.map +1 -1
- package/dist/cjs/components/icon/index.js +0 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +3 -4
- package/dist/cjs/components/imageUploader/ImageUploader.stories.js +0 -1
- package/dist/cjs/components/imageUploader/UploadIcon.js +0 -1
- package/dist/cjs/components/imageUploader/index.js +0 -1
- package/dist/cjs/components/index.js +0 -1
- package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +0 -1
- package/dist/cjs/components/input/Input.js +1 -2
- package/dist/cjs/components/input/Input.stories.js +0 -1
- package/dist/cjs/components/input/index.js +0 -1
- package/dist/cjs/components/layouts/PageContent.js +1 -2
- package/dist/cjs/components/layouts/PageFixedArea.js +1 -2
- package/dist/cjs/components/layouts/PageNav.js +1 -2
- package/dist/cjs/components/layouts/PageNowPlaying.js +3 -4
- package/dist/cjs/components/layouts/PageRoot.js +1 -2
- package/dist/cjs/components/layouts/PageSection.js +2 -3
- package/dist/cjs/components/layouts/index.js +0 -1
- package/dist/cjs/components/layouts/layouts.stories.js +0 -1
- package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js +0 -1
- package/dist/cjs/components/liveUpdateTextField/index.js +0 -1
- package/dist/cjs/components/marquee/marquee.js +0 -1
- package/dist/cjs/components/marquee/marquee.stories.js +0 -1
- package/dist/cjs/components/masonry/masonry.js +0 -1
- package/dist/cjs/components/masonry/masonry.stories.js +0 -1
- package/dist/cjs/components/navBar/NavBar.js +8 -9
- package/dist/cjs/components/navBar/index.js +0 -1
- package/dist/cjs/components/note/Note.js +1 -2
- package/dist/cjs/components/note/Note.stories.js +0 -1
- package/dist/cjs/components/note/index.js +0 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +3 -4
- package/dist/cjs/components/numberStepper/NumberStepper.stories.js +0 -1
- package/dist/cjs/components/numberStepper/index.js +0 -1
- package/dist/cjs/components/particles/ParticleContext.js +0 -1
- package/dist/cjs/components/particles/ParticleLayer.js +0 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.js +0 -1
- package/dist/cjs/components/particles/index.js +0 -1
- package/dist/cjs/components/particles/particlesState.js +0 -1
- package/dist/cjs/components/peek/Peek.js +2 -3
- package/dist/cjs/components/peek/Peek.stories.js +0 -1
- package/dist/cjs/components/peek/index.js +0 -1
- package/dist/cjs/components/popover/Popover.js +3 -4
- package/dist/cjs/components/popover/Popover.stories.js +0 -1
- package/dist/cjs/components/popover/index.js +0 -1
- package/dist/cjs/components/progress/Progress.js +2 -3
- package/dist/cjs/components/progress/Progress.stories.js +0 -1
- package/dist/cjs/components/provider/Provider.js +0 -1
- package/dist/cjs/components/relativeTime/RelativeTime.js +0 -1
- package/dist/cjs/components/relativeTime/RelativeTime.stories.js +0 -1
- package/dist/cjs/components/relativeTime/index.js +0 -1
- package/dist/cjs/components/richEditor/index.js +2 -3
- package/dist/cjs/components/richEditor/richEditor.stories.js +0 -1
- package/dist/cjs/components/scrollArea/ScrollArea.js +2 -3
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js +0 -1
- package/dist/cjs/components/select/Select.js +5 -7
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.js +0 -1
- package/dist/cjs/components/select/index.js +0 -1
- package/dist/cjs/components/skeletons/TextSkeleton.stories.js +0 -1
- package/dist/cjs/components/skeletons/skeletons.js +0 -1
- package/dist/cjs/components/slider/Slider.js +4 -5
- package/dist/cjs/components/slider/Slider.stories.js +0 -1
- package/dist/cjs/components/slider/index.js +0 -1
- package/dist/cjs/components/spinner/Spinner.js +0 -1
- package/dist/cjs/components/spinner/index.js +0 -1
- package/dist/cjs/components/switch/Switch.js +0 -1
- package/dist/cjs/components/switch/index.js +0 -1
- package/dist/cjs/components/tabs/tabs.js +4 -5
- package/dist/cjs/components/tabs/tabs.stories.js +0 -1
- package/dist/cjs/components/textArea/TextArea.js +1 -2
- package/dist/cjs/components/textArea/TextArea.stories.js +0 -1
- package/dist/cjs/components/textArea/index.js +0 -1
- package/dist/cjs/components/toasts/toasts.js +0 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +2 -3
- package/dist/cjs/components/tooltip/Tooltip.js +4 -5
- package/dist/cjs/components/tooltip/Tooltip.stories.js +0 -1
- package/dist/cjs/components/tooltip/index.js +0 -1
- package/dist/cjs/components/typography/index.js +0 -1
- package/dist/cjs/components/typography/typography.js +5 -6
- package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +0 -1
- package/dist/cjs/components/utility/SlotDiv.js +0 -1
- package/dist/cjs/hooks/index.js +0 -1
- package/dist/cjs/hooks/useAnimationFrame.js +0 -1
- package/dist/cjs/hooks/useIdOrGenerated.js +0 -1
- package/dist/cjs/hooks/useLongPress.js +0 -1
- package/dist/cjs/hooks/useMediaQuery.js +0 -1
- package/dist/cjs/hooks/useMergedRef.js +0 -1
- package/dist/cjs/hooks/useOnUnmount.js +0 -1
- package/dist/cjs/hooks/useOverrideTheme.js +0 -1
- package/dist/cjs/hooks/useRotatingShuffledValue.js +0 -1
- package/dist/cjs/hooks/useSize.js +0 -1
- package/dist/cjs/hooks/useStableCallback.js +0 -1
- package/dist/cjs/hooks/useStayScrolledToBottom.js +0 -1
- package/dist/cjs/hooks/useStorage.js +0 -1
- package/dist/cjs/hooks/useTitleBarColor.js +0 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js +0 -1
- package/dist/cjs/hooks/useToggle.js +0 -1
- package/dist/cjs/hooks/useVirtualKeyboardBehavior.js +0 -1
- package/dist/cjs/hooks/useVisualViewportOffset.js +0 -1
- package/dist/cjs/hooks/withClassName.js +0 -1
- package/dist/cjs/hooks/withProps.js +0 -1
- package/dist/cjs/hooks.js +0 -1
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/shadows.stories.js +0 -1
- package/dist/cjs/themes.stories.js +0 -1
- package/dist/cjs/uno/colors.js +0 -1
- package/dist/cjs/uno/shadows.js +0 -1
- package/dist/cjs/uno/uno.preset.js +1 -2
- package/dist/cjs/utilities.stories.js +0 -1
- package/dist/css/main.css +10 -45
- package/dist/esm/colorMode.js +0 -1
- package/dist/esm/colors.stories.js +0 -1
- package/dist/esm/components/actions/ActionBar.js +2 -3
- package/dist/esm/components/actions/ActionBar.stories.js +0 -1
- package/dist/esm/components/actions/ActionButton.js +1 -2
- package/dist/esm/components/actions/index.js +0 -1
- package/dist/esm/components/avatar/Avatar.js +2 -3
- package/dist/esm/components/avatar/AvatarList.js +1 -2
- package/dist/esm/components/avatar/index.js +0 -1
- package/dist/esm/components/box/Box.js +9 -10
- package/dist/esm/components/box/Box.stories.js +0 -1
- package/dist/esm/components/button/Button.js +0 -1
- package/dist/esm/components/button/Button.stories.js +0 -1
- package/dist/esm/components/button/ConfirmedButton.js +0 -1
- package/dist/esm/components/button/classes.js +14 -15
- package/dist/esm/components/button/index.js +0 -1
- package/dist/esm/components/camera/Camera.js +1 -2
- package/dist/esm/components/camera/Camera.stories.js +0 -1
- package/dist/esm/components/camera/index.js +0 -1
- package/dist/esm/components/card/Card.js +9 -10
- package/dist/esm/components/card/Card.stories.js +0 -1
- package/dist/esm/components/card/index.js +0 -1
- package/dist/esm/components/checkbox/Checkbox.js +5 -6
- package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.stories.js +0 -1
- package/dist/esm/components/checkbox/index.js +0 -1
- package/dist/esm/components/chip/Chip.js +1 -2
- package/dist/esm/components/chip/index.js +0 -1
- package/dist/esm/components/collapsible/Collapsible.js +1 -2
- package/dist/esm/components/collapsible/Collapsible.stories.js +0 -1
- package/dist/esm/components/collapsible/index.js +0 -1
- package/dist/esm/components/colorMode/ColorModeToggle.js +0 -1
- package/dist/esm/components/colorMode/ColorModeToggle.stories.js +0 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +0 -1
- package/dist/esm/components/colorPicker/index.js +0 -1
- package/dist/esm/components/contextMenu/contextMenu.js +3 -4
- package/dist/esm/components/datePicker/DatePicker.js +3 -4
- package/dist/esm/components/datePicker/DatePicker.stories.js +0 -1
- package/dist/esm/components/datePicker/index.js +0 -1
- package/dist/esm/components/dialog/Dialog.js +14 -15
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.js +0 -1
- package/dist/esm/components/dialog/index.js +0 -1
- package/dist/esm/components/divider/Divider.js +0 -1
- package/dist/esm/components/divider/index.js +0 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +7 -8
- package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +0 -1
- package/dist/esm/components/dropdownMenu/index.js +0 -1
- package/dist/esm/components/editableText/EditableText.js +1 -2
- package/dist/esm/components/editableText/EditableText.stories.js +0 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.js +8 -9
- package/dist/esm/components/emojiPicker/EmojiPicker.stories.js +0 -1
- package/dist/esm/components/errorBoundary/ErrorBoundary.js +0 -1
- package/dist/esm/components/errorBoundary/index.js +0 -1
- package/dist/esm/components/forms/CheckboxField.js +2 -3
- package/dist/esm/components/forms/Form.js +0 -1
- package/dist/esm/components/forms/FormikForm.js +0 -1
- package/dist/esm/components/forms/FormikForm.stories.js +0 -1
- package/dist/esm/components/forms/NumberStepperField.js +2 -3
- package/dist/esm/components/forms/SubmitButton.js +0 -1
- package/dist/esm/components/forms/TextField.js +0 -1
- package/dist/esm/components/forms/hooks.js +0 -1
- package/dist/esm/components/forms/index.js +0 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +1 -2
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +0 -1
- package/dist/esm/components/icon/Icon.js +0 -1
- package/dist/esm/components/icon/IconLoadingContext.js +0 -1
- package/dist/esm/components/icon/generated/IconSpritesheet.js +1 -2
- package/dist/esm/components/icon/generated/IconSpritesheet.js.map +1 -1
- package/dist/esm/components/icon/generated/iconNames.d.ts +1 -1
- package/dist/esm/components/icon/generated/iconNames.js +1 -1
- package/dist/esm/components/icon/generated/iconNames.js.map +1 -1
- package/dist/esm/components/icon/index.js +0 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +3 -4
- package/dist/esm/components/imageUploader/ImageUploader.stories.js +0 -1
- package/dist/esm/components/imageUploader/UploadIcon.js +0 -1
- package/dist/esm/components/imageUploader/index.js +0 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js +0 -1
- package/dist/esm/components/input/Input.js +1 -2
- package/dist/esm/components/input/Input.stories.js +0 -1
- package/dist/esm/components/input/index.js +0 -1
- package/dist/esm/components/layouts/PageContent.js +1 -2
- package/dist/esm/components/layouts/PageFixedArea.js +1 -2
- package/dist/esm/components/layouts/PageNav.js +1 -2
- package/dist/esm/components/layouts/PageNowPlaying.js +3 -4
- package/dist/esm/components/layouts/PageRoot.js +1 -2
- package/dist/esm/components/layouts/PageSection.js +2 -3
- package/dist/esm/components/layouts/index.js +0 -1
- package/dist/esm/components/layouts/layouts.stories.js +0 -1
- package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js +0 -1
- package/dist/esm/components/liveUpdateTextField/index.js +0 -1
- package/dist/esm/components/marquee/marquee.js +0 -1
- package/dist/esm/components/marquee/marquee.stories.js +0 -1
- package/dist/esm/components/masonry/masonry.js +0 -1
- package/dist/esm/components/masonry/masonry.stories.js +0 -1
- package/dist/esm/components/navBar/NavBar.js +8 -9
- package/dist/esm/components/navBar/index.js +0 -1
- package/dist/esm/components/note/Note.js +1 -2
- package/dist/esm/components/note/Note.stories.js +0 -1
- package/dist/esm/components/note/index.js +0 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +3 -4
- package/dist/esm/components/numberStepper/NumberStepper.stories.js +0 -1
- package/dist/esm/components/numberStepper/index.js +0 -1
- package/dist/esm/components/particles/ParticleContext.js +0 -1
- package/dist/esm/components/particles/ParticleLayer.js +0 -1
- package/dist/esm/components/particles/ParticleLayer.stories.js +0 -1
- package/dist/esm/components/particles/index.js +0 -1
- package/dist/esm/components/particles/particlesState.js +0 -1
- package/dist/esm/components/peek/Peek.js +2 -3
- package/dist/esm/components/peek/Peek.stories.js +0 -1
- package/dist/esm/components/peek/index.js +0 -1
- package/dist/esm/components/popover/Popover.js +3 -4
- package/dist/esm/components/popover/Popover.stories.js +0 -1
- package/dist/esm/components/popover/index.js +0 -1
- package/dist/esm/components/progress/Progress.js +2 -3
- package/dist/esm/components/progress/Progress.stories.js +0 -1
- package/dist/esm/components/provider/Provider.js +0 -1
- package/dist/esm/components/relativeTime/RelativeTime.js +0 -1
- package/dist/esm/components/relativeTime/RelativeTime.stories.js +0 -1
- package/dist/esm/components/relativeTime/index.js +0 -1
- package/dist/esm/components/richEditor/index.js +2 -3
- package/dist/esm/components/richEditor/richEditor.stories.js +0 -1
- package/dist/esm/components/scrollArea/ScrollArea.js +2 -3
- package/dist/esm/components/scrollArea/ScrollArea.stories.js +0 -1
- package/dist/esm/components/select/Select.js +5 -7
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.js +0 -1
- package/dist/esm/components/select/index.js +0 -1
- package/dist/esm/components/skeletons/TextSkeleton.stories.js +0 -1
- package/dist/esm/components/skeletons/skeletons.js +0 -1
- package/dist/esm/components/slider/Slider.js +4 -5
- package/dist/esm/components/slider/Slider.stories.js +0 -1
- package/dist/esm/components/slider/index.js +0 -1
- package/dist/esm/components/spinner/Spinner.js +0 -1
- package/dist/esm/components/spinner/index.js +0 -1
- package/dist/esm/components/switch/Switch.js +0 -1
- package/dist/esm/components/switch/index.js +0 -1
- package/dist/esm/components/tabs/tabs.js +4 -5
- package/dist/esm/components/tabs/tabs.stories.js +0 -1
- package/dist/esm/components/textArea/TextArea.js +1 -2
- package/dist/esm/components/textArea/TextArea.stories.js +0 -1
- package/dist/esm/components/textArea/index.js +0 -1
- package/dist/esm/components/toasts/toasts.js +0 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +2 -3
- package/dist/esm/components/tooltip/Tooltip.js +4 -5
- package/dist/esm/components/tooltip/Tooltip.stories.js +0 -1
- package/dist/esm/components/tooltip/index.js +0 -1
- package/dist/esm/components/typography/index.js +0 -1
- package/dist/esm/components/typography/typography.js +5 -6
- package/dist/esm/components/utility/HideWhileKeyboardOpen.js +0 -1
- package/dist/esm/components/utility/SlotDiv.js +0 -1
- package/dist/esm/hooks/index.js +0 -1
- package/dist/esm/hooks/useAnimationFrame.js +0 -1
- package/dist/esm/hooks/useIdOrGenerated.js +0 -1
- package/dist/esm/hooks/useLongPress.js +0 -1
- package/dist/esm/hooks/useMediaQuery.js +0 -1
- package/dist/esm/hooks/useMergedRef.js +0 -1
- package/dist/esm/hooks/useOnUnmount.js +0 -1
- package/dist/esm/hooks/useOverrideTheme.js +0 -1
- package/dist/esm/hooks/useRotatingShuffledValue.js +0 -1
- package/dist/esm/hooks/useSize.js +0 -1
- package/dist/esm/hooks/useStableCallback.js +0 -1
- package/dist/esm/hooks/useStayScrolledToBottom.js +0 -1
- package/dist/esm/hooks/useStorage.js +0 -1
- package/dist/esm/hooks/useTitleBarColor.js +0 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js +0 -1
- package/dist/esm/hooks/useToggle.js +0 -1
- package/dist/esm/hooks/useVirtualKeyboardBehavior.js +0 -1
- package/dist/esm/hooks/useVisualViewportOffset.js +0 -1
- package/dist/esm/hooks/withClassName.js +0 -1
- package/dist/esm/hooks/withProps.js +0 -1
- package/dist/esm/hooks.js +0 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/shadows.stories.js +0 -1
- package/dist/esm/themes.stories.js +0 -1
- package/dist/esm/uno/colors.js +0 -1
- package/dist/esm/uno/shadows.js +0 -1
- package/dist/esm/uno/uno.preset.js +1 -2
- package/dist/esm/utilities.stories.js +0 -1
- package/package.json +3 -2
- package/src/components/checkbox/Checkbox.tsx +2 -2
- package/src/components/dialog/Dialog.tsx +3 -3
- package/src/components/icon/generated/IconSpritesheet.tsx +9 -1
- package/src/components/icon/generated/iconNames.ts +1 -0
- package/src/components/select/Select.tsx +4 -9
- package/src/uno/uno.preset.ts +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
'use client';
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
@@ -16,9 +15,9 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
16
15
|
import classNames from 'clsx';
|
|
17
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
18
17
|
import { BoxContext } from '../box/Box.js';
|
|
19
|
-
const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:rounded-xl
|
|
20
|
-
const StyledArrow = withClassName(PopoverPrimitive.Arrow, 'layer-components:arrow');
|
|
21
|
-
const StyledClose = withClassName(PopoverPrimitive.Close, 'layer-components:[all:unset]
|
|
18
|
+
const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:(rounded-xl min-w-120px bg-white z-menu shadow-lg op-0 hidden max-w-90vw border 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 flex flex-col)', 'layer-components:[&[data-state=closed]]:pointer-events-none');
|
|
19
|
+
const StyledArrow = withClassName(PopoverPrimitive.Arrow, 'layer-components:(arrow)');
|
|
20
|
+
const StyledClose = withClassName(PopoverPrimitive.Close, 'layer-components:([all:unset] [font-family:inherit] rounded-lg h-25px w-25px inline-flex items-center justify-center color-dark-blend absolute top-5px right-5px hover:bg-lightBlend focus:shadow-focus)');
|
|
22
21
|
// Exports
|
|
23
22
|
export const PopoverRoot = PopoverPrimitive.Root;
|
|
24
23
|
export const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -13,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
13
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
15
14
|
import { withClassName } from '../../hooks.js';
|
|
16
|
-
export const ProgressRoot = withClassName(ProgressPrimitive.Root, 'layer-components:w-full
|
|
17
|
-
export const ProgressIndicator = withClassName(ProgressPrimitive.Indicator, 'layer-components:bg-primary
|
|
15
|
+
export const ProgressRoot = withClassName(ProgressPrimitive.Root, 'layer-components:(w-full relative overflow-hidden border border-default rounded-lg)');
|
|
16
|
+
export const ProgressIndicator = withClassName(ProgressPrimitive.Indicator, 'layer-components:(bg-primary w-full h-6px translate-x-[calc(-100%*(1-var(--value)))] rounded-lg transition-transform)', 'layer-components:[&[data-state=complete]]:(bg-accent)', 'layer-variants:[&[data-color=accent]]:(bg-accent)');
|
|
18
17
|
const ProgressBase = function ProgressBase(_a) {
|
|
19
18
|
var { ref, children, color, max = 100, value } = _a, props = __rest(_a, ["ref", "children", "color", "max", "value"]);
|
|
20
19
|
return (_jsx(ProgressRoot, Object.assign({}, props, { value: value, max: max, ref: ref, children: _jsx(ProgressIndicator, { "data-color": color,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
import clsx from 'clsx';
|
|
3
|
-
export const tipTapClassName = clsx('layer-components:w-full
|
|
4
|
-
export const tipTapReadonlyClassName = clsx('[&_.ProseMirror]:bg-transparent
|
|
2
|
+
export const tipTapClassName = clsx('layer-components:(w-full leading-relaxed)', 'layer-components:[&_.ProseMirror:focus]:(outline-none shadow-focus)', 'layer-components:[&_h1,h2,h3,p]:mt-0', 'layer-components:[&_h1]:(text-2xl font-semibold mb-md [&:not:first-child]:mt-xl)', 'layer-components:[&_h2]:(text-lg font-bold color-gray-dark color-darken-3 mb-md [&:not:first-child]:mt-lg)', 'layer-components:[&_h3]:(text-md font-500 color-gray-dark color-darken-2 mb-sm [&:not:first-child]:mt-md)', 'layer-components:[&_h4]:(text-xs color-gray-dark color-darken-1 mb-sm [&:not:first-child]:mt-md uppercase)', 'layer-components:[&_p]:(mb-md mt-0)', 'layer-components:[&_a]:underline', 'layer-components:[&_blockquote]:(border-l-4 border-l-solid border-gray pl-4 mb-md mt-md ml-md)', 'layer-components:[&_ul]:(list-disc pl-6 mb-md mt-md)', 'layer-components:[&_ol]:(list-decimal pl-6 mb-md mt-md)', 'layer-components:[&_li]:(mb-sm)', 'layer-components:[&_mark]:(bg-primary-wash bg-darken-2)', 'layer-components:[&_strong]:(font-semibold)', 'layer-components:[&_em]:(italic)', 'layer-components:[&_hr]:(my-lg border-gray)', 'layer-components:[&_a]:(underline)', 'layer-components:[&_a:hover]:(underline)', 'layer-components:[&_a:focus]:(outline-none shadow-focus)', 'layer-components:[&_a:focus-visible]:(outline-none ring-inset ring-4 ring-gray)', 'layer-components:[&_.ProseMirror]:(bg-white rounded-[20px] px-4 py-2 shadow-sm-inset border-gray-dark border-solid border-1)');
|
|
3
|
+
export const tipTapReadonlyClassName = clsx('[&_.ProseMirror]:(bg-transparent border-none shadow-none)', '[&_.ProseMirror:focus]:(outline-none shadow-none bg-transparent)');
|
|
5
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -20,8 +19,8 @@ export const ScrollAreaRoot = function ScrollAreaRoot(_a) {
|
|
|
20
19
|
return _jsx(ScrollAreaRootImpl, Object.assign({ ref: ref }, props));
|
|
21
20
|
};
|
|
22
21
|
export const ScrollAreaViewport = withClassName(Primitive.Viewport, 'h-full w-full rounded-inherit', '[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
|
|
23
|
-
export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:flex
|
|
24
|
-
export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:flex-1
|
|
22
|
+
export const ScrollAreaScrollbarRoot = withClassName(Primitive.Scrollbar, 'layer-components:(flex select-none touch-none p-0.5 bg-inherit bg-lighten-2 transition-colors duration-160ms ease-out)', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:(flex-col h-2.5)');
|
|
23
|
+
export const ScrollAreaThumb = withClassName(Primitive.Thumb, 'layer-components:(flex-1 rounded-lg relative bg-inherit bg-darken-2)', 'before:(content-[""] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full min-w-44px min-h-44px)');
|
|
25
24
|
export const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
|
|
26
25
|
var { ref } = _a, props = __rest(_a, ["ref"]);
|
|
27
26
|
return (_jsx(ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: _jsx(ScrollAreaThumb, {}) })));
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
'use client';
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
@@ -12,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
11
|
return t;
|
|
13
12
|
};
|
|
14
13
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
15
|
-
import { CheckIcon, ChevronDownIcon, ChevronUpIcon, } from '@radix-ui/react-icons';
|
|
16
14
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
17
15
|
import classNames from 'clsx';
|
|
18
16
|
import { createContext, useContext, } from 'react';
|
|
@@ -29,9 +27,9 @@ export const SelectItem = (_a) => {
|
|
|
29
27
|
}
|
|
30
28
|
return (_jsxs(SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef, children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectItemIndicator, {})] })));
|
|
31
29
|
};
|
|
32
|
-
export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'layer-components:text-md
|
|
30
|
+
export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'layer-components:(text-md leading-4 color-black flex items-center flex-row h-36px pr-4 pl-35px relative select-none)', 'layer-components:[&[data-disabled]]:(color-gray pointer-events-none) [&[data-highlighted]]:(outline-none bg-gray bg-lighten-3 color-black)');
|
|
33
31
|
export const SelectItemIndicatorRoot = withClassName(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
|
|
34
|
-
export const SelectItemIndicator = withNoNativeRender((props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(
|
|
32
|
+
export const SelectItemIndicator = withNoNativeRender((props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(Icon, { name: "check" }) }))));
|
|
35
33
|
export const SelectItemText = withClassName(SelectPrimitive.ItemText, '');
|
|
36
34
|
export const SelectGroup = (props) => {
|
|
37
35
|
const isNative = useContext(IsNativeContext);
|
|
@@ -41,7 +39,7 @@ export const SelectGroup = (props) => {
|
|
|
41
39
|
return _jsx(SelectPrimitive.Group, Object.assign({}, props));
|
|
42
40
|
};
|
|
43
41
|
export const SelectRoot = SelectPrimitive.Root;
|
|
44
|
-
export const selectTriggerClassName = classNames(getButtonClassName({ color: 'default' }), 'layer-components:[all:unset]
|
|
42
|
+
export const selectTriggerClassName = classNames(getButtonClassName({ color: 'default' }), 'layer-components:([all:unset] inline-flex [&[data-placeholder]]:color-gray-dark)');
|
|
45
43
|
export const SelectTriggerBase = withNoNativeRender(withClassName(SelectPrimitive.Trigger, selectTriggerClassName));
|
|
46
44
|
export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
|
|
47
45
|
export const SelectTrigger = function SelectTrigger(_a) {
|
|
@@ -62,11 +60,11 @@ const contentStyle = {
|
|
|
62
60
|
const viewportStyle = { '--local-corner-scale': '0.9' };
|
|
63
61
|
export const SelectContent = withPassthroughNativeRender((_a) => {
|
|
64
62
|
var { ref: forwardedRef, children, inDialog, className } = _a, props = __rest(_a, ["ref", "children", "inDialog", "className"]);
|
|
65
|
-
return (_jsx(SelectPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:overflow-hidden
|
|
63
|
+
return (_jsx(SelectPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:(overflow-hidden bg-white rounded-md border border-solid border border-black z-menu shadow-lg)', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:(min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)])', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: contentStyle }, props, { ref: forwardedRef, children: [_jsx(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: _jsx(Icon, { name: "chevron", className: "rotate-180" }) }), _jsx(SelectPrimitive.Viewport, { style: viewportStyle, children: children }), _jsx(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: _jsx(Icon, { name: "chevron" }) })] })) }) }));
|
|
66
64
|
});
|
|
67
65
|
export const NativeSelect = (_a) => {
|
|
68
66
|
var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
69
|
-
return (_jsxs("div", { className: classNames('relative', className), children: [_jsx("select", Object.assign({ className: classNames('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-lg px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray hover:border-gray-dark focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray-dark') }, props, { ref: forwardedRef })), _jsx("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: _jsx(
|
|
67
|
+
return (_jsxs("div", { className: classNames('relative', className), children: [_jsx("select", Object.assign({ className: classNames('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-lg px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray hover:border-gray-dark focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray-dark') }, props, { ref: forwardedRef })), _jsx("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: _jsx(Icon, { name: "chevron", className: "w-4 h-4 m-2" }) })] }));
|
|
70
68
|
};
|
|
71
69
|
/**
|
|
72
70
|
* A high-level Select which converts to native on mobile. Use with SelectItem.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -13,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
15
14
|
import { withClassName } from '../../hooks.js';
|
|
16
|
-
export const SliderRoot = withClassName(SliderPrimitive.Root, 'layer-components:relative
|
|
17
|
-
export const SliderTrack = withClassName(SliderPrimitive.Track, 'layer-components:bg-transparent
|
|
18
|
-
export const SliderRange = withClassName(SliderPrimitive.Range, 'layer-components:absolute
|
|
19
|
-
export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:block
|
|
15
|
+
export const SliderRoot = withClassName(SliderPrimitive.Root, 'layer-components:(relative flex items-center select-none touch-none w-full h-30px translate-z-0)');
|
|
16
|
+
export const SliderTrack = withClassName(SliderPrimitive.Track, 'layer-components:(bg-transparent relative grow rounded-lg h-9px border borderpx border-solid border-black)');
|
|
17
|
+
export const SliderRange = withClassName(SliderPrimitive.Range, 'layer-components:(absolute bg-accent rounded-lg h-full)', 'layer-variants:[&[data-color=primary]]:bg-primary');
|
|
18
|
+
export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:(block w-5 h-5 bg-white shadow-sm rounded-lg ring-2 ring-black touch-none transition-all)', 'layer-components:hover:(shadow-md)', 'layer-components:active:(shadow-lg ring-4 ring-accent-dark ring-opacity-50 bg-accent-light)', 'layer-components:focus-visible:(shadow-lg ring-4 ring-accent-dark ring-opacity-50 outline-none bg-accent-light)', 'layer-components:focus:(outline-none)', 'layer-components:disabled:(opacity-50)', 'layer-variants:[&[data-color=primary]]:active:(bg-primary ring-primary-dark)', 'layer-variants:[&[data-color=primary]]:focus-visible:(bg-primary ring-primary-dark)');
|
|
20
19
|
export const Slider = Object.assign(function Slider(_a) {
|
|
21
20
|
var { ref, label, color } = _a, props = __rest(_a, ["ref", "label", "color"]);
|
|
22
21
|
return (_jsxs(SliderRoot, Object.assign({ ref: ref }, props, { children: [_jsx(SliderTrack, { children: _jsx(SliderRange, { "data-color": color }) }), _jsx(SliderThumb, { "aria-label": label, "data-color": color })] })));
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
2
|
var t = {};
|
|
4
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -16,16 +15,16 @@ import clsx from 'clsx';
|
|
|
16
15
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
16
|
export const TabsRoot = withClassName(TabsPrimitive.Root, '');
|
|
18
17
|
export const TabsList = withClassName(TabsPrimitive.List, 'flex flex-row flex-wrap py-2 px-2 items-start gap-2');
|
|
19
|
-
export const TabsTriggerBase = withClassName(TabsPrimitive.Trigger, 'layer-components:flex
|
|
18
|
+
export const TabsTriggerBase = withClassName(TabsPrimitive.Trigger, 'layer-components:(flex flex-row items-center cursor-pointer justify-center gap-2 color-black py-1 px-5 bg-wash text-md min-w-100px rounded-lg border-default font-semibold color-gray-ink border-gray-dark transition-all cursor-pointer select-none font-inherit flex-shrink-0 shadow-sm)', 'layer-components:hover:(bg-darken-1 ring-4 ring-bg)', 'layer-components:focus-visible:(bg-darken-1 ring-4 ring-bg outline-off)', '[&[data-state=active]]:(bg-[var(--bg)] font-semibold color-black cursor-default hover:bg-darken-1 relative z-1)');
|
|
20
19
|
const colorClasses = {
|
|
21
|
-
default: 'layer-variants:[--bg:var(--color-white)]',
|
|
22
|
-
primary: 'layer-variants:[--bg:var(--color-primary)]',
|
|
20
|
+
default: 'layer-variants:([--bg:var(--color-white)])',
|
|
21
|
+
primary: 'layer-variants:([--bg:var(--color-primary)])',
|
|
23
22
|
};
|
|
24
23
|
export const TabsTrigger = (_a) => {
|
|
25
24
|
var { className, color = 'primary' } = _a, props = __rest(_a, ["className", "color"]);
|
|
26
25
|
return (_jsx(TabsTriggerBase, Object.assign({ className: clsx(colorClasses[color], `btn-color-${color}`, className) }, props)));
|
|
27
26
|
};
|
|
28
|
-
export const TabsContent = withClassName(TabsPrimitive.Content, 'layer-components:focus:outline-none
|
|
27
|
+
export const TabsContent = withClassName(TabsPrimitive.Content, 'layer-components:(focus:outline-none focus-visible:(outline-none ring-inset ring-2 ring-gray))');
|
|
29
28
|
export const Tabs = Object.assign(TabsRoot, {
|
|
30
29
|
List: TabsList,
|
|
31
30
|
Trigger: TabsTrigger,
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
'use client';
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
@@ -55,7 +54,7 @@ export const TextArea = function TextArea(_a) {
|
|
|
55
54
|
}
|
|
56
55
|
}, [autoSelect, onFocus]);
|
|
57
56
|
const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
|
|
58
|
-
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit]
|
|
57
|
+
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:([font-family:inherit] color-inherit overflow-hidden resize-none)', 'layer-variants:(rounded-lg px-4 py-4)', {
|
|
59
58
|
'layer-components:[resize:vertical]': !autoSize,
|
|
60
59
|
'layer-components:[resize:none]': autoSize,
|
|
61
60
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
2
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
|
-
export const ToggleGroupRoot = withClassName(ToggleGroupPrimitive.Root, 'layer-components:inline-flex
|
|
5
|
-
export const ToggleGroupItem = withClassName(ToggleGroupPrimitive.Item, 'layer-components:rounded-full
|
|
3
|
+
export const ToggleGroupRoot = withClassName(ToggleGroupPrimitive.Root, 'layer-components:(inline-flex bg-gray-wash bg-darken-1 rounded-lg gap-sm)');
|
|
4
|
+
export const ToggleGroupItem = withClassName(ToggleGroupPrimitive.Item, 'layer-components:(rounded-full color-black bg-gray bg-lighten-3 py-sm px-md flex items-center border-transparent border-1 border-solid justify-center cursor-pointer)', 'layer-components:(hover:bg-lighten-2 active:bg-lighten-2 focus-visible:(ring-4 ring-primary outline-off))', 'layer-components:[&[data-state=on]]:(bg-primary-light border-default)');
|
|
6
5
|
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
7
6
|
Item: ToggleGroupItem,
|
|
8
7
|
});
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
'use client';
|
|
3
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
3
|
var t = {};
|
|
@@ -17,10 +16,10 @@ import classNames from 'clsx';
|
|
|
17
16
|
import { BoxContext } from '../box/Box.js';
|
|
18
17
|
function Content(_a) {
|
|
19
18
|
var { children, className, color = 'contrast' } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
20
|
-
return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative
|
|
21
|
-
'layer-variants:bg-black
|
|
22
|
-
'layer-variants:bg-white
|
|
23
|
-
'layer-variants:bg-attention-ink
|
|
19
|
+
return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:(relative rounded-sm py-2 px-3 text-sm leading-tight shadow-sm select-none hidden z-tooltip)', '[&[data-state=delayed-open]]:flex', '[&[data-state=instant-open]]:flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
|
|
20
|
+
'layer-variants:(bg-black color-white)': color === 'contrast',
|
|
21
|
+
'layer-variants:(bg-white color-black)': color === 'white' || color === 'neutral',
|
|
22
|
+
'layer-variants:(bg-attention-ink color-white)': color === 'attention',
|
|
24
23
|
}, className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "layer-components:arrow" })] })) }) }));
|
|
25
24
|
}
|
|
26
25
|
export const TooltipProvider = TooltipPrimitive.Provider;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
// @unocss-include
|
|
2
1
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
3
2
|
const baseHeadingClass = 'layer-components:my-0';
|
|
4
|
-
export const H1 = withClassName('h1', baseHeadingClass, 'layer-components:font-title
|
|
5
|
-
export const H2 = withClassName('h2', baseHeadingClass, 'layer-components:text-lg
|
|
6
|
-
export const H3 = withClassName('h3', baseHeadingClass, 'layer-components:font-title
|
|
7
|
-
export const H4 = withClassName('h4', baseHeadingClass, 'layer-components:text-xs
|
|
3
|
+
export const H1 = withClassName('h1', baseHeadingClass, 'layer-components:(font-title text-2xl font-semibold color-inherit color-darken-1)');
|
|
4
|
+
export const H2 = withClassName('h2', baseHeadingClass, 'layer-components:(text-lg font-title font-bold color-inherit color-lighten-1)');
|
|
5
|
+
export const H3 = withClassName('h3', baseHeadingClass, 'layer-components:(font-title text-md font-500 color-inherit color-lighten-2)');
|
|
6
|
+
export const H4 = withClassName('h4', baseHeadingClass, 'layer-components:(text-xs uppercase color-inherit color-lighten-2)');
|
|
8
7
|
export const H5 = withClassName('h5', baseHeadingClass);
|
|
9
|
-
export const P = withClassName('p', 'layer-components:my-0
|
|
8
|
+
export const P = withClassName('p', 'layer-components:(my-0 leading-normal)');
|
|
10
9
|
//# sourceMappingURL=typography.js.map
|
package/dist/esm/hooks/index.js
CHANGED