@dust-tt/sparkle 0.2.526 → 0.2.527-rc-2

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 (10) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/esm/components/Chip.d.ts.map +1 -1
  3. package/dist/esm/components/Chip.js +15 -3
  4. package/dist/esm/components/Chip.js.map +1 -1
  5. package/dist/esm/stories/Chip.stories.d.ts.map +1 -1
  6. package/dist/esm/stories/Chip.stories.js +9 -9
  7. package/dist/esm/stories/Chip.stories.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/Chip.tsx +24 -7
  10. package/src/stories/Chip.stories.tsx +9 -0
package/dist/esm/components/Chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAGL,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAM9B,eAAO,MAAM,UAAU,uBAAwB,CAAC;AAEhD,KAAK,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,eAAO,MAAM,WAAW,oGAUd,CAAC;AAEX,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA8GlD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,GAAG,aAAa,GAAG;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG;KACD,CAAC,IAAI,MAAM,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;CACxD,CAAC;AAEF,KAAK,aAAa,GAAG,aAAa,GAChC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEJ,KAAK,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC;AAEjD,QAAA,MAAM,IAAI,kFAkET,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAGL,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAM9B,eAAO,MAAM,UAAU,uBAAwB,CAAC;AAEhD,KAAK,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,eAAO,MAAM,WAAW,oGAUd,CAAC;AAEX,KAAK,aAAa,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA8GlD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,GAAG,aAAa,GAAG;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG;KACD,CAAC,IAAI,MAAM,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK;CACxD,CAAC;AAEF,KAAK,aAAa,GAAG,aAAa,GAChC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEJ,KAAK,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC;AAEjD,QAAA,MAAM,IAAI,kFAmFT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
package/dist/esm/components/Chip.js CHANGED
@@ -68,11 +68,23 @@ var chipVariants = cva("s-inline-flex s-box-border s-items-center", {
68
68
  });
