@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,117 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { Column, Flex } from ".";
|
|
3
|
+
import { type BodyLineHeight, type BodySize, type BorderStyle, type NeutralColor, type ScalingSize, type SolidStyle, type SolidType, type SurfaceStyle, type Theme, type TransitionStyle } from "../contexts/ThemeProvider";
|
|
4
|
+
import { type Schemes } from "../types";
|
|
5
|
+
import type { ChartMode } from "../modules/data";
|
|
6
|
+
/** Every style choice the panel can edit, including the chart mode, which is
|
|
7
|
+
* owned by DataThemeProvider rather than ThemeProvider. */
|
|
8
|
+
export interface StylePanelValue {
|
|
9
|
+
theme?: Theme;
|
|
10
|
+
border?: BorderStyle;
|
|
11
|
+
brand?: Schemes | "custom";
|
|
12
|
+
accent?: Schemes | "custom";
|
|
13
|
+
neutral?: NeutralColor | "custom";
|
|
14
|
+
solid?: SolidType;
|
|
15
|
+
solidStyle?: SolidStyle;
|
|
16
|
+
surface?: SurfaceStyle;
|
|
17
|
+
scaling?: ScalingSize;
|
|
18
|
+
transition?: TransitionStyle;
|
|
19
|
+
bodySize?: BodySize;
|
|
20
|
+
bodyLineHeight?: BodyLineHeight;
|
|
21
|
+
chartMode?: ChartMode;
|
|
22
|
+
}
|
|
23
|
+
/** Per-section and per-row visibility. Omitted keys default to visible. */
|
|
24
|
+
export interface StylePanelVisibility {
|
|
25
|
+
page?: {
|
|
26
|
+
section?: boolean;
|
|
27
|
+
theme?: boolean;
|
|
28
|
+
shape?: boolean;
|
|
29
|
+
};
|
|
30
|
+
color?: {
|
|
31
|
+
section?: boolean;
|
|
32
|
+
brand?: boolean;
|
|
33
|
+
accent?: boolean;
|
|
34
|
+
neutral?: boolean;
|
|
35
|
+
};
|
|
36
|
+
solidStyle?: {
|
|
37
|
+
section?: boolean;
|
|
38
|
+
solid?: boolean;
|
|
39
|
+
effect?: boolean;
|
|
40
|
+
};
|
|
41
|
+
bodyText?: {
|
|
42
|
+
section?: boolean;
|
|
43
|
+
size?: boolean;
|
|
44
|
+
lineHeight?: boolean;
|
|
45
|
+
};
|
|
46
|
+
advanced?: {
|
|
47
|
+
section?: boolean;
|
|
48
|
+
surface?: boolean;
|
|
49
|
+
scaling?: boolean;
|
|
50
|
+
dataStyle?: boolean;
|
|
51
|
+
transition?: boolean;
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
/** `label={false}` drops the row's label; any node replaces it. */
|
|
55
|
+
export interface StyleRowProps extends Omit<React.ComponentProps<typeof Flex>, "label"> {
|
|
56
|
+
label?: ReactNode | false;
|
|
57
|
+
}
|
|
58
|
+
export interface StyleGroupProps extends Omit<React.ComponentProps<typeof Column>, "title"> {
|
|
59
|
+
title?: ReactNode | false;
|
|
60
|
+
description?: ReactNode | false;
|
|
61
|
+
}
|
|
62
|
+
interface StylePanelContextValue {
|
|
63
|
+
value: StylePanelValue;
|
|
64
|
+
set: (patch: Partial<StylePanelValue>) => void;
|
|
65
|
+
/** False until after hydration, so a stored choice cannot mismatch the server render. */
|
|
66
|
+
mounted: boolean;
|
|
67
|
+
/** True when a host owns the state; the panel then never writes to the providers. */
|
|
68
|
+
controlled: boolean;
|
|
69
|
+
}
|
|
70
|
+
declare function useStylePanel(): StylePanelContextValue;
|
|
71
|
+
export interface StylePanelRootProps extends Omit<React.ComponentProps<typeof Column>, "value" | "onChange"> {
|
|
72
|
+
/** Supply with `onChange` to take ownership of the state. The panel then
|
|
73
|
+
* writes nothing to ThemeProvider, DataThemeProvider or storage. */
|
|
74
|
+
value?: StylePanelValue;
|
|
75
|
+
onChange?: (next: StylePanelValue, changed: Partial<StylePanelValue>) => void;
|
|
76
|
+
}
|
|
77
|
+
/** One labelled row. Dividers come from the group's stylesheet rather than a
|
|
78
|
+
* prop, so cherry-picking rows never leaves a dangling border. */
|
|
79
|
+
declare function Row({ label, children, ...rest }: StyleRowProps): import("react").JSX.Element;
|
|
80
|
+
declare function Group({ title, description, children, ...rest }: StyleGroupProps): import("react").JSX.Element;
|
|
81
|
+
declare function ThemeRow({ label, ...rest }: StyleRowProps): import("react").JSX.Element;
|
|
82
|
+
declare function ShapeRow({ label, ...rest }: StyleRowProps): import("react").JSX.Element;
|
|
83
|
+
declare function NeutralRow({ label, ...rest }: StyleRowProps): import("react").JSX.Element;
|
|
84
|
+
declare function DataStyleRow({ label, ...rest }: StyleRowProps): import("react").JSX.Element;
|
|
85
|
+
type GroupProps<Rows extends string> = StyleGroupProps & {
|
|
86
|
+
rows?: Partial<Record<Rows, boolean>>;
|
|
87
|
+
};
|
|
88
|
+
declare function PageGroup({ title, description, rows, ...rest }: GroupProps<"theme" | "shape">): import("react").JSX.Element;
|
|
89
|
+
declare function ColorGroup({ title, description, rows, ...rest }: GroupProps<"brand" | "accent" | "neutral">): import("react").JSX.Element;
|
|
90
|
+
declare function SolidStyleGroup({ title, description, rows, ...rest }: GroupProps<"solid" | "effect">): import("react").JSX.Element;
|
|
91
|
+
declare function BodyTextGroup({ title, description, rows, ...rest }: GroupProps<"size" | "lineHeight">): import("react").JSX.Element;
|
|
92
|
+
declare function AdvancedGroup({ title, description, rows, ...rest }: GroupProps<"surface" | "scaling" | "dataStyle" | "transition">): import("react").JSX.Element;
|
|
93
|
+
export declare const sections: {
|
|
94
|
+
Root: import("react").ForwardRefExoticComponent<Omit<StylePanelRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
95
|
+
Group: typeof Group;
|
|
96
|
+
Row: typeof Row;
|
|
97
|
+
Theme: typeof ThemeRow;
|
|
98
|
+
Shape: typeof ShapeRow;
|
|
99
|
+
Brand: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
100
|
+
Accent: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
101
|
+
Neutral: typeof NeutralRow;
|
|
102
|
+
Solid: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
103
|
+
Effect: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
104
|
+
Surface: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
105
|
+
Scaling: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
106
|
+
Transition: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
107
|
+
DataStyle: typeof DataStyleRow;
|
|
108
|
+
BodySize: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
109
|
+
BodyLineHeight: ({ label, ...rest }: StyleRowProps) => import("react").JSX.Element;
|
|
110
|
+
Page: typeof PageGroup;
|
|
111
|
+
Color: typeof ColorGroup;
|
|
112
|
+
SolidStyle: typeof SolidStyleGroup;
|
|
113
|
+
BodyText: typeof BodyTextGroup;
|
|
114
|
+
Advanced: typeof AdvancedGroup;
|
|
115
|
+
};
|
|
116
|
+
export { useStylePanel };
|
|
117
|
+
//# sourceMappingURL=StylePanelSections.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StylePanelSections.d.ts","sourceRoot":"","sources":["../../src/components/StylePanelSections.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useState, } from "react";
|
|
4
|
+
import { Column, Flex, IconButton, Scroller, SegmentedControl, Text, ThemeSwitcher } from ".";
|
|
5
|
+
import { useStyle, } from "../contexts/ThemeProvider";
|
|
6
|
+
import { useDataTheme } from "../contexts/DataThemeProvider";
|
|
7
|
+
import { schemes } from "../types";
|
|
8
|
+
import styles from "./StylePanel.module.scss";
|
|
9
|
+
import classNames from "clsx";
|
|
10
|
+
const StylePanelContext = createContext(null);
|
|
11
|
+
function useStylePanel() {
|
|
12
|
+
const context = useContext(StylePanelContext);
|
|
13
|
+
if (!context) {
|
|
14
|
+
throw new Error("StylePanel sections must be rendered inside a <StylePanel> or <StylePanel.Root>");
|
|
15
|
+
}
|
|
16
|
+
return context;
|
|
17
|
+
}
|
|
18
|
+
/** Reads and writes ThemeProvider — the default when no `value`/`onChange` is given. */
|
|
19
|
+
function useBoundState() {
|
|
20
|
+
const styleContext = useStyle();
|
|
21
|
+
const [mounted, setMounted] = useState(false);
|
|
22
|
+
useEffect(() => setMounted(true), []);
|
|
23
|
+
const value = useMemo(() => ({
|
|
24
|
+
theme: styleContext.theme,
|
|
25
|
+
border: styleContext.border,
|
|
26
|
+
brand: styleContext.brand,
|
|
27
|
+
accent: styleContext.accent,
|
|
28
|
+
neutral: styleContext.neutral,
|
|
29
|
+
solid: styleContext.solid,
|
|
30
|
+
solidStyle: styleContext.solidStyle,
|
|
31
|
+
surface: styleContext.surface,
|
|
32
|
+
scaling: styleContext.scaling,
|
|
33
|
+
transition: styleContext.transition,
|
|
34
|
+
bodySize: styleContext.bodySize,
|
|
35
|
+
bodyLineHeight: styleContext.bodyLineHeight,
|
|
36
|
+
}), [styleContext]);
|
|
37
|
+
const set = useCallback((patch) => {
|
|
38
|
+
// chartMode lives in DataThemeProvider; the DataStyle row handles it.
|
|
39
|
+
const { chartMode: _chartMode, ...style } = patch;
|
|
40
|
+
if (Object.keys(style).length > 0)
|
|
41
|
+
styleContext.setStyle(style);
|
|
42
|
+
}, [styleContext]);
|
|
43
|
+
return { value, set, mounted };
|
|
44
|
+
}
|
|
45
|
+
const Root = forwardRef(function Root({ value, onChange, children, ...rest }, ref) {
|
|
46
|
+
const bound = useBoundState();
|
|
47
|
+
const controlled = value !== undefined && onChange !== undefined;
|
|
48
|
+
const controlledSet = useCallback((patch) => onChange?.({ ...value, ...patch }, patch), [value, onChange]);
|
|
49
|
+
const context = useMemo(() => controlled
|
|
50
|
+
? { value: value, set: controlledSet, mounted: true, controlled: true }
|
|
51
|
+
: { ...bound, controlled: false }, [controlled, value, controlledSet, bound]);
|
|
52
|
+
return (_jsx(StylePanelContext.Provider, { value: context, children: _jsx(Column, { fillWidth: true, gap: "16", ref: ref, ...rest, children: children }) }));
|
|
53
|
+
});
|
|
54
|
+
/* ---- primitives ---------------------------------------------------------- */
|
|
55
|
+
/** One labelled row. Dividers come from the group's stylesheet rather than a
|
|
56
|
+
* prop, so cherry-picking rows never leaves a dangling border. */
|
|
57
|
+
function Row({ label, children, ...rest }) {
|
|
58
|
+
return (_jsxs(Flex, { className: styles.row, horizontal: "between", vertical: "center", fillWidth: true, paddingX: "24", paddingY: "16", gap: "24", ...rest, children: [label !== false && (_jsx(Flex, { textVariant: "label-default-s", minWidth: 3, onBackground: "neutral-strong", children: label })), children] }));
|
|
59
|
+
}
|
|
60
|
+
function Group({ title, description, children, ...rest }) {
|
|
61
|
+
return (_jsxs(Column, { fillWidth: true, gap: "16", ...rest, children: [(title !== false || description !== false) && (_jsxs(Column, { fillWidth: true, paddingTop: "12", paddingLeft: "16", gap: "4", children: [title !== false && (_jsx(Text, { variant: "heading-strong-s", onBackground: "neutral-strong", children: title })), description !== false && (_jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: description }))] })), _jsx(Column, { fillWidth: true, border: "neutral-alpha-medium", radius: "l-4", className: styles.group, children: children })] }));
|
|
62
|
+
}
|
|
63
|
+
function Swatches({ options, selected, onSelect, ariaLabel, scroll, swatchClass, dataBorder, }) {
|
|
64
|
+
const items = options.map((option) => (_jsx(Flex, { ...(dataBorder ? { "data-border": option } : {}), marginRight: scroll ? "2" : undefined, center: true, tabIndex: 0, role: "button", "aria-label": ariaLabel(option), "aria-pressed": selected === option, className: classNames(styles.select, selected === option ? styles.selected : ""), onClick: () => onSelect(option), children: _jsx(IconButton, { variant: "ghost", size: "m", "aria-hidden": true, children: _jsx("div", { className: classNames(swatchClass ? swatchClass(option) : styles.neutral, styles.swatch) }) }) }, option)));
|
|
65
|
+
return scroll ? (_jsx(Scroller, { minWidth: 0, fitWidth: true, children: items })) : (_jsx(Flex, { gap: "4", children: items }));
|
|
66
|
+
}
|
|
67
|
+
/* ---- rows ---------------------------------------------------------------- */
|
|
68
|
+
const shapes = ["sharp", "conservative", "playful", "rounded"];
|
|
69
|
+
const neutrals = ["gray", "sand", "slate", "dusk", "mint", "rose"];
|
|
70
|
+
function ThemeRow({ label = "Theme", ...rest }) {
|
|
71
|
+
return (_jsx(Row, { label: label, ...rest, children: _jsx(ThemeSwitcher, {}) }));
|
|
72
|
+
}
|
|
73
|
+
function ShapeRow({ label = "Shape", ...rest }) {
|
|
74
|
+
const { value, set, mounted } = useStylePanel();
|
|
75
|
+
return (_jsx(Row, { label: label, ...rest, children: _jsx(Swatches, { options: shapes, selected: mounted ? value.border : undefined, onSelect: (border) => set({ border: border }), ariaLabel: (shape) => `Corner style: ${shape}`, dataBorder: true }) }));
|
|
76
|
+
}
|
|
77
|
+
function schemeRow(key, fallback) {
|
|
78
|
+
return function SchemeRow({ label = fallback, ...rest }) {
|
|
79
|
+
const { value, set, mounted } = useStylePanel();
|
|
80
|
+
return (_jsx(Row, { label: label, ...rest, children: _jsx(Swatches, { options: schemes, selected: mounted ? value[key] : undefined, onSelect: (scheme) => set({ [key]: scheme }), ariaLabel: (scheme) => `${fallback} colour: ${scheme}`, swatchClass: (scheme) => styles[scheme], scroll: true }) }));
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
const BrandRow = schemeRow("brand", "Brand");
|
|
84
|
+
const AccentRow = schemeRow("accent", "Accent");
|
|
85
|
+
function NeutralRow({ label = "Neutral", ...rest }) {
|
|
86
|
+
const { value, set, mounted } = useStylePanel();
|
|
87
|
+
return (_jsx(Row, { label: label, ...rest, children: _jsx(Swatches, { options: neutrals, selected: mounted ? value.neutral : undefined, onSelect: (neutral) => set({ neutral: neutral }), ariaLabel: (neutral) => `Neutral colour: ${neutral}`, swatchClass: (neutral) => styles[neutral], scroll: true }) }));
|
|
88
|
+
}
|
|
89
|
+
function solidSwatch(solid, fill, tone) {
|
|
90
|
+
return (_jsxs(Flex, { vertical: "center", gap: "12", children: [_jsx(Flex, { ...(solid ? { "data-solid": solid } : {}), border: "brand-strong", solid: fill, width: "24", height: "24", radius: "s" }), tone] }));
|
|
91
|
+
}
|
|
92
|
+
function segmentedRow(key, fallback, buttons, defaultValue) {
|
|
93
|
+
return function SegmentedRow({ label = fallback, ...rest }) {
|
|
94
|
+
const { value, set, mounted } = useStylePanel();
|
|
95
|
+
return (_jsx(Row, { label: label, ...rest, children: _jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onChange: (next) => set({ [key]: next }), value: mounted ? value[key] : undefined, defaultValue: defaultValue, buttons: buttons.map((button) => ({ size: "l", ...button })) }) }));
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
const SolidRow = segmentedRow("solid", "Style", [
|
|
99
|
+
{ label: solidSwatch("color", "brand-weak", "Color"), value: "color" },
|
|
100
|
+
{ label: solidSwatch("inverse", "brand-strong", "Inverse"), value: "inverse" },
|
|
101
|
+
{ label: solidSwatch("contrast", "brand-strong", "Contrast"), value: "contrast" },
|
|
102
|
+
], "contrast");
|
|
103
|
+
const EffectRow = segmentedRow("solidStyle", "Effect", [
|
|
104
|
+
{ label: solidSwatch("", "brand-weak", "Flat"), value: "flat" },
|
|
105
|
+
{ label: solidSwatch("", "brand-weak", "Plastic"), value: "plastic" },
|
|
106
|
+
], "flat");
|
|
107
|
+
const SurfaceRow = segmentedRow("surface", "Surface", [
|
|
108
|
+
{ label: "Filled", value: "filled" },
|
|
109
|
+
{ label: "Translucent", value: "translucent" },
|
|
110
|
+
], "filled");
|
|
111
|
+
const ScalingRow = segmentedRow("scaling", "Scaling", ["90", "95", "100", "105", "110"].map((size) => ({ label: size, value: size })), "100");
|
|
112
|
+
const TransitionRow = segmentedRow("transition", "Transition", [
|
|
113
|
+
{ label: "All", value: "all" },
|
|
114
|
+
{ label: "Micro", value: "micro" },
|
|
115
|
+
{ label: "Macro", value: "macro" },
|
|
116
|
+
{ label: "None", value: "none" },
|
|
117
|
+
], "all");
|
|
118
|
+
const BodySizeRow = segmentedRow("bodySize", "Text size", ["90", "95", "100", "105", "110"].map((size) => ({ label: size, value: size })), "100");
|
|
119
|
+
const BodyLineHeightRow = segmentedRow("bodyLineHeight", "Line height", ["90", "100", "110", "120"].map((height) => ({ label: height, value: height })), "100");
|
|
120
|
+
const dataStyleButtons = [
|
|
121
|
+
{ size: "l", label: "Categorical", value: "categorical" },
|
|
122
|
+
{ size: "l", label: "Divergent", value: "divergent" },
|
|
123
|
+
{ size: "l", label: "Sequential", value: "sequential" },
|
|
124
|
+
];
|
|
125
|
+
/** Split out so that only this row depends on DataThemeProvider — every other
|
|
126
|
+
* section can be cherry-picked without one in the tree. */
|
|
127
|
+
function BoundDataStyleControl() {
|
|
128
|
+
const { mode, setChartOptions } = useDataTheme();
|
|
129
|
+
return (_jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onChange: (next) => setChartOptions({ mode: next }), value: mode, defaultValue: "categorical", buttons: dataStyleButtons }));
|
|
130
|
+
}
|
|
131
|
+
function DataStyleRow({ label = "Data Style", ...rest }) {
|
|
132
|
+
const { value, set, mounted, controlled } = useStylePanel();
|
|
133
|
+
return (_jsx(Row, { label: label, ...rest, children: controlled ? (_jsx(SegmentedControl, { maxWidth: 22, minWidth: 0, onChange: (next) => set({ chartMode: next }), value: mounted ? value.chartMode : undefined, defaultValue: "categorical", buttons: dataStyleButtons })) : (_jsx(BoundDataStyleControl, {})) }));
|
|
134
|
+
}
|
|
135
|
+
const show = (rows, key) => rows?.[key] !== false;
|
|
136
|
+
function PageGroup({ title = "Page", description = "Customize page theme", rows, ...rest }) {
|
|
137
|
+
return (_jsxs(Group, { title: title, description: description, ...rest, children: [show(rows, "theme") && _jsx(ThemeRow, {}), show(rows, "shape") && _jsx(ShapeRow, {})] }));
|
|
138
|
+
}
|
|
139
|
+
function ColorGroup({ title = "Color", description = "Customize color schemes", rows, ...rest }) {
|
|
140
|
+
return (_jsxs(Group, { title: title, description: description, ...rest, children: [show(rows, "brand") && _jsx(BrandRow, {}), show(rows, "accent") && _jsx(AccentRow, {}), show(rows, "neutral") && _jsx(NeutralRow, {})] }));
|
|
141
|
+
}
|
|
142
|
+
function SolidStyleGroup({ title = "Solid style", description = "Customize the appearance of interactive elements", rows, ...rest }) {
|
|
143
|
+
return (_jsxs(Group, { title: title, description: description, ...rest, children: [show(rows, "solid") && _jsx(SolidRow, {}), show(rows, "effect") && _jsx(EffectRow, {})] }));
|
|
144
|
+
}
|
|
145
|
+
function BodyTextGroup({ title = "Body text", description = "Scale running text without touching headings", rows, ...rest }) {
|
|
146
|
+
return (_jsxs(Group, { title: title, description: description, ...rest, children: [show(rows, "size") && _jsx(BodySizeRow, {}), show(rows, "lineHeight") && _jsx(BodyLineHeightRow, {})] }));
|
|
147
|
+
}
|
|
148
|
+
function AdvancedGroup({ title = "Advanced", description = "Customize advanced styling options", rows, ...rest }) {
|
|
149
|
+
return (_jsxs(Group, { title: title, description: description, ...rest, children: [show(rows, "surface") && _jsx(SurfaceRow, {}), show(rows, "scaling") && _jsx(ScalingRow, {}), show(rows, "dataStyle") && _jsx(DataStyleRow, {}), show(rows, "transition") && _jsx(TransitionRow, {})] }));
|
|
150
|
+
}
|
|
151
|
+
export const sections = {
|
|
152
|
+
Root,
|
|
153
|
+
Group,
|
|
154
|
+
Row,
|
|
155
|
+
Theme: ThemeRow,
|
|
156
|
+
Shape: ShapeRow,
|
|
157
|
+
Brand: BrandRow,
|
|
158
|
+
Accent: AccentRow,
|
|
159
|
+
Neutral: NeutralRow,
|
|
160
|
+
Solid: SolidRow,
|
|
161
|
+
Effect: EffectRow,
|
|
162
|
+
Surface: SurfaceRow,
|
|
163
|
+
Scaling: ScalingRow,
|
|
164
|
+
Transition: TransitionRow,
|
|
165
|
+
DataStyle: DataStyleRow,
|
|
166
|
+
BodySize: BodySizeRow,
|
|
167
|
+
BodyLineHeight: BodyLineHeightRow,
|
|
168
|
+
Page: PageGroup,
|
|
169
|
+
Color: ColorGroup,
|
|
170
|
+
SolidStyle: SolidStyleGroup,
|
|
171
|
+
BodyText: BodyTextGroup,
|
|
172
|
+
Advanced: AdvancedGroup,
|
|
173
|
+
};
|
|
174
|
+
export { useStylePanel };
|
|
175
|
+
//# sourceMappingURL=StylePanelSections.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StylePanelSections.js","sourceRoot":"","sources":["../../src/components/StylePanelSections.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,13 @@ interface SwiperProps extends React.ComponentProps<typeof Flex> {
|
|
|
7
7
|
items: SwiperItem[];
|
|
8
8
|
controls?: boolean | "contained";
|
|
9
9
|
priority?: boolean;
|
|
10
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Drop the intrinsic aspect ratio and let the slides stretch to whatever box
|
|
12
|
+
* they are in. Named `stretch` rather than `fill` because `fill` is a layout
|
|
13
|
+
* prop on every Flex-derived component, and shadowing it here meant `fill`
|
|
14
|
+
* did not do the one thing its name promised.
|
|
15
|
+
*/
|
|
16
|
+
stretch?: boolean;
|
|
11
17
|
aspectRatio?: string;
|
|
12
18
|
sizes?: string;
|
|
13
19
|
unoptimized?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAkC,MAAM,GAAG,CAAC;AAIzD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,qHA6UV,CAAC;AAGH,OAAO,EAAE,MAAM,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, Media, Column, Row, IconButton
|
|
3
|
+
import { Flex, Media, Column, Row, IconButton } from ".";
|
|
4
4
|
import { useEffect, useState, useRef, useCallback, forwardRef } from "react";
|
|
5
5
|
import styles from "./Swiper.module.scss";
|
|
6
|
-
const Swiper = forwardRef(({ items = [],
|
|
6
|
+
const Swiper = forwardRef(({ items = [], stretch = false, controls = true, priority = false, indicator = true, aspectRatio = "16 / 9", sizes, unoptimized = false, ...rest }, ref) => {
|
|
7
7
|
const [activeIndex, setActiveIndex] = useState(0);
|
|
8
8
|
const [isDragging, setIsDragging] = useState(false);
|
|
9
9
|
const scrollContainerRef = useRef(null);
|
|
@@ -133,7 +133,7 @@ const Swiper = forwardRef(({ items = [], fill = false, controls = true, priority
|
|
|
133
133
|
if (items.length === 0) {
|
|
134
134
|
return null;
|
|
135
135
|
}
|
|
136
|
-
return (_jsxs(Column, { ref: ref, fillWidth: true, fillHeight:
|
|
136
|
+
return (_jsxs(Column, { ref: ref, fillWidth: true, fillHeight: stretch, aspectRatio: undefined, style: { isolation: "isolate" }, ...rest, children: [_jsx(Flex, { fillWidth: true, fillHeight: stretch, aspectRatio: aspectRatio === "original" ? undefined : aspectRatio, className: styles.carouselContainer, children: _jsxs(Flex, { fillWidth: true, fillHeight: stretch, radius: rest.radius || "l", border: rest.border || "neutral-alpha-weak", overflow: "hidden", position: "relative", children: [_jsx(Row, { ref: scrollContainerRef, fillWidth: true, fillHeight: stretch, className: styles.scrollContainer, onMouseDown: handleMouseDown, overflowX: "auto", style: {
|
|
137
137
|
scrollSnapType: scrollSnapType,
|
|
138
138
|
scrollbarWidth: "none",
|
|
139
139
|
msOverflowStyle: "none",
|
|
@@ -142,15 +142,15 @@ const Swiper = forwardRef(({ items = [], fill = false, controls = true, priority
|
|
|
142
142
|
userSelect: "none",
|
|
143
143
|
}, children: items.map((item, index) => (_jsx(Flex, { ref: (el) => {
|
|
144
144
|
slideRefs.current[index] = el;
|
|
145
|
-
}, fillWidth: true, fillHeight:
|
|
145
|
+
}, fillWidth: true, fillHeight: stretch, className: styles.slide, style: {
|
|
146
146
|
scrollSnapAlign: "start",
|
|
147
147
|
scrollSnapStop: "always",
|
|
148
148
|
flexShrink: 0,
|
|
149
|
-
}, children: typeof item.slide === "string" ? (_jsx(Media, {
|
|
149
|
+
}, children: typeof item.slide === "string" ? (_jsx(Media, { stretch: stretch, sizes: sizes, unoptimized: unoptimized, priority: priority && index === 0, aspectRatio: stretch ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, src: item.slide, alt: item.alt || "", onDragStart: (e) => e.preventDefault(), style: {
|
|
150
150
|
userSelect: "none",
|
|
151
|
-
} })) : (_jsx(Flex, { fill: true, aspectRatio:
|
|
151
|
+
} })) : (_jsx(Flex, { fill: true, aspectRatio: stretch ? undefined : aspectRatio === "auto" ? undefined : aspectRatio, onDragStart: (e) => e.preventDefault(), style: {
|
|
152
152
|
userSelect: "none",
|
|
153
|
-
}, children: item.slide })) }, index))) }), controls && items.length > 1 && (_jsxs(_Fragment, { children: [activeIndex > 0 && (
|
|
153
|
+
}, children: item.slide })) }, index))) }), controls && items.length > 1 && (_jsxs(_Fragment, { children: [activeIndex > 0 && (_jsx(_Fragment, { children: _jsx(Flex, { position: "absolute", left: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "m", background: "surface", children: _jsx(IconButton, { onClick: handlePrevClick, variant: "secondary", icon: "chevronLeft", "aria-label": "Previous slide" }) }) }) })), activeIndex < items.length - 1 && (_jsx(_Fragment, { children: _jsx(Flex, { position: "absolute", right: "16", zIndex: 1, className: styles.navButton, style: { top: "50%", transform: "translateY(-50%)" }, children: _jsx(Flex, { radius: "m", background: "surface", children: _jsx(IconButton, { onClick: handleNextClick, variant: "secondary", icon: "chevronRight", "aria-label": "Next slide" }) }) }) }))] }))] }) }), indicator && items.length > 1 && (_jsx(Row, { gap: "8", fillWidth: true, horizontal: "center", paddingX: "16", paddingTop: controls === "contained" ? undefined : "12", position: controls === "contained" ? "absolute" : "relative", bottom: controls === "contained" ? "16" : undefined, style: {
|
|
154
154
|
transform: controls === "contained" ? "translateY(-100%)" : undefined,
|
|
155
155
|
}, children: items.map((_, index) => (_jsx(Flex, { radius: "full", cursor: "interactive", onClick: () => handleDotClick(index), width: "8", height: "8", style: {
|
|
156
156
|
background: activeIndex === index
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InteractiveDetailsProps } from ".";
|
|
3
|
-
interface SwitchProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
interface SwitchProps extends Omit<InteractiveDetailsProps, "onClick">, Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked"> {
|
|
4
4
|
style?: React.CSSProperties;
|
|
5
5
|
className?: string;
|
|
6
|
-
|
|
6
|
+
checked: boolean;
|
|
7
7
|
loading?: boolean;
|
|
8
8
|
name?: string;
|
|
9
9
|
value?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAA4B,uBAAuB,EAAW,MAAM,GAAG,CAAC;AAI/E,UAAU,WACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAA4B,uBAAuB,EAAW,MAAM,GAAG,CAAC;AAI/E,UAAU,WACR,SAAQ,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,EAC9C,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8EjC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -5,7 +5,7 @@ import classNames from "clsx";
|
|
|
5
5
|
import { Flex, InteractiveDetails, Spinner } from ".";
|
|
6
6
|
import styles from "./Switch.module.scss";
|
|
7
7
|
import commonStyles from "./SharedInteractiveStyles.module.scss";
|
|
8
|
-
const Switch = forwardRef(({ className,
|
|
8
|
+
const Switch = forwardRef(({ className, checked, reverse = false, loading = false, onToggle, ariaLabel = "Toggle switch", disabled, name, value, ...props }, ref) => {
|
|
9
9
|
const handleKeyDown = (event) => {
|
|
10
10
|
if (!disabled && (event.key === "Enter" || event.key === " ")) {
|
|
11
11
|
event.preventDefault();
|
|
@@ -20,11 +20,11 @@ const Switch = forwardRef(({ className, isChecked, reverse = false, loading = fa
|
|
|
20
20
|
return (_jsxs(Flex, { gap: "16", vertical: "center", horizontal: reverse ? "between" : undefined, fillWidth: reverse, className: classNames(styles.container, className, {
|
|
21
21
|
[styles.reverse]: reverse,
|
|
22
22
|
[styles.disabled]: disabled,
|
|
23
|
-
}), onClick: handleClick, role: "switch", "aria-checked":
|
|
24
|
-
[styles.checked]:
|
|
23
|
+
}), onClick: handleClick, role: "switch", "aria-checked": checked, "aria-label": ariaLabel, "aria-disabled": disabled, tabIndex: -1, children: [_jsx("input", { ref: ref, type: "checkbox", name: name, value: value, checked: checked, onChange: onToggle, className: commonStyles.hidden, tabIndex: -1 }), _jsx(Flex, { cursor: disabled ? "not-allowed" : undefined, className: classNames(styles.switch, {
|
|
24
|
+
[styles.checked]: checked,
|
|
25
25
|
[styles.disabled]: disabled,
|
|
26
26
|
}), children: _jsx("div", { onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, className: classNames(styles.element, {
|
|
27
|
-
[styles.checked]:
|
|
27
|
+
[styles.checked]: checked,
|
|
28
28
|
[styles.disabled]: disabled,
|
|
29
29
|
}), children: loading && _jsx(Spinner, { size: "xs" }) }) }), props.label && _jsx(InteractiveDetails, { disabled: disabled, ...props, onClick: () => { } })] }));
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAA2B,OAAO,EAAE,MAAM,GAAG,CAAC;AAC/E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,YAAY,MAAM,uCAAuC,CAAC;AAiBjE,MAAM,MAAM,GAA0B,UAAU,CAC9C,CACE,EACE,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAA+E,MAAM,GAAG,CAAC;AACrG,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW,EAAE,CAAC;QACvB,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAYF,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,UAAU,EACV,UAAkB,EAClB,iBAA+B,EAC/B,OAAe,EACf,SAAgB,EAChB,OAAe,EACf,OAAe,EACf,UAAU,EACV,OAAO,EACP,YAAoB,EACpB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,SAAiB,EACjB,eAAoB,EACpB,eAAiC,EACjC,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,UAAU,+
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAA+E,MAAM,GAAG,CAAC;AACrG,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,IAAI,EAAE;QACJ,OAAO,EAAE,WAAW,EAAE,CAAC;QACvB,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAYF,iBAAS,KAAK,CAAC,EACb,IAAI,EACJ,UAAU,EACV,UAAkB,EAClB,iBAA+B,EAC/B,OAAe,EACf,SAAgB,EAChB,OAAe,EACf,OAAe,EACf,UAAU,EACV,OAAO,EACP,YAAoB,EACpB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,SAAiB,EACjB,eAAoB,EACpB,eAAiC,EACjC,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,UAAU,+BA6XZ;kBAjZQ,KAAK;;;AAoZd,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/components/Table.js
CHANGED
|
@@ -114,7 +114,7 @@ function Table({ data, onRowClick, searchable = false, searchPlaceholder = "Sear
|
|
|
114
114
|
}, options: pageSizeOptions.map(size => ({
|
|
115
115
|
label: String(size),
|
|
116
116
|
value: String(size)
|
|
117
|
-
})) }) }), _jsxs(Text, { variant: "label-default-s", onBackground: "neutral-medium", children: [currentPage, " / ", totalPages] })] }), totalPages > 1 && (_jsxs(Row, { gap: "4", vertical: "center", children: [_jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronDoubleLeft", onClick: () => setPage(1), disabled: currentPage === 1 }), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronLeft", onClick: () => setPage(currentPage - 1), disabled: currentPage === 1 }), Array.from({ length: Math.min(3, totalPages) }, (_, i) => {
|
|
117
|
+
})) }) }), _jsxs(Text, { variant: "label-default-s", onBackground: "neutral-medium", children: [currentPage, " / ", totalPages] })] }), totalPages > 1 && (_jsxs(Row, { gap: "4", vertical: "center", children: [_jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronDoubleLeft", "aria-label": "First page", onClick: () => setPage(1), disabled: currentPage === 1 }), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronLeft", "aria-label": "Previous page", onClick: () => setPage(currentPage - 1), disabled: currentPage === 1 }), Array.from({ length: Math.min(3, totalPages) }, (_, i) => {
|
|
118
118
|
let pageNum;
|
|
119
119
|
if (totalPages <= 5) {
|
|
120
120
|
pageNum = i + 1;
|
|
@@ -129,7 +129,7 @@ function Table({ data, onRowClick, searchable = false, searchPlaceholder = "Sear
|
|
|
129
129
|
pageNum = currentPage - 2 + i;
|
|
130
130
|
}
|
|
131
131
|
return (_jsx(Button, { size: "s", variant: pageNum === currentPage ? "primary" : "tertiary", onClick: () => setPage(pageNum), children: pageNum }, pageNum));
|
|
132
|
-
}), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronRight", onClick: () => setPage(currentPage + 1), disabled: currentPage === totalPages }), _jsx(IconButton, { icon: "chevronDoubleRight", size: "s", variant: "secondary", onClick: () => setPage(totalPages), disabled: currentPage === totalPages })] }))] })), !paginated && !loading && sortedRows.length > 0 && sortConfig && (_jsx(Row, { horizontal: "end", vertical: "center", paddingX: "s", children: _jsxs(Row, { gap: "4", vertical: "center", children: [_jsxs(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: ["Sorted by ", data.headers.find(h => h.key === sortConfig.key)?.content] }), _jsx(IconButton, { icon: "close", size: "s", variant: "tertiary", onClick: () => setSortConfig(null), tooltip: "Clear sort" })] }) }))] }));
|
|
132
|
+
}), _jsx(IconButton, { size: "s", variant: "secondary", icon: "chevronRight", "aria-label": "Next page", onClick: () => setPage(currentPage + 1), disabled: currentPage === totalPages }), _jsx(IconButton, { icon: "chevronDoubleRight", "aria-label": "Last page", size: "s", variant: "secondary", onClick: () => setPage(totalPages), disabled: currentPage === totalPages })] }))] })), !paginated && !loading && sortedRows.length > 0 && sortConfig && (_jsx(Row, { horizontal: "end", vertical: "center", paddingX: "s", children: _jsxs(Row, { gap: "4", vertical: "center", children: [_jsxs(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: ["Sorted by ", data.headers.find(h => h.key === sortConfig.key)?.content] }), _jsx(IconButton, { icon: "close", size: "s", variant: "tertiary", onClick: () => setSortConfig(null), tooltip: "Clear sort" })] }) }))] }));
|
|
133
133
|
}
|
|
134
134
|
Table.displayName = "Table";
|
|
135
135
|
export { Table };
|