zabi-components 8.0.0 → 8.1.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/CHANGELOG.md +1924 -0
- package/README.md +243 -10
- package/THEME.md +149 -332
- package/THEMING.md +1192 -266
- package/dist/atoms/ActionPanel.svelte +15 -5
- package/dist/atoms/Avatar.svelte +104 -0
- package/dist/atoms/Avatar.svelte.d.ts +34 -0
- package/dist/atoms/Badge.svelte +36 -7
- package/dist/atoms/Badge.svelte.d.ts +2 -2
- package/dist/atoms/Button.svelte +177 -27
- package/dist/atoms/Button.svelte.d.ts +30 -2
- package/dist/atoms/Card.svelte +4 -4
- package/dist/atoms/CardHeader.svelte +16 -4
- package/dist/atoms/Checkbox.svelte +48 -21
- package/dist/atoms/Checkbox.svelte.d.ts +4 -2
- package/dist/atoms/CodeBlock.svelte +20 -2
- package/dist/atoms/CodeBlock.svelte.d.ts +4 -0
- package/dist/atoms/ColorPicker.svelte +259 -49
- package/dist/atoms/ColorPicker.svelte.d.ts +3 -0
- package/dist/atoms/Container.svelte +16 -8
- package/dist/atoms/DateField.svelte +107 -0
- package/dist/atoms/DateField.svelte.d.ts +53 -0
- package/dist/atoms/FieldMessages.svelte +69 -0
- package/dist/atoms/FieldMessages.svelte.d.ts +23 -0
- package/dist/atoms/FloatingActionButton.svelte +174 -0
- package/dist/atoms/FloatingActionButton.svelte.d.ts +51 -0
- package/dist/atoms/Heading.svelte +37 -5
- package/dist/atoms/Heading.svelte.d.ts +7 -0
- package/dist/atoms/IconButton.svelte +220 -24
- package/dist/atoms/IconButton.svelte.d.ts +49 -4
- package/dist/atoms/Input.svelte +253 -52
- package/dist/atoms/Input.svelte.d.ts +32 -2
- package/dist/atoms/List.svelte +4 -1
- package/dist/atoms/ListItem.svelte +44 -11
- package/dist/atoms/ListItem.svelte.d.ts +5 -0
- package/dist/atoms/Progress.svelte +27 -8
- package/dist/atoms/Progress.svelte.d.ts +4 -0
- package/dist/atoms/Radio.svelte +19 -3
- package/dist/atoms/Radio.svelte.d.ts +4 -2
- package/dist/atoms/Rating.svelte +494 -0
- package/dist/atoms/Rating.svelte.d.ts +56 -0
- package/dist/atoms/Select.svelte +433 -91
- package/dist/atoms/Select.svelte.d.ts +49 -3
- package/dist/atoms/SelectionControl.svelte +94 -17
- package/dist/atoms/SelectionControl.svelte.d.ts +4 -3
- package/dist/atoms/Skeleton.svelte +1 -1
- package/dist/atoms/Slider.svelte +309 -0
- package/dist/atoms/Slider.svelte.d.ts +40 -0
- package/dist/atoms/Spinner.svelte +57 -0
- package/dist/atoms/Spinner.svelte.d.ts +19 -0
- package/dist/atoms/Table.svelte +151 -6
- package/dist/atoms/Table.svelte.d.ts +15 -3
- package/dist/atoms/TemporalField.svelte +140 -0
- package/dist/atoms/TemporalField.svelte.d.ts +32 -0
- package/dist/atoms/Text.svelte +23 -11
- package/dist/atoms/Text.svelte.d.ts +6 -3
- package/dist/atoms/Textarea.svelte +55 -44
- package/dist/atoms/Textarea.svelte.d.ts +14 -2
- package/dist/atoms/ThemeToggle.svelte +223 -44
- package/dist/atoms/ThemeToggle.svelte.d.ts +26 -3
- package/dist/atoms/TimeField.svelte +108 -0
- package/dist/atoms/TimeField.svelte.d.ts +54 -0
- package/dist/atoms/Toast.svelte +17 -4
- package/dist/atoms/Toast.svelte.d.ts +2 -0
- package/dist/atoms/Toggle.svelte +41 -8
- package/dist/atoms/Toggle.svelte.d.ts +11 -2
- package/dist/atoms/Tooltip.svelte +508 -23
- package/dist/atoms/Tooltip.svelte.d.ts +11 -0
- package/dist/atoms/ZabiStringsProvider.svelte +45 -0
- package/dist/atoms/ZabiStringsProvider.svelte.d.ts +27 -0
- package/dist/atoms/index.d.ts +17 -0
- package/dist/atoms/index.js +12 -0
- package/dist/atoms/selection-control.styles.d.ts +36 -5
- package/dist/atoms/selection-control.styles.js +40 -9
- package/dist/components/atoms/index.d.ts +17 -0
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/atoms/selection-control.styles.d.ts +36 -5
- package/dist/components/atoms/selection-control.styles.d.ts.map +1 -1
- package/dist/components/index.d.ts +80 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/molecules/index.d.ts +46 -0
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/components/molecules/toast-store.d.ts +53 -7
- package/dist/components/molecules/toast-store.d.ts.map +1 -1
- package/dist/components/organisms/index.d.ts +5 -0
- package/dist/components/organisms/index.d.ts.map +1 -1
- package/dist/components/types/variants.d.ts +15 -1
- package/dist/components/types/variants.d.ts.map +1 -1
- package/dist/components/util/app-shell.d.ts +28 -0
- package/dist/components/util/app-shell.d.ts.map +1 -0
- package/dist/components/util/avatar.d.ts +36 -0
- package/dist/components/util/avatar.d.ts.map +1 -0
- package/dist/components/util/bottom-sheet.d.ts +30 -0
- package/dist/components/util/bottom-sheet.d.ts.map +1 -0
- package/dist/components/util/bottom-tab-bar.d.ts +35 -0
- package/dist/components/util/bottom-tab-bar.d.ts.map +1 -0
- package/dist/components/util/calendar.d.ts +56 -0
- package/dist/components/util/calendar.d.ts.map +1 -0
- package/dist/components/util/collapsible.d.ts +58 -0
- package/dist/components/util/collapsible.d.ts.map +1 -0
- package/dist/components/util/confirm-dialog.d.ts +12 -0
- package/dist/components/util/confirm-dialog.d.ts.map +1 -0
- package/dist/components/util/date.d.ts +96 -0
- package/dist/components/util/date.d.ts.map +1 -0
- package/dist/components/util/drawer.d.ts +13 -0
- package/dist/components/util/drawer.d.ts.map +1 -0
- package/dist/components/util/dropdown.d.ts +47 -0
- package/dist/components/util/dropdown.d.ts.map +1 -0
- package/dist/components/util/field.d.ts +39 -0
- package/dist/components/util/field.d.ts.map +1 -0
- package/dist/components/util/fit-in-viewport.d.ts +201 -0
- package/dist/components/util/fit-in-viewport.d.ts.map +1 -0
- package/dist/components/util/focus-utils.d.ts +75 -2
- package/dist/components/util/focus-utils.d.ts.map +1 -1
- package/dist/components/util/hydration.d.ts +45 -0
- package/dist/components/util/hydration.d.ts.map +1 -0
- package/dist/components/util/keyboard-inset.d.ts +18 -0
- package/dist/components/util/keyboard-inset.d.ts.map +1 -0
- package/dist/components/util/media-grid.d.ts +51 -0
- package/dist/components/util/media-grid.d.ts.map +1 -0
- package/dist/components/util/media.d.ts +6 -0
- package/dist/components/util/media.d.ts.map +1 -0
- package/dist/components/util/overlay-chrome.d.ts +53 -0
- package/dist/components/util/overlay-chrome.d.ts.map +1 -0
- package/dist/components/util/overlay.d.ts +72 -0
- package/dist/components/util/overlay.d.ts.map +1 -0
- package/dist/components/util/photo.d.ts +215 -0
- package/dist/components/util/photo.d.ts.map +1 -0
- package/dist/components/util/portal.d.ts +23 -0
- package/dist/components/util/portal.d.ts.map +1 -0
- package/dist/components/util/pull-to-refresh.d.ts +27 -0
- package/dist/components/util/pull-to-refresh.d.ts.map +1 -0
- package/dist/components/util/radio-keys.d.ts +25 -0
- package/dist/components/util/radio-keys.d.ts.map +1 -0
- package/dist/components/util/rating.d.ts +23 -0
- package/dist/components/util/rating.d.ts.map +1 -0
- package/dist/components/util/ready-made-strings.d.ts +77 -0
- package/dist/components/util/ready-made-strings.d.ts.map +1 -0
- package/dist/components/util/scroll-padding.d.ts +20 -0
- package/dist/components/util/scroll-padding.d.ts.map +1 -0
- package/dist/components/util/segmented-control.d.ts +16 -0
- package/dist/components/util/segmented-control.d.ts.map +1 -0
- package/dist/components/util/select.d.ts +41 -0
- package/dist/components/util/select.d.ts.map +1 -0
- package/dist/components/util/sheet-drag.d.ts +60 -0
- package/dist/components/util/sheet-drag.d.ts.map +1 -0
- package/dist/components/util/sidebar.d.ts +63 -0
- package/dist/components/util/sidebar.d.ts.map +1 -0
- package/dist/components/util/sortable-list.d.ts +65 -0
- package/dist/components/util/sortable-list.d.ts.map +1 -0
- package/dist/components/util/stepper.d.ts +40 -0
- package/dist/components/util/stepper.d.ts.map +1 -0
- package/dist/components/util/swipeable-list-item.d.ts +36 -0
- package/dist/components/util/swipeable-list-item.d.ts.map +1 -0
- package/dist/components/util/theme-mode.d.ts +80 -0
- package/dist/components/util/theme-mode.d.ts.map +1 -0
- package/dist/components/util/toaster.d.ts +93 -0
- package/dist/components/util/toaster.d.ts.map +1 -0
- package/dist/components/util/tooltip.d.ts +10 -0
- package/dist/components/util/tooltip.d.ts.map +1 -0
- package/dist/components/util/top-navbar.d.ts +11 -0
- package/dist/components/util/top-navbar.d.ts.map +1 -0
- package/dist/components/util/touch-target.d.ts +31 -0
- package/dist/components/util/touch-target.d.ts.map +1 -0
- package/dist/components/util/zabi-strings.d.ts +133 -0
- package/dist/components/util/zabi-strings.d.ts.map +1 -0
- package/dist/create-theme/cli.js +169 -0
- package/dist/create-theme/index.d.ts +176 -0
- package/dist/create-theme/index.js +817 -0
- package/dist/create-theme/lib/ramp-math.js +128 -0
- package/dist/create-theme/lib/resolve.js +141 -0
- package/dist/create-theme/theme-data.js +1116 -0
- package/dist/index.d.ts +80 -2
- package/dist/index.js +57 -2
- package/dist/molecules/Alert.svelte +33 -5
- package/dist/molecules/Alert.svelte.d.ts +2 -0
- package/dist/molecules/AppBar.svelte +415 -0
- package/dist/molecules/AppBar.svelte.d.ts +69 -0
- package/dist/molecules/AvatarGroup.svelte +116 -0
- package/dist/molecules/AvatarGroup.svelte.d.ts +40 -0
- package/dist/molecules/BottomSheet.svelte +540 -0
- package/dist/molecules/BottomSheet.svelte.d.ts +93 -0
- package/dist/molecules/BottomTabBar.svelte +297 -0
- package/dist/molecules/BottomTabBar.svelte.d.ts +64 -0
- package/dist/molecules/Calendar.svelte +597 -0
- package/dist/molecules/Calendar.svelte.d.ts +72 -0
- package/dist/molecules/Collapsible.svelte +243 -0
- package/dist/molecules/Collapsible.svelte.d.ts +44 -0
- package/dist/molecules/CollapsibleGroup.svelte +126 -0
- package/dist/molecules/CollapsibleGroup.svelte.d.ts +14 -0
- package/dist/molecules/ComponentDemo.svelte +16 -4
- package/dist/molecules/ComponentDemo.svelte.d.ts +3 -0
- package/dist/molecules/ConfirmDialog.svelte +253 -0
- package/dist/molecules/ConfirmDialog.svelte.d.ts +55 -0
- package/dist/molecules/ContactForm.svelte +34 -17
- package/dist/molecules/ContactForm.svelte.d.ts +8 -0
- package/dist/molecules/Drawer.svelte +394 -0
- package/dist/molecules/Drawer.svelte.d.ts +55 -0
- package/dist/molecules/Dropdown.svelte +509 -48
- package/dist/molecules/Dropdown.svelte.d.ts +45 -6
- package/dist/molecules/DropdownItem.svelte +122 -0
- package/dist/molecules/DropdownItem.svelte.d.ts +28 -0
- package/dist/molecules/EmptyState.svelte +55 -10
- package/dist/molecules/EmptyState.svelte.d.ts +8 -0
- package/dist/molecules/FormField.svelte +9 -1
- package/dist/molecules/FormField.svelte.d.ts +2 -0
- package/dist/molecules/Header.svelte +1 -1
- package/dist/molecules/ImageUpload.svelte +383 -70
- package/dist/molecules/ImageUpload.svelte.d.ts +47 -2
- package/dist/molecules/MediaGrid.svelte +527 -0
- package/dist/molecules/MediaGrid.svelte.d.ts +77 -0
- package/dist/molecules/Modal.svelte +288 -72
- package/dist/molecules/Modal.svelte.d.ts +51 -2
- package/dist/molecules/NavigationMenuContent.svelte +58 -1
- package/dist/molecules/NavigationMenuItem.svelte +0 -1
- package/dist/molecules/NavigationMenuLink.svelte +1 -1
- package/dist/molecules/NavigationMenuList.svelte +10 -3
- package/dist/molecules/NavigationMenuTrigger.svelte +2 -2
- package/dist/molecules/Page.svelte +32 -2
- package/dist/molecules/Page.svelte.d.ts +11 -0
- package/dist/molecules/PhotoGrid.svelte +433 -0
- package/dist/molecules/PhotoGrid.svelte.d.ts +62 -0
- package/dist/molecules/PhotoViewer.svelte +1116 -0
- package/dist/molecules/PhotoViewer.svelte.d.ts +56 -0
- package/dist/molecules/PropsTable.svelte +22 -10
- package/dist/molecules/PropsTable.svelte.d.ts +3 -0
- package/dist/molecules/PullToRefresh.svelte +263 -0
- package/dist/molecules/PullToRefresh.svelte.d.ts +52 -0
- package/dist/molecules/RadioGroup.svelte +52 -14
- package/dist/molecules/RadioGroup.svelte.d.ts +14 -3
- package/dist/molecules/Section.svelte +1 -1
- package/dist/molecules/SegmentedControl.svelte +323 -0
- package/dist/molecules/SegmentedControl.svelte.d.ts +34 -0
- package/dist/molecules/SidebarBrandHeader.svelte +11 -1
- package/dist/molecules/SidebarBrandHeader.svelte.d.ts +3 -0
- package/dist/molecules/SidebarFooter.svelte +29 -6
- package/dist/molecules/SidebarFooter.svelte.d.ts +3 -0
- package/dist/molecules/SlideUp.svelte +220 -61
- package/dist/molecules/SlideUp.svelte.d.ts +26 -0
- package/dist/molecules/SortableList.svelte +632 -0
- package/dist/molecules/SortableList.svelte.d.ts +69 -0
- package/dist/molecules/Stepper.svelte +548 -0
- package/dist/molecules/Stepper.svelte.d.ts +39 -0
- package/dist/molecules/StickyActionBar.svelte +191 -0
- package/dist/molecules/StickyActionBar.svelte.d.ts +65 -0
- package/dist/molecules/SwipeableListItem.svelte +334 -0
- package/dist/molecules/SwipeableListItem.svelte.d.ts +54 -0
- package/dist/molecules/Tabs.svelte +233 -9
- package/dist/molecules/Tabs.svelte.d.ts +7 -0
- package/dist/molecules/Toaster.svelte +350 -5
- package/dist/molecules/Toaster.svelte.d.ts +95 -2
- package/dist/molecules/ToasterToast.svelte +253 -67
- package/dist/molecules/ToasterToast.svelte.d.ts +9 -0
- package/dist/molecules/UnsavedChangesBar.svelte +212 -0
- package/dist/molecules/UnsavedChangesBar.svelte.d.ts +43 -0
- package/dist/molecules/index.d.ts +46 -0
- package/dist/molecules/index.js +27 -0
- package/dist/molecules/toast-store.d.ts +53 -7
- package/dist/molecules/toast-store.js +21 -0
- package/dist/organisms/AppShell.svelte +196 -0
- package/dist/organisms/AppShell.svelte.d.ts +61 -0
- package/dist/organisms/SidebarAccountPanel.svelte +107 -12
- package/dist/organisms/SidebarAccountPanel.svelte.d.ts +19 -0
- package/dist/organisms/SidebarNavigation.svelte +96 -15
- package/dist/organisms/SidebarNavigation.svelte.d.ts +29 -1
- package/dist/organisms/SidebarPanel.svelte +31 -10
- package/dist/organisms/SidebarShell.svelte +162 -11
- package/dist/organisms/SidebarShell.svelte.d.ts +56 -2
- package/dist/organisms/TopNavbar.svelte +256 -31
- package/dist/organisms/TopNavbar.svelte.d.ts +26 -0
- package/dist/organisms/index.d.ts +5 -0
- package/dist/organisms/index.js +3 -0
- package/dist/types/components.d.ts +4 -0
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/index.d.ts +605 -25
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/variants.ts +17 -1
- package/dist/util/app-shell.d.ts +27 -0
- package/dist/util/app-shell.js +72 -0
- package/dist/util/avatar.d.ts +35 -0
- package/dist/util/avatar.js +52 -0
- package/dist/util/bottom-sheet.d.ts +29 -0
- package/dist/util/bottom-sheet.js +43 -0
- package/dist/util/bottom-tab-bar.d.ts +34 -0
- package/dist/util/bottom-tab-bar.js +54 -0
- package/dist/util/calendar.d.ts +55 -0
- package/dist/util/calendar.js +74 -0
- package/dist/util/collapsible.d.ts +57 -0
- package/dist/util/collapsible.js +23 -0
- package/dist/util/confirm-dialog.d.ts +11 -0
- package/dist/util/confirm-dialog.js +2 -0
- package/dist/util/date.d.ts +95 -0
- package/dist/util/date.js +237 -0
- package/dist/util/drawer.d.ts +12 -0
- package/dist/util/drawer.js +7 -0
- package/dist/util/dropdown.d.ts +46 -0
- package/dist/util/dropdown.js +21 -0
- package/dist/util/field.d.ts +38 -0
- package/dist/util/field.js +38 -0
- package/dist/util/fit-in-viewport.d.ts +200 -0
- package/dist/util/fit-in-viewport.js +399 -0
- package/dist/util/focus-utils.d.ts +75 -2
- package/dist/util/focus-utils.js +182 -9
- package/dist/util/hydration.d.ts +44 -0
- package/dist/util/hydration.js +58 -0
- package/dist/util/keyboard-inset.d.ts +17 -0
- package/dist/util/keyboard-inset.js +53 -0
- package/dist/util/media-grid.d.ts +50 -0
- package/dist/util/media-grid.js +81 -0
- package/dist/util/media.d.ts +5 -0
- package/dist/util/media.js +10 -0
- package/dist/util/overlay-chrome.d.ts +52 -0
- package/dist/util/overlay-chrome.js +56 -0
- package/dist/util/overlay.d.ts +71 -0
- package/dist/util/overlay.js +240 -0
- package/dist/util/photo.d.ts +214 -0
- package/dist/util/photo.js +206 -0
- package/dist/util/portal.d.ts +22 -0
- package/dist/util/portal.js +50 -0
- package/dist/util/pull-to-refresh.d.ts +26 -0
- package/dist/util/pull-to-refresh.js +30 -0
- package/dist/util/radio-keys.d.ts +24 -0
- package/dist/util/radio-keys.js +49 -0
- package/dist/util/rating.d.ts +22 -0
- package/dist/util/rating.js +26 -0
- package/dist/util/ready-made-strings.d.ts +76 -0
- package/dist/util/ready-made-strings.js +67 -0
- package/dist/util/scroll-padding.d.ts +19 -0
- package/dist/util/scroll-padding.js +44 -0
- package/dist/util/segmented-control.d.ts +15 -0
- package/dist/util/segmented-control.js +1 -0
- package/dist/util/select.d.ts +40 -0
- package/dist/util/select.js +63 -0
- package/dist/util/sheet-drag.d.ts +59 -0
- package/dist/util/sheet-drag.js +241 -0
- package/dist/util/sidebar.d.ts +62 -0
- package/dist/util/sidebar.js +38 -0
- package/dist/util/sortable-list.d.ts +64 -0
- package/dist/util/sortable-list.js +53 -0
- package/dist/util/stepper.d.ts +39 -0
- package/dist/util/stepper.js +38 -0
- package/dist/util/swipeable-list-item.d.ts +35 -0
- package/dist/util/swipeable-list-item.js +32 -0
- package/dist/util/theme-mode.d.ts +79 -0
- package/dist/util/theme-mode.js +121 -0
- package/dist/util/toaster.d.ts +92 -0
- package/dist/util/toaster.js +75 -0
- package/dist/util/tooltip.d.ts +9 -0
- package/dist/util/tooltip.js +18 -0
- package/dist/util/top-navbar.d.ts +10 -0
- package/dist/util/top-navbar.js +5 -0
- package/dist/util/touch-target.d.ts +30 -0
- package/dist/util/touch-target.js +30 -0
- package/dist/util/zabi-strings.d.ts +132 -0
- package/dist/util/zabi-strings.js +105 -0
- package/dist/zabi-components-colors.css +5 -2
- package/dist/zabi-components-theme-dark-only.css +543 -241
- package/dist/zabi-components-theme-dark.css +543 -241
- package/dist/zabi-components-theme-only.css +1584 -367
- package/dist/zabi-components-theme.css +1584 -367
- package/dist/zabi-components.css +3885 -518
- package/docs/lucide-icons.md +40 -17
- package/docs/theme-imports.md +81 -11
- package/package.json +35 -8
|
@@ -20,6 +20,17 @@ type Props = Omit<HTMLAttributes<HTMLDivElement>, "class"> & {
|
|
|
20
20
|
* at the rail edge and left only the arrow showing.
|
|
21
21
|
*/
|
|
22
22
|
fixed?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* On a touch screen a tap on the trigger opens the tooltip, and the
|
|
25
|
+
* trigger still does what it does. It stays until a second tap, a tap
|
|
26
|
+
* elsewhere, Escape, scrolling or focus leaving: the tap also puts
|
|
27
|
+
* focus on the trigger, and a tooltip that went by itself while its
|
|
28
|
+
* trigger still had focus would be gone before it was read. Give a
|
|
29
|
+
* number of milliseconds to have it close by itself after that long
|
|
30
|
+
* as well, for a button whose tooltip is in the way of what the tap
|
|
31
|
+
* did. A mouse and a keyboard are not affected.
|
|
32
|
+
*/
|
|
33
|
+
touchDuration?: number;
|
|
23
34
|
class?: string;
|
|
24
35
|
children?: Snippet;
|
|
25
36
|
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from "svelte";
|
|
3
|
+
import {
|
|
4
|
+
mergeZabiStrings,
|
|
5
|
+
outerZabiStrings,
|
|
6
|
+
provideZabiStrings,
|
|
7
|
+
type ZabiStrings,
|
|
8
|
+
} from "../util/zabi-strings.js";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Sets the library's own words for everything inside it: put it around
|
|
12
|
+
* the app, once, with the texts in the app's language.
|
|
13
|
+
*
|
|
14
|
+
* ```svelte
|
|
15
|
+
* <ZabiStringsProvider strings={{
|
|
16
|
+
* common: { close: "Stäng", back: "Tillbaka" },
|
|
17
|
+
* select: { placeholder: "Välj", searchPlaceholder: "Sök" },
|
|
18
|
+
* }}>
|
|
19
|
+
* {@render children()}
|
|
20
|
+
* </ZabiStringsProvider>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* Each component still takes its own `strings` and single-text props,
|
|
24
|
+
* and those win. A provider inside another replaces only the words it
|
|
25
|
+
* gives. It renders nothing of its own: no element is added to the page.
|
|
26
|
+
*/
|
|
27
|
+
interface Props {
|
|
28
|
+
/** One entry per component, and `common` for the words many share. See `ZabiStrings`. */
|
|
29
|
+
strings?: ZabiStrings;
|
|
30
|
+
children?: Snippet;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
let { strings, children }: Props = $props();
|
|
34
|
+
|
|
35
|
+
const outer = outerZabiStrings();
|
|
36
|
+
const merged = $derived(mergeZabiStrings(outer?.current, strings));
|
|
37
|
+
|
|
38
|
+
provideZabiStrings({
|
|
39
|
+
get current() {
|
|
40
|
+
return merged;
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
</script>
|
|
44
|
+
|
|
45
|
+
{@render children?.()}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { Snippet } from "svelte";
|
|
2
|
+
import { type ZabiStrings } from "../util/zabi-strings.js";
|
|
3
|
+
/**
|
|
4
|
+
* Sets the library's own words for everything inside it: put it around
|
|
5
|
+
* the app, once, with the texts in the app's language.
|
|
6
|
+
*
|
|
7
|
+
* ```svelte
|
|
8
|
+
* <ZabiStringsProvider strings={{
|
|
9
|
+
* common: { close: "Stäng", back: "Tillbaka" },
|
|
10
|
+
* select: { placeholder: "Välj", searchPlaceholder: "Sök" },
|
|
11
|
+
* }}>
|
|
12
|
+
* {@render children()}
|
|
13
|
+
* </ZabiStringsProvider>
|
|
14
|
+
* ```
|
|
15
|
+
*
|
|
16
|
+
* Each component still takes its own `strings` and single-text props,
|
|
17
|
+
* and those win. A provider inside another replaces only the words it
|
|
18
|
+
* gives. It renders nothing of its own: no element is added to the page.
|
|
19
|
+
*/
|
|
20
|
+
interface Props {
|
|
21
|
+
/** One entry per component, and `common` for the words many share. See `ZabiStrings`. */
|
|
22
|
+
strings?: ZabiStrings;
|
|
23
|
+
children?: Snippet;
|
|
24
|
+
}
|
|
25
|
+
declare const ZabiStringsProvider: import("svelte").Component<Props, {}, "">;
|
|
26
|
+
type ZabiStringsProvider = ReturnType<typeof ZabiStringsProvider>;
|
|
27
|
+
export default ZabiStringsProvider;
|
package/dist/atoms/index.d.ts
CHANGED
|
@@ -9,6 +9,9 @@ export { default as CardFooter } from './CardFooter.svelte';
|
|
|
9
9
|
export { default as Input } from './Input.svelte';
|
|
10
10
|
export { default as Textarea } from './Textarea.svelte';
|
|
11
11
|
export { default as Select } from './Select.svelte';
|
|
12
|
+
export { DEFAULT_SELECT_STRINGS } from '../util/select.js';
|
|
13
|
+
export type { SelectStrings, SelectPresentation } from '../util/select.js';
|
|
14
|
+
export { default as Slider } from './Slider.svelte';
|
|
12
15
|
export { default as ColorPicker } from './ColorPicker.svelte';
|
|
13
16
|
export { default as List } from './List.svelte';
|
|
14
17
|
export { default as ListItem } from './ListItem.svelte';
|
|
@@ -19,4 +22,18 @@ export { default as Divider } from './Divider.svelte';
|
|
|
19
22
|
export { default as Container } from './Container.svelte';
|
|
20
23
|
export { default as Text } from './Text.svelte';
|
|
21
24
|
export { default as Table } from './Table.svelte';
|
|
25
|
+
export { default as Checkbox } from './Checkbox.svelte';
|
|
22
26
|
export { default as Radio } from './Radio.svelte';
|
|
27
|
+
export { default as Spinner } from './Spinner.svelte';
|
|
28
|
+
export { default as Rating } from './Rating.svelte';
|
|
29
|
+
export type { RatingStrings } from '../util/rating.js';
|
|
30
|
+
export { default as FloatingActionButton } from './FloatingActionButton.svelte';
|
|
31
|
+
export { default as DateField } from './DateField.svelte';
|
|
32
|
+
export { default as Avatar } from './Avatar.svelte';
|
|
33
|
+
export type { AvatarSize } from '../util/avatar.js';
|
|
34
|
+
export { default as TimeField } from './TimeField.svelte';
|
|
35
|
+
export { DEFAULT_COLOR_PICKER_STRINGS } from '../util/ready-made-strings.js';
|
|
36
|
+
export type { ColorPickerStrings } from '../util/ready-made-strings.js';
|
|
37
|
+
export { default as ZabiStringsProvider } from './ZabiStringsProvider.svelte';
|
|
38
|
+
export { DEFAULT_ZABI_COMMON_STRINGS, getZabiStrings } from '../util/zabi-strings.js';
|
|
39
|
+
export type { ZabiStrings, ZabiCommonStrings, ZabiStringsContext, AlertTexts, CodeBlockTexts, ImageUploadTexts, ToastTexts, UnsavedChangesBarTexts } from '../util/zabi-strings.js';
|
package/dist/atoms/index.js
CHANGED
|
@@ -9,6 +9,8 @@ export { default as CardFooter } from './CardFooter.svelte';
|
|
|
9
9
|
export { default as Input } from './Input.svelte';
|
|
10
10
|
export { default as Textarea } from './Textarea.svelte';
|
|
11
11
|
export { default as Select } from './Select.svelte';
|
|
12
|
+
export { DEFAULT_SELECT_STRINGS } from '../util/select.js';
|
|
13
|
+
export { default as Slider } from './Slider.svelte';
|
|
12
14
|
export { default as ColorPicker } from './ColorPicker.svelte';
|
|
13
15
|
export { default as List } from './List.svelte';
|
|
14
16
|
export { default as ListItem } from './ListItem.svelte';
|
|
@@ -19,4 +21,14 @@ export { default as Divider } from './Divider.svelte';
|
|
|
19
21
|
export { default as Container } from './Container.svelte';
|
|
20
22
|
export { default as Text } from './Text.svelte';
|
|
21
23
|
export { default as Table } from './Table.svelte';
|
|
24
|
+
export { default as Checkbox } from './Checkbox.svelte';
|
|
22
25
|
export { default as Radio } from './Radio.svelte';
|
|
26
|
+
export { default as Spinner } from './Spinner.svelte';
|
|
27
|
+
export { default as Rating } from './Rating.svelte';
|
|
28
|
+
export { default as FloatingActionButton } from './FloatingActionButton.svelte';
|
|
29
|
+
export { default as DateField } from './DateField.svelte';
|
|
30
|
+
export { default as Avatar } from './Avatar.svelte';
|
|
31
|
+
export { default as TimeField } from './TimeField.svelte';
|
|
32
|
+
export { DEFAULT_COLOR_PICKER_STRINGS } from '../util/ready-made-strings.js';
|
|
33
|
+
export { default as ZabiStringsProvider } from './ZabiStringsProvider.svelte';
|
|
34
|
+
export { DEFAULT_ZABI_COMMON_STRINGS, getZabiStrings } from '../util/zabi-strings.js';
|
|
@@ -6,20 +6,51 @@
|
|
|
6
6
|
export declare const SELECTION_CONTROL_LABEL_ROW_INTERACTION = "selection-control-label-row-interaction";
|
|
7
7
|
/** With `app.css`: `:checked` ring for radio list rows. */
|
|
8
8
|
export declare const SELECTION_CONTROL_OPTION_ROW = "selection-control-option-row";
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Control + label row; `p-2 -m-2` aligns hit area with text; `group` is not valid inside `@apply`.
|
|
11
|
+
*
|
|
12
|
+
* On a coarse pointer the row is 44px tall and takes that room in the layout
|
|
13
|
+
* (`my-0`): with the negative margin kept, two rows 8px apart overlapped by
|
|
14
|
+
* 8px, and a tap in the overlap went to the lower one.
|
|
15
|
+
*/
|
|
10
16
|
export declare const SELECTION_CONTROL_LABEL_ROW_BASE: string;
|
|
11
17
|
export declare const SELECTION_CONTROL_LABEL_ROW: string;
|
|
12
18
|
/** Radio option row: stacked label/description; `p-2` only (no `-m-2`) so vertical gaps stay even. */
|
|
13
19
|
export declare const RADIO_GROUP_OPTION_LABEL_ROW: string;
|
|
14
|
-
/**
|
|
15
|
-
|
|
20
|
+
/**
|
|
21
|
+
* Control shell: border/fill/hover/checked/disabled. `group/control` drives inner mark states.
|
|
22
|
+
* The checked fill is the primary action fill, so a ticked box and a primary
|
|
23
|
+
* button are the same colour; it used to be a step paler (2.8:1 on the page).
|
|
24
|
+
*
|
|
25
|
+
* The pressed dip and the hover fills are for a control that can be used.
|
|
26
|
+
* The row around a disabled input still matches `:active` and `:hover`, so
|
|
27
|
+
* without that a disabled box dipped under a finger and lit up under the
|
|
28
|
+
* mouse. The unchecked ones are limited to `not-has-[:disabled]`; the checked
|
|
29
|
+
* hover is undone by a rule with one more `has-` in it, which outweighs it.
|
|
30
|
+
*/
|
|
31
|
+
export declare const SELECTION_CONTROL_SHELL_STATE = "group/control relative inline-flex items-center justify-center w-5 h-5 transition-all duration-200 border-2 not-has-[:disabled]:group-active:scale-95 border-base-400 bg-transparent not-has-[:disabled]:group-hover:border-brand-500 not-has-[:disabled]:group-hover:bg-brand-50 has-[:checked]:border-action-primary has-[:checked]:bg-action-primary has-[:checked]:group-hover:bg-action-primary-hover has-[:checked]:group-hover:border-action-primary-hover has-[:disabled]:has-[:checked]:group-hover:bg-action-primary has-[:disabled]:has-[:checked]:group-hover:border-action-primary has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed";
|
|
16
32
|
export type SelectionControlShape = "square" | "circle";
|
|
17
33
|
export declare function selectionControlShellClasses(shape: SelectionControlShape): string;
|
|
18
34
|
/** Radio circle control; `mt-0.5` aligns with multi-line labels. */
|
|
19
35
|
export declare const RADIO_GROUP_CONTROL_SHELL: string;
|
|
20
|
-
/**
|
|
36
|
+
/**
|
|
37
|
+
* The real input, stretched over the 20px box and transparent, so a press on
|
|
38
|
+
* the box lands on the input itself. It used to be `sr-only`: a 1px box under
|
|
39
|
+
* the ring overlay, where a click aimed at the input (a test's
|
|
40
|
+
* `getByRole("checkbox").check()`, a pointer-driven assistive tool) hit the
|
|
41
|
+
* overlay instead. Everything drawn over it lets the press through.
|
|
42
|
+
*
|
|
43
|
+
* 2px out on each side: the shell's border is outside its padding box.
|
|
44
|
+
*
|
|
45
|
+
* On a coarse pointer it is 44 by 44px, centred on the box (12px further out
|
|
46
|
+
* on each side), so the input itself is the touch target and not only the
|
|
47
|
+
* row around it. The row is 44px tall there, so the inputs of two rows never
|
|
48
|
+
* reach each other.
|
|
49
|
+
*/
|
|
50
|
+
export declare const SELECTION_CONTROL_INPUT = "absolute -top-0.5 -start-0.5 m-0 size-5 cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed pointer-coarse:-top-3.5 pointer-coarse:-start-3.5 pointer-coarse:size-11";
|
|
51
|
+
/** Full-bleed ring behind the mark (same geometry as SelectionControl inner ring). Lets a press through to the input. */
|
|
21
52
|
export declare function selectionControlRingOverlayClasses(shape: SelectionControlShape): string;
|
|
22
53
|
/** Radio row: circle overlay + `pointer-events-none` so clicks hit the input. */
|
|
23
54
|
export declare const RADIO_GROUP_RING_OVERLAY: string;
|
|
24
55
|
/** Checked radio dot (shared with `Radio.svelte`). */
|
|
25
|
-
export declare const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-
|
|
56
|
+
export declare const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-action-primary-text pointer-events-none z-10 opacity-0 group-has-checked/control:opacity-100";
|
|
@@ -6,25 +6,56 @@
|
|
|
6
6
|
export const SELECTION_CONTROL_LABEL_ROW_INTERACTION = "selection-control-label-row-interaction";
|
|
7
7
|
/** With `app.css`: `:checked` ring for radio list rows. */
|
|
8
8
|
export const SELECTION_CONTROL_OPTION_ROW = "selection-control-option-row";
|
|
9
|
-
/**
|
|
10
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Control + label row; `p-2 -m-2` aligns hit area with text; `group` is not valid inside `@apply`.
|
|
11
|
+
*
|
|
12
|
+
* On a coarse pointer the row is 44px tall and takes that room in the layout
|
|
13
|
+
* (`my-0`): with the negative margin kept, two rows 8px apart overlapped by
|
|
14
|
+
* 8px, and a tap in the overlap went to the lower one.
|
|
15
|
+
*/
|
|
16
|
+
export const SELECTION_CONTROL_LABEL_ROW_BASE = `p-2 -m-2 pointer-coarse:my-0 pointer-coarse:min-h-11 group ${SELECTION_CONTROL_LABEL_ROW_INTERACTION}`.trim();
|
|
11
17
|
export const SELECTION_CONTROL_LABEL_ROW = `flex items-center gap-2 ${SELECTION_CONTROL_LABEL_ROW_BASE}`;
|
|
12
18
|
/** Radio option row: stacked label/description; `p-2` only (no `-m-2`) so vertical gaps stay even. */
|
|
13
|
-
export const RADIO_GROUP_OPTION_LABEL_ROW = `flex items-start gap-2 p-2 group ${SELECTION_CONTROL_LABEL_ROW_INTERACTION} ${SELECTION_CONTROL_OPTION_ROW}`.trim();
|
|
14
|
-
/**
|
|
15
|
-
|
|
19
|
+
export const RADIO_GROUP_OPTION_LABEL_ROW = `flex items-start gap-2 p-2 pointer-coarse:min-h-11 group ${SELECTION_CONTROL_LABEL_ROW_INTERACTION} ${SELECTION_CONTROL_OPTION_ROW}`.trim();
|
|
20
|
+
/**
|
|
21
|
+
* Control shell: border/fill/hover/checked/disabled. `group/control` drives inner mark states.
|
|
22
|
+
* The checked fill is the primary action fill, so a ticked box and a primary
|
|
23
|
+
* button are the same colour; it used to be a step paler (2.8:1 on the page).
|
|
24
|
+
*
|
|
25
|
+
* The pressed dip and the hover fills are for a control that can be used.
|
|
26
|
+
* The row around a disabled input still matches `:active` and `:hover`, so
|
|
27
|
+
* without that a disabled box dipped under a finger and lit up under the
|
|
28
|
+
* mouse. The unchecked ones are limited to `not-has-[:disabled]`; the checked
|
|
29
|
+
* hover is undone by a rule with one more `has-` in it, which outweighs it.
|
|
30
|
+
*/
|
|
31
|
+
export const SELECTION_CONTROL_SHELL_STATE = "group/control relative inline-flex items-center justify-center w-5 h-5 transition-all duration-200 border-2 not-has-[:disabled]:group-active:scale-95 border-base-400 bg-transparent not-has-[:disabled]:group-hover:border-brand-500 not-has-[:disabled]:group-hover:bg-brand-50 has-[:checked]:border-action-primary has-[:checked]:bg-action-primary has-[:checked]:group-hover:bg-action-primary-hover has-[:checked]:group-hover:border-action-primary-hover has-[:disabled]:has-[:checked]:group-hover:bg-action-primary has-[:disabled]:has-[:checked]:group-hover:border-action-primary has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed";
|
|
16
32
|
export function selectionControlShellClasses(shape) {
|
|
17
33
|
const rounding = shape === "circle" ? "rounded-full" : "rounded";
|
|
18
34
|
return `${SELECTION_CONTROL_SHELL_STATE} ${rounding}`.trim();
|
|
19
35
|
}
|
|
20
36
|
/** Radio circle control; `mt-0.5` aligns with multi-line labels. */
|
|
21
37
|
export const RADIO_GROUP_CONTROL_SHELL = `${SELECTION_CONTROL_SHELL_STATE} mt-0.5 shrink-0 rounded-full`.trim();
|
|
22
|
-
/**
|
|
38
|
+
/**
|
|
39
|
+
* The real input, stretched over the 20px box and transparent, so a press on
|
|
40
|
+
* the box lands on the input itself. It used to be `sr-only`: a 1px box under
|
|
41
|
+
* the ring overlay, where a click aimed at the input (a test's
|
|
42
|
+
* `getByRole("checkbox").check()`, a pointer-driven assistive tool) hit the
|
|
43
|
+
* overlay instead. Everything drawn over it lets the press through.
|
|
44
|
+
*
|
|
45
|
+
* 2px out on each side: the shell's border is outside its padding box.
|
|
46
|
+
*
|
|
47
|
+
* On a coarse pointer it is 44 by 44px, centred on the box (12px further out
|
|
48
|
+
* on each side), so the input itself is the touch target and not only the
|
|
49
|
+
* row around it. The row is 44px tall there, so the inputs of two rows never
|
|
50
|
+
* reach each other.
|
|
51
|
+
*/
|
|
52
|
+
export const SELECTION_CONTROL_INPUT = "absolute -top-0.5 -start-0.5 m-0 size-5 cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed pointer-coarse:-top-3.5 pointer-coarse:-start-3.5 pointer-coarse:size-11";
|
|
53
|
+
/** Full-bleed ring behind the mark (same geometry as SelectionControl inner ring). Lets a press through to the input. */
|
|
23
54
|
export function selectionControlRingOverlayClasses(shape) {
|
|
24
55
|
const rounding = shape === "circle" ? "rounded-full" : "rounded";
|
|
25
|
-
return `absolute inset-0 ${rounding}`.trim();
|
|
56
|
+
return `pointer-events-none absolute inset-0 ${rounding}`.trim();
|
|
26
57
|
}
|
|
27
58
|
/** Radio row: circle overlay + `pointer-events-none` so clicks hit the input. */
|
|
28
|
-
export const RADIO_GROUP_RING_OVERLAY =
|
|
59
|
+
export const RADIO_GROUP_RING_OVERLAY = selectionControlRingOverlayClasses("circle");
|
|
29
60
|
/** Checked radio dot (shared with `Radio.svelte`). */
|
|
30
|
-
export const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-
|
|
61
|
+
export const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-action-primary-text pointer-events-none z-10 opacity-0 group-has-checked/control:opacity-100";
|
|
@@ -9,6 +9,9 @@ export { default as CardFooter } from './CardFooter.svelte';
|
|
|
9
9
|
export { default as Input } from './Input.svelte';
|
|
10
10
|
export { default as Textarea } from './Textarea.svelte';
|
|
11
11
|
export { default as Select } from './Select.svelte';
|
|
12
|
+
export { DEFAULT_SELECT_STRINGS } from '../util/select.js';
|
|
13
|
+
export type { SelectStrings, SelectPresentation } from '../util/select.js';
|
|
14
|
+
export { default as Slider } from './Slider.svelte';
|
|
12
15
|
export { default as ColorPicker } from './ColorPicker.svelte';
|
|
13
16
|
export { default as List } from './List.svelte';
|
|
14
17
|
export { default as ListItem } from './ListItem.svelte';
|
|
@@ -19,5 +22,19 @@ export { default as Divider } from './Divider.svelte';
|
|
|
19
22
|
export { default as Container } from './Container.svelte';
|
|
20
23
|
export { default as Text } from './Text.svelte';
|
|
21
24
|
export { default as Table } from './Table.svelte';
|
|
25
|
+
export { default as Checkbox } from './Checkbox.svelte';
|
|
22
26
|
export { default as Radio } from './Radio.svelte';
|
|
27
|
+
export { default as Spinner } from './Spinner.svelte';
|
|
28
|
+
export { default as Rating } from './Rating.svelte';
|
|
29
|
+
export type { RatingStrings } from '../util/rating.js';
|
|
30
|
+
export { default as FloatingActionButton } from './FloatingActionButton.svelte';
|
|
31
|
+
export { default as DateField } from './DateField.svelte';
|
|
32
|
+
export { default as Avatar } from './Avatar.svelte';
|
|
33
|
+
export type { AvatarSize } from '../util/avatar.js';
|
|
34
|
+
export { default as TimeField } from './TimeField.svelte';
|
|
35
|
+
export { DEFAULT_COLOR_PICKER_STRINGS } from '../util/ready-made-strings.js';
|
|
36
|
+
export type { ColorPickerStrings } from '../util/ready-made-strings.js';
|
|
37
|
+
export { default as ZabiStringsProvider } from './ZabiStringsProvider.svelte';
|
|
38
|
+
export { DEFAULT_ZABI_COMMON_STRINGS, getZabiStrings } from '../util/zabi-strings.js';
|
|
39
|
+
export type { ZabiStrings, ZabiCommonStrings, ZabiStringsContext, AlertTexts, CodeBlockTexts, ImageUploadTexts, ToastTexts, UnsavedChangesBarTexts } from '../util/zabi-strings.js';
|
|
23
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,21 +6,52 @@
|
|
|
6
6
|
export declare const SELECTION_CONTROL_LABEL_ROW_INTERACTION = "selection-control-label-row-interaction";
|
|
7
7
|
/** With `app.css`: `:checked` ring for radio list rows. */
|
|
8
8
|
export declare const SELECTION_CONTROL_OPTION_ROW = "selection-control-option-row";
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Control + label row; `p-2 -m-2` aligns hit area with text; `group` is not valid inside `@apply`.
|
|
11
|
+
*
|
|
12
|
+
* On a coarse pointer the row is 44px tall and takes that room in the layout
|
|
13
|
+
* (`my-0`): with the negative margin kept, two rows 8px apart overlapped by
|
|
14
|
+
* 8px, and a tap in the overlap went to the lower one.
|
|
15
|
+
*/
|
|
10
16
|
export declare const SELECTION_CONTROL_LABEL_ROW_BASE: string;
|
|
11
17
|
export declare const SELECTION_CONTROL_LABEL_ROW: string;
|
|
12
18
|
/** Radio option row: stacked label/description; `p-2` only (no `-m-2`) so vertical gaps stay even. */
|
|
13
19
|
export declare const RADIO_GROUP_OPTION_LABEL_ROW: string;
|
|
14
|
-
/**
|
|
15
|
-
|
|
20
|
+
/**
|
|
21
|
+
* Control shell: border/fill/hover/checked/disabled. `group/control` drives inner mark states.
|
|
22
|
+
* The checked fill is the primary action fill, so a ticked box and a primary
|
|
23
|
+
* button are the same colour; it used to be a step paler (2.8:1 on the page).
|
|
24
|
+
*
|
|
25
|
+
* The pressed dip and the hover fills are for a control that can be used.
|
|
26
|
+
* The row around a disabled input still matches `:active` and `:hover`, so
|
|
27
|
+
* without that a disabled box dipped under a finger and lit up under the
|
|
28
|
+
* mouse. The unchecked ones are limited to `not-has-[:disabled]`; the checked
|
|
29
|
+
* hover is undone by a rule with one more `has-` in it, which outweighs it.
|
|
30
|
+
*/
|
|
31
|
+
export declare const SELECTION_CONTROL_SHELL_STATE = "group/control relative inline-flex items-center justify-center w-5 h-5 transition-all duration-200 border-2 not-has-[:disabled]:group-active:scale-95 border-base-400 bg-transparent not-has-[:disabled]:group-hover:border-brand-500 not-has-[:disabled]:group-hover:bg-brand-50 has-[:checked]:border-action-primary has-[:checked]:bg-action-primary has-[:checked]:group-hover:bg-action-primary-hover has-[:checked]:group-hover:border-action-primary-hover has-[:disabled]:has-[:checked]:group-hover:bg-action-primary has-[:disabled]:has-[:checked]:group-hover:border-action-primary has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed";
|
|
16
32
|
export type SelectionControlShape = "square" | "circle";
|
|
17
33
|
export declare function selectionControlShellClasses(shape: SelectionControlShape): string;
|
|
18
34
|
/** Radio circle control; `mt-0.5` aligns with multi-line labels. */
|
|
19
35
|
export declare const RADIO_GROUP_CONTROL_SHELL: string;
|
|
20
|
-
/**
|
|
36
|
+
/**
|
|
37
|
+
* The real input, stretched over the 20px box and transparent, so a press on
|
|
38
|
+
* the box lands on the input itself. It used to be `sr-only`: a 1px box under
|
|
39
|
+
* the ring overlay, where a click aimed at the input (a test's
|
|
40
|
+
* `getByRole("checkbox").check()`, a pointer-driven assistive tool) hit the
|
|
41
|
+
* overlay instead. Everything drawn over it lets the press through.
|
|
42
|
+
*
|
|
43
|
+
* 2px out on each side: the shell's border is outside its padding box.
|
|
44
|
+
*
|
|
45
|
+
* On a coarse pointer it is 44 by 44px, centred on the box (12px further out
|
|
46
|
+
* on each side), so the input itself is the touch target and not only the
|
|
47
|
+
* row around it. The row is 44px tall there, so the inputs of two rows never
|
|
48
|
+
* reach each other.
|
|
49
|
+
*/
|
|
50
|
+
export declare const SELECTION_CONTROL_INPUT = "absolute -top-0.5 -start-0.5 m-0 size-5 cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed pointer-coarse:-top-3.5 pointer-coarse:-start-3.5 pointer-coarse:size-11";
|
|
51
|
+
/** Full-bleed ring behind the mark (same geometry as SelectionControl inner ring). Lets a press through to the input. */
|
|
21
52
|
export declare function selectionControlRingOverlayClasses(shape: SelectionControlShape): string;
|
|
22
53
|
/** Radio row: circle overlay + `pointer-events-none` so clicks hit the input. */
|
|
23
54
|
export declare const RADIO_GROUP_RING_OVERLAY: string;
|
|
24
55
|
/** Checked radio dot (shared with `Radio.svelte`). */
|
|
25
|
-
export declare const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-
|
|
56
|
+
export declare const RADIO_CHECKED_DOT_CLASSES = "absolute size-2 rounded-full bg-action-primary-text pointer-events-none z-10 opacity-0 group-has-checked/control:opacity-100";
|
|
26
57
|
//# sourceMappingURL=selection-control.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-control.styles.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/selection-control.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,yEAAyE;AACzE,eAAO,MAAM,uCAAuC,4CACP,CAAC;AAE9C,2DAA2D;AAC3D,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAE3E
|
|
1
|
+
{"version":3,"file":"selection-control.styles.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/selection-control.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,yEAAyE;AACzE,eAAO,MAAM,uCAAuC,4CACP,CAAC;AAE9C,2DAA2D;AAC3D,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAE3E;;;;;;GAMG;AACH,eAAO,MAAM,gCAAgC,QACqE,CAAC;AAEnH,eAAO,MAAM,2BAA2B,QAAgE,CAAC;AAEzG,sGAAsG;AACtG,eAAO,MAAM,4BAA4B,QACuG,CAAC;AAEjJ;;;;;;;;;;GAUG;AACH,eAAO,MAAM,6BAA6B,koBACylB,CAAC;AAEpoB,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,qBAAqB,GAAG,MAAM,CAGjF;AAED,oEAAoE;AACpE,eAAO,MAAM,yBAAyB,QAAyE,CAAC;AAEhH;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,uBAAuB,0LACuJ,CAAC;AAE5L,yHAAyH;AACzH,wBAAgB,kCAAkC,CAC9C,KAAK,EAAE,qBAAqB,GAC7B,MAAM,CAGR;AAED,iFAAiF;AACjF,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sDAAsD;AACtD,eAAO,MAAM,yBAAyB,iIAC4F,CAAC"}
|
|
@@ -9,11 +9,14 @@ export { default as CardFooter } from './atoms/CardFooter.svelte';
|
|
|
9
9
|
export { default as Input } from './atoms/Input.svelte';
|
|
10
10
|
export { default as Textarea } from './atoms/Textarea.svelte';
|
|
11
11
|
export { default as Select } from './atoms/Select.svelte';
|
|
12
|
+
export { default as Slider } from './atoms/Slider.svelte';
|
|
12
13
|
export { default as ColorPicker } from './atoms/ColorPicker.svelte';
|
|
13
14
|
export { default as List } from './atoms/List.svelte';
|
|
14
15
|
export { default as ListItem } from './atoms/ListItem.svelte';
|
|
15
16
|
export { default as Heading } from './atoms/Heading.svelte';
|
|
16
17
|
export { default as ThemeToggle } from './atoms/ThemeToggle.svelte';
|
|
18
|
+
export { DEFAULT_THEME_STORAGE_KEY, THEME_MODES, getStoredThemeMode, getThemeMode, isThemeDark, isThemeMode, setThemeMode, storeThemeMode, themeInitScript, } from './util/theme-mode.js';
|
|
19
|
+
export type { SetThemeModeOptions, ThemeMode, ThemeToggleLabels } from './util/theme-mode.js';
|
|
17
20
|
export { default as Divider } from './atoms/Divider.svelte';
|
|
18
21
|
export { default as Container } from './atoms/Container.svelte';
|
|
19
22
|
export { default as Text } from './atoms/Text.svelte';
|
|
@@ -28,20 +31,32 @@ export { default as CodeBlock } from './atoms/CodeBlock.svelte';
|
|
|
28
31
|
export { default as FeatureCard } from './atoms/FeatureCard.svelte';
|
|
29
32
|
export { default as OptimizedImage } from './atoms/OptimizedImage.svelte';
|
|
30
33
|
export { default as ActionPanel } from './atoms/ActionPanel.svelte';
|
|
34
|
+
export { default as Spinner } from './atoms/Spinner.svelte';
|
|
35
|
+
export { default as Rating } from './atoms/Rating.svelte';
|
|
36
|
+
export type { RatingStrings } from './util/rating.js';
|
|
37
|
+
export { default as FloatingActionButton } from './atoms/FloatingActionButton.svelte';
|
|
38
|
+
export { default as DateField } from './atoms/DateField.svelte';
|
|
39
|
+
export { default as TimeField } from './atoms/TimeField.svelte';
|
|
31
40
|
export { default as Alert } from './molecules/Alert.svelte';
|
|
32
41
|
export { default as ComponentDemo } from './molecules/ComponentDemo.svelte';
|
|
33
42
|
export { default as ContactForm } from './molecules/ContactForm.svelte';
|
|
34
43
|
export { default as Dropdown } from './molecules/Dropdown.svelte';
|
|
44
|
+
export { default as DropdownItem } from './molecules/DropdownItem.svelte';
|
|
45
|
+
export type { DropdownItemIcon, DropdownItemTone, DropdownOption, } from './util/dropdown.js';
|
|
35
46
|
export { default as Form } from './molecules/Form.svelte';
|
|
36
47
|
export { default as FormField } from './molecules/FormField.svelte';
|
|
37
48
|
export { default as Header } from './molecules/Header.svelte';
|
|
38
49
|
export { default as EmptyState } from './molecules/EmptyState.svelte';
|
|
39
50
|
export { default as Toaster } from './molecules/Toaster.svelte';
|
|
40
51
|
export { default as ImageUpload } from './molecules/ImageUpload.svelte';
|
|
52
|
+
export { default as MediaGrid } from './molecules/MediaGrid.svelte';
|
|
53
|
+
export type { MediaGridItemType, MediaGridKey, MediaGridSelectDetail, MediaGridStrings, } from './util/media-grid.js';
|
|
41
54
|
export { default as Modal } from './molecules/Modal.svelte';
|
|
42
55
|
export { default as SlideUp } from './molecules/SlideUp.svelte';
|
|
43
56
|
export { default as Tabs } from './molecules/Tabs.svelte';
|
|
44
57
|
export { default as RadioGroup } from './molecules/RadioGroup.svelte';
|
|
58
|
+
export { default as SegmentedControl } from './molecules/SegmentedControl.svelte';
|
|
59
|
+
export type { SegmentedControlIcon, SegmentedControlOption, } from './util/segmented-control.js';
|
|
45
60
|
export { default as NavigationMenu } from './molecules/NavigationMenu.svelte';
|
|
46
61
|
export { default as NavigationMenuList } from './molecules/NavigationMenuList.svelte';
|
|
47
62
|
export { default as NavigationMenuItem } from './molecules/NavigationMenuItem.svelte';
|
|
@@ -53,14 +68,63 @@ export { default as Section } from './molecules/Section.svelte';
|
|
|
53
68
|
export { default as SidebarBrandHeader } from './molecules/SidebarBrandHeader.svelte';
|
|
54
69
|
export { default as SidebarFooter } from './molecules/SidebarFooter.svelte';
|
|
55
70
|
export { default as SidebarNavSection } from './molecules/SidebarNavSection.svelte';
|
|
56
|
-
export {
|
|
71
|
+
export { default as SortableList } from './molecules/SortableList.svelte';
|
|
72
|
+
export type { SortableListAnnouncement, SortableListReorderDetail, SortableListRow, SortableListStrings, } from './util/sortable-list.js';
|
|
73
|
+
export { default as Collapsible } from './molecules/Collapsible.svelte';
|
|
74
|
+
export { default as SwipeableListItem } from './molecules/SwipeableListItem.svelte';
|
|
75
|
+
export { DEFAULT_SWIPEABLE_LIST_ITEM_STRINGS } from './util/swipeable-list-item.js';
|
|
76
|
+
export type { SwipeableListItemAction, SwipeableListItemStrings } from './util/swipeable-list-item.js';
|
|
77
|
+
export { default as PullToRefresh } from './molecules/PullToRefresh.svelte';
|
|
78
|
+
export { DEFAULT_PULL_TO_REFRESH_STRINGS } from './util/pull-to-refresh.js';
|
|
79
|
+
export type { PullToRefreshStrings } from './util/pull-to-refresh.js';
|
|
80
|
+
export { default as CollapsibleGroup } from './molecules/CollapsibleGroup.svelte';
|
|
81
|
+
export type { CollapsibleHeadingLevel, CollapsibleTriggerProps, CollapsibleTriggerState, } from './util/collapsible.js';
|
|
82
|
+
export { default as ConfirmDialog } from './molecules/ConfirmDialog.svelte';
|
|
83
|
+
export type { ConfirmDialogCancelReason, ConfirmDialogResult, ConfirmDialogVariant, } from './util/confirm-dialog.js';
|
|
84
|
+
export { default as Drawer } from './molecules/Drawer.svelte';
|
|
85
|
+
export type { DrawerCloseReason, DrawerSide, DrawerSize, } from './util/drawer.js';
|
|
86
|
+
export { default as UnsavedChangesBar } from './molecules/UnsavedChangesBar.svelte';
|
|
87
|
+
export { default as AppBar } from './molecules/AppBar.svelte';
|
|
88
|
+
export { default as BottomTabBar } from './molecules/BottomTabBar.svelte';
|
|
89
|
+
export type { BottomTabBarIcon, BottomTabBarItem, } from './util/bottom-tab-bar.js';
|
|
90
|
+
export { default as BottomSheet } from './molecules/BottomSheet.svelte';
|
|
91
|
+
export type { BottomSheetCloseReason, BottomSheetSnap, } from './util/bottom-sheet.js';
|
|
92
|
+
export { default as StickyActionBar } from './molecules/StickyActionBar.svelte';
|
|
93
|
+
export { default as Calendar } from './molecules/Calendar.svelte';
|
|
94
|
+
export type { CalendarEvent, CalendarStrings, CalendarTone, } from './util/calendar.js';
|
|
95
|
+
export { default as PhotoGrid } from './molecules/PhotoGrid.svelte';
|
|
96
|
+
export { default as PhotoViewer } from './molecules/PhotoViewer.svelte';
|
|
97
|
+
export type { Photo, PhotoGridSelectDetail, PhotoGridStrings, PhotoKey, PhotoViewerAction, PhotoViewerCloseReason, PhotoViewerStrings, } from './util/photo.js';
|
|
98
|
+
export { default as Avatar } from './atoms/Avatar.svelte';
|
|
99
|
+
export { default as AvatarGroup } from './molecules/AvatarGroup.svelte';
|
|
100
|
+
export { DEFAULT_AVATAR_GROUP_STRINGS } from './util/avatar.js';
|
|
101
|
+
export type { AvatarGroupStrings, AvatarPerson, AvatarSize } from './util/avatar.js';
|
|
102
|
+
export { default as Stepper } from './molecules/Stepper.svelte';
|
|
103
|
+
export type { StepperItem, StepperLayout, StepperStep, StepperStepState, StepperStrings, } from './util/stepper.js';
|
|
104
|
+
export { toastStore, pushToast, dismissToast, focusToasts, type ToastItem, type ToastAction, type ToastLevel, } from './molecules/toast-store.js';
|
|
105
|
+
export { DEFAULT_TOASTER_STRINGS, TOAST_DURATIONS } from './util/toaster.js';
|
|
106
|
+
export type { ToasterStrings, ToastPauseChange, ToastDuration } from './util/toaster.js';
|
|
107
|
+
export { DEFAULT_SELECT_STRINGS } from './util/select.js';
|
|
108
|
+
export type { SelectStrings, SelectPresentation } from './util/select.js';
|
|
109
|
+
export { DEFAULT_TOP_NAVBAR_STRINGS } from './util/top-navbar.js';
|
|
110
|
+
export type { TopNavbarStrings } from './util/top-navbar.js';
|
|
111
|
+
export { DEFAULT_SIDEBAR_ACCOUNT_PANEL_STRINGS, DEFAULT_SIDEBAR_BRAND_HEADER_STRINGS, DEFAULT_SIDEBAR_FOOTER_STRINGS, DEFAULT_SIDEBAR_NAVIGATION_STRINGS, } from './util/sidebar.js';
|
|
112
|
+
export type { SidebarAccountPanelStrings, SidebarBrandHeaderStrings, SidebarFooterStrings, SidebarNavigationStrings, } from './util/sidebar.js';
|
|
113
|
+
export { DEFAULT_COLOR_PICKER_STRINGS, DEFAULT_COMPONENT_DEMO_STRINGS, DEFAULT_CONTACT_FORM_STRINGS, DEFAULT_PROPS_TABLE_STRINGS, } from './util/ready-made-strings.js';
|
|
114
|
+
export type { ColorPickerStrings, ComponentDemoStrings, ContactFormStrings, PropsTableStrings, } from './util/ready-made-strings.js';
|
|
57
115
|
export { default as TopNavbar } from './organisms/TopNavbar.svelte';
|
|
58
116
|
export { default as SidebarNavigation } from './organisms/SidebarNavigation.svelte';
|
|
59
117
|
export { default as SidebarShell } from './organisms/SidebarShell.svelte';
|
|
60
118
|
export { default as SidebarAccountPanel } from './organisms/SidebarAccountPanel.svelte';
|
|
61
119
|
export { default as SidebarPanel } from './organisms/SidebarPanel.svelte';
|
|
120
|
+
export { default as AppShell } from './organisms/AppShell.svelte';
|
|
62
121
|
import { generateId } from './util/ssr-safe.js';
|
|
63
122
|
export { generateId };
|
|
123
|
+
/**
|
|
124
|
+
* Dates and times for reading, in the page's language: what a DateField or a
|
|
125
|
+
* TimeField holds (`2026-10-06`, `19:00`) as "6 okt. 2026" and "19:00".
|
|
126
|
+
*/
|
|
127
|
+
export { formatDate, formatTime } from './util/date.js';
|
|
64
128
|
export declare const createId: (prefix?: string) => string;
|
|
65
129
|
export declare const cn: (...classes: (string | undefined | null | false)[]) => string;
|
|
66
130
|
export declare const getFormData: (form: HTMLFormElement) => Record<string, unknown>;
|
|
@@ -70,5 +134,19 @@ export declare const isBrowser: () => boolean;
|
|
|
70
134
|
export declare const safeWindow: () => Window | undefined;
|
|
71
135
|
export declare const safeDocument: () => Document | undefined;
|
|
72
136
|
export declare const safeLocalStorage: () => Storage | undefined;
|
|
73
|
-
export {
|
|
137
|
+
export { default as Sun } from '@lucide/svelte/icons/sun';
|
|
138
|
+
export { default as Moon } from '@lucide/svelte/icons/moon';
|
|
139
|
+
export { default as Monitor } from '@lucide/svelte/icons/monitor';
|
|
140
|
+
export { default as Grip } from '@lucide/svelte/icons/grip';
|
|
141
|
+
export { default as GripVertical } from '@lucide/svelte/icons/grip-vertical';
|
|
142
|
+
export { default as ChevronUp } from '@lucide/svelte/icons/chevron-up';
|
|
143
|
+
export { default as ChevronDown } from '@lucide/svelte/icons/chevron-down';
|
|
144
|
+
export { default as ChevronRight } from '@lucide/svelte/icons/chevron-right';
|
|
145
|
+
export { default as Zap } from '@lucide/svelte/icons/zap';
|
|
146
|
+
export { default as Briefcase } from '@lucide/svelte/icons/briefcase';
|
|
147
|
+
export { default as Clipboard } from '@lucide/svelte/icons/clipboard';
|
|
148
|
+
export { default as Settings } from '@lucide/svelte/icons/settings';
|
|
149
|
+
export { default as ZabiStringsProvider } from './atoms/ZabiStringsProvider.svelte';
|
|
150
|
+
export { DEFAULT_ZABI_COMMON_STRINGS, getZabiStrings } from './util/zabi-strings.js';
|
|
151
|
+
export type { ZabiStrings, ZabiCommonStrings, ZabiStringsContext, AlertTexts, CodeBlockTexts, ImageUploadTexts, ToastTexts, UnsavedChangesBarTexts } from './util/zabi-strings.js';
|
|
74
152
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,12 @@ export { default as Alert } from './Alert.svelte';
|
|
|
2
2
|
export { default as ComponentDemo } from './ComponentDemo.svelte';
|
|
3
3
|
export { default as ContactForm } from './ContactForm.svelte';
|
|
4
4
|
export { default as Dropdown } from './Dropdown.svelte';
|
|
5
|
+
export { default as DropdownItem } from './DropdownItem.svelte';
|
|
6
|
+
export type { DropdownItemIcon, DropdownItemTone, DropdownOption, } from '../util/dropdown.js';
|
|
5
7
|
export { default as Form } from './Form.svelte';
|
|
6
8
|
export { default as ImageUpload } from './ImageUpload.svelte';
|
|
9
|
+
export { default as MediaGrid } from './MediaGrid.svelte';
|
|
10
|
+
export type { MediaGridItemType, MediaGridKey, MediaGridSelectDetail, MediaGridStrings, } from '../util/media-grid.js';
|
|
7
11
|
export { default as Modal } from './Modal.svelte';
|
|
8
12
|
export { default as NavigationMenu } from './NavigationMenu.svelte';
|
|
9
13
|
export { default as NavigationMenuList } from './NavigationMenuList.svelte';
|
|
@@ -23,5 +27,47 @@ export { default as Header } from './Header.svelte';
|
|
|
23
27
|
export { default as EmptyState } from './EmptyState.svelte';
|
|
24
28
|
export { default as Toaster } from './Toaster.svelte';
|
|
25
29
|
export { default as RadioGroup } from './RadioGroup.svelte';
|
|
30
|
+
export { default as SegmentedControl } from './SegmentedControl.svelte';
|
|
31
|
+
export type { SegmentedControlIcon, SegmentedControlOption, } from '../util/segmented-control.js';
|
|
32
|
+
export { default as SortableList } from './SortableList.svelte';
|
|
33
|
+
export type { SortableListAnnouncement, SortableListReorderDetail, SortableListRow, SortableListStrings, } from '../util/sortable-list.js';
|
|
34
|
+
export { default as Collapsible } from './Collapsible.svelte';
|
|
35
|
+
export { default as SwipeableListItem } from './SwipeableListItem.svelte';
|
|
36
|
+
export { DEFAULT_SWIPEABLE_LIST_ITEM_STRINGS } from '../util/swipeable-list-item.js';
|
|
37
|
+
export type { SwipeableListItemAction, SwipeableListItemStrings } from '../util/swipeable-list-item.js';
|
|
38
|
+
export { default as PullToRefresh } from './PullToRefresh.svelte';
|
|
39
|
+
export { DEFAULT_PULL_TO_REFRESH_STRINGS } from '../util/pull-to-refresh.js';
|
|
40
|
+
export type { PullToRefreshStrings } from '../util/pull-to-refresh.js';
|
|
41
|
+
export { default as CollapsibleGroup } from './CollapsibleGroup.svelte';
|
|
42
|
+
export type { CollapsibleHeadingLevel, CollapsibleTriggerProps, CollapsibleTriggerState, } from '../util/collapsible.js';
|
|
43
|
+
export { default as ConfirmDialog } from './ConfirmDialog.svelte';
|
|
44
|
+
export type { ConfirmDialogCancelReason, ConfirmDialogResult, ConfirmDialogVariant, } from '../util/confirm-dialog.js';
|
|
45
|
+
export { default as Drawer } from './Drawer.svelte';
|
|
46
|
+
export type { DrawerCloseReason, DrawerSide, DrawerSize, } from '../util/drawer.js';
|
|
47
|
+
export { default as UnsavedChangesBar } from './UnsavedChangesBar.svelte';
|
|
48
|
+
export { default as AppBar } from './AppBar.svelte';
|
|
49
|
+
export { default as BottomTabBar } from './BottomTabBar.svelte';
|
|
50
|
+
export type { BottomTabBarIcon, BottomTabBarItem, } from '../util/bottom-tab-bar.js';
|
|
51
|
+
export { default as BottomSheet } from './BottomSheet.svelte';
|
|
52
|
+
export type { BottomSheetCloseReason, BottomSheetSnap, } from '../util/bottom-sheet.js';
|
|
53
|
+
export { default as StickyActionBar } from './StickyActionBar.svelte';
|
|
54
|
+
export { default as Calendar } from './Calendar.svelte';
|
|
55
|
+
export type { CalendarEvent, CalendarStrings, CalendarTone, } from '../util/calendar.js';
|
|
56
|
+
export { default as PhotoGrid } from './PhotoGrid.svelte';
|
|
57
|
+
export { default as PhotoViewer } from './PhotoViewer.svelte';
|
|
58
|
+
export type { Photo, PhotoGridSelectDetail, PhotoGridStrings, PhotoKey, PhotoViewerAction, PhotoViewerCloseReason, PhotoViewerStrings, } from '../util/photo.js';
|
|
59
|
+
export { default as AvatarGroup } from './AvatarGroup.svelte';
|
|
60
|
+
export { DEFAULT_AVATAR_GROUP_STRINGS } from '../util/avatar.js';
|
|
61
|
+
export type { AvatarGroupStrings, AvatarPerson } from '../util/avatar.js';
|
|
62
|
+
export { default as Stepper } from './Stepper.svelte';
|
|
63
|
+
export type { StepperItem, StepperLayout, StepperStep, StepperStepState, StepperStrings, } from '../util/stepper.js';
|
|
26
64
|
export * from './toast-store.js';
|
|
65
|
+
export { DEFAULT_TOASTER_STRINGS, TOAST_DURATIONS } from '../util/toaster.js';
|
|
66
|
+
export type { ToasterStrings, ToastPauseChange, ToastDuration } from '../util/toaster.js';
|
|
67
|
+
export { DEFAULT_SELECT_STRINGS } from '../util/select.js';
|
|
68
|
+
export type { SelectStrings, SelectPresentation } from '../util/select.js';
|
|
69
|
+
export { DEFAULT_SIDEBAR_BRAND_HEADER_STRINGS, DEFAULT_SIDEBAR_FOOTER_STRINGS, } from '../util/sidebar.js';
|
|
70
|
+
export type { SidebarBrandHeaderStrings, SidebarFooterStrings } from '../util/sidebar.js';
|
|
71
|
+
export { DEFAULT_COMPONENT_DEMO_STRINGS, DEFAULT_CONTACT_FORM_STRINGS, DEFAULT_PROPS_TABLE_STRINGS, } from '../util/ready-made-strings.js';
|
|
72
|
+
export type { ComponentDemoStrings, ContactFormStrings, PropsTableStrings, } from '../util/ready-made-strings.js';
|
|
27
73
|
//# sourceMappingURL=index.d.ts.map
|