@pathscale/ui 1.1.38 → 1.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/Accordion.classes.d.ts +38 -0
- package/dist/components/accordion/Accordion.classes.js +39 -0
- package/dist/components/accordion/Accordion.css +158 -0
- package/dist/components/accordion/Accordion.d.ts +46 -22
- package/dist/components/accordion/Accordion.js +334 -154
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/accordion/index.js +7 -1
- package/dist/components/calendar/Calendar.classes.d.ts +62 -0
- package/dist/components/calendar/Calendar.classes.js +63 -0
- package/dist/components/calendar/Calendar.css +258 -0
- package/dist/components/calendar/Calendar.d.ts +24 -22
- package/dist/components/calendar/Calendar.js +304 -167
- package/dist/components/calendar/index.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubble.classes.d.ts +24 -0
- package/dist/components/chatbubble/ChatBubble.classes.js +25 -0
- package/dist/components/chatbubble/ChatBubble.css +164 -0
- package/dist/components/chatbubble/ChatBubble.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubble.js +3 -6
- package/dist/components/chatbubble/ChatBubbleAvatar.js +2 -1
- package/dist/components/chatbubble/ChatBubbleFooter.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -3
- package/dist/components/chatbubble/ChatBubbleHeader.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubbleHeader.js +11 -3
- package/dist/components/chatbubble/ChatBubbleMessage.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubbleMessage.js +13 -14
- package/dist/components/chatbubble/ChatBubbleTime.d.ts +1 -1
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -3
- package/dist/components/color-field/ColorField.d.ts +1 -1
- package/dist/components/color-field/ColorField.js +3 -3
- package/dist/components/color-picker/ColorPicker.js +5 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.classes.d.ts +33 -0
- package/dist/components/color-wheel-flower/ColorWheelFlower.classes.js +34 -0
- package/dist/components/{colorpicker → color-wheel-flower}/ColorWheelFlower.js +52 -27
- package/dist/components/color-wheel-flower/index.d.ts +5 -0
- package/dist/components/color-wheel-flower/index.js +6 -0
- package/dist/components/date-picker/DatePicker.classes.d.ts +30 -0
- package/dist/components/date-picker/DatePicker.classes.js +31 -0
- package/dist/components/date-picker/DatePicker.css +143 -0
- package/dist/components/date-picker/DatePicker.d.ts +24 -0
- package/dist/components/date-picker/DatePicker.js +180 -0
- package/dist/components/date-picker/index.d.ts +1 -0
- package/dist/components/date-picker/index.js +3 -0
- package/dist/components/date-range-picker/DateRangePicker.classes.d.ts +33 -0
- package/dist/components/date-range-picker/DateRangePicker.classes.js +34 -0
- package/dist/components/date-range-picker/DateRangePicker.css +149 -0
- package/dist/components/date-range-picker/DateRangePicker.d.ts +28 -0
- package/dist/components/date-range-picker/DateRangePicker.js +230 -0
- package/dist/components/date-range-picker/index.d.ts +1 -0
- package/dist/components/date-range-picker/index.js +3 -0
- package/dist/components/flex/Flex.classes.d.ts +65 -0
- package/dist/components/flex/Flex.classes.js +66 -0
- package/dist/components/flex/Flex.css +5 -0
- package/dist/components/flex/Flex.d.ts +1 -0
- package/dist/components/flex/Flex.js +7 -66
- package/dist/components/floating-dock/FloatingDock.classes.d.ts +25 -0
- package/dist/components/floating-dock/FloatingDock.classes.js +26 -0
- package/dist/components/floating-dock/FloatingDock.css +14 -0
- package/dist/components/floating-dock/FloatingDock.js +76 -51
- package/dist/components/footer/Footer.classes.d.ts +9 -0
- package/dist/components/footer/Footer.classes.js +10 -0
- package/dist/components/footer/Footer.js +2 -6
- package/dist/components/footer/FooterTitle.js +2 -1
- package/dist/components/footer/footer.css +45 -45
- package/dist/components/glass-panel/GlassPanel.classes.d.ts +44 -0
- package/dist/components/glass-panel/GlassPanel.classes.js +45 -0
- package/dist/components/glass-panel/GlassPanel.css +170 -0
- package/dist/components/glass-panel/GlassPanel.d.ts +1 -0
- package/dist/components/glass-panel/GlassPanel.js +20 -58
- package/dist/components/glow-card/GlowCard.classes.d.ts +4 -0
- package/dist/components/glow-card/GlowCard.classes.js +5 -0
- package/dist/components/glow-card/GlowCard.css +4 -0
- package/dist/components/glow-card/GlowCard.js +2 -1
- package/dist/components/grid/Grid.classes.d.ts +54 -0
- package/dist/components/grid/Grid.classes.js +55 -0
- package/dist/components/grid/Grid.css +5 -0
- package/dist/components/grid/Grid.d.ts +1 -0
- package/dist/components/grid/Grid.js +3 -52
- package/dist/components/icon/Icon.classes.d.ts +3 -0
- package/dist/components/icon/Icon.classes.js +4 -0
- package/dist/components/icon/Icon.css +10 -0
- package/dist/components/icon/Icon.d.ts +1 -0
- package/dist/components/icon/Icon.js +8 -4
- package/dist/components/immersive-landing/ImmersiveLanding.classes.d.ts +83 -0
- package/dist/components/immersive-landing/ImmersiveLanding.classes.js +84 -0
- package/dist/components/immersive-landing/ImmersiveLanding.css +562 -0
- package/dist/components/immersive-landing/ImmersiveLanding.d.ts +1 -0
- package/dist/components/immersive-landing/ImmersiveLanding.js +23 -2
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +11 -11
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +38 -27
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +4 -2
- package/dist/components/immersive-landing/components/CookieConsent.js +91 -20
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +33 -8
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +37 -11
- package/dist/components/immersive-landing/index.d.ts +1 -0
- package/dist/components/immersive-landing/index.js +1 -0
- package/dist/components/kbd/Kbd.classes.d.ts +11 -0
- package/dist/components/kbd/Kbd.classes.js +12 -0
- package/dist/components/kbd/Kbd.css +60 -0
- package/dist/components/kbd/Kbd.d.ts +28 -4
- package/dist/components/kbd/Kbd.js +139 -10
- package/dist/components/kbd/index.d.ts +1 -1
- package/dist/components/kbd/index.js +6 -1
- package/dist/components/language-switcher/LanguageSwitcher.classes.d.ts +9 -0
- package/dist/components/language-switcher/LanguageSwitcher.classes.js +10 -0
- package/dist/components/language-switcher/LanguageSwitcher.css +56 -0
- package/dist/components/language-switcher/LanguageSwitcher.d.ts +1 -0
- package/dist/components/language-switcher/LanguageSwitcher.js +15 -7
- package/dist/components/link/Link.classes.d.ts +19 -0
- package/dist/components/link/Link.classes.js +20 -0
- package/dist/components/link/Link.css +131 -0
- package/dist/components/link/Link.d.ts +20 -11
- package/dist/components/link/Link.js +84 -43
- package/dist/components/link/index.d.ts +1 -1
- package/dist/components/link/index.js +3 -1
- package/dist/components/live-chat/LiveChat.classes.d.ts +41 -0
- package/dist/components/live-chat/LiveChat.classes.js +42 -0
- package/dist/components/live-chat/LiveChat.css +324 -0
- package/dist/components/live-chat/LiveChatBubble.d.ts +1 -0
- package/dist/components/live-chat/LiveChatBubble.js +15 -6
- package/dist/components/live-chat/LiveChatPanel.d.ts +1 -0
- package/dist/components/live-chat/LiveChatPanel.js +102 -123
- package/dist/components/modal/Modal.classes.d.ts +86 -0
- package/dist/components/modal/Modal.classes.js +87 -0
- package/dist/components/modal/Modal.css +320 -0
- package/dist/components/modal/Modal.d.ts +83 -27
- package/dist/components/modal/Modal.js +613 -97
- package/dist/components/modal/index.d.ts +1 -6
- package/dist/components/modal/index.js +11 -1
- package/dist/components/navbar/Navbar.classes.d.ts +23 -22
- package/dist/components/navbar/Navbar.classes.js +23 -25
- package/dist/components/navbar/Navbar.css +110 -0
- package/dist/components/navbar/Navbar.d.ts +1 -1
- package/dist/components/navbar/Navbar.js +2 -2
- package/dist/components/navbar/NavbarRow.js +1 -1
- package/dist/components/navbar/NavbarSection.js +1 -1
- package/dist/components/navbar/NavbarStack.js +4 -4
- package/dist/components/noise-background/NoiseBackground.classes.d.ts +15 -0
- package/dist/components/noise-background/NoiseBackground.classes.js +16 -0
- package/dist/components/noise-background/NoiseBackground.css +66 -0
- package/dist/components/noise-background/NoiseBackground.d.ts +1 -0
- package/dist/components/noise-background/NoiseBackground.js +29 -14
- package/dist/components/slider/Slider.classes.d.ts +13 -0
- package/dist/components/slider/Slider.classes.js +14 -0
- package/dist/components/{range-slider/range.css → slider/Slider.css} +3 -17
- package/dist/components/{range-slider/RangeSlider.d.ts → slider/Slider.d.ts} +5 -5
- package/dist/components/{range-slider/RangeSlider.js → slider/Slider.js} +28 -24
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/index.js +3 -0
- package/dist/components/table/index.d.ts +0 -2
- package/dist/components/table/index.js +1 -3
- package/dist/components/theme-color-picker/ThemeColorPicker.js +6 -6
- package/dist/components/toast/Toast.classes.d.ts +67 -0
- package/dist/components/toast/Toast.classes.js +68 -0
- package/dist/components/toast/Toast.css +344 -0
- package/dist/components/toast/Toast.d.ts +156 -20
- package/dist/components/toast/Toast.js +795 -31
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/index.js +17 -1
- package/dist/hooks/date/date.utils.d.ts +30 -0
- package/dist/hooks/date/date.utils.js +112 -0
- package/dist/hooks/date/index.d.ts +6 -0
- package/dist/hooks/date/index.js +6 -0
- package/dist/hooks/date/useCalendarNavigation.d.ts +21 -0
- package/dist/hooks/date/useCalendarNavigation.js +70 -0
- package/dist/hooks/date/useCalendarState.d.ts +45 -0
- package/dist/hooks/date/useCalendarState.js +66 -0
- package/dist/hooks/date/useDateSelection.d.ts +12 -0
- package/dist/hooks/date/useDateSelection.js +22 -0
- package/dist/hooks/date/usePickerOpenState.d.ts +15 -0
- package/dist/hooks/date/usePickerOpenState.js +50 -0
- package/dist/hooks/date/useRangeSelection.d.ts +26 -0
- package/dist/hooks/date/useRangeSelection.js +74 -0
- package/dist/hooks/form/useForm.d.ts +2 -2
- package/dist/hooks/form/useForm.js +11 -6
- package/dist/index.d.ts +56 -101
- package/dist/index.js +47 -109
- package/dist/purge-manifest.json +1708 -208
- package/dist/styles/icons/generated-icons.css +1 -1
- package/package.json +3 -5
- package/dist/components/accordion/collapse.css +0 -248
- package/dist/components/background/Background.d.ts +0 -5
- package/dist/components/background/Background.js +0 -22
- package/dist/components/background/index.d.ts +0 -1
- package/dist/components/background/index.js +0 -3
- package/dist/components/bottom-sheet/BottomSheet.d.ts +0 -11
- package/dist/components/bottom-sheet/BottomSheet.js +0 -109
- package/dist/components/bottom-sheet/index.d.ts +0 -2
- package/dist/components/bottom-sheet/index.js +0 -3
- package/dist/components/browsermockup/BrowserMockup.d.ts +0 -10
- package/dist/components/browsermockup/BrowserMockup.js +0 -55
- package/dist/components/browsermockup/index.d.ts +0 -2
- package/dist/components/browsermockup/index.js +0 -3
- package/dist/components/calendar/input.css +0 -277
- package/dist/components/carousel/Carousel.d.ts +0 -16
- package/dist/components/carousel/Carousel.js +0 -70
- package/dist/components/carousel/CarouselItem.d.ts +0 -6
- package/dist/components/carousel/CarouselItem.js +0 -27
- package/dist/components/carousel/carousel.css +0 -39
- package/dist/components/carousel/index.d.ts +0 -3
- package/dist/components/carousel/index.js +0 -3
- package/dist/components/chatbubble/chat.css +0 -153
- package/dist/components/codemockup/CodeMockup.d.ts +0 -5
- package/dist/components/codemockup/CodeMockup.js +0 -33
- package/dist/components/codemockup/CodeMockupLine.d.ts +0 -12
- package/dist/components/codemockup/CodeMockupLine.js +0 -53
- package/dist/components/codemockup/index.d.ts +0 -2
- package/dist/components/codemockup/index.js +0 -5
- package/dist/components/collapse/Collapse.d.ts +0 -21
- package/dist/components/collapse/Collapse.js +0 -104
- package/dist/components/collapse/CollapseContent.d.ts +0 -4
- package/dist/components/collapse/CollapseContent.js +0 -15
- package/dist/components/collapse/CollapseDetails.d.ts +0 -17
- package/dist/components/collapse/CollapseDetails.js +0 -33
- package/dist/components/collapse/CollapseTitle.d.ts +0 -9
- package/dist/components/collapse/CollapseTitle.js +0 -47
- package/dist/components/collapse/collapse.css +0 -248
- package/dist/components/collapse/index.d.ts +0 -4
- package/dist/components/collapse/index.js +0 -10
- package/dist/components/colorpicker/AlphaSlider.d.ts +0 -7
- package/dist/components/colorpicker/AlphaSlider.js +0 -107
- package/dist/components/colorpicker/ColorInput.d.ts +0 -7
- package/dist/components/colorpicker/ColorInput.js +0 -88
- package/dist/components/colorpicker/ColorPicker.d.ts +0 -18
- package/dist/components/colorpicker/ColorPicker.js +0 -264
- package/dist/components/colorpicker/ColorPickerFlowerSelector.d.ts +0 -3
- package/dist/components/colorpicker/ColorPickerFlowerSelector.js +0 -9
- package/dist/components/colorpicker/ColorPickerGradientSelector.d.ts +0 -3
- package/dist/components/colorpicker/ColorPickerGradientSelector.js +0 -9
- package/dist/components/colorpicker/ColorPickerWheelSelector.d.ts +0 -3
- package/dist/components/colorpicker/ColorPickerWheelSelector.js +0 -9
- package/dist/components/colorpicker/ColorPreview.d.ts +0 -11
- package/dist/components/colorpicker/ColorPreview.js +0 -47
- package/dist/components/colorpicker/ColorSwatches.d.ts +0 -8
- package/dist/components/colorpicker/ColorSwatches.js +0 -67
- package/dist/components/colorpicker/ColorWheel.d.ts +0 -7
- package/dist/components/colorpicker/ColorWheel.js +0 -106
- package/dist/components/colorpicker/HueSlider.d.ts +0 -7
- package/dist/components/colorpicker/HueSlider.js +0 -105
- package/dist/components/colorpicker/LightnessSlider.d.ts +0 -7
- package/dist/components/colorpicker/LightnessSlider.js +0 -111
- package/dist/components/colorpicker/SaturationBrightness.d.ts +0 -7
- package/dist/components/colorpicker/SaturationBrightness.js +0 -120
- package/dist/components/colorpicker/index.d.ts +0 -26
- package/dist/components/colorpicker/index.js +0 -31
- package/dist/components/confirm-dialog/ConfirmDialog.d.ts +0 -15
- package/dist/components/confirm-dialog/ConfirmDialog.js +0 -102
- package/dist/components/confirm-dialog/index.d.ts +0 -2
- package/dist/components/confirm-dialog/index.js +0 -3
- package/dist/components/connectionstatus/ConnectionStatus.d.ts +0 -59
- package/dist/components/connectionstatus/ConnectionStatus.js +0 -197
- package/dist/components/connectionstatus/index.d.ts +0 -2
- package/dist/components/connectionstatus/index.js +0 -3
- package/dist/components/copy-button/CopyButton.d.ts +0 -11
- package/dist/components/copy-button/CopyButton.js +0 -70
- package/dist/components/copy-button/index.d.ts +0 -2
- package/dist/components/copy-button/index.js +0 -3
- package/dist/components/countdown/Countdown.d.ts +0 -8
- package/dist/components/countdown/Countdown.js +0 -37
- package/dist/components/countdown/countdown.css +0 -58
- package/dist/components/countdown/index.d.ts +0 -1
- package/dist/components/countdown/index.js +0 -3
- package/dist/components/diff/Diff.d.ts +0 -8
- package/dist/components/diff/Diff.js +0 -29
- package/dist/components/diff/diff.css +0 -162
- package/dist/components/diff/index.d.ts +0 -1
- package/dist/components/diff/index.js +0 -3
- package/dist/components/divider/Divider.d.ts +0 -21
- package/dist/components/divider/Divider.js +0 -41
- package/dist/components/divider/Divider.styles.d.ts +0 -25
- package/dist/components/divider/Divider.styles.js +0 -71
- package/dist/components/divider/index.d.ts +0 -3
- package/dist/components/divider/index.js +0 -3
- package/dist/components/dock/Dock.d.ts +0 -15
- package/dist/components/dock/Dock.js +0 -40
- package/dist/components/dock/DockItem.d.ts +0 -9
- package/dist/components/dock/DockItem.js +0 -45
- package/dist/components/dock/DockLabel.d.ts +0 -6
- package/dist/components/dock/DockLabel.js +0 -22
- package/dist/components/dock/dock.css +0 -147
- package/dist/components/dock/index.d.ts +0 -3
- package/dist/components/dock/index.js +0 -3
- package/dist/components/dropdown-select/DropdownSelect.d.ts +0 -22
- package/dist/components/dropdown-select/DropdownSelect.js +0 -296
- package/dist/components/dropdown-select/index.d.ts +0 -2
- package/dist/components/dropdown-select/index.js +0 -3
- package/dist/components/fileinput/FileInput.d.ts +0 -15
- package/dist/components/fileinput/FileInput.js +0 -51
- package/dist/components/fileinput/index.d.ts +0 -1
- package/dist/components/fileinput/index.js +0 -3
- package/dist/components/fileinput/input.css +0 -277
- package/dist/components/form-actions/FormActions.d.ts +0 -14
- package/dist/components/form-actions/FormActions.js +0 -142
- package/dist/components/form-actions/index.d.ts +0 -2
- package/dist/components/form-actions/index.js +0 -3
- package/dist/components/hero/Hero.d.ts +0 -11
- package/dist/components/hero/Hero.js +0 -47
- package/dist/components/hero/HeroContent.d.ts +0 -6
- package/dist/components/hero/HeroContent.js +0 -31
- package/dist/components/hero/HeroOverlay.d.ts +0 -6
- package/dist/components/hero/HeroOverlay.js +0 -39
- package/dist/components/hero/hero.css +0 -38
- package/dist/components/hero/index.d.ts +0 -4
- package/dist/components/hero/index.js +0 -3
- package/dist/components/indicator/Indicator.d.ts +0 -31
- package/dist/components/indicator/Indicator.js +0 -76
- package/dist/components/indicator/index.d.ts +0 -2
- package/dist/components/indicator/index.js +0 -3
- package/dist/components/indicator/indicator.css +0 -70
- package/dist/components/kbd/kbd.css +0 -55
- package/dist/components/link/link.css +0 -153
- package/dist/components/mask/Mask.d.ts +0 -15
- package/dist/components/mask/Mask.js +0 -62
- package/dist/components/mask/index.d.ts +0 -3
- package/dist/components/mask/index.js +0 -3
- package/dist/components/mask/mask.css +0 -89
- package/dist/components/modal/ModalActions.d.ts +0 -3
- package/dist/components/modal/ModalActions.js +0 -14
- package/dist/components/modal/ModalBody.d.ts +0 -3
- package/dist/components/modal/ModalBody.js +0 -14
- package/dist/components/modal/ModalHeader.d.ts +0 -3
- package/dist/components/modal/ModalHeader.js +0 -15
- package/dist/components/modal/ModalLegacy.d.ts +0 -8
- package/dist/components/modal/ModalLegacy.js +0 -36
- package/dist/components/modal/modal.css +0 -170
- package/dist/components/navbar/navbar.css +0 -33
- package/dist/components/phonemockup/PhoneMockup.d.ts +0 -8
- package/dist/components/phonemockup/PhoneMockup.js +0 -44
- package/dist/components/phonemockup/index.d.ts +0 -1
- package/dist/components/phonemockup/index.js +0 -3
- package/dist/components/props-table/PropsTable.d.ts +0 -14
- package/dist/components/props-table/PropsTable.js +0 -56
- package/dist/components/props-table/index.d.ts +0 -2
- package/dist/components/props-table/index.js +0 -3
- package/dist/components/range/Range.d.ts +0 -13
- package/dist/components/range/Range.js +0 -85
- package/dist/components/range/index.d.ts +0 -1
- package/dist/components/range/index.js +0 -3
- package/dist/components/range/range.css +0 -174
- package/dist/components/range-slider/index.d.ts +0 -2
- package/dist/components/range-slider/index.js +0 -3
- package/dist/components/rating/Rating.d.ts +0 -24
- package/dist/components/rating/Rating.js +0 -54
- package/dist/components/rating/RatingHidden.d.ts +0 -4
- package/dist/components/rating/RatingHidden.js +0 -29
- package/dist/components/rating/RatingItem.d.ts +0 -9
- package/dist/components/rating/RatingItem.js +0 -62
- package/dist/components/rating/index.d.ts +0 -4
- package/dist/components/rating/index.js +0 -3
- package/dist/components/rating/rating.css +0 -106
- package/dist/components/showcase/ShowcaseBlock.d.ts +0 -10
- package/dist/components/showcase/ShowcaseBlock.js +0 -48
- package/dist/components/showcase/index.d.ts +0 -2
- package/dist/components/showcase/index.js +0 -3
- package/dist/components/showcase-section/ShowcaseSection.d.ts +0 -8
- package/dist/components/showcase-section/ShowcaseSection.js +0 -73
- package/dist/components/showcase-section/index.d.ts +0 -2
- package/dist/components/showcase-section/index.js +0 -3
- package/dist/components/skip-link/SkipLink.d.ts +0 -7
- package/dist/components/skip-link/SkipLink.js +0 -34
- package/dist/components/skip-link/index.d.ts +0 -2
- package/dist/components/skip-link/index.js +0 -3
- package/dist/components/stack/Stack.d.ts +0 -18
- package/dist/components/stack/Stack.js +0 -53
- package/dist/components/stack/index.d.ts +0 -2
- package/dist/components/stack/index.js +0 -3
- package/dist/components/stack/stack.css +0 -90
- package/dist/components/stat-card/StatCard.d.ts +0 -22
- package/dist/components/stat-card/StatCard.js +0 -46
- package/dist/components/stat-card/StatCardSection.d.ts +0 -5
- package/dist/components/stat-card/StatCardSection.js +0 -39
- package/dist/components/stat-card/index.d.ts +0 -1
- package/dist/components/stat-card/index.js +0 -3
- package/dist/components/stats/Stat.d.ts +0 -13
- package/dist/components/stats/Stat.js +0 -51
- package/dist/components/stats/StatSection.d.ts +0 -6
- package/dist/components/stats/StatSection.js +0 -29
- package/dist/components/stats/Stats.d.ts +0 -15
- package/dist/components/stats/Stats.js +0 -29
- package/dist/components/stats/index.d.ts +0 -1
- package/dist/components/stats/index.js +0 -3
- package/dist/components/stats/stat.css +0 -67
- package/dist/components/status/Status.d.ts +0 -8
- package/dist/components/status/Status.js +0 -30
- package/dist/components/status/index.d.ts +0 -2
- package/dist/components/status/index.js +0 -3
- package/dist/components/steps/Step.d.ts +0 -20
- package/dist/components/steps/Step.js +0 -88
- package/dist/components/steps/Steps.d.ts +0 -18
- package/dist/components/steps/Steps.js +0 -80
- package/dist/components/steps/index.d.ts +0 -3
- package/dist/components/steps/index.js +0 -3
- package/dist/components/steps/step.css +0 -179
- package/dist/components/streaming-table/StreamingTable.d.ts +0 -28
- package/dist/components/streaming-table/StreamingTable.js +0 -304
- package/dist/components/streaming-table/createRowStore.d.ts +0 -7
- package/dist/components/streaming-table/createRowStore.js +0 -18
- package/dist/components/streaming-table/createStreamingTableStore.d.ts +0 -13
- package/dist/components/streaming-table/createStreamingTableStore.js +0 -68
- package/dist/components/streaming-table/index.d.ts +0 -5
- package/dist/components/streaming-table/index.js +0 -5
- package/dist/components/streaming-table/types.d.ts +0 -46
- package/dist/components/streaming-table/types.js +0 -0
- package/dist/components/svgbackground/SvgBackground.d.ts +0 -21
- package/dist/components/svgbackground/SvgBackground.js +0 -413
- package/dist/components/svgbackground/index.d.ts +0 -2
- package/dist/components/svgbackground/index.js +0 -3
- package/dist/components/swap/Swap.d.ts +0 -13
- package/dist/components/swap/Swap.js +0 -57
- package/dist/components/swap/index.d.ts +0 -1
- package/dist/components/swap/index.js +0 -3
- package/dist/components/swap/swap.css +0 -92
- package/dist/components/switch-field/SwitchField.d.ts +0 -19
- package/dist/components/switch-field/SwitchField.js +0 -71
- package/dist/components/switch-field/index.d.ts +0 -2
- package/dist/components/switch-field/index.js +0 -3
- package/dist/components/table/EnhancedTable.d.ts +0 -46
- package/dist/components/table/EnhancedTable.js +0 -740
- package/dist/components/timeline/Timeline.d.ts +0 -12
- package/dist/components/timeline/Timeline.js +0 -42
- package/dist/components/timeline/TimelineEnd.d.ts +0 -6
- package/dist/components/timeline/TimelineEnd.js +0 -28
- package/dist/components/timeline/TimelineItem.d.ts +0 -8
- package/dist/components/timeline/TimelineItem.js +0 -47
- package/dist/components/timeline/TimelineMiddle.d.ts +0 -4
- package/dist/components/timeline/TimelineMiddle.js +0 -25
- package/dist/components/timeline/TimelineStart.d.ts +0 -6
- package/dist/components/timeline/TimelineStart.js +0 -28
- package/dist/components/timeline/index.d.ts +0 -5
- package/dist/components/timeline/index.js +0 -11
- package/dist/components/timeline/timeline.css +0 -286
- package/dist/components/toast/toast.css +0 -58
- package/dist/components/toastcontainer/ToastContainer.d.ts +0 -3
- package/dist/components/toastcontainer/ToastContainer.js +0 -15
- package/dist/components/toastcontainer/ToastStack.d.ts +0 -17
- package/dist/components/toastcontainer/ToastStack.js +0 -181
- package/dist/components/toastcontainer/index.d.ts +0 -3
- package/dist/components/toastcontainer/index.js +0 -5
- package/dist/components/windowmockup/WindowMockup.d.ts +0 -11
- package/dist/components/windowmockup/WindowMockup.js +0 -85
- package/dist/components/windowmockup/index.d.ts +0 -1
- package/dist/components/windowmockup/index.js +0 -3
- package/dist/stores/index.d.ts +0 -1
- package/dist/stores/index.js +0 -1
- package/dist/stores/toastStore.d.ts +0 -24
- package/dist/stores/toastStore.js +0 -64
- /package/dist/components/{colorpicker → color-wheel-flower}/ColorUtils.d.ts +0 -0
- /package/dist/components/{colorpicker → color-wheel-flower}/ColorUtils.js +0 -0
- /package/dist/components/{colorpicker → color-wheel-flower}/ColorWheelFlower.css +0 -0
- /package/dist/components/{colorpicker → color-wheel-flower}/ColorWheelFlower.d.ts +0 -0
- /package/dist/components/{colorpicker/colorpickerContext.d.ts → color-wheel-flower/colorWheelFlowerContext.d.ts} +0 -0
- /package/dist/components/{colorpicker/colorpickerContext.js → color-wheel-flower/colorWheelFlowerContext.js} +0 -0
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div aria-label="Phone mockup"><div class=mockup-phone-camera></div><div class=mockup-phone-display><div>');
|
|
6
|
-
const PhoneMockup_PhoneMockup = (props)=>{
|
|
7
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
-
"children",
|
|
9
|
-
"class",
|
|
10
|
-
"className",
|
|
11
|
-
"dataTheme",
|
|
12
|
-
"color",
|
|
13
|
-
"innerProps"
|
|
14
|
-
]);
|
|
15
|
-
const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mockup-phone", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
16
|
-
"border-primary": "primary" === local.color,
|
|
17
|
-
"border-secondary": "secondary" === local.color,
|
|
18
|
-
"border-info": "info" === local.color,
|
|
19
|
-
"border-success": "success" === local.color,
|
|
20
|
-
"border-warning": "warning" === local.color,
|
|
21
|
-
"border-error": "error" === local.color
|
|
22
|
-
}));
|
|
23
|
-
const innerClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
|
|
24
|
-
return (()=>{
|
|
25
|
-
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
26
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
27
|
-
get ["data-theme"] () {
|
|
28
|
-
return local.dataTheme;
|
|
29
|
-
},
|
|
30
|
-
get ["class"] () {
|
|
31
|
-
return classes();
|
|
32
|
-
}
|
|
33
|
-
}), false, true);
|
|
34
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>local.innerProps, {
|
|
35
|
-
get ["class"] () {
|
|
36
|
-
return innerClasses();
|
|
37
|
-
}
|
|
38
|
-
}), false, true);
|
|
39
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
|
|
40
|
-
return _el$;
|
|
41
|
-
})();
|
|
42
|
-
};
|
|
43
|
-
const PhoneMockup = PhoneMockup_PhoneMockup;
|
|
44
|
-
export { PhoneMockup as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, type PhoneMockupProps } from "./PhoneMockup";
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type Component } from "solid-js";
|
|
2
|
-
import type { IComponentBaseProps } from "../types";
|
|
3
|
-
export interface PropDefinition {
|
|
4
|
-
name: string;
|
|
5
|
-
type: string;
|
|
6
|
-
default?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
required?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface PropsTableProps extends IComponentBaseProps {
|
|
11
|
-
props: PropDefinition[];
|
|
12
|
-
}
|
|
13
|
-
declare const PropsTable: Component<PropsTableProps>;
|
|
14
|
-
export default PropsTable;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><table class="w-full text-left border-collapse"><thead><tr class="border-b border-base-content/15"><th class="py-2 px-3 text-sm font-semibold text-base-content">Prop</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Type</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Default</th><th class="py-2 px-3 text-sm font-semibold text-base-content">Description</th></tr></thead><tbody>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-error>*"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<code class="text-sm font-mono text-base-content/70">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<tr class="border-b border-base-content/15 hover:bg-base-200/25"><td class="py-2 px-3 align-top"><code class="text-sm font-mono font-medium text-base-content"></code></td><td class="py-2 px-3 align-top"><code class="text-sm font-mono text-primary"></code></td><td class="py-2 px-3 align-top"></td><td class="py-2 px-3 text-sm text-base-content/70 align-top">');
|
|
5
|
-
const PropsTable = (props)=>{
|
|
6
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
-
"props",
|
|
8
|
-
"class",
|
|
9
|
-
"className",
|
|
10
|
-
"dataTheme"
|
|
11
|
-
]);
|
|
12
|
-
return (()=>{
|
|
13
|
-
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
14
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
15
|
-
get ["data-theme"] () {
|
|
16
|
-
return local.dataTheme;
|
|
17
|
-
},
|
|
18
|
-
get ["class"] () {
|
|
19
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("overflow-x-auto", local.class, local.className);
|
|
20
|
-
}
|
|
21
|
-
}), false, true);
|
|
22
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
23
|
-
get each () {
|
|
24
|
-
return local.props;
|
|
25
|
-
},
|
|
26
|
-
children: (prop)=>(()=>{
|
|
27
|
-
var _el$5 = _tmpl$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling, _el$11 = _el$1.nextSibling;
|
|
28
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>prop.name, null);
|
|
29
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
30
|
-
get when () {
|
|
31
|
-
return prop.required;
|
|
32
|
-
},
|
|
33
|
-
get children () {
|
|
34
|
-
return _tmpl$2();
|
|
35
|
-
}
|
|
36
|
-
}), null);
|
|
37
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$0, ()=>prop.type);
|
|
38
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
39
|
-
get when () {
|
|
40
|
-
return prop.default;
|
|
41
|
-
},
|
|
42
|
-
get children () {
|
|
43
|
-
var _el$10 = _tmpl$3();
|
|
44
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$10, ()=>prop.default);
|
|
45
|
-
return _el$10;
|
|
46
|
-
}
|
|
47
|
-
}));
|
|
48
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>prop.description);
|
|
49
|
-
return _el$5;
|
|
50
|
-
})()
|
|
51
|
-
}));
|
|
52
|
-
return _el$;
|
|
53
|
-
})();
|
|
54
|
-
};
|
|
55
|
-
const props_table_PropsTable = PropsTable;
|
|
56
|
-
export { props_table_PropsTable as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import "./range.css";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { IComponentBaseProps } from "../types";
|
|
4
|
-
export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
5
|
-
export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
|
-
export type RangeProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size"> & IComponentBaseProps & {
|
|
7
|
-
color?: ComponentColor;
|
|
8
|
-
size?: ComponentSize;
|
|
9
|
-
displayTicks?: boolean;
|
|
10
|
-
ticksStep?: number;
|
|
11
|
-
};
|
|
12
|
-
declare const Range: (props: RangeProps) => JSX.Element;
|
|
13
|
-
export default Range;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import "./range.css";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative mt-2 h-4 w-full max-w-xs"><div class="absolute inset-0 flex items-center justify-between px-2">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="absolute text-xs">|');
|
|
7
|
-
const Range = (props)=>{
|
|
8
|
-
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
-
"class",
|
|
10
|
-
"className",
|
|
11
|
-
"color",
|
|
12
|
-
"size",
|
|
13
|
-
"step",
|
|
14
|
-
"displayTicks",
|
|
15
|
-
"ticksStep",
|
|
16
|
-
"min",
|
|
17
|
-
"max",
|
|
18
|
-
"dataTheme"
|
|
19
|
-
]);
|
|
20
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("range", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
21
|
-
"range-xs": "xs" === local.size,
|
|
22
|
-
"range-sm": "sm" === local.size,
|
|
23
|
-
"range-md": "md" === local.size,
|
|
24
|
-
"range-lg": "lg" === local.size,
|
|
25
|
-
"range-xl": "xl" === local.size,
|
|
26
|
-
"range-primary": "primary" === local.color,
|
|
27
|
-
"range-secondary": "secondary" === local.color,
|
|
28
|
-
"range-accent": "accent" === local.color,
|
|
29
|
-
"range-info": "info" === local.color,
|
|
30
|
-
"range-success": "success" === local.color,
|
|
31
|
-
"range-warning": "warning" === local.color,
|
|
32
|
-
"range-error": "error" === local.color
|
|
33
|
-
})));
|
|
34
|
-
const ticks = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
35
|
-
const showTicks = local.displayTicks ?? (void 0 !== local.step && null !== local.step);
|
|
36
|
-
if (!showTicks) return [];
|
|
37
|
-
const min = Number(local.min ?? 0);
|
|
38
|
-
const max = Number(local.max ?? 100);
|
|
39
|
-
const step = Number(local.ticksStep ?? local.step ?? 1);
|
|
40
|
-
const count = Math.max(Math.ceil((max - min) / step), 1) + 1;
|
|
41
|
-
return Array.from({
|
|
42
|
-
length: count
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
return [
|
|
46
|
-
(()=>{
|
|
47
|
-
var _el$ = _tmpl$();
|
|
48
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
49
|
-
type: "range",
|
|
50
|
-
get step () {
|
|
51
|
-
return local.step;
|
|
52
|
-
},
|
|
53
|
-
get ["class"] () {
|
|
54
|
-
return classes();
|
|
55
|
-
},
|
|
56
|
-
get ["data-theme"] () {
|
|
57
|
-
return local.dataTheme;
|
|
58
|
-
}
|
|
59
|
-
}), false, false);
|
|
60
|
-
return _el$;
|
|
61
|
-
})(),
|
|
62
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
63
|
-
get when () {
|
|
64
|
-
return ticks().length > 0;
|
|
65
|
-
},
|
|
66
|
-
get children () {
|
|
67
|
-
var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
|
|
68
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
69
|
-
get each () {
|
|
70
|
-
return ticks();
|
|
71
|
-
},
|
|
72
|
-
children: (_, i)=>(()=>{
|
|
73
|
-
var _el$4 = _tmpl$3();
|
|
74
|
-
_el$4.style.setProperty("transform", "translateX(-50%)");
|
|
75
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(_$p = `${i() / (ticks().length - 1) * 100}%`, _el$4.style.setProperty("left", _$p)));
|
|
76
|
-
return _el$4;
|
|
77
|
-
})()
|
|
78
|
-
}));
|
|
79
|
-
return _el$2;
|
|
80
|
-
}
|
|
81
|
-
})
|
|
82
|
-
];
|
|
83
|
-
};
|
|
84
|
-
const range_Range = Range;
|
|
85
|
-
export { range_Range as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, type RangeProps } from "./Range";
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.range {
|
|
3
|
-
appearance: none;
|
|
4
|
-
webkit-appearance: none;
|
|
5
|
-
--range-thumb: var(--color-base-100);
|
|
6
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
|
|
7
|
-
--range-progress: currentColor;
|
|
8
|
-
--range-fill: 1;
|
|
9
|
-
--range-p: 0.25rem;
|
|
10
|
-
--range-bg: currentColor;
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
background-color: transparent;
|
|
14
|
-
vertical-align: middle;
|
|
15
|
-
width: clamp(3rem, 20rem, 100%);
|
|
16
|
-
--radius-selector-max: calc(
|
|
17
|
-
var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
|
|
18
|
-
);
|
|
19
|
-
border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
|
|
20
|
-
border: none;
|
|
21
|
-
height: var(--range-thumb-size);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
25
|
-
.range {
|
|
26
|
-
--range-bg: color-mix(in oklab, currentColor 10%, #0000);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[dir="rtl"] .range {
|
|
31
|
-
--range-dir: -1;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.range:focus {
|
|
35
|
-
outline: none;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.range:focus-visible {
|
|
39
|
-
outline: 2px solid;
|
|
40
|
-
outline-offset: 2px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.range::-webkit-slider-runnable-track {
|
|
44
|
-
width: 100%;
|
|
45
|
-
background-color: var(--range-bg);
|
|
46
|
-
border-radius: var(--radius-selector);
|
|
47
|
-
height: calc(var(--range-thumb-size) * 0.5);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
@media (forced-colors: active) {
|
|
51
|
-
.range::-webkit-slider-runnable-track {
|
|
52
|
-
border: 1px solid;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@media (forced-colors: active) {
|
|
57
|
-
.range::-moz-range-track {
|
|
58
|
-
border: 1px solid;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.range::-webkit-slider-thumb {
|
|
63
|
-
position: relative;
|
|
64
|
-
box-sizing: border-box;
|
|
65
|
-
border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
|
|
66
|
-
background-color: var(--range-thumb);
|
|
67
|
-
height: var(--range-thumb-size);
|
|
68
|
-
width: var(--range-thumb-size);
|
|
69
|
-
border: var(--range-p) solid;
|
|
70
|
-
appearance: none;
|
|
71
|
-
webkit-appearance: none;
|
|
72
|
-
top: 50%;
|
|
73
|
-
color: var(--range-progress);
|
|
74
|
-
transform: translateY(-50%);
|
|
75
|
-
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
79
|
-
.range::-webkit-slider-thumb {
|
|
80
|
-
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.range::-moz-range-track {
|
|
85
|
-
width: 100%;
|
|
86
|
-
background-color: var(--range-bg);
|
|
87
|
-
border-radius: var(--radius-selector);
|
|
88
|
-
height: calc(var(--range-thumb-size) * 0.5);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.range::-moz-range-thumb {
|
|
92
|
-
position: relative;
|
|
93
|
-
box-sizing: border-box;
|
|
94
|
-
border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
|
|
95
|
-
background-color: currentColor;
|
|
96
|
-
height: var(--range-thumb-size);
|
|
97
|
-
width: var(--range-thumb-size);
|
|
98
|
-
border: var(--range-p) solid;
|
|
99
|
-
top: 50%;
|
|
100
|
-
color: var(--range-progress);
|
|
101
|
-
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
105
|
-
.range::-moz-range-thumb {
|
|
106
|
-
box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.range:disabled {
|
|
111
|
-
cursor: not-allowed;
|
|
112
|
-
opacity: 30%;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.range-accent {
|
|
116
|
-
color: var(--color-accent);
|
|
117
|
-
--range-thumb: var(--color-accent-content);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
.range-error {
|
|
121
|
-
color: var(--color-error);
|
|
122
|
-
--range-thumb: var(--color-error-content);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.range-info {
|
|
126
|
-
color: var(--color-info);
|
|
127
|
-
--range-thumb: var(--color-info-content);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.range-neutral {
|
|
131
|
-
color: var(--color-neutral);
|
|
132
|
-
--range-thumb: var(--color-neutral-content);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.range-primary {
|
|
136
|
-
color: var(--color-primary);
|
|
137
|
-
--range-thumb: var(--color-primary-content);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.range-secondary {
|
|
141
|
-
color: var(--color-secondary);
|
|
142
|
-
--range-thumb: var(--color-secondary-content);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.range-success {
|
|
146
|
-
color: var(--color-success);
|
|
147
|
-
--range-thumb: var(--color-success-content);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
.range-warning {
|
|
151
|
-
color: var(--color-warning);
|
|
152
|
-
--range-thumb: var(--color-warning-content);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.range-lg {
|
|
156
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 7);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.range-md {
|
|
160
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.range-sm {
|
|
164
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 5);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.range-xl {
|
|
168
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 8);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.range-xs {
|
|
172
|
-
--range-thumb-size: calc(var(--size-selector, 0.25rem) * 4);
|
|
173
|
-
}
|
|
174
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import "./rating.css";
|
|
2
|
-
import { type JSX, type ParentProps } from "solid-js";
|
|
3
|
-
export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
4
|
-
export type RatingProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onChange"> & {
|
|
5
|
-
name?: string;
|
|
6
|
-
value?: number;
|
|
7
|
-
onChange?: (value: number) => void;
|
|
8
|
-
size?: ComponentSize;
|
|
9
|
-
half?: boolean;
|
|
10
|
-
readonly?: boolean;
|
|
11
|
-
};
|
|
12
|
-
interface RatingContextValue {
|
|
13
|
-
name?: string;
|
|
14
|
-
value?: number;
|
|
15
|
-
onChange?: (value: number) => void;
|
|
16
|
-
half?: boolean;
|
|
17
|
-
readonly?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const useRatingContext: () => RatingContextValue;
|
|
20
|
-
declare const _default: ((props: ParentProps<RatingProps>) => JSX.Element) & {
|
|
21
|
-
Item: (props: import("./RatingItem").RatingItemProps) => JSX.Element;
|
|
22
|
-
Hidden: (props: import("./RatingHidden").RatingHiddenProps) => JSX.Element;
|
|
23
|
-
};
|
|
24
|
-
export default _default;
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import "./rating.css";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
6
|
-
import * as __WEBPACK_EXTERNAL_MODULE__RatingHidden_js_00e702d1__ from "./RatingHidden.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__RatingItem_js_04f8998c__ from "./RatingItem.js";
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
9
|
-
const RatingContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)({});
|
|
10
|
-
const Rating_Rating = (props)=>{
|
|
11
|
-
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
12
|
-
"class",
|
|
13
|
-
"children",
|
|
14
|
-
"name",
|
|
15
|
-
"value",
|
|
16
|
-
"onChange",
|
|
17
|
-
"size",
|
|
18
|
-
"half",
|
|
19
|
-
"readonly"
|
|
20
|
-
]);
|
|
21
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("rating", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
22
|
-
"rating-xs": "xs" === local.size,
|
|
23
|
-
"rating-sm": "sm" === local.size,
|
|
24
|
-
"rating-md": "md" === local.size,
|
|
25
|
-
"rating-lg": "lg" === local.size,
|
|
26
|
-
"rating-xl": "xl" === local.size,
|
|
27
|
-
"rating-half": local.half
|
|
28
|
-
}));
|
|
29
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(RatingContext.Provider, {
|
|
30
|
-
get value () {
|
|
31
|
-
return {
|
|
32
|
-
name: local.name,
|
|
33
|
-
value: local.value,
|
|
34
|
-
onChange: local.onChange,
|
|
35
|
-
half: local.half,
|
|
36
|
-
readonly: local.readonly
|
|
37
|
-
};
|
|
38
|
-
},
|
|
39
|
-
get children () {
|
|
40
|
-
var _el$ = _tmpl$();
|
|
41
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
42
|
-
class: classes
|
|
43
|
-
}), false, true);
|
|
44
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
45
|
-
return _el$;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
const useRatingContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(RatingContext);
|
|
50
|
-
const Rating = Object.assign(Rating_Rating, {
|
|
51
|
-
Item: __WEBPACK_EXTERNAL_MODULE__RatingItem_js_04f8998c__["default"],
|
|
52
|
-
Hidden: __WEBPACK_EXTERNAL_MODULE__RatingHidden_js_00e702d1__["default"]
|
|
53
|
-
});
|
|
54
|
-
export { Rating as default, useRatingContext };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__ from "./Rating.js";
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
|
|
6
|
-
const RatingHidden = (props)=>{
|
|
7
|
-
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
-
"class"
|
|
9
|
-
]);
|
|
10
|
-
const context = (0, __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__.useRatingContext)();
|
|
11
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("rating-hidden", local.class);
|
|
12
|
-
return (()=>{
|
|
13
|
-
var _el$ = _tmpl$();
|
|
14
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
15
|
-
type: "radio",
|
|
16
|
-
get name () {
|
|
17
|
-
return context.name;
|
|
18
|
-
},
|
|
19
|
-
class: classes,
|
|
20
|
-
get checked () {
|
|
21
|
-
return 0 === context.value;
|
|
22
|
-
},
|
|
23
|
-
onChange: ()=>context.onChange?.(0)
|
|
24
|
-
}), false, false);
|
|
25
|
-
return _el$;
|
|
26
|
-
})();
|
|
27
|
-
};
|
|
28
|
-
const rating_RatingHidden = RatingHidden;
|
|
29
|
-
export { rating_RatingHidden as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type JSX } from "solid-js";
|
|
2
|
-
export type RatingItemProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & {
|
|
3
|
-
value: number;
|
|
4
|
-
mask?: "star" | "star-2" | "heart" | "circle" | "diamond" | "square";
|
|
5
|
-
halfPosition?: 1 | 2;
|
|
6
|
-
color?: string;
|
|
7
|
-
};
|
|
8
|
-
declare const RatingItem: (props: RatingItemProps) => JSX.Element;
|
|
9
|
-
export default RatingItem;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__ from "./Rating.js";
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
7
|
-
const RatingItem = (props)=>{
|
|
8
|
-
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
-
"class",
|
|
10
|
-
"value",
|
|
11
|
-
"mask",
|
|
12
|
-
"halfPosition",
|
|
13
|
-
"color",
|
|
14
|
-
"aria-label"
|
|
15
|
-
]);
|
|
16
|
-
const context = (0, __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__.useRatingContext)();
|
|
17
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mask", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
18
|
-
[`mask-${local.mask || "star"}`]: true,
|
|
19
|
-
[`mask-half-${local.halfPosition}`]: context.half && local.halfPosition
|
|
20
|
-
}), local.color);
|
|
21
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
22
|
-
get when () {
|
|
23
|
-
return !context.readonly;
|
|
24
|
-
},
|
|
25
|
-
get fallback () {
|
|
26
|
-
return (()=>{
|
|
27
|
-
var _el$2 = _tmpl$2();
|
|
28
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, classes);
|
|
29
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
30
|
-
var _v$ = local["aria-label"], _v$2 = void 0 !== context.value && local.value <= context.value ? 1 : 0.2;
|
|
31
|
-
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-label", _p$.e = _v$);
|
|
32
|
-
_v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
|
|
33
|
-
return _p$;
|
|
34
|
-
}, {
|
|
35
|
-
e: void 0,
|
|
36
|
-
t: void 0
|
|
37
|
-
});
|
|
38
|
-
return _el$2;
|
|
39
|
-
})();
|
|
40
|
-
},
|
|
41
|
-
get children () {
|
|
42
|
-
var _el$ = _tmpl$();
|
|
43
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
44
|
-
type: "radio",
|
|
45
|
-
get name () {
|
|
46
|
-
return context.name;
|
|
47
|
-
},
|
|
48
|
-
class: classes,
|
|
49
|
-
get checked () {
|
|
50
|
-
return context.value === local.value;
|
|
51
|
-
},
|
|
52
|
-
onChange: ()=>context.onChange?.(local.value),
|
|
53
|
-
get ["aria-label"] () {
|
|
54
|
-
return local["aria-label"];
|
|
55
|
-
}
|
|
56
|
-
}), false, false);
|
|
57
|
-
return _el$;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
const rating_RatingItem = RatingItem;
|
|
62
|
-
export { rating_RatingItem as default };
|