@pathscale/ui 1.1.37 → 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 +11 -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,162 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.diff {
|
|
3
|
-
position: relative;
|
|
4
|
-
display: grid;
|
|
5
|
-
width: 100%;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
webkit-user-select: none;
|
|
8
|
-
user-select: none;
|
|
9
|
-
grid-template-rows: 1fr 1.8rem 1fr;
|
|
10
|
-
direction: ltr;
|
|
11
|
-
container-type: inline-size;
|
|
12
|
-
grid-template-columns: auto 1fr;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.diff:focus-visible,
|
|
16
|
-
.diff:has(.diff-item-1:focus-visible) {
|
|
17
|
-
outline-style: var(--tw-outline-style);
|
|
18
|
-
outline-width: 2px;
|
|
19
|
-
outline-offset: 1px;
|
|
20
|
-
outline-color: var(--color-base-content);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.diff:focus-visible {
|
|
24
|
-
outline-style: var(--tw-outline-style);
|
|
25
|
-
outline-width: 2px;
|
|
26
|
-
outline-offset: 1px;
|
|
27
|
-
outline-color: var(--color-base-content);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.diff:focus-visible .diff-resizer {
|
|
31
|
-
min-width: 95cqi;
|
|
32
|
-
max-width: 95cqi;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.diff:has(.diff-item-1:focus-visible) {
|
|
36
|
-
outline-style: var(--tw-outline-style);
|
|
37
|
-
outline-width: 2px;
|
|
38
|
-
outline-offset: 1px;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.diff:has(.diff-item-1:focus-visible) .diff-resizer {
|
|
42
|
-
min-width: 5cqi;
|
|
43
|
-
max-width: 5cqi;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
|
|
47
|
-
.diff:focus .diff-resizer {
|
|
48
|
-
min-width: 5cqi;
|
|
49
|
-
max-width: 5cqi;
|
|
50
|
-
}
|
|
51
|
-
.diff:has(.diff-item-1:focus) .diff-resizer {
|
|
52
|
-
min-width: 95cqi;
|
|
53
|
-
max-width: 95cqi;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.diff-item-2 {
|
|
58
|
-
position: relative;
|
|
59
|
-
grid-column-start: 1;
|
|
60
|
-
grid-row: span 3 / span 3;
|
|
61
|
-
grid-row-start: 1;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.diff-item-2:after {
|
|
65
|
-
pointer-events: none;
|
|
66
|
-
position: absolute;
|
|
67
|
-
top: calc(1/2 * 100%);
|
|
68
|
-
right: 1px;
|
|
69
|
-
bottom: calc(0.25rem * 0);
|
|
70
|
-
z-index: 2;
|
|
71
|
-
border-radius: calc(infinity * 1px);
|
|
72
|
-
background-color: var(--color-base-100);
|
|
73
|
-
width: 1.2rem;
|
|
74
|
-
height: 1.8rem;
|
|
75
|
-
border: 2px solid var(--color-base-100);
|
|
76
|
-
border: 0.5px solid #0000001f;
|
|
77
|
-
content: "";
|
|
78
|
-
outline: 1px solid var(--color-base-content);
|
|
79
|
-
outline-offset: -3px;
|
|
80
|
-
translate: 50% -50%;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
84
|
-
.diff-item-2:after {
|
|
85
|
-
background-color: color-mix(in oklab, var(--color-base-100) 98%, transparent);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
90
|
-
.diff-item-2:after {
|
|
91
|
-
outline: 1px solid color-mix(in oklab, var(--color-base-content) 10%, #0000);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.diff-item-2 > * {
|
|
96
|
-
pointer-events: none;
|
|
97
|
-
position: absolute;
|
|
98
|
-
top: calc(0.25rem * 0);
|
|
99
|
-
bottom: calc(0.25rem * 0);
|
|
100
|
-
left: calc(0.25rem * 0);
|
|
101
|
-
height: 100%;
|
|
102
|
-
width: 100cqi;
|
|
103
|
-
max-width: none;
|
|
104
|
-
object-fit: cover;
|
|
105
|
-
object-position: center;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
@supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
|
|
109
|
-
.diff-item-2:after {
|
|
110
|
-
--tw-content: none;
|
|
111
|
-
content: var(--tw-content);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.diff-item-1 {
|
|
116
|
-
position: relative;
|
|
117
|
-
z-index: 1;
|
|
118
|
-
grid-column-start: 1;
|
|
119
|
-
grid-row: span 3 / span 3;
|
|
120
|
-
grid-row-start: 1;
|
|
121
|
-
overflow: hidden;
|
|
122
|
-
border-right: 2px solid var(--color-base-100);
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.diff-item-1:focus-visible {
|
|
126
|
-
--tw-outline-style: none;
|
|
127
|
-
outline-style: none;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.diff-item-1 > * {
|
|
131
|
-
pointer-events: none;
|
|
132
|
-
position: absolute;
|
|
133
|
-
top: calc(0.25rem * 0);
|
|
134
|
-
bottom: calc(0.25rem * 0);
|
|
135
|
-
left: calc(0.25rem * 0);
|
|
136
|
-
height: 100%;
|
|
137
|
-
width: 100cqi;
|
|
138
|
-
max-width: none;
|
|
139
|
-
object-fit: cover;
|
|
140
|
-
object-position: center;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.diff-resizer {
|
|
144
|
-
position: relative;
|
|
145
|
-
isolation: isolate;
|
|
146
|
-
z-index: 2;
|
|
147
|
-
grid-column-start: 1;
|
|
148
|
-
grid-row-start: 2;
|
|
149
|
-
height: calc(0.25rem * 3);
|
|
150
|
-
width: 50cqi;
|
|
151
|
-
max-width: calc(100cqi - 1rem);
|
|
152
|
-
min-width: 1rem;
|
|
153
|
-
resize: horizontal;
|
|
154
|
-
overflow: hidden;
|
|
155
|
-
opacity: 0%;
|
|
156
|
-
transform: scaleY(5) translate(0.32rem, 50%);
|
|
157
|
-
cursor: ew-resize;
|
|
158
|
-
transform-origin: 100% 100%;
|
|
159
|
-
clip-path: inset(calc(100% - 0.75rem) 0 0 calc(100% - 0.75rem));
|
|
160
|
-
transition: min-width 0.3s ease-out, max-width 0.3s ease-out;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default, type DiffProps } from "./Diff";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type JSX } from "solid-js";
|
|
2
|
-
import type { IComponentBaseProps } from "../types";
|
|
3
|
-
type ElementType = keyof JSX.IntrinsicElements;
|
|
4
|
-
type ColorType = "default" | "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
|
|
5
|
-
type PositionType = "center" | "start" | "end";
|
|
6
|
-
type DividerBaseProps = {
|
|
7
|
-
text?: string;
|
|
8
|
-
horizontal?: boolean;
|
|
9
|
-
color?: ColorType;
|
|
10
|
-
position?: PositionType;
|
|
11
|
-
as?: ElementType;
|
|
12
|
-
children?: JSX.Element;
|
|
13
|
-
dataTheme?: string;
|
|
14
|
-
class?: string;
|
|
15
|
-
className?: string;
|
|
16
|
-
style?: JSX.CSSProperties;
|
|
17
|
-
};
|
|
18
|
-
type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
|
|
19
|
-
export type DividerProps<E extends ElementType = "div"> = Omit<PropsOf<E>, keyof DividerBaseProps> & DividerBaseProps & IComponentBaseProps;
|
|
20
|
-
declare const Divider: <E extends ElementType = "div">(props: DividerProps<E>) => JSX.Element;
|
|
21
|
-
export default Divider;
|
|
@@ -1,41 +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__Divider_styles_js_b9373c60__ from "./Divider.styles.js";
|
|
5
|
-
const Divider_Divider = (props)=>{
|
|
6
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
-
"children",
|
|
8
|
-
"text",
|
|
9
|
-
"horizontal",
|
|
10
|
-
"color",
|
|
11
|
-
"position",
|
|
12
|
-
"dataTheme",
|
|
13
|
-
"class",
|
|
14
|
-
"className",
|
|
15
|
-
"style",
|
|
16
|
-
"as"
|
|
17
|
-
]);
|
|
18
|
-
const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE__Divider_styles_js_b9373c60__.dividerStyles)({
|
|
19
|
-
horizontal: local.horizontal,
|
|
20
|
-
color: local.color,
|
|
21
|
-
position: local.position
|
|
22
|
-
}), local.class, local.className);
|
|
23
|
-
const Tag = local.as || "div";
|
|
24
|
-
const content = local.children || local.text;
|
|
25
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
26
|
-
component: Tag
|
|
27
|
-
}, others, {
|
|
28
|
-
get ["data-theme"] () {
|
|
29
|
-
return local.dataTheme;
|
|
30
|
-
},
|
|
31
|
-
get ["class"] () {
|
|
32
|
-
return classes();
|
|
33
|
-
},
|
|
34
|
-
get style () {
|
|
35
|
-
return local.style;
|
|
36
|
-
},
|
|
37
|
-
children: content
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
const Divider = Divider_Divider;
|
|
41
|
-
export { Divider as default };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
export declare const dividerStyles: {
|
|
2
|
-
(props?: (import("../../lib/style/classes").ConfigVariants<{
|
|
3
|
-
horizontal: {
|
|
4
|
-
true: string;
|
|
5
|
-
false: string;
|
|
6
|
-
};
|
|
7
|
-
color: {
|
|
8
|
-
default: string;
|
|
9
|
-
neutral: string;
|
|
10
|
-
primary: string;
|
|
11
|
-
secondary: string;
|
|
12
|
-
accent: string;
|
|
13
|
-
success: string;
|
|
14
|
-
warning: string;
|
|
15
|
-
info: string;
|
|
16
|
-
error: string;
|
|
17
|
-
};
|
|
18
|
-
position: {
|
|
19
|
-
center: string;
|
|
20
|
-
start: string;
|
|
21
|
-
end: string;
|
|
22
|
-
};
|
|
23
|
-
}> & import("../../lib/style").ClassProps) | undefined): string;
|
|
24
|
-
variantKeys: ("horizontal" | "color" | "position")[];
|
|
25
|
-
};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE__lib_style_index_js_d7884cc7__ from "../../lib/style/index.js";
|
|
2
|
-
const dividerStyles = (0, __WEBPACK_EXTERNAL_MODULE__lib_style_index_js_d7884cc7__.cva)("flex items-center whitespace-nowrap relative", {
|
|
3
|
-
variants: {
|
|
4
|
-
horizontal: {
|
|
5
|
-
true: "flex-col h-auto w-4 mx-4 my-0 min-h-16",
|
|
6
|
-
false: "flex-row h-4 w-auto mx-0 my-4"
|
|
7
|
-
},
|
|
8
|
-
color: {
|
|
9
|
-
default: "before:bg-base-content/30 after:bg-base-content/30",
|
|
10
|
-
neutral: "before:bg-neutral after:bg-neutral",
|
|
11
|
-
primary: "before:bg-primary after:bg-primary",
|
|
12
|
-
secondary: "before:bg-secondary after:bg-secondary",
|
|
13
|
-
accent: "before:bg-accent after:bg-accent",
|
|
14
|
-
success: "before:bg-success after:bg-success",
|
|
15
|
-
warning: "before:bg-warning after:bg-warning",
|
|
16
|
-
info: "before:bg-info after:bg-info",
|
|
17
|
-
error: "before:bg-error after:bg-error"
|
|
18
|
-
},
|
|
19
|
-
position: {
|
|
20
|
-
center: "",
|
|
21
|
-
start: "before:hidden",
|
|
22
|
-
end: "after:hidden"
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
compoundVariants: [
|
|
26
|
-
{
|
|
27
|
-
horizontal: false,
|
|
28
|
-
class: "before:content-[''] before:flex-1 before:h-0.5 after:content-[''] after:flex-1 after:h-0.5"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
horizontal: false,
|
|
32
|
-
position: "center",
|
|
33
|
-
class: "[&:not(:empty)]:before:mr-4 [&:not(:empty)]:after:ml-4"
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
horizontal: false,
|
|
37
|
-
position: "start",
|
|
38
|
-
class: "[&:not(:empty)]:after:ml-4"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
horizontal: false,
|
|
42
|
-
position: "end",
|
|
43
|
-
class: "[&:not(:empty)]:before:mr-4"
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
horizontal: true,
|
|
47
|
-
class: "before:content-[''] before:flex-1 before:w-0.5 before:h-auto after:content-[''] after:flex-1 after:w-0.5 after:h-auto"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
horizontal: true,
|
|
51
|
-
position: "center",
|
|
52
|
-
class: "[&:not(:empty)]:before:mb-4 [&:not(:empty)]:after:mt-4"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
horizontal: true,
|
|
56
|
-
position: "start",
|
|
57
|
-
class: "[&:not(:empty)]:after:mt-4"
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
horizontal: true,
|
|
61
|
-
position: "end",
|
|
62
|
-
class: "[&:not(:empty)]:before:mb-4"
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
horizontal: false,
|
|
67
|
-
color: "default",
|
|
68
|
-
position: "center"
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
export { dividerStyles };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import "./dock.css";
|
|
2
|
-
import type { JSX } from "solid-js";
|
|
3
|
-
import type { IComponentBaseProps, ComponentSize } from "../types";
|
|
4
|
-
import { type DockItemProps as ItemProps } from "./DockItem";
|
|
5
|
-
import { type DockLabelProps as LabelProps } from "./DockLabel";
|
|
6
|
-
export type DockItemProps = ItemProps;
|
|
7
|
-
export type DockLabelProps = LabelProps;
|
|
8
|
-
export type DockProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
|
|
9
|
-
size?: ComponentSize;
|
|
10
|
-
};
|
|
11
|
-
declare const _default: ((props: DockProps) => JSX.Element) & {
|
|
12
|
-
Item: import("solid-js").Component<ItemProps>;
|
|
13
|
-
Label: import("solid-js").Component<LabelProps>;
|
|
14
|
-
};
|
|
15
|
-
export default _default;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import "./dock.css";
|
|
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_clsx__ from "clsx";
|
|
6
|
-
import * as __WEBPACK_EXTERNAL_MODULE__DockItem_js_2cb78296__ from "./DockItem.js";
|
|
7
|
-
import * as __WEBPACK_EXTERNAL_MODULE__DockLabel_js_3671a1fc__ from "./DockLabel.js";
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
9
|
-
const Dock_Dock = (props)=>{
|
|
10
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
11
|
-
"size",
|
|
12
|
-
"dataTheme",
|
|
13
|
-
"class",
|
|
14
|
-
"className",
|
|
15
|
-
"children"
|
|
16
|
-
]);
|
|
17
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dock", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
18
|
-
"dock-lg": "lg" === local.size,
|
|
19
|
-
"dock-md": "md" === local.size,
|
|
20
|
-
"dock-sm": "sm" === local.size,
|
|
21
|
-
"dock-xs": "xs" === local.size
|
|
22
|
-
}), local.class, local.className);
|
|
23
|
-
return (()=>{
|
|
24
|
-
var _el$ = _tmpl$();
|
|
25
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
26
|
-
role: "navigation",
|
|
27
|
-
get ["data-theme"] () {
|
|
28
|
-
return local.dataTheme;
|
|
29
|
-
},
|
|
30
|
-
class: classes
|
|
31
|
-
}), false, true);
|
|
32
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
33
|
-
return _el$;
|
|
34
|
-
})();
|
|
35
|
-
};
|
|
36
|
-
const Dock = Object.assign(Dock_Dock, {
|
|
37
|
-
Item: __WEBPACK_EXTERNAL_MODULE__DockItem_js_2cb78296__["default"],
|
|
38
|
-
Label: __WEBPACK_EXTERNAL_MODULE__DockLabel_js_3671a1fc__["default"]
|
|
39
|
-
});
|
|
40
|
-
export { Dock as default };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { JSX, Component } from "solid-js";
|
|
2
|
-
import type { IComponentBaseProps } from "../types";
|
|
3
|
-
import type { ComponentColor } from "../types";
|
|
4
|
-
export type DockItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & IComponentBaseProps & {
|
|
5
|
-
color?: ComponentColor;
|
|
6
|
-
active?: boolean;
|
|
7
|
-
};
|
|
8
|
-
declare const DockItem: Component<DockItemProps>;
|
|
9
|
-
export default DockItem;
|
|
@@ -1,45 +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)("<button>");
|
|
6
|
-
const DockItem_DockItem = (props)=>{
|
|
7
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
-
"children",
|
|
9
|
-
"active",
|
|
10
|
-
"class",
|
|
11
|
-
"className",
|
|
12
|
-
"color",
|
|
13
|
-
"dataTheme",
|
|
14
|
-
"disabled"
|
|
15
|
-
]);
|
|
16
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
17
|
-
"text-neutral": "neutral" === local.color,
|
|
18
|
-
"text-primary": "primary" === local.color,
|
|
19
|
-
"text-secondary": "secondary" === local.color,
|
|
20
|
-
"text-accent": "accent" === local.color,
|
|
21
|
-
"text-info": "info" === local.color,
|
|
22
|
-
"text-success": "success" === local.color,
|
|
23
|
-
"text-warning": "warning" === local.color,
|
|
24
|
-
"text-error": "error" === local.color,
|
|
25
|
-
"border-t-2 rounded-none": local.active,
|
|
26
|
-
active: local.active,
|
|
27
|
-
disabled: local.disabled
|
|
28
|
-
}));
|
|
29
|
-
return (()=>{
|
|
30
|
-
var _el$ = _tmpl$();
|
|
31
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
32
|
-
get ["data-theme"] () {
|
|
33
|
-
return local.dataTheme;
|
|
34
|
-
},
|
|
35
|
-
get disabled () {
|
|
36
|
-
return local.disabled;
|
|
37
|
-
},
|
|
38
|
-
class: classes
|
|
39
|
-
}), false, true);
|
|
40
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
41
|
-
return _el$;
|
|
42
|
-
})();
|
|
43
|
-
};
|
|
44
|
-
const DockItem = DockItem_DockItem;
|
|
45
|
-
export { DockItem as default };
|
|
@@ -1,22 +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)("<span>");
|
|
5
|
-
const DockLabel = (props)=>{
|
|
6
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
-
"children",
|
|
8
|
-
"class",
|
|
9
|
-
"className"
|
|
10
|
-
]);
|
|
11
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("dock-label", local.class, local.className);
|
|
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)(others, {
|
|
15
|
-
class: classes
|
|
16
|
-
}), false, true);
|
|
17
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
18
|
-
return _el$;
|
|
19
|
-
})();
|
|
20
|
-
};
|
|
21
|
-
const dock_DockLabel = DockLabel;
|
|
22
|
-
export { dock_DockLabel as default };
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.dock {
|
|
3
|
-
position: fixed;
|
|
4
|
-
right: calc(0.25rem * 0);
|
|
5
|
-
bottom: calc(0.25rem * 0);
|
|
6
|
-
left: calc(0.25rem * 0);
|
|
7
|
-
z-index: 1;
|
|
8
|
-
display: flex;
|
|
9
|
-
width: 100%;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: space-around;
|
|
13
|
-
background-color: var(--color-base-100);
|
|
14
|
-
padding: calc(0.25rem * 2);
|
|
15
|
-
color: currentcolor;
|
|
16
|
-
border-top: 0.5px solid var(--color-base-content);
|
|
17
|
-
height: 4rem;
|
|
18
|
-
height: calc(4rem + env(safe-area-inset-bottom));
|
|
19
|
-
padding-bottom: env(safe-area-inset-bottom);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
23
|
-
.dock {
|
|
24
|
-
border-top: 0.5px solid color-mix(in oklab, var(--color-base-content) 5%, #0000);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.dock > * {
|
|
29
|
-
position: relative;
|
|
30
|
-
margin-bottom: calc(0.25rem * 2);
|
|
31
|
-
display: flex;
|
|
32
|
-
height: 100%;
|
|
33
|
-
max-width: calc(0.25rem * 32);
|
|
34
|
-
flex-shrink: 1;
|
|
35
|
-
flex-basis: 100%;
|
|
36
|
-
cursor: pointer;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: center;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
gap: 1px;
|
|
41
|
-
border-radius: var(--radius-box);
|
|
42
|
-
background-color: transparent;
|
|
43
|
-
transition: opacity 0.2s ease-out;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@media (hover: hover) {
|
|
47
|
-
.dock > *:hover {
|
|
48
|
-
opacity: 80%;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.dock > *[aria-disabled="true"],
|
|
53
|
-
.dock > *[aria-disabled="true"]:hover,
|
|
54
|
-
.dock > *[disabled],
|
|
55
|
-
.dock > *[disabled]:hover {
|
|
56
|
-
pointer-events: none;
|
|
57
|
-
color: var(--color-base-content);
|
|
58
|
-
opacity: 100%;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
62
|
-
.dock > *[aria-disabled="true"],
|
|
63
|
-
.dock > *[aria-disabled="true"]:hover,
|
|
64
|
-
.dock > *[disabled],
|
|
65
|
-
.dock > *[disabled]:hover {
|
|
66
|
-
color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.dock > * .dock-label {
|
|
71
|
-
font-size: 0.6875rem;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.dock > *:after {
|
|
75
|
-
content: "";
|
|
76
|
-
position: absolute;
|
|
77
|
-
height: calc(0.25rem * 1);
|
|
78
|
-
width: calc(0.25rem * 6);
|
|
79
|
-
border-radius: calc(infinity * 1px);
|
|
80
|
-
background-color: transparent;
|
|
81
|
-
bottom: 0.2rem;
|
|
82
|
-
border-top: 3px solid transparent;
|
|
83
|
-
transition: background-color 0.1s ease-out, text-color 0.1s ease-out, width 0.1s ease-out;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.dock-sm {
|
|
87
|
-
height: calc(0.25rem * 14);
|
|
88
|
-
height: 3.5rem;
|
|
89
|
-
height: calc(3.5rem + env(safe-area-inset-bottom));
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.dock-sm .dock-active:after {
|
|
93
|
-
bottom: -0.1rem;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.dock-sm .dock-label {
|
|
97
|
-
font-size: 0.625rem;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.dock-lg {
|
|
101
|
-
height: 4.5rem;
|
|
102
|
-
height: calc(4.5rem + env(safe-area-inset-bottom));
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.dock-lg .dock-active:after {
|
|
106
|
-
bottom: 0.4rem;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.dock-lg .dock-label {
|
|
110
|
-
font-size: 0.6875rem;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.dock-xl {
|
|
114
|
-
height: 5rem;
|
|
115
|
-
height: calc(5rem + env(safe-area-inset-bottom));
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.dock-xl .dock-active:after {
|
|
119
|
-
bottom: 0.4rem;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.dock-xl .dock-label {
|
|
123
|
-
font-size: 0.75rem;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.dock-xs {
|
|
127
|
-
height: 3rem;
|
|
128
|
-
height: calc(3rem + env(safe-area-inset-bottom));
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.dock-xs .dock-active:after {
|
|
132
|
-
bottom: -0.1rem;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.dock-xs .dock-label {
|
|
136
|
-
font-size: 0.625rem;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.dock-md {
|
|
140
|
-
height: 4rem;
|
|
141
|
-
height: calc(4rem + env(safe-area-inset-bottom));
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.dock-md .dock-label {
|
|
145
|
-
font-size: 0.6875rem;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type JSX } from "solid-js";
|
|
2
|
-
import type { ComponentSize, IComponentBaseProps } from "../types";
|
|
3
|
-
export type DropdownSelectOption = {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
};
|
|
8
|
-
export type DropdownSelectProps = IComponentBaseProps & {
|
|
9
|
-
options: DropdownSelectOption[];
|
|
10
|
-
value?: string;
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
label?: string;
|
|
13
|
-
placeholder?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
showCheckmark?: boolean;
|
|
16
|
-
size?: ComponentSize;
|
|
17
|
-
"aria-label"?: string;
|
|
18
|
-
labelRenderer?: (value: string, option?: DropdownSelectOption) => JSX.Element;
|
|
19
|
-
optionRenderer?: (option: DropdownSelectOption, selected: boolean, highlighted: boolean) => JSX.Element;
|
|
20
|
-
};
|
|
21
|
-
declare const DropdownSelect: (props: DropdownSelectProps) => JSX.Element;
|
|
22
|
-
export default DropdownSelect;
|