@dust-tt/sparkle 0.4.15 → 0.4.19
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/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/sparkle.css +47 -4
- package/package.json +4 -4
- package/src/components/Chip.tsx +1 -5
- package/src/components/markdown/BlockquoteBlock.tsx +8 -3
- package/src/components/markdown/CodeBlock.tsx +23 -7
- package/src/components/markdown/styles.ts +6 -2
|
@@ -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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"}
|
|
@@ -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"}
|
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.19",
|
|
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>
|
|
@@ -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,
|