@getmicdrop/svelte-components 5.1.3 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calendar/AboutShow/AboutShow.svelte +28 -34
- package/dist/calendar/AboutShow/AboutShow.svelte.d.ts +21 -40
- package/dist/calendar/AboutShow/AboutShow.svelte.d.ts.map +1 -1
- package/dist/calendar/Calendar/MiniMonthCalendar.svelte +781 -848
- package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts +33 -50
- package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -1
- package/dist/calendar/FAQs/FAQs.svelte +10 -15
- package/dist/calendar/FAQs/FAQs.svelte.d.ts +15 -36
- package/dist/calendar/FAQs/FAQs.svelte.d.ts.map +1 -1
- package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +36 -39
- package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts +19 -34
- package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -1
- package/dist/calendar/OrderSummary/OrderSummary.svelte +49 -75
- package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts +33 -62
- package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts.map +1 -1
- package/dist/calendar/PublicCard/PublicCard.svelte +21 -33
- package/dist/calendar/PublicCard/PublicCard.svelte.d.ts +15 -32
- package/dist/calendar/PublicCard/PublicCard.svelte.d.ts.map +1 -1
- package/dist/calendar/ShowCard/ShowCard.svelte +35 -45
- package/dist/calendar/ShowCard/ShowCard.svelte.d.ts +19 -36
- package/dist/calendar/ShowCard/ShowCard.svelte.d.ts.map +1 -1
- package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +13 -15
- package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts +17 -34
- package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -1
- package/dist/components/Layout/Grid.svelte +43 -44
- package/dist/components/Layout/Grid.svelte.d.ts +49 -46
- package/dist/components/Layout/Grid.svelte.d.ts.map +1 -1
- package/dist/components/Layout/Section.svelte +41 -42
- package/dist/components/Layout/Section.svelte.d.ts +33 -46
- package/dist/components/Layout/Section.svelte.d.ts.map +1 -1
- package/dist/components/Layout/Sidebar.svelte +67 -63
- package/dist/components/Layout/Sidebar.svelte.d.ts +44 -50
- package/dist/components/Layout/Sidebar.svelte.d.ts.map +1 -1
- package/dist/components/Layout/Stack.svelte +45 -94
- package/dist/components/Layout/Stack.svelte.d.ts +19 -50
- package/dist/components/Layout/Stack.svelte.d.ts.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.js +2 -3
- package/dist/patterns/data/DataGrid.svelte +13 -46
- package/dist/patterns/data/DataGrid.svelte.d.ts +19 -45
- package/dist/patterns/data/DataGrid.svelte.d.ts.map +1 -1
- package/dist/patterns/data/DataList.svelte +11 -41
- package/dist/patterns/data/DataList.svelte.d.ts +17 -43
- package/dist/patterns/data/DataList.svelte.d.ts.map +1 -1
- package/dist/patterns/data/DataTable.svelte +13 -43
- package/dist/patterns/data/DataTable.svelte.d.ts +21 -65
- package/dist/patterns/data/DataTable.svelte.d.ts.map +1 -1
- package/dist/patterns/forms/FormActions.svelte +16 -37
- package/dist/patterns/forms/FormActions.svelte.d.ts +31 -46
- package/dist/patterns/forms/FormActions.svelte.d.ts.map +1 -1
- package/dist/patterns/forms/FormGrid.svelte +9 -25
- package/dist/patterns/forms/FormGrid.svelte.d.ts +15 -41
- package/dist/patterns/forms/FormGrid.svelte.d.ts.map +1 -1
- package/dist/patterns/forms/FormSection.svelte +8 -25
- package/dist/patterns/forms/FormSection.svelte.d.ts +17 -43
- package/dist/patterns/forms/FormSection.svelte.d.ts.map +1 -1
- package/dist/patterns/forms/FormValidationSummary.svelte +16 -32
- package/dist/patterns/forms/FormValidationSummary.svelte.d.ts +15 -30
- package/dist/patterns/forms/FormValidationSummary.svelte.d.ts.map +1 -1
- package/dist/patterns/layout/Grid.svelte +35 -38
- package/dist/patterns/layout/Grid.svelte.d.ts +15 -41
- package/dist/patterns/layout/Grid.svelte.d.ts.map +1 -1
- package/dist/patterns/layout/Sidebar.svelte +39 -41
- package/dist/patterns/layout/Sidebar.svelte.d.ts +17 -45
- package/dist/patterns/layout/Sidebar.svelte.d.ts.map +1 -1
- package/dist/patterns/layout/Stack.svelte +45 -54
- package/dist/patterns/layout/Stack.svelte.d.ts +21 -47
- package/dist/patterns/layout/Stack.svelte.d.ts.map +1 -1
- package/dist/patterns/navigation/BottomNav.svelte +16 -20
- package/dist/patterns/navigation/BottomNav.svelte.d.ts +9 -24
- package/dist/patterns/navigation/BottomNav.svelte.d.ts.map +1 -1
- package/dist/patterns/navigation/Header.svelte +39 -61
- package/dist/patterns/navigation/Header.svelte.d.ts +21 -40
- package/dist/patterns/navigation/Header.svelte.d.ts.map +1 -1
- package/dist/patterns/page/PageHeader.svelte +10 -35
- package/dist/patterns/page/PageHeader.svelte.d.ts +19 -36
- package/dist/patterns/page/PageHeader.svelte.d.ts.map +1 -1
- package/dist/patterns/page/PageLayout.svelte +39 -64
- package/dist/patterns/page/PageLayout.svelte.d.ts +25 -55
- package/dist/patterns/page/PageLayout.svelte.d.ts.map +1 -1
- package/dist/patterns/page/PageLoader.stories.svelte +4 -6
- package/dist/patterns/page/PageLoader.stories.svelte.d.ts +4 -24
- package/dist/patterns/page/PageLoader.stories.svelte.d.ts.map +1 -1
- package/dist/patterns/page/PageLoader.svelte +15 -27
- package/dist/patterns/page/PageLoader.svelte.d.ts +23 -49
- package/dist/patterns/page/PageLoader.svelte.d.ts.map +1 -1
- package/dist/patterns/page/SectionHeader.svelte +10 -29
- package/dist/patterns/page/SectionHeader.svelte.d.ts +19 -36
- package/dist/patterns/page/SectionHeader.svelte.d.ts.map +1 -1
- package/dist/primitives/Accordion/Accordion.svelte +23 -14
- package/dist/primitives/Accordion/Accordion.svelte.d.ts +17 -42
- package/dist/primitives/Accordion/Accordion.svelte.d.ts.map +1 -1
- package/dist/primitives/Accordion/AccordionItem.svelte +35 -19
- package/dist/primitives/Accordion/AccordionItem.svelte.d.ts +20 -48
- package/dist/primitives/Accordion/AccordionItem.svelte.d.ts.map +1 -1
- package/dist/primitives/Alert/Alert.svelte +56 -46
- package/dist/primitives/Alert/Alert.svelte.d.ts +12 -48
- package/dist/primitives/Alert/Alert.svelte.d.ts.map +1 -1
- package/dist/primitives/Avatar/Avatar.svelte +66 -56
- package/dist/primitives/Avatar/Avatar.svelte.d.ts +21 -35
- package/dist/primitives/Avatar/Avatar.svelte.d.ts.map +1 -1
- package/dist/primitives/Badges/Badge.svelte +68 -101
- package/dist/primitives/Badges/Badge.svelte.d.ts +31 -62
- package/dist/primitives/Badges/Badge.svelte.d.ts.map +1 -1
- package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +14 -15
- package/dist/primitives/BottomSheet/BottomSheet.stories.svelte.d.ts +4 -24
- package/dist/primitives/BottomSheet/BottomSheet.stories.svelte.d.ts.map +1 -1
- package/dist/primitives/BottomSheet/BottomSheet.svelte +43 -29
- package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts +15 -50
- package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts.map +1 -1
- package/dist/primitives/Breadcrumb/Breadcrumb.svelte +36 -21
- package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts +20 -43
- package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
- package/dist/primitives/Button/Button.svelte +109 -53
- package/dist/primitives/Button/Button.svelte.d.ts +30 -48
- package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
- package/dist/primitives/Button/ButtonSaveDemo.svelte +5 -5
- package/dist/primitives/Button/ButtonSaveDemo.svelte.d.ts +2 -25
- package/dist/primitives/Button/ButtonSaveDemo.svelte.d.ts.map +1 -1
- package/dist/primitives/Button/ButtonVariantShowcase.svelte +3 -11
- package/dist/primitives/Button/ButtonVariantShowcase.svelte.d.ts +2 -25
- package/dist/primitives/Button/ButtonVariantShowcase.svelte.d.ts.map +1 -1
- package/dist/primitives/Card.svelte +22 -11
- package/dist/primitives/Card.svelte.d.ts +11 -44
- package/dist/primitives/Card.svelte.d.ts.map +1 -1
- package/dist/primitives/Checkbox/Checkbox.svelte +50 -31
- package/dist/primitives/Checkbox/Checkbox.svelte.d.ts +22 -62
- package/dist/primitives/Checkbox/Checkbox.svelte.d.ts.map +1 -1
- package/dist/primitives/DarkModeToggle.svelte +18 -30
- package/dist/primitives/DarkModeToggle.svelte.d.ts +6 -25
- package/dist/primitives/DarkModeToggle.svelte.d.ts.map +1 -1
- package/dist/primitives/Drawer/Drawer.svelte +48 -60
- package/dist/primitives/Drawer/Drawer.svelte.d.ts +37 -69
- package/dist/primitives/Drawer/Drawer.svelte.d.ts.map +1 -1
- package/dist/primitives/Dropdown/Dropdown.svelte +150 -164
- package/dist/primitives/Dropdown/Dropdown.svelte.d.ts +21 -51
- package/dist/primitives/Dropdown/Dropdown.svelte.d.ts.map +1 -1
- package/dist/primitives/Dropdown/DropdownItem.svelte +80 -69
- package/dist/primitives/Dropdown/DropdownItem.svelte.d.ts +15 -46
- package/dist/primitives/Dropdown/DropdownItem.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ArrowLeft.svelte +1 -2
- package/dist/primitives/Icons/ArrowLeft.svelte.d.ts +11 -26
- package/dist/primitives/Icons/ArrowLeft.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ArrowRight.svelte +1 -2
- package/dist/primitives/Icons/ArrowRight.svelte.d.ts +11 -26
- package/dist/primitives/Icons/ArrowRight.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Availability.svelte +1 -2
- package/dist/primitives/Icons/Availability.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Availability.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Back.svelte +1 -2
- package/dist/primitives/Icons/Back.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Back.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CheckCircle.svelte +1 -2
- package/dist/primitives/Icons/CheckCircle.svelte.d.ts +11 -26
- package/dist/primitives/Icons/CheckCircle.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CheckCircleOutline.svelte +1 -2
- package/dist/primitives/Icons/CheckCircleOutline.svelte.d.ts +11 -26
- package/dist/primitives/Icons/CheckCircleOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CheckCircleSolid.svelte +2 -4
- package/dist/primitives/Icons/CheckCircleSolid.svelte.d.ts +9 -24
- package/dist/primitives/Icons/CheckCircleSolid.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CheckOutline.svelte +1 -3
- package/dist/primitives/Icons/CheckOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/CheckOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronDownOutline.svelte +2 -4
- package/dist/primitives/Icons/ChevronDownOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ChevronDownOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronLeft.svelte +1 -2
- package/dist/primitives/Icons/ChevronLeft.svelte.d.ts +11 -26
- package/dist/primitives/Icons/ChevronLeft.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronLeftOutline.svelte +2 -4
- package/dist/primitives/Icons/ChevronLeftOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ChevronLeftOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronRight.svelte +1 -2
- package/dist/primitives/Icons/ChevronRight.svelte.d.ts +11 -26
- package/dist/primitives/Icons/ChevronRight.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronRightOutline.svelte +2 -4
- package/dist/primitives/Icons/ChevronRightOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ChevronRightOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ChevronUpOutline.svelte +2 -4
- package/dist/primitives/Icons/ChevronUpOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ChevronUpOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CloseCircleOutline.svelte +2 -4
- package/dist/primitives/Icons/CloseCircleOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/CloseCircleOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/CloseOutline.svelte +2 -4
- package/dist/primitives/Icons/CloseOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/CloseOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Copy.svelte +1 -2
- package/dist/primitives/Icons/Copy.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Copy.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Cross.svelte +1 -2
- package/dist/primitives/Icons/Cross.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Cross.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/DotsHorizontalOutline.svelte +2 -4
- package/dist/primitives/Icons/DotsHorizontalOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/DotsHorizontalOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/DownArrow.svelte +1 -2
- package/dist/primitives/Icons/DownArrow.svelte.d.ts +11 -26
- package/dist/primitives/Icons/DownArrow.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ErrorCircle.svelte +1 -2
- package/dist/primitives/Icons/ErrorCircle.svelte.d.ts +11 -26
- package/dist/primitives/Icons/ErrorCircle.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ExclamationCircleOutline.svelte +2 -4
- package/dist/primitives/Icons/ExclamationCircleOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ExclamationCircleOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ExclamationTriangleOutline.svelte +2 -4
- package/dist/primitives/Icons/ExclamationTriangleOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ExclamationTriangleOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/EyeOutline.svelte +2 -4
- package/dist/primitives/Icons/EyeOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/EyeOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/EyeSlashOutline.svelte +2 -4
- package/dist/primitives/Icons/EyeSlashOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/EyeSlashOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/FacebookIcon.svelte +1 -2
- package/dist/primitives/Icons/FacebookIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/FacebookIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/FileCopyOutline.svelte +2 -4
- package/dist/primitives/Icons/FileCopyOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/FileCopyOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Home.svelte +1 -3
- package/dist/primitives/Icons/Home.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Home.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/HomeSolid.svelte +2 -4
- package/dist/primitives/Icons/HomeSolid.svelte.d.ts +9 -24
- package/dist/primitives/Icons/HomeSolid.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Icon.svelte +3 -7
- package/dist/primitives/Icons/Icon.svelte.d.ts +6 -29
- package/dist/primitives/Icons/Icon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Info.svelte +1 -2
- package/dist/primitives/Icons/Info.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Info.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/InfoCircleOutline.svelte +2 -4
- package/dist/primitives/Icons/InfoCircleOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/InfoCircleOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/InstagramIcon.svelte +1 -2
- package/dist/primitives/Icons/InstagramIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/InstagramIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/LogoInstagram.svelte +15 -18
- package/dist/primitives/Icons/LogoInstagram.svelte.d.ts +11 -26
- package/dist/primitives/Icons/LogoInstagram.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Message.svelte +1 -2
- package/dist/primitives/Icons/Message.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Message.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/MinusOutline.svelte +2 -4
- package/dist/primitives/Icons/MinusOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/MinusOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/MoonIcon.svelte +1 -2
- package/dist/primitives/Icons/MoonIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/MoonIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/More.svelte +1 -2
- package/dist/primitives/Icons/More.svelte.d.ts +11 -26
- package/dist/primitives/Icons/More.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/MoreHori.svelte +1 -2
- package/dist/primitives/Icons/MoreHori.svelte.d.ts +11 -26
- package/dist/primitives/Icons/MoreHori.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Notification.svelte +1 -2
- package/dist/primitives/Icons/Notification.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Notification.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Payment.svelte +1 -2
- package/dist/primitives/Icons/Payment.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Payment.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/PlusOutline.svelte +2 -4
- package/dist/primitives/Icons/PlusOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/PlusOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Profile.svelte +1 -2
- package/dist/primitives/Icons/Profile.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Profile.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Reload.svelte +1 -2
- package/dist/primitives/Icons/Reload.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Reload.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/SearchOutline.svelte +2 -4
- package/dist/primitives/Icons/SearchOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/SearchOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/ShareOutline.svelte +2 -4
- package/dist/primitives/Icons/ShareOutline.svelte.d.ts +9 -24
- package/dist/primitives/Icons/ShareOutline.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Shows.svelte +1 -2
- package/dist/primitives/Icons/Shows.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Shows.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/Signout.svelte +1 -2
- package/dist/primitives/Icons/Signout.svelte.d.ts +11 -26
- package/dist/primitives/Icons/Signout.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/SunIcon.svelte +1 -2
- package/dist/primitives/Icons/SunIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/SunIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/TiktokIcon.svelte +1 -2
- package/dist/primitives/Icons/TiktokIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/TiktokIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/TwitterIcon.svelte +1 -2
- package/dist/primitives/Icons/TwitterIcon.svelte.d.ts +11 -26
- package/dist/primitives/Icons/TwitterIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Icons/WarningIcon.svelte +1 -1
- package/dist/primitives/Icons/WarningIcon.svelte.d.ts +9 -24
- package/dist/primitives/Icons/WarningIcon.svelte.d.ts.map +1 -1
- package/dist/primitives/Input/Input.svelte +150 -78
- package/dist/primitives/Input/Input.svelte.d.ts +102 -110
- package/dist/primitives/Input/Input.svelte.d.ts.map +1 -1
- package/dist/primitives/Input/Select.svelte +31 -37
- package/dist/primitives/Input/Select.svelte.d.ts +29 -46
- package/dist/primitives/Input/Select.svelte.d.ts.map +1 -1
- package/dist/primitives/Input/Textarea.svelte +77 -75
- package/dist/primitives/Input/Textarea.svelte.d.ts +47 -66
- package/dist/primitives/Input/Textarea.svelte.d.ts.map +1 -1
- package/dist/primitives/Label/Label.svelte +37 -29
- package/dist/primitives/Label/Label.svelte.d.ts +11 -46
- package/dist/primitives/Label/Label.svelte.d.ts.map +1 -1
- package/dist/primitives/Modal/Modal.stories.svelte +23 -22
- package/dist/primitives/Modal/Modal.stories.svelte.d.ts +4 -24
- package/dist/primitives/Modal/Modal.stories.svelte.d.ts.map +1 -1
- package/dist/primitives/Modal/Modal.svelte +69 -44
- package/dist/primitives/Modal/Modal.svelte.d.ts +28 -46
- package/dist/primitives/Modal/Modal.svelte.d.ts.map +1 -1
- package/dist/primitives/Pagination/Pagination.svelte +79 -80
- package/dist/primitives/Pagination/Pagination.svelte.d.ts +24 -59
- package/dist/primitives/Pagination/Pagination.svelte.d.ts.map +1 -1
- package/dist/primitives/Radio/Radio.svelte +33 -26
- package/dist/primitives/Radio/Radio.svelte.d.ts +17 -54
- package/dist/primitives/Radio/Radio.svelte.d.ts.map +1 -1
- package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -98
- package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts +10 -33
- package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
- package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -65
- package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts +9 -31
- package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
- package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -86
- package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts +11 -35
- package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
- package/dist/primitives/Skeleton/Skeleton.svelte +19 -24
- package/dist/primitives/Skeleton/Skeleton.svelte.d.ts +9 -31
- package/dist/primitives/Skeleton/Skeleton.svelte.d.ts.map +1 -1
- package/dist/primitives/Spinner/Spinner.svelte +17 -12
- package/dist/primitives/Spinner/Spinner.svelte.d.ts +8 -29
- package/dist/primitives/Spinner/Spinner.svelte.d.ts.map +1 -1
- package/dist/primitives/Tabs/TabItem.svelte +51 -33
- package/dist/primitives/Tabs/TabItem.svelte.d.ts +12 -49
- package/dist/primitives/Tabs/TabItem.svelte.d.ts.map +1 -1
- package/dist/primitives/Tabs/Tabs.svelte +127 -104
- package/dist/primitives/Tabs/Tabs.svelte.d.ts +10 -43
- package/dist/primitives/Tabs/Tabs.svelte.d.ts.map +1 -1
- package/dist/primitives/Toggle.svelte +28 -16
- package/dist/primitives/Toggle.svelte.d.ts +23 -46
- package/dist/primitives/Toggle.svelte.d.ts.map +1 -1
- package/dist/primitives/Typography/Typography.svelte +31 -28
- package/dist/primitives/Typography/Typography.svelte.d.ts +16 -46
- package/dist/primitives/Typography/Typography.svelte.d.ts.map +1 -1
- package/dist/primitives/ValidationError.svelte +9 -3
- package/dist/primitives/ValidationError.svelte.d.ts +8 -27
- package/dist/primitives/ValidationError.svelte.d.ts.map +1 -1
- package/dist/recipes/CropImage/CropImage.stories.svelte +6 -13
- package/dist/recipes/CropImage/CropImage.stories.svelte.d.ts +4 -24
- package/dist/recipes/CropImage/CropImage.stories.svelte.d.ts.map +1 -1
- package/dist/recipes/CropImage/CropImage.svelte +66 -73
- package/dist/recipes/CropImage/CropImage.svelte.d.ts +14 -33
- package/dist/recipes/CropImage/CropImage.svelte.d.ts.map +1 -1
- package/dist/recipes/SuperLogin/SuperLogin.svelte +37 -64
- package/dist/recipes/Toaster/Toaster.stories.svelte +3 -4
- package/dist/recipes/Toaster/Toaster.stories.svelte.d.ts.map +1 -1
- package/dist/recipes/feedback/EmptyState/EmptyState.svelte +32 -26
- package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts +19 -35
- package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts.map +1 -1
- package/dist/recipes/feedback/ErrorDisplay.stories.svelte +2 -4
- package/dist/recipes/feedback/ErrorDisplay.stories.svelte.d.ts +4 -24
- package/dist/recipes/feedback/ErrorDisplay.stories.svelte.d.ts.map +1 -1
- package/dist/recipes/feedback/ErrorDisplay.svelte +24 -16
- package/dist/recipes/feedback/ErrorDisplay.svelte.d.ts +17 -35
- package/dist/recipes/feedback/ErrorDisplay.svelte.d.ts.map +1 -1
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +9 -14
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte.d.ts +8 -27
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/CheckboxField.svelte +51 -48
- package/dist/recipes/fields/CheckboxField.svelte.d.ts +35 -53
- package/dist/recipes/fields/CheckboxField.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/FormField.svelte +31 -34
- package/dist/recipes/fields/FormField.svelte.d.ts +21 -62
- package/dist/recipes/fields/FormField.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/RadioGroup.svelte +54 -57
- package/dist/recipes/fields/RadioGroup.svelte.d.ts +34 -49
- package/dist/recipes/fields/RadioGroup.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/SelectField.svelte +49 -36
- package/dist/recipes/fields/SelectField.svelte.d.ts +34 -51
- package/dist/recipes/fields/SelectField.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/TextareaField.svelte +75 -44
- package/dist/recipes/fields/TextareaField.svelte.d.ts +46 -67
- package/dist/recipes/fields/TextareaField.svelte.d.ts.map +1 -1
- package/dist/recipes/fields/ToggleField.svelte +31 -35
- package/dist/recipes/fields/ToggleField.svelte.d.ts +22 -41
- package/dist/recipes/fields/ToggleField.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/MultiSelect.stories.svelte +3 -5
- package/dist/recipes/inputs/MultiSelect.stories.svelte.d.ts +4 -24
- package/dist/recipes/inputs/MultiSelect.stories.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/MultiSelect.svelte +43 -40
- package/dist/recipes/inputs/MultiSelect.svelte.d.ts +33 -50
- package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/OTPInput.stories.svelte +15 -17
- package/dist/recipes/inputs/OTPInput.stories.svelte.d.ts +4 -24
- package/dist/recipes/inputs/OTPInput.stories.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/OTPInput.svelte +20 -16
- package/dist/recipes/inputs/OTPInput.svelte.d.ts +17 -38
- package/dist/recipes/inputs/OTPInput.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/PasswordInput.svelte +44 -54
- package/dist/recipes/inputs/PasswordInput.svelte.d.ts +45 -62
- package/dist/recipes/inputs/PasswordInput.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +36 -29
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +17 -43
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +99 -83
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts +5 -19
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/Search.svelte +84 -78
- package/dist/recipes/inputs/Search.svelte.d.ts +35 -65
- package/dist/recipes/inputs/Search.svelte.d.ts.map +1 -1
- package/dist/recipes/inputs/SelectDropdown.svelte +30 -44
- package/dist/recipes/inputs/SelectDropdown.svelte.d.ts +19 -48
- package/dist/recipes/inputs/SelectDropdown.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/AlertModal.svelte +77 -78
- package/dist/recipes/modals/AlertModal.svelte.d.ts +25 -42
- package/dist/recipes/modals/AlertModal.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/ConfirmationModal.svelte +78 -85
- package/dist/recipes/modals/ConfirmationModal.svelte.d.ts +41 -58
- package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/InputModal.svelte +131 -130
- package/dist/recipes/modals/InputModal.svelte.d.ts +57 -74
- package/dist/recipes/modals/InputModal.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/ModalStateManager.svelte +42 -33
- package/dist/recipes/modals/ModalStateManager.svelte.d.ts +28 -56
- package/dist/recipes/modals/ModalStateManager.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/ModalTestWrapper.svelte +62 -18
- package/dist/recipes/modals/ModalTestWrapper.svelte.d.ts +21 -35
- package/dist/recipes/modals/ModalTestWrapper.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/StatusModal.svelte +112 -121
- package/dist/recipes/modals/StatusModal.svelte.d.ts +39 -56
- package/dist/recipes/modals/StatusModal.svelte.d.ts.map +1 -1
- package/dist/stories/ComponentConsolidation.stories.svelte +1227 -0
- package/dist/stories/ComponentConsolidation.stories.svelte.d.ts +27 -0
- package/dist/stories/ComponentConsolidation.stories.svelte.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalStateManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalStateManager.svelte.
|
|
1
|
+
{"version":3,"file":"ModalStateManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalStateManager.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,aAAa,GAAG,oBAAoB,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5T,UAAU,KAAK;IACb,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqDH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,21 +1,65 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
import Modal from "../../primitives/Modal/Modal.svelte";
|
|
4
|
+
import Button from "../../primitives/Button/Button.svelte";
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
/** Whether the modal is visible */
|
|
8
|
+
show?: boolean;
|
|
9
|
+
/** Modal title */
|
|
10
|
+
title?: string;
|
|
11
|
+
/** Modal description */
|
|
12
|
+
description?: string;
|
|
13
|
+
/** Warning text */
|
|
14
|
+
warningText?: string;
|
|
15
|
+
/** Callback when modal is cancelled */
|
|
16
|
+
oncancel?: () => void;
|
|
17
|
+
/** Header content */
|
|
18
|
+
header?: Snippet;
|
|
19
|
+
/** Body content */
|
|
20
|
+
body?: Snippet;
|
|
21
|
+
/** Footer content */
|
|
22
|
+
footer?: Snippet;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
let {
|
|
26
|
+
show = $bindable(false),
|
|
27
|
+
title = '',
|
|
28
|
+
description = '',
|
|
29
|
+
warningText = '',
|
|
30
|
+
oncancel,
|
|
31
|
+
header,
|
|
32
|
+
body,
|
|
33
|
+
footer
|
|
34
|
+
}: Props = $props();
|
|
7
35
|
</script>
|
|
8
36
|
|
|
9
|
-
<Modal bind:show
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
37
|
+
<Modal bind:show oncancel={oncancel}>
|
|
38
|
+
{#snippet headerSnippet()}
|
|
39
|
+
{#if header}
|
|
40
|
+
{@render header()}
|
|
41
|
+
{:else}
|
|
42
|
+
{title}
|
|
43
|
+
{/if}
|
|
44
|
+
{/snippet}
|
|
45
|
+
|
|
46
|
+
{#snippet bodySnippet()}
|
|
47
|
+
{#if body}
|
|
48
|
+
{@render body()}
|
|
49
|
+
{:else}
|
|
50
|
+
{description}
|
|
51
|
+
{#if warningText}
|
|
52
|
+
<br /> {warningText}
|
|
53
|
+
{/if}
|
|
54
|
+
{/if}
|
|
55
|
+
{/snippet}
|
|
56
|
+
|
|
57
|
+
{#snippet footerSnippet()}
|
|
58
|
+
{#if footer}
|
|
59
|
+
{@render footer()}
|
|
60
|
+
{:else}
|
|
61
|
+
<Button variant="alternative">Cancel</Button>
|
|
62
|
+
<Button variant="default">Confirm</Button>
|
|
63
|
+
{/if}
|
|
64
|
+
{/snippet}
|
|
21
65
|
</Modal>
|
|
@@ -1,37 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
show?: boolean
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}, {
|
|
20
|
-
cancel: CustomEvent<any>;
|
|
21
|
-
} & {
|
|
22
|
-
[evt: string]: CustomEvent<any>;
|
|
23
|
-
}, {}, {}, string>;
|
|
24
|
-
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
25
|
-
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
26
|
-
$$bindings?: Bindings;
|
|
27
|
-
} & Exports;
|
|
28
|
-
(internal: unknown, props: Props & {
|
|
29
|
-
$$events?: Events;
|
|
30
|
-
$$slots?: Slots;
|
|
31
|
-
}): Exports & {
|
|
32
|
-
$set?: any;
|
|
33
|
-
$on?: any;
|
|
34
|
-
};
|
|
35
|
-
z_$$bindings?: Bindings;
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
interface Props {
|
|
3
|
+
/** Whether the modal is visible */
|
|
4
|
+
show?: boolean;
|
|
5
|
+
/** Modal title */
|
|
6
|
+
title?: string;
|
|
7
|
+
/** Modal description */
|
|
8
|
+
description?: string;
|
|
9
|
+
/** Warning text */
|
|
10
|
+
warningText?: string;
|
|
11
|
+
/** Callback when modal is cancelled */
|
|
12
|
+
oncancel?: () => void;
|
|
13
|
+
/** Header content */
|
|
14
|
+
header?: Snippet;
|
|
15
|
+
/** Body content */
|
|
16
|
+
body?: Snippet;
|
|
17
|
+
/** Footer content */
|
|
18
|
+
footer?: Snippet;
|
|
36
19
|
}
|
|
20
|
+
declare const ModalTestWrapper: import("svelte").Component<Props, {}, "show">;
|
|
21
|
+
type ModalTestWrapper = ReturnType<typeof ModalTestWrapper>;
|
|
22
|
+
export default ModalTestWrapper;
|
|
37
23
|
//# sourceMappingURL=ModalTestWrapper.svelte.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalTestWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalTestWrapper.svelte.
|
|
1
|
+
{"version":3,"file":"ModalTestWrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/ModalTestWrapper.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,KAAK;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAmDH,QAAA,MAAM,gBAAgB,+CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,36 +1,35 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { createEventDispatcher } from "svelte";
|
|
3
2
|
import { CheckOutline, CloseOutline, ExclamationTriangleOutline, InfoCircleOutline } from "../../primitives/Icons";
|
|
4
3
|
import Button from "../../primitives/Button/Button.svelte";
|
|
5
4
|
import Cancel from "../../assets/svg/cancel.svg";
|
|
6
5
|
import Modal from "../../primitives/Modal/Modal.svelte";
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
let {
|
|
8
|
+
show = $bindable(false),
|
|
9
|
+
size = "small",
|
|
10
|
+
title = "",
|
|
11
|
+
subtitle = "",
|
|
12
|
+
description = "",
|
|
13
|
+
buttonText = "Ok",
|
|
14
|
+
iconType = "success",
|
|
15
|
+
customIcon = null,
|
|
16
|
+
image = null,
|
|
17
|
+
disabled = false,
|
|
18
|
+
loading = false,
|
|
19
|
+
variant = null,
|
|
20
|
+
actions = [],
|
|
21
|
+
closeBtn = false,
|
|
22
|
+
onconfirm,
|
|
23
|
+
onclose,
|
|
24
|
+
...restProps
|
|
25
|
+
} = $props();
|
|
22
26
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// Use variant if provided, otherwise fallback to iconType
|
|
26
|
-
$: effectiveVariant = variant || iconType;
|
|
27
|
-
|
|
28
|
-
// Check if we're in profile mode (image instead of icon)
|
|
29
|
-
$: isProfileMode = !!image;
|
|
27
|
+
let effectiveVariant = $derived(variant || iconType);
|
|
28
|
+
let isProfileMode = $derived(!!image);
|
|
30
29
|
|
|
31
30
|
const handleButtonClick = () => {
|
|
32
31
|
if (!disabled && !loading) {
|
|
33
|
-
|
|
32
|
+
onconfirm?.();
|
|
34
33
|
closeModal();
|
|
35
34
|
}
|
|
36
35
|
};
|
|
@@ -38,7 +37,6 @@
|
|
|
38
37
|
const handleAction = (action) => {
|
|
39
38
|
if (!disabled && !loading) {
|
|
40
39
|
action.onClick?.();
|
|
41
|
-
dispatch(action.label.toLowerCase());
|
|
42
40
|
if (!action.keepOpen) {
|
|
43
41
|
closeModal();
|
|
44
42
|
}
|
|
@@ -47,7 +45,7 @@
|
|
|
47
45
|
|
|
48
46
|
const closeModal = () => {
|
|
49
47
|
show = false;
|
|
50
|
-
|
|
48
|
+
onclose?.();
|
|
51
49
|
};
|
|
52
50
|
|
|
53
51
|
const handleClose = () => {
|
|
@@ -55,7 +53,6 @@
|
|
|
55
53
|
closeModal();
|
|
56
54
|
};
|
|
57
55
|
|
|
58
|
-
// Get button variant for action buttons
|
|
59
56
|
const getActionVariant = (action) => {
|
|
60
57
|
if (action.variant) return action.variant;
|
|
61
58
|
const label = action.label.toLowerCase();
|
|
@@ -68,7 +65,6 @@
|
|
|
68
65
|
return 'alternative';
|
|
69
66
|
};
|
|
70
67
|
|
|
71
|
-
// Icon colors based on variant
|
|
72
68
|
const getIconColors = (type) => {
|
|
73
69
|
switch (type) {
|
|
74
70
|
case "success":
|
|
@@ -99,7 +95,6 @@
|
|
|
99
95
|
}
|
|
100
96
|
};
|
|
101
97
|
|
|
102
|
-
// Button variant based on status type
|
|
103
98
|
const getButtonVariant = (type) => {
|
|
104
99
|
switch (type) {
|
|
105
100
|
case "error":
|
|
@@ -111,104 +106,100 @@
|
|
|
111
106
|
}
|
|
112
107
|
};
|
|
113
108
|
|
|
114
|
-
|
|
115
|
-
|
|
109
|
+
let colors = $derived(getIconColors(effectiveVariant));
|
|
110
|
+
let buttonVariant = $derived(getButtonVariant(effectiveVariant));
|
|
116
111
|
</script>
|
|
117
112
|
|
|
118
|
-
<Modal bind:show {size}>
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
<
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
113
|
+
<Modal bind:show {size} oncancel={handleClose} {...restProps}>
|
|
114
|
+
{#snippet header()}
|
|
115
|
+
<div class="text-center">
|
|
116
|
+
{#if closeBtn}
|
|
117
|
+
<div class="flex justify-end -mt-2 -mr-2 mb-2">
|
|
118
|
+
<Button variant="icon" size="xs" onclick={handleClose} {disabled}>
|
|
119
|
+
<img src={Cancel} alt="Close" class="w-5 h-5" />
|
|
120
|
+
</Button>
|
|
121
|
+
</div>
|
|
122
|
+
{/if}
|
|
123
|
+
{#if isProfileMode}
|
|
124
|
+
<div class="flex justify-center">
|
|
125
|
+
<img
|
|
126
|
+
src={image}
|
|
127
|
+
alt={title}
|
|
128
|
+
class="w-16 h-16 rounded-lg object-cover"
|
|
129
|
+
/>
|
|
130
|
+
</div>
|
|
131
|
+
<div class="mt-4">
|
|
132
|
+
{#if title}
|
|
133
|
+
<h2 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h2>
|
|
134
|
+
{/if}
|
|
135
|
+
{#if subtitle}
|
|
136
|
+
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{subtitle}</p>
|
|
137
|
+
{/if}
|
|
138
|
+
</div>
|
|
139
|
+
{:else}
|
|
140
|
+
<div class="flex justify-center items-center">
|
|
141
|
+
{#if customIcon}
|
|
142
|
+
<div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
|
|
143
|
+
<img src={customIcon} alt="Status icon" class="w-8 h-8" />
|
|
144
|
+
</div>
|
|
145
|
+
{:else}
|
|
146
|
+
<div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
|
|
147
|
+
{#if effectiveVariant === "success"}
|
|
148
|
+
<CheckOutline class="w-7 h-7 {colors.icon}" />
|
|
149
|
+
{:else if effectiveVariant === "error"}
|
|
150
|
+
<CloseOutline class="w-7 h-7 {colors.icon}" />
|
|
151
|
+
{:else if effectiveVariant === "warning"}
|
|
152
|
+
<ExclamationTriangleOutline class="w-7 h-7 {colors.icon}" />
|
|
153
|
+
{:else if effectiveVariant === "info"}
|
|
154
|
+
<InfoCircleOutline class="w-7 h-7 {colors.icon}" />
|
|
155
|
+
{/if}
|
|
156
|
+
</div>
|
|
157
|
+
{/if}
|
|
158
|
+
</div>
|
|
141
159
|
{#if title}
|
|
142
|
-
<h2 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h2>
|
|
143
|
-
{/if}
|
|
144
|
-
{#if subtitle}
|
|
145
|
-
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1">{subtitle}</p>
|
|
160
|
+
<h2 class="text-xl font-medium text-gray-900 dark:text-white mt-4">{title}</h2>
|
|
146
161
|
{/if}
|
|
147
|
-
</div>
|
|
148
|
-
{:else}
|
|
149
|
-
<!-- Status mode: show icon in colored circle -->
|
|
150
|
-
<div class="flex justify-center items-center">
|
|
151
|
-
{#if customIcon}
|
|
152
|
-
<div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
|
|
153
|
-
<img src={customIcon} alt="Status icon" class="w-8 h-8" />
|
|
154
|
-
</div>
|
|
155
|
-
{:else}
|
|
156
|
-
<div class="w-14 h-14 rounded-full {colors.bg} flex items-center justify-center">
|
|
157
|
-
{#if effectiveVariant === "success"}
|
|
158
|
-
<CheckOutline class="w-7 h-7 {colors.icon}" />
|
|
159
|
-
{:else if effectiveVariant === "error"}
|
|
160
|
-
<CloseOutline class="w-7 h-7 {colors.icon}" />
|
|
161
|
-
{:else if effectiveVariant === "warning"}
|
|
162
|
-
<ExclamationTriangleOutline class="w-7 h-7 {colors.icon}" />
|
|
163
|
-
{:else if effectiveVariant === "info"}
|
|
164
|
-
<InfoCircleOutline class="w-7 h-7 {colors.icon}" />
|
|
165
|
-
{/if}
|
|
166
|
-
</div>
|
|
167
|
-
{/if}
|
|
168
|
-
</div>
|
|
169
|
-
{#if title}
|
|
170
|
-
<h2 class="text-xl font-medium text-gray-900 dark:text-white mt-4">{title}</h2>
|
|
171
162
|
{/if}
|
|
172
|
-
|
|
173
|
-
|
|
163
|
+
</div>
|
|
164
|
+
{/snippet}
|
|
174
165
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
{
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
166
|
+
{#snippet body()}
|
|
167
|
+
<div class="text-center mt-4">
|
|
168
|
+
{#if description}
|
|
169
|
+
<p class="text-sm leading-relaxed {isProfileMode ? 'text-gray-900 dark:text-white font-medium' : 'text-gray-500 dark:text-gray-400'}">
|
|
170
|
+
{description}
|
|
171
|
+
</p>
|
|
172
|
+
{/if}
|
|
173
|
+
</div>
|
|
174
|
+
{/snippet}
|
|
182
175
|
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
{/if}
|
|
213
|
-
</div>
|
|
176
|
+
{#snippet footer()}
|
|
177
|
+
<div class="w-full">
|
|
178
|
+
{#if actions.length > 0}
|
|
179
|
+
<div class="flex gap-3">
|
|
180
|
+
{#each actions as action}
|
|
181
|
+
<Button
|
|
182
|
+
size="full"
|
|
183
|
+
variant={getActionVariant(action)}
|
|
184
|
+
disabled={action.disabled || disabled}
|
|
185
|
+
loading={action.loading || (loading && action.primary)}
|
|
186
|
+
onclick={() => handleAction(action)}
|
|
187
|
+
>
|
|
188
|
+
{action.label}
|
|
189
|
+
</Button>
|
|
190
|
+
{/each}
|
|
191
|
+
</div>
|
|
192
|
+
{:else}
|
|
193
|
+
<Button
|
|
194
|
+
size="full"
|
|
195
|
+
variant={buttonVariant}
|
|
196
|
+
{disabled}
|
|
197
|
+
{loading}
|
|
198
|
+
onclick={handleButtonClick}
|
|
199
|
+
>
|
|
200
|
+
{buttonText}
|
|
201
|
+
</Button>
|
|
202
|
+
{/if}
|
|
203
|
+
</div>
|
|
204
|
+
{/snippet}
|
|
214
205
|
</Modal>
|
|
@@ -1,59 +1,42 @@
|
|
|
1
1
|
export default StatusModal;
|
|
2
|
-
type StatusModal =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
variant?: null | undefined;
|
|
6
|
-
actions?: any[] | undefined;
|
|
7
|
-
show?: boolean | undefined;
|
|
8
|
-
subtitle?: string | undefined;
|
|
9
|
-
disabled?: boolean | undefined;
|
|
10
|
-
loading?: boolean | undefined;
|
|
11
|
-
image?: null | undefined;
|
|
12
|
-
buttonText?: string | undefined;
|
|
13
|
-
iconType?: string | undefined;
|
|
14
|
-
description?: string | undefined;
|
|
15
|
-
customIcon?: null | undefined;
|
|
16
|
-
closeBtn?: boolean | undefined;
|
|
17
|
-
}, {
|
|
18
|
-
confirm: CustomEvent<any>;
|
|
19
|
-
close: CustomEvent<any>;
|
|
20
|
-
} & {
|
|
21
|
-
[evt: string]: CustomEvent<any>;
|
|
22
|
-
}, {}> & {
|
|
23
|
-
$$bindings?: string | undefined;
|
|
2
|
+
type StatusModal = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<$$ComponentProps>): void;
|
|
24
5
|
};
|
|
25
|
-
declare const StatusModal:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
image?:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
closeBtn?: boolean
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
6
|
+
declare const StatusModal: import("svelte").Component<{
|
|
7
|
+
show?: boolean;
|
|
8
|
+
size?: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
subtitle?: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
buttonText?: string;
|
|
13
|
+
iconType?: string;
|
|
14
|
+
customIcon?: any;
|
|
15
|
+
image?: any;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
variant?: any;
|
|
19
|
+
actions?: any[];
|
|
20
|
+
closeBtn?: boolean;
|
|
21
|
+
onconfirm: any;
|
|
22
|
+
onclose: any;
|
|
23
|
+
} & Record<string, any>, {}, "show">;
|
|
24
|
+
type $$ComponentProps = {
|
|
25
|
+
show?: boolean;
|
|
26
|
+
size?: string;
|
|
27
|
+
title?: string;
|
|
28
|
+
subtitle?: string;
|
|
29
|
+
description?: string;
|
|
30
|
+
buttonText?: string;
|
|
31
|
+
iconType?: string;
|
|
32
|
+
customIcon?: any;
|
|
33
|
+
image?: any;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
loading?: boolean;
|
|
36
|
+
variant?: any;
|
|
37
|
+
actions?: any[];
|
|
38
|
+
closeBtn?: boolean;
|
|
39
|
+
onconfirm: any;
|
|
40
|
+
onclose: any;
|
|
41
|
+
} & Record<string, any>;
|
|
59
42
|
//# sourceMappingURL=StatusModal.svelte.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/StatusModal.svelte.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusModal.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/modals/StatusModal.svelte.js"],"names":[],"mappings":";;;;;AAwMA;WA1L4B,OAAO;WAAS,MAAM;YAAU,MAAM;eAAa,MAAM;kBAAgB,MAAM;iBAAe,MAAM;eAAa,MAAM;iBAAe,GAAG;YAAU,GAAG;eAAa,OAAO;cAAY,OAAO;cAAY,GAAG;cAAY,GAAG,EAAE;eAAa,OAAO;eAAa,GAAG;aAAW,GAAG;qCA0LjP;wBA1LvC;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,GAAG,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC"}
|