@dust-tt/sparkle 0.2.549 → 0.2.550-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/ConversationMessage.js +2 -2
- 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/ConversationMessage.tsx +2 -2
- package/src/stories/MockConversation.stories.tsx +1 -1
|
@@ -9,7 +9,7 @@ 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 s-p-4", {
|
|
13
13
|
variants: {
|
|
14
14
|
type: {
|
|
15
15
|
user: "s-bg-muted-background dark:s-bg-muted-background-night",
|
|
@@ -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
|
@@ -40,7 +40,7 @@ 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 s-p-4",
|
|
44
44
|
{
|
|
45
45
|
variants: {
|
|
46
46
|
type: {
|
|
@@ -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">
|