69
69
  var Chip = React.forwardRef(function (_a, ref) {
70
70
  var size = _a.size, color = _a.color, label = _a.label, children = _a.children, className = _a.className, isBusy = _a.isBusy, icon = _a.icon, onRemove = _a.onRemove, onClick = _a.onClick, href = _a.href, linkProps = __rest(_a, ["size", "color", "label", "children", "className", "isBusy", "icon", "onRemove", "onClick", "href"]);
71
- var chipContent = (React.createElement("div", { className: cn(chipVariants({ size: size, background: color, text: color }), className, onRemove && "s-cursor-pointer"), "aria-label": label, ref: ref, onClick: onClick ? function () { return onClick(); } : undefined },
71
+ var chipContent = (React.createElement("div", { className: cn(chipVariants({ size: size, background: color, text: color }), className, onClick && "s-cursor-pointer"), "aria-label": label, ref: ref, onClick: onClick ? function () { return onClick(); } : undefined, role: onClick ? "button" : undefined, onKeyDown: function (e) {
72
+ if (onClick &&
73
+ (e.key === "Enter" || e.key === " ") &&
74
+ e.target === e.currentTarget) {
75
+ e.preventDefault();
76
+ e.stopPropagation();
77
+ onClick();
78
+ }
79
+ }, tabIndex: onClick ? 0 : undefined },
72
80
  children,
73
81
  icon && React.createElement(Icon, { visual: icon, size: size }),
74
- label && (React.createElement("span", { className: cn("s-pointer s-grow s-truncate", onClick ? "s-cursor-pointer" : "s-cursor-default") }, isBusy ? (React.createElement(AnimatedText, { variant: color }, label)) : (label))),
75
- onRemove && (React.createElement("div", { onClick: onRemove !== null && onRemove !== void 0 ? onRemove : undefined },
82
+ label && (React.createElement("span", { className: cn("s-grow s-truncate", onClick && "s-cursor-pointer") }, isBusy ? (React.createElement(AnimatedText, { variant: color }, label)) : (label))),
83
+ onRemove && (React.createElement("button", { className: "s-z-10", onClick: function (e) {
84
+ e.preventDefault();
85
+ e.stopPropagation();
86
+ onRemove();
87
+ } },
76
88
  React.createElement(Icon, { visual: XMarkIcon, size: size, className: cn("s-transition-color -s-mr-1 s-duration-200", closeIconVariants[color || "primary"]) })))));
77
89
  return href ? (React.createElement(LinkWrapper, __assign({ href: href }, linkProps), chipContent)) : (chipContent);
78
90
  });
package/dist/esm/components/Chip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip.tsx"],"names":[],"mappings":"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"}
package/dist/esm/stories/Chip.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAezB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAsErB,CAAC"}
1
+ {"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,yBAezB,CAAC;AAEF,eAAO,MAAM,SAAS,yBA+ErB,CAAC"}
package/dist/esm/stories/Chip.stories.js CHANGED
@@ -69,13 +69,13 @@ export var AllColors = function () { return (React.createElement("div", { classN
69
69
  React.createElement(Chip, { size: "sm", color: "rose", label: "Rose" }),
70
70
  React.createElement(Chip, { size: "sm", color: "golden", label: "Golden" })),
71
71
  React.createElement("div", { className: "s-flex s-flex-wrap s-gap-2" },
72
- React.createElement(Chip, { size: "sm", color: "primary", label: "Primary", onRemove: function () { return alert("Removed"); } }),
73
- React.createElement(Chip, { size: "sm", color: "highlight", label: "Highlight", onRemove: function () { return alert("Removed"); } }),
74
- React.createElement(Chip, { size: "sm", color: "success", label: "Success", onRemove: function () { return alert("Removed"); } }),
75
- React.createElement(Chip, { size: "sm", color: "warning", label: "Warning", onRemove: function () { return alert("Removed"); } }),
76
- React.createElement(Chip, { size: "sm", color: "info", label: "Info", onRemove: function () { return alert("Removed"); } }),
77
- React.createElement(Chip, { size: "sm", color: "green", label: "Green", onRemove: function () { return alert("Removed"); } }),
78
- React.createElement(Chip, { size: "sm", color: "blue", label: "Blue", onRemove: function () { return alert("Removed"); } }),
79
- React.createElement(Chip, { size: "sm", color: "rose", label: "Rose", onRemove: function () { return alert("Removed"); } }),
80
- React.createElement(Chip, { size: "sm", color: "golden", label: "Golden", onRemove: function () { return alert("Removed"); } })))); };
72
+ React.createElement(Chip, { size: "sm", color: "primary", label: "Primary", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
73
+ React.createElement(Chip, { size: "sm", color: "highlight", label: "Highlight", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
74
+ React.createElement(Chip, { size: "sm", color: "success", label: "Success", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
75
+ React.createElement(Chip, { size: "sm", color: "warning", label: "Warning", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
76
+ React.createElement(Chip, { size: "sm", color: "info", label: "Info", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
77
+ React.createElement(Chip, { size: "sm", color: "green", label: "Green", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
78
+ React.createElement(Chip, { size: "sm", color: "blue", label: "Blue", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
79
+ React.createElement(Chip, { size: "sm", color: "rose", label: "Rose", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } }),
80
+ React.createElement(Chip, { size: "sm", color: "golden", label: "Golden", onClick: function () { return alert("Clicked"); }, onRemove: function () { return alert("Removed"); } })))); };
81
81
  //# sourceMappingURL=Chip.stories.js.map
package/dist/esm/stories/Chip.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../src/stories/Chip.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dust-tt/sparkle",
3
- "version": "0.2.526",
3
+ "version": "0.2.527-rc-2",
4
4
  "scripts": {
5
5
  "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
6
6
  "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",
package/src/components/Chip.tsx CHANGED
@@ -183,20 +183,30 @@ const Chip = React.forwardRef<HTMLDivElement, ChipProps>(
183
183
  className={cn(
184
184
  chipVariants({ size, background: color, text: color }),
185
185
  className,
186
- onRemove && "s-cursor-pointer"
186
+ onClick && "s-cursor-pointer"
187
187
  )}
188
188
  aria-label={label}
189
189
  ref={ref}
190
190
  onClick={onClick ? () => onClick() : undefined}
191
+ role={onClick ? "button" : undefined}
192
+ onKeyDown={(e) => {
193
+ if (
194
+ onClick &&
195
+ (e.key === "Enter" || e.key === " ") &&
196
+ e.target === e.currentTarget
197
+ ) {
198
+ e.preventDefault();
199
+ e.stopPropagation();
200
+ onClick();
201
+ }
202
+ }}
203
+ tabIndex={onClick ? 0 : undefined}
191
204
  >
192
205
  {children}
193
206
  {icon && <Icon visual={icon} size={size as IconProps["size"]} />}
194
207
  {label && (
195
208
  <span
196
- className={cn(
197
- "s-pointer s-grow s-truncate",
198
- onClick ? "s-cursor-pointer" : "s-cursor-default"
199
- )}
209
+ className={cn("s-grow s-truncate", onClick && "s-cursor-pointer")}
200
210
  >
201
211
  {isBusy ? (
202
212
  <AnimatedText variant={color}>{label}</AnimatedText>
@@ -206,7 +216,14 @@ const Chip = React.forwardRef<HTMLDivElement, ChipProps>(
206
216
  </span>
207
217
  )}
208
218
  {onRemove && (
209
- <div onClick={onRemove ?? undefined}>
219
+ <button
220
+ className="s-z-10"
221
+ onClick={(e) => {
222
+ e.preventDefault();
223
+ e.stopPropagation();
224
+ onRemove();
225
+ }}
226
+ >
210
227
  <Icon
211
228
  visual={XMarkIcon}
212
229
  size={size}
@@ -215,7 +232,7 @@ const Chip = React.forwardRef<HTMLDivElement, ChipProps>(
215
232
  closeIconVariants[color || "primary"]
216
233
  )}
217
234
  />
218
- </div>
235
+ </button>
219
236
  )}
220
237
  </div>
221
238
  );
package/src/stories/Chip.stories.tsx CHANGED
@@ -106,54 +106,63 @@ export const AllColors = () => (
106
106
  size="sm"
107
107
  color="primary"
108
108
  label="Primary"
109
+ onClick={() => alert("Clicked")}
109
110
  onRemove={() => alert("Removed")}
110
111
  />
111
112
  <Chip
112
113
  size="sm"
113
114
  color="highlight"
114
115
  label="Highlight"
116
+ onClick={() => alert("Clicked")}
115
117
  onRemove={() => alert("Removed")}
116
118
  />
117
119
  <Chip
118
120
  size="sm"
119
121
  color="success"
120
122
  label="Success"
123
+ onClick={() => alert("Clicked")}
121
124
  onRemove={() => alert("Removed")}
122
125
  />
123
126
  <Chip
124
127
  size="sm"
125
128
  color="warning"
126
129
  label="Warning"
130
+ onClick={() => alert("Clicked")}
127
131
  onRemove={() => alert("Removed")}
128
132
  />
129
133
  <Chip
130
134
  size="sm"
131
135
  color="info"
132
136
  label="Info"
137
+ onClick={() => alert("Clicked")}
133
138
  onRemove={() => alert("Removed")}
134
139
  />
135
140
  <Chip
136
141
  size="sm"
137
142
  color="green"
138
143
  label="Green"
144
+ onClick={() => alert("Clicked")}
139
145
  onRemove={() => alert("Removed")}
140
146
  />
141
147
  <Chip
142
148
  size="sm"
143
149
  color="blue"
144
150
  label="Blue"
151
+ onClick={() => alert("Clicked")}
145
152
  onRemove={() => alert("Removed")}
146
153
  />
147
154
  <Chip
148
155
  size="sm"
149
156
  color="rose"
150
157
  label="Rose"
158
+ onClick={() => alert("Clicked")}
151
159
  onRemove={() => alert("Removed")}
152
160
  />
153
161
  <Chip
154
162
  size="sm"
155
163
  color="golden"
156
164
  label="Golden"
165
+ onClick={() => alert("Clicked")}
157
166
  onRemove={() => alert("Removed")}
158
167
  />
159
168
  </div>