@dust-tt/sparkle 0.2.210-rc75 → 0.2.211

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 (34) hide show
  1. package/dist/cjs/components/Checkbox.d.ts +1 -1
  2. package/dist/cjs/components/DataTable.d.ts +3 -3
  3. package/dist/cjs/components/Item.d.ts +1 -1
  4. package/dist/cjs/components/WindowUtility.d.ts +15 -0
  5. package/dist/cjs/index.js +4328 -4259
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/esm/components/Checkbox.d.ts +1 -1
  8. package/dist/esm/components/DataTable.d.ts +3 -3
  9. package/dist/esm/components/Item.d.ts +1 -1
  10. package/dist/esm/components/WindowUtility.d.ts +15 -0
  11. package/dist/esm/index.js +4328 -4259
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/tsconfig.tsbuildinfo +1 -1
  14. package/package.json +1 -1
  15. package/src/_index.ts +48 -48
  16. package/src/components/Checkbox.tsx +4 -4
  17. package/src/components/DataTable.tsx +86 -63
  18. package/src/components/Item.tsx +1 -1
  19. package/src/components/Tree.tsx +2 -0
  20. package/src/components/WindowUtility.tsx +66 -0
  21. package/src/icons/solid/index.ts +0 -1
  22. package/src/lottie/collapseBar.ts +124 -124
  23. package/src/lottie/spinnerColor.ts +337 -337
  24. package/src/lottie/spinnerColorLG.ts +824 -824
  25. package/src/lottie/spinnerColorXS.ts +187 -187
  26. package/src/lottie/spinnerDark.ts +353 -353
  27. package/src/lottie/spinnerDarkLG.ts +824 -824
  28. package/src/lottie/spinnerDarkXS.ts +218 -218
  29. package/src/lottie/spinnerLight.ts +342 -342
  30. package/src/lottie/spinnerLightLG.ts +797 -797
  31. package/src/lottie/spinnerLightXS.ts +215 -215
  32. package/src/stories/Checkbox.stories.tsx +16 -8
  33. package/src/stories/Tree.stories.tsx +37 -37
  34. package/src/styles/tailwind.css +7 -9
