seblify 0.1.4
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/README.md +18 -0
- package/dist/components/AppShell.svelte +136 -0
- package/dist/components/AppShell.svelte.d.ts +13 -0
- package/dist/components/Banner.svelte +56 -0
- package/dist/components/Banner.svelte.d.ts +9 -0
- package/dist/components/Button.svelte +64 -0
- package/dist/components/Button.svelte.d.ts +13 -0
- package/dist/components/Icon.svelte +67 -0
- package/dist/components/Icon.svelte.d.ts +8 -0
- package/dist/components/Sidebar.svelte +106 -0
- package/dist/components/Sidebar.svelte.d.ts +14 -0
- package/dist/components/Snackbar.svelte +26 -0
- package/dist/components/Snackbar.svelte.d.ts +7 -0
- package/dist/components/Toast.svelte +27 -0
- package/dist/components/Toast.svelte.d.ts +7 -0
- package/dist/components/action/input/field/pin-input/PinInput.svelte +156 -0
- package/dist/components/action/input/field/pin-input/PinInput.svelte.d.ts +10 -0
- package/dist/components/action/input/select/checkbox/Checkbox.svelte +71 -0
- package/dist/components/action/input/select/checkbox/Checkbox.svelte.d.ts +10 -0
- package/dist/components/action/input/select/segment-control/SegmentControl.svelte +150 -0
- package/dist/components/action/input/select/segment-control/SegmentControl.svelte.d.ts +15 -0
- package/dist/components/action/input/select/slider/Slider.svelte +79 -0
- package/dist/components/action/input/select/slider/Slider.svelte.d.ts +11 -0
- package/dist/components/action/input/select/switch/Switch.svelte +122 -0
- package/dist/components/action/input/select/switch/Switch.svelte.d.ts +10 -0
- package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte +43 -0
- package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte.d.ts +10 -0
- package/dist/components/component-doc.d.ts +23 -0
- package/dist/components/component-doc.js +1 -0
- package/dist/components/display/annotation/badge/Badge.svelte +296 -0
- package/dist/components/display/annotation/badge/Badge.svelte.d.ts +16 -0
- package/dist/components/display/annotation/tag/Tag.svelte +227 -0
- package/dist/components/display/annotation/tag/Tag.svelte.d.ts +16 -0
- package/dist/components/display/annotation/tag-group/TagGroup.svelte +33 -0
- package/dist/components/display/annotation/tag-group/TagGroup.svelte.d.ts +12 -0
- package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte +136 -0
- package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte.d.ts +8 -0
- package/dist/components/display/feedback/loading/spinner/Spinner.svelte +110 -0
- package/dist/components/display/feedback/loading/spinner/Spinner.svelte.d.ts +8 -0
- package/dist/components/display/media/icon/Icon.svelte +41 -0
- package/dist/components/display/media/icon/Icon.svelte.d.ts +8 -0
- package/dist/components/display/media/icon/IconGlyph.svelte +56 -0
- package/dist/components/display/media/icon/IconGlyph.svelte.d.ts +8 -0
- package/dist/components/display/typography/eyebrow/Eyebrow.svelte +48 -0
- package/dist/components/display/typography/eyebrow/Eyebrow.svelte.d.ts +8 -0
- package/dist/components/display/typography/highlight/Highlight.svelte +160 -0
- package/dist/components/display/typography/highlight/Highlight.svelte.d.ts +10 -0
- package/dist/components/framework/layout/alignment/cluster/Cluster.svelte +142 -0
- package/dist/components/framework/layout/alignment/cluster/Cluster.svelte.d.ts +17 -0
- package/dist/components/framework/layout/alignment/grid/Grid.svelte +120 -0
- package/dist/components/framework/layout/alignment/grid/Grid.svelte.d.ts +18 -0
- package/dist/components/framework/layout/alignment/row/Row.svelte +142 -0
- package/dist/components/framework/layout/alignment/row/Row.svelte.d.ts +17 -0
- package/dist/components/framework/layout/alignment/stack/Stack.svelte +142 -0
- package/dist/components/framework/layout/alignment/stack/Stack.svelte.d.ts +17 -0
- package/dist/components/framework/layout/container/app-shell/AppShell.svelte +82 -0
- package/dist/components/framework/layout/container/app-shell/AppShell.svelte.d.ts +9 -0
- package/dist/components/framework/layout/container/page-header/PageHeader.svelte +114 -0
- package/dist/components/framework/layout/container/page-header/PageHeader.svelte.d.ts +11 -0
- package/dist/components/framework/layout/container/sidebar/Sidebar.svelte +134 -0
- package/dist/components/framework/layout/container/sidebar/Sidebar.svelte.d.ts +9 -0
- package/dist/components/framework/navigation/context/breadcrumb/Breadcrumb.svelte +72 -0
- package/dist/components/framework/navigation/context/breadcrumb/Breadcrumb.svelte.d.ts +10 -0
- package/dist/components/framework/navigation/sidenav/Sidenav.svelte +86 -0
- package/dist/components/framework/navigation/sidenav/Sidenav.svelte.d.ts +8 -0
- package/dist/components/framework/navigation/sidenav/SidenavTree.svelte +265 -0
- package/dist/components/framework/navigation/sidenav/SidenavTree.svelte.d.ts +14 -0
- package/dist/components/framework/navigation/sidenav/sidenav.d.ts +6 -0
- package/dist/components/framework/navigation/sidenav/sidenav.js +1 -0
- package/dist/components/framework/surface/paper/Paper.svelte +179 -0
- package/dist/components/framework/surface/paper/Paper.svelte.d.ts +18 -0
- package/dist/design-system/reserved-props/allowed-options.d.ts +46 -0
- package/dist/design-system/reserved-props/allowed-options.js +1 -0
- package/dist/design-system/reserved-props/blocked-props.d.ts +9 -0
- package/dist/design-system/reserved-props/blocked-props.js +1 -0
- package/dist/design-system/reserved-props/complex-types.d.ts +1 -0
- package/dist/design-system/reserved-props/complex-types.js +1 -0
- package/dist/design-system/reserved-props/type.d.ts +16 -0
- package/dist/design-system/reserved-props/type.js +1 -0
- package/dist/design-system/theme/tokens.d.ts +7 -0
- package/dist/design-system/theme/tokens.js +219 -0
- package/dist/icons/generated/chevron-double-down.svelte +16 -0
- package/dist/icons/generated/chevron-double-down.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-double-left.svelte +16 -0
- package/dist/icons/generated/chevron-double-left.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-double-right.svelte +16 -0
- package/dist/icons/generated/chevron-double-right.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-double-up.svelte +16 -0
- package/dist/icons/generated/chevron-double-up.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-down.svelte +16 -0
- package/dist/icons/generated/chevron-down.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-left.svelte +16 -0
- package/dist/icons/generated/chevron-left.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-right.svelte +16 -0
- package/dist/icons/generated/chevron-right.svelte.d.ts +7 -0
- package/dist/icons/generated/chevron-up.svelte +16 -0
- package/dist/icons/generated/chevron-up.svelte.d.ts +7 -0
- package/dist/icons/generated/fallback.svelte +17 -0
- package/dist/icons/generated/fallback.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-circle-outline.svelte +16 -0
- package/dist/icons/generated/heart-circle-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-circle.svelte +16 -0
- package/dist/icons/generated/heart-circle.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-half-full.svelte +16 -0
- package/dist/icons/generated/heart-half-full.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-half-outline.svelte +16 -0
- package/dist/icons/generated/heart-half-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-half.svelte +16 -0
- package/dist/icons/generated/heart-half.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-multiple-outline.svelte +23 -0
- package/dist/icons/generated/heart-multiple-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-multiple.svelte +23 -0
- package/dist/icons/generated/heart-multiple.svelte.d.ts +7 -0
- package/dist/icons/generated/heart-outline.svelte +16 -0
- package/dist/icons/generated/heart-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/heart.svelte +16 -0
- package/dist/icons/generated/heart.svelte.d.ts +7 -0
- package/dist/icons/generated/home-edit-outline.svelte +16 -0
- package/dist/icons/generated/home-edit-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/home-edit.svelte +16 -0
- package/dist/icons/generated/home-edit.svelte.d.ts +7 -0
- package/dist/icons/generated/home-outline.svelte +16 -0
- package/dist/icons/generated/home-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/home.svelte +16 -0
- package/dist/icons/generated/home.svelte.d.ts +7 -0
- package/dist/icons/generated/index.d.ts +24 -0
- package/dist/icons/generated/index.js +24 -0
- package/dist/icons/generated/manifest.d.ts +7 -0
- package/dist/icons/generated/manifest.js +198 -0
- package/dist/icons/generated/tag-heart-outline.svelte +16 -0
- package/dist/icons/generated/tag-heart-outline.svelte.d.ts +7 -0
- package/dist/icons/generated/tag-heart.svelte +16 -0
- package/dist/icons/generated/tag-heart.svelte.d.ts +7 -0
- package/dist/index.d.ts +32 -0
- package/dist/index.js +28 -0
- package/dist/svelte.d.ts +18 -0
- package/dist/theme.css +161 -0
- package/package.json +69 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M15.41 16.58L10.83 12L15.41 7.41L14 6L8 12L14 18L15.41 16.58Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M8.58984 16.58L13.1698 12L8.58984 7.41L9.99984 6L15.9998 12L9.99984 18L8.58984 16.58Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 0V24H21V0H3ZM18.78 2H5.22V22H18.78V2Z" fill="black"/>
|
|
12
|
+
<path d="M10.5 17.25H12.75V19.5H10.5V17.25ZM12 4.49996C16.0125 4.66496 17.76 8.71496 15.375 11.7525C14.7525 12.5025 13.7475 12.9975 13.2525 13.6275C12.75 14.25 12.75 15 12.75 15.75H10.5C10.5 14.4975 10.5 13.44 11.0025 12.69C11.4975 11.94 12.5025 11.4975 13.125 11.0025C14.94 9.32246 14.49 6.94496 12 6.74996C11.4033 6.74996 10.831 6.98702 10.409 7.40897C9.98705 7.83093 9.75 8.40323 9.75 8.99996H7.5C7.5 7.80649 7.97411 6.6619 8.81802 5.81798C9.66193 4.97407 10.8065 4.49996 12 4.49996Z" fill="black"/>
|
|
13
|
+
</svg>
|
|
14
|
+
`;
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4ZM9.75 7.82C8.21 7.82 7 9.03 7 10.57C7 12.46 8.7 14 11.28 16.34L12 17L12.72 16.34C15.3 14 17 12.46 17 10.57C17 9.03 15.79 7.82 14.25 7.82C13.38 7.82 12.55 8.23 12 8.87C11.45 8.23 10.62 7.82 9.75 7.82Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12 2C6.47 2 2 6.5 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM9.75 7.82C10.62 7.82 11.45 8.23 12 8.87C12.55 8.23 13.38 7.82 14.25 7.82C15.79 7.82 17 9.03 17 10.57C17 12.46 15.3 14 12.72 16.34L12 17L11.28 16.34C8.7 14 7 12.46 7 10.57C7 9.03 8.21 7.82 9.75 7.82Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M16.5 5C15 5 13.58 5.91 13 7.2V17.74C17.25 13.87 20 11.2 20 8.5C20 6.5 18.5 5 16.5 5ZM16.5 3C19.58 3 22 5.41 22 8.5C22 12.27 18.6 15.36 13.45 20.03L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M4 8.5C4 11.2 6.75 13.87 11 17.74V7.2C10.42 5.91 9 5 7.5 5C5.5 5 4 6.5 4 8.5ZM13 7.2V17.74V20.44L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C10 3 13 5 13 7.2Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M13 7.2V17.74V20.44L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C10 3 13 5 13 7.2Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<g clip-path="url(#clip0_309_210)">
|
|
12
|
+
<path d="M12 21.1L10.5 22.4C3.9 16.5 0.5 13.4 0.5 9.6C0.5 8.4 0.9 7.3 1.5 6.4C1.5 6.6 1.5 6.8 1.5 7C1.5 11.7 5.4 15.2 12 21.1ZM13.6 17C18.3 12.7 21.5 9.9 21.6 7C21.6 5 20.1 3.5 18.1 3.5C16.5 3.5 15 4.5 14.5 5.9H12.6C12 4.5 10.5 3.5 9 3.5C7 3.5 5.5 5 5.5 7C5.5 9.9 8.6 12.7 13.4 17L13.5 17.1M18 1.5C21.1 1.5 23.5 3.9 23.5 7C23.5 10.7 20.1 13.8 13.5 19.8C6.9 13.9 3.5 10.8 3.5 7C3.5 3.9 5.9 1.5 9 1.5C10.7 1.5 12.4 2.3 13.5 3.6C14.6 2.3 16.3 1.5 18 1.5Z" fill="black"/>
|
|
13
|
+
</g>
|
|
14
|
+
<defs>
|
|
15
|
+
<clipPath id="clip0_309_210">
|
|
16
|
+
<rect width="24" height="24" fill="white"/>
|
|
17
|
+
</clipPath>
|
|
18
|
+
</defs>
|
|
19
|
+
</svg>
|
|
20
|
+
`;
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<g clip-path="url(#clip0_309_208)">
|
|
12
|
+
<path d="M13.5 20C6.9 13.9 3.5 10.8 3.5 7.09998C3.5 3.99998 5.9 1.59998 9 1.59998C10.7 1.59998 12.4 2.39998 13.5 3.69998C14.6 2.39998 16.3 1.59998 18 1.59998C21.1 1.59998 23.5 3.99998 23.5 7.09998C23.5 10.9 20.1 14 13.5 20ZM12 21.1C5.4 15.2 1.5 11.7 1.5 6.99998C1.5 6.79998 1.5 6.59998 1.5 6.39998C0.9 7.29998 0.5 8.39998 0.5 9.59998C0.5 13.4 3.9 16.5 10.5 22.4L12 21.1Z" fill="black"/>
|
|
13
|
+
</g>
|
|
14
|
+
<defs>
|
|
15
|
+
<clipPath id="clip0_309_208">
|
|
16
|
+
<rect width="24" height="24" fill="white"/>
|
|
17
|
+
</clipPath>
|
|
18
|
+
</defs>
|
|
19
|
+
</svg>
|
|
20
|
+
`;
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12.1 18.55L12 18.65L11.89 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 6 11.07 7.36H12.93C13.46 6 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55ZM16.5 3C14.76 3 13.09 3.81 12 5.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5C2 12.27 5.4 15.36 10.55 20.03L12 21.35L13.45 20.03C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 12.27 18.6 15.36 13.45 20.03L12 21.35Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M21.0413 11.14C21.1827 11.14 21.3173 11.1973 21.4213 11.3027L22.6973 12.5787C22.912 12.792 22.912 13.14 22.6973 13.3493L21.6973 14.3493L19.6507 12.3027L20.6507 11.3027C20.76 11.1973 20.9013 11.14 21.0413 11.14ZM19.0627 12.88L21.1093 14.932L15.0627 21H13V18.9373L19.0627 12.88ZM12 5.688L7 10.188V18H11V20H5V12H2L12 3L19.4587 9.71285L17 12.1716V10.188L12 5.688Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12 3L2 12H5V20H10V14H14V15.11L19.43 9.68L12 3ZM21.04 11.14C20.9 11.14 20.76 11.2 20.65 11.3L19.65 12.3L21.7 14.35L22.7 13.35C22.91 13.14 22.91 12.79 22.7 12.58L21.42 11.3C21.32 11.2 21.18 11.14 21.04 11.14ZM19.06 12.88L13 18.94V21H15.06L21.11 14.93L19.06 12.88Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69ZM12 3L2 12H5V20H11V14H13V20H19V12H22" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
let { label, size }: Props = $props();
|
|
10
|
+
const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
+
<path d="M10 20V14H14V20H19V12H22L12 3L2 12H5V20H10Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export { default as ChevronDoubleDownIcon } from './chevron-double-down.svelte';
|
|
2
|
+
export { default as ChevronDoubleLeftIcon } from './chevron-double-left.svelte';
|
|
3
|
+
export { default as ChevronDoubleRightIcon } from './chevron-double-right.svelte';
|
|
4
|
+
export { default as ChevronDoubleUpIcon } from './chevron-double-up.svelte';
|
|
5
|
+
export { default as ChevronDownIcon } from './chevron-down.svelte';
|
|
6
|
+
export { default as ChevronLeftIcon } from './chevron-left.svelte';
|
|
7
|
+
export { default as ChevronRightIcon } from './chevron-right.svelte';
|
|
8
|
+
export { default as ChevronUpIcon } from './chevron-up.svelte';
|
|
9
|
+
export { default as FallbackIcon } from './fallback.svelte';
|
|
10
|
+
export { default as HeartCircleOutlineIcon } from './heart-circle-outline.svelte';
|
|
11
|
+
export { default as HeartCircleIcon } from './heart-circle.svelte';
|
|
12
|
+
export { default as HeartHalfFullIcon } from './heart-half-full.svelte';
|
|
13
|
+
export { default as HeartHalfOutlineIcon } from './heart-half-outline.svelte';
|
|
14
|
+
export { default as HeartHalfIcon } from './heart-half.svelte';
|
|
15
|
+
export { default as HeartMultipleOutlineIcon } from './heart-multiple-outline.svelte';
|
|
16
|
+
export { default as HeartMultipleIcon } from './heart-multiple.svelte';
|
|
17
|
+
export { default as HeartOutlineIcon } from './heart-outline.svelte';
|
|
18
|
+
export { default as HeartIcon } from './heart.svelte';
|
|
19
|
+
export { default as HomeEditOutlineIcon } from './home-edit-outline.svelte';
|
|
20
|
+
export { default as HomeEditIcon } from './home-edit.svelte';
|
|
21
|
+
export { default as HomeOutlineIcon } from './home-outline.svelte';
|
|
22
|
+
export { default as HomeIcon } from './home.svelte';
|
|
23
|
+
export { default as TagHeartOutlineIcon } from './tag-heart-outline.svelte';
|
|
24
|
+
export { default as TagHeartIcon } from './tag-heart.svelte';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export { default as ChevronDoubleDownIcon } from './chevron-double-down.svelte';
|
|
2
|
+
export { default as ChevronDoubleLeftIcon } from './chevron-double-left.svelte';
|
|
3
|
+
export { default as ChevronDoubleRightIcon } from './chevron-double-right.svelte';
|
|
4
|
+
export { default as ChevronDoubleUpIcon } from './chevron-double-up.svelte';
|
|
5
|
+
export { default as ChevronDownIcon } from './chevron-down.svelte';
|
|
6
|
+
export { default as ChevronLeftIcon } from './chevron-left.svelte';
|
|
7
|
+
export { default as ChevronRightIcon } from './chevron-right.svelte';
|
|
8
|
+
export { default as ChevronUpIcon } from './chevron-up.svelte';
|
|
9
|
+
export { default as FallbackIcon } from './fallback.svelte';
|
|
10
|
+
export { default as HeartCircleOutlineIcon } from './heart-circle-outline.svelte';
|
|
11
|
+
export { default as HeartCircleIcon } from './heart-circle.svelte';
|
|
12
|
+
export { default as HeartHalfFullIcon } from './heart-half-full.svelte';
|
|
13
|
+
export { default as HeartHalfOutlineIcon } from './heart-half-outline.svelte';
|
|
14
|
+
export { default as HeartHalfIcon } from './heart-half.svelte';
|
|
15
|
+
export { default as HeartMultipleOutlineIcon } from './heart-multiple-outline.svelte';
|
|
16
|
+
export { default as HeartMultipleIcon } from './heart-multiple.svelte';
|
|
17
|
+
export { default as HeartOutlineIcon } from './heart-outline.svelte';
|
|
18
|
+
export { default as HeartIcon } from './heart.svelte';
|
|
19
|
+
export { default as HomeEditOutlineIcon } from './home-edit-outline.svelte';
|
|
20
|
+
export { default as HomeEditIcon } from './home-edit.svelte';
|
|
21
|
+
export { default as HomeOutlineIcon } from './home-outline.svelte';
|
|
22
|
+
export { default as HomeIcon } from './home.svelte';
|
|
23
|
+
export { default as TagHeartOutlineIcon } from './tag-heart-outline.svelte';
|
|
24
|
+
export { default as TagHeartIcon } from './tag-heart.svelte';
|