@once-ui-system/core 1.8.4 → 2.0.0-alpha.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/ai/catalog.json +166 -78
- package/ai/components/Accordion.json +1 -1
- package/ai/components/BarChart.json +34 -3
- package/ai/components/Book.json +128 -0
- package/ai/components/Button.json +1 -1
- package/ai/components/Card.json +1 -0
- package/ai/components/Carousel.json +1 -1
- package/ai/components/ChartHeader.json +2 -1
- package/ai/components/ChartStatus.json +2 -1
- package/ai/components/Checkbox.json +2 -2
- package/ai/components/CodeBlock.json +23 -2
- package/ai/components/ColorInput.json +1 -1
- package/ai/components/DataTooltip.json +3 -2
- package/ai/components/DatePicker.json +2 -2
- package/ai/components/Dialog.json +1 -1
- package/ai/components/DropdownWrapper.json +6 -4
- package/ai/components/Effect.json +133 -0
- package/ai/components/Fade.json +1 -1
- package/ai/components/Feedback.json +1 -1
- package/ai/components/IconButton.json +1 -1
- package/ai/components/InfoTip.json +125 -0
- package/ai/components/Input.json +5 -4
- package/ai/components/Legend.json +2 -1
- package/ai/components/LineBarChart.json +34 -3
- package/ai/components/LineChart.json +39 -3
- package/ai/components/LinearGauge.json +3 -2
- package/ai/components/LinearGradient.json +2 -1
- package/ai/components/Logo.json +2 -2
- package/ai/components/Media.json +1 -1
- package/ai/components/MediaUpload.json +21 -2
- package/ai/components/Modal.json +1 -1
- package/ai/components/NavGroup.json +130 -0
- package/ai/components/NavIcon.json +1 -1
- package/ai/components/NavItem.json +14 -0
- package/ai/components/Option.json +2 -2
- package/ai/components/Particle.json +1 -1
- package/ai/components/PieChart.json +32 -3
- package/ai/components/ProgressBar.json +1 -1
- package/ai/components/Pulse.json +1 -1
- package/ai/components/RadialGauge.json +4 -3
- package/ai/components/RadialGradient.json +2 -1
- package/ai/components/RadioButton.json +1 -1
- package/ai/components/RevealFx.json +1 -1
- package/ai/components/Scrubber.json +136 -0
- package/ai/components/SegmentedControl.json +3 -3
- package/ai/components/Setting.json +128 -0
- package/ai/components/SettingAxes.json +127 -0
- package/ai/components/SettingGroup.json +129 -0
- package/ai/components/ShineFx.json +1 -1
- package/ai/components/Skeleton.json +2 -3
- package/ai/components/SplitView.json +2 -0
- package/ai/components/StylePanel.json +4 -2
- package/ai/components/Swatch.json +11 -0
- package/ai/components/Swiper.json +1 -1
- package/ai/components/Switch.json +1 -1
- package/ai/components/Tag.json +1 -1
- package/ai/components/Textarea.json +6 -5
- package/ai/components/ThemeSwitcher.json +3 -0
- package/ai/components/Toast.json +1 -1
- package/ai/components/ToggleButton.json +2 -1
- package/ai/eval-tasks.md +8 -0
- package/ai/examples/app-shell.tsx +111 -0
- package/ai/examples/auth.tsx +1 -1
- package/ai/examples/blocks/Dashboard1.tsx +17 -28
- package/ai/examples/blocks/Feed3.tsx +4 -4
- package/ai/examples/blocks/Footer1.tsx +5 -3
- package/ai/examples/blocks/Footer2.tsx +3 -3
- package/ai/examples/blocks/Footer3.tsx +1 -1
- package/ai/examples/blocks/Footer4.tsx +6 -5
- package/ai/examples/blocks/Header1.tsx +7 -6
- package/ai/examples/blocks/Header3.tsx +7 -7
- package/ai/examples/blocks/Header4.tsx +5 -5
- package/ai/examples/blocks/Sidebar4.tsx +1 -1
- package/ai/examples/blocks/Streaming1.tsx +4 -4
- package/ai/examples/blocks/Table1.tsx +6 -6
- package/ai/examples/blocks/Waitlist1.tsx +5 -5
- package/ai/examples/blocks/content/resources.ts +3 -1
- package/ai/examples/dashboard.tsx +8 -9
- package/ai/examples/marketing-hero.tsx +2 -2
- package/ai/examples/pricing.tsx +4 -5
- package/ai/examples/settings.tsx +3 -3
- package/ai/gotchas.json +80 -23
- package/ai/layouts.md +154 -0
- package/ai/manifest.json +3 -2
- package/ai/recipes.md +49 -4
- package/ai/rules.compact.md +18 -3
- package/ai/rules.md +68 -10
- package/ai/spec.json +634 -176
- package/dist/ai/catalog.json +166 -78
- package/dist/ai/components/Accordion.json +1 -1
- package/dist/ai/components/BarChart.json +34 -3
- package/dist/ai/components/Book.json +128 -0
- package/dist/ai/components/Button.json +1 -1
- package/dist/ai/components/Card.json +1 -0
- package/dist/ai/components/Carousel.json +1 -1
- package/dist/ai/components/ChartHeader.json +2 -1
- package/dist/ai/components/ChartStatus.json +2 -1
- package/dist/ai/components/Checkbox.json +2 -2
- package/dist/ai/components/CodeBlock.json +23 -2
- package/dist/ai/components/ColorInput.json +1 -1
- package/dist/ai/components/DataTooltip.json +3 -2
- package/dist/ai/components/DatePicker.json +2 -2
- package/dist/ai/components/Dialog.json +1 -1
- package/dist/ai/components/DropdownWrapper.json +6 -4
- package/dist/ai/components/Effect.json +133 -0
- package/dist/ai/components/Fade.json +1 -1
- package/dist/ai/components/Feedback.json +1 -1
- package/dist/ai/components/IconButton.json +1 -1
- package/dist/ai/components/InfoTip.json +125 -0
- package/dist/ai/components/Input.json +5 -4
- package/dist/ai/components/Legend.json +2 -1
- package/dist/ai/components/LineBarChart.json +34 -3
- package/dist/ai/components/LineChart.json +39 -3
- package/dist/ai/components/LinearGauge.json +3 -2
- package/dist/ai/components/LinearGradient.json +2 -1
- package/dist/ai/components/Logo.json +2 -2
- package/dist/ai/components/Media.json +1 -1
- package/dist/ai/components/MediaUpload.json +21 -2
- package/dist/ai/components/Modal.json +1 -1
- package/dist/ai/components/NavGroup.json +130 -0
- package/dist/ai/components/NavIcon.json +1 -1
- package/dist/ai/components/NavItem.json +14 -0
- package/dist/ai/components/Option.json +2 -2
- package/dist/ai/components/Particle.json +1 -1
- package/dist/ai/components/PieChart.json +32 -3
- package/dist/ai/components/ProgressBar.json +1 -1
- package/dist/ai/components/Pulse.json +1 -1
- package/dist/ai/components/RadialGauge.json +4 -3
- package/dist/ai/components/RadialGradient.json +2 -1
- package/dist/ai/components/RadioButton.json +1 -1
- package/dist/ai/components/RevealFx.json +1 -1
- package/dist/ai/components/Scrubber.json +136 -0
- package/dist/ai/components/SegmentedControl.json +3 -3
- package/dist/ai/components/Setting.json +128 -0
- package/dist/ai/components/SettingAxes.json +127 -0
- package/dist/ai/components/SettingGroup.json +129 -0
- package/dist/ai/components/ShineFx.json +1 -1
- package/dist/ai/components/Skeleton.json +2 -3
- package/dist/ai/components/SplitView.json +2 -0
- package/dist/ai/components/StylePanel.json +4 -2
- package/dist/ai/components/Swatch.json +11 -0
- package/dist/ai/components/Swiper.json +1 -1
- package/dist/ai/components/Switch.json +1 -1
- package/dist/ai/components/Tag.json +1 -1
- package/dist/ai/components/Textarea.json +6 -5
- package/dist/ai/components/ThemeSwitcher.json +3 -0
- package/dist/ai/components/Toast.json +1 -1
- package/dist/ai/components/ToggleButton.json +2 -1
- package/dist/ai/eval-tasks.md +8 -0
- package/dist/ai/gotchas.json +80 -23
- package/dist/ai/layouts.md +154 -0
- package/dist/ai/manifest.json +3 -2
- package/dist/ai/recipes.md +49 -4
- package/dist/ai/rules.compact.md +18 -3
- package/dist/ai/rules.md +68 -10
- package/dist/ai/spec.json +634 -176
- package/dist/components/Accordion.d.ts +2 -1
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Background.d.ts +6 -6
- package/dist/components/Background.d.ts.map +1 -1
- package/dist/components/Book.d.ts +28 -0
- package/dist/components/Book.d.ts.map +1 -0
- package/dist/components/Book.js +24 -0
- package/dist/components/Book.js.map +1 -0
- package/dist/components/Book.module.scss +45 -0
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -4
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts +8 -0
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +10 -2
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Card.module.scss +11 -1
- package/dist/components/Carousel.d.ts +7 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +7 -7
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Carousel.module.scss +1 -8
- package/dist/components/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +5 -5
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +5 -10
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +2 -7
- package/dist/components/ClientGrid.js.map +1 -1
- package/dist/components/ColorInput.d.ts +1 -1
- package/dist/components/ColorInput.d.ts.map +1 -1
- package/dist/components/ColorInput.js +7 -13
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +2 -2
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +10 -1
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +2 -2
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +21 -14
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +3 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.d.ts +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +14 -14
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -3
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +17 -6
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/Effect.d.ts +41 -0
- package/dist/components/Effect.d.ts.map +1 -0
- package/dist/components/Effect.js +30 -0
- package/dist/components/Effect.js.map +1 -0
- package/dist/components/ElementType.d.ts +2 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/ElementType.js +4 -2
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/Feedback.d.ts +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +2 -2
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +46 -5
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +4 -4
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfoTip.d.ts +17 -0
- package/dist/components/InfoTip.d.ts.map +1 -0
- package/dist/components/InfoTip.js +12 -0
- package/dist/components/InfoTip.js.map +1 -0
- package/dist/components/Input.d.ts +11 -5
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +32 -16
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +313 -1
- package/dist/components/InteractiveDetails.d.ts.map +1 -1
- package/dist/components/InteractiveDetails.js +1 -1
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd.js +4 -1
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/Logo.d.ts +16 -4
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +32 -14
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/Media.d.ts +9 -2
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +25 -16
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaAudioPlayer.d.ts +29 -0
- package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
- package/dist/components/MediaAudioPlayer.js +115 -0
- package/dist/components/MediaAudioPlayer.js.map +1 -0
- package/dist/components/MediaAudioPlayer.module.scss +38 -0
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +10 -10
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavGroup.d.ts +33 -0
- package/dist/components/NavGroup.d.ts.map +1 -0
- package/dist/components/NavGroup.js +27 -0
- package/dist/components/NavGroup.js.map +1 -0
- package/dist/components/NavIcon.d.ts +1 -1
- package/dist/components/NavIcon.d.ts.map +1 -1
- package/dist/components/NavIcon.js +2 -2
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NavItem.d.ts +24 -0
- package/dist/components/NavItem.d.ts.map +1 -0
- package/dist/components/NavItem.js +18 -0
- package/dist/components/NavItem.js.map +1 -0
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.js +3 -3
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +3 -3
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +2 -2
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts +2 -2
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput.js +2 -2
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +2 -2
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/Pulse.d.ts +1 -1
- package/dist/components/Pulse.d.ts.map +1 -1
- package/dist/components/Pulse.js +2 -2
- package/dist/components/Pulse.js.map +1 -1
- package/dist/components/RadioButton.d.ts +2 -2
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +1 -1
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.d.ts +2 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +8 -8
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +1 -1
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/Scrubber.d.ts +70 -0
- package/dist/components/Scrubber.d.ts.map +1 -0
- package/dist/components/Scrubber.js +161 -0
- package/dist/components/Scrubber.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +4 -4
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +11 -11
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +48 -15
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +0 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +99 -52
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts +0 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +11 -9
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/Setting.d.ts +50 -0
- package/dist/components/Setting.d.ts.map +1 -0
- package/dist/components/Setting.js +43 -0
- package/dist/components/Setting.js.map +1 -0
- package/dist/components/ShineFx.d.ts +1 -0
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +2 -2
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.d.ts +16 -3
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton.js +2 -2
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Skeleton.module.scss +14 -51
- package/dist/components/SplitView.d.ts +23 -3
- package/dist/components/SplitView.d.ts.map +1 -1
- package/dist/components/SplitView.js +90 -58
- package/dist/components/SplitView.js.map +1 -1
- package/dist/components/StyleOverlay.d.ts.map +1 -1
- package/dist/components/StyleOverlay.js +1 -1
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.d.ts +47 -6
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +16 -189
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/StylePanel.module.scss +6 -1
- package/dist/components/StylePanelSections.d.ts +117 -0
- package/dist/components/StylePanelSections.d.ts.map +1 -0
- package/dist/components/StylePanelSections.js +175 -0
- package/dist/components/StylePanelSections.js.map +1 -0
- package/dist/components/Swiper.d.ts +7 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +7 -7
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.js +4 -4
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +2 -2
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +2 -2
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Textarea.d.ts +15 -5
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +31 -17
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +14 -1
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +19 -9
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/ThemeSwitcher.module.scss +54 -0
- package/dist/components/Toast.d.ts +1 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toast.js +2 -2
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +9 -2
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +5 -5
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +7 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/AdapterProvider.d.ts +50 -0
- package/dist/contexts/AdapterProvider.d.ts.map +1 -0
- package/dist/contexts/AdapterProvider.js +91 -0
- package/dist/contexts/AdapterProvider.js.map +1 -0
- package/dist/contexts/IconProvider.d.ts +2 -2
- package/dist/contexts/IconProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.js +2 -2
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/LayoutProvider.d.ts +0 -2
- package/dist/contexts/LayoutProvider.d.ts.map +1 -1
- package/dist/contexts/LayoutProvider.js +15 -10
- package/dist/contexts/LayoutProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.d.ts +29 -1
- package/dist/contexts/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +42 -15
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/index.d.ts +3 -2
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +3 -2
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/icons/ATTRIBUTION.md +19 -0
- package/dist/icons/data.d.ts +1919 -0
- package/dist/icons/data.d.ts.map +1 -0
- package/dist/icons/data.js +102 -0
- package/dist/icons/data.js.map +1 -0
- package/dist/icons/renderIcon.d.ts +26 -0
- package/dist/icons/renderIcon.d.ts.map +1 -0
- package/dist/icons/renderIcon.js +22 -0
- package/dist/icons/renderIcon.js.map +1 -0
- package/dist/icons.d.ts +35 -4
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +13 -60
- package/dist/icons.js.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +7 -2
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/ChartHeader.d.ts.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -2
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LinearGauge.d.ts +3 -2
- package/dist/modules/data/LinearGauge.d.ts.map +1 -1
- package/dist/modules/data/LinearGauge.js +1 -1
- package/dist/modules/data/LinearGauge.js.map +1 -1
- package/dist/modules/data/PieChart.impl.d.ts +1 -1
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
- package/dist/modules/data/PieChart.impl.js +4 -1
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/RadialGauge.d.ts +3 -2
- package/dist/modules/data/RadialGauge.d.ts.map +1 -1
- package/dist/modules/data/RadialGauge.js +1 -1
- package/dist/modules/data/RadialGauge.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +12 -3
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/index.d.ts +1 -4
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +9 -3
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
- package/dist/modules/media/MediaUpload.impl.js +1 -1
- package/dist/modules/media/MediaUpload.impl.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +5 -4
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +32 -35
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts +5 -3
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +24 -12
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
- package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/seo/Meta.d.ts +40 -2
- package/dist/modules/seo/Meta.d.ts.map +1 -1
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.d.ts.map +1 -1
- package/dist/modules/seo/Schema.js +1 -2
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/next/index.d.ts +35 -0
- package/dist/next/index.d.ts.map +1 -0
- package/dist/next/index.js +56 -0
- package/dist/next/index.js.map +1 -0
- package/dist/package.json +52 -7
- package/dist/scripts/init-agent.js +0 -0
- package/dist/scripts/validate-ai-code.js +74 -10
- package/dist/server/og-utils.d.ts +9 -3
- package/dist/server/og-utils.d.ts.map +1 -1
- package/dist/server/og-utils.js +15 -9
- package/dist/server/og-utils.js.map +1 -1
- package/dist/styles/breakpoints.scss +16 -5
- package/dist/test/setup.js +21 -0
- package/dist/test/setup.js.map +1 -1
- package/dist/types.d.ts +13 -1
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/utils/colorScheme.d.ts +35 -0
- package/dist/utils/colorScheme.d.ts.map +1 -0
- package/dist/utils/colorScheme.js +140 -0
- package/dist/utils/colorScheme.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/navMatch.d.ts +21 -0
- package/dist/utils/navMatch.d.ts.map +1 -0
- package/dist/utils/navMatch.js +26 -0
- package/dist/utils/navMatch.js.map +1 -0
- package/package.json +228 -171
- package/scripts/init-agent.js +0 -0
- package/scripts/validate-ai-code.js +74 -10
- package/LICENSE.md +0 -21
- package/dist/css/styles.css.map +0 -1
- package/dist/css/tokens.css.map +0 -1
- package/dist/hooks/useResponsiveClasses.d.ts +0 -9
- package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
- package/dist/hooks/useResponsiveClasses.js +0 -293
- package/dist/hooks/useResponsiveClasses.js.map +0 -1
- package/dist/styles/background.scss +0 -423
- package/dist/styles/border.scss +0 -546
- package/dist/styles/color.scss +0 -183
- package/dist/styles/display.scss +0 -391
- package/dist/styles/flex.scss +0 -518
- package/dist/styles/global.scss +0 -36
- package/dist/styles/grid.scss +0 -293
- package/dist/styles/index.scss +0 -14
- package/dist/styles/position.scss +0 -1549
- package/dist/styles/shadow.scss +0 -19
- package/dist/styles/size.scss +0 -53
- package/dist/styles/spacing.scss +0 -1505
- package/dist/styles/typography.scss +0 -223
- package/dist/styles/utilities.scss +0 -23
- package/dist/tokens/border.scss +0 -95
- package/dist/tokens/data.scss +0 -107
- package/dist/tokens/function.scss +0 -742
- package/dist/tokens/index.scss +0 -8
- package/dist/tokens/layout.scss +0 -275
- package/dist/tokens/scheme.scss +0 -352
- package/dist/tokens/shadow.scss +0 -7
- package/dist/tokens/theme.scss +0 -657
- package/dist/tokens/typography.scss +0 -118
- package/next-env.d.ts +0 -5
- package/scripts/copy-files.js +0 -103
- package/scripts/generate-ai-spec.js +0 -464
- package/scripts/generate-emoji-data.js +0 -128
- package/scss.d.ts +0 -4
- package/tsconfig.vitest.json +0 -20
- package/vitest.config.ts +0 -19
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrubber.js","sourceRoot":"","sources":["../../src/components/Scrubber.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,12 +2,12 @@ import { Scroller, ToggleButtonProps } from ".";
|
|
|
2
2
|
interface ButtonOption extends Omit<ToggleButtonProps, "selected"> {
|
|
3
3
|
value: string;
|
|
4
4
|
}
|
|
5
|
-
interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "
|
|
5
|
+
interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "onChange" | "defaultValue"> {
|
|
6
6
|
buttons: ButtonOption[];
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
onChange: (value: string, event?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
+
defaultValue?: string;
|
|
9
9
|
fillWidth?: boolean;
|
|
10
|
-
|
|
10
|
+
value?: string;
|
|
11
11
|
compact?: boolean;
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC9G,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,+HAuHpB,CAAA;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useEffect, useRef, forwardRef } from "react";
|
|
4
4
|
import { ToggleButton, Scroller, Flex } from ".";
|
|
5
|
-
const SegmentedControl = forwardRef(({ buttons,
|
|
5
|
+
const SegmentedControl = forwardRef(({ buttons, onChange, defaultValue, fillWidth = true, value, compact = false, className, style, ...scrollerProps }, ref) => {
|
|
6
6
|
const [internalSelected, setInternalSelected] = useState(() => {
|
|
7
|
-
if (
|
|
8
|
-
return
|
|
9
|
-
if (
|
|
10
|
-
return
|
|
7
|
+
if (value !== undefined)
|
|
8
|
+
return value;
|
|
9
|
+
if (defaultValue !== undefined)
|
|
10
|
+
return defaultValue;
|
|
11
11
|
return buttons[0]?.value || "";
|
|
12
12
|
});
|
|
13
13
|
const buttonRefs = useRef([]);
|
|
14
14
|
useEffect(() => {
|
|
15
|
-
if (
|
|
16
|
-
setInternalSelected(
|
|
15
|
+
if (value !== undefined) {
|
|
16
|
+
setInternalSelected(value);
|
|
17
17
|
}
|
|
18
|
-
}, [
|
|
18
|
+
}, [value]);
|
|
19
19
|
const handleButtonClick = (clickedButton, event) => {
|
|
20
20
|
event.stopPropagation();
|
|
21
21
|
const newSelected = clickedButton.value;
|
|
22
22
|
setInternalSelected(newSelected);
|
|
23
|
-
|
|
23
|
+
onChange(newSelected, event);
|
|
24
24
|
};
|
|
25
25
|
const handleKeyDown = (event) => {
|
|
26
26
|
const focusedIndex = buttonRefs.current.findIndex((ref) => ref === document.activeElement);
|
|
@@ -51,7 +51,7 @@ const SegmentedControl = forwardRef(({ buttons, onToggle, defaultSelected, fillW
|
|
|
51
51
|
if (focusedIndex >= 0 && focusedIndex < buttons.length) {
|
|
52
52
|
const focusedButton = buttons[focusedIndex];
|
|
53
53
|
setInternalSelected(focusedButton.value);
|
|
54
|
-
|
|
54
|
+
onChange(focusedButton.value);
|
|
55
55
|
}
|
|
56
56
|
break;
|
|
57
57
|
default:
|
|
@@ -62,7 +62,7 @@ const SegmentedControl = forwardRef(({ buttons, onToggle, defaultSelected, fillW
|
|
|
62
62
|
return (_jsx(Scroller, { direction: "row", fillWidth: fillWidth, minWidth: 0, ...scrollerProps, role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, children: _jsx(Flex, { fillWidth: fillWidth, gap: compact ? "-1" : "2", padding: compact ? "0" : "4", radius: "l", border: compact ? undefined : "neutral-alpha-weak", children: buttons.map((button, index) => {
|
|
63
63
|
return (_jsx(ToggleButton, { ref: (el) => {
|
|
64
64
|
buttonRefs.current[index] = el;
|
|
65
|
-
}, variant: compact ? "outline" : "ghost",
|
|
65
|
+
}, variant: compact ? "outline" : "ghost", corners: compact ? (index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none") : undefined, selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: { opacity: (index !== selectedIndex && !compact) ? 0.6 : 1, ...style }, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth, ...button }, button.value));
|
|
66
66
|
}) }) }));
|
|
67
67
|
});
|
|
68
68
|
SegmentedControl.displayName = "SegmentedControl";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAiBpE,MAAM,gBAAgB,GAAG,UAAU,CAAwC,CAAC,EAC1E,OAAO,EACP,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAIrB,MAAM,GAAG,CAAC;AACX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoFD,QAAA,MAAM,MAAM,oFA+QX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -7,7 +7,7 @@ import inputStyles from "./Input.module.scss";
|
|
|
7
7
|
// Inner component that uses the arrow navigation context
|
|
8
8
|
const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdownOpen, handleClearSearch, handleBlur, selectRef, }) => {
|
|
9
9
|
const { handleKeyDown: navKeyDown } = useArrowNavigationContext();
|
|
10
|
-
return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search", height: "s",
|
|
10
|
+
return (_jsx(Input, { "data-scaling": "90", id: `select-search-${searchInputId}`, placeholder: "Search", height: "s", suffix: searchQuery ? (_jsx(IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, prefix: _jsx(Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => {
|
|
11
11
|
e.stopPropagation();
|
|
12
12
|
e.preventDefault();
|
|
13
13
|
setIsDropdownOpen(true);
|
|
@@ -39,8 +39,17 @@ const SearchInput = ({ searchInputId, searchQuery, setSearchQuery, setIsDropdown
|
|
|
39
39
|
} }));
|
|
40
40
|
};
|
|
41
41
|
const Select = forwardRef(({ options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, fillWidth = true, style, multiple = false, ...rest }, ref) => {
|
|
42
|
+
/**
|
|
43
|
+
* Focus for the whole control, not the trigger.
|
|
44
|
+
*
|
|
45
|
+
* Opening the dropdown moves focus off the trigger and into the menu, so
|
|
46
|
+
* the trigger's own blur fires mid-interaction with `relatedTarget` inside
|
|
47
|
+
* the dropdown — which the handler below correctly ignores, leaving any
|
|
48
|
+
* state keyed to the trigger stuck on. Capture-phase listeners on the
|
|
49
|
+
* wrapper see focus enter and leave the control as a whole, which is the
|
|
50
|
+
* thing a focus ring should actually track.
|
|
51
|
+
*/
|
|
42
52
|
const [isFocused, setIsFocused] = useState(false);
|
|
43
|
-
const [isFilled, setIsFilled] = useState(false);
|
|
44
53
|
const [internalValue, setInternalValue] = useState(multiple ? [] : value);
|
|
45
54
|
useEffect(() => {
|
|
46
55
|
if (value !== undefined) {
|
|
@@ -58,12 +67,7 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
58
67
|
const justSelectedRef = useRef(false);
|
|
59
68
|
const handleFocus = () => {
|
|
60
69
|
// Allow reopening the dropdown even after selection
|
|
61
|
-
setIsFocused(true);
|
|
62
70
|
setIsDropdownOpen(true);
|
|
63
|
-
// Set highlighted index to first option or current selection
|
|
64
|
-
const currentIndex = options.findIndex((option) => multiple
|
|
65
|
-
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
66
|
-
: option.value === currentValue);
|
|
67
71
|
};
|
|
68
72
|
const handleBlur = (event) => {
|
|
69
73
|
// Don't close dropdown if focus is moving to an element within the select component
|
|
@@ -71,11 +75,40 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
71
75
|
// Only close if we're not moving to the dropdown or its children
|
|
72
76
|
const isMovingToDropdown = event.relatedTarget && event.relatedTarget.closest("[data-dropdown]");
|
|
73
77
|
if (!isMovingToDropdown) {
|
|
74
|
-
setIsFocused(false);
|
|
75
78
|
setIsDropdownOpen(false);
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
81
|
};
|
|
82
|
+
/**
|
|
83
|
+
* Focus leaves this control without ever firing a blur it can hear.
|
|
84
|
+
*
|
|
85
|
+
* Picking an option moves focus onto a button inside the dropdown, and
|
|
86
|
+
* closing the menu removes that button from the document — and removing a
|
|
87
|
+
* focused element fires no `focusout`, it just resets focus to `body`.
|
|
88
|
+
* Traced in Chromium: `focusin INPUT`, `focusout INPUT -> BUTTON`, and then
|
|
89
|
+
* nothing at all while `document.activeElement` quietly became `BODY`. A
|
|
90
|
+
* blur listener, on the trigger or on the wrapper, cannot see that.
|
|
91
|
+
*
|
|
92
|
+
* So the exit is watched at the document instead, on the two events that do
|
|
93
|
+
* fire: focus landing somewhere else, and a pointer going down somewhere
|
|
94
|
+
* else. Only mounted while focused, so an unfocused Select costs nothing.
|
|
95
|
+
*/
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
if (!isFocused)
|
|
98
|
+
return;
|
|
99
|
+
const leaveIfOutside = (event) => {
|
|
100
|
+
const target = event.target;
|
|
101
|
+
if (target && selectRef.current?.contains(target))
|
|
102
|
+
return;
|
|
103
|
+
setIsFocused(false);
|
|
104
|
+
};
|
|
105
|
+
document.addEventListener("focusin", leaveIfOutside);
|
|
106
|
+
document.addEventListener("pointerdown", leaveIfOutside);
|
|
107
|
+
return () => {
|
|
108
|
+
document.removeEventListener("focusin", leaveIfOutside);
|
|
109
|
+
document.removeEventListener("pointerdown", leaveIfOutside);
|
|
110
|
+
};
|
|
111
|
+
}, [isFocused]);
|
|
79
112
|
const handleSelect = (value) => {
|
|
80
113
|
if (multiple) {
|
|
81
114
|
const currentValues = Array.isArray(currentValue) ? currentValue : [];
|
|
@@ -144,16 +177,16 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
144
177
|
ref(node);
|
|
145
178
|
else if (ref)
|
|
146
179
|
ref.current = node;
|
|
147
|
-
},
|
|
180
|
+
}, onFocusCapture: () => setIsFocused(true), open: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, closeAfterClick: false, disableTriggerClick: true, style: {
|
|
148
181
|
...style,
|
|
149
182
|
}, trigger: _jsx(Input, { ...rest, style: {
|
|
150
183
|
textOverflow: "ellipsis",
|
|
151
184
|
...style,
|
|
152
|
-
}, cursor: "interactive", value: getDisplayText(), onFocus: handleFocus, readOnly: true,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
185
|
+
}, cursor: "interactive", value: getDisplayText(), onFocus: handleFocus, readOnly: true,
|
|
186
|
+
// `{ className }` in the object put the literal string "className"
|
|
187
|
+
// on the element when the prop was truthy and dropped the caller's
|
|
188
|
+
// class entirely. It is a value, not a condition.
|
|
189
|
+
className: classNames("fill-width", className, isFocused && inputStyles.focused), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown: _jsx(Column, { fillWidth: true, padding: "4", "data-dropdown": "true", children: _jsxs(ArrowNavigation, { layout: "column", itemCount: filteredOptions.length, onSelect: (index) => {
|
|
157
190
|
if (index >= 0 && index < filteredOptions.length) {
|
|
158
191
|
handleSelect(filteredOptions[index].value);
|
|
159
192
|
}
|
|
@@ -163,7 +196,7 @@ const Select = forwardRef(({ options, value = "", onSelect, searchable = false,
|
|
|
163
196
|
setIsDropdownOpen(false);
|
|
164
197
|
}, selected: multiple
|
|
165
198
|
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
166
|
-
: option.value === currentValue, tabIndex: -1,
|
|
199
|
+
: option.value === currentValue, tabIndex: -1, prefix: multiple ? (Array.isArray(currentValue) && currentValue.includes(option.value) ? (_jsx(Icon, { name: "check", size: "xs", onBackground: "neutral-weak" })) : Array.isArray(currentValue) && currentValue.length > 0 ? (_jsx(Flex, { minWidth: "20" })) : undefined) : undefined }, option.value))), searchQuery && filteredOptions.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }) }));
|
|
167
200
|
});
|
|
168
201
|
Select.displayName = "Select";
|
|
169
202
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EAEL,MAAM,EAGN,MAAM,EACN,eAAe,EACf,yBAAyB,GAC1B,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ interface ServerFlexProps extends FlexProps, SpacingProps, SizeProps, StyleProps
|
|
|
5
5
|
m?: FlexBreakpointProps;
|
|
6
6
|
s?: FlexBreakpointProps;
|
|
7
7
|
xs?: FlexBreakpointProps;
|
|
8
|
-
isDefaultBreakpoints?: boolean;
|
|
9
8
|
}
|
|
10
9
|
declare const ServerFlex: import("react").ForwardRefExoticComponent<ServerFlexProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
10
|
export { ServerFlex };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ServerFlex.d.ts","sourceRoot":"","sources":["../../src/components/ServerFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACX,MAAM,eAAe,CAAC;AAGvB,UAAU,eACR,SAAQ,SAAS,EACf,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY;IACd,EAAE,CAAC,EAAE,mBAAmB,CAAC;IACzB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,CAAC,CAAC,EAAE,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,mBAAmB,CAAC;CAC1B;AAgDD,QAAA,MAAM,UAAU,4GA2kBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,7 +1,49 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import classNames from "clsx";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Spacing prop to utility prefix. The class matrix behind these is generated
|
|
6
|
+
* from `@once-ui-system/foundations`' spec, which emits every prefix at every
|
|
7
|
+
* token for every breakpoint.
|
|
8
|
+
*/
|
|
9
|
+
const SPACING_PREFIX = {
|
|
10
|
+
padding: "p",
|
|
11
|
+
paddingLeft: "pl",
|
|
12
|
+
paddingRight: "pr",
|
|
13
|
+
paddingTop: "pt",
|
|
14
|
+
paddingBottom: "pb",
|
|
15
|
+
paddingX: "px",
|
|
16
|
+
paddingY: "py",
|
|
17
|
+
margin: "m",
|
|
18
|
+
marginLeft: "ml",
|
|
19
|
+
marginRight: "mr",
|
|
20
|
+
marginTop: "mt",
|
|
21
|
+
marginBottom: "mb",
|
|
22
|
+
marginX: "mx",
|
|
23
|
+
marginY: "my",
|
|
24
|
+
gap: "g",
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Breakpoint spacing, as classes.
|
|
28
|
+
*
|
|
29
|
+
* Nothing emitted these before, so a token in a breakpoint prop — `s={{ gap: "4" }}`,
|
|
30
|
+
* which is what the docs and every example teach — resolved to nothing at all:
|
|
31
|
+
* no class was written, and ClientFlex's inline path guards on
|
|
32
|
+
* `typeof value === "number"`, so the string fell through both. Numbers worked,
|
|
33
|
+
* tokens did not, and neither said so.
|
|
34
|
+
*
|
|
35
|
+
* Numbers still go to the inline path, since `gap: 0.25` is a rem value with no
|
|
36
|
+
* class behind it; `Flex` keeps those on the client component.
|
|
37
|
+
*/
|
|
38
|
+
function spacingClasses(breakpoint, props) {
|
|
39
|
+
if (!props)
|
|
40
|
+
return [];
|
|
41
|
+
return Object.entries(SPACING_PREFIX).map(([prop, prefix]) => {
|
|
42
|
+
const value = props[prop];
|
|
43
|
+
return typeof value === "string" && value !== "" && `${breakpoint}-${prefix}-${value}`;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, light, direction, xl, l, m, s, xs, wrap = false, horizontal, vertical, flex, textVariant, textSize, textWeight, textType, onBackground, onSolid, align, top, right, bottom, left, translateX, translateY, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, gap, position = "relative", center, width, height, maxWidth, minWidth, minHeight, maxHeight, scrollbar = "minimal", fit = false, fitWidth = false, fitHeight = false, fill = false, fillWidth = false, fillHeight = false, aspectRatio, transition, background, solid, opacity, pointerEvents, border, borderTop, borderRight, borderBottom, borderLeft, borderX, borderY, borderStyle, borderWidth, radius, topRadius, rightRadius, bottomRadius, leftRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius, overflow, overflowX, overflowY, zIndex, shadow, cursor, className, style, children, ...rest }, ref) => {
|
|
5
47
|
if (onBackground && onSolid) {
|
|
6
48
|
console.warn("You cannot use both 'onBackground' and 'onSolid' props simultaneously. Only one will be applied.");
|
|
7
49
|
}
|
|
@@ -10,7 +52,11 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
10
52
|
}
|
|
11
53
|
// Cascade breakpoints: larger breakpoint styles flow down to smaller ones
|
|
12
54
|
// Order: xl > l > m > s > xs
|
|
13
|
-
|
|
55
|
+
// `xl` leads the cascade, as the comment above always claimed it did — the
|
|
56
|
+
// code used to start at `l` and drop it on the floor, so an `xl` object
|
|
57
|
+
// only ever reached the client component.
|
|
58
|
+
const cascadedXl = xl ? { direction, ...xl } : { direction };
|
|
59
|
+
const cascadedL = l ? { ...cascadedXl, ...l } : cascadedXl;
|
|
14
60
|
const cascadedM = m ? { ...cascadedL, ...m } : cascadedL;
|
|
15
61
|
const cascadedS = s ? { ...cascadedM, ...s } : cascadedM;
|
|
16
62
|
const cascadedXs = xs ? { ...cascadedS, ...xs } : cascadedS;
|
|
@@ -36,8 +82,11 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
36
82
|
const generateDynamicClass = (type, value) => {
|
|
37
83
|
if (!value)
|
|
38
84
|
return undefined;
|
|
85
|
+
// Not hardcoded to `border`: this helper is called for background and
|
|
86
|
+
// solid too, and returning the border class for them applied nothing to
|
|
87
|
+
// the background while clearing the border the author asked for.
|
|
39
88
|
if (value === "transparent") {
|
|
40
|
-
return `transparent
|
|
89
|
+
return `transparent-${type}`;
|
|
41
90
|
}
|
|
42
91
|
if (["surface", "page", "overlay"].includes(value)) {
|
|
43
92
|
return `${value}-${type}`;
|
|
@@ -97,7 +146,7 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
97
146
|
"default-border", typeof border === "string" && generateDynamicClass("border", border), typeof borderTop === "string" && generateDynamicClass("border", borderTop), typeof borderRight === "string" && generateDynamicClass("border", borderRight), typeof borderBottom === "string" && generateDynamicClass("border", borderBottom), typeof borderLeft === "string" && generateDynamicClass("border", borderLeft), typeof borderX === "string" && generateDynamicClass("border", borderX), typeof borderY === "string" && generateDynamicClass("border", borderY), (border || borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
98
147
|
!borderStyle &&
|
|
99
148
|
"border-solid", border && !borderWidth && "border-1", (borderTop || borderRight || borderBottom || borderLeft || borderX || borderY) &&
|
|
100
|
-
"border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderX && "border-x-1", borderY && "border-y-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, direction && `flex-${direction}`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, opacity && `opacity-${opacity}`, wrap && "flex-wrap", overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, ((overflow && overflow !== "hidden") ||
|
|
149
|
+
"border-reset", borderTop && "border-top-1", borderRight && "border-right-1", borderBottom && "border-bottom-1", borderLeft && "border-left-1", borderX && "border-x-1", borderY && "border-y-1", borderWidth && `border-${borderWidth}`, borderStyle && `border-${borderStyle}`, radius === "full" ? "radius-full" : radius && `radius-${radius}`, topRadius && `radius-${topRadius}-top`, rightRadius && `radius-${rightRadius}-right`, bottomRadius && `radius-${bottomRadius}-bottom`, leftRadius && `radius-${leftRadius}-left`, topLeftRadius && `radius-${topLeftRadius}-top-left`, topRightRadius && `radius-${topRightRadius}-top-right`, bottomLeftRadius && `radius-${bottomLeftRadius}-bottom-left`, bottomRightRadius && `radius-${bottomRightRadius}-bottom-right`, direction && `flex-${direction}`, pointerEvents && `pointer-events-${pointerEvents}`, transition && `transition-${transition}`, opacity !== undefined && `opacity-${opacity}`, wrap && "flex-wrap", overflow && `overflow-${overflow}`, overflowX && `overflow-x-${overflowX}`, overflowY && `overflow-y-${overflowY}`, ((overflow && overflow !== "hidden") ||
|
|
101
150
|
(overflowX && overflowX !== "hidden") ||
|
|
102
151
|
(overflowY && overflowY !== "hidden")) &&
|
|
103
152
|
`scrollbar-${scrollbar}`, flex && `flex-${flex}`, horizontal &&
|
|
@@ -106,54 +155,52 @@ const ServerFlex = forwardRef(({ as: Component = "div", inline, hide, dark, ligh
|
|
|
106
155
|
: `align-${horizontal}`), vertical &&
|
|
107
156
|
(direction === "row" || direction === "row-reverse" || direction === undefined
|
|
108
157
|
? `align-${vertical}`
|
|
109
|
-
: `justify-${vertical}`), center && "center", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", fillWidth && !minWidth && "min-width-0", fillHeight && !minHeight && "min-height-0", fill && "min-height-0", fill && "min-width-0", (fillWidth || maxWidth) && "fill-width", maxWidth && ["xs", "s", "m", "l", "xl"].includes(maxWidth) && `max-width-${maxWidth}`, (fillHeight || maxHeight) && "fill-height", shadow && `shadow-${shadow}`, zIndex && `z-index-${zIndex}`, textType && `font-${textType}`, typeof cursor === "string" && `cursor-${cursor}`, dark && "dark-flex", light && "light-flex", colorClass, className, ...variantClasses);
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
" "
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
cascadedL?.overflow && `l-overflow-${cascadedL.overflow}`, cascadedM?.overflow && `m-overflow-${cascadedM.overflow}`, cascadedS?.overflow && `s-overflow-${cascadedS.overflow}`, cascadedXs?.overflow && `xs-overflow-${cascadedXs.overflow}`, cascadedL?.overflowX && `l-overflow-x-${cascadedL.overflowX}`, cascadedM?.overflowX && `m-overflow-x-${cascadedM.overflowX}`, cascadedS?.overflowX && `s-overflow-x-${cascadedS.overflowX}`, cascadedXs?.overflowX && `xs-overflow-x-${cascadedXs.overflowX}`, cascadedL?.overflowY && `l-overflow-y-${cascadedL.overflowY}`, cascadedM?.overflowY && `m-overflow-y-${cascadedM.overflowY}`, cascadedS?.overflowY && `s-overflow-y-${cascadedS.overflowY}`, cascadedXs?.overflowY && `xs-overflow-y-${cascadedXs.overflowY}`, cascadedL?.wrap && `l-flex-${cascadedL.wrap}`, cascadedM?.wrap && `m-flex-${cascadedM.wrap}`, cascadedS?.wrap && `s-flex-${cascadedS.wrap}`, cascadedXs?.wrap && `xs-flex-${cascadedXs.wrap}`, cascadedL?.flex && `l-flex-${cascadedL.flex}`, cascadedM?.flex && `m-flex-${cascadedM.flex}`, cascadedS?.flex && `s-flex-${cascadedS.flex}`, cascadedXs?.flex && `xs-flex-${cascadedXs.flex}`, cascadedL?.align && `l-align-${cascadedL.align}`, cascadedM?.align && `m-align-${cascadedM.align}`, cascadedS?.align && `s-align-${cascadedS.align}`, cascadedXs?.align && `xs-align-${cascadedXs.align}`, cascadedL?.scrollbar && `l-scrollbar-${cascadedL.scrollbar}`, cascadedM?.scrollbar && `m-scrollbar-${cascadedM.scrollbar}`, cascadedS?.scrollbar && `s-scrollbar-${cascadedS.scrollbar}`, cascadedXs?.scrollbar && `xs-scrollbar-${cascadedXs.scrollbar}`, cascadedL?.pointerEvents && `l-pointer-events-${cascadedL.pointerEvents}`, cascadedM?.pointerEvents && `m-pointer-events-${cascadedM.pointerEvents}`, cascadedS?.pointerEvents && `s-pointer-events-${cascadedS.pointerEvents}`, cascadedXs?.pointerEvents && `xs-pointer-events-${cascadedXs.pointerEvents}`, cascadedL?.opacity !== undefined && `l-opacity-${cascadedL.opacity}`, cascadedM?.opacity !== undefined && `m-opacity-${cascadedM.opacity}`, cascadedS?.opacity !== undefined && `s-opacity-${cascadedS.opacity}`, cascadedXs?.opacity !== undefined && `xs-opacity-${cascadedXs.opacity}`, cascadedL?.zIndex && `l-z-index-${cascadedL.zIndex}`, cascadedM?.zIndex && `m-z-index-${cascadedM.zIndex}`, cascadedS?.zIndex && `s-z-index-${cascadedS.zIndex}`, cascadedXs?.zIndex && `xs-z-index-${cascadedXs.zIndex}`, cascadedL?.transition && `l-transition-${cascadedL.transition}`, cascadedM?.transition && `m-transition-${cascadedM.transition}`, cascadedS?.transition && `s-transition-${cascadedS.transition}`, cascadedXs?.transition && `xs-transition-${cascadedXs.transition}`);
|
|
156
|
-
}
|
|
158
|
+
: `justify-${vertical}`), center && "center", fit && "fit", fitWidth && "fit-width", fitHeight && "fit-height", fill && "fill", fillWidth && !minWidth && "min-width-0", fillHeight && !minHeight && "min-height-0", fill && "min-height-0", fill && "min-width-0", (fillWidth || maxWidth) && "fill-width", maxWidth && ["xs", "s", "m", "l", "xl"].includes(maxWidth) && `max-width-${maxWidth}`, (fillHeight || maxHeight) && "fill-height", shadow && `shadow-${shadow}`, zIndex !== undefined && `z-index-${zIndex}`, textType && `font-${textType}`, typeof cursor === "string" && `cursor-${cursor}`, dark && "dark-flex", light && "light-flex", colorClass, className, ...variantClasses);
|
|
159
|
+
classes +=
|
|
160
|
+
" " +
|
|
161
|
+
classNames(...spacingClasses("xl", cascadedXl), ...spacingClasses("l", cascadedL), ...spacingClasses("m", cascadedM), ...spacingClasses("s", cascadedS), ...spacingClasses("xs", cascadedXs), cascadedXl?.position && `xl-position-${cascadedXl.position}`, cascadedL?.position && `l-position-${cascadedL.position}`, cascadedM?.position && `m-position-${cascadedM.position}`, cascadedS?.position && `s-position-${cascadedS.position}`, cascadedXs?.position && `xs-position-${cascadedXs.position}`, cascadedXl?.hide === true && "xl-flex-hide", cascadedXl?.hide === false && "xl-flex-show", cascadedL?.hide === true && "l-flex-hide", cascadedL?.hide === false && "l-flex-show", cascadedM?.hide === true && "m-flex-hide", cascadedM?.hide === false && "m-flex-show", cascadedS?.hide === true && "s-flex-hide", cascadedS?.hide === false && "s-flex-show", cascadedXs?.hide === true && "xs-flex-hide", cascadedXs?.hide === false && "xs-flex-show", xl?.direction && `xl-flex-${xl.direction}`, l?.direction && `l-flex-${l.direction}`, m?.direction && `m-flex-${m.direction}`, s?.direction && `s-flex-${s.direction}`, xs?.direction && `xs-flex-${xs.direction}`, cascadedL?.horizontal &&
|
|
162
|
+
(cascadedL?.direction === "row" ||
|
|
163
|
+
cascadedL?.direction === "row-reverse" ||
|
|
164
|
+
cascadedL?.direction === undefined
|
|
165
|
+
? `l-justify-${cascadedL.horizontal}`
|
|
166
|
+
: `l-align-${cascadedL.horizontal}`), cascadedL?.vertical &&
|
|
167
|
+
(cascadedL?.direction === "row" ||
|
|
168
|
+
cascadedL?.direction === "row-reverse" ||
|
|
169
|
+
cascadedL?.direction === undefined
|
|
170
|
+
? `l-align-${cascadedL.vertical}`
|
|
171
|
+
: `l-justify-${cascadedL.vertical}`), cascadedM?.horizontal &&
|
|
172
|
+
(cascadedM?.direction === "row" ||
|
|
173
|
+
cascadedM?.direction === "row-reverse" ||
|
|
174
|
+
cascadedM?.direction === undefined
|
|
175
|
+
? `m-justify-${cascadedM.horizontal}`
|
|
176
|
+
: `m-align-${cascadedM.horizontal}`), cascadedM?.vertical &&
|
|
177
|
+
(cascadedM?.direction === "row" ||
|
|
178
|
+
cascadedM?.direction === "row-reverse" ||
|
|
179
|
+
cascadedM?.direction === undefined
|
|
180
|
+
? `m-align-${cascadedM.vertical}`
|
|
181
|
+
: `m-justify-${cascadedM.vertical}`), cascadedS?.horizontal &&
|
|
182
|
+
(cascadedS?.direction === "row" ||
|
|
183
|
+
cascadedS?.direction === "row-reverse" ||
|
|
184
|
+
cascadedS?.direction === undefined
|
|
185
|
+
? `s-justify-${cascadedS.horizontal}`
|
|
186
|
+
: `s-align-${cascadedS.horizontal}`), cascadedS?.vertical &&
|
|
187
|
+
(cascadedS?.direction === "row" ||
|
|
188
|
+
cascadedS?.direction === "row-reverse" ||
|
|
189
|
+
cascadedS?.direction === undefined
|
|
190
|
+
? `s-align-${cascadedS.vertical}`
|
|
191
|
+
: `s-justify-${cascadedS.vertical}`), cascadedXs?.horizontal &&
|
|
192
|
+
(cascadedXs?.direction === "row" ||
|
|
193
|
+
cascadedXs?.direction === "row-reverse" ||
|
|
194
|
+
cascadedXs?.direction === undefined
|
|
195
|
+
? `xs-justify-${cascadedXs.horizontal}`
|
|
196
|
+
: `xs-align-${cascadedXs.horizontal}`), cascadedXs?.vertical &&
|
|
197
|
+
(cascadedXs?.direction === "row" ||
|
|
198
|
+
cascadedXs?.direction === "row-reverse" ||
|
|
199
|
+
cascadedXs?.direction === undefined
|
|
200
|
+
? `xs-align-${cascadedXs.vertical}`
|
|
201
|
+
: `xs-justify-${cascadedXs.vertical}`),
|
|
202
|
+
// Additional class-based properties
|
|
203
|
+
cascadedL?.overflow && `l-overflow-${cascadedL.overflow}`, cascadedM?.overflow && `m-overflow-${cascadedM.overflow}`, cascadedS?.overflow && `s-overflow-${cascadedS.overflow}`, cascadedXs?.overflow && `xs-overflow-${cascadedXs.overflow}`, cascadedL?.overflowX && `l-overflow-x-${cascadedL.overflowX}`, cascadedM?.overflowX && `m-overflow-x-${cascadedM.overflowX}`, cascadedS?.overflowX && `s-overflow-x-${cascadedS.overflowX}`, cascadedXs?.overflowX && `xs-overflow-x-${cascadedXs.overflowX}`, cascadedL?.overflowY && `l-overflow-y-${cascadedL.overflowY}`, cascadedM?.overflowY && `m-overflow-y-${cascadedM.overflowY}`, cascadedS?.overflowY && `s-overflow-y-${cascadedS.overflowY}`, cascadedXs?.overflowY && `xs-overflow-y-${cascadedXs.overflowY}`, cascadedL?.wrap && `l-flex-${cascadedL.wrap}`, cascadedM?.wrap && `m-flex-${cascadedM.wrap}`, cascadedS?.wrap && `s-flex-${cascadedS.wrap}`, cascadedXs?.wrap && `xs-flex-${cascadedXs.wrap}`, cascadedL?.flex && `l-flex-${cascadedL.flex}`, cascadedM?.flex && `m-flex-${cascadedM.flex}`, cascadedS?.flex && `s-flex-${cascadedS.flex}`, cascadedXs?.flex && `xs-flex-${cascadedXs.flex}`, cascadedL?.align && `l-align-${cascadedL.align}`, cascadedM?.align && `m-align-${cascadedM.align}`, cascadedS?.align && `s-align-${cascadedS.align}`, cascadedXs?.align && `xs-align-${cascadedXs.align}`, cascadedL?.scrollbar && `l-scrollbar-${cascadedL.scrollbar}`, cascadedM?.scrollbar && `m-scrollbar-${cascadedM.scrollbar}`, cascadedS?.scrollbar && `s-scrollbar-${cascadedS.scrollbar}`, cascadedXs?.scrollbar && `xs-scrollbar-${cascadedXs.scrollbar}`, cascadedL?.pointerEvents && `l-pointer-events-${cascadedL.pointerEvents}`, cascadedM?.pointerEvents && `m-pointer-events-${cascadedM.pointerEvents}`, cascadedS?.pointerEvents && `s-pointer-events-${cascadedS.pointerEvents}`, cascadedXs?.pointerEvents && `xs-pointer-events-${cascadedXs.pointerEvents}`, cascadedL?.opacity !== undefined && `l-opacity-${cascadedL.opacity}`, cascadedM?.opacity !== undefined && `m-opacity-${cascadedM.opacity}`, cascadedS?.opacity !== undefined && `s-opacity-${cascadedS.opacity}`, cascadedXs?.opacity !== undefined && `xs-opacity-${cascadedXs.opacity}`, cascadedL?.zIndex !== undefined && `l-z-index-${cascadedL.zIndex}`, cascadedM?.zIndex !== undefined && `m-z-index-${cascadedM.zIndex}`, cascadedS?.zIndex !== undefined && `s-z-index-${cascadedS.zIndex}`, cascadedXs?.zIndex !== undefined && `xs-z-index-${cascadedXs.zIndex}`, cascadedL?.transition && `l-transition-${cascadedL.transition}`, cascadedM?.transition && `m-transition-${cascadedM.transition}`, cascadedS?.transition && `s-transition-${cascadedS.transition}`, cascadedXs?.transition && `xs-transition-${cascadedXs.transition}`);
|
|
157
204
|
const parseDimension = (value, type) => {
|
|
158
205
|
if (value === undefined)
|
|
159
206
|
return undefined;
|