@websline/system-components 0.0.6 → 1.0.1

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 (54) hide show
  1. package/dist/components/atoms/actions/button/Button.svelte +1 -1
  2. package/dist/components/atoms/actions/button/button.variants.js +10 -10
  3. package/dist/components/atoms/actions/closeButton/closeButton.variants.js +2 -2
  4. package/dist/components/atoms/actions/iconButton/iconButton.variants.js +8 -8
  5. package/dist/components/atoms/avatar/avatar.variants.js +3 -3
  6. package/dist/components/atoms/badge/badge.variants.js +4 -4
  7. package/dist/components/atoms/chip/chip.variants.d.ts +2 -2
  8. package/dist/components/atoms/chip/chip.variants.js +14 -14
  9. package/dist/components/atoms/colorChip/colorChip.variants.d.ts +3 -3
  10. package/dist/components/atoms/colorChip/colorChip.variants.js +9 -7
  11. package/dist/components/atoms/icon/Icon.svelte +1 -1
  12. package/dist/components/atoms/icon/components/Calendar.svelte +27 -0
  13. package/dist/components/atoms/icon/components/Calendar.svelte.d.ts +41 -0
  14. package/dist/components/atoms/icon/components/CheckboxStack.svelte +27 -0
  15. package/dist/components/atoms/icon/components/CheckboxStack.svelte.d.ts +41 -0
  16. package/dist/components/atoms/icon/components/Download.svelte +27 -0
  17. package/dist/components/atoms/icon/components/Download.svelte.d.ts +41 -0
  18. package/dist/components/atoms/icon/components/Dragger.svelte +6 -7
  19. package/dist/components/atoms/icon/components/FilePDF.svelte +53 -0
  20. package/dist/components/atoms/icon/components/FilePDF.svelte.d.ts +41 -0
  21. package/dist/components/atoms/icon/components/History.svelte +27 -0
  22. package/dist/components/atoms/icon/components/History.svelte.d.ts +41 -0
  23. package/dist/components/atoms/icon/components/Out.svelte +27 -0
  24. package/dist/components/atoms/icon/components/{Cogs.svelte.d.ts → Out.svelte.d.ts} +3 -3
  25. package/dist/components/atoms/icon/components/Overflow.svelte +28 -0
  26. package/dist/components/atoms/icon/components/Overflow.svelte.d.ts +41 -0
  27. package/dist/components/atoms/icon/components/Unlink.svelte +27 -0
  28. package/dist/components/atoms/icon/components/Unlink.svelte.d.ts +41 -0
  29. package/dist/components/atoms/icon/index.d.ts +686 -64
  30. package/dist/components/atoms/icon/index.js +16 -2
  31. package/dist/components/atoms/input/input.variants.d.ts +2 -2
  32. package/dist/components/atoms/input/input.variants.js +2 -2
  33. package/dist/components/atoms/select/select.variants.d.ts +9 -9
  34. package/dist/components/atoms/select/select.variants.js +25 -42
  35. package/dist/components/atoms/textarea/textarea.variants.d.ts +2 -2
  36. package/dist/components/atoms/textarea/textarea.variants.js +2 -2
  37. package/dist/components/molecules/formField/formField.variants.js +1 -1
  38. package/dist/components/molecules/notification/notification.variants.js +2 -2
  39. package/dist/components/molecules/pickers/colorSwatch/colorSwatch.variants.js +2 -2
  40. package/dist/components/molecules/richTextEditor/richTextEditor.variants.d.ts +3 -3
  41. package/dist/components/molecules/richTextEditor/richTextEditor.variants.js +14 -24
  42. package/dist/components/molecules/toggleGroup/toggleGroup.variants.d.ts +3 -3
  43. package/dist/components/molecules/toggleGroup/toggleGroup.variants.js +2 -2
  44. package/dist/components/molecules/toggleGroup/toggleGroupItem.variants.js +5 -5
  45. package/dist/components/organisms/dialog/dialog.variants.d.ts +3 -3
  46. package/dist/components/organisms/dialog/dialog.variants.js +5 -5
  47. package/dist/components/organisms/modal/modal.variants.js +1 -1
  48. package/dist/components/organisms/notificationGroup/notificationGroup.variants.js +2 -2
  49. package/dist/components/organisms/popover/PopoverContent.svelte +21 -17
  50. package/dist/components/organisms/popover/PopoverContent.svelte.d.ts +16 -8
  51. package/dist/components/organisms/popover/popover.variants.d.ts +20 -19
  52. package/dist/components/organisms/popover/popover.variants.js +11 -3
  53. package/package.json +23 -23
  54. package/dist/components/atoms/icon/components/Cogs.svelte +0 -31