package/src/stories/Tree.stories.tsx CHANGED
@@ -46,7 +46,7 @@ export const TreeExample = () => {
46
46
  label="item 1"
47
47
  checkbox={{
48
48
  variant: "checkable",
49
- checked: false,
49
+ checked: "unchecked",
50
50
  onChange: () => {
51
51
  return;
52
52
  },
@@ -57,7 +57,7 @@ export const TreeExample = () => {
57
57
  type="leaf"
58
58
  checkbox={{
59
59
  variant: "checkable",
60
- checked: false,
60
+ checked: "unchecked",
61
61
  onChange: () => {
62
62
  return;
63
63
  },
@@ -68,7 +68,7 @@ export const TreeExample = () => {
68
68
  type="leaf"
69
69
  checkbox={{
70
70
  variant: "checkable",
71
- checked: false,
71
+ checked: "unchecked",
72
72
  onChange: () => {
73
73
  return;
74
74
  },
@@ -142,7 +142,7 @@ export const TreeExample = () => {
142
142
  visual={FolderIcon}
143
143
  checkbox={{
144
144
  variant: "checkable",
145
- checked: true,
145
+ checked: "checked",
146
146
  onChange: () => {
147
147
  return;
148
148
  },
@@ -154,7 +154,7 @@ export const TreeExample = () => {
154
154
  visual={FolderIcon}
155
155
  checkbox={{
156
156
  variant: "checkable",
157
- checked: true,
157
+ checked: "checked",
158
158
  onChange: () => {
159
159
  return;
160
160
  },
@@ -166,7 +166,7 @@ export const TreeExample = () => {
166
166
  visual={FolderIcon}
167
167
  checkbox={{
168
168
  variant: "checkable",
169
- checked: false,
169
+ checked: "unchecked",
170
170
  onChange: () => {
171
171
  return;
172
172
  },
@@ -178,7 +178,7 @@ export const TreeExample = () => {
178
178
  visual={FolderIcon}
179
179
  checkbox={{
180
180
  variant: "checkable",
181
- checked: false,
181
+ checked: "unchecked",
182
182
  onChange: () => {
183
183
  return;
184
184
  },
@@ -190,7 +190,7 @@ export const TreeExample = () => {
190
190
  visual={FolderIcon}
191
191
  checkbox={{
192
192
  variant: "checkable",
193
- checked: false,
193
+ checked: "unchecked",
194
194
  onChange: () => {
195
195
  return;
196
196
  },
@@ -209,7 +209,7 @@ export const TreeExample = () => {
209
209
  type="item"
210
210
  checkbox={{
211
211
  variant: "checkable",
212
- checked: false,
212
+ checked: "unchecked",
213
213
  onChange: () => {
214
214
  return;
215
215
  },
@@ -221,7 +221,7 @@ export const TreeExample = () => {
221
221
  visual={NotionLogo}
222
222
  checkbox={{
223
223
  variant: "checkable",
224
- checked: false,
224
+ checked: "unchecked",
225
225
  onChange: () => {
226
226
  return;
227
227
  },
@@ -233,7 +233,7 @@ export const TreeExample = () => {
233
233
  visual={SlackLogo}
234
234
  checkbox={{
235
235
  variant: "checkable",
236
- checked: false,
236
+ checked: "unchecked",
237
237
  onChange: () => {
238
238
  return;
239
239
  },
@@ -245,7 +245,7 @@ export const TreeExample = () => {
245
245
  visual={Dust}
246
246
  checkbox={{
247
247
  variant: "checkable",
248
- checked: false,
248
+ checked: "unchecked",
249
249
  onChange: () => {
250
250
  return;
251
251
  },
@@ -321,7 +321,7 @@ export const TreeExample = () => {
321
321
  label="item 1"
322
322
  checkbox={{
323
323
  variant: "checkable",
324
- checked: false,
324
+ checked: "unchecked",
325
325
  onChange: () => {
326
326
  return;
327
327
  },
@@ -332,7 +332,7 @@ export const TreeExample = () => {
332
332
  type="leaf"
333
333
  checkbox={{
334
334
  variant: "checkable",
335
- checked: false,
335
+ checked: "unchecked",
336
336
  onChange: () => {
337
337
  return;
338
338
  },
@@ -343,7 +343,7 @@ export const TreeExample = () => {
343
343
  type="leaf"
344
344
  checkbox={{
345
345
  variant: "checkable",
346
- checked: false,
346
+ checked: "unchecked",
347
347
  onChange: () => {
348
348
  return;
349
349
  },
@@ -389,7 +389,7 @@ export const TreeExample = () => {
389
389
  label="item 2"
390
390
  checkbox={{
391
391
  variant: "checkable",
392
- checked: true,
392
+ checked: "checked",
393
393
  onChange: () => {
394
394
  return;
395
395
  },
@@ -399,7 +399,7 @@ export const TreeExample = () => {
399
399
  label="item 3"
400
400
  checkbox={{
401
401
  variant: "checkable",
402
- checked: false,
402
+ checked: "unchecked",
403
403
  onChange: () => {
404
404
  return;
405
405
  },
@@ -409,7 +409,7 @@ export const TreeExample = () => {
409
409
  label="item 4"
410
410
  checkbox={{
411
411
  variant: "checkable",
412
- checked: false,
412
+ checked: "unchecked",
413
413
  onChange: () => {
414
414
  return;
415
415
  },
@@ -419,7 +419,7 @@ export const TreeExample = () => {
419
419
  label="item 5"
420
420
  checkbox={{
421
421
  variant: "checkable",
422
- checked: false,
422
+ checked: "unchecked",
423
423
  onChange: () => {
424
424
  return;
425
425
  },
@@ -448,7 +448,7 @@ export const TreeExample = () => {
448
448
  label="item 2"
449
449
  checkbox={{
450
450
  variant: "checkable",
451
- checked: true,
451
+ checked: "checked",
452
452
  onChange: () => {
453
453
  return;
454
454
  },
@@ -469,7 +469,7 @@ export const TreeExample = () => {
469
469
  visual={FolderIcon}
470
470
  checkbox={{
471
471
  variant: "checkable",
472
- checked: true,
472
+ checked: "checked",
473
473
  onChange: () => {
474
474
  return;
475
475
  },
@@ -481,7 +481,7 @@ export const TreeExample = () => {
481
481
  visual={FolderIcon}
482
482
  checkbox={{
483
483
  variant: "checkable",
484
- checked: true,
484
+ checked: "checked",
485
485
  onChange: () => {
486
486
  return;
487
487
  },
@@ -493,7 +493,7 @@ export const TreeExample = () => {
493
493
  visual={FolderIcon}
494
494
  checkbox={{
495
495
  variant: "checkable",
496
- checked: false,
496
+ checked: "unchecked",
497
497
  onChange: () => {
498
498
  return;
499
499
  },
@@ -505,7 +505,7 @@ export const TreeExample = () => {
505
505
  visual={FolderIcon}
506
506
  checkbox={{
507
507
  variant: "checkable",
508
- checked: false,
508
+ checked: "unchecked",
509
509
  onChange: () => {
510
510
  return;
511
511
  },
@@ -517,7 +517,7 @@ export const TreeExample = () => {
517
517
  visual={FolderIcon}
518
518
  checkbox={{
519
519
  variant: "checkable",
520
- checked: false,
520
+ checked: "unchecked",
521
521
  onChange: () => {
522
522
  return;
523
523
  },
@@ -536,7 +536,7 @@ export const TreeExample = () => {
536
536
  visual={IntercomLogo}
537
537
  checkbox={{
538
538
  variant: "checkable",
539
- checked: false,
539
+ checked: "unchecked",
540
540
  onChange: () => {
541
541
  return;
542
542
  },
@@ -548,7 +548,7 @@ export const TreeExample = () => {
548
548
  visual={NotionLogo}
549
549
  checkbox={{
550
550
  variant: "checkable",
551
- checked: false,
551
+ checked: "unchecked",
552
552
  onChange: () => {
553
553
  return;
554
554
  },
@@ -560,7 +560,7 @@ export const TreeExample = () => {
560
560
  visual={SlackLogo}
561
561
  checkbox={{
562
562
  variant: "checkable",
563
- checked: false,
563
+ checked: "unchecked",
564
564
  onChange: () => {
565
565
  return;
566
566
  },
@@ -572,7 +572,7 @@ export const TreeExample = () => {
572
572
  visual={Dust}
573
573
  checkbox={{
574
574
  variant: "checkable",
575
- checked: false,
575
+ checked: "unchecked",
576
576
  onChange: () => {
577
577
  return;
578
578
  },
@@ -743,7 +743,7 @@ export const SelectDataSourceExample = () => {
743
743
  size="md"
744
744
  checkbox={{
745
745
  variant: "checkable",
746
- checked: false,
746
+ checked: "unchecked",
747
747
  onChange: () => {
748
748
  return;
749
749
  },
@@ -756,7 +756,7 @@ export const SelectDataSourceExample = () => {
756
756
  size="md"
757
757
  checkbox={{
758
758
  variant: "checkable",
759
- checked: false,
759
+ checked: "unchecked",
760
760
  onChange: () => {
761
761
  return;
762
762
  },
@@ -768,7 +768,7 @@ export const SelectDataSourceExample = () => {
768
768
  size="md"
769
769
  checkbox={{
770
770
  variant: "checkable",
771
- checked: false,
771
+ checked: "unchecked",
772
772
  onChange: () => {
773
773
  return;
774
774
  },
@@ -780,7 +780,7 @@ export const SelectDataSourceExample = () => {
780
780
  label="item 1"
781
781
  checkbox={{
782
782
  variant: "checkable",
783
- checked: false,
783
+ checked: "unchecked",
784
784
  onChange: () => {
785
785
  return;
786
786
  },
@@ -790,7 +790,7 @@ export const SelectDataSourceExample = () => {
790
790
  label="item 2"
791
791
  checkbox={{
792
792
  variant: "checkable",
793
- checked: false,
793
+ checked: "unchecked",
794
794
  onChange: () => {
795
795
  return;
796
796
  },
@@ -800,7 +800,7 @@ export const SelectDataSourceExample = () => {
800
800
  label="item 3"
801
801
  checkbox={{
802
802
  variant: "checkable",
803
- checked: false,
803
+ checked: "unchecked",
804
804
  onChange: () => {
805
805
  return;
806
806
  },
@@ -810,7 +810,7 @@ export const SelectDataSourceExample = () => {
810
810
  label="item 4"
811
811
  checkbox={{
812
812
  variant: "checkable",
813
- checked: false,
813
+ checked: "unchecked",
814
814
  onChange: () => {
815
815
  return;
816
816
  },
@@ -824,7 +824,7 @@ export const SelectDataSourceExample = () => {
824
824
  size="md"
825
825
  checkbox={{
826
826
  variant: "checkable",
827
- checked: false,
827
+ checked: "unchecked",
828
828
  onChange: () => {
829
829
  return;
830
830
  },
package/src/styles/tailwind.css CHANGED
@@ -2,14 +2,12 @@
2
2
  @tailwind components;
3
3
  @tailwind utilities;
4
4
 
5
-
6
5
  @keyframes bgblink {
7
- 0%,
8
- 100% {
9
- @apply s-bg-structure-0;
10
- }
11
- 50% {
12
- @apply s-bg-purple-100;
13
- }
6
+ 0%,
7
+ 100% {
8
+ @apply s-bg-structure-0;
9
+ }
10
+ 50% {
11
+ @apply s-bg-purple-100;
14
12
  }
15
-
13
+ }