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.
Files changed (138) hide show
  1. package/README.md +18 -0
  2. package/dist/components/AppShell.svelte +136 -0
  3. package/dist/components/AppShell.svelte.d.ts +13 -0
  4. package/dist/components/Banner.svelte +56 -0
  5. package/dist/components/Banner.svelte.d.ts +9 -0
  6. package/dist/components/Button.svelte +64 -0
  7. package/dist/components/Button.svelte.d.ts +13 -0
  8. package/dist/components/Icon.svelte +67 -0
  9. package/dist/components/Icon.svelte.d.ts +8 -0
  10. package/dist/components/Sidebar.svelte +106 -0
  11. package/dist/components/Sidebar.svelte.d.ts +14 -0
  12. package/dist/components/Snackbar.svelte +26 -0
  13. package/dist/components/Snackbar.svelte.d.ts +7 -0
  14. package/dist/components/Toast.svelte +27 -0
  15. package/dist/components/Toast.svelte.d.ts +7 -0
  16. package/dist/components/action/input/field/pin-input/PinInput.svelte +156 -0
  17. package/dist/components/action/input/field/pin-input/PinInput.svelte.d.ts +10 -0
  18. package/dist/components/action/input/select/checkbox/Checkbox.svelte +71 -0
  19. package/dist/components/action/input/select/checkbox/Checkbox.svelte.d.ts +10 -0
  20. package/dist/components/action/input/select/segment-control/SegmentControl.svelte +150 -0
  21. package/dist/components/action/input/select/segment-control/SegmentControl.svelte.d.ts +15 -0
  22. package/dist/components/action/input/select/slider/Slider.svelte +79 -0
  23. package/dist/components/action/input/select/slider/Slider.svelte.d.ts +11 -0
  24. package/dist/components/action/input/select/switch/Switch.svelte +122 -0
  25. package/dist/components/action/input/select/switch/Switch.svelte.d.ts +10 -0
  26. package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte +43 -0
  27. package/dist/components/action/input/select/theme-switch/ThemeSwitch.svelte.d.ts +10 -0
  28. package/dist/components/component-doc.d.ts +23 -0
  29. package/dist/components/component-doc.js +1 -0
  30. package/dist/components/display/annotation/badge/Badge.svelte +296 -0
  31. package/dist/components/display/annotation/badge/Badge.svelte.d.ts +16 -0
  32. package/dist/components/display/annotation/tag/Tag.svelte +227 -0
  33. package/dist/components/display/annotation/tag/Tag.svelte.d.ts +16 -0
  34. package/dist/components/display/annotation/tag-group/TagGroup.svelte +33 -0
  35. package/dist/components/display/annotation/tag-group/TagGroup.svelte.d.ts +12 -0
  36. package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte +136 -0
  37. package/dist/components/display/feedback/loading/loading-dots/LoadingDots.svelte.d.ts +8 -0
  38. package/dist/components/display/feedback/loading/spinner/Spinner.svelte +110 -0
  39. package/dist/components/display/feedback/loading/spinner/Spinner.svelte.d.ts +8 -0
  40. package/dist/components/display/media/icon/Icon.svelte +41 -0
  41. package/dist/components/display/media/icon/Icon.svelte.d.ts +8 -0
  42. package/dist/components/display/media/icon/IconGlyph.svelte +56 -0
  43. package/dist/components/display/media/icon/IconGlyph.svelte.d.ts +8 -0
  44. package/dist/components/display/typography/eyebrow/Eyebrow.svelte +48 -0
  45. package/dist/components/display/typography/eyebrow/Eyebrow.svelte.d.ts +8 -0
  46. package/dist/components/display/typography/highlight/Highlight.svelte +160 -0
  47. package/dist/components/display/typography/highlight/Highlight.svelte.d.ts +10 -0
  48. package/dist/components/framework/layout/alignment/cluster/Cluster.svelte +142 -0
  49. package/dist/components/framework/layout/alignment/cluster/Cluster.svelte.d.ts +17 -0
  50. package/dist/components/framework/layout/alignment/grid/Grid.svelte +120 -0
  51. package/dist/components/framework/layout/alignment/grid/Grid.svelte.d.ts +18 -0
  52. package/dist/components/framework/layout/alignment/row/Row.svelte +142 -0
  53. package/dist/components/framework/layout/alignment/row/Row.svelte.d.ts +17 -0
  54. package/dist/components/framework/layout/alignment/stack/Stack.svelte +142 -0
  55. package/dist/components/framework/layout/alignment/stack/Stack.svelte.d.ts +17 -0
  56. package/dist/components/framework/layout/container/app-shell/AppShell.svelte +82 -0
  57. package/dist/components/framework/layout/container/app-shell/AppShell.svelte.d.ts +9 -0
  58. package/dist/components/framework/layout/container/page-header/PageHeader.svelte +114 -0
  59. package/dist/components/framework/layout/container/page-header/PageHeader.svelte.d.ts +11 -0
  60. package/dist/components/framework/layout/container/sidebar/Sidebar.svelte +134 -0
  61. package/dist/components/framework/layout/container/sidebar/Sidebar.svelte.d.ts +9 -0
  62. package/dist/components/framework/navigation/context/breadcrumb/Breadcrumb.svelte +72 -0
  63. package/dist/components/framework/navigation/context/breadcrumb/Breadcrumb.svelte.d.ts +10 -0
  64. package/dist/components/framework/navigation/sidenav/Sidenav.svelte +86 -0
  65. package/dist/components/framework/navigation/sidenav/Sidenav.svelte.d.ts +8 -0
  66. package/dist/components/framework/navigation/sidenav/SidenavTree.svelte +265 -0
  67. package/dist/components/framework/navigation/sidenav/SidenavTree.svelte.d.ts +14 -0
  68. package/dist/components/framework/navigation/sidenav/sidenav.d.ts +6 -0
  69. package/dist/components/framework/navigation/sidenav/sidenav.js +1 -0
  70. package/dist/components/framework/surface/paper/Paper.svelte +179 -0
  71. package/dist/components/framework/surface/paper/Paper.svelte.d.ts +18 -0
  72. package/dist/design-system/reserved-props/allowed-options.d.ts +46 -0
  73. package/dist/design-system/reserved-props/allowed-options.js +1 -0
  74. package/dist/design-system/reserved-props/blocked-props.d.ts +9 -0
  75. package/dist/design-system/reserved-props/blocked-props.js +1 -0
  76. package/dist/design-system/reserved-props/complex-types.d.ts +1 -0
  77. package/dist/design-system/reserved-props/complex-types.js +1 -0
  78. package/dist/design-system/reserved-props/type.d.ts +16 -0
  79. package/dist/design-system/reserved-props/type.js +1 -0
  80. package/dist/design-system/theme/tokens.d.ts +7 -0
  81. package/dist/design-system/theme/tokens.js +219 -0
  82. package/dist/icons/generated/chevron-double-down.svelte +16 -0
  83. package/dist/icons/generated/chevron-double-down.svelte.d.ts +7 -0
  84. package/dist/icons/generated/chevron-double-left.svelte +16 -0
  85. package/dist/icons/generated/chevron-double-left.svelte.d.ts +7 -0
  86. package/dist/icons/generated/chevron-double-right.svelte +16 -0
  87. package/dist/icons/generated/chevron-double-right.svelte.d.ts +7 -0
  88. package/dist/icons/generated/chevron-double-up.svelte +16 -0
  89. package/dist/icons/generated/chevron-double-up.svelte.d.ts +7 -0
  90. package/dist/icons/generated/chevron-down.svelte +16 -0
  91. package/dist/icons/generated/chevron-down.svelte.d.ts +7 -0
  92. package/dist/icons/generated/chevron-left.svelte +16 -0
  93. package/dist/icons/generated/chevron-left.svelte.d.ts +7 -0
  94. package/dist/icons/generated/chevron-right.svelte +16 -0
  95. package/dist/icons/generated/chevron-right.svelte.d.ts +7 -0
  96. package/dist/icons/generated/chevron-up.svelte +16 -0
  97. package/dist/icons/generated/chevron-up.svelte.d.ts +7 -0
  98. package/dist/icons/generated/fallback.svelte +17 -0
  99. package/dist/icons/generated/fallback.svelte.d.ts +7 -0
  100. package/dist/icons/generated/heart-circle-outline.svelte +16 -0
  101. package/dist/icons/generated/heart-circle-outline.svelte.d.ts +7 -0
  102. package/dist/icons/generated/heart-circle.svelte +16 -0
  103. package/dist/icons/generated/heart-circle.svelte.d.ts +7 -0
  104. package/dist/icons/generated/heart-half-full.svelte +16 -0
  105. package/dist/icons/generated/heart-half-full.svelte.d.ts +7 -0
  106. package/dist/icons/generated/heart-half-outline.svelte +16 -0
  107. package/dist/icons/generated/heart-half-outline.svelte.d.ts +7 -0
  108. package/dist/icons/generated/heart-half.svelte +16 -0
  109. package/dist/icons/generated/heart-half.svelte.d.ts +7 -0
  110. package/dist/icons/generated/heart-multiple-outline.svelte +23 -0
  111. package/dist/icons/generated/heart-multiple-outline.svelte.d.ts +7 -0
  112. package/dist/icons/generated/heart-multiple.svelte +23 -0
  113. package/dist/icons/generated/heart-multiple.svelte.d.ts +7 -0
  114. package/dist/icons/generated/heart-outline.svelte +16 -0
  115. package/dist/icons/generated/heart-outline.svelte.d.ts +7 -0
  116. package/dist/icons/generated/heart.svelte +16 -0
  117. package/dist/icons/generated/heart.svelte.d.ts +7 -0
  118. package/dist/icons/generated/home-edit-outline.svelte +16 -0
  119. package/dist/icons/generated/home-edit-outline.svelte.d.ts +7 -0
  120. package/dist/icons/generated/home-edit.svelte +16 -0
  121. package/dist/icons/generated/home-edit.svelte.d.ts +7 -0
  122. package/dist/icons/generated/home-outline.svelte +16 -0
  123. package/dist/icons/generated/home-outline.svelte.d.ts +7 -0
  124. package/dist/icons/generated/home.svelte +16 -0
  125. package/dist/icons/generated/home.svelte.d.ts +7 -0
  126. package/dist/icons/generated/index.d.ts +24 -0
  127. package/dist/icons/generated/index.js +24 -0
  128. package/dist/icons/generated/manifest.d.ts +7 -0
  129. package/dist/icons/generated/manifest.js +198 -0
  130. package/dist/icons/generated/tag-heart-outline.svelte +16 -0
  131. package/dist/icons/generated/tag-heart-outline.svelte.d.ts +7 -0
  132. package/dist/icons/generated/tag-heart.svelte +16 -0
  133. package/dist/icons/generated/tag-heart.svelte.d.ts +7 -0
  134. package/dist/index.d.ts +32 -0
  135. package/dist/index.js +28 -0
  136. package/dist/svelte.d.ts +18 -0
  137. package/dist/theme.css +161 -0
  138. 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,7 @@
1
+ interface Props {
2
+ label?: string;
3
+ size?: number | string;
4
+ }
5
+ declare const TagHeartOutline: import("svelte").Component<Props, {}, "">;
6
+ type TagHeartOutline = ReturnType<typeof TagHeartOutline>;
7
+ export default TagHeartOutline;
@@ -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} />
@@ -0,0 +1,7 @@
1
+ interface Props {
2
+ label?: string;
3
+ size?: number | string;
4
+ }
5
+ declare const TagHeart: import("svelte").Component<Props, {}, "">;
6
+ type TagHeart = ReturnType<typeof TagHeart>;
7
+ export default TagHeart;
@@ -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';
@@ -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
+ }