@dust-tt/sparkle 0.2.548 → 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/components/Sheet.js +4 -4
- package/dist/esm/components/Sheet.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/components/Sheet.tsx +3 -3
- 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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"}
|
|
@@ -60,8 +60,9 @@ var SheetContainer = function (_a) {
|
|
|
60
60
|
SheetContainer.displayName = "SheetContainer";
|
|
61
61
|
var SheetFooter = function (_a) {
|
|
62
62
|
var className = _a.className, children = _a.children, leftButtonProps = _a.leftButtonProps, rightButtonProps = _a.rightButtonProps, rightEndButtonProps = _a.rightEndButtonProps, sheetCloseClassName = _a.sheetCloseClassName, props = __rest(_a, ["className", "children", "leftButtonProps", "rightButtonProps", "rightEndButtonProps", "sheetCloseClassName"]);
|
|
63
|
-
return (React.createElement("div", __assign({ className: cn("s-flex s-flex-none s-flex-col s-gap-2
|
|
64
|
-
|
|
63
|
+
return (React.createElement("div", __assign({ className: cn("s-flex s-flex-none s-flex-col s-gap-2", "s-border-border dark:s-border-border-night", className) }, props),
|
|
64
|
+
children,
|
|
65
|
+
React.createElement("div", { className: "s-flex s-flex-row s-gap-2 s-border-t s-border-border s-px-3 s-py-3 dark:s-border-border-night" },
|
|
65
66
|
leftButtonProps &&
|
|
66
67
|
(leftButtonProps.disabled ? (React.createElement(Button, __assign({}, leftButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
|
|
67
68
|
React.createElement(Button, __assign({}, leftButtonProps))))),
|
|
@@ -71,8 +72,7 @@ var SheetFooter = function (_a) {
|
|
|
71
72
|
React.createElement(Button, __assign({}, rightButtonProps))))),
|
|
72
73
|
rightEndButtonProps &&
|
|
73
74
|
(rightEndButtonProps.disabled ? (React.createElement(Button, __assign({}, rightEndButtonProps))) : (React.createElement(SheetClose, { className: sheetCloseClassName, asChild: true },
|
|
74
|
-
React.createElement(Button, __assign({}, rightEndButtonProps))))))
|
|
75
|
-
children));
|
|
75
|
+
React.createElement(Button, __assign({}, rightEndButtonProps))))))));
|
|
76
76
|
};
|
|
77
77
|
SheetFooter.displayName = "SheetFooter";
|
|
78
78
|
var SheetTitle = React.forwardRef(function (_a, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../../src/components/Sheet.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
|
>
|
package/src/components/Sheet.tsx
CHANGED
|
@@ -172,13 +172,14 @@ const SheetFooter = ({
|
|
|
172
172
|
}: SheetFooterProps) => (
|
|
173
173
|
<div
|
|
174
174
|
className={cn(
|
|
175
|
-
"s-flex s-flex-none s-flex-col s-gap-2
|
|
175
|
+
"s-flex s-flex-none s-flex-col s-gap-2",
|
|
176
176
|
"s-border-border dark:s-border-border-night",
|
|
177
177
|
className
|
|
178
178
|
)}
|
|
179
179
|
{...props}
|
|
180
180
|
>
|
|
181
|
-
|
|
181
|
+
{children}
|
|
182
|
+
<div className="s-flex s-flex-row s-gap-2 s-border-t s-border-border s-px-3 s-py-3 dark:s-border-border-night">
|
|
182
183
|
{leftButtonProps &&
|
|
183
184
|
(leftButtonProps.disabled ? (
|
|
184
185
|
<Button {...leftButtonProps} />
|
|
@@ -205,7 +206,6 @@ const SheetFooter = ({
|
|
|
205
206
|
</SheetClose>
|
|
206
207
|
))}
|
|
207
208
|
</div>
|
|
208
|
-
{children}
|
|
209
209
|
</div>
|
|
210
210
|
);
|
|
211
211
|
SheetFooter.displayName = "SheetFooter";
|
|
@@ -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">
|