@qodo/design-system 0.10.1 → 0.10.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/design-system.css +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -12
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -13401,7 +13401,7 @@ const tf = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ i.jsx(
|
|
|
13401
13401
|
{
|
|
13402
13402
|
ref: r,
|
|
13403
13403
|
className: T(
|
|
13404
|
-
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-purple-
|
|
13404
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-purple-muted-600 dark:text-neutral-50",
|
|
13405
13405
|
e
|
|
13406
13406
|
),
|
|
13407
13407
|
...t
|
|
@@ -13414,7 +13414,7 @@ const rf = l.forwardRef(({ className: e, sideOffset: t = 4, ...r }, n) => /* @__
|
|
|
13414
13414
|
ref: n,
|
|
13415
13415
|
sideOffset: t,
|
|
13416
13416
|
className: T(
|
|
13417
|
-
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-purple-
|
|
13417
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-purple-muted-600 background dark:text-neutral-50",
|
|
13418
13418
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
13419
13419
|
e
|
|
13420
13420
|
),
|
|
@@ -13485,7 +13485,7 @@ const xt = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ i.jsx(
|
|
|
13485
13485
|
Zd,
|
|
13486
13486
|
{
|
|
13487
13487
|
ref: r,
|
|
13488
|
-
className: T("-mx-1 my-1 h-px bg-purple-
|
|
13488
|
+
className: T("-mx-1 my-1 h-px bg-purple-muted-500", e),
|
|
13489
13489
|
...t
|
|
13490
13490
|
}
|
|
13491
13491
|
));
|
|
@@ -13507,7 +13507,7 @@ sf.displayName = "DropdownMenuEndAndornment";
|
|
|
13507
13507
|
const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
13508
13508
|
of,
|
|
13509
13509
|
{
|
|
13510
|
-
className: "m-0 rounded-none gap-2 text-white focus:text-purple-
|
|
13510
|
+
className: "m-0 rounded-none gap-2 text-white focus:text-purple-muted-100 focus:bg-zinc-800 pl-3 pr-9 py-1.5",
|
|
13511
13511
|
value: e.value,
|
|
13512
13512
|
disabled: e.disabled,
|
|
13513
13513
|
onSelect: (t) => t.preventDefault(),
|
|
@@ -13539,7 +13539,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
|
13539
13539
|
children: /* @__PURE__ */ i.jsx(
|
|
13540
13540
|
ws,
|
|
13541
13541
|
{
|
|
13542
|
-
className: "m-0 rounded-none py-1.5 px-3 outline-none text-white focus:text-purple-
|
|
13542
|
+
className: "m-0 rounded-none py-1.5 px-3 outline-none text-white focus:text-purple-muted-100 focus:bg-zinc-800",
|
|
13543
13543
|
disabled: e.disabled || e.loading,
|
|
13544
13544
|
onClick: e.onClick,
|
|
13545
13545
|
onSelect: e.onSelect,
|
|
@@ -13557,7 +13557,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
|
13557
13557
|
] }), SC = ({ checkboxItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
13558
13558
|
nf,
|
|
13559
13559
|
{
|
|
13560
|
-
className: "gap-2 m-0 rounded-none py-1.5 pl-3 pr-9 outline-none text-white focus:text-purple-
|
|
13560
|
+
className: "gap-2 m-0 rounded-none py-1.5 pl-3 pr-9 outline-none text-white focus:text-purple-muted-100 focus:bg-zinc-800 [&_svg]:stroke-purple-300 [&_svg]:size-[18px] [&_svg]:stroke-[3px]",
|
|
13561
13561
|
checked: e.checked,
|
|
13562
13562
|
onCheckedChange: e.onSelect,
|
|
13563
13563
|
disabled: e.disabled,
|
|
@@ -13580,14 +13580,14 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
|
13580
13580
|
ef,
|
|
13581
13581
|
{
|
|
13582
13582
|
disabled: e.disabled,
|
|
13583
|
-
className: "m-0 rounded-none py-1.5 pl-3 pr-1 data-[state=open]:bg-zinc-800 data-[state=open]:text-purple-
|
|
13583
|
+
className: "m-0 rounded-none py-1.5 pl-3 pr-1 data-[state=open]:bg-zinc-800 data-[state=open]:text-purple-muted-100 text-white focus:text-purple-muted-100 hover:text-purple-muted-100 focus:bg-zinc-800 [&_svg]:stroke-1 [&_svg]:stroke-white [&_svg]:stroke-1.5 [&_svg]:size-4",
|
|
13584
13584
|
children: [
|
|
13585
13585
|
e.icon,
|
|
13586
13586
|
e.label
|
|
13587
13587
|
]
|
|
13588
13588
|
}
|
|
13589
13589
|
),
|
|
13590
|
-
/* @__PURE__ */ i.jsx(vC, { children: /* @__PURE__ */ i.jsx(tf, { className: "rounded-md text-body dark:bg-purple-
|
|
13590
|
+
/* @__PURE__ */ i.jsx(vC, { children: /* @__PURE__ */ i.jsx(tf, { className: "rounded-md text-body dark:bg-purple-muted-700 border-purple-muted-500 px-0 py-1.5", children: e.subItems.map(
|
|
13591
13591
|
(t, r) => af(t, r)
|
|
13592
13592
|
) }) })
|
|
13593
13593
|
] }),
|
|
@@ -13613,17 +13613,17 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
|
13613
13613
|
s: "min-w-[140px]",
|
|
13614
13614
|
l: "min-w-[257px]"
|
|
13615
13615
|
}, jC = ({ header: e }) => /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-1", children: [
|
|
13616
|
-
/* @__PURE__ */ i.jsx("span", { className: "text-purple-
|
|
13616
|
+
/* @__PURE__ */ i.jsx("span", { className: "text-purple-muted-300", children: e.title }),
|
|
13617
13617
|
/* @__PURE__ */ i.jsx("span", { children: e.label })
|
|
13618
13618
|
] }), _C = ({
|
|
13619
13619
|
header: e
|
|
13620
13620
|
}) => e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
13621
13621
|
/* @__PURE__ */ i.jsx(Cs, { className: "text-purple-100 font-normal px-3", children: e.type === "MenuTitleHeader" && /* @__PURE__ */ i.jsx(jC, { header: e }) }),
|
|
13622
|
-
/* @__PURE__ */ i.jsx(xt, { className: "bg-purple-
|
|
13622
|
+
/* @__PURE__ */ i.jsx(xt, { className: "bg-purple-muted-500" })
|
|
13623
13623
|
] }) : null, TC = ({
|
|
13624
13624
|
footer: e
|
|
13625
13625
|
}) => e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
|
|
13626
|
-
/* @__PURE__ */ i.jsx(xt, { className: "bg-purple-
|
|
13626
|
+
/* @__PURE__ */ i.jsx(xt, { className: "bg-purple-muted-500" }),
|
|
13627
13627
|
/* @__PURE__ */ i.jsxs(
|
|
13628
13628
|
ws,
|
|
13629
13629
|
{
|
|
@@ -13650,7 +13650,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
|
|
|
13650
13650
|
NC,
|
|
13651
13651
|
{
|
|
13652
13652
|
[o]: o,
|
|
13653
|
-
className: "rounded-md text-body dark:bg-purple-
|
|
13653
|
+
className: "rounded-md text-body dark:bg-purple-muted-700 border-purple-muted-500 px-0 py-1.5"
|
|
13654
13654
|
},
|
|
13655
13655
|
!1
|
|
13656
13656
|
);
|