@redis-ui/styles 13.2.0 → 13.3.2

package/dist/fonts.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Source+Code+Pro:wght@400;600&display=block');
-
-body {
-  font-family: 'Nunito Sans', sans-serif;
-}
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300..700&display=swap');

package/dist/index.js

@@ -1505,7 +1505,7 @@ function mt(a) {
   return $r[n] ? "#" + $r[n] : a;
 }
 var bt = /^#[a-fA-F0-9]{6}$/, gt = /^#[a-fA-F0-9]{8}$/, ut = /^#[a-fA-F0-9]{3}$/, pt = /^#[a-fA-F0-9]{4}$/, Do = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i, xt = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, Ct = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i, ft = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-function Q(a) {
+function oo(a) {
   if (typeof a != "string")
     throw new X(3);
   var n = mt(a);
@@ -1616,17 +1616,17 @@ function ht(a) {
   };
 }
 function U(a) {
-  return ht(Q(a));
+  return ht(oo(a));
 }
 var yt = function(n) {
   return n.length === 7 && n[1] === n[2] && n[3] === n[4] && n[5] === n[6] ? "#" + n[1] + n[3] + n[5] : n;
 }, Yo = yt;
-function Z(a) {
+function Q(a) {
   var n = a.toString(16);
   return n.length === 1 ? "0" + n : n;
 }
 function Ao(a) {
-  return Z(Math.round(a * 255));
+  return Q(Math.round(a * 255));
 }
 function kt(a, n, i) {
   return Yo("#" + Ao(a) + Ao(n) + Ao(i));
@@ -1650,14 +1650,14 @@ function wt(a, n, i, d) {
 }
 function Uo(a, n, i) {
   if (typeof a == "number" && typeof n == "number" && typeof i == "number")
-    return Yo("#" + Z(a) + Z(n) + Z(i));
+    return Yo("#" + Q(a) + Q(n) + Q(i));
   if (typeof a == "object" && n === void 0 && i === void 0)
-    return Yo("#" + Z(a.red) + Z(a.green) + Z(a.blue));
+    return Yo("#" + Q(a.red) + Q(a.green) + Q(a.blue));
   throw new X(6);
 }
 function Po(a, n, i, d) {
   if (typeof a == "string" && typeof n == "number") {
-    var l = Q(a);
+    var l = oo(a);
     return "rgba(" + l.red + "," + l.green + "," + l.blue + "," + n + ")";
   } else {
     if (typeof a == "number" && typeof n == "number" && typeof i == "number" && typeof d == "number")
@@ -1701,14 +1701,14 @@ function Wt(a, n) {
   }));
 }
 E(Wt);
-function to(a, n, i) {
+function ao(a, n, i) {
   return Math.max(a, Math.min(n, i));
 }
 function Pt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    lightness: to(0, 1, i.lightness - parseFloat(a))
+    lightness: ao(0, 1, i.lightness - parseFloat(a))
   }));
 }
 var Bt = E(Pt), Ft = Bt;
@@ -1716,13 +1716,13 @@ function It(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    saturation: to(0, 1, i.saturation - parseFloat(a))
+    saturation: ao(0, 1, i.saturation - parseFloat(a))
   }));
 }
 E(It);
 function Tt(a) {
   if (a === "transparent") return 0;
-  var n = Q(a), i = Object.keys(n).map(function(u) {
+  var n = oo(a), i = Object.keys(n).map(function(u) {
     var C = n[u] / 255;
     return C <= 0.03928 ? C / 12.92 : Math.pow((C + 0.055) / 1.055, 2.4);
   }), d = i[0], l = i[1], m = i[2];
@@ -1732,7 +1732,7 @@ function Mt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    lightness: to(0, 1, i.lightness + parseFloat(a))
+    lightness: ao(0, 1, i.lightness + parseFloat(a))
   }));
 }
 var Et = E(Mt), Ht = Et;
