@gryt/ui 0.10.0 → 0.10.1

package/dist/index.js

@@ -190,7 +190,7 @@ function R(o) {
   const { l: e, c: r, h: t } = J(o), a = fe.map(
     (i, l) => C({ l: i, c: be[l], h: t })
   );
-  return a.push(o), a.push(C({ l: Math.max(0, e - 0.07), c: r, h: t })), a.push(C({ l: 0.5, c: 0.15, h: t })), a.push(C({ l: 0.33, c: 0.1, h: t })), a;
+  return a.push(o), a.push(C({ l: Math.max(0, e - 0.07), c: r, h: t })), a.push(C({ l: 0.46, c: 0.15, h: t })), a.push(C({ l: 0.33, c: 0.1, h: t })), a;
 }
 function wt(o) {
   const [e, r, t] = Y(o).map(Ct);
@@ -672,10 +672,10 @@ const Te = {
   success: "data-checked:bg-gryt-success",
   warning: "data-checked:bg-gryt-warning"
 }, Me = {
-  primary: "text-gryt-accent hover:not-data-disabled:bg-gryt-accent/10",
-  secondary: "text-gryt-secondary hover:not-data-disabled:bg-gryt-secondary/10",
+  primary: "text-gryt-accent-11 hover:not-data-disabled:bg-gryt-accent-3",
+  secondary: "text-gryt-secondary-11 hover:not-data-disabled:bg-gryt-secondary-3",
   neutral: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text",
-  danger: "text-gryt-danger hover:not-data-disabled:bg-gryt-danger/10",
+  danger: "text-gryt-danger-11 hover:not-data-disabled:bg-gryt-danger-3",
   ghost: "text-gryt-muted hover:not-data-disabled:bg-white/8 hover:not-data-disabled:text-gryt-text"
 }, Ae = {
   xsmall: "h-8 w-8",
@@ -788,7 +788,7 @@ const Te = {
             {
               className: s(
                 "text-xs",
-                r ? "text-gryt-danger" : "text-gryt-muted"
+                r ? "text-gryt-danger-11" : "text-gryt-muted"
               ),
               children: a
             }
@@ -900,7 +900,7 @@ const Te = {
           {
             size: "small",
             className: s(
-              e ? "bg-gryt-on-accent text-gryt-accent ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
+              e ? "bg-gryt-on-accent text-gryt-accent-9 ring-transparent" : "bg-gryt-surface-raised text-gryt-text"
             ),
             children: i.slice(0, 1).toUpperCase()
           }
@@ -912,7 +912,7 @@ const Te = {
             {
               className: s(
                 "block truncate text-xs",
-                e ? "text-gryt-on-accent/70" : "text-gryt-muted"
+                e ? "text-gryt-on-accent/85" : "text-gryt-muted"
               ),
               children: a
             }
@@ -948,11 +948,11 @@ const Te = {
   );
 }), Ge = {
   neutral: "border-gryt-border bg-gryt-surface-raised text-gryt-text",
-  primary: "border-gryt-accent/40 bg-gryt-accent/12 text-gryt-accent",
-  secondary: "border-gryt-secondary/40 bg-gryt-secondary/12 text-gryt-secondary",
-  success: "border-gryt-success/40 bg-gryt-success/12 text-gryt-success",
-  warning: "border-gryt-warning/40 bg-gryt-warning/12 text-gryt-warning",
-  danger: "border-gryt-danger/40 bg-gryt-danger/12 text-gryt-danger"
+  primary: "border-gryt-accent-6 bg-gryt-accent-3 text-gryt-accent-11",
+  secondary: "border-gryt-secondary-6 bg-gryt-secondary-3 text-gryt-secondary-11",
+  success: "border-gryt-success-6 bg-gryt-success-3 text-gryt-success-11",
+  warning: "border-gryt-warning-6 bg-gryt-warning-3 text-gryt-warning-11",
+  danger: "border-gryt-danger-6 bg-gryt-danger-3 text-gryt-danger-11"
 }, ln = c(function({ children: e, className: r, icon: t, label: a, onDelete: i, tone: l = "neutral", ...d }, g) {
   return /* @__PURE__ */ p(
     "span",
@@ -1234,7 +1234,7 @@ function pn({
             ),
             children: [
               /* @__PURE__ */ n(v.ItemText, { children: l.label }),
-              /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent", children: /* @__PURE__ */ n(Rt, { size: 14, weight: "bold" }) })
+              /* @__PURE__ */ n(v.ItemIndicator, { className: "text-gryt-accent-11", children: /* @__PURE__ */ n(Rt, { size: 14, weight: "bold" }) })
             ]
           },
           String(l.value)
@@ -1346,10 +1346,10 @@ function Nn({
   );
 }
 const Ee = {
-  info: "border-gryt-secondary/40 bg-gryt-secondary/10 text-gryt-secondary",
-  success: "border-gryt-success/40 bg-gryt-success/10 text-gryt-success",
-  warning: "border-gryt-warning/40 bg-gryt-warning/10 text-gryt-warning",
-  error: "border-gryt-danger/40 bg-gryt-danger/10 text-gryt-danger"
+  info: "border-gryt-secondary-6 bg-gryt-secondary-3 text-gryt-secondary-11",
+  success: "border-gryt-success-6 bg-gryt-success-3 text-gryt-success-11",
+  warning: "border-gryt-warning-6 bg-gryt-warning-3 text-gryt-warning-11",
+  error: "border-gryt-danger-6 bg-gryt-danger-3 text-gryt-danger-11"
 }, Pn = c(function({ className: e, severity: r = "info", ...t }, a) {
   return /* @__PURE__ */ n(
     "div",
@@ -1389,7 +1389,7 @@ function Tn({
       size: e,
       weight: "bold",
       className: s(
-        "gryt-spinner text-gryt-accent motion-safe:animate-spin",
+        "gryt-spinner text-gryt-accent-11 motion-safe:animate-spin",
         o
       )
     }
@@ -1996,10 +1996,10 @@ const Sn = {
   Arrow: S.Arrow
 }, wr = {
   neutral: "border-white/8 bg-gryt-surface",
-  info: "border-gryt-secondary/30 bg-gryt-secondary/8",
-  success: "border-gryt-success/30 bg-gryt-success/8",
-  warning: "border-gryt-warning/30 bg-gryt-warning/8",
-  danger: "border-gryt-danger/30 bg-gryt-danger/8"
+  info: "border-gryt-secondary-6 bg-gryt-secondary-2",
+  success: "border-gryt-success-6 bg-gryt-success-2",
+  warning: "border-gryt-warning-6 bg-gryt-warning-2",
+  danger: "border-gryt-danger-6 bg-gryt-danger-2"
 }, vr = c(
   function({ className: e, ...r }, t) {
     return /* @__PURE__ */ n(
@@ -2338,7 +2338,7 @@ const Ar = c(
   // Base UI drives keyboard and pointer highlight through one attribute, so
   // arrow keys and the mouse land on identical styling.
   "data-highlighted:bg-gryt-surface-raised",
-  "data-selected:text-gryt-accent",
+  "data-selected:text-gryt-accent-11",
   "data-disabled:cursor-not-allowed data-disabled:opacity-50"
 ].join(" "), Vt = [
   Et,