hamzus-ui 0.0.150 → 0.0.151
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/package.json +1 -1
- package/src/components/hamzus-ui/Accordion/Button.svelte +1 -1
- package/src/components/hamzus-ui/Accordion/Content.svelte +1 -1
- package/src/components/hamzus-ui/Accordion/Root.svelte +1 -1
- package/src/components/hamzus-ui/Accordion/Trigger.svelte +1 -1
- package/src/utils/const.js +304 -0
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
export let isOpen
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
|
-
<div class="accordion-btn {$isOpen ? "open" : ""}">
|
|
8
|
+
<div class="accordion-btn {$isOpen ? "open" : ""}" {...$$restProps}>
|
|
9
9
|
<slot/>
|
|
10
10
|
<IconButton variant="ghost">
|
|
11
11
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
let element
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
|
-
<div bind:this={element} style="--height:{element?.scrollHeight ?? "0"}px;" class="content {$isOpen ? "open" : ""}">
|
|
10
|
+
<div bind:this={element} style="--height:{element?.scrollHeight ?? "0"}px;" class="content {$isOpen ? "open" : ""}" {...$$restProps}>
|
|
11
11
|
<slot/>
|
|
12
12
|
</div>
|
|
13
13
|
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
export const data = {
|
|
4
|
+
"/get-started": {
|
|
5
|
+
label: "commencer",
|
|
6
|
+
icon:`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
|
+
<g clip-path="url(#clip0_4418_4932)">
|
|
8
|
+
<path opacity="0.4" d="M20.0402 6.81969L14.2802 2.78969C12.7102 1.68969 10.3002 1.74969 8.79023 2.91969L3.78023 6.82969C2.78023 7.60969 1.99023 9.20969 1.99023 10.4697V17.3697C1.99023 19.9197 4.06023 21.9997 6.61023 21.9997H17.3902C19.9402 21.9997 22.0102 19.9297 22.0102 17.3797V10.5997C22.0102 9.24969 21.1402 7.58969 20.0402 6.81969Z" fill="white" />
|
|
9
|
+
<path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="white" />
|
|
10
|
+
</g>
|
|
11
|
+
<defs>
|
|
12
|
+
<clipPath id="clip0_4418_4932">
|
|
13
|
+
<rect width="24" height="24" fill="white"/>
|
|
14
|
+
</clipPath>
|
|
15
|
+
</defs>
|
|
16
|
+
</svg>`
|
|
17
|
+
},
|
|
18
|
+
"/style": {
|
|
19
|
+
label: "style",
|
|
20
|
+
childs:[
|
|
21
|
+
{
|
|
22
|
+
label:"couleurs",
|
|
23
|
+
href:"/colors"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
label:"espacements",
|
|
27
|
+
href:"/spacing"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
label:"polices",
|
|
31
|
+
href:"/fonts"
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
icon:`<svg
|
|
35
|
+
width="24"
|
|
36
|
+
height="24"
|
|
37
|
+
viewBox="0 0 24 24"
|
|
38
|
+
fill="none"
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
>
|
|
41
|
+
<path
|
|
42
|
+
opacity="0.4"
|
|
43
|
+
d="M22 16.5V19.5C22 21 21 22 19.5 22H6C6.41 22 6.83 21.94 7.22 21.81C7.33 21.77 7.43999 21.73 7.54999 21.68C7.89999 21.54 8.24001 21.34 8.54001 21.08C8.63001 21.01 8.73001 20.92 8.82001 20.83L8.85999 20.79L15.66 14H19.5C21 14 22 15 22 16.5Z"
|
|
44
|
+
fill="#5856D6"
|
|
45
|
+
/>
|
|
46
|
+
<path
|
|
47
|
+
opacity="0.6"
|
|
48
|
+
d="M18.3694 11.29L15.6594 14L8.85938 20.79C9.55937 20.07 9.99939 19.08 9.99939 18V8.33996L12.7094 5.62996C13.7694 4.56996 15.1894 4.56996 16.2494 5.62996L18.3694 7.74996C19.4294 8.80996 19.4294 10.23 18.3694 11.29Z"
|
|
49
|
+
fill="#5856D6"
|
|
50
|
+
/>
|
|
51
|
+
<path
|
|
52
|
+
d="M7.5 2H4.5C3 2 2 3 2 4.5V18C2 18.27 2.02999 18.54 2.07999 18.8C2.10999 18.93 2.13999 19.06 2.17999 19.19C2.22999 19.34 2.28 19.49 2.34 19.63C2.35 19.64 2.35001 19.65 2.35001 19.65C2.36001 19.65 2.36001 19.65 2.35001 19.66C2.49001 19.94 2.65 20.21 2.84 20.46C2.95 20.59 3.06001 20.71 3.17001 20.83C3.28001 20.95 3.4 21.05 3.53 21.15L3.54001 21.16C3.79001 21.35 4.06 21.51 4.34 21.65C4.35 21.64 4.35001 21.64 4.35001 21.65C4.50001 21.72 4.65 21.77 4.81 21.82C4.94 21.86 5.07001 21.89 5.20001 21.92C5.46001 21.97 5.73 22 6 22C6.41 22 6.83 21.94 7.22 21.81C7.33 21.77 7.43999 21.73 7.54999 21.68C7.89999 21.54 8.24001 21.34 8.54001 21.08C8.63001 21.01 8.73001 20.92 8.82001 20.83L8.85999 20.79C9.55999 20.07 10 19.08 10 18V4.5C10 3 9 2 7.5 2ZM6 19.5C5.17 19.5 4.5 18.83 4.5 18C4.5 17.17 5.17 16.5 6 16.5C6.83 16.5 7.5 17.17 7.5 18C7.5 18.83 6.83 19.5 6 19.5Z"
|
|
53
|
+
fill="#5856D6"
|
|
54
|
+
/>
|
|
55
|
+
</svg>`
|
|
56
|
+
},
|
|
57
|
+
"/components": {
|
|
58
|
+
label:"composants",
|
|
59
|
+
childs:[
|
|
60
|
+
{
|
|
61
|
+
label:"Boutons",
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
label:"bouton",
|
|
65
|
+
href:"/button",
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
label:"bouton icon",
|
|
69
|
+
href:"/icon-button",
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
label:"groupe de bouton",
|
|
73
|
+
href:"/button-group",
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
label:"Textes",
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
label:"tag",
|
|
80
|
+
href:"/tag",
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
label:"chip",
|
|
84
|
+
href:"/chip",
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
label:"carte info",
|
|
88
|
+
href:"/info-card",
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
label:"carte alerte",
|
|
92
|
+
href:"/alert-card",
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
label:"lien",
|
|
96
|
+
href:"/link",
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
label:"touche de clavier",
|
|
100
|
+
href:"/kbd",
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
label:"accordeon",
|
|
104
|
+
href:"/accordion",
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
label:"Popover",
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
label:"tooltip",
|
|
111
|
+
href:"/tooltip",
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
label:"popover",
|
|
115
|
+
href:"/popover",
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
label:"dropdown-menu",
|
|
119
|
+
href:"/dropdown-menu",
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
label:"Dialogue",
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
label:"dialog",
|
|
126
|
+
href:"/dialog",
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
label:"toast",
|
|
130
|
+
href:"/toast",
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
label:"Formulaire",
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
label:"form",
|
|
137
|
+
href:"/form",
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
label:"input",
|
|
141
|
+
href:"/input",
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
label:"selection",
|
|
145
|
+
href:"/selector",
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
label:"textarea",
|
|
149
|
+
href:"/textarea",
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
label:"checkbox",
|
|
153
|
+
href:"/checkbox",
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
label:"slider",
|
|
157
|
+
href:"/slider",
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
label:"sound-track",
|
|
161
|
+
href:"/sound-track",
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
label:"switch",
|
|
165
|
+
href:"/switch",
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
label:"input fichier",
|
|
169
|
+
href:"/input-file",
|
|
170
|
+
},
|
|
171
|
+
{
|
|
172
|
+
label:"Temps",
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
label:"date-time-picker",
|
|
176
|
+
href:"/date-time-picker",
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
label:"date-picker",
|
|
180
|
+
href:"/date-picker",
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
label:"year-picker",
|
|
184
|
+
href:"/year-picker",
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
label:"month-of-year-picker",
|
|
188
|
+
href:"/month-of-year-picker",
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
label:"month-picker",
|
|
192
|
+
href:"/month-picker",
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
label:"day-picker",
|
|
196
|
+
href:"/day-picker",
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
label:"time-picker",
|
|
200
|
+
href:"/time-picker",
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
label:"Navigation",
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
label:"tabs",
|
|
207
|
+
href:"/tabs",
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
label:"Données",
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
label:"liste de données",
|
|
214
|
+
href:"/data-list",
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
label:"tableau responsive",
|
|
218
|
+
href:"/responsive-table",
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
label:"tableau",
|
|
222
|
+
href:"/table",
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
label:"squelette",
|
|
226
|
+
href:"/skeleton",
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
label:"loader ligne",
|
|
230
|
+
href:"/line-loader",
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
label:"cercle de progression",
|
|
234
|
+
href:"/progress-circle",
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
label:"Graphique",
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
label:"graphique en ligne",
|
|
241
|
+
href:"/chart-line",
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
label:"graphique en bar",
|
|
245
|
+
href:"/chart-bar",
|
|
246
|
+
},
|
|
247
|
+
],
|
|
248
|
+
icon:`<svg
|
|
249
|
+
width="24"
|
|
250
|
+
height="24"
|
|
251
|
+
viewBox="0 0 24 24"
|
|
252
|
+
fill="none"
|
|
253
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
254
|
+
>
|
|
255
|
+
<path
|
|
256
|
+
opacity="0.4"
|
|
257
|
+
d="M21.0409 7.19L12.0009 12.42L2.96094 7.19C3.36094 6.45 3.94094 5.8 4.59094 5.44L9.93094 2.48C11.0709 1.84 12.9309 1.84 14.0709 2.48L19.4109 5.44C20.0609 5.8 20.6409 6.45 21.0409 7.19Z"
|
|
258
|
+
fill="#292D32"
|
|
259
|
+
/>
|
|
260
|
+
<path
|
|
261
|
+
opacity="0.6"
|
|
262
|
+
d="M12.0006 12.4199V21.9999C11.2506 21.9999 10.5006 21.8399 9.93062 21.5199L4.59063 18.5599C3.38063 17.8899 2.39062 16.2099 2.39062 14.8299V9.16994C2.39062 8.52994 2.61062 7.82994 2.96062 7.18994L12.0006 12.4199Z"
|
|
263
|
+
fill="#292D32"
|
|
264
|
+
/>
|
|
265
|
+
<path
|
|
266
|
+
d="M21.61 9.16994V14.8299C21.61 16.2099 20.62 17.8899 19.41 18.5599L14.07 21.5199C13.5 21.8399 12.75 21.9999 12 21.9999V12.4199L21.04 7.18994C21.39 7.82994 21.61 8.52994 21.61 9.16994Z"
|
|
267
|
+
fill="#292D32"
|
|
268
|
+
/>
|
|
269
|
+
</svg>`
|
|
270
|
+
},
|
|
271
|
+
"utils":{
|
|
272
|
+
label:"utilitaires",
|
|
273
|
+
childs:[
|
|
274
|
+
{
|
|
275
|
+
label:"sendRequest()",
|
|
276
|
+
href:"/send-request"
|
|
277
|
+
}
|
|
278
|
+
],
|
|
279
|
+
icon:`<svg
|
|
280
|
+
width="24"
|
|
281
|
+
height="24"
|
|
282
|
+
viewBox="0 0 24 24"
|
|
283
|
+
fill="none"
|
|
284
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
285
|
+
>
|
|
286
|
+
<path
|
|
287
|
+
opacity="0.4"
|
|
288
|
+
d="M21 7V17C21 20 19.5 22 16 22H9C10.21 21.09 11 19.63 11 18C11 15.24 8.76 13 6 13C4.87 13 3.83 13.37 3 14V7C3 4 4.5 2 8 2H16C19.5 2 21 4 21 7Z"
|
|
289
|
+
fill="#292D32"
|
|
290
|
+
/>
|
|
291
|
+
<path
|
|
292
|
+
fill-rule="evenodd"
|
|
293
|
+
clip-rule="evenodd"
|
|
294
|
+
d="M14.5 3.75C14.9142 3.75 15.25 4.08579 15.25 4.5V6.5C15.25 7.18579 15.8142 7.75 16.5 7.75H18.5C18.9142 7.75 19.25 8.08579 19.25 8.5C19.25 8.91421 18.9142 9.25 18.5 9.25H16.5C14.9858 9.25 13.75 8.01421 13.75 6.5V4.5C13.75 4.08579 14.0858 3.75 14.5 3.75Z"
|
|
295
|
+
fill="#292D32"
|
|
296
|
+
/>
|
|
297
|
+
<path
|
|
298
|
+
d="M6 13C3.24 13 1 15.24 1 18C1 20.76 3.24 23 6 23C8.76 23 11 20.76 11 18C11 15.24 8.76 13 6 13ZM5.16 19.27C5.41 19.52 5.41 19.93 5.16 20.19C5.03 20.32 4.87001 20.38 4.70001 20.38C4.53001 20.38 4.36999 20.32 4.23999 20.19L2.51001 18.46C2.26001 18.21 2.26001 17.8 2.51001 17.54L4.23999 15.81C4.48999 15.56 4.9 15.56 5.16 15.81C5.41 16.06 5.41 16.47 5.16 16.73L3.89001 18L5.16 19.27ZM9.48001 18.46L7.75 20.19C7.62 20.32 7.46001 20.38 7.29001 20.38C7.12001 20.38 6.95999 20.32 6.82999 20.19C6.57999 19.94 6.57999 19.53 6.82999 19.27L8.10001 18L6.82999 16.73C6.57999 16.48 6.57999 16.07 6.82999 15.81C7.07999 15.56 7.49 15.56 7.75 15.81L9.48001 17.54C9.73001 17.8 9.73001 18.2 9.48001 18.46Z"
|
|
299
|
+
fill="#292D32"
|
|
300
|
+
/>
|
|
301
|
+
</svg>`
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
}
|