@dust-tt/sparkle 0.2.287 → 0.2.288

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 +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/Tabs.d.ts.map +1 -1
  4. package/dist/esm/components/Tabs.js +3 -3
  5. package/dist/esm/components/Tabs.js.map +1 -1
  6. package/dist/esm/stories/Tabs.stories.js +1 -1
  7. package/dist/esm/stories/Tabs.stories.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/Tabs.tsx +20 -2
  10. package/src/stories/Tabs.stories.tsx +1 -1
package/dist/esm/components/Tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5E,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW;;;;8FAwChB,CAAC;AAEF,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5E,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW;;;;8FA0DhB,CAAC;AAEF,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
package/dist/esm/components/Tabs.js CHANGED
@@ -10,10 +10,10 @@ var TabsList = React.forwardRef(function (_a, ref) {
10
10
  });
11
11
  TabsList.displayName = TabsPrimitive.List.displayName;
12
12
  var TabsTrigger = React.forwardRef(function (_a, ref) {
13
- var className = _a.className, label = _a.label, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, props = __rest(_a, ["className", "label", "icon", "href", "target", "rel", "replace", "shallow"]);
14
- var content = (React.createElement(TabsPrimitive.Trigger, __assign({ ref: ref, className: cn("s-border-0 s-border-b-2 s-border-primary-800/0 s-pb-1 disabled:s-pointer-events-none data-[state=active]:s-border-primary-800", className), asChild: true }, props),
13
+ var className = _a.className, label = _a.label, icon = _a.icon, href = _a.href, target = _a.target, rel = _a.rel, replace = _a.replace, shallow = _a.shallow, disabled = _a.disabled, props = __rest(_a, ["className", "label", "icon", "href", "target", "rel", "replace", "shallow", "disabled"]);
14
+ var content = (React.createElement(TabsPrimitive.Trigger, __assign({ ref: ref, className: cn("s-border-0 s-border-b-2 s-border-primary-800/0 s-pb-1 disabled:s-pointer-events-none data-[state=active]:s-border-primary-800", className), disabled: disabled, asChild: true }, props),
15
15
  React.createElement("div", null,
16
- React.createElement(Button, { variant: "ghost", size: "sm", label: label, icon: icon }))));
16
+ React.createElement(Button, { variant: "ghost", size: "sm", label: label, icon: icon, disabled: disabled }))));
17
17
  return (React.createElement(LinkWrapper, { href: href, target: target, rel: rel, replace: replace, shallow: shallow }, content));
18
18
  });
19
19
  var TabsContent = React.forwardRef(function (_a, ref) {
package/dist/esm/components/Tabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,aAAa,CAAC,IAAI,aACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAQlC,UACE,EAAyE,EACzE,GAAG;IADD,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvE,6EAAyE,CAAF;IAGvE,IAAM,OAAO,GAAG,CACd,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CACV,EACD,OAAO,UACH,KAAK;QAET;YACE,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC1D,CACgB,CACzB,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IAEf,OAAO,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,aAAa,CAAC,IAAI,aACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAQlC,UACE,EAWC,EACD,GAAG;IAXD,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,GAAG,SAAA,EACH,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,KAAK,cAVV,yFAWC,CADS;IAIV,IAAM,OAAO,GAAG,CACd,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,UACH,KAAK;QAET;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GAClB,CACE,CACgB,CACzB,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IAEf,OAAO,CACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,UAAC,EAAuB,EAAE,GAAG;IAA1B,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,oBAAC,aAAa,CAAC,OAAO,aACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,uHAAuH,EACvH,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}
package/dist/esm/stories/Tabs.stories.js CHANGED
@@ -8,7 +8,7 @@ export function TabExample() {
8
8
  return (React.createElement(Tabs, { defaultValue: "account" },
9
9
  React.createElement(TabsList, { className: "grid w-full grid-cols-2" },
10
10
  React.createElement(TabsTrigger, { value: "account", label: "Hello", href: "hello", icon: CommandIcon }),
11
- React.createElement(TabsTrigger, { value: "password", label: "World", icon: LightbulbIcon }),
11
+ React.createElement(TabsTrigger, { disabled: true, value: "password", label: "World", icon: LightbulbIcon }),
12
12
  React.createElement(TabsTrigger, { value: "settings", icon: Cog6ToothIcon })),
13
13
  React.createElement(TabsContent, { value: "account" }, "Hello"),
14
14
  React.createElement(TabsContent, { value: "password" }, "World"),
package/dist/esm/stories/Tabs.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;QAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB;YAC3C,oBAAC,WAAW,IACV,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,WAAW,GACjB;YACF,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;YACnE,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,aAAa,GAAI,CAC5C;QACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;QAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;QACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACR,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;QAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB;YAC3C,oBAAC,WAAW,IACV,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,WAAW,GACjB;YACF,oBAAC,WAAW,IAAC,QAAQ,QAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;YAC5E,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,aAAa,GAAI,CAC5C;QACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;QAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;QACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACR,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dust-tt/sparkle",
3
- "version": "0.2.287",
3
+ "version": "0.2.288",
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/Tabs.tsx CHANGED
@@ -30,7 +30,18 @@ const TabsTrigger = React.forwardRef<
30
30
  } & Omit<LinkWrapperProps, "children" | "className">
31
31
  >(
32
32
  (
33
- { className, label, icon, href, target, rel, replace, shallow, ...props },
33
+ {
34
+ className,
35
+ label,
36
+ icon,
37
+ href,
38
+ target,
39
+ rel,
40
+ replace,
41
+ shallow,
42
+ disabled,
43
+ ...props
44
+ },
34
45
  ref
35
46
  ) => {
36
47
  const content = (
@@ -40,11 +51,18 @@ const TabsTrigger = React.forwardRef<
40
51
  "s-border-0 s-border-b-2 s-border-primary-800/0 s-pb-1 disabled:s-pointer-events-none data-[state=active]:s-border-primary-800",
41
52
  className
42
53
  )}
54
+ disabled={disabled}
43
55
  asChild
44
56
  {...props}
45
57
  >
46
58
  <div>
47
- <Button variant="ghost" size="sm" label={label} icon={icon} />
59
+ <Button
60
+ variant="ghost"
61
+ size="sm"
62
+ label={label}
63
+ icon={icon}
64
+ disabled={disabled}
65
+ />
48
66
  </div>
49
67
  </TabsPrimitive.Trigger>
50
68
  );
package/src/stories/Tabs.stories.tsx CHANGED
@@ -27,7 +27,7 @@ export function TabExample() {
27
27
  href="hello"
28
28
  icon={CommandIcon}
29
29
  />
30
- <TabsTrigger value="password" label="World" icon={LightbulbIcon} />
30
+ <TabsTrigger disabled value="password" label="World" icon={LightbulbIcon} />
31
31
  <TabsTrigger value="settings" icon={Cog6ToothIcon} />
32
32
  </TabsList>
33
33
  <TabsContent value="account">Hello</TabsContent>