@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,12 +0,0 @@
|
|
|
1
|
-
import "./timeline.css";
|
|
2
|
-
import { type JSX } from "solid-js";
|
|
3
|
-
import type { IComponentBaseProps } from "../types";
|
|
4
|
-
export type TimelineProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLUListElement> & {
|
|
5
|
-
vertical?: boolean;
|
|
6
|
-
horizontal?: boolean;
|
|
7
|
-
responsive?: boolean;
|
|
8
|
-
snap?: boolean;
|
|
9
|
-
compact?: boolean;
|
|
10
|
-
};
|
|
11
|
-
declare const Timeline: (props: TimelineProps) => JSX.Element;
|
|
12
|
-
export default Timeline;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import "./timeline.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
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul>");
|
|
7
|
-
const Timeline_Timeline = (props)=>{
|
|
8
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
-
"vertical",
|
|
10
|
-
"horizontal",
|
|
11
|
-
"responsive",
|
|
12
|
-
"snap",
|
|
13
|
-
"compact",
|
|
14
|
-
"class",
|
|
15
|
-
"className",
|
|
16
|
-
"style",
|
|
17
|
-
"dataTheme"
|
|
18
|
-
]);
|
|
19
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
20
|
-
"timeline-vertical": local.vertical,
|
|
21
|
-
"timeline-horizontal": local.horizontal,
|
|
22
|
-
"timeline-vertical lg:timeline-horizontal": local.responsive,
|
|
23
|
-
"timeline-snap-icon": local.snap,
|
|
24
|
-
"timeline-compact": local.compact
|
|
25
|
-
}), local.class, local.className);
|
|
26
|
-
return (()=>{
|
|
27
|
-
var _el$ = _tmpl$();
|
|
28
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
29
|
-
class: classes,
|
|
30
|
-
get ["data-theme"] () {
|
|
31
|
-
return local.dataTheme;
|
|
32
|
-
},
|
|
33
|
-
get style () {
|
|
34
|
-
return local.style;
|
|
35
|
-
}
|
|
36
|
-
}), false, true);
|
|
37
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
|
|
38
|
-
return _el$;
|
|
39
|
-
})();
|
|
40
|
-
};
|
|
41
|
-
const Timeline = Timeline_Timeline;
|
|
42
|
-
export { Timeline as default };
|
|
@@ -1,28 +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_clsx__ from "clsx";
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
6
|
-
const TimelineEnd = (props)=>{
|
|
7
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
-
"box",
|
|
9
|
-
"class",
|
|
10
|
-
"style"
|
|
11
|
-
]);
|
|
12
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-end", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
|
|
13
|
-
"timeline-box": local.box ?? true
|
|
14
|
-
}), local.class);
|
|
15
|
-
return (()=>{
|
|
16
|
-
var _el$ = _tmpl$();
|
|
17
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
18
|
-
class: classes,
|
|
19
|
-
get style () {
|
|
20
|
-
return local.style;
|
|
21
|
-
}
|
|
22
|
-
}), false, true);
|
|
23
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
|
|
24
|
-
return _el$;
|
|
25
|
-
})();
|
|
26
|
-
};
|
|
27
|
-
const timeline_TimelineEnd = TimelineEnd;
|
|
28
|
-
export { timeline_TimelineEnd as default };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type JSX } from "solid-js";
|
|
2
|
-
export type TimelineItemProps = JSX.HTMLAttributes<HTMLLIElement> & {
|
|
3
|
-
connect?: "both" | "start" | "end";
|
|
4
|
-
startClassName?: string;
|
|
5
|
-
endClassName?: string;
|
|
6
|
-
};
|
|
7
|
-
declare const TimelineItem: (props: TimelineItemProps) => JSX.Element;
|
|
8
|
-
export default TimelineItem;
|
|
@@ -1,47 +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
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<hr>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>");
|
|
4
|
-
const TimelineItem = (props)=>{
|
|
5
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
6
|
-
"connect",
|
|
7
|
-
"startClassName",
|
|
8
|
-
"endClassName",
|
|
9
|
-
"class",
|
|
10
|
-
"style"
|
|
11
|
-
]);
|
|
12
|
-
return (()=>{
|
|
13
|
-
var _el$ = _tmpl$2();
|
|
14
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
15
|
-
get ["class"] () {
|
|
16
|
-
return local.class;
|
|
17
|
-
},
|
|
18
|
-
get style () {
|
|
19
|
-
return local.style;
|
|
20
|
-
}
|
|
21
|
-
}), false, true);
|
|
22
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
23
|
-
get when () {
|
|
24
|
-
return "both" === local.connect || "start" === local.connect;
|
|
25
|
-
},
|
|
26
|
-
get children () {
|
|
27
|
-
var _el$2 = _tmpl$();
|
|
28
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, local.startClassName));
|
|
29
|
-
return _el$2;
|
|
30
|
-
}
|
|
31
|
-
}), null);
|
|
32
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children, null);
|
|
33
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
34
|
-
get when () {
|
|
35
|
-
return "both" === local.connect || "end" === local.connect;
|
|
36
|
-
},
|
|
37
|
-
get children () {
|
|
38
|
-
var _el$3 = _tmpl$();
|
|
39
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, local.endClassName));
|
|
40
|
-
return _el$3;
|
|
41
|
-
}
|
|
42
|
-
}), null);
|
|
43
|
-
return _el$;
|
|
44
|
-
})();
|
|
45
|
-
};
|
|
46
|
-
const timeline_TimelineItem = TimelineItem;
|
|
47
|
-
export { timeline_TimelineItem as default };
|
|
@@ -1,25 +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>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 20 20"fill=currentColor class="w-5 h-5"><path fill-rule=evenodd d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"clip-rule=evenodd>');
|
|
5
|
-
const TimelineMiddle = (props)=>{
|
|
6
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
-
"class",
|
|
8
|
-
"style",
|
|
9
|
-
"children"
|
|
10
|
-
]);
|
|
11
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-middle", 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)(others, {
|
|
15
|
-
class: classes,
|
|
16
|
-
get style () {
|
|
17
|
-
return local.style;
|
|
18
|
-
}
|
|
19
|
-
}), false, true);
|
|
20
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? _tmpl$2());
|
|
21
|
-
return _el$;
|
|
22
|
-
})();
|
|
23
|
-
};
|
|
24
|
-
const timeline_TimelineMiddle = TimelineMiddle;
|
|
25
|
-
export { timeline_TimelineMiddle as default };
|
|
@@ -1,28 +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_clsx__ from "clsx";
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
6
|
-
const TimelineStart = (props)=>{
|
|
7
|
-
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
-
"box",
|
|
9
|
-
"class",
|
|
10
|
-
"style"
|
|
11
|
-
]);
|
|
12
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("timeline-start", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
|
|
13
|
-
"timeline-box": local.box
|
|
14
|
-
}), local.class);
|
|
15
|
-
return (()=>{
|
|
16
|
-
var _el$ = _tmpl$();
|
|
17
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
18
|
-
class: classes,
|
|
19
|
-
get style () {
|
|
20
|
-
return local.style;
|
|
21
|
-
}
|
|
22
|
-
}), false, true);
|
|
23
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
|
|
24
|
-
return _el$;
|
|
25
|
-
})();
|
|
26
|
-
};
|
|
27
|
-
const timeline_TimelineStart = TimelineStart;
|
|
28
|
-
export { timeline_TimelineStart as default };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as Timeline, type TimelineProps } from "./Timeline";
|
|
2
|
-
export { default as TimelineItem } from "./TimelineItem";
|
|
3
|
-
export { default as TimelineStart } from "./TimelineStart";
|
|
4
|
-
export { default as TimelineMiddle } from "./TimelineMiddle";
|
|
5
|
-
export { default as TimelineEnd } from "./TimelineEnd";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE__Timeline_js_c241c7d2__ from "./Timeline.js";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE__TimelineItem_js_851bef15__ from "./TimelineItem.js";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE__TimelineStart_js_5b3a06a5__ from "./TimelineStart.js";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__TimelineMiddle_js_6eee28d3__ from "./TimelineMiddle.js";
|
|
5
|
-
import * as __WEBPACK_EXTERNAL_MODULE__TimelineEnd_js_ffd274a3__ from "./TimelineEnd.js";
|
|
6
|
-
var __webpack_exports__Timeline = __WEBPACK_EXTERNAL_MODULE__Timeline_js_c241c7d2__["default"];
|
|
7
|
-
var __webpack_exports__TimelineEnd = __WEBPACK_EXTERNAL_MODULE__TimelineEnd_js_ffd274a3__["default"];
|
|
8
|
-
var __webpack_exports__TimelineItem = __WEBPACK_EXTERNAL_MODULE__TimelineItem_js_851bef15__["default"];
|
|
9
|
-
var __webpack_exports__TimelineMiddle = __WEBPACK_EXTERNAL_MODULE__TimelineMiddle_js_6eee28d3__["default"];
|
|
10
|
-
var __webpack_exports__TimelineStart = __WEBPACK_EXTERNAL_MODULE__TimelineStart_js_5b3a06a5__["default"];
|
|
11
|
-
export { __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart };
|
|
@@ -1,286 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.timeline {
|
|
3
|
-
position: relative;
|
|
4
|
-
display: flex;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.timeline > li {
|
|
8
|
-
position: relative;
|
|
9
|
-
display: grid;
|
|
10
|
-
flex-shrink: 0;
|
|
11
|
-
align-items: center;
|
|
12
|
-
grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) );
|
|
13
|
-
grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) );
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.timeline > li > hr {
|
|
17
|
-
border: none;
|
|
18
|
-
width: 100%;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.timeline > li > hr:first-child {
|
|
22
|
-
grid-column-start: 1;
|
|
23
|
-
grid-row-start: 2;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.timeline > li > hr:last-child {
|
|
27
|
-
grid-column-start: 3;
|
|
28
|
-
grid-column-end: none;
|
|
29
|
-
grid-row-start: 2;
|
|
30
|
-
grid-row-end: auto;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@media print {
|
|
34
|
-
.timeline > li > hr {
|
|
35
|
-
border: 0.1px solid var(--color-base-300);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.timeline :where(hr) {
|
|
40
|
-
height: calc(0.25rem * 1);
|
|
41
|
-
background-color: var(--color-base-300);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.timeline:has(.timeline-middle hr):first-child {
|
|
45
|
-
border-start-start-radius: 0;
|
|
46
|
-
border-end-start-radius: 0;
|
|
47
|
-
border-start-end-radius: var(--radius-selector);
|
|
48
|
-
border-end-end-radius: var(--radius-selector);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.timeline:has(.timeline-middle hr):last-child {
|
|
52
|
-
border-start-start-radius: var(--radius-selector);
|
|
53
|
-
border-end-start-radius: var(--radius-selector);
|
|
54
|
-
border-start-end-radius: 0;
|
|
55
|
-
border-end-end-radius: 0;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
|
|
59
|
-
border-start-start-radius: var(--radius-selector);
|
|
60
|
-
border-end-start-radius: var(--radius-selector);
|
|
61
|
-
border-start-end-radius: 0;
|
|
62
|
-
border-end-end-radius: 0;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
|
|
66
|
-
border-start-start-radius: 0;
|
|
67
|
-
border-end-start-radius: 0;
|
|
68
|
-
border-start-end-radius: var(--radius-selector);
|
|
69
|
-
border-end-end-radius: var(--radius-selector);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.timeline-end {
|
|
73
|
-
grid-column-start: 1;
|
|
74
|
-
grid-column-end: 4;
|
|
75
|
-
grid-row-start: 3;
|
|
76
|
-
grid-row-end: 4;
|
|
77
|
-
margin: calc(0.25rem * 1);
|
|
78
|
-
align-self: flex-start;
|
|
79
|
-
justify-self: center;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.timeline-start {
|
|
83
|
-
grid-column-start: 1;
|
|
84
|
-
grid-column-end: 4;
|
|
85
|
-
grid-row-start: 1;
|
|
86
|
-
grid-row-end: 2;
|
|
87
|
-
margin: calc(0.25rem * 1);
|
|
88
|
-
align-self: flex-end;
|
|
89
|
-
justify-self: center;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.timeline-horizontal {
|
|
93
|
-
flex-direction: row;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.timeline-horizontal > li {
|
|
97
|
-
align-items: center;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.timeline-horizontal > li > hr {
|
|
101
|
-
height: calc(0.25rem * 1);
|
|
102
|
-
width: 100%;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.timeline-horizontal > li > hr:first-child {
|
|
106
|
-
grid-column-start: 1;
|
|
107
|
-
grid-row-start: 2;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.timeline-horizontal > li > hr:last-child {
|
|
111
|
-
grid-column-start: 3;
|
|
112
|
-
grid-column-end: none;
|
|
113
|
-
grid-row-start: 2;
|
|
114
|
-
grid-row-end: auto;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.timeline-horizontal .timeline-start {
|
|
118
|
-
grid-column-start: 1;
|
|
119
|
-
grid-column-end: 4;
|
|
120
|
-
grid-row-start: 1;
|
|
121
|
-
grid-row-end: 2;
|
|
122
|
-
align-self: flex-end;
|
|
123
|
-
justify-self: center;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.timeline-horizontal .timeline-end {
|
|
127
|
-
grid-column-start: 1;
|
|
128
|
-
grid-column-end: 4;
|
|
129
|
-
grid-row-start: 3;
|
|
130
|
-
grid-row-end: 4;
|
|
131
|
-
align-self: flex-start;
|
|
132
|
-
justify-self: center;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.timeline-horizontal:has(.timeline-middle) > li > hr:first-child {
|
|
136
|
-
border-start-start-radius: 0;
|
|
137
|
-
border-end-start-radius: 0;
|
|
138
|
-
border-start-end-radius: var(--radius-selector);
|
|
139
|
-
border-end-end-radius: var(--radius-selector);
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.timeline-horizontal:has(.timeline-middle) > li > hr:last-child {
|
|
143
|
-
border-start-start-radius: var(--radius-selector);
|
|
144
|
-
border-end-start-radius: var(--radius-selector);
|
|
145
|
-
border-start-end-radius: 0;
|
|
146
|
-
border-end-end-radius: 0;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child {
|
|
150
|
-
border-start-start-radius: var(--radius-selector);
|
|
151
|
-
border-end-start-radius: var(--radius-selector);
|
|
152
|
-
border-start-end-radius: 0;
|
|
153
|
-
border-end-end-radius: 0;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child {
|
|
157
|
-
border-start-start-radius: 0;
|
|
158
|
-
border-end-start-radius: 0;
|
|
159
|
-
border-start-end-radius: var(--radius-selector);
|
|
160
|
-
border-end-end-radius: var(--radius-selector);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.timeline-vertical {
|
|
164
|
-
flex-direction: column;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.timeline-vertical > li {
|
|
168
|
-
justify-items: center;
|
|
169
|
-
--timeline-row-start: minmax(0, 1fr);
|
|
170
|
-
--timeline-row-end: minmax(0, 1fr);
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.timeline-vertical > li > hr {
|
|
174
|
-
height: 100%;
|
|
175
|
-
width: calc(0.25rem * 1);
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.timeline-vertical > li > hr:first-child {
|
|
179
|
-
grid-column-start: 2;
|
|
180
|
-
grid-row-start: 1;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.timeline-vertical > li > hr:last-child {
|
|
184
|
-
grid-column-start: 2;
|
|
185
|
-
grid-column-end: auto;
|
|
186
|
-
grid-row-start: 3;
|
|
187
|
-
grid-row-end: none;
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.timeline-vertical .timeline-start {
|
|
191
|
-
grid-column-start: 1;
|
|
192
|
-
grid-column-end: 2;
|
|
193
|
-
grid-row-start: 1;
|
|
194
|
-
grid-row-end: 4;
|
|
195
|
-
align-self: center;
|
|
196
|
-
justify-self: flex-end;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
.timeline-vertical .timeline-end {
|
|
200
|
-
grid-column-start: 3;
|
|
201
|
-
grid-column-end: 4;
|
|
202
|
-
grid-row-start: 1;
|
|
203
|
-
grid-row-end: 4;
|
|
204
|
-
align-self: center;
|
|
205
|
-
justify-self: flex-start;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.timeline-vertical:has(.timeline-middle) > li > hr:first-child {
|
|
209
|
-
border-top-left-radius: 0;
|
|
210
|
-
border-top-right-radius: 0;
|
|
211
|
-
border-bottom-right-radius: var(--radius-selector);
|
|
212
|
-
border-bottom-left-radius: var(--radius-selector);
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.timeline-vertical:has(.timeline-middle) > li > hr:last-child {
|
|
216
|
-
border-top-left-radius: var(--radius-selector);
|
|
217
|
-
border-top-right-radius: var(--radius-selector);
|
|
218
|
-
border-bottom-right-radius: 0;
|
|
219
|
-
border-bottom-left-radius: 0;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child {
|
|
223
|
-
border-top-left-radius: var(--radius-selector);
|
|
224
|
-
border-top-right-radius: var(--radius-selector);
|
|
225
|
-
border-bottom-right-radius: 0;
|
|
226
|
-
border-bottom-left-radius: 0;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child {
|
|
230
|
-
border-top-left-radius: 0;
|
|
231
|
-
border-top-right-radius: 0;
|
|
232
|
-
border-bottom-right-radius: var(--radius-selector);
|
|
233
|
-
border-bottom-left-radius: var(--radius-selector);
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.timeline-vertical.timeline-snap-icon > li {
|
|
237
|
-
--timeline-col-start: minmax(0, 1fr);
|
|
238
|
-
--timeline-row-start: 0.5rem;
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.timeline-compact {
|
|
242
|
-
--timeline-row-start: 0;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.timeline-compact .timeline-start {
|
|
246
|
-
grid-column-start: 1;
|
|
247
|
-
grid-column-end: 4;
|
|
248
|
-
grid-row-start: 3;
|
|
249
|
-
grid-row-end: 4;
|
|
250
|
-
align-self: flex-start;
|
|
251
|
-
justify-self: center;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
.timeline-compact li:has(.timeline-start) .timeline-end {
|
|
255
|
-
grid-column-start: none;
|
|
256
|
-
grid-row-start: auto;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
.timeline-compact.timeline-vertical > li {
|
|
260
|
-
--timeline-col-start: 0;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
.timeline-compact.timeline-vertical .timeline-start {
|
|
264
|
-
grid-column-start: 3;
|
|
265
|
-
grid-column-end: 4;
|
|
266
|
-
grid-row-start: 1;
|
|
267
|
-
grid-row-end: 4;
|
|
268
|
-
align-self: center;
|
|
269
|
-
justify-self: flex-start;
|
|
270
|
-
}
|
|
271
|
-
|
|
272
|
-
.timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
|
|
273
|
-
grid-column-start: auto;
|
|
274
|
-
grid-row-start: none;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
.timeline-middle {
|
|
278
|
-
grid-column-start: 2;
|
|
279
|
-
grid-row-start: 2;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.timeline-snap-icon > li {
|
|
283
|
-
--timeline-col-start: 0.5rem;
|
|
284
|
-
--timeline-row-start: minmax(0, 1fr);
|
|
285
|
-
}
|
|
286
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.toast {
|
|
3
|
-
position: fixed;
|
|
4
|
-
inset-inline-start: auto;
|
|
5
|
-
inset-inline-end: calc(0.25rem * 4);
|
|
6
|
-
top: auto;
|
|
7
|
-
bottom: calc(0.25rem * 4);
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
gap: calc(0.25rem * 2);
|
|
11
|
-
background-color: transparent;
|
|
12
|
-
translate: var(--toast-x, 0) var(--toast-y, 0);
|
|
13
|
-
width: max-content;
|
|
14
|
-
max-width: calc(100vw - 2rem);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
18
|
-
.toast > * {
|
|
19
|
-
animation: toast 0.25s ease-out;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.toast-center {
|
|
24
|
-
inset-inline-start: calc(1/2 * 100%);
|
|
25
|
-
inset-inline-end: calc(1/2 * 100%);
|
|
26
|
-
--toast-x: -50%;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.toast-end {
|
|
30
|
-
inset-inline-start: auto;
|
|
31
|
-
inset-inline-end: calc(0.25rem * 4);
|
|
32
|
-
--toast-x: 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.toast-start {
|
|
36
|
-
inset-inline-start: calc(0.25rem * 4);
|
|
37
|
-
inset-inline-end: auto;
|
|
38
|
-
--toast-x: 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.toast-bottom {
|
|
42
|
-
top: auto;
|
|
43
|
-
bottom: calc(0.25rem * 4);
|
|
44
|
-
--toast-y: 0;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.toast-middle {
|
|
48
|
-
top: calc(1/2 * 100%);
|
|
49
|
-
bottom: auto;
|
|
50
|
-
--toast-y: -50%;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.toast-top {
|
|
54
|
-
top: calc(0.25rem * 4);
|
|
55
|
-
bottom: auto;
|
|
56
|
-
--toast-y: 0;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
@@ -1,15 +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__ToastStack_js_7635dd78__ from "./ToastStack.js";
|
|
5
|
-
const ToastContainer = (props)=>{
|
|
6
|
-
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
7
|
-
"class"
|
|
8
|
-
]);
|
|
9
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__ToastStack_js_7635dd78__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
10
|
-
get ["class"] () {
|
|
11
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class);
|
|
12
|
-
}
|
|
13
|
-
}));
|
|
14
|
-
};
|
|
15
|
-
export { ToastContainer };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type Component, type JSX } from "solid-js";
|
|
2
|
-
import type { ToastProps } from "../toast/Toast";
|
|
3
|
-
import type { MotionPreset } from "../../motion";
|
|
4
|
-
import { type ToastItem } from "../../stores/toastStore";
|
|
5
|
-
export type ToastRenderer = (toast: ToastItem, dismiss: () => void) => JSX.Element;
|
|
6
|
-
export type ToastStackProps = ToastProps & {
|
|
7
|
-
motionPreset?: MotionPreset;
|
|
8
|
-
motionPresetName?: string;
|
|
9
|
-
reduceMotion?: boolean;
|
|
10
|
-
renderToast?: ToastRenderer;
|
|
11
|
-
expandOnClick?: boolean;
|
|
12
|
-
collapsedCount?: number;
|
|
13
|
-
collapsedOffset?: number;
|
|
14
|
-
collapsedScale?: number;
|
|
15
|
-
};
|
|
16
|
-
export declare const ToastStack: Component<ToastStackProps>;
|
|
17
|
-
export default ToastStack;
|