@@ -1740,9 +1740,9 @@ function Ot(a, n, i) {
   if (n === "transparent") return i;
   if (i === "transparent") return n;
   if (a === 0) return i;
-  var d = Q(n), l = M({}, d, {
+  var d = oo(n), l = M({}, d, {
     alpha: typeof d.alpha == "number" ? d.alpha : 1
-  }), m = Q(i), u = M({}, m, {
+  }), m = oo(i), u = M({}, m, {
     alpha: typeof m.alpha == "number" ? m.alpha : 1
   }), C = l.alpha - u.alpha, x = parseFloat(a) * 2 - 1, f = x * C === -1 ? x : x + C, h = 1 + x * C, v = (f / h + 1) / 2, g = 1 - v, $ = {
     red: Math.floor(l.red * v + u.red * g),
@@ -1755,8 +1755,8 @@ function Ot(a, n, i) {
 var _t = E(Ot), Jr = _t;
 function Lt(a, n) {
   if (n === "transparent") return n;
-  var i = Q(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
-    alpha: to(0, 1, (d * 100 + parseFloat(a) * 100) / 100)
+  var i = oo(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
+    alpha: ao(0, 1, (d * 100 + parseFloat(a) * 100) / 100)
   });
   return Po(l);
 }
@@ -1765,7 +1765,7 @@ function jt(a, n) {
   if (n === "transparent") return n;
   var i = U(n);
   return V(M({}, i, {
-    saturation: to(0, 1, i.saturation + parseFloat(a))
+    saturation: ao(0, 1, i.saturation + parseFloat(a))
   }));
 }
 E(jt);
@@ -1797,13 +1797,13 @@ function Gt(a, n) {
 E(Gt);
 function qt(a, n) {
   if (n === "transparent") return n;
-  var i = Q(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
-    alpha: to(0, 1, +(d * 100 - parseFloat(a) * 100).toFixed(2) / 100)
+  var i = oo(n), d = typeof i.alpha == "number" ? i.alpha : 1, l = M({}, i, {
+    alpha: ao(0, 1, +(d * 100 - parseFloat(a) * 100).toFixed(2) / 100)
   });
   return Po(l);
 }
 E(qt);
-const ao = (a, n) => tt(a, n);
+const K = (a, n) => tt(a, n);
 function L0(a) {
   const n = Tt(a), i = Math.max(Math.abs(n - 0.5) * 1.2, 0.3);
   return n < 0.5 ? Ht(i, a) : Ft(i, a);
@@ -1831,7 +1831,7 @@ const Yt = {
     border: `1px solid ${t.semantic.color.border.neutral400}`,
     buttonsGap: "1.6rem"
   },
-  overlay: { bgColor: ao(t.semantic.color.background.neutral100, 0.8) }
+  overlay: { bgColor: K(t.semantic.color.background.neutral100, 0.8) }
 }, Ut = {
   chipList: {
     padding: "0.8rem 1.6rem",
@@ -2003,7 +2003,8 @@ const Yt = {
     valueLabel: { textColor: t.semantic.color.text.neutral700 }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "inherit"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -4394,7 +4395,7 @@ const Yt = {
     border: `1px solid ${e.semantic.color.border.neutral950}`,
     buttonsGap: "1.6rem"
   },
-  overlay: { bgColor: ao(e.semantic.color.background.neutral200, 0.8) }
+  overlay: { bgColor: K(e.semantic.color.background.neutral200, 0.8) }
 }, Ua = {
   chipList: {
     padding: "0.8rem 1.6rem",
@@ -4566,7 +4567,8 @@ const Yt = {
     valueLabel: { textColor: e.semantic.color.text.neutral700 }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "inherit"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -6287,8 +6289,8 @@ const Yt = {
       },
       fontWeight: {
         normal: "400",
-        semiBold: "600",
-        bold: "700"
+        semiBold: "500",
+        bold: "600"
       }
     },
     focus: {
@@ -6944,7 +6946,7 @@ const Yt = {
   }
 }, Yn = {
   shadow: o.core.shadow.shadow500,
-  bgColor: o.semantic.color.background.neutral100,
+  bgColor: o.semantic.color.background.neutral0,
   sidePadding: "3.2rem",
   width: "60rem",
   borderRadius: "0.8rem",
@@ -6966,7 +6968,7 @@ const Yt = {
     buttonsGap: "1.6rem"
   },
   overlay: {
-    bgColor: ao(o.semantic.color.background.secondary0, 0.8)
+    bgColor: K(o.semantic.color.background.secondary0, 0.8)
   }
 }, Un = {
   chipList: {
@@ -7143,7 +7145,8 @@ const Yt = {
     }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "200%"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -7249,18 +7252,18 @@ const Yt = {
   gap: "0.5rem",
   variants: {
     regular: {
-      bgColor: o.semantic.color.icon.primary400,
-      color: o.semantic.color.icon.primary50,
+      bgColor: o.semantic.color.icon.primary50,
+      color: o.semantic.color.icon.primary400,
       textColor: o.semantic.color.icon.secondary950
     },
     pending: {
-      bgColor: o.semantic.color.icon.attention500,
-      color: o.semantic.color.icon.attention100,
+      bgColor: o.semantic.color.icon.attention100,
+      color: o.semantic.color.icon.attention500,
       textColor: o.semantic.color.icon.secondary950
     },
     inverse: {
-      bgColor: o.semantic.color.icon.secondary0,
-      color: o.semantic.color.icon.transparent,
+      bgColor: K(o.semantic.color.icon.secondary0, 0.2),
+      color: o.semantic.color.icon.secondary0,
       textColor: o.semantic.color.icon.secondary0
     }
   }
@@ -7368,7 +7371,7 @@ const Yt = {
     buttonsGap: "0.8rem"
   },
   overlay: {
-    bgColor: ao(o.semantic.color.background.secondary0, 0.8)
+    bgColor: K(o.semantic.color.background.secondary0, 0.8)
   }
 }, tc = {
   iconColor: o.semantic.color.icon.secondary600
@@ -8943,8 +8946,8 @@ const Yt = {
       },
       fontWeight: {
         normal: "400",
-        semiBold: "600",
-        bold: "700"
+        semiBold: "500",
+        bold: "600"
       }
     },
     focus: {
@@ -9622,7 +9625,7 @@ const Yt = {
     buttonsGap: "1.6rem"
   },
   overlay: {
-    bgColor: ao(r.semantic.color.background.secondary990, 0.8)
+    bgColor: K(r.semantic.color.background.secondary990, 0.8)
   }
 }, Yc = {
   chipList: {
@@ -9799,7 +9802,8 @@ const Yt = {
     }
   },
   password: {
-    padding: "0 0.5rem 0 1rem"
+    padding: "0 0.5rem 0 1rem",
+    fontSize: "200%"
   },
   additionalText: {
     margin: "0.4rem 0 0 0",
@@ -9905,19 +9909,19 @@ const Yt = {
   gap: "0.5rem",
   variants: {
     regular: {
-      bgColor: r.semantic.color.icon.primary300,
-      color: r.semantic.color.icon.primary900,
+      bgColor: r.semantic.color.icon.primary900,
+      color: r.semantic.color.icon.primary300,
       textColor: r.semantic.color.icon.secondary200
     },
     pending: {
-      bgColor: r.semantic.color.icon.attention500,
-      color: r.semantic.color.icon.attention900,
+      bgColor: r.semantic.color.icon.attention900,
+      color: r.semantic.color.icon.attention500,
       textColor: r.semantic.color.icon.secondary200
     },
     inverse: {
-      bgColor: r.semantic.color.icon.secondary950,
-      color: r.semantic.color.icon.transparent,
-      textColor: r.semantic.color.icon.secondary0
+      bgColor: K(r.semantic.color.icon.secondary0, 0.2),
+      color: r.semantic.color.icon.secondary950,
+      textColor: r.semantic.color.icon.secondary950
     }
   }
 }, o0 = {
@@ -10024,7 +10028,7 @@ const Yt = {
     buttonsGap: "0.8rem"
   },
   overlay: {
-    bgColor: ao(r.semantic.color.background.secondary990, 0.8)
+    bgColor: K(r.semantic.color.background.secondary990, 0.8)
   }
 }, e0 = {
   iconColor: r.semantic.color.icon.secondary500
@@ -10956,7 +10960,7 @@ const Yt = {
         borderColor: "transparent"
       },
       hover: {
-        borderColor: r.semantic.color.border.secondary800
+        borderColor: r.semantic.color.border.secondary700
       }
     }
   },
@@ -11427,14 +11431,14 @@ const Yt = {
     body: W0,
     scrollbar: P0
   }
-}, eo = () => Me() || Fa, N0 = (a) => Wo`
+}, to = () => Me() || Fa, N0 = (a) => Wo`
     &:focus-visible {
-      outline: ${() => eo().core.focus.size} solid ${() => eo().core.focus.color};
-      outline-offset: ${() => a || eo().core.focus.margin};
+      outline: ${() => to().core.focus.size} solid ${() => to().core.focus.color};
+      outline-offset: ${() => a || to().core.focus.margin};
     }
   `, X0 = (a) => Wo`
-    outline: ${() => eo().core.focus.size} solid ${() => eo().core.focus.color};
-    outline-offset: ${() => a || eo().core.focus.margin};
+    outline: ${() => to().core.focus.size} solid ${() => to().core.focus.color};
+    outline-offset: ${() => a || to().core.focus.margin};
   `, No = () => window.matchMedia("(prefers-color-scheme: dark)"), B0 = (a) => {
   const n = Ur(a);
   n.current = a;
@@ -11612,7 +11616,7 @@ function T0() {
         }
       return null;
     }
-    var K = Object.assign, no = 0, Qo, or, rr, er, tr, ar, nr;
+    var J = Object.assign, no = 0, Qo, or, rr, er, tr, ar, nr;
     function cr() {
     }
     cr.__reactDisabledLog = !0;
@@ -11648,25 +11652,25 @@ function T0() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, c, {
+            log: J({}, c, {
               value: Qo
             }),
-            info: K({}, c, {
+            info: J({}, c, {
               value: or
             }),
-            warn: K({}, c, {
+            warn: J({}, c, {
               value: rr
             }),
-            error: K({}, c, {
+            error: J({}, c, {
               value: er
             }),
-            group: K({}, c, {
+            group: J({}, c, {
               value: tr
             }),
-            groupCollapsed: K({}, c, {
+            groupCollapsed: J({}, c, {
               value: ar
             }),
-            groupEnd: K({}, c, {
+            groupEnd: J({}, c, {
               value: nr
             })
           });
@@ -11761,8 +11765,8 @@ function T0() {
       } finally {
         To = !1, Fo.current = S, le(), Error.prepareStackTrace = w;
       }
-      var ro = c ? c.displayName || c.name : "", J = ro ? fo(ro) : "";
-      return typeof c == "function" && ho.set(c, J), J;
+      var eo = c ? c.displayName || c.name : "", Z = eo ? fo(eo) : "";
+      return typeof c == "function" && ho.set(c, Z), Z;
     }
     function de(c, s, b) {
       return ir(c, !1);
@@ -11950,7 +11954,7 @@ function T0() {
       }
     }
     var Ho = _.ReactCurrentOwner, ur = _.ReactDebugCurrentFrame;
-    function oo(c) {
+    function ro(c) {
       if (c) {
         var s = c._owner, b = yo(c.type, c._source, s ? s.type : null);
         ur.setExtraStackFrame(b);
@@ -12000,7 +12004,7 @@ Check the top-level render call using <` + b + ">.");
           return;
         xr[b] = !0;
         var p = "";
-        c && c._owner && c._owner !== Ho.current && (p = " It was passed a child from " + L(c._owner.type) + "."), oo(c), W('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, p), oo(null);
+        c && c._owner && c._owner !== Ho.current && (p = " It was passed a child from " + L(c._owner.type) + "."), ro(c), W('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, p), ro(null);
       }
     }
     function fr(c, s) {
@@ -12052,11 +12056,11 @@ Check the top-level render call using <` + b + ">.");
         for (var s = Object.keys(c.props), b = 0; b < s.length; b++) {
           var p = s[b];
           if (p !== "children" && p !== "key") {
-            oo(c), W("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), oo(null);
+            ro(c), W("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ro(null);
             break;
           }
         }
-        c.ref !== null && (oo(c), W("Invalid attribute `ref` supplied to `React.Fragment`."), oo(null));
+        c.ref !== null && (ro(c), W("Invalid attribute `ref` supplied to `React.Fragment`."), ro(null));
       }
     }
     var hr = {};
@@ -12079,8 +12083,8 @@ Check the top-level render call using <` + b + ">.");
           if (H !== void 0)
             if (p)
               if (Mo(H)) {
-                for (var ro = 0; ro < H.length; ro++)
-                  fr(H[ro], c);
+                for (var eo = 0; eo < H.length; eo++)
+                  fr(H[eo], c);
                 Object.freeze && Object.freeze(H);
               } else
                 W("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -12088,17 +12092,17 @@ Check the top-level render call using <` + b + ">.");
               fr(H, c);
         }
         if (co.call(s, "key")) {
-          var J = L(c), I = Object.keys(s).filter(function(Te) {
+          var Z = L(c), I = Object.keys(s).filter(function(Te) {
             return Te !== "key";
           }), Lo = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!hr[J + Lo]) {
+          if (!hr[Z + Lo]) {
             var Ie = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
             W(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Lo, J, Ie, J), hr[J + Lo] = !0;
+  <%s key={someKey} {...props} />`, Lo, Z, Ie, Z), hr[Z + Lo] = !0;
           }
         }
         return c === d ? ze(z) : Re(z), z;
@@ -12193,9 +12197,9 @@ export {
   Fa as themeLight,
   D0 as themeLight2,
   F0 as useStorage,
-  eo as useTheme,
+  to as useTheme,
   B0 as useThemeSelector,
   G0 as useThemeSwitchContext,
   L0 as withContrast,
-  ao as withOpacity
+  K as withOpacity
 };