@dust-tt/sparkle 0.4.13 → 0.4.15

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 (13) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/esm/components/Icon.d.ts +2 -2
  3. package/dist/esm/components/Icon.d.ts.map +1 -1
  4. package/dist/esm/components/Icon.js +16 -2
  5. package/dist/esm/components/Icon.js.map +1 -1
  6. package/dist/esm/icons/src/app/brain copie.svg +3 -0
  7. package/dist/esm/stories/DoubleIcon.stories.d.ts.map +1 -1
  8. package/dist/esm/stories/DoubleIcon.stories.js +7 -1
  9. package/dist/esm/stories/DoubleIcon.stories.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Icon.tsx +21 -3
  12. package/src/icons/src/app/brain copie.svg +3 -0
  13. package/src/stories/DoubleIcon.stories.tsx +13 -0
package/dist/esm/components/Icon.d.ts CHANGED
@@ -9,12 +9,12 @@ export interface IconProps {
9
9
  }
10
10
  export declare function Icon({ visual: IconComponent, size, className, }: IconProps): React.JSX.Element | null;
11
11
  declare const sizeVariants: (props?: ({
12
- size?: "md" | "lg" | "xl" | null | undefined;
12
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
13
13
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
14
14
  export interface DoubleIconProps extends VariantProps<typeof sizeVariants> {
15
15
  mainIcon: React.ComponentType;
16
16
  secondaryIcon: React.ComponentType;
17
- size?: "md" | "lg" | "xl";
17
+ size?: "sm" | "md" | "lg" | "xl";
18
18
  className?: string;
19
19
  }
20
20
  export declare const DoubleIcon: ({ mainIcon, secondaryIcon, className, size, }: DoubleIconProps) => React.JSX.Element;
package/dist/esm/components/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,aAAa,EACrB,IAAW,EACX,SAAc,GACf,EAAE,SAAS,4BAIX;AAED,QAAA,MAAM,YAAY;;mFAWhB,CAAC;AAeH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,kDAKpB,eAAe,sBAejB,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,IAAI,CAAC,EACnB,MAAM,EAAE,aAAa,EACrB,IAAW,EACX,SAAc,GACf,EAAE,SAAS,4BAIX;AAED,QAAA,MAAM,YAAY;;mFAYhB,CAAC;AAgBH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9B,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,kDAKpB,eAAe,sBA+BjB,CAAC"}
package/dist/esm/components/Icon.js CHANGED
@@ -16,6 +16,7 @@ export function Icon(_a) {
16
16
  var sizeVariants = cva("s-relative", {
17
17
  variants: {
18
18
  size: {
19
+ sm: "s-h-5 s-w-5",
19
20
  md: "s-h-6 s-w-6",
20
21
  lg: "s-h-8 s-w-8 s-p-0.5",
21
22
  xl: "s-h-10 s-w-10",
@@ -28,6 +29,7 @@ var sizeVariants = cva("s-relative", {
28
29
  var iconSizeVariants = cva("s-absolute", {
29
30
  variants: {
30
31
  size: {
32
+ sm: "s-bottom-0 s-right-0",
31
33
  md: "s-bottom-0 s-right-0",
32
34
  lg: "s-bottom-0 s-right-0",
33
35
  xl: "s-bottom-0 s-right-0",
@@ -40,7 +42,19 @@ var iconSizeVariants = cva("s-absolute", {
40
42
  export var DoubleIcon = function (_a) {
41
43
  var mainIcon = _a.mainIcon, secondaryIcon = _a.secondaryIcon, className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b;
42
44
  return (React.createElement("div", { className: cn(sizeVariants({ size: size }), className) },
43
- React.createElement(Icon, { className: "s-text-foreground dark:s-text-foreground-night", size: size === "md" ? "sm" : size === "lg" ? "md" : "lg", visual: mainIcon }),
44
- React.createElement(Icon, { size: size === "md" ? "xs" : size === "lg" ? "xs" : "md", visual: secondaryIcon, className: cn("s-absolute", iconSizeVariants({ size: size })) })));
45
+ React.createElement(Icon, { className: "s-text-foreground dark:s-text-foreground-night", size: size === "sm"
46
+ ? "xs"
47
+ : size === "md"
48
+ ? "sm"
49
+ : size === "lg"
50
+ ? "md"
51
+ : "lg", visual: mainIcon }),
52
+ React.createElement(Icon, { size: size === "sm"
53
+ ? "xs"
54
+ : size === "md"
55
+ ? "xs"
56
+ : size === "lg"
57
+ ? "xs"
58
+ : "md", visual: secondaryIcon, className: cn("s-absolute", iconSizeVariants({ size: size })) })));
45
59
  };
46
60
  //# sourceMappingURL=Icon.js.map
package/dist/esm/components/Icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,IAAM,SAAS,GAAG;IAChB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,eAAe;IACnB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAIT;QAHF,aAAa,YAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,IAAM,YAAY,GAAG,GAAG,CAAC,YAAY,EAAE;IACrC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,eAAe;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAG,GAAG,CAAC,YAAY,EAAE;IACzC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AASH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKT;QAJhB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,SAAS,CAAC;QACnD,oBAAC,IAAI,IACH,SAAS,EAAC,gDAAgD,EAC1D,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxD,MAAM,EAAE,QAAQ,GAChB;QACF,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACxD,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,GACvD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,IAAM,SAAS,GAAG;IAChB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,eAAe;IACnB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,MAAM,UAAU,IAAI,CAAC,EAIT;QAHF,aAAa,YAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,IAAM,YAAY,GAAG,GAAG,CAAC,YAAY,EAAE;IACrC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,eAAe;SACpB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAG,GAAG,CAAC,YAAY,EAAE;IACzC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AASH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKT;QAJhB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EAAE,SAAS,CAAC;QACnD,oBAAC,IAAI,IACH,SAAS,EAAC,gDAAgD,EAC1D,IAAI,EACF,IAAI,KAAK,IAAI;gBACX,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,KAAK,IAAI;oBACb,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,IAAI,KAAK,IAAI;wBACb,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,IAAI,EAEd,MAAM,EAAE,QAAQ,GAChB;QACF,oBAAC,IAAI,IACH,IAAI,EACF,IAAI,KAAK,IAAI;gBACX,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,KAAK,IAAI;oBACb,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,IAAI,KAAK,IAAI;wBACb,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,IAAI,EAEd,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,GACvD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
package/dist/esm/icons/src/app/brain copie.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.5 2C6.567 2 5 3.567 5 5.5C5 5.68016 5.01364 5.85714 5.03993 6.02997C3.32436 6.25523 2 7.72295 2 9.5C2 10.4793 2.40223 11.3647 3.05051 12C2.40223 12.6353 2 13.5207 2 14.5C2 15.9018 2.82359 17.1104 4.01353 17.6693C4.00457 17.7785 4 17.8888 4 18C4 20.2091 5.79086 22 8 22C9.19469 22 10.2671 21.4762 11 20.6458V3.05051C10.3647 2.40223 9.47934 2 8.5 2ZM13 3.05051V20.6458C13.7329 21.4762 14.8053 22 16 22C18.2091 22 20 20.2091 20 18C20 17.8888 19.9954 17.7785 19.9865 17.6693C21.1764 17.1104 22 15.9018 22 14.5C22 13.5207 21.5978 12.6353 20.9495 12C21.5978 11.3647 22 10.4793 22 9.5C22 7.72295 20.6756 6.25523 18.9601 6.02997C18.9864 5.85714 19 5.68016 19 5.5C19 3.567 17.433 2 15.5 2C14.5207 2 13.6353 2.40223 13 3.05051Z" fill="#111418"/>
3
+ </svg>
package/dist/esm/stories/DoubleIcon.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DoubleIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DoubleIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBA0CzB,CAAC"}
1
+ {"version":3,"file":"DoubleIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DoubleIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,yBAuDzB,CAAC"}
package/dist/esm/stories/DoubleIcon.stories.js CHANGED
@@ -25,5 +25,11 @@ export var IconPositions = function () { return (React.createElement("div", { cl
25
25
  " ",
26
26
  React.createElement(DoubleIcon, { size: "md", mainIcon: DocumentIcon, secondaryIcon: NotionLogo }),
27
27
  " ",
28
- React.createElement(DoubleIcon, { size: "md", mainIcon: ChatBubbleThoughtIcon, secondaryIcon: SlackLogo })))); };
28
+ React.createElement(DoubleIcon, { size: "md", mainIcon: ChatBubbleThoughtIcon, secondaryIcon: SlackLogo })),
29
+ React.createElement("div", { className: "s-flex s-items-center s-gap-8" },
30
+ React.createElement(DoubleIcon, { size: "sm", mainIcon: FolderIcon, secondaryIcon: DriveLogo }),
31
+ " ",
32
+ React.createElement(DoubleIcon, { size: "sm", mainIcon: DocumentIcon, secondaryIcon: NotionLogo }),
33
+ " ",
34
+ React.createElement(DoubleIcon, { size: "sm", mainIcon: ChatBubbleThoughtIcon, secondaryIcon: SlackLogo })))); };
29
35
  //# sourceMappingURL=DoubleIcon.stories.js.map
package/dist/esm/stories/DoubleIcon.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DoubleIcon.stories.js","sourceRoot":"","sources":["../../../src/stories/DoubleIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE,CACF,CACP,EA1CkC,CA0ClC,CAAC"}
1
+ {"version":3,"file":"DoubleIcon.stories.js","sourceRoot":"","sources":["../../../src/stories/DoubleIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEjE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,6BAAK,SAAS,EAAC,2BAA2B;IACxC,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE;IACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,GAAI;QAAC,GAAG;QAC5E,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,UAAU,GACzB;QAAC,GAAG;QACN,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,qBAAqB,EAC/B,aAAa,EAAE,SAAS,GACxB,CACE,CACF,CACP,EAvDkC,CAuDlC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dust-tt/sparkle",
3
- "version": "0.4.13",
3
+ "version": "0.4.15",
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/Icon.tsx CHANGED
@@ -31,6 +31,7 @@ export function Icon({
31
31
  const sizeVariants = cva("s-relative", {
32
32
  variants: {
33
33
  size: {
34
+ sm: "s-h-5 s-w-5",
34
35
  md: "s-h-6 s-w-6",
35
36
  lg: "s-h-8 s-w-8 s-p-0.5",
36
37
  xl: "s-h-10 s-w-10",
@@ -44,6 +45,7 @@ const sizeVariants = cva("s-relative", {
44
45
  const iconSizeVariants = cva("s-absolute", {
45
46
  variants: {
46
47
  size: {
48
+ sm: "s-bottom-0 s-right-0",
47
49
  md: "s-bottom-0 s-right-0",
48
50
  lg: "s-bottom-0 s-right-0",
49
51
  xl: "s-bottom-0 s-right-0",
@@ -57,7 +59,7 @@ const iconSizeVariants = cva("s-absolute", {
57
59
  export interface DoubleIconProps extends VariantProps<typeof sizeVariants> {
58
60
  mainIcon: React.ComponentType;
59
61
  secondaryIcon: React.ComponentType;
60
- size?: "md" | "lg" | "xl";
62
+ size?: "sm" | "md" | "lg" | "xl";
61
63
  className?: string;
62
64
  }
63
65
 
@@ -71,11 +73,27 @@ export const DoubleIcon = ({
71
73
  <div className={cn(sizeVariants({ size }), className)}>
72
74
  <Icon
73
75
  className="s-text-foreground dark:s-text-foreground-night"
74
- size={size === "md" ? "sm" : size === "lg" ? "md" : "lg"}
76
+ size={
77
+ size === "sm"
78
+ ? "xs"
79
+ : size === "md"
80
+ ? "sm"
81
+ : size === "lg"
82
+ ? "md"
83
+ : "lg"
84
+ }
75
85
  visual={mainIcon}
76
86
  />
77
87
  <Icon
78
- size={size === "md" ? "xs" : size === "lg" ? "xs" : "md"}
88
+ size={
89
+ size === "sm"
90
+ ? "xs"
91
+ : size === "md"
92
+ ? "xs"
93
+ : size === "lg"
94
+ ? "xs"
95
+ : "md"
96
+ }
79
97
  visual={secondaryIcon}
80
98
  className={cn("s-absolute", iconSizeVariants({ size }))}
81
99
  />
package/src/icons/src/app/brain copie.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.5 2C6.567 2 5 3.567 5 5.5C5 5.68016 5.01364 5.85714 5.03993 6.02997C3.32436 6.25523 2 7.72295 2 9.5C2 10.4793 2.40223 11.3647 3.05051 12C2.40223 12.6353 2 13.5207 2 14.5C2 15.9018 2.82359 17.1104 4.01353 17.6693C4.00457 17.7785 4 17.8888 4 18C4 20.2091 5.79086 22 8 22C9.19469 22 10.2671 21.4762 11 20.6458V3.05051C10.3647 2.40223 9.47934 2 8.5 2ZM13 3.05051V20.6458C13.7329 21.4762 14.8053 22 16 22C18.2091 22 20 20.2091 20 18C20 17.8888 19.9954 17.7785 19.9865 17.6693C21.1764 17.1104 22 15.9018 22 14.5C22 13.5207 21.5978 12.6353 20.9495 12C21.5978 11.3647 22 10.4793 22 9.5C22 7.72295 20.6756 6.25523 18.9601 6.02997C18.9864 5.85714 19 5.68016 19 5.5C19 3.567 17.433 2 15.5 2C14.5207 2 13.6353 2.40223 13 3.05051Z" fill="#111418"/>
3
+ </svg>
package/src/stories/DoubleIcon.stories.tsx CHANGED
@@ -57,5 +57,18 @@ export const IconPositions = () => (
57
57
  secondaryIcon={SlackLogo}
58
58
  />
59
59
  </div>
60
+ <div className="s-flex s-items-center s-gap-8">
61
+ <DoubleIcon size="sm" mainIcon={FolderIcon} secondaryIcon={DriveLogo} />{" "}
62
+ <DoubleIcon
63
+ size="sm"
64
+ mainIcon={DocumentIcon}
65
+ secondaryIcon={NotionLogo}
66
+ />{" "}
67
+ <DoubleIcon
68
+ size="sm"
69
+ mainIcon={ChatBubbleThoughtIcon}
70
+ secondaryIcon={SlackLogo}
71
+ />
72
+ </div>
60
73
  </div>
61
74
  );