@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/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-mutted-600 dark:text-neutral-50",
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-mutted-600 background dark:text-neutral-50",
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-mutted-500", e),
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-mutted-100 focus:bg-zinc-800 pl-3 pr-9 py-1.5",
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-mutted-100 focus:bg-zinc-800",
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-mutted-100 focus:bg-zinc-800 [&_svg]:stroke-purple-300 [&_svg]:size-[18px] [&_svg]:stroke-[3px]",
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-mutted-100 text-white focus:text-purple-mutted-100 hover:text-purple-mutted-100 focus:bg-zinc-800 [&_svg]:stroke-1 [&_svg]:stroke-white [&_svg]:stroke-1.5 [&_svg]:size-4",
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-mutted-700 border-purple-mutted-500 px-0 py-1.5", children: e.subItems.map(
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-mutted-300", children: e.title }),
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-mutted-500" })
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-mutted-500" }),
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-mutted-700 border-purple-mutted-500 px-0 py-1.5"
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
  );