@once-ui-system/core 1.8.3 → 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 +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 +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/FadingLettersFx.d.ts +1 -1
- package/dist/components/FadingLettersFx.d.ts.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/Heading.d.ts +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/InfiniteScroll.d.ts +1 -1
- package/dist/components/InfiniteScroll.d.ts.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.d.ts +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/ScrollToTop.d.ts +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 +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/Text.d.ts +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/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +6 -4
- package/dist/components/ThemeInit.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/DataThemeProvider.d.ts +1 -1
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.d.ts +3 -3
- 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/data/emoji-data.json +0 -10
- 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 +4 -3
- 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 +4 -3
- 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 +2 -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 +156 -0
- package/dist/scripts/validate-ai-code.js +213 -0
- 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 +66 -11
- package/scripts/validate-ai-code.js +74 -10
- 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
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Flex, Column, Row } from ".";
|
|
3
|
+
import type { IconName } from "../icons";
|
|
3
4
|
import { CondensedTShirtSizes } from "../types";
|
|
4
5
|
export interface AccordionHandle {
|
|
5
6
|
toggle: () => void;
|
|
@@ -9,7 +10,7 @@ export interface AccordionHandle {
|
|
|
9
10
|
interface AccordionProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
|
|
10
11
|
title: React.ReactNode;
|
|
11
12
|
children: React.ReactNode;
|
|
12
|
-
icon?:
|
|
13
|
+
icon?: IconName;
|
|
13
14
|
iconRotation?: number;
|
|
14
15
|
size?: CondensedTShirtSizes;
|
|
15
16
|
radius?: "xs" | "s" | "m" | "l" | "xl" | "full";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAQ,MAAM,EAAQ,GAAG,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAQ,MAAM,EAAQ,GAAG,EAAE,MAAM,GAAG,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,oGAiKd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ const Avatar = forwardRef(({ size = "m", value, src, unoptimized, loading, empty
|
|
|
40
40
|
return (_jsx(Icon, { onBackground: "neutral-medium", name: icon || "person", size: "m", style: typeof size === "number" ? { fontSize: `${size / 3}rem` } : undefined, className: styles.icon, "aria-label": "Empty avatar" }));
|
|
41
41
|
}
|
|
42
42
|
if (src) {
|
|
43
|
-
return (_jsx(Media, { radius: "full", src: src,
|
|
43
|
+
return (_jsx(Media, { radius: "full", src: src, stretch: true, alt: "Avatar", aspectRatio: "1", sizes: typeof size === "string" ? `${sizeMapping[size]}px` : `${size * 16}px`, unoptimized: unoptimized, className: styles.image }));
|
|
44
44
|
}
|
|
45
45
|
if (value) {
|
|
46
46
|
return (_jsx(Text, { as: "span", onBackground: "neutral-weak", variant: `body-default-${typeof size === "string" ? size : "m"}`, className: styles.value, "aria-label": `Avatar with initials ${value}`, children: value }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AACvE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAmB1C,MAAM,WAAW,GAAgC;IAC/C,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,0BAA0B,GAA8C;IAC5E,EAAE,EAAE,GAAG;IACP,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAC9G,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,MAAM,SAAS,GAAG,SAAS;QACzB,CAAC,CAAC;YACE,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,SAAS;YACpB,GAAG,KAAK;SACT;QACH,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,QAAQ,OACH,IAAI,EACR,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5C,MAAM,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAC7C,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,eAChC,MAAM,gBACL,gBAAgB,GAC3B,CACH,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CACL,KAAC,IAAI,IACH,YAAY,EAAC,gBAAgB,EAC7B,IAAI,EAAE,IAAI,IAAI,QAAQ,EACtB,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5E,SAAS,EAAE,MAAM,CAAC,IAAI,gBACX,cAAc,GACzB,CACH,CAAC;QACJ,CAAC;QAED,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,GAAG,EACR,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Flex, MaskProps } from ".";
|
|
3
3
|
import { DisplayProps } from "../interfaces";
|
|
4
|
-
import { SpacingToken } from "../types";
|
|
4
|
+
import { ColorValue, SpacingToken } from "../types";
|
|
5
5
|
interface GradientProps {
|
|
6
6
|
display?: boolean;
|
|
7
7
|
opacity?: DisplayProps["opacity"];
|
|
@@ -10,19 +10,19 @@ interface GradientProps {
|
|
|
10
10
|
width?: number;
|
|
11
11
|
height?: number;
|
|
12
12
|
tilt?: number;
|
|
13
|
-
colorStart?:
|
|
14
|
-
colorEnd?:
|
|
13
|
+
colorStart?: ColorValue;
|
|
14
|
+
colorEnd?: ColorValue;
|
|
15
15
|
}
|
|
16
16
|
interface DotsProps {
|
|
17
17
|
display?: boolean;
|
|
18
18
|
opacity?: DisplayProps["opacity"];
|
|
19
|
-
color?:
|
|
19
|
+
color?: ColorValue;
|
|
20
20
|
size?: SpacingToken;
|
|
21
21
|
}
|
|
22
22
|
interface GridProps {
|
|
23
23
|
display?: boolean;
|
|
24
24
|
opacity?: DisplayProps["opacity"];
|
|
25
|
-
color?:
|
|
25
|
+
color?: ColorValue;
|
|
26
26
|
width?: string;
|
|
27
27
|
height?: string;
|
|
28
28
|
}
|
|
@@ -32,7 +32,7 @@ interface LinesProps {
|
|
|
32
32
|
size?: SpacingToken;
|
|
33
33
|
thickness?: number;
|
|
34
34
|
angle?: number;
|
|
35
|
-
color?:
|
|
35
|
+
color?: ColorValue;
|
|
36
36
|
}
|
|
37
37
|
interface BackgroundProps extends React.ComponentProps<typeof Flex> {
|
|
38
38
|
gradient?: GradientProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../src/components/Background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAQ,SAAS,EAAE,MAAM,GAAG,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAUpD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,qGAuJf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
import { Flex } from ".";
|
|
3
|
+
interface BookProps extends Omit<React.ComponentProps<typeof Flex>, "children"> {
|
|
4
|
+
/** Cover artwork. Omit to render a blank cover you can fill with children. */
|
|
5
|
+
src?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
sizes?: string;
|
|
8
|
+
/** Renders the book as a link. */
|
|
9
|
+
href?: string;
|
|
10
|
+
/** Overlaid on the cover, above the artwork — a title block, a badge. */
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* A book: a cover, a spine shadow and a visible page block, tilting on hover.
|
|
15
|
+
*
|
|
16
|
+
* The 3D is real rather than a drawn illusion — the wrapper carries the
|
|
17
|
+
* perspective, the cover and page block share a `preserve-3d` context, and the
|
|
18
|
+
* pages are hinged onto the cover's right edge with a `rotateY(90deg)`. That is
|
|
19
|
+
* what makes the turn read correctly from every angle instead of only head-on.
|
|
20
|
+
*
|
|
21
|
+
* Motion is hover-gated and disabled under `prefers-reduced-motion`. On touch
|
|
22
|
+
* the cover stays square-on: there is no hover to return from, and a
|
|
23
|
+
* permanently rotated cover reads as a rendering fault rather than a style.
|
|
24
|
+
*/
|
|
25
|
+
declare const Book: React.ForwardRefExoticComponent<Omit<BookProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export { Book };
|
|
27
|
+
export type { BookProps };
|
|
28
|
+
//# sourceMappingURL=Book.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Book.d.ts","sourceRoot":"","sources":["../../src/components/Book.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,IAAI,EAAc,MAAM,GAAG,CAAC;AAG1D,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7E,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,IAAI,+FA6ET,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Column, ElementType, Media, Row } from ".";
|
|
5
|
+
import styles from "./Book.module.scss";
|
|
6
|
+
/**
|
|
7
|
+
* A book: a cover, a spine shadow and a visible page block, tilting on hover.
|
|
8
|
+
*
|
|
9
|
+
* The 3D is real rather than a drawn illusion — the wrapper carries the
|
|
10
|
+
* perspective, the cover and page block share a `preserve-3d` context, and the
|
|
11
|
+
* pages are hinged onto the cover's right edge with a `rotateY(90deg)`. That is
|
|
12
|
+
* what makes the turn read correctly from every angle instead of only head-on.
|
|
13
|
+
*
|
|
14
|
+
* Motion is hover-gated and disabled under `prefers-reduced-motion`. On touch
|
|
15
|
+
* the cover stays square-on: there is no hover to return from, and a
|
|
16
|
+
* permanently rotated cover reads as a rendering fault rather than a style.
|
|
17
|
+
*/
|
|
18
|
+
const Book = forwardRef(({ src, alt, sizes, href, children, ...flex }, ref) => {
|
|
19
|
+
const content = (_jsx(Row, { fill: true, className: styles.wrapper, children: _jsxs(Row, { fill: true, className: styles.book, children: [_jsxs(Row, { fill: true, className: styles.cover, borderY: "neutral-medium", borderLeft: "neutral-medium", background: "page", leftRadius: "xs", rightRadius: "s", overflow: "hidden", children: [src && (_jsx(Media, { src: src, alt: alt || "Book cover", sizes: sizes || "(max-width: 768px) 100vw, 480px", stretch: true })), children && (_jsx(Column, { fill: true, position: "absolute", zIndex: 1, "data-theme": "dark", children: children })), _jsx(Row, { className: styles.spine, zIndex: 2, position: "absolute", left: "0", top: "0", fillHeight: true, width: "8", background: "overlay" })] }), _jsx(Row, { className: styles.pages, "data-theme": "dark", rightRadius: "s", borderY: "neutral-medium", borderRight: "neutral-medium", overflow: "hidden", position: "absolute", right: "0", top: "8", bottom: "8", width: "24", background: "page", paddingY: "8", paddingRight: "12", children: _jsx(Row, { fill: true, rightRadius: "xs", className: styles.pageEdge }) })] }) }));
|
|
20
|
+
return (_jsx(Row, { ref: ref, fillWidth: true, aspectRatio: "3/4", ...flex, children: href ? (_jsx(ElementType, { href: href, style: { isolation: "isolate", height: "100%", width: "100%", textDecoration: "none" }, children: content })) : (content) }));
|
|
21
|
+
});
|
|
22
|
+
Book.displayName = "Book";
|
|
23
|
+
export { Book };
|
|
24
|
+
//# sourceMappingURL=Book.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Book.js","sourceRoot":"","sources":["../../src/components/Book.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAQ,KAAK,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAC1D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAaxC;;;;;;;;;;;GAWG;AACH,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,CACd,KAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YACjC,MAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAE,MAAM,CAAC,IAAI,aAC9B,MAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,OAAO,EAAC,gBAAgB,EACxB,UAAU,EAAC,gBAAgB,EAC3B,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,IAAI,EACf,WAAW,EAAC,GAAG,EACf,QAAQ,EAAC,QAAQ,aAEhB,GAAG,IAAI,CACN,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,YAAY,EACxB,KAAK,EAAE,KAAK,IAAI,iCAAiC,EACjD,OAAO,SACP,CACH,EACA,QAAQ,IAAI,CACX,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAE,CAAC,gBAAa,MAAM,YAC1D,QAAQ,GACF,CACV,EAED,KAAC,GAAG,IACF,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,MAAM,EAAE,CAAC,EACT,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,GAAG,EACR,GAAG,EAAC,GAAG,EACP,UAAU,QACV,KAAK,EAAC,GAAG,EACT,UAAU,EAAC,SAAS,GACpB,IACE,EACN,KAAC,GAAG,IACF,SAAS,EAAE,MAAM,CAAC,KAAK,gBACZ,MAAM,EACjB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,gBAAgB,EACxB,WAAW,EAAC,gBAAgB,EAC5B,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,GAAG,EACT,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,GAAG,EACV,KAAK,EAAC,IAAI,EACV,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,GAAG,EACZ,YAAY,EAAC,IAAI,YAEjB,KAAC,GAAG,IAAC,IAAI,QAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,GACrD,IACF,GACF,CACP,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,QAAC,WAAW,EAAC,KAAK,KAAK,IAAI,YAChD,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,YAErF,OAAO,GACI,CACf,CAAC,CAAC,CAAC,CACF,OAAO,CACR,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.wrapper {
|
|
2
|
+
perspective: 2000px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.book {
|
|
6
|
+
transform-style: preserve-3d;
|
|
7
|
+
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* Hover-only: on touch the cover stays square-on, since there is no hover to
|
|
11
|
+
return from and a permanently rotated cover reads as a rendering fault. */
|
|
12
|
+
@media (hover: hover) {
|
|
13
|
+
.wrapper:hover .book {
|
|
14
|
+
transform: rotateY(-25deg);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (prefers-reduced-motion: reduce) {
|
|
19
|
+
.book {
|
|
20
|
+
transition: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.wrapper:hover .book {
|
|
24
|
+
transform: none;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.cover {
|
|
29
|
+
transform-style: preserve-3d;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* The page block is rotated onto the cover's right edge, so it is only visible
|
|
33
|
+
once the book turns. transform-origin is what keeps it hinged there. */
|
|
34
|
+
.pages {
|
|
35
|
+
transform-origin: left;
|
|
36
|
+
transform: translateX(100%) rotateY(90deg);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.spine {
|
|
40
|
+
filter: blur(0.125rem);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.pageEdge {
|
|
44
|
+
background: var(--static-white);
|
|
45
|
+
}
|
|
@@ -4,7 +4,7 @@ import { ColorScheme, ColorWeight, TShirtSizes } from "../types";
|
|
|
4
4
|
interface ButtonCommonProps {
|
|
5
5
|
variant?: "primary" | "secondary" | "tertiary" | "quaternary" | "subtle" | "danger" | "success" | "warning" | "ghost" | "link";
|
|
6
6
|
size?: TShirtSizes;
|
|
7
|
-
|
|
7
|
+
corners?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
|
|
8
8
|
label?: string;
|
|
9
9
|
weight?: "default" | "strong";
|
|
10
10
|
rounded?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEjE,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/H,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEjE,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/H,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,GAAG,WAAW,IAAI,WAAW,EAAE,CAAC;CACzC;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC5F,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5F,QAAA,MAAM,MAAM,uGAsFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -5,13 +5,13 @@ import { ElementType } from "./ElementType";
|
|
|
5
5
|
import classNames from "clsx";
|
|
6
6
|
import { Spinner, Icon, Arrow, Flex } from ".";
|
|
7
7
|
import styles from "./Button.module.scss";
|
|
8
|
-
const Button = forwardRef(({ variant = "primary", size = "m",
|
|
8
|
+
const Button = forwardRef(({ variant = "primary", size = "m", corners, rounded, label, weight = "strong", children, prefixIcon, suffixIcon, loading = false, disabled = false, fillWidth = false, horizontal = "center", href, id, arrowIcon = false, color, className, style, ...props }, ref) => {
|
|
9
9
|
const iconSize = size === "l" || size === "xl" ? "s" : size === "m" ? "s" : "xs";
|
|
10
10
|
const radiusSize = size === "xs" ? "s" : size === "s" || size === "m" ? "m" : "l";
|
|
11
|
-
return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, "data-disabled": disabled ? true : undefined, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size],
|
|
11
|
+
return (_jsxs(ElementType, { id: id, href: href, ref: ref, disabled: disabled, "data-disabled": disabled ? true : undefined, "data-border": rounded ? "rounded" : undefined, className: classNames(styles.button, styles[variant], styles[size], corners === "none"
|
|
12
12
|
? "radius-none"
|
|
13
|
-
:
|
|
14
|
-
? `radius-${radiusSize}-${
|
|
13
|
+
: corners
|
|
14
|
+
? `radius-${radiusSize}-${corners}`
|
|
15
15
|
: `radius-${radiusSize}`, "text-decoration-none", "button", disabled ? "cursor-not-allowed" : "cursor-interactive", {
|
|
16
16
|
["fill-width"]: fillWidth,
|
|
17
17
|
["fit-width"]: !fillWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAC/C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAsC1C,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,14 @@ interface CardProps extends React.ComponentProps<typeof Flex> {
|
|
|
5
5
|
href?: string;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
fillHeight?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Marks the card as the chosen one in a set — a plan picker, a template
|
|
10
|
+
* gallery, a multi-select list. Repaints the border and background in the
|
|
11
|
+
* brand scheme, and, for a card that is actually operable, exposes the
|
|
12
|
+
* state to assistive tech as a toggle. Both colours are only defaults:
|
|
13
|
+
* pass `background` or `border` explicitly to override either.
|
|
14
|
+
*/
|
|
15
|
+
selected?: boolean;
|
|
8
16
|
style?: React.CSSProperties;
|
|
9
17
|
className?: string;
|
|
10
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAKzB,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+FA8CT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/components/Card.js
CHANGED
|
@@ -5,8 +5,16 @@ import { Flex } from ".";
|
|
|
5
5
|
import styles from "./Card.module.scss";
|
|
6
6
|
import { ElementType } from "./ElementType";
|
|
7
7
|
import classNames from "clsx";
|
|
8
|
-
const Card = forwardRef(({ children, href, onClick, style, className, fillHeight, ...flex }, ref) => {
|
|
9
|
-
|
|
8
|
+
const Card = forwardRef(({ children, href, onClick, selected, style, className, fillHeight, ...flex }, ref) => {
|
|
9
|
+
const interactive = Boolean(onClick || href);
|
|
10
|
+
return (_jsx(ElementType, { tabIndex: interactive ? 0 : undefined, className: classNames("reset-button-styles", "display-flex", "fill-width", fillHeight ? "fill-height" : undefined, "min-width-0", interactive && "focus-ring",
|
|
11
|
+
// `\`radius-${flex.radius}\` || "radius-l"` never reached the
|
|
12
|
+
// fallback: a template literal is a string, so it is truthy even
|
|
13
|
+
// when the value inside it is `undefined`, and an interactive card
|
|
14
|
+
// with no explicit radius got the class `radius-undefined`.
|
|
15
|
+
interactive && `radius-${flex.radius ?? "l"}`), href: href, onClick: onClick && onClick, role: onClick ? "button" : href ? "link" : "none", "aria-pressed": onClick && selected !== undefined ? selected : undefined, ref: ref, children: _jsx(Flex, { background: selected ? "brand-alpha-weak" : "surface", onBackground: "neutral-strong", transition: "macro-medium", border: selected ? "brand-medium" : "neutral-medium",
|
|
16
|
+
// A card with nothing to click should not promise a click.
|
|
17
|
+
cursor: interactive ? "interactive" : undefined, align: "left", onClick: onClick && onClick, className: classNames(styles.card, selected && styles.selected, className), style: { ...style }, ...flex, children: children }) }));
|
|
10
18
|
});
|
|
11
19
|
Card.displayName = "Card";
|
|
12
20
|
export { Card };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAmB9B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;IAC7C,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACrC,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtC,aAAa,EACb,WAAW,IAAI,YAAY;QAC3B,8DAA8D;QAC9D,iEAAiE;QACjE,mEAAmE;QACnE,4DAA4D;QAC5D,WAAW,IAAI,UAAU,IAAI,CAAC,MAAM,IAAI,GAAG,EAAE,CAC9C,EACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,kBAInC,OAAO,IAAI,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACtE,GAAG,EAAE,GAAG,YAER,KAAC,IAAI,IACH,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EACrD,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB;YACpD,2DAA2D;YAC3D,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAC1E,KAAK,EAAE,EAAC,GAAG,KAAK,EAAC,KACb,IAAI,YAEP,QAAQ,GACJ,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -4,4 +4,14 @@
|
|
|
4
4
|
background-color: var(--neutral-alpha-weak);
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
|
-
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
// The hover rule above out-specifies the `background-*` utility class, so a
|
|
10
|
+
// selected card would drop back to neutral the moment the pointer touched it.
|
|
11
|
+
.selected {
|
|
12
|
+
@media (hover: hover) {
|
|
13
|
+
&:hover {
|
|
14
|
+
background-color: var(--brand-alpha-medium);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -13,7 +13,13 @@ interface CarouselProps extends React.ComponentProps<typeof Flex> {
|
|
|
13
13
|
items: CarouselItem[];
|
|
14
14
|
controls?: boolean;
|
|
15
15
|
priority?: boolean;
|
|
16
|
-
|
|
16
|
+
/**
|
|
17
|
+
* Drop the intrinsic aspect ratio and let the slides stretch to whatever box
|
|
18
|
+
* they are in. Named `stretch` rather than `fill` because `fill` is a layout
|
|
19
|
+
* prop on every Flex-derived component, and shadowing it here meant `fill`
|
|
20
|
+
* did not do the one thing its name promised.
|
|
21
|
+
*/
|
|
22
|
+
stretch?: boolean;
|
|
17
23
|
indicator?: "line" | "thumbnail" | false;
|
|
18
24
|
translateY?: SpacingToken | number;
|
|
19
25
|
aspectRatio?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EACL,IAAI,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EACL,IAAI,EAOL,MAAM,GAAG,CAAC;AAIX,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,KAAK,CAAC;IACzC,UAAU,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,QAAQ,uHAkbZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Flex, RevealFx, Scroller, Media, Column, Row, IconButton,
|
|
3
|
+
import { Flex, RevealFx, Scroller, Media, Column, Row, IconButton, } from ".";
|
|
4
4
|
import { useEffect, useState, useRef, forwardRef } from "react";
|
|
5
5
|
import styles from "./Carousel.module.scss";
|
|
6
|
-
const Carousel = forwardRef(({ items = [],
|
|
6
|
+
const Carousel = forwardRef(({ items = [], stretch = false, controls = true, priority = false, indicator = "line", translateY, aspectRatio = "original", sizes, unoptimized = false, revealedByDefault = false, thumbnail = { scaling: 1, height: "80", sizes: "120px" }, play = { auto: false, interval: 3000, controls: true }, ...flex }, ref) => {
|
|
7
7
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
8
8
|
const [hoverIndex, setHoverIndex] = useState(0);
|
|
9
9
|
const [isTransitioning, setIsTransitioning] = useState(revealedByDefault);
|
|
@@ -123,10 +123,10 @@ const Carousel = forwardRef(({ items = [], fill = false, controls = true, priori
|
|
|
123
123
|
if (items.length === 0) {
|
|
124
124
|
return null;
|
|
125
125
|
}
|
|
126
|
-
return (_jsxs(Column, { fillWidth: true, fillHeight:
|
|
126
|
+
return (_jsxs(Column, { fillWidth: true, fillHeight: stretch, gap: "8", ...flex, aspectRatio: undefined, style: { isolation: "isolate" }, children: [items.length > 1 && play.controls && play.auto && (_jsx(Flex, { position: "absolute", top: "16", right: "16", zIndex: 1, children: _jsx(Flex, { radius: "m", background: "surface", children: _jsx(IconButton, { onClick: (e) => {
|
|
127
127
|
e.stopPropagation();
|
|
128
128
|
togglePlayPause();
|
|
129
|
-
}, variant: "secondary", icon: isPlaying ? "pause" : "play" }) }) })), _jsxs(RevealFx, { fillWidth: true, fillHeight:
|
|
129
|
+
}, variant: "secondary", icon: isPlaying ? "pause" : "play", "aria-label": isPlaying ? "Pause slideshow" : "Play slideshow" }) }) })), _jsxs(RevealFx, { fillWidth: true, fillHeight: stretch, radius: flex.radius || "l", revealed: isTransitioning, translateY: translateY, aspectRatio: aspectRatio === "original" ? undefined : aspectRatio, speed: 300000, onTouchStart: (e) => {
|
|
130
130
|
touchStartXRef.current = e.touches[0].clientX;
|
|
131
131
|
}, onTouchEnd: (e) => {
|
|
132
132
|
if (touchStartXRef.current === null)
|
|
@@ -145,15 +145,15 @@ const Carousel = forwardRef(({ items = [], fill = false, controls = true, priori
|
|
|
145
145
|
}
|
|
146
146
|
touchStartXRef.current = null;
|
|
147
147
|
touchEndXRef.current = null;
|
|
148
|
-
}, children: [typeof items[activeIndex]?.slide === "string" ? (_jsx(Media, {
|
|
148
|
+
}, children: [typeof items[activeIndex]?.slide === "string" ? (_jsx(Media, { stretch: stretch, sizes: sizes, unoptimized: unoptimized, priority: priority, radius: flex.radius || "l", border: flex.border || "neutral-alpha-weak", overflow: "hidden", aspectRatio: stretch
|
|
149
149
|
? undefined
|
|
150
150
|
: aspectRatio === "auto"
|
|
151
151
|
? undefined
|
|
152
|
-
: aspectRatio, src: items[activeIndex]?.slide, alt: items[activeIndex]?.alt || "" })) : (_jsx(Flex, { fill: true, overflow: "hidden", radius: flex.radius || "l", border: flex.border || "neutral-alpha-weak", aspectRatio:
|
|
152
|
+
: aspectRatio, src: items[activeIndex]?.slide, alt: items[activeIndex]?.alt || "" })) : (_jsx(Flex, { fill: true, overflow: "hidden", radius: flex.radius || "l", border: flex.border || "neutral-alpha-weak", aspectRatio: stretch
|
|
153
153
|
? undefined
|
|
154
154
|
: aspectRatio === "auto"
|
|
155
155
|
? undefined
|
|
156
|
-
: aspectRatio, children: items[activeIndex]?.slide })), _jsxs(Row, { fill: true, className: styles.controls, radius: flex.radius || "l", position: "absolute", top: "0", left: "0", overflow: "hidden", horizontal: "between", children: [activeIndex > 0 ? (_jsx(Row, { className: styles.left, cursor: "interactive", maxWidth: 12, fill: true, vertical: "center", onClick: handlePrevClick, children: controls && (
|
|
156
|
+
: aspectRatio, children: items[activeIndex]?.slide })), _jsxs(Row, { fill: true, className: styles.controls, radius: flex.radius || "l", position: "absolute", top: "0", left: "0", overflow: "hidden", horizontal: "between", children: [activeIndex > 0 ? (_jsx(Row, { className: styles.left, cursor: "interactive", maxWidth: 12, fill: true, vertical: "center", onClick: handlePrevClick, children: controls && (_jsx(_Fragment, { children: _jsx(Flex, { m: { hide: true }, transition: "micro-medium", className: styles.button, marginLeft: "m", radius: "m", background: "surface", children: _jsx(IconButton, { tabIndex: 0, onClick: handlePrevClick, variant: "secondary", icon: "chevronLeft", "aria-label": "Previous slide" }) }) })) })) : (_jsx(Flex, { maxWidth: 12 })), activeIndex < items.length - 1 ? (_jsx(Row, { className: styles.right, cursor: "interactive", maxWidth: 12, fill: true, vertical: "center", horizontal: "end", onClick: handleNextClick, children: controls && (_jsx(_Fragment, { children: _jsx(Flex, { m: { hide: true }, transition: "micro-medium", className: styles.button, marginRight: "m", radius: "m", background: "surface", children: _jsx(IconButton, { tabIndex: 0, onClick: handleNextClick, variant: "secondary", icon: "chevronRight", "aria-label": "Next slide" }) }) })) })) : (_jsx(Flex, { maxWidth: 12 }))] }), play.progress && (_jsx(Row, { fillWidth: true, paddingBottom: "12", paddingX: "24", position: "absolute", bottom: "0", left: "0", zIndex: 1, children: _jsx(Row, { radius: "full", background: "neutral-alpha-weak", height: "2", fillWidth: true, children: _jsx(Row, { radius: "full", solid: "brand-strong", style: {
|
|
157
157
|
width: `${progressPercent}%`,
|
|
158
158
|
transition: `width 0.05s linear`,
|
|
159
159
|
}, fillHeight: true }) }) }))] }), items.length > 1 && indicator !== false && (_jsx(_Fragment, { children: indicator === "line" ? (_jsx(Flex, { gap: "4", paddingX: "s", fillWidth: true, horizontal: "center", children: items.map((_, index) => (_jsx(Flex, { className: styles.indicator, onClick: () => handleControlClick(index), cursor: activeIndex === index ? undefined : "interactive", fillWidth: true, height: "12", vertical: "center", children: _jsx(Flex, { className: activeIndex === index ? styles.active : styles.inactive, radius: "full", transition: "micro-short", fillWidth: true, height: "2" }) }, index))) })) : (_jsx(Scroller, { gap: "4", marginTop: "12", onItemClick: handleControlClick, children: items.map((item, index) => (_jsx(Flex, { style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../src/components/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,10 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
.controls {
|
|
18
18
|
&:hover, &:focus-within {
|
|
19
|
-
.fade {
|
|
20
|
-
opacity: 0.5;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
19
|
.button {
|
|
24
20
|
opacity: 1;
|
|
25
21
|
transform: translateX(0);
|
|
@@ -27,11 +23,8 @@
|
|
|
27
23
|
}
|
|
28
24
|
}
|
|
29
25
|
|
|
30
|
-
.fade, .button {
|
|
31
|
-
opacity: 0;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
26
|
.button {
|
|
27
|
+
opacity: 0;
|
|
35
28
|
animation-delay: 0.2s;
|
|
36
29
|
}
|
|
37
30
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InteractiveDetailsProps } from ".";
|
|
3
|
-
interface CheckboxProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
interface CheckboxProps extends Omit<InteractiveDetailsProps, "onClick">, Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked"> {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
indeterminate?: boolean;
|
|
6
6
|
onToggle?: () => void;
|
|
7
7
|
hoverable?: boolean;
|
|
8
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAkC,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAG5E,UAAU,aACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAkC,uBAAuB,EAAE,MAAM,GAAG,CAAC;AAG5E,UAAU,aACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgHrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { useState, useEffect, forwardRef, useId } from "react";
|
|
|
4
4
|
import classNames from "clsx";
|
|
5
5
|
import { Flex, Icon, InteractiveDetails } from ".";
|
|
6
6
|
import styles from "./SharedInteractiveStyles.module.scss";
|
|
7
|
-
const Checkbox = forwardRef(({ style, className,
|
|
7
|
+
const Checkbox = forwardRef(({ style, className, checked: controlledIsChecked, indeterminate = false, onToggle, disabled, hoverable = true, ...props }, ref) => {
|
|
8
8
|
const [isChecked, setIsChecked] = useState(controlledIsChecked || false);
|
|
9
9
|
const checkboxId = useId();
|
|
10
10
|
useEffect(() => {
|
|
@@ -33,23 +33,23 @@ const Checkbox = forwardRef(({ style, className, isChecked: controlledIsChecked,
|
|
|
33
33
|
return (_jsxs(Flex, { vertical: "center", gap: "16", className: classNames(styles.container, className, {
|
|
34
34
|
[styles.disabled]: disabled,
|
|
35
35
|
[styles.noHover]: !hoverable,
|
|
36
|
-
}), style: style, children: [_jsx("input", { type: "checkbox", ref: ref, "aria-checked":
|
|
36
|
+
}), style: style, children: [_jsx("input", { type: "checkbox", ref: ref, "aria-checked": indeterminate
|
|
37
37
|
? "mixed"
|
|
38
38
|
: controlledIsChecked !== undefined
|
|
39
39
|
? controlledIsChecked
|
|
40
40
|
: isChecked, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: styles.hidden, tabIndex: -1 }), _jsxs(Flex, { style: {
|
|
41
41
|
borderRadius: "min(var(--static-space-4), var(--radius-xs))",
|
|
42
|
-
}, role: "checkbox", tabIndex: 0, cursor: disabled ? "not-allowed" : undefined, horizontal: "center", vertical: "center", radius: "xs", "aria-checked":
|
|
42
|
+
}, role: "checkbox", tabIndex: 0, cursor: disabled ? "not-allowed" : undefined, horizontal: "center", vertical: "center", radius: "xs", "aria-checked": indeterminate
|
|
43
43
|
? "mixed"
|
|
44
44
|
: controlledIsChecked !== undefined
|
|
45
45
|
? controlledIsChecked
|
|
46
46
|
: isChecked, "aria-labelledby": checkboxId, onClick: toggleItem, onKeyDown: handleKeyDown, className: classNames(styles.element, {
|
|
47
47
|
[styles.checked]: controlledIsChecked !== undefined
|
|
48
|
-
? controlledIsChecked ||
|
|
48
|
+
? controlledIsChecked || indeterminate
|
|
49
49
|
: isChecked,
|
|
50
50
|
[styles.disabled]: disabled,
|
|
51
51
|
}), children: [(controlledIsChecked !== undefined ? controlledIsChecked : isChecked) &&
|
|
52
|
-
!
|
|
52
|
+
!indeterminate && (_jsx(Flex, { className: styles.icon, children: _jsx(Icon, { onSolid: "brand-strong", name: "checkbox", size: "xs" }) })), indeterminate && (_jsx(Flex, { className: styles.icon, children: _jsx(Icon, { onSolid: "brand-strong", name: "minus", size: "xs" }) }))] }), props.label && (_jsx(InteractiveDetails, { disabled: disabled, id: checkboxId, ...props, onClick: toggleItem }))] }));
|
|
53
53
|
});
|
|
54
54
|
Checkbox.displayName = "Checkbox";
|
|
55
55
|
export { Checkbox };
|