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,198 @@
|
|
|
1
|
+
export const iconManifest = [
|
|
2
|
+
{
|
|
3
|
+
"componentName": "ChevronDoubleDownIcon",
|
|
4
|
+
"folder": "chevron",
|
|
5
|
+
"name": "chevron-double-down",
|
|
6
|
+
"tags": [
|
|
7
|
+
"double",
|
|
8
|
+
"down"
|
|
9
|
+
]
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"componentName": "ChevronDoubleLeftIcon",
|
|
13
|
+
"folder": "chevron",
|
|
14
|
+
"name": "chevron-double-left",
|
|
15
|
+
"tags": [
|
|
16
|
+
"double",
|
|
17
|
+
"left"
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"componentName": "ChevronDoubleRightIcon",
|
|
22
|
+
"folder": "chevron",
|
|
23
|
+
"name": "chevron-double-right",
|
|
24
|
+
"tags": [
|
|
25
|
+
"double",
|
|
26
|
+
"right"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"componentName": "ChevronDoubleUpIcon",
|
|
31
|
+
"folder": "chevron",
|
|
32
|
+
"name": "chevron-double-up",
|
|
33
|
+
"tags": [
|
|
34
|
+
"double",
|
|
35
|
+
"up"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"componentName": "ChevronDownIcon",
|
|
40
|
+
"folder": "chevron",
|
|
41
|
+
"name": "chevron-down",
|
|
42
|
+
"tags": [
|
|
43
|
+
"down"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"componentName": "ChevronLeftIcon",
|
|
48
|
+
"folder": "chevron",
|
|
49
|
+
"name": "chevron-left",
|
|
50
|
+
"tags": [
|
|
51
|
+
"left"
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"componentName": "ChevronRightIcon",
|
|
56
|
+
"folder": "chevron",
|
|
57
|
+
"name": "chevron-right",
|
|
58
|
+
"tags": [
|
|
59
|
+
"right"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"componentName": "ChevronUpIcon",
|
|
64
|
+
"folder": "chevron",
|
|
65
|
+
"name": "chevron-up",
|
|
66
|
+
"tags": [
|
|
67
|
+
"up"
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"componentName": "FallbackIcon",
|
|
72
|
+
"folder": "fallback",
|
|
73
|
+
"name": "fallback",
|
|
74
|
+
"tags": []
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"componentName": "HeartCircleOutlineIcon",
|
|
78
|
+
"folder": "heart",
|
|
79
|
+
"name": "heart-circle-outline",
|
|
80
|
+
"tags": [
|
|
81
|
+
"circle",
|
|
82
|
+
"outline"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"componentName": "HeartCircleIcon",
|
|
87
|
+
"folder": "heart",
|
|
88
|
+
"name": "heart-circle",
|
|
89
|
+
"tags": [
|
|
90
|
+
"circle"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"componentName": "HeartHalfFullIcon",
|
|
95
|
+
"folder": "heart",
|
|
96
|
+
"name": "heart-half-full",
|
|
97
|
+
"tags": [
|
|
98
|
+
"half",
|
|
99
|
+
"full"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"componentName": "HeartHalfOutlineIcon",
|
|
104
|
+
"folder": "heart",
|
|
105
|
+
"name": "heart-half-outline",
|
|
106
|
+
"tags": [
|
|
107
|
+
"half",
|
|
108
|
+
"outline"
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"componentName": "HeartHalfIcon",
|
|
113
|
+
"folder": "heart",
|
|
114
|
+
"name": "heart-half",
|
|
115
|
+
"tags": [
|
|
116
|
+
"half"
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"componentName": "HeartMultipleOutlineIcon",
|
|
121
|
+
"folder": "heart",
|
|
122
|
+
"name": "heart-multiple-outline",
|
|
123
|
+
"tags": [
|
|
124
|
+
"multiple",
|
|
125
|
+
"outline"
|
|
126
|
+
]
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"componentName": "HeartMultipleIcon",
|
|
130
|
+
"folder": "heart",
|
|
131
|
+
"name": "heart-multiple",
|
|
132
|
+
"tags": [
|
|
133
|
+
"multiple"
|
|
134
|
+
]
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"componentName": "HeartOutlineIcon",
|
|
138
|
+
"folder": "heart",
|
|
139
|
+
"name": "heart-outline",
|
|
140
|
+
"tags": [
|
|
141
|
+
"outline"
|
|
142
|
+
]
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"componentName": "HeartIcon",
|
|
146
|
+
"folder": "heart",
|
|
147
|
+
"name": "heart",
|
|
148
|
+
"tags": []
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"componentName": "HomeEditOutlineIcon",
|
|
152
|
+
"folder": "home",
|
|
153
|
+
"name": "home-edit-outline",
|
|
154
|
+
"tags": [
|
|
155
|
+
"edit",
|
|
156
|
+
"outline"
|
|
157
|
+
]
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"componentName": "HomeEditIcon",
|
|
161
|
+
"folder": "home",
|
|
162
|
+
"name": "home-edit",
|
|
163
|
+
"tags": [
|
|
164
|
+
"edit"
|
|
165
|
+
]
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"componentName": "HomeOutlineIcon",
|
|
169
|
+
"folder": "home",
|
|
170
|
+
"name": "home-outline",
|
|
171
|
+
"tags": [
|
|
172
|
+
"outline"
|
|
173
|
+
]
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"componentName": "HomeIcon",
|
|
177
|
+
"folder": "home",
|
|
178
|
+
"name": "home",
|
|
179
|
+
"tags": []
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"componentName": "TagHeartOutlineIcon",
|
|
183
|
+
"folder": "tag",
|
|
184
|
+
"name": "tag-heart-outline",
|
|
185
|
+
"tags": [
|
|
186
|
+
"heart",
|
|
187
|
+
"outline"
|
|
188
|
+
]
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"componentName": "TagHeartIcon",
|
|
192
|
+
"folder": "tag",
|
|
193
|
+
"name": "tag-heart",
|
|
194
|
+
"tags": [
|
|
195
|
+
"heart"
|
|
196
|
+
]
|
|
197
|
+
}
|
|
198
|
+
];
|
|
@@ -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 2C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V11C2 11.55 2.22 12.05 2.59 12.42L11.59 21.42C11.95 21.78 12.45 22 13 22C13.55 22 14.05 21.78 14.41 21.41L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.45 21.77 11.94 21.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4ZM11 4L20 13L13 20L4 11V4H11ZM6.5 5C6.10218 5 5.72064 5.15804 5.43934 5.43934C5.15804 5.72064 5 6.10218 5 6.5C5 6.89782 5.15804 7.27936 5.43934 7.56066C5.72064 7.84196 6.10218 8 6.5 8C6.89782 8 7.27936 7.84196 7.56066 7.56066C7.84196 7.27936 8 6.89782 8 6.5C8 6.10218 7.84196 5.72064 7.56066 5.43934C7.27936 5.15804 6.89782 5 6.5 5ZM10.95 10.5C9.82 10.5 8.9 11.42 8.9 12.55C8.9 13.12 9.13 13.62 9.5 14L13 17.5L16.5 14C16.87 13.63 17.1 13.11 17.1 12.55C17.1 12.2808 17.047 12.0142 16.944 11.7655C16.8409 11.5168 16.6899 11.2908 16.4996 11.1004C16.3092 10.9101 16.0832 10.7591 15.8345 10.656C15.5858 10.553 15.3192 10.5 15.05 10.5C14.5 10.5 13.97 10.73 13.6 11.1L13 11.7L12.4 11.11C12.03 10.73 11.5 10.5 10.95 10.5Z" 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.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V11C2 11.55 2.22 12.05 2.59 12.42L11.59 21.42C11.95 21.78 12.45 22 13 22C13.55 22 14.05 21.78 14.41 21.41L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.45 21.77 11.94 21.41 11.58ZM5.5 7C5.10218 7 4.72064 6.84196 4.43934 6.56066C4.15804 6.27936 4 5.89782 4 5.5C4 5.10218 4.15804 4.72064 4.43934 4.43934C4.72064 4.15804 5.10218 4 5.5 4C5.89782 4 6.27936 4.15804 6.56066 4.43934C6.84196 4.72064 7 5.10218 7 5.5C7 5.89782 6.84196 6.27936 6.56066 6.56066C6.27936 6.84196 5.89782 7 5.5 7ZM17.27 15.27L13 19.54L8.73 15.27C8.28 14.81 8 14.19 8 13.5C8 12.837 8.26339 12.2011 8.73223 11.7322C9.20107 11.2634 9.83696 11 10.5 11C11.19 11 11.82 11.28 12.27 11.74L13 12.46L13.73 11.73C14.18 11.28 14.81 11 15.5 11C16.163 11 16.7989 11.2634 17.2678 11.7322C17.7366 12.2011 18 12.837 18 13.5C18 14.19 17.72 14.82 17.27 15.27Z" fill="black"/>
|
|
12
|
+
</svg>
|
|
13
|
+
`;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<IconGlyph {label} {size} {source} />
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export { default as AppShell } from './components/framework/layout/container/app-shell/AppShell.svelte';
|
|
2
|
+
export { default as Badge } from './components/display/annotation/badge/Badge.svelte';
|
|
3
|
+
export { default as Banner } from './components/Banner.svelte';
|
|
4
|
+
export { default as Button } from './components/Button.svelte';
|
|
5
|
+
export { default as Breadcrumb } from './components/framework/navigation/context/breadcrumb/Breadcrumb.svelte';
|
|
6
|
+
export { default as Checkbox } from './components/action/input/select/checkbox/Checkbox.svelte';
|
|
7
|
+
export { default as Cluster } from './components/framework/layout/alignment/cluster/Cluster.svelte';
|
|
8
|
+
export { default as Eyebrow } from './components/display/typography/eyebrow/Eyebrow.svelte';
|
|
9
|
+
export { default as Grid } from './components/framework/layout/alignment/grid/Grid.svelte';
|
|
10
|
+
export { default as Highlight } from './components/display/typography/highlight/Highlight.svelte';
|
|
11
|
+
export { default as Icon } from './components/display/media/icon/Icon.svelte';
|
|
12
|
+
export { default as LoadingDots } from './components/display/feedback/loading/loading-dots/LoadingDots.svelte';
|
|
13
|
+
export { default as Paper } from './components/framework/surface/paper/Paper.svelte';
|
|
14
|
+
export { default as PageHeader } from './components/framework/layout/container/page-header/PageHeader.svelte';
|
|
15
|
+
export { default as PinInput } from './components/action/input/field/pin-input/PinInput.svelte';
|
|
16
|
+
export { default as Row } from './components/framework/layout/alignment/row/Row.svelte';
|
|
17
|
+
export { default as Sidebar } from './components/framework/layout/container/sidebar/Sidebar.svelte';
|
|
18
|
+
export { default as SegmentControl } from './components/action/input/select/segment-control/SegmentControl.svelte';
|
|
19
|
+
export { default as Sidenav } from './components/framework/navigation/sidenav/Sidenav.svelte';
|
|
20
|
+
export { default as Slider } from './components/action/input/select/slider/Slider.svelte';
|
|
21
|
+
export { default as Snackbar } from './components/Snackbar.svelte';
|
|
22
|
+
export { default as Spinner } from './components/display/feedback/loading/spinner/Spinner.svelte';
|
|
23
|
+
export { default as Stack } from './components/framework/layout/alignment/stack/Stack.svelte';
|
|
24
|
+
export { default as Switch } from './components/action/input/select/switch/Switch.svelte';
|
|
25
|
+
export { default as Tag } from './components/display/annotation/tag/Tag.svelte';
|
|
26
|
+
export { default as TagGroup } from './components/display/annotation/tag-group/TagGroup.svelte';
|
|
27
|
+
export { default as ThemeSwitch } from './components/action/input/select/theme-switch/ThemeSwitch.svelte';
|
|
28
|
+
export { default as Toast } from './components/Toast.svelte';
|
|
29
|
+
export type { SidenavItem } from './components/framework/navigation/sidenav/sidenav';
|
|
30
|
+
export type { ComponentDocExample, ComponentDocMetadata, ComponentStatus, DocPageMetadata, DocSectionMetadata, } from './components/component-doc';
|
|
31
|
+
export type { SeblifyProps } from './design-system/reserved-props/type';
|
|
32
|
+
export type { CustomCssSize } from './design-system/reserved-props/complex-types';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export { default as AppShell } from './components/framework/layout/container/app-shell/AppShell.svelte';
|
|
2
|
+
export { default as Badge } from './components/display/annotation/badge/Badge.svelte';
|
|
3
|
+
export { default as Banner } from './components/Banner.svelte';
|
|
4
|
+
export { default as Button } from './components/Button.svelte';
|
|
5
|
+
export { default as Breadcrumb } from './components/framework/navigation/context/breadcrumb/Breadcrumb.svelte';
|
|
6
|
+
export { default as Checkbox } from './components/action/input/select/checkbox/Checkbox.svelte';
|
|
7
|
+
export { default as Cluster } from './components/framework/layout/alignment/cluster/Cluster.svelte';
|
|
8
|
+
export { default as Eyebrow } from './components/display/typography/eyebrow/Eyebrow.svelte';
|
|
9
|
+
export { default as Grid } from './components/framework/layout/alignment/grid/Grid.svelte';
|
|
10
|
+
export { default as Highlight } from './components/display/typography/highlight/Highlight.svelte';
|
|
11
|
+
export { default as Icon } from './components/display/media/icon/Icon.svelte';
|
|
12
|
+
export { default as LoadingDots } from './components/display/feedback/loading/loading-dots/LoadingDots.svelte';
|
|
13
|
+
export { default as Paper } from './components/framework/surface/paper/Paper.svelte';
|
|
14
|
+
export { default as PageHeader } from './components/framework/layout/container/page-header/PageHeader.svelte';
|
|
15
|
+
export { default as PinInput } from './components/action/input/field/pin-input/PinInput.svelte';
|
|
16
|
+
export { default as Row } from './components/framework/layout/alignment/row/Row.svelte';
|
|
17
|
+
export { default as Sidebar } from './components/framework/layout/container/sidebar/Sidebar.svelte';
|
|
18
|
+
export { default as SegmentControl } from './components/action/input/select/segment-control/SegmentControl.svelte';
|
|
19
|
+
export { default as Sidenav } from './components/framework/navigation/sidenav/Sidenav.svelte';
|
|
20
|
+
export { default as Slider } from './components/action/input/select/slider/Slider.svelte';
|
|
21
|
+
export { default as Snackbar } from './components/Snackbar.svelte';
|
|
22
|
+
export { default as Spinner } from './components/display/feedback/loading/spinner/Spinner.svelte';
|
|
23
|
+
export { default as Stack } from './components/framework/layout/alignment/stack/Stack.svelte';
|
|
24
|
+
export { default as Switch } from './components/action/input/select/switch/Switch.svelte';
|
|
25
|
+
export { default as Tag } from './components/display/annotation/tag/Tag.svelte';
|
|
26
|
+
export { default as TagGroup } from './components/display/annotation/tag-group/TagGroup.svelte';
|
|
27
|
+
export { default as ThemeSwitch } from './components/action/input/select/theme-switch/ThemeSwitch.svelte';
|
|
28
|
+
export { default as Toast } from './components/Toast.svelte';
|
package/dist/svelte.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare module '*.svelte' {
|
|
2
|
+
import type { Component } from 'svelte';
|
|
3
|
+
|
|
4
|
+
const SvelteComponent: Component;
|
|
5
|
+
|
|
6
|
+
export default SvelteComponent;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
interface ImportMeta {
|
|
10
|
+
glob<T = unknown>(
|
|
11
|
+
pattern: string | string[],
|
|
12
|
+
options?: {
|
|
13
|
+
eager?: boolean;
|
|
14
|
+
import?: string;
|
|
15
|
+
query?: string | Record<string, string | boolean | number>;
|
|
16
|
+
},
|
|
17
|
+
): Record<string, T>;
|
|
18
|
+
}
|
package/dist/theme.css
ADDED
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
:root,
|
|
2
|
+
[data-theme='light'] {
|
|
3
|
+
--seblify-color-page: #f4f6f8;
|
|
4
|
+
--seblify-color-text: #172033;
|
|
5
|
+
--seblify-color-text-muted: #516176;
|
|
6
|
+
--seblify-color-text-subtle: #667085;
|
|
7
|
+
--seblify-color-text-inverse: #ffffff;
|
|
8
|
+
--seblify-color-surface: #ffffff;
|
|
9
|
+
--seblify-color-surface-raised: #ffffff;
|
|
10
|
+
--seblify-color-surface-muted: #d9e0e8;
|
|
11
|
+
--seblify-color-surface-hover: #f1f4f9;
|
|
12
|
+
--seblify-color-surface-accent: #f7fbfb;
|
|
13
|
+
--seblify-color-surface-inverse: #172033;
|
|
14
|
+
--seblify-color-surface-inverse-hover: #263043;
|
|
15
|
+
--seblify-color-border: #c8d2df;
|
|
16
|
+
--seblify-color-border-strong: #aab7c5;
|
|
17
|
+
--seblify-color-border-accent: #9ab7ba;
|
|
18
|
+
--seblify-color-border-inverse: #263043;
|
|
19
|
+
--seblify-color-fill-accent: #146a6f;
|
|
20
|
+
--seblify-color-fill-accent-hover: #0d4d52;
|
|
21
|
+
--seblify-color-fill-accent-text: #ffffff;
|
|
22
|
+
--seblify-color-fill-primary: var(--seblify-color-fill-accent);
|
|
23
|
+
--seblify-color-fill-primary-text: var(--seblify-color-fill-accent-text);
|
|
24
|
+
--seblify-color-fill-neutral: #516176;
|
|
25
|
+
--seblify-color-fill-neutral-text: #ffffff;
|
|
26
|
+
--seblify-color-fill-success: #1f7a3f;
|
|
27
|
+
--seblify-color-fill-success-text: #ffffff;
|
|
28
|
+
--seblify-color-fill-danger: #c93434;
|
|
29
|
+
--seblify-color-fill-danger-text: #ffffff;
|
|
30
|
+
--seblify-color-fill-warning: #8a5a00;
|
|
31
|
+
--seblify-color-fill-warning-text: #ffffff;
|
|
32
|
+
--seblify-color-fill-info: #1f6fb2;
|
|
33
|
+
--seblify-color-fill-info-text: #ffffff;
|
|
34
|
+
--seblify-color-fill-inverse: var(--seblify-color-surface-inverse);
|
|
35
|
+
--seblify-color-fill-inverse-text: var(--seblify-color-text-inverse);
|
|
36
|
+
--seblify-color-info-surface: #eaf3ff;
|
|
37
|
+
--seblify-color-info-border: #bfd1ea;
|
|
38
|
+
--seblify-color-info-text: #102f55;
|
|
39
|
+
--seblify-color-success-surface: #e8f8ee;
|
|
40
|
+
--seblify-color-success-border: #b8ddc7;
|
|
41
|
+
--seblify-color-success-text: #143d25;
|
|
42
|
+
--seblify-color-warning-surface: #fff6d8;
|
|
43
|
+
--seblify-color-warning-border: #e8d28f;
|
|
44
|
+
--seblify-color-warning-text: #4d3900;
|
|
45
|
+
--seblify-color-error-surface: #fff0f0;
|
|
46
|
+
--seblify-color-error-border: #efb6b6;
|
|
47
|
+
--seblify-color-error-text: #5a1717;
|
|
48
|
+
--seblify-color-focus-ring: #9bd4d8;
|
|
49
|
+
--seblify-opacity-disabled: 0.56;
|
|
50
|
+
--seblify-shadow-control: 0 1px 3px rgb(16 24 40 / 24%);
|
|
51
|
+
--seblify-shadow-raised: 0 12px 28px rgb(23 32 51 / 22%);
|
|
52
|
+
--seblify-shadow-status: 0 10px 24px rgb(20 61 37 / 14%);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
[data-theme='dark'] {
|
|
56
|
+
--seblify-color-page: #0d1117;
|
|
57
|
+
--seblify-color-text: #f5f7fa;
|
|
58
|
+
--seblify-color-text-muted: #aab7c5;
|
|
59
|
+
--seblify-color-text-subtle: #7d8da1;
|
|
60
|
+
--seblify-color-text-inverse: #12181f;
|
|
61
|
+
--seblify-color-surface: #12181f;
|
|
62
|
+
--seblify-color-surface-raised: #18212b;
|
|
63
|
+
--seblify-color-surface-muted: #344253;
|
|
64
|
+
--seblify-color-surface-hover: #253241;
|
|
65
|
+
--seblify-color-surface-accent: #17383d;
|
|
66
|
+
--seblify-color-surface-inverse: #f5f7fa;
|
|
67
|
+
--seblify-color-surface-inverse-hover: #d9e0e8;
|
|
68
|
+
--seblify-color-border: #344253;
|
|
69
|
+
--seblify-color-border-strong: #5d6b7c;
|
|
70
|
+
--seblify-color-border-accent: #58c7ce;
|
|
71
|
+
--seblify-color-border-inverse: #d9e0e8;
|
|
72
|
+
--seblify-color-fill-accent: #58c7ce;
|
|
73
|
+
--seblify-color-fill-accent-hover: #8adbe0;
|
|
74
|
+
--seblify-color-fill-accent-text: #092d31;
|
|
75
|
+
--seblify-color-fill-primary: var(--seblify-color-fill-accent);
|
|
76
|
+
--seblify-color-fill-primary-text: var(--seblify-color-fill-accent-text);
|
|
77
|
+
--seblify-color-fill-neutral: #aab7c5;
|
|
78
|
+
--seblify-color-fill-neutral-text: #12181f;
|
|
79
|
+
--seblify-color-fill-success: #58d77b;
|
|
80
|
+
--seblify-color-fill-success-text: #082211;
|
|
81
|
+
--seblify-color-fill-danger: #ff7a7a;
|
|
82
|
+
--seblify-color-fill-danger-text: #2b0909;
|
|
83
|
+
--seblify-color-fill-warning: #ffd166;
|
|
84
|
+
--seblify-color-fill-warning-text: #2c2105;
|
|
85
|
+
--seblify-color-fill-info: #79bdff;
|
|
86
|
+
--seblify-color-fill-info-text: #08223e;
|
|
87
|
+
--seblify-color-fill-inverse: var(--seblify-color-surface-inverse);
|
|
88
|
+
--seblify-color-fill-inverse-text: var(--seblify-color-text-inverse);
|
|
89
|
+
--seblify-color-info-surface: #10243a;
|
|
90
|
+
--seblify-color-info-border: #2f5f91;
|
|
91
|
+
--seblify-color-info-text: #b9dcff;
|
|
92
|
+
--seblify-color-success-surface: #123220;
|
|
93
|
+
--seblify-color-success-border: #3d7951;
|
|
94
|
+
--seblify-color-success-text: #b9f3c8;
|
|
95
|
+
--seblify-color-warning-surface: #3a2d0b;
|
|
96
|
+
--seblify-color-warning-border: #8a6a18;
|
|
97
|
+
--seblify-color-warning-text: #ffe59a;
|
|
98
|
+
--seblify-color-error-surface: #3a1515;
|
|
99
|
+
--seblify-color-error-border: #8f3b3b;
|
|
100
|
+
--seblify-color-error-text: #ffc9c9;
|
|
101
|
+
--seblify-color-focus-ring: #58c7ce;
|
|
102
|
+
--seblify-opacity-disabled: 0.5;
|
|
103
|
+
--seblify-shadow-control: 0 1px 3px rgb(0 0 0 / 42%);
|
|
104
|
+
--seblify-shadow-raised: 0 12px 28px rgb(0 0 0 / 42%);
|
|
105
|
+
--seblify-shadow-status: 0 10px 24px rgb(0 0 0 / 32%);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@media (prefers-color-scheme: dark) {
|
|
109
|
+
:root:not([data-theme]) {
|
|
110
|
+
--seblify-color-page: #0d1117;
|
|
111
|
+
--seblify-color-text: #f5f7fa;
|
|
112
|
+
--seblify-color-text-muted: #aab7c5;
|
|
113
|
+
--seblify-color-text-subtle: #7d8da1;
|
|
114
|
+
--seblify-color-text-inverse: #12181f;
|
|
115
|
+
--seblify-color-surface: #12181f;
|
|
116
|
+
--seblify-color-surface-raised: #18212b;
|
|
117
|
+
--seblify-color-surface-muted: #344253;
|
|
118
|
+
--seblify-color-surface-hover: #253241;
|
|
119
|
+
--seblify-color-surface-accent: #17383d;
|
|
120
|
+
--seblify-color-surface-inverse: #f5f7fa;
|
|
121
|
+
--seblify-color-surface-inverse-hover: #d9e0e8;
|
|
122
|
+
--seblify-color-border: #344253;
|
|
123
|
+
--seblify-color-border-strong: #5d6b7c;
|
|
124
|
+
--seblify-color-border-accent: #58c7ce;
|
|
125
|
+
--seblify-color-border-inverse: #d9e0e8;
|
|
126
|
+
--seblify-color-fill-accent: #58c7ce;
|
|
127
|
+
--seblify-color-fill-accent-hover: #8adbe0;
|
|
128
|
+
--seblify-color-fill-accent-text: #092d31;
|
|
129
|
+
--seblify-color-fill-primary: var(--seblify-color-fill-accent);
|
|
130
|
+
--seblify-color-fill-primary-text: var(--seblify-color-fill-accent-text);
|
|
131
|
+
--seblify-color-fill-neutral: #aab7c5;
|
|
132
|
+
--seblify-color-fill-neutral-text: #12181f;
|
|
133
|
+
--seblify-color-fill-success: #58d77b;
|
|
134
|
+
--seblify-color-fill-success-text: #082211;
|
|
135
|
+
--seblify-color-fill-danger: #ff7a7a;
|
|
136
|
+
--seblify-color-fill-danger-text: #2b0909;
|
|
137
|
+
--seblify-color-fill-warning: #ffd166;
|
|
138
|
+
--seblify-color-fill-warning-text: #2c2105;
|
|
139
|
+
--seblify-color-fill-info: #79bdff;
|
|
140
|
+
--seblify-color-fill-info-text: #08223e;
|
|
141
|
+
--seblify-color-fill-inverse: var(--seblify-color-surface-inverse);
|
|
142
|
+
--seblify-color-fill-inverse-text: var(--seblify-color-text-inverse);
|
|
143
|
+
--seblify-color-info-surface: #10243a;
|
|
144
|
+
--seblify-color-info-border: #2f5f91;
|
|
145
|
+
--seblify-color-info-text: #b9dcff;
|
|
146
|
+
--seblify-color-success-surface: #123220;
|
|
147
|
+
--seblify-color-success-border: #3d7951;
|
|
148
|
+
--seblify-color-success-text: #b9f3c8;
|
|
149
|
+
--seblify-color-warning-surface: #3a2d0b;
|
|
150
|
+
--seblify-color-warning-border: #8a6a18;
|
|
151
|
+
--seblify-color-warning-text: #ffe59a;
|
|
152
|
+
--seblify-color-error-surface: #3a1515;
|
|
153
|
+
--seblify-color-error-border: #8f3b3b;
|
|
154
|
+
--seblify-color-error-text: #ffc9c9;
|
|
155
|
+
--seblify-color-focus-ring: #58c7ce;
|
|
156
|
+
--seblify-opacity-disabled: 0.5;
|
|
157
|
+
--seblify-shadow-control: 0 1px 3px rgb(0 0 0 / 42%);
|
|
158
|
+
--seblify-shadow-raised: 0 12px 28px rgb(0 0 0 / 42%);
|
|
159
|
+
--seblify-shadow-status: 0 10px 24px rgb(0 0 0 / 32%);
|
|
160
|
+
}
|
|
161
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "seblify",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.1.4",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "svelte-package --input src --output dist --tsconfig ./tsconfig.json",
|
|
8
|
+
"generate:icons": "node ./scripts/generate-icons.mjs",
|
|
9
|
+
"change-log:new": "node ./scripts/change-log/document-change.mjs",
|
|
10
|
+
"change-log:validate": "node ./scripts/change-log/validate-pending.mjs",
|
|
11
|
+
"prepare-release": "node ./scripts/bump-version.mjs",
|
|
12
|
+
"prepublishOnly": "pnpm run generate:icons && pnpm run build"
|
|
13
|
+
},
|
|
14
|
+
"svelte": "./dist/index.js",
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"files": [
|
|
17
|
+
"dist",
|
|
18
|
+
"README.md",
|
|
19
|
+
"!dist/**/*.md",
|
|
20
|
+
"!dist/**/*.docs.d.ts",
|
|
21
|
+
"!dist/**/*.docs.js",
|
|
22
|
+
"!dist/**/doc-section.d.ts",
|
|
23
|
+
"!dist/**/doc-section.js",
|
|
24
|
+
"!dist/**/examples/**",
|
|
25
|
+
"!dist/icons/svg/**"
|
|
26
|
+
],
|
|
27
|
+
"exports": {
|
|
28
|
+
".": {
|
|
29
|
+
"types": "./dist/index.d.ts",
|
|
30
|
+
"svelte": "./dist/index.js",
|
|
31
|
+
"default": "./dist/index.js"
|
|
32
|
+
},
|
|
33
|
+
"./icons": {
|
|
34
|
+
"types": "./dist/icons/generated/index.d.ts",
|
|
35
|
+
"svelte": "./dist/icons/generated/index.js",
|
|
36
|
+
"default": "./dist/icons/generated/index.js"
|
|
37
|
+
},
|
|
38
|
+
"./icons/manifest": {
|
|
39
|
+
"types": "./dist/icons/generated/manifest.d.ts",
|
|
40
|
+
"default": "./dist/icons/generated/manifest.js"
|
|
41
|
+
},
|
|
42
|
+
"./icons/*": {
|
|
43
|
+
"types": "./dist/icons/generated/*.svelte.d.ts",
|
|
44
|
+
"svelte": "./dist/icons/generated/*.svelte",
|
|
45
|
+
"default": "./dist/icons/generated/*.svelte"
|
|
46
|
+
},
|
|
47
|
+
"./theme.css": "./dist/theme.css"
|
|
48
|
+
},
|
|
49
|
+
"peerDependencies": {
|
|
50
|
+
"svelte": "^5.0.0"
|
|
51
|
+
},
|
|
52
|
+
"devDependencies": {
|
|
53
|
+
"@sveltejs/package": "^2.5.0",
|
|
54
|
+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|
|
55
|
+
"svelte": "^5.38.6"
|
|
56
|
+
},
|
|
57
|
+
"dependencies": {
|
|
58
|
+
"prompts": "^2.4.2",
|
|
59
|
+
"yaml": "^2.9.0"
|
|
60
|
+
},
|
|
61
|
+
"repository": {
|
|
62
|
+
"type": "git",
|
|
63
|
+
"url": "git+https://github.com/SebastianAndresen/skolespil.git"
|
|
64
|
+
},
|
|
65
|
+
"publishConfig": {
|
|
66
|
+
"access": "public",
|
|
67
|
+
"provenance": false
|
|
68
|
+
}
|
|
69
|
+
}
|