@dust-tt/sparkle 0.2.617 → 0.2.618-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/Input.d.ts.map +1 -1
- package/dist/esm/components/Input.js +6 -2
- package/dist/esm/components/Input.js.map +1 -1
- package/dist/esm/components/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea.js +7 -3
- package/dist/esm/components/TextArea.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Input.tsx +5 -2
- package/src/components/TextArea.tsx +7 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,QAAA,MAAM,cAAc,uCAAwC,CAAC;AAE7D,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAClE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,QAAA,MAAM,cAAc,uCAAwC,CAAC;AAE7D,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAClE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiED,eAAO,MAAM,KAAK,qFAuDjB,CAAC"}
|
|
@@ -14,7 +14,9 @@ var messageVariantStyles = {
|
|
|
14
14
|
};
|
|
15
15
|
var stateVariantStyles = {
|
|
16
16
|
default: cn("s-border-border dark:s-border-border-night", "s-ring-highlight/0 dark:s-ring-highlight-night/0", "focus-visible:s-border-border-focus dark:focus-visible:s-border-border-focus-night", "focus-visible:s-outline-none focus-visible:s-ring-2", "focus-visible:s-ring-highlight/20 dark:focus-visible:s-ring-highlight/50"),
|
|
17
|
-
disabled: cn("disabled:s-cursor-not-allowed", "disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night", "disabled:s-border-border dark:disabled:s-border-border-night"
|
|
17
|
+
disabled: cn("disabled:s-cursor-not-allowed", "disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night", "disabled:s-border-border dark:disabled:s-border-border-night",
|
|
18
|
+
// Use muted background only when disabled
|
|
19
|
+
"s-bg-muted-background dark:s-bg-muted-background-night"),
|
|
18
20
|
error: cn("s-border-border-warning/40 dark:s-border-border-warning-night/60", "s-ring-warning/0 dark:s-ring-warning-night/0", "focus-visible:s-border-border-warning dark:focus-visible:s-border-border-warning-night", "focus-visible:s-outline-none focus-visible:s-ring-2", "focus-visible:s-ring-warning/10 dark:focus-visible:s-ring-warning/30"),
|
|
19
21
|
};
|
|
20
22
|
var messageVariant = cva("", {
|
|
@@ -25,7 +27,9 @@ var messageVariant = cva("", {
|
|
|
25
27
|
status: "info",
|
|
26
28
|
},
|
|
27
29
|
});
|
|
28
|
-
var inputStyleClasses = cva(cn("dark:s-text-primary-50", "s-text-sm s-rounded-xl s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ",
|
|
30
|
+
var inputStyleClasses = cva(cn("dark:s-text-primary-50", "s-text-sm s-rounded-xl s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ",
|
|
31
|
+
// Default to plain background; disabled state will override to muted
|
|
32
|
+
"s-bg-background dark:s-bg-background-night", "s-border focus-visible:s-ring", "file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground", "placeholder:s-text-muted-foreground placeholder:s-italic dark:placeholder:s-text-muted-foreground-night"), {
|
|
29
33
|
variants: {
|
|
30
34
|
state: stateVariantStyles,
|
|
31
35
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAM,cAAc,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAc7D,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAItD,IAAM,oBAAoB,GAAkC;IAC1D,IAAI,EAAE,4DAA4D;IAClE,OAAO,EAAE,4DAA4D;IACrE,KAAK,EAAE,gEAAgE;CACxE,CAAC;AAEF,IAAM,kBAAkB,GAAmC;IACzD,OAAO,EAAE,EAAE,CACT,4CAA4C,EAC5C,kDAAkD,EAClD,oFAAoF,EACpF,qDAAqD,EACrD,0EAA0E,CAC3E;IACD,QAAQ,EAAE,EAAE,CACV,+BAA+B,EAC/B,8EAA8E,EAC9E,8DAA8D,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,iBAAiB,qDAAsD,CAAC;AAE9E,KAAK,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,iBAAiB,qDAAsD,CAAC;AAE9E,KAAK,mBAAmB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA2DD,QAAA,MAAM,QAAQ,2FAqCb,CAAC;AAGF,QAAA,MAAM,gBAAgB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sBAahE,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -3,7 +3,9 @@ import { cva } from "class-variance-authority";
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { cn } from "../lib/utils";
|
|
5
5
|
var RESIZE_DIRECTIONS = ["none", "vertical", "horizontal", "both"];
|
|
6
|
-
var textAreaVariants = cva(cn("s-flex s-w-full s-px-3 s-py-2 s-text-sm", "s-text-foreground dark:s-text-foreground-night",
|
|
6
|
+
var textAreaVariants = cva(cn("s-flex s-w-full s-px-3 s-py-2 s-text-sm", "s-text-foreground dark:s-text-foreground-night",
|
|
7
|
+
// Default to plain background; disabled variant will set muted background
|
|
8
|
+
"s-bg-background dark:s-bg-background-night", "s-ring-offset-background", "s-border s-rounded-xl s-transition s-duration-100 focus-visible:s-outline-none", "focus-visible:s-border-border dark:focus-visible:s-border-border-night focus-visible:s-ring"), {
|
|
7
9
|
variants: {
|
|
8
10
|
resize: {
|
|
9
11
|
none: "s-resize-none",
|
|
@@ -16,7 +18,9 @@ var textAreaVariants = cva(cn("s-flex s-w-full s-px-3 s-py-2 s-text-sm", "s-text
|
|
|
16
18
|
false: cn("s-border-border dark:s-border-border-night", "s-ring-highlight/0 dark:s-ring-highlight-night/0", "focus-visible:s-border-border-focus dark:focus-visible:s-border-border-focus-night", "focus-visible:s-outline-none focus-visible:s-ring-2", "focus-visible:s-ring-highlight/20 dark:focus-visible:s-ring-highlight/50"),
|
|
17
19
|
},
|
|
18
20
|
disabled: {
|
|
19
|
-
true: cn("disabled:s-cursor-not-allowed", "disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night"
|
|
21
|
+
true: cn("disabled:s-cursor-not-allowed", "disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night",
|
|
22
|
+
// Use muted background only when disabled
|
|
23
|
+
"s-bg-muted-background dark:s-bg-muted-background-night"),
|
|
20
24
|
false: "",
|
|
21
25
|
},
|
|
22
26
|
isDisplay: {
|
|
@@ -46,7 +50,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
|
|
|
46
50
|
TextArea.displayName = "TextArea";
|
|
47
51
|
var ReadOnlyTextArea = function (_a) {
|
|
48
52
|
var content = _a.content;
|
|
49
|
-
return (React.createElement(TextArea, { disabled: true, isDisplay: true, className: cn("s-copy-sm s-h-full s-min-h-60 s-w-full s-min-w-0 s-rounded-xl", "s-resize-none s-border-border
|
|
53
|
+
return (React.createElement(TextArea, { disabled: true, isDisplay: true, className: cn("s-copy-sm s-h-full s-min-h-60 s-w-full s-min-w-0 s-rounded-xl", "s-resize-none s-border-border", "dark:s-border-border-night"), defaultValue: content !== null && content !== void 0 ? content : "" }));
|
|
50
54
|
};
|
|
51
55
|
export { ReadOnlyTextArea, TextArea };
|
|
52
56
|
//# sourceMappingURL=TextArea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAU,CAAC;AAa9E,IAAM,gBAAgB,GAAG,GAAG,CAC1B,EAAE,CACA,yCAAyC,EACzC,gDAAgD,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,IAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAU,CAAC;AAa9E,IAAM,gBAAgB,GAAG,GAAG,CAC1B,EAAE,CACA,yCAAyC,EACzC,gDAAgD;AAChD,0EAA0E;AAC1E,4CAA4C,EAC5C,0BAA0B,EAC1B,gFAAgF,EAChF,6FAA6F,CAC9F,EACD;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,YAAY;YACtB,UAAU,EAAE,YAAY;YACxB,IAAI,EAAE,UAAU;SACjB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,CACN,kEAAkE,EAClE,8CAA8C,EAC9C,wFAAwF,EACxF,qDAAqD,EACrD,sEAAsE,CACvE;YACD,KAAK,EAAE,EAAE,CACP,4CAA4C,EAC5C,kDAAkD,EAClD,oFAAoF,EACpF,qDAAqD,EACrD,0EAA0E,CAC3E;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,CACN,+BAA+B,EAC/B,8EAA8E;YAC9E,0CAA0C;YAC1C,wDAAwD,CACzD;YACD,KAAK,EAAE,EAAE;SACV;QACD,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CACF,CAAC;AAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,UACE,EASC,EACD,GAAG;IATD,IAAA,SAAS,eAAA,EACT,MAAM,YAAA,EACN,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cARV,sFASC,CADS;IAIV,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,2CACE,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC;gBACf,MAAM,QAAA;gBACN,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,QAAQ,UAAA;gBACR,SAAS,WAAA;gBACT,SAAS,WAAA;aACV,CAAC,CACH,EACD,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT;QACD,KAAK,IAAI,cAAc,IAAI,CAC1B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CACnE,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,IAAM,gBAAgB,GAAG,UAAC,EAAuC;QAArC,OAAO,aAAA;IACjC,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,QACR,SAAS,QACT,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,+BAA+B,EAC/B,4BAA4B,CAC7B,EACD,YAAY,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC"}
|
package/package.json
CHANGED
package/src/components/Input.tsx
CHANGED
|
@@ -42,7 +42,9 @@ const stateVariantStyles: Record<InputStateType, string> = {
|
|
|
42
42
|
disabled: cn(
|
|
43
43
|
"disabled:s-cursor-not-allowed",
|
|
44
44
|
"disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night",
|
|
45
|
-
"disabled:s-border-border dark:disabled:s-border-border-night"
|
|
45
|
+
"disabled:s-border-border dark:disabled:s-border-border-night",
|
|
46
|
+
// Use muted background only when disabled
|
|
47
|
+
"s-bg-muted-background dark:s-bg-muted-background-night"
|
|
46
48
|
),
|
|
47
49
|
error: cn(
|
|
48
50
|
"s-border-border-warning/40 dark:s-border-border-warning-night/60",
|
|
@@ -66,7 +68,8 @@ const inputStyleClasses = cva(
|
|
|
66
68
|
cn(
|
|
67
69
|
"dark:s-text-primary-50",
|
|
68
70
|
"s-text-sm s-rounded-xl s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ",
|
|
69
|
-
|
|
71
|
+
// Default to plain background; disabled state will override to muted
|
|
72
|
+
"s-bg-background dark:s-bg-background-night",
|
|
70
73
|
"s-border focus-visible:s-ring",
|
|
71
74
|
"file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground",
|
|
72
75
|
"placeholder:s-text-muted-foreground placeholder:s-italic dark:placeholder:s-text-muted-foreground-night"
|
|
@@ -20,7 +20,8 @@ const textAreaVariants = cva(
|
|
|
20
20
|
cn(
|
|
21
21
|
"s-flex s-w-full s-px-3 s-py-2 s-text-sm",
|
|
22
22
|
"s-text-foreground dark:s-text-foreground-night",
|
|
23
|
-
|
|
23
|
+
// Default to plain background; disabled variant will set muted background
|
|
24
|
+
"s-bg-background dark:s-bg-background-night",
|
|
24
25
|
"s-ring-offset-background",
|
|
25
26
|
"s-border s-rounded-xl s-transition s-duration-100 focus-visible:s-outline-none",
|
|
26
27
|
"focus-visible:s-border-border dark:focus-visible:s-border-border-night focus-visible:s-ring"
|
|
@@ -52,7 +53,9 @@ const textAreaVariants = cva(
|
|
|
52
53
|
disabled: {
|
|
53
54
|
true: cn(
|
|
54
55
|
"disabled:s-cursor-not-allowed",
|
|
55
|
-
"disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night"
|
|
56
|
+
"disabled:s-text-muted-foreground dark:disabled:s-text-muted-foreground-night",
|
|
57
|
+
// Use muted background only when disabled
|
|
58
|
+
"s-bg-muted-background dark:s-bg-muted-background-night"
|
|
56
59
|
),
|
|
57
60
|
false: "",
|
|
58
61
|
},
|
|
@@ -117,8 +120,8 @@ const ReadOnlyTextArea = ({ content }: { content: string | null }) => {
|
|
|
117
120
|
isDisplay
|
|
118
121
|
className={cn(
|
|
119
122
|
"s-copy-sm s-h-full s-min-h-60 s-w-full s-min-w-0 s-rounded-xl",
|
|
120
|
-
"s-resize-none s-border-border
|
|
121
|
-
"dark:s-border-border-night
|
|
123
|
+
"s-resize-none s-border-border",
|
|
124
|
+
"dark:s-border-border-night"
|
|
122
125
|
)}
|
|
123
126
|
defaultValue={content ?? ""}
|
|
124
127
|
/>
|