@dust-tt/sparkle 0.4.14 → 0.4.16-rc-1
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.
- package/dist/cjs/index.js +1 -1
- package/dist/esm/components/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip.js +1 -1
- package/dist/esm/components/Chip.js.map +1 -1
- package/dist/esm/components/Icon.d.ts +2 -2
- package/dist/esm/components/Icon.d.ts.map +1 -1
- package/dist/esm/components/Icon.js +16 -2
- package/dist/esm/components/Icon.js.map +1 -1
- package/dist/esm/components/markdown/BlockquoteBlock.d.ts.map +1 -1
- package/dist/esm/components/markdown/BlockquoteBlock.js +8 -3
- package/dist/esm/components/markdown/BlockquoteBlock.js.map +1 -1
- package/dist/esm/components/markdown/CodeBlock.d.ts +3 -0
- package/dist/esm/components/markdown/CodeBlock.d.ts.map +1 -1
- package/dist/esm/components/markdown/CodeBlock.js +19 -7
- package/dist/esm/components/markdown/CodeBlock.js.map +1 -1
- package/dist/esm/components/markdown/styles.d.ts +4 -1
- package/dist/esm/components/markdown/styles.d.ts.map +1 -1
- package/dist/esm/components/markdown/styles.js +3 -2
- package/dist/esm/components/markdown/styles.js.map +1 -1
- package/dist/esm/icons/src/app/brain copie.svg +3 -0
- package/dist/esm/stories/DoubleIcon.stories.d.ts.map +1 -1
- package/dist/esm/stories/DoubleIcon.stories.js +7 -1
- package/dist/esm/stories/DoubleIcon.stories.js.map +1 -1
- package/dist/sparkle.css +47 -4
- package/package.json +4 -4
- package/src/components/Chip.tsx +1 -5
- package/src/components/Icon.tsx +21 -3
- package/src/components/markdown/BlockquoteBlock.tsx +8 -3
- package/src/components/markdown/CodeBlock.tsx +23 -7
- package/src/components/markdown/styles.ts +6 -2
- package/src/icons/src/app/brain copie.svg +3 -0
- package/src/stories/DoubleIcon.stories.tsx +13 -0
|
@@ -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,+BAAgC,CAAC;AAExD,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;AA+GlD,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;AAOjD,QAAA,MAAM,IAAI,
|
|
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,+BAAgC,CAAC;AAExD,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;AA+GlD,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;AAOjD,QAAA,MAAM,IAAI,kFAoFT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -68,7 +68,7 @@ var Chip = React.forwardRef(function (_a, ref) {
|
|
|
68
68
|
}, tabIndex: onClick ? 0 : undefined },
|
|
69
69
|
children,
|
|
70
70
|
icon && (React.createElement(Icon, { visual: icon, size: size === "mini" ? "xs" : size })),
|
|
71
|
-
label && (React.createElement("span", { className: cn("s-grow s-truncate", onClick && "s-cursor-pointer"
|
|
71
|
+
label && (React.createElement("span", { className: cn("s-grow s-truncate", onClick && "s-cursor-pointer") }, isBusy ? (React.createElement(AnimatedText, { variant: color }, label)) : (label))),
|
|
72
72
|
onRemove && (React.createElement("button", { onClick: function (e) {
|
|
73
73
|
e.stopPropagation();
|
|
74
74
|
onRemove();
|
|
@@ -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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"}
|
|
@@ -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;
|
|
@@ -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;;
|
|
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"}
|
|
@@ -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 === "
|
|
44
|
-
|
|
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
|
|
@@ -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,
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockquoteBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/BlockquoteBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,kBAAkB;;
|
|
1
|
+
{"version":3,"file":"BlockquoteBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/BlockquoteBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,kBAAkB;;mFAkB9B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAmB,GACpB,EAAE,oBAAoB,qBA4BtB"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import { cva } from "class-variance-authority";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ContentBlockWrapper } from "../../components";
|
|
4
|
-
export var blockquoteVariants = cva([
|
|
4
|
+
export var blockquoteVariants = cva([
|
|
5
|
+
"s-w-full s-text-base s-italic s-py-3 s-pl-3 s-pr-12",
|
|
6
|
+
"s-relative",
|
|
7
|
+
"before:s-content-[''] before:s-absolute before:s-left-0 before:s-top-3 before:s-bottom-3",
|
|
8
|
+
"before:s-w-1 before:s-bg-border-night dark:before:s-bg-border",
|
|
9
|
+
"before:s-rounded-full",
|
|
10
|
+
], {
|
|
5
11
|
variants: {
|
|
6
12
|
variant: {
|
|
7
13
|
surface: [
|
|
8
14
|
"s-text-foreground dark:s-text-foreground-night",
|
|
9
|
-
"s-bg-
|
|
10
|
-
"s-border border-border dark:border-border-night",
|
|
15
|
+
"s-bg-transparent",
|
|
11
16
|
],
|
|
12
17
|
},
|
|
13
18
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockquoteBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/BlockquoteBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,IAAM,kBAAkB,GAAG,GAAG,CACnC,
|
|
1
|
+
{"version":3,"file":"BlockquoteBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/BlockquoteBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,IAAM,kBAAkB,GAAG,GAAG,CACnC;IACE,qDAAqD;IACrD,YAAY;IACZ,0FAA0F;IAC1F,+DAA+D;IAC/D,uBAAuB;CACxB,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,gDAAgD;gBAChD,kBAAkB;aACnB;SACF;KACF;CACF,CACF,CAAC;AAOF,MAAM,UAAU,eAAe,CAAC,EAGT;QAFrB,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA;IAEnB,IAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,IAAM,eAAe,GACnB,UAAU,IAAI,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;QAC5C,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ;QAC3B,CAAC,CAAC,IAAI,CAAC;IAEX,+CAA+C;IAC/C,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;QACpD,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,KAAK,QAAQ,EAArB,CAAqB,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/D,CAAC,CAAC,eAAe,CAAC;IAEpB,iCAAiC;IACjC,IAAM,gBAAgB,GAAG,eAAe;QACtC,CAAC,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE;QACnC,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,oBAAC,mBAAmB,IAClB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,QAAQ,EAClB,aAAa,EAAC,QAAQ;QAEtB,oCAAY,SAAS,EAAE,kBAAkB,CAAC,EAAE,OAAO,SAAA,EAAE,CAAC,IACnD,QAAQ,CACE,CACO,CACvB,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
export declare const codeInlineVariants: (props?: ({
|
|
3
|
+
variant?: "surface" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
2
5
|
export declare const codeBlockVariants: (props?: ({
|
|
3
6
|
variant?: "surface" | null | undefined;
|
|
4
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,eAAO,MAAM,iBAAiB;;
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,eAAO,MAAM,kBAAkB;;mFAiB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mFAgB7B,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAmB,EACnB,aAAqB,EACrB,cAAsB,GACvB,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA8H9B"}
|
|
@@ -3,17 +3,29 @@ import React, { Suspense } from "react";
|
|
|
3
3
|
import { violet } from "tailwindcss/colors";
|
|
4
4
|
import { customColors } from "../../lib/colors";
|
|
5
5
|
var SyntaxHighlighter = React.lazy(function () { return import("react-syntax-highlighter/dist/esm/default-highlight"); });
|
|
6
|
-
export var
|
|
6
|
+
export var codeInlineVariants = cva([
|
|
7
7
|
"s-mx-0.5 s-my-0.5 s-cursor-text s-rounded-md s-border s-px-1 s-py-0.5",
|
|
8
8
|
"s-border-border dark:s-border-border-night",
|
|
9
9
|
"s-text-[0.90em]",
|
|
10
|
+
"s-text-golden-600 dark:s-text-golden-600-night",
|
|
11
|
+
], {
|
|
12
|
+
variants: {
|
|
13
|
+
variant: {
|
|
14
|
+
surface: ["s-bg-muted/70 dark:s-bg-muted-night/70"],
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: "surface",
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
export var codeBlockVariants = cva([
|
|
22
|
+
"s-mx-0.5 s-my-0.5 s-cursor-text s-rounded-md s-border s-p-2",
|
|
23
|
+
"s-border-border dark:s-border-border-night",
|
|
24
|
+
"s-text-[0.90em]",
|
|
10
25
|
], {
|
|
11
26
|
variants: {
|
|
12
27
|
variant: {
|
|
13
|
-
surface: [
|
|
14
|
-
"s-bg-muted/70 dark:s-bg-muted-night/70",
|
|
15
|
-
"s-text-golden-600 dark:s-text-golden-600-night",
|
|
16
|
-
],
|
|
28
|
+
surface: ["s-bg-muted/70 dark:s-bg-muted-night/70"],
|
|
17
29
|
},
|
|
18
30
|
},
|
|
19
31
|
defaultVariants: {
|
|
@@ -125,8 +137,8 @@ export function CodeBlock(_a) {
|
|
|
125
137
|
fontWeight: "bold",
|
|
126
138
|
},
|
|
127
139
|
};
|
|
128
|
-
return !inline
|
|
140
|
+
return !inline ? (React.createElement(Suspense, { fallback: React.createElement("div", null) },
|
|
129
141
|
React.createElement("div", { className: "s-text-foreground dark:s-text-foreground-night" },
|
|
130
|
-
React.createElement(SyntaxHighlighter, { wrapLongLines: wrapLongLines, showLineNumbers: showLineNumber, style: codeStyle, language: languageToUse, PreTag: "div", className: "s-cursor-text" }, String(children).replace(/\n$/, ""))))) : (React.createElement("code", { className:
|
|
142
|
+
React.createElement(SyntaxHighlighter, { wrapLongLines: wrapLongLines, showLineNumbers: showLineNumber, style: codeStyle, language: languageToUse, PreTag: "div", className: "s-cursor-text" }, String(children).replace(/\n$/, ""))))) : (React.createElement("code", { className: codeInlineVariants({ variant: variant }) }, children));
|
|
131
143
|
}
|
|
132
144
|
//# sourceMappingURL=CodeBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,IAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAClC,cAAM,OAAA,MAAM,CAAC,qDAAqD,CAAC,EAA7D,CAA6D,CACpE,CAAC;AAEF,MAAM,CAAC,IAAM,
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../src/components/markdown/CodeBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,10 @@ export declare const markdownStyles: {
|
|
|
2
2
|
blockquote: (props?: ({
|
|
3
3
|
variant?: "surface" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
|
-
|
|
5
|
+
codeInline: (props?: ({
|
|
6
|
+
variant?: "surface" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
+
codeBlock: (props?: ({
|
|
6
9
|
variant?: "surface" | null | undefined;
|
|
7
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
11
|
list: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/markdown/styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;CAS1B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { blockquoteVariants } from "../../components/markdown/BlockquoteBlock";
|
|
2
|
-
import { codeBlockVariants } from "../../components/markdown/CodeBlock";
|
|
2
|
+
import { codeBlockVariants, codeInlineVariants, } from "../../components/markdown/CodeBlock";
|
|
3
3
|
import { liBlockVariants, olBlockVariants, ulBlockVariants, } from "../../components/markdown/List";
|
|
4
4
|
import { paragraphBlockVariants } from "../../components/markdown/ParagraphBlock";
|
|
5
5
|
import { preBlockVariants } from "../../components/markdown/PreBlock";
|
|
@@ -7,7 +7,8 @@ import { preBlockVariants } from "../../components/markdown/PreBlock";
|
|
|
7
7
|
// It is used in the InputBar component.
|
|
8
8
|
export var markdownStyles = {
|
|
9
9
|
blockquote: blockquoteVariants,
|
|
10
|
-
|
|
10
|
+
codeInline: codeInlineVariants,
|
|
11
|
+
codeBlock: codeBlockVariants,
|
|
11
12
|
list: liBlockVariants,
|
|
12
13
|
orderedList: olBlockVariants,
|
|
13
14
|
paragraph: paragraphBlockVariants,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/markdown/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/markdown/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAEzE,mDAAmD;AACnD,wCAAwC;AACxC,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,UAAU,EAAE,kBAAkB;IAC9B,UAAU,EAAE,kBAAkB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,sBAAsB;IACjC,GAAG,EAAE,gBAAgB;IACrB,aAAa,EAAE,eAAe;CAC/B,CAAC"}
|
|
@@ -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>
|
|
@@ -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,
|
|
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"}
|
|
@@ -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
|
|
@@ -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,
|
|
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/dist/sparkle.css
CHANGED
|
@@ -4590,10 +4590,6 @@ select {
|
|
|
4590
4590
|
font-weight: 600;
|
|
4591
4591
|
}
|
|
4592
4592
|
|
|
4593
|
-
.s-uppercase {
|
|
4594
|
-
text-transform: uppercase;
|
|
4595
|
-
}
|
|
4596
|
-
|
|
4597
4593
|
.s-capitalize {
|
|
4598
4594
|
text-transform: capitalize;
|
|
4599
4595
|
}
|
|
@@ -5513,6 +5509,47 @@ select {
|
|
|
5513
5509
|
color: rgb(84 93 108 / var(--tw-text-opacity));
|
|
5514
5510
|
}
|
|
5515
5511
|
|
|
5512
|
+
.before\:s-absolute::before {
|
|
5513
|
+
content: var(--tw-content);
|
|
5514
|
+
position: absolute;
|
|
5515
|
+
}
|
|
5516
|
+
|
|
5517
|
+
.before\:s-bottom-3::before {
|
|
5518
|
+
content: var(--tw-content);
|
|
5519
|
+
bottom: 0.75rem;
|
|
5520
|
+
}
|
|
5521
|
+
|
|
5522
|
+
.before\:s-left-0::before {
|
|
5523
|
+
content: var(--tw-content);
|
|
5524
|
+
left: 0px;
|
|
5525
|
+
}
|
|
5526
|
+
|
|
5527
|
+
.before\:s-top-3::before {
|
|
5528
|
+
content: var(--tw-content);
|
|
5529
|
+
top: 0.75rem;
|
|
5530
|
+
}
|
|
5531
|
+
|
|
5532
|
+
.before\:s-w-1::before {
|
|
5533
|
+
content: var(--tw-content);
|
|
5534
|
+
width: 0.25rem;
|
|
5535
|
+
}
|
|
5536
|
+
|
|
5537
|
+
.before\:s-rounded-full::before {
|
|
5538
|
+
content: var(--tw-content);
|
|
5539
|
+
border-radius: 9999px;
|
|
5540
|
+
}
|
|
5541
|
+
|
|
5542
|
+
.before\:s-bg-border-night::before {
|
|
5543
|
+
content: var(--tw-content);
|
|
5544
|
+
--tw-bg-opacity: 1;
|
|
5545
|
+
background-color: rgb(42 50 65 / var(--tw-bg-opacity));
|
|
5546
|
+
}
|
|
5547
|
+
|
|
5548
|
+
.before\:s-content-\[\'\'\]::before {
|
|
5549
|
+
--tw-content: '';
|
|
5550
|
+
content: var(--tw-content);
|
|
5551
|
+
}
|
|
5552
|
+
|
|
5516
5553
|
.after\:s-absolute::after {
|
|
5517
5554
|
content: var(--tw-content);
|
|
5518
5555
|
position: absolute;
|
|
@@ -8470,6 +8507,12 @@ select {
|
|
|
8470
8507
|
color: rgb(150 156 165 / var(--tw-text-opacity));
|
|
8471
8508
|
}
|
|
8472
8509
|
|
|
8510
|
+
:is(.s-dark .dark\:before\:s-bg-border)::before {
|
|
8511
|
+
content: var(--tw-content);
|
|
8512
|
+
--tw-bg-opacity: 1;
|
|
8513
|
+
background-color: rgb(238 238 239 / var(--tw-bg-opacity));
|
|
8514
|
+
}
|
|
8515
|
+
|
|
8473
8516
|
:is(.s-dark .dark\:after\:s-bg-foreground-night)::after {
|
|
8474
8517
|
content: var(--tw-content);
|
|
8475
8518
|
--tw-bg-opacity: 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dust-tt/sparkle",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.16-rc-1",
|
|
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",
|
|
@@ -89,14 +89,14 @@
|
|
|
89
89
|
"description": "Sparkle is Dust's Design System",
|
|
90
90
|
"repository": {
|
|
91
91
|
"type": "git",
|
|
92
|
-
"url": "git+https://github.com/dust/dust
|
|
92
|
+
"url": "git+https://github.com/dust-tt/dust.git"
|
|
93
93
|
},
|
|
94
94
|
"author": "Dust (Permutation Labs SAS)",
|
|
95
95
|
"license": "ISC",
|
|
96
96
|
"bugs": {
|
|
97
|
-
"url": "https://github.com/dust
|
|
97
|
+
"url": "https://github.com/dust-tt/dust/issues"
|
|
98
98
|
},
|
|
99
|
-
"homepage": "https://github.com/dust/dust
|
|
99
|
+
"homepage": "https://github.com/dust-tt/dust#readme",
|
|
100
100
|
"dependencies": {
|
|
101
101
|
"@emoji-mart/data": "^1.1.2",
|
|
102
102
|
"@emoji-mart/react": "^1.1.1",
|
package/src/components/Chip.tsx
CHANGED
|
@@ -215,11 +215,7 @@ const Chip = React.forwardRef<HTMLDivElement, ChipProps>(
|
|
|
215
215
|
)}
|
|
216
216
|
{label && (
|
|
217
217
|
<span
|
|
218
|
-
className={cn(
|
|
219
|
-
"s-grow s-truncate",
|
|
220
|
-
onClick && "s-cursor-pointer",
|
|
221
|
-
size === "mini" && "s-uppercase"
|
|
222
|
-
)}
|
|
218
|
+
className={cn("s-grow s-truncate", onClick && "s-cursor-pointer")}
|
|
223
219
|
>
|
|
224
220
|
{isBusy ? (
|
|
225
221
|
<AnimatedText variant={color}>{label}</AnimatedText>
|
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={
|
|
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={
|
|
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
|
/>
|
|
@@ -4,14 +4,19 @@ import React from "react";
|
|
|
4
4
|
import { ContentBlockWrapper } from "@sparkle/components";
|
|
5
5
|
|
|
6
6
|
export const blockquoteVariants = cva(
|
|
7
|
-
[
|
|
7
|
+
[
|
|
8
|
+
"s-w-full s-text-base s-italic s-py-3 s-pl-3 s-pr-12",
|
|
9
|
+
"s-relative",
|
|
10
|
+
"before:s-content-[''] before:s-absolute before:s-left-0 before:s-top-3 before:s-bottom-3",
|
|
11
|
+
"before:s-w-1 before:s-bg-border-night dark:before:s-bg-border",
|
|
12
|
+
"before:s-rounded-full",
|
|
13
|
+
],
|
|
8
14
|
{
|
|
9
15
|
variants: {
|
|
10
16
|
variant: {
|
|
11
17
|
surface: [
|
|
12
18
|
"s-text-foreground dark:s-text-foreground-night",
|
|
13
|
-
"s-bg-
|
|
14
|
-
"s-border border-border dark:border-border-night",
|
|
19
|
+
"s-bg-transparent",
|
|
15
20
|
],
|
|
16
21
|
},
|
|
17
22
|
},
|
|
@@ -8,19 +8,35 @@ const SyntaxHighlighter = React.lazy(
|
|
|
8
8
|
() => import("react-syntax-highlighter/dist/esm/default-highlight")
|
|
9
9
|
);
|
|
10
10
|
|
|
11
|
-
export const
|
|
11
|
+
export const codeInlineVariants = cva(
|
|
12
12
|
[
|
|
13
13
|
"s-mx-0.5 s-my-0.5 s-cursor-text s-rounded-md s-border s-px-1 s-py-0.5",
|
|
14
14
|
"s-border-border dark:s-border-border-night",
|
|
15
15
|
"s-text-[0.90em]",
|
|
16
|
+
"s-text-golden-600 dark:s-text-golden-600-night",
|
|
17
|
+
],
|
|
18
|
+
{
|
|
19
|
+
variants: {
|
|
20
|
+
variant: {
|
|
21
|
+
surface: ["s-bg-muted/70 dark:s-bg-muted-night/70"],
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
variant: "surface",
|
|
26
|
+
},
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
|
|
30
|
+
export const codeBlockVariants = cva(
|
|
31
|
+
[
|
|
32
|
+
"s-mx-0.5 s-my-0.5 s-cursor-text s-rounded-md s-border s-p-2",
|
|
33
|
+
"s-border-border dark:s-border-border-night",
|
|
34
|
+
"s-text-[0.90em]",
|
|
16
35
|
],
|
|
17
36
|
{
|
|
18
37
|
variants: {
|
|
19
38
|
variant: {
|
|
20
|
-
surface: [
|
|
21
|
-
"s-bg-muted/70 dark:s-bg-muted-night/70",
|
|
22
|
-
"s-text-golden-600 dark:s-text-golden-600-night",
|
|
23
|
-
],
|
|
39
|
+
surface: ["s-bg-muted/70 dark:s-bg-muted-night/70"],
|
|
24
40
|
},
|
|
25
41
|
},
|
|
26
42
|
defaultVariants: {
|
|
@@ -153,7 +169,7 @@ export function CodeBlock({
|
|
|
153
169
|
},
|
|
154
170
|
};
|
|
155
171
|
|
|
156
|
-
return !inline
|
|
172
|
+
return !inline ? (
|
|
157
173
|
<Suspense fallback={<div />}>
|
|
158
174
|
<div className="s-text-foreground dark:s-text-foreground-night">
|
|
159
175
|
<SyntaxHighlighter
|
|
@@ -169,6 +185,6 @@ export function CodeBlock({
|
|
|
169
185
|
</div>
|
|
170
186
|
</Suspense>
|
|
171
187
|
) : (
|
|
172
|
-
<code className={
|
|
188
|
+
<code className={codeInlineVariants({ variant })}>{children}</code>
|
|
173
189
|
);
|
|
174
190
|
}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { blockquoteVariants } from "@sparkle/components/markdown/BlockquoteBlock";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
codeBlockVariants,
|
|
4
|
+
codeInlineVariants,
|
|
5
|
+
} from "@sparkle/components/markdown/CodeBlock";
|
|
3
6
|
import {
|
|
4
7
|
liBlockVariants,
|
|
5
8
|
olBlockVariants,
|
|
@@ -12,7 +15,8 @@ import { preBlockVariants } from "@sparkle/components/markdown/PreBlock";
|
|
|
12
15
|
// It is used in the InputBar component.
|
|
13
16
|
export const markdownStyles = {
|
|
14
17
|
blockquote: blockquoteVariants,
|
|
15
|
-
|
|
18
|
+
codeInline: codeInlineVariants,
|
|
19
|
+
codeBlock: codeBlockVariants,
|
|
16
20
|
list: liBlockVariants,
|
|
17
21
|
orderedList: olBlockVariants,
|
|
18
22
|
paragraph: paragraphBlockVariants,
|
|
@@ -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>
|
|
@@ -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
|
);
|