@dust-tt/sparkle 0.2.549 → 0.2.550-rc-2
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/ContentMessage.js +1 -1
- package/dist/esm/components/ContentMessage.js.map +1 -1
- package/dist/esm/components/ConversationMessage.js +3 -3
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/stories/MockConversation.stories.js +1 -1
- package/dist/sparkle.css +4 -4
- package/package.json +1 -1
- package/src/components/ContentMessage.tsx +1 -1
- package/src/components/ConversationMessage.tsx +3 -3
- package/src/stories/MockConversation.stories.tsx +1 -1
|
@@ -15,7 +15,7 @@ var CONTENT_MESSAGE_VARIANTS = [
|
|
|
15
15
|
"outline",
|
|
16
16
|
];
|
|
17
17
|
var CONTENT_MESSAGE_SIZES = ["sm", "md", "lg"];
|
|
18
|
-
var contentMessageVariants = cva("s-flex s-flex-col s-gap-1 s-rounded-
|
|
18
|
+
var contentMessageVariants = cva("s-flex s-flex-col s-gap-1 s-rounded-xl s-py-4 s-px-5 s-border", {
|
|
19
19
|
variants: {
|
|
20
20
|
variant: {
|
|
21
21
|
primary: "s-bg-muted-background dark:s-bg-muted-background-night s-border-border dark:s-border-border-night",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentMessage.js","sourceRoot":"","sources":["../../../src/components/ContentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,wBAAwB,GAAG;IAC/B,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;CACD,CAAC;AAIX,IAAM,qBAAqB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAI1D,IAAM,sBAAsB,GAAG,GAAG,CAChC,
|
|
1
|
+
{"version":3,"file":"ContentMessage.js","sourceRoot":"","sources":["../../../src/components/ContentMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,10 +9,10 @@ export var ConversationContainer = React.forwardRef(function (_a, ref) {
|
|
|
9
9
|
React.createElement("div", { className: "s-flex s-w-full s-max-w-4xl s-flex-col s-gap-6 s-p-2 @sm/conversation:s-gap-8 @md/conversation:s-gap-10" }, children)));
|
|
10
10
|
});
|
|
11
11
|
ConversationContainer.displayName = "ConversationContainer";
|
|
12
|
-
var messageVariants = cva("s-flex s-w-full s-flex-col s-gap-4 s-rounded-
|
|
12
|
+
var messageVariants = cva("s-flex s-w-full s-flex-col s-gap-4 s-rounded-2xl", {
|
|
13
13
|
variants: {
|
|
14
14
|
type: {
|
|
15
|
-
user: "s-bg-muted-background dark:s-bg-muted-background-night",
|
|
15
|
+
user: "s-bg-muted-background dark:s-bg-muted-background-night s-p-4",
|
|
16
16
|
agent: "s-w-full",
|
|
17
17
|
},
|
|
18
18
|
},
|
|
@@ -47,7 +47,7 @@ ConversationMessage.displayName = "ConversationMessage";
|
|
|
47
47
|
export var ConversationMessageContent = React.forwardRef(function (_a, ref) {
|
|
48
48
|
var children = _a.children, citations = _a.citations, className = _a.className, props = __rest(_a, ["children", "citations", "className"]);
|
|
49
49
|
return (React.createElement("div", __assign({ ref: ref, className: cn("s-flex s-flex-col s-gap-3 @sm/conversation:s-gap-4", className) }, props),
|
|
50
|
-
React.createElement("div", { className: cn("s-
|
|
50
|
+
React.createElement("div", { className: cn("s-text-sm @sm:s-text-base @md:s-px-4", "s-text-foreground dark:s-text-foreground-night") }, children),
|
|
51
51
|
citations && citations.length > 0 && (React.createElement(CitationGrid, null, citations))));
|
|
52
52
|
});
|
|
53
53
|
ConversationMessageContent.displayName = "ConversationMessageContent";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAU,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAGnD,UAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAChC,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,SAAS,CACV,IACG,KAAK;QAET,6BAAK,SAAS,EAAC,yGAAyG,IACrH,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAe5D,IAAM,eAAe,GAAG,GAAG,CACzB
|
|
1
|
+
{"version":3,"file":"ConversationMessage.js","sourceRoot":"","sources":["../../../src/components/ConversationMessage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ var meta = {
|
|
|
6
6
|
export default meta;
|
|
7
7
|
var ConversationView = function (_a) {
|
|
8
8
|
var messages = _a.messages;
|
|
9
|
-
return (React.createElement("div", { className: "s-flex s-w-full s-max-w-
|
|
9
|
+
return (React.createElement("div", { className: "s-flex s-w-full s-max-w-3xl s-flex-1 s-flex-col s-justify-start s-gap-8 s-pb-4 s-@container/conversation" }, messages.map(function (message, index) { return (React.createElement("div", { key: index, className: "s-flex s-flex-col s-gap-2" },
|
|
10
10
|
React.createElement("div", { className: "s-flex s-items-start s-gap-3" },
|
|
11
11
|
React.createElement(Avatar, { size: "sm", visual: message.pictureUrl, name: message.name }),
|
|
12
12
|
React.createElement("div", { className: "s-flex-1" },
|
package/dist/sparkle.css
CHANGED
|
@@ -1746,6 +1746,10 @@ select {
|
|
|
1746
1746
|
max-width: 42rem;
|
|
1747
1747
|
}
|
|
1748
1748
|
|
|
1749
|
+
.s-max-w-3xl {
|
|
1750
|
+
max-width: 48rem;
|
|
1751
|
+
}
|
|
1752
|
+
|
|
1749
1753
|
.s-max-w-4xl {
|
|
1750
1754
|
max-width: 56rem;
|
|
1751
1755
|
}
|
|
@@ -6237,10 +6241,6 @@ select {
|
|
|
6237
6241
|
.\@sm\/conversation\:s-p-0 {
|
|
6238
6242
|
padding: 0px;
|
|
6239
6243
|
}
|
|
6240
|
-
|
|
6241
|
-
.\@sm\/conversation\:s-p-4 {
|
|
6242
|
-
padding: 1rem;
|
|
6243
|
-
}
|
|
6244
6244
|
}
|
|
6245
6245
|
|
|
6246
6246
|
@container table (min-width: 40rem) {
|
package/package.json
CHANGED
|
@@ -24,7 +24,7 @@ const CONTENT_MESSAGE_SIZES = ["sm", "md", "lg"] as const;
|
|
|
24
24
|
type ContentMessageSizeType = (typeof CONTENT_MESSAGE_SIZES)[number];
|
|
25
25
|
|
|
26
26
|
const contentMessageVariants = cva(
|
|
27
|
-
"s-flex s-flex-col s-gap-1 s-rounded-
|
|
27
|
+
"s-flex s-flex-col s-gap-1 s-rounded-xl s-py-4 s-px-5 s-border",
|
|
28
28
|
{
|
|
29
29
|
variants: {
|
|
30
30
|
variant: {
|
|
@@ -40,11 +40,11 @@ interface ConversationMessageProps
|
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
const messageVariants = cva(
|
|
43
|
-
"s-flex s-w-full s-flex-col s-gap-4 s-rounded-
|
|
43
|
+
"s-flex s-w-full s-flex-col s-gap-4 s-rounded-2xl",
|
|
44
44
|
{
|
|
45
45
|
variants: {
|
|
46
46
|
type: {
|
|
47
|
-
user: "s-bg-muted-background dark:s-bg-muted-background-night",
|
|
47
|
+
user: "s-bg-muted-background dark:s-bg-muted-background-night s-p-4",
|
|
48
48
|
agent: "s-w-full",
|
|
49
49
|
},
|
|
50
50
|
},
|
|
@@ -140,7 +140,7 @@ export const ConversationMessageContent = React.forwardRef<
|
|
|
140
140
|
>
|
|
141
141
|
<div
|
|
142
142
|
className={cn(
|
|
143
|
-
"s-
|
|
143
|
+
"s-text-sm @sm:s-text-base @md:s-px-4",
|
|
144
144
|
"s-text-foreground dark:s-text-foreground-night"
|
|
145
145
|
)}
|
|
146
146
|
>
|
|
@@ -38,7 +38,7 @@ interface ConversationViewProps {
|
|
|
38
38
|
|
|
39
39
|
const ConversationView: React.FC<ConversationViewProps> = ({ messages }) => {
|
|
40
40
|
return (
|
|
41
|
-
<div className="s-flex s-w-full s-max-w-
|
|
41
|
+
<div className="s-flex s-w-full s-max-w-3xl s-flex-1 s-flex-col s-justify-start s-gap-8 s-pb-4 s-@container/conversation">
|
|
42
42
|
{messages.map((message, index) => (
|
|
43
43
|
<div key={index} className="s-flex s-flex-col s-gap-2">
|
|
44
44
|
<div className="s-flex s-items-start s-gap-3">
|