@dust-tt/sparkle 0.2.454 → 0.2.455

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 (49) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/esm/components/AnimatedText.d.ts +1 -1
  3. package/dist/esm/components/AnimatedText.d.ts.map +1 -1
  4. package/dist/esm/components/AnimatedText.js +32 -8
  5. package/dist/esm/components/AnimatedText.js.map +1 -1
  6. package/dist/esm/components/Avatar.d.ts.map +1 -1
  7. package/dist/esm/components/Avatar.js +8 -24
  8. package/dist/esm/components/Avatar.js.map +1 -1
  9. package/dist/esm/components/Button.d.ts +1 -1
  10. package/dist/esm/components/Chip.d.ts +1 -1
  11. package/dist/esm/components/Chip.d.ts.map +1 -1
  12. package/dist/esm/components/Chip.js +36 -10
  13. package/dist/esm/components/Chip.js.map +1 -1
  14. package/dist/esm/components/ColorPicker.js +1 -1
  15. package/dist/esm/components/ColorPicker.js.map +1 -1
  16. package/dist/esm/components/ContentMessage.d.ts +1 -1
  17. package/dist/esm/components/ContentMessage.d.ts.map +1 -1
  18. package/dist/esm/components/ContentMessage.js +59 -14
  19. package/dist/esm/components/ContentMessage.js.map +1 -1
  20. package/dist/esm/components/Counter.d.ts +1 -1
  21. package/dist/esm/components/Hoverable.d.ts +1 -1
  22. package/dist/esm/components/PriceTable.d.ts.map +1 -1
  23. package/dist/esm/components/PriceTable.js +0 -7
  24. package/dist/esm/components/PriceTable.js.map +1 -1
  25. package/dist/esm/stories/Avatar.stories.js +3 -3
  26. package/dist/esm/stories/Avatar.stories.js.map +1 -1
  27. package/dist/esm/stories/Chip.stories.d.ts +3 -3
  28. package/dist/esm/stories/ColorPalette.stories.d.ts +2 -1
  29. package/dist/esm/stories/ColorPalette.stories.d.ts.map +1 -1
  30. package/dist/esm/stories/ColorPalette.stories.js +65 -13
  31. package/dist/esm/stories/ColorPalette.stories.js.map +1 -1
  32. package/dist/esm/stories/ColorPicker.stories.d.ts.map +1 -1
  33. package/dist/esm/stories/ColorPicker.stories.js +48 -128
  34. package/dist/esm/stories/ColorPicker.stories.js.map +1 -1
  35. package/dist/esm/stories/ContentMessage.stories.js +8 -8
  36. package/dist/esm/stories/ContentMessage.stories.js.map +1 -1
  37. package/dist/esm/stories/IconButton.stories.d.ts +1 -1
  38. package/dist/sparkle.css +340 -1437
  39. package/package.json +1 -1
  40. package/src/components/AnimatedText.tsx +64 -19
  41. package/src/components/Avatar.tsx +8 -24
  42. package/src/components/Chip.tsx +72 -22
  43. package/src/components/ColorPicker.tsx +1 -1
  44. package/src/components/ContentMessage.tsx +68 -14
  45. package/src/components/PriceTable.tsx +0 -8
  46. package/src/stories/Avatar.stories.tsx +3 -3
  47. package/src/stories/ColorPalette.stories.tsx +83 -2
  48. package/src/stories/ColorPicker.stories.tsx +48 -128
  49. package/src/stories/ContentMessage.stories.tsx +8 -8