@@ -1,64 +1,686 @@
1
- export namespace registry {
2
- export { Academy as academy };
3
- export { Add as add };
4
- export { Attach as attach };
5
- export { Block as block };
6
- export { Bold as bold };
7
- export { Check as check };
8
- export { ChevronDown as chevronDown };
9
- export { Close as close };
10
- export { CloseSmall as closeSmall };
11
- export { Cogs as cogs };
12
- export { Controlling as controlling };
13
- export { Dashboard as dashboard };
14
- export { Database as database };
15
- export { Dragger as dragger };
16
- export { Globe as globe };
17
- export { Italic as italic };
18
- export { Layout as layout };
19
- export { Link as link };
20
- export { ListOrdered as listOrdered };
21
- export { ListUnordered as listUnordered };
22
- export { Menu as menu };
23
- export { Notifications as notifications };
24
- export { Page as page };
25
- export { Picture as picture };
26
- export { Redo as redo };
27
- export { Refresh as refresh };
28
- export { Search as search };
29
- export { Settings as settings };
30
- export { Trash as trash };
31
- export { Underline as underline };
32
- export { Undo as undo };
33
- }
34
- import Academy from "./components/Academy.svelte";
35
- import Add from "./components/Add.svelte";
36
- import Attach from "./components/Attach.svelte";
37
- import Block from "./components/Block.svelte";
38
- import Bold from "./components/Bold.svelte";
39
- import Check from "./components/Check.svelte";
40
- import ChevronDown from "./components/ChevronDown.svelte";
41
- import Close from "./components/Close.svelte";
42
- import CloseSmall from "./components/CloseSmall.svelte";
43
- import Cogs from "./components/Cogs.svelte";
44
- import Controlling from "./components/Controlling.svelte";
45
- import Dashboard from "./components/Dashboard.svelte";
46
- import Database from "./components/Database.svelte";
47
- import Dragger from "./components/Dragger.svelte";
48
- import Globe from "./components/Globe.svelte";
49
- import Italic from "./components/Italic.svelte";
50
- import Layout from "./components/Layout.svelte";
51
- import Link from "./components/Link.svelte";
52
- import ListOrdered from "./components/ListOrdered.svelte";
53
- import ListUnordered from "./components/ListUnordered.svelte";
54
- import Menu from "./components/Menu.svelte";
55
- import Notifications from "./components/Notifications.svelte";
56
- import Page from "./components/Page.svelte";
57
- import Picture from "./components/Picture.svelte";
58
- import Redo from "./components/Redo.svelte";
59
- import Refresh from "./components/Refresh.svelte";
60
- import Search from "./components/Search.svelte";
61
- import Settings from "./components/Settings.svelte";
62
- import Trash from "./components/Trash.svelte";
63
- import Underline from "./components/Underline.svelte";
64
- import Undo from "./components/Undo.svelte";
1
+ export const registry: {
2
+ academy: import("svelte").Component<{
3
+ /**
4
+ * Icon color
5
+ */
6
+ color?: string;
7
+ /**
8
+ * Icon height
9
+ */
10
+ height?: number;
11
+ /**
12
+ * Icon StrokeWidth
13
+ */
14
+ strokeWidth?: number;
15
+ /**
16
+ * Icon width
17
+ */
18
+ width?: number;
19
+ }, {}, "">;
20
+ add: import("svelte").Component<{
21
+ /**
22
+ * Icon color
23
+ */
24
+ color?: string;
25
+ /**
26
+ * Icon height
27
+ */
28
+ height?: number;
29
+ /**
30
+ * Icon StrokeWidth
31
+ */
32
+ strokeWidth?: number;
33
+ /**
34
+ * Icon width
35
+ */
36
+ width?: number;
37
+ }, {}, "">;
38
+ attach: import("svelte").Component<{
39
+ /**
40
+ * Icon color
41
+ */
42
+ color?: string;
43
+ /**
44
+ * Icon height
45
+ */
46
+ height?: number;
47
+ /**
48
+ * Icon StrokeWidth
49
+ */
50
+ strokeWidth?: number;
51
+ /**
52
+ * Icon width
53
+ */
54
+ width?: number;
55
+ }, {}, "">;
56
+ block: import("svelte").Component<{
57
+ /**
58
+ * Icon color
59
+ */
60
+ color?: string;
61
+ /**
62
+ * Icon height
63
+ */
64
+ height?: number;
65
+ /**
66
+ * Icon StrokeWidth
67
+ */
68
+ strokeWidth?: number;
69
+ /**
70
+ * Icon width
71
+ */
72
+ width?: number;
73
+ }, {}, "">;
74
+ bold: import("svelte").Component<{
75
+ /**
76
+ * Icon color
77
+ */
78
+ color?: string;
79
+ /**
80
+ * Icon height
81
+ */
82
+ height?: number;
83
+ /**
84
+ * Icon StrokeWidth
85
+ */
86
+ strokeWidth?: number;
87
+ /**
88
+ * Icon width
89
+ */
90
+ width?: number;
91
+ }, {}, "">;
92
+ calendar: import("svelte").Component<{
93
+ /**
94
+ * Icon color
95
+ */
96
+ color?: string;
97
+ /**
98
+ * Icon height
99
+ */
100
+ height?: number;
101
+ /**
102
+ * Icon StrokeWidth
103
+ */
104
+ strokeWidth?: number;
105
+ /**
106
+ * Icon width
107
+ */
108
+ width?: number;
109
+ }, {}, "">;
110
+ check: import("svelte").Component<{
111
+ /**
112
+ * Icon height
113
+ */
114
+ height?: number;
115
+ /**
116
+ * Icon StrokeWidth
117
+ */
118
+ strokeWidth?: number;
119
+ /**
120
+ * Icon width
121
+ */
122
+ width?: number;
123
+ /**
124
+ * Icon color
125
+ */
126
+ color?: string;
127
+ }, {}, "">;
128
+ "checkbox-stack": import("svelte").Component<{
129
+ /**
130
+ * Icon color
131
+ */
132
+ color?: string;
133
+ /**
134
+ * Icon height
135
+ */
136
+ height?: number;
137
+ /**
138
+ * Icon StrokeWidth
139
+ */
140
+ strokeWidth?: number;
141
+ /**
142
+ * Icon width
143
+ */
144
+ width?: number;
145
+ }, {}, "">;
146
+ chevronDown: import("svelte").Component<{
147
+ /**
148
+ * Icon color
149
+ */
150
+ color?: string;
151
+ /**
152
+ * Icon height
153
+ */
154
+ height?: number;
155
+ /**
156
+ * Icon StrokeWidth
157
+ */
158
+ strokeWidth?: number;
159
+ /**
160
+ * Icon width
161
+ */
162
+ width?: number;
163
+ }, {}, "">;
164
+ close: import("svelte").Component<{
165
+ /**
166
+ * Icon color
167
+ */
168
+ color?: string;
169
+ /**
170
+ * Icon height
171
+ */
172
+ height?: number;
173
+ /**
174
+ * Icon StrokeWidth
175
+ */
176
+ strokeWidth?: number;
177
+ /**
178
+ * Icon width
179
+ */
180
+ width?: number;
181
+ }, {}, "">;
182
+ closeSmall: import("svelte").Component<{
183
+ /**
184
+ * Icon color
185
+ */
186
+ color?: string;
187
+ /**
188
+ * Icon height
189
+ */
190
+ height?: number;
191
+ /**
192
+ * Icon StrokeWidth
193
+ */
194
+ strokeWidth?: number;
195
+ /**
196
+ * Icon width
197
+ */
198
+ width?: number;
199
+ }, {}, "">;
200
+ controlling: import("svelte").Component<{
201
+ /**
202
+ * Icon color
203
+ */
204
+ color?: string;
205
+ /**
206
+ * Icon height
207
+ */
208
+ height?: number;
209
+ /**
210
+ * Icon StrokeWidth
211
+ */
212
+ strokeWidth?: number;
213
+ /**
214
+ * Icon width
215
+ */
216
+ width?: number;
217
+ }, {}, "">;
218
+ dashboard: import("svelte").Component<{
219
+ /**
220
+ * Icon color
221
+ */
222
+ color?: string;
223
+ /**
224
+ * Icon height
225
+ */
226
+ height?: number;
227
+ /**
228
+ * Icon StrokeWidth
229
+ */
230
+ strokeWidth?: number;
231
+ /**
232
+ * Icon width
233
+ */
234
+ width?: number;
235
+ }, {}, "">;
236
+ database: import("svelte").Component<{
237
+ /**
238
+ * Icon color
239
+ */
240
+ color?: string;
241
+ /**
242
+ * Icon height
243
+ */
244
+ height?: number;
245
+ /**
246
+ * Icon StrokeWidth
247
+ */
248
+ strokeWidth?: number;
249
+ /**
250
+ * Icon width
251
+ */
252
+ width?: number;
253
+ }, {}, "">;
254
+ download: import("svelte").Component<{
255
+ /**
256
+ * Icon color
257
+ */
258
+ color?: string;
259
+ /**
260
+ * Icon height
261
+ */
262
+ height?: number;
263
+ /**
264
+ * Icon StrokeWidth
265
+ */
266
+ strokeWidth?: number;
267
+ /**
268
+ * Icon width
269
+ */
270
+ width?: number;
271
+ }, {}, "">;
272
+ dragger: import("svelte").Component<{
273
+ /**
274
+ * Icon color
275
+ */
276
+ color?: string;
277
+ /**
278
+ * Icon height
279
+ */
280
+ height?: number;
281
+ /**
282
+ * Icon StrokeWidth
283
+ */
284
+ strokeWidth?: number;
285
+ /**
286
+ * Icon width
287
+ */
288
+ width?: number;
289
+ }, {}, "">;
290
+ "file-pdf": import("svelte").Component<{
291
+ /**
292
+ * Icon color
293
+ */
294
+ color?: string;
295
+ /**
296
+ * Icon height
297
+ */
298
+ height?: number;
299
+ /**
300
+ * Icon StrokeWidth
301
+ */
302
+ strokeWidth?: number;
303
+ /**
304
+ * Icon width
305
+ */
306
+ width?: number;
307
+ }, {}, "">;
308
+ globe: import("svelte").Component<{
309
+ /**
310
+ * Icon color
311
+ */
312
+ color?: string;
313
+ /**
314
+ * Icon height
315
+ */
316
+ height?: number;
317
+ /**
318
+ * Icon StrokeWidth
319
+ */
320
+ strokeWidth?: number;
321
+ /**
322
+ * Icon width
323
+ */
324
+ width?: number;
325
+ }, {}, "">;
326
+ history: import("svelte").Component<{
327
+ /**
328
+ * Icon color
329
+ */
330
+ color?: string;
331
+ /**
332
+ * Icon height
333
+ */
334
+ height?: number;
335
+ /**
336
+ * Icon StrokeWidth
337
+ */
338
+ strokeWidth?: number;
339
+ /**
340
+ * Icon width
341
+ */
342
+ width?: number;
343
+ }, {}, "">;
344
+ italic: import("svelte").Component<{
345
+ /**
346
+ * Icon color
347
+ */
348
+ color?: string;
349
+ /**
350
+ * Icon height
351
+ */
352
+ height?: number;
353
+ /**
354
+ * Icon StrokeWidth
355
+ */
356
+ strokeWidth?: number;
357
+ /**
358
+ * Icon width
359
+ */
360
+ width?: number;
361
+ }, {}, "">;
362
+ layout: import("svelte").Component<{
363
+ /**
364
+ * Icon color
365
+ */
366
+ color?: string;
367
+ /**
368
+ * Icon height
369
+ */
370
+ height?: number;
371
+ /**
372
+ * Icon StrokeWidth
373
+ */
374
+ strokeWidth?: number;
375
+ /**
376
+ * Icon width
377
+ */
378
+ width?: number;
379
+ }, {}, "">;
380
+ link: import("svelte").Component<{
381
+ /**
382
+ * Icon color
383
+ */
384
+ color?: string;
385
+ /**
386
+ * Icon height
387
+ */
388
+ height?: number;
389
+ /**
390
+ * Icon StrokeWidth
391
+ */
392
+ strokeWidth?: number;
393
+ /**
394
+ * Icon width
395
+ */
396
+ width?: number;
397
+ }, {}, "">;
398
+ listOrdered: import("svelte").Component<{
399
+ /**
400
+ * Icon color
401
+ */
402
+ color?: string;
403
+ /**
404
+ * Icon height
405
+ */
406
+ height?: number;
407
+ /**
408
+ * Icon StrokeWidth
409
+ */
410
+ strokeWidth?: number;
411
+ /**
412
+ * Icon width
413
+ */
414
+ width?: number;
415
+ }, {}, "">;
416
+ listUnordered: import("svelte").Component<{
417
+ /**
418
+ * Icon color
419
+ */
420
+ color?: string;
421
+ /**
422
+ * Icon height
423
+ */
424
+ height?: number;
425
+ /**
426
+ * Icon StrokeWidth
427
+ */
428
+ strokeWidth?: number;
429
+ /**
430
+ * Icon width
431
+ */
432
+ width?: number;
433
+ }, {}, "">;
434
+ menu: import("svelte").Component<{
435
+ /**
436
+ * Icon color
437
+ */
438
+ color?: string;
439
+ /**
440
+ * Icon height
441
+ */
442
+ height?: number;
443
+ /**
444
+ * Icon StrokeWidth
445
+ */
446
+ strokeWidth?: number;
447
+ /**
448
+ * Icon width
449
+ */
450
+ width?: number;
451
+ }, {}, "">;
452
+ notifications: import("svelte").Component<{
453
+ /**
454
+ * Icon color
455
+ */
456
+ color?: string;
457
+ /**
458
+ * Icon height
459
+ */
460
+ height?: number;
461
+ /**
462
+ * Icon StrokeWidth
463
+ */
464
+ strokeWidth?: number;
465
+ /**
466
+ * Icon width
467
+ */
468
+ width?: number;
469
+ }, {}, "">;
470
+ out: import("svelte").Component<{
471
+ /**
472
+ * Icon color
473
+ */
474
+ color?: string;
475
+ /**
476
+ * Icon height
477
+ */
478
+ height?: number;
479
+ /**
480
+ * Icon StrokeWidth
481
+ */
482
+ strokeWidth?: number;
483
+ /**
484
+ * Icon width
485
+ */
486
+ width?: number;
487
+ }, {}, "">;
488
+ overflow: import("svelte").Component<{
489
+ /**
490
+ * Icon color
491
+ */
492
+ color?: string;
493
+ /**
494
+ * Icon height
495
+ */
496
+ height?: number;
497
+ /**
498
+ * Icon StrokeWidth
499
+ */
500
+ strokeWidth?: number;
501
+ /**
502
+ * Icon width
503
+ */
504
+ width?: number;
505
+ }, {}, "">;
506
+ page: import("svelte").Component<{
507
+ /**
508
+ * Icon color
509
+ */
510
+ color?: string;
511
+ /**
512
+ * Icon height
513
+ */
514
+ height?: number;
515
+ /**
516
+ * Icon StrokeWidth
517
+ */
518
+ strokeWidth?: number;
519
+ /**
520
+ * Icon width
521
+ */
522
+ width?: number;
523
+ }, {}, "">;
524
+ picture: import("svelte").Component<{
525
+ /**
526
+ * Icon color
527
+ */
528
+ color?: string;
529
+ /**
530
+ * Icon height
531
+ */
532
+ height?: number;
533
+ /**
534
+ * Icon StrokeWidth
535
+ */
536
+ strokeWidth?: number;
537
+ /**
538
+ * Icon width
539
+ */
540
+ width?: number;
541
+ }, {}, "">;
542
+ redo: import("svelte").Component<{
543
+ /**
544
+ * Icon color
545
+ */
546
+ color?: string;
547
+ /**
548
+ * Icon height
549
+ */
550
+ height?: number;
551
+ /**
552
+ * Icon StrokeWidth
553
+ */
554
+ strokeWidth?: number;
555
+ /**
556
+ * Icon width
557
+ */
558
+ width?: number;
559
+ }, {}, "">;
560
+ refresh: import("svelte").Component<{
561
+ /**
562
+ * Icon color
563
+ */
564
+ color?: string;
565
+ /**
566
+ * Icon height
567
+ */
568
+ height?: number;
569
+ /**
570
+ * Icon StrokeWidth
571
+ */
572
+ strokeWidth?: number;
573
+ /**
574
+ * Icon width
575
+ */
576
+ width?: number;
577
+ }, {}, "">;
578
+ search: import("svelte").Component<{
579
+ /**
580
+ * Icon color
581
+ */
582
+ color?: string;
583
+ /**
584
+ * Icon height
585
+ */
586
+ height?: number;
587
+ /**
588
+ * Icon StrokeWidth
589
+ */
590
+ strokeWidth?: number;
591
+ /**
592
+ * Icon width
593
+ */
594
+ width?: number;
595
+ }, {}, "">;
596
+ settings: import("svelte").Component<{
597
+ /**
598
+ * Icon color
599
+ */
600
+ color?: string;
601
+ /**
602
+ * Icon height
603
+ */
604
+ height?: number;
605
+ /**
606
+ * Icon StrokeWidth
607
+ */
608
+ strokeWidth?: number;
609
+ /**
610
+ * Icon width
611
+ */
612
+ width?: number;
613
+ }, {}, "">;
614
+ trash: import("svelte").Component<{
615
+ /**
616
+ * Icon color
617
+ */
618
+ color?: string;
619
+ /**
620
+ * Icon height
621
+ */
622
+ height?: number;
623
+ /**
624
+ * Icon StrokeWidth
625
+ */
626
+ strokeWidth?: number;
627
+ /**
628
+ * Icon width
629
+ */
630
+ width?: number;
631
+ }, {}, "">;
632
+ underline: import("svelte").Component<{
633
+ /**
634
+ * Icon color
635
+ */
636
+ color?: string;
637
+ /**
638
+ * Icon height
639
+ */
640
+ height?: number;
641
+ /**
642
+ * Icon StrokeWidth
643
+ */
644
+ strokeWidth?: number;
645
+ /**
646
+ * Icon width
647
+ */
648
+ width?: number;
649
+ }, {}, "">;
650
+ undo: import("svelte").Component<{
651
+ /**
652
+ * Icon color
653
+ */
654
+ color?: string;
655
+ /**
656
+ * Icon height
657
+ */
658
+ height?: number;
659
+ /**
660
+ * Icon StrokeWidth
661
+ */
662
+ strokeWidth?: number;
663
+ /**
664
+ * Icon width
665
+ */
666
+ width?: number;
667
+ }, {}, "">;
668
+ unlink: import("svelte").Component<{
669
+ /**
670
+ * Icon color
671
+ */
672
+ color?: string;
673
+ /**
674
+ * Icon height
675
+ */
676
+ height?: number;
677
+ /**
678
+ * Icon StrokeWidth
679
+ */
680
+ strokeWidth?: number;
681
+ /**
682
+ * Icon width
683
+ */
684
+ width?: number;
685
+ }, {}, "">;
686
+ };