@dust-tt/sparkle 0.2.209 → 0.2.210-rc74

package/src/icons/stroke/index.ts

@@ -1,11 +1,15 @@
 export { default as ArrowDown } from "./ArrowDown";
 export { default as ArrowDownCircle } from "./ArrowDownCircle";
 export { default as ArrowDownOnSquare } from "./ArrowDownOnSquare";
+export { default as ArrowDownS } from "./ArrowDownS";
 export { default as ArrowLeft } from "./ArrowLeft";
+export { default as ArrowLeftS } from "./ArrowLeftS";
 export { default as ArrowPath } from "./ArrowPath";
 export { default as ArrowRight } from "./ArrowRight";
+export { default as ArrowRightS } from "./ArrowRightS";
 export { default as ArrowUp } from "./ArrowUp";
 export { default as ArrowUpOnSquare } from "./ArrowUpOnSquare";
+export { default as ArrowUpS } from "./ArrowUpS";
 export { default as Attachment } from "./Attachment";
 export { default as Backspace } from "./Backspace";
 export { default as Bookmark } from "./Bookmark";
@@ -18,6 +22,8 @@ export { default as ChatBubbleLeftRight } from "./ChatBubbleLeftRight";
 export { default as ChatBubbleThought } from "./ChatBubbleThought";
 export { default as Check } from "./Check";
 export { default as CheckCircle } from "./CheckCircle";
+export { default as ChevronDoubleLeft } from "./ChevronDoubleLeft";
+export { default as ChevronDoubleRight } from "./ChevronDoubleRight";
 export { default as ChevronDown } from "./ChevronDown";
 export { default as ChevronLeft } from "./ChevronLeft";
 export { default as ChevronRight } from "./ChevronRight";
@@ -34,6 +40,7 @@ export { default as CloudX } from "./CloudX";
 export { default as Cog6Tooth } from "./Cog6Tooth";
 export { default as Command } from "./Command";
 export { default as CommandLine } from "./CommandLine";
+export { default as Company } from "./Company";
 export { default as Cube } from "./Cube";
 export { default as Dash } from "./Dash";
 export { default as Document } from "./Document";
@@ -48,6 +55,7 @@ export { default as ExclamationCircle } from "./ExclamationCircle";
 export { default as ExternalLink } from "./ExternalLink";
 export { default as Eye } from "./Eye";
 export { default as EyeSlash } from "./EyeSlash";
+export { default as Filter } from "./Filter";
 export { default as Fire } from "./Fire";
 export { default as Flag } from "./Flag";
 export { default as Folder } from "./Folder";
@@ -58,8 +66,11 @@ export { default as GlobeAlt } from "./GlobeAlt";
 export { default as Grab } from "./Grab";
 export { default as HandThumbDown } from "./HandThumbDown";
 export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Heart } from "./Heart";
 export { default as HeartAlt } from "./HeartAlt";
 export { default as Hexagon } from "./Hexagon";
+export { default as History } from "./History";
+export { default as Home } from "./Home";
 export { default as Image } from "./Image";
 export { default as InformationCircle } from "./InformationCircle";
 export { default as Key } from "./Key";
@@ -74,6 +85,7 @@ export { default as Login } from "./Login";
 export { default as Logout } from "./Logout";
 export { default as Magic } from "./Magic";
 export { default as MagnifyingGlass } from "./MagnifyingGlass";
+export { default as MarkPen } from "./MarkPen";
 export { default as Menu } from "./Menu";
 export { default as More } from "./More";
 export { default as MovingMail } from "./MovingMail";
@@ -106,6 +118,7 @@ export { default as Tag } from "./Tag";
 export { default as Template } from "./Template";
 export { default as TestTube } from "./TestTube";
 export { default as Time } from "./Time";
+export { default as Translate } from "./Translate";
 export { default as Trash } from "./Trash";
 export { default as Triangle } from "./Triangle";
 export { default as User } from "./User";

package/src/logo/src/platforms/Zendesk.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 4L13 16L23 4L13 4Z" fill="#03363D"/>
+<path d="M6 9C3.23858 9 1 6.76142 1 4H11C11 6.76142 8.76142 9 6 9Z" fill="#03363D"/>
+<path d="M18 15C20.7614 15 23 17.2386 23 20H13C13 17.2386 15.2386 15 18 15Z" fill="#03363D"/>
+<path d="M11 8V20H1L11 8Z" fill="#03363D"/>
+</svg>

package/src/stories/Checkbox.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
 
 import { Checkbox } from "../index_with_tw_base";
 
@@ -9,6 +10,67 @@ const meta = {
 
 export default meta;
 type Story = StoryObj<typeof meta>;
+export const CheckBoxExample = () => {
+  // No-op function for onChange
+  const handleChange = () => {
+    // This function intentionally left blank
+  };
+
+  return (
+    <div className="s-flex s-flex-col s-gap-10">
+      SM
+      <div className="s-flex s-gap-10">
+        Selectable
+        <Checkbox variant="selectable" onChange={handleChange} />
+        <Checkbox checked variant="selectable" onChange={handleChange} />
+        <Checkbox
+          checked="partial"
+          variant="selectable"
+          onChange={handleChange}
+        />
+        Checkable
+        <Checkbox variant="checkable" onChange={handleChange} />
+        <Checkbox checked variant="checkable" onChange={handleChange} />
+        <Checkbox
+          checked="partial"
+          variant="checkable"
+          onChange={handleChange}
+        />
+      </div>
+      XS
+      <div className="s-flex s-gap-10">
+        Selectable
+        <Checkbox size="xs" variant="selectable" onChange={handleChange} />
+        <Checkbox
+          size="xs"
+          checked
+          variant="selectable"
+          onChange={handleChange}
+        />
+        <Checkbox
+          size="xs"
+          checked="partial"
+          variant="selectable"
+          onChange={handleChange}
+        />
+        Checkable
+        <Checkbox size="xs" variant="checkable" onChange={handleChange} />
+        <Checkbox
+          size="xs"
+          checked
+          variant="checkable"
+          onChange={handleChange}
+        />
+        <Checkbox
+          size="xs"
+          checked="partial"
+          variant="checkable"
+          onChange={handleChange}
+        />
+      </div>
+    </div>
+  );
+};
 
 export const Selectable: Story = {
   args: {
@@ -32,8 +94,7 @@ export const Unchecked: Story = {
 
 export const PartialChecked: Story = {
   args: {
-    checked: false,
-    partialChecked: true,
+    checked: "partial",
     variant: "checkable",
   },
 };