@dust-tt/sparkle 0.2.632-rc-1 → 0.2.632-rc-3
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/NavigationList.js +4 -4
- package/dist/esm/components/NavigationList.js.map +1 -1
- package/dist/esm/stories/NavigationList.stories.js +2 -2
- package/dist/esm/stories/NavigationList.stories.js.map +1 -1
- package/dist/sparkle.css +5 -0
- package/package.json +1 -1
- package/src/components/NavigationList.tsx +4 -4
- package/src/stories/NavigationList.stories.tsx +2 -2
|
@@ -5,11 +5,11 @@ import { Icon, LinkWrapper, ScrollArea, ScrollBar, } from "../components";
|
|
|
5
5
|
import { Button } from "../components/Button";
|
|
6
6
|
import { MoreIcon } from "../icons/app";
|
|
7
7
|
import { cn } from "../lib/utils";
|
|
8
|
-
var NavigationListItemStyles = cva(cn("s-box-border s-flex s-items-center s-w-full s-gap-1.5 s-cursor-pointer s-select-none", "s-items-center s-outline-none s-rounded-xl s-text-sm s-px-3 s-py-2 s-transition-colors s-duration-300", "data-[disabled]:s-pointer-events-none", "data-[disabled]:s-text-muted-foreground dark:data-[disabled]:s-text-muted-foreground-night", "hover:s-text-foreground dark:hover:s-text-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-
|
|
8
|
+
var NavigationListItemStyles = cva(cn("s-box-border s-flex s-items-center s-w-full s-gap-1.5 s-cursor-pointer s-select-none", "s-items-center s-outline-none s-rounded-xl s-text-sm s-px-3 s-py-2 s-transition-colors s-duration-300", "data-[disabled]:s-pointer-events-none", "data-[disabled]:s-text-muted-foreground dark:data-[disabled]:s-text-muted-foreground-night", "hover:s-text-foreground dark:hover:s-text-foreground-night", "hover:s-bg-primary-100 dark:hover:s-bg-primary-200-night"), {
|
|
9
9
|
variants: {
|
|
10
10
|
state: {
|
|
11
|
-
active: "active:s-bg-primary-150 dark:active:s-bg-primary-
|
|
12
|
-
selected: cn("s-text-foreground dark:s-text-foreground-night", "s-font-medium", "s-bg-primary-100 dark:s-bg-primary-
|
|
11
|
+
active: "active:s-bg-primary-150 dark:active:s-bg-primary-200-night",
|
|
12
|
+
selected: cn("s-text-foreground dark:s-text-foreground-night", "s-font-medium", "s-bg-primary-100 dark:s-bg-primary-200-night"),
|
|
13
13
|
unselected: "s-text-muted-foreground dark:s-text-muted-foreground-night",
|
|
14
14
|
},
|
|
15
15
|
},
|
|
@@ -73,7 +73,7 @@ var variantStyles = cva("", {
|
|
|
73
73
|
secondary: "s-text-muted-foreground dark:s-text-muted-foreground-night",
|
|
74
74
|
},
|
|
75
75
|
isSticky: {
|
|
76
|
-
true: cn("s-sticky s-top-0 s-z-10 s-border-b s-bg-background dark:s-bg-background-night", "s-border-border dark:s-border-border-night"),
|
|
76
|
+
true: cn("s-sticky s-top-0 s-z-10 s-border-b s-bg-background dark:s-bg-muted-background-night", "s-border-border dark:s-border-border-night"),
|
|
77
77
|
},
|
|
78
78
|
},
|
|
79
79
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NavigationList.js","sourceRoot":"","sources":["../../../src/components/NavigationList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ export var Demo = function () {
|
|
|
35
35
|
} })))); };
|
|
36
36
|
return (React.createElement("div", { className: "s-flex s-h-[400px] s-w-full s-flex-row s-gap-12" },
|
|
37
37
|
React.createElement("div", { className: "s-h-[400px] s-w-[240px]" },
|
|
38
|
-
React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
|
|
38
|
+
React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3 dark:s-bg-muted-background-night" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
|
|
39
39
|
React.createElement(NavigationListLabel, { label: section.label }),
|
|
40
40
|
section.items.map(function (title, index) {
|
|
41
41
|
var itemIndex = allItems.indexOf(title);
|
|
@@ -58,7 +58,7 @@ export var Demo = function () {
|
|
|
58
58
|
}, label: title, className: "s-w-full", moreMenu: getMoreMenu(title), status: getStatus(index) }));
|
|
59
59
|
}))); }))),
|
|
60
60
|
React.createElement("div", { className: "s-h-[400px] s-w-[240px]" },
|
|
61
|
-
React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
|
|
61
|
+
React.createElement(NavigationList, { className: "s-relative s-h-full s-w-full s-px-3 dark:s-bg-muted-background-night" }, conversationTitles.map(function (section, sectionIndex) { return (React.createElement(React.Fragment, { key: sectionIndex },
|
|
62
62
|
React.createElement(NavigationListLabel, { label: section.label, isSticky: true }),
|
|
63
63
|
section.items.map(function (title, index) {
|
|
64
64
|
var itemIndex = allItems.indexOf(title);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationList.stories.js","sourceRoot":"","sources":["../../../src/stories/NavigationList.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,GACV,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;CACjB,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,IAAM,eAAe,GAAG,UAAC,KAAa;IACpC,IAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,cAAM,OAAA,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,EAAnB,CAAmB,CAAC,CAAC;IAC5D,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG;IACZ,IAAA,KAAA,OAAoC,QAAQ,CAAgB,IAAI,CAAC,IAAA,EAAhE,aAAa,QAAA,EAAE,gBAAgB,QAAiC,CAAC;IAClE,IAAA,KAAA,OAA8C,QAAQ,CAE1D,EAAE,CAAC,IAAA,EAFE,kBAAkB,QAAA,EAAE,qBAAqB,QAE3C,CAAC;IAEN,SAAS,CAAC;QACR,qBAAqB,CAAC;YACpB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE;YAC7C,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,CAAC,EAAE,CAAC,EAAE;SACnD,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,KAAK,EAAb,CAAa,CAAC,CAAC;IAExE,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,CACrC,oBAAC,YAAY;QACX,oBAAC,mBAAmB,IAAC,OAAO;YAC1B,oBAAC,wBAAwB,OAAG,CACR;QACtB,oBAAC,mBAAmB;YAClB,oBAAC,gBAAgB,IACf,KAAK,EAAE,iBAAU,KAAK,CAAE,EACxB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,wBAAwB;gBAC1B,CAAC,GACD;YACF,oBAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,SAAS,EACf,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,UAAC,CAAC;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,wBAAwB;gBAC1B,CAAC,GACD,CACkB,CACT,CAChB,EA3BsC,CA2BtC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,iDAAiD;QAC9D,6BAAK,SAAS,EAAC,yBAAyB;YACtC,oBAAC,cAAc,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"NavigationList.stories.js","sourceRoot":"","sources":["../../../src/stories/NavigationList.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -8642,6 +8642,11 @@ select {
|
|
|
8642
8642
|
background-color: rgb(28 34 45 / var(--tw-bg-opacity));
|
|
8643
8643
|
}
|
|
8644
8644
|
|
|
8645
|
+
:is(.s-dark .dark\:active\:s-bg-primary-200-night:active) {
|
|
8646
|
+
--tw-bg-opacity: 1;
|
|
8647
|
+
background-color: rgb(42 50 65 / var(--tw-bg-opacity));
|
|
8648
|
+
}
|
|
8649
|
+
|
|
8645
8650
|
:is(.s-dark .dark\:active\:s-bg-primary-900:active) {
|
|
8646
8651
|
--tw-bg-opacity: 1;
|
|
8647
8652
|
background-color: rgb(28 34 45 / var(--tw-bg-opacity));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dust-tt/sparkle",
|
|
3
|
-
"version": "0.2.632-rc-
|
|
3
|
+
"version": "0.2.632-rc-3",
|
|
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",
|
|
@@ -20,16 +20,16 @@ const NavigationListItemStyles = cva(
|
|
|
20
20
|
"data-[disabled]:s-pointer-events-none",
|
|
21
21
|
"data-[disabled]:s-text-muted-foreground dark:data-[disabled]:s-text-muted-foreground-night",
|
|
22
22
|
"hover:s-text-foreground dark:hover:s-text-foreground-night",
|
|
23
|
-
"hover:s-bg-primary-100 dark:hover:s-bg-primary-
|
|
23
|
+
"hover:s-bg-primary-100 dark:hover:s-bg-primary-200-night"
|
|
24
24
|
),
|
|
25
25
|
{
|
|
26
26
|
variants: {
|
|
27
27
|
state: {
|
|
28
|
-
active: "active:s-bg-primary-150 dark:active:s-bg-primary-
|
|
28
|
+
active: "active:s-bg-primary-150 dark:active:s-bg-primary-200-night",
|
|
29
29
|
selected: cn(
|
|
30
30
|
"s-text-foreground dark:s-text-foreground-night",
|
|
31
31
|
"s-font-medium",
|
|
32
|
-
"s-bg-primary-100 dark:s-bg-primary-
|
|
32
|
+
"s-bg-primary-100 dark:s-bg-primary-200-night"
|
|
33
33
|
),
|
|
34
34
|
unselected:
|
|
35
35
|
"s-text-muted-foreground dark:s-text-muted-foreground-night",
|
|
@@ -204,7 +204,7 @@ const variantStyles = cva("", {
|
|
|
204
204
|
},
|
|
205
205
|
isSticky: {
|
|
206
206
|
true: cn(
|
|
207
|
-
"s-sticky s-top-0 s-z-10 s-border-b s-bg-background dark:s-bg-background-night",
|
|
207
|
+
"s-sticky s-top-0 s-z-10 s-border-b s-bg-background dark:s-bg-muted-background-night",
|
|
208
208
|
"s-border-border dark:s-border-border-night"
|
|
209
209
|
),
|
|
210
210
|
},
|
|
@@ -72,7 +72,7 @@ export const Demo = () => {
|
|
|
72
72
|
return (
|
|
73
73
|
<div className="s-flex s-h-[400px] s-w-full s-flex-row s-gap-12">
|
|
74
74
|
<div className="s-h-[400px] s-w-[240px]">
|
|
75
|
-
<NavigationList className="s-relative s-h-full s-w-full s-px-3">
|
|
75
|
+
<NavigationList className="s-relative s-h-full s-w-full s-px-3 dark:s-bg-muted-background-night">
|
|
76
76
|
{conversationTitles.map((section, sectionIndex) => (
|
|
77
77
|
<React.Fragment key={sectionIndex}>
|
|
78
78
|
<NavigationListLabel label={section.label} />
|
|
@@ -112,7 +112,7 @@ export const Demo = () => {
|
|
|
112
112
|
</NavigationList>
|
|
113
113
|
</div>
|
|
114
114
|
<div className="s-h-[400px] s-w-[240px]">
|
|
115
|
-
<NavigationList className="s-relative s-h-full s-w-full s-px-3">
|
|
115
|
+
<NavigationList className="s-relative s-h-full s-w-full s-px-3 dark:s-bg-muted-background-night">
|
|
116
116
|
{conversationTitles.map((section, sectionIndex) => (
|
|
117
117
|
<React.Fragment key={sectionIndex}>
|
|
118
118
|
<NavigationListLabel label={section.label} isSticky />
|