package/src/stories/ColorPicker.stories.tsx CHANGED
@@ -11,46 +11,6 @@ const meta = {
11
11
  export default meta;
12
12
 
13
13
  const colors = [
14
- "bg-amber-100",
15
- "bg-amber-200",
16
- "bg-amber-300",
17
- "bg-amber-400",
18
- "bg-amber-500",
19
- "bg-amber-600",
20
- "bg-amber-700",
21
- "bg-amber-800",
22
- "bg-blue-100",
23
- "bg-blue-200",
24
- "bg-blue-300",
25
- "bg-blue-400",
26
- "bg-blue-500",
27
- "bg-blue-600",
28
- "bg-blue-700",
29
- "bg-blue-800",
30
- "bg-cyan-100",
31
- "bg-cyan-200",
32
- "bg-cyan-300",
33
- "bg-cyan-400",
34
- "bg-cyan-500",
35
- "bg-cyan-600",
36
- "bg-cyan-700",
37
- "bg-cyan-800",
38
- "bg-emerald-100",
39
- "bg-emerald-200",
40
- "bg-emerald-300",
41
- "bg-emerald-400",
42
- "bg-emerald-500",
43
- "bg-emerald-600",
44
- "bg-emerald-700",
45
- "bg-emerald-800",
46
- "bg-fuchsia-100",
47
- "bg-fuchsia-200",
48
- "bg-fuchsia-300",
49
- "bg-fuchsia-400",
50
- "bg-fuchsia-500",
51
- "bg-fuchsia-600",
52
- "bg-fuchsia-700",
53
- "bg-fuchsia-800",
54
14
  "bg-gray-100",
55
15
  "bg-gray-200",
56
16
  "bg-gray-300",
@@ -59,38 +19,22 @@ const colors = [
59
19
  "bg-gray-600",
60
20
  "bg-gray-700",
61
21
  "bg-gray-800",
62
- "bg-green-100",
63
- "bg-green-200",
64
- "bg-green-300",
65
- "bg-green-400",
66
- "bg-green-500",
67
- "bg-green-600",
68
- "bg-green-700",
69
- "bg-green-800",
70
- "bg-indigo-100",
71
- "bg-indigo-200",
72
- "bg-indigo-300",
73
- "bg-indigo-400",
74
- "bg-indigo-500",
75
- "bg-indigo-600",
76
- "bg-indigo-700",
77
- "bg-indigo-800",
78
- "bg-lime-100",
79
- "bg-lime-200",
80
- "bg-lime-300",
81
- "bg-lime-400",
82
- "bg-lime-500",
83
- "bg-lime-600",
84
- "bg-lime-700",
85
- "bg-lime-800",
86
- "bg-orange-100",
87
- "bg-orange-200",
88
- "bg-orange-300",
89
- "bg-orange-400",
90
- "bg-orange-500",
91
- "bg-orange-600",
92
- "bg-orange-700",
93
- "bg-orange-800",
22
+ "bg-blue-100",
23
+ "bg-blue-200",
24
+ "bg-blue-300",
25
+ "bg-blue-400",
26
+ "bg-blue-500",
27
+ "bg-blue-600",
28
+ "bg-blue-700",
29
+ "bg-blue-800",
30
+ "bg-violet-100",
31
+ "bg-violet-200",
32
+ "bg-violet-300",
33
+ "bg-violet-400",
34
+ "bg-violet-500",
35
+ "bg-violet-600",
36
+ "bg-violet-700",
37
+ "bg-violet-800",
94
38
  "bg-pink-100",
95
39
  "bg-pink-200",
96
40
  "bg-pink-300",
@@ -99,14 +43,6 @@ const colors = [
99
43
  "bg-pink-600",
100
44
  "bg-pink-700",
101
45
  "bg-pink-800",
102
- "bg-purple-100",
103
- "bg-purple-200",
104
- "bg-purple-300",
105
- "bg-purple-400",
106
- "bg-purple-500",
107
- "bg-purple-600",
108
- "bg-purple-700",
109
- "bg-purple-800",
110
46
  "bg-red-100",
111
47
  "bg-red-200",
112
48
  "bg-red-300",
@@ -115,54 +51,38 @@ const colors = [
115
51
  "bg-red-600",
116
52
  "bg-red-700",
117
53
  "bg-red-800",
118
- "bg-rose-100",
119
- "bg-rose-200",
120
- "bg-rose-300",
121
- "bg-rose-400",
122
- "bg-rose-500",
123
- "bg-rose-600",
124
- "bg-rose-700",
125
- "bg-rose-800",
126
- "bg-sky-100",
127
- "bg-sky-200",
128
- "bg-sky-300",
129
- "bg-sky-400",
130
- "bg-sky-500",
131
- "bg-sky-600",
132
- "bg-sky-700",
133
- "bg-sky-800",
134
- "bg-stone-100",
135
- "bg-stone-200",
136
- "bg-stone-300",
137
- "bg-stone-400",
138
- "bg-stone-500",
139
- "bg-stone-600",
140
- "bg-stone-700",
141
- "bg-stone-800",
142
- "bg-teal-100",
143
- "bg-teal-200",
144
- "bg-teal-300",
145
- "bg-teal-400",
146
- "bg-teal-500",
147
- "bg-teal-600",
148
- "bg-teal-700",
149
- "bg-teal-800",
150
- "bg-violet-100",
151
- "bg-violet-200",
152
- "bg-violet-300",
153
- "bg-violet-400",
154
- "bg-violet-500",
155
- "bg-violet-600",
156
- "bg-violet-700",
157
- "bg-violet-800",
158
- "bg-yellow-100",
159
- "bg-yellow-200",
160
- "bg-yellow-300",
161
- "bg-yellow-400",
162
- "bg-yellow-500",
163
- "bg-yellow-600",
164
- "bg-yellow-700",
165
- "bg-yellow-800",
54
+ "bg-orange-100",
55
+ "bg-orange-200",
56
+ "bg-orange-300",
57
+ "bg-orange-400",
58
+ "bg-orange-500",
59
+ "bg-orange-600",
60
+ "bg-orange-700",
61
+ "bg-orange-800",
62
+ "bg-golden-100",
63
+ "bg-golden-200",
64
+ "bg-golden-300",
65
+ "bg-golden-400",
66
+ "bg-golden-500",
67
+ "bg-golden-600",
68
+ "bg-golden-700",
69
+ "bg-golden-800",
70
+ "bg-lime-100",
71
+ "bg-lime-200",
72
+ "bg-lime-300",
73
+ "bg-lime-400",
74
+ "bg-lime-500",
75
+ "bg-lime-600",
76
+ "bg-lime-700",
77
+ "bg-lime-800",
78
+ "bg-emerald-100",
79
+ "bg-emerald-200",
80
+ "bg-emerald-300",
81
+ "bg-emerald-400",
82
+ "bg-emerald-500",
83
+ "bg-emerald-600",
84
+ "bg-emerald-700",
85
+ "bg-emerald-800",
166
86
  ];
167
87
 
168
88
  export const ColorPickerExample = () => (
package/src/stories/ContentMessage.stories.tsx CHANGED
@@ -29,15 +29,15 @@ const meta = {
29
29
  },
30
30
  variant: {
31
31
  options: [
32
- "amber",
33
- "slate",
34
- "emerald",
35
- "pink",
36
- "purple",
32
+ "primary",
37
33
  "warning",
38
- "sky",
39
- "action",
40
- "red",
34
+ "success",
35
+ "highlight",
36
+ "info",
37
+ "green",
38
+ "blue",
39
+ "rose",
40
+ "golden",
41
41
  ],
42
42
  control: { type: "select" },
43
43
  description: "Visual style variant",