@telefonica/mistica 14.32.1 → 14.33.0

package/dist/credit-card-expiration-field.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return L;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -131,32 +131,39 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const N = (_param)=>{
-    var { inputRef: x , defaultValue: p , value: a  } = _param, u = _object_without_properties(_param, [
+const j = (_param)=>{
+    var { inputRef: g , defaultValue: s , value: l  } = _param, u = _object_without_properties(_param, [
         "inputRef",
         "defaultValue",
         "value"
     ]);
-    const { texts: f  } = (0, _hooks.useTheme)(), s = _react.useRef(a || ""), c = (i)=>{
-        let r = i.replace(/[^\d/]/g, "").replace(/\/+/g, "/");
-        const [l, m] = r.split("/");
-        return m && (r = `${l}/${m}`), String(s.current).length >= r.length || (r === "/" ? r = "" : r.length === 1 && parseInt(r) >= 2 ? r = `0${r}/` : r.length === 2 && (r[1] === "/" ? r = `0${r}` : parseInt(l) > 12 || parseInt(l) < 1 ? r = r[0] : r = `${r}/`)), r;
+    const { texts: p  } = (0, _hooks.useTheme)(), c = _react.useRef(""), i = (r)=>{
+        if (r.length === 2 && c.current === "Backspace") return r[0];
+        let e = "";
+        return [
+            ...r
+        ].forEach((x)=>{
+            e = (e + x).replace(/[^0-9]/g, "").replace(/^([2-9])$/g, "0$1").replace(/^(1{1})([3-9]{1})$/g, "0$1/$2").replace(/^0{1,}/g, "0").replace(/^([0-1]{1}[0-9]{1})([0-9]{1,2}).*/g, "$1/$2");
+        }), e.length === 2 ? e + "/" : e;
+    }, h = (r)=>{
+        c.current = r.key;
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, u), {
-        placeholder: f.expirationDatePlaceholder,
+        placeholder: p.expirationDatePlaceholder,
         type: "text",
         inputMode: "decimal",
         maxLength: "5",
-        onInput: (i)=>{
-            const r = c(i.currentTarget.value);
-            s.current = r, i.currentTarget.value = r;
+        onKeyDown: h,
+        onInput: (r)=>{
+            const e = i(r.currentTarget.value);
+            r.currentTarget.value = e;
         },
-        value: a === void 0 ? void 0 : c(a),
-        defaultValue: p === void 0 ? void 0 : c(p),
-        ref: x
+        value: l === void 0 ? void 0 : i(l),
+        defaultValue: s === void 0 ? void 0 : i(s),
+        ref: g
     }));
-}, R = (_param)=>{
-    var { disabled: x , error: p , helperText: a , name: u , optional: f , validate: s , onChange: c , onChangeValue: i , onBlur: r , value: l , autoComplete: m = "cc-exp" , defaultValue: C  } = _param, T = _object_without_properties(_param, [
+}, B = (_param)=>{
+    var { disabled: g , error: s , helperText: l , name: u , optional: p , validate: c , onChange: i , onChangeValue: h , onBlur: r , value: e , autoComplete: x = "cc-exp" , defaultValue: D  } = _param, T = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -170,46 +177,46 @@ const N = (_param)=>{
         "autoComplete",
         "defaultValue"
     ]);
-    const { texts: d  } = (0, _hooks.useTheme)(), { setFormError: $ , jumpToNext: M  } = (0, _formcontext.useForm)(), g = (e, t)=>{
-        if (!t) return f ? "" : d.formFieldErrorIsMandatory;
-        const { month: o , year: n  } = e;
-        if (!o || !n) return d.formCreditCardExpirationError;
-        const h = /* @__PURE__ */ new Date(), Y = h.getMonth() + 1, I = h.getFullYear();
-        return n < I || n === I && o < Y ? d.formCreditCardExpirationError : s == null ? void 0 : s(e, t);
-    }, E = (e)=>{
-        const [t, o] = String(e).split("/").map((h)=>parseInt(h)), n = Number.isInteger(o) ? 2e3 + o : null;
+    const { texts: f  } = (0, _hooks.useTheme)(), { setFormError: w , jumpToNext: I  } = (0, _formcontext.useForm)(), m = (t, n)=>{
+        if (!n) return p ? "" : f.formFieldErrorIsMandatory;
+        const { month: a , year: o  } = t;
+        if (!a || !o) return f.formCreditCardExpirationError;
+        const d = /* @__PURE__ */ new Date(), M = d.getMonth() + 1, y = d.getFullYear();
+        return o < y || o === y && a < M ? f.formCreditCardExpirationError : c == null ? void 0 : c(t, n);
+    }, C = (t)=>{
+        const [n, a] = String(t).split("/").map((d)=>parseInt(d)), o = Number.isInteger(a) ? 2e3 + a : null;
         return {
-            month: t || null,
-            year: n,
-            raw: e
+            month: n || null,
+            year: o,
+            raw: t
         };
-    }, F = (0, _formcontext.useFieldProps)({
+    }, E = (0, _formcontext.useFieldProps)({
         name: u,
-        value: l,
-        defaultValue: C,
-        processValue: E,
-        helperText: a,
-        optional: f,
-        error: p,
-        disabled: x,
+        value: e,
+        defaultValue: D,
+        processValue: C,
+        helperText: l,
+        optional: p,
+        error: s,
+        disabled: g,
         onBlur: r,
-        validate: g,
-        onChange: c,
-        onChangeValue: i
+        validate: m,
+        onChange: i,
+        onChangeValue: h
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, T, F), {
-        onChange: (e)=>{
-            F.onChange(e);
-            const t = e.currentTarget.value, o = E(t);
-            if (t.length === 5) {
-                const n = g == null ? void 0 : g(o, t);
-                n ? $({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, T, E), {
+        onChange: (t)=>{
+            E.onChange(t);
+            const n = t.currentTarget.value, a = C(n);
+            if (n.length === 5) {
+                const o = m == null ? void 0 : m(a, n);
+                o ? w({
                     name: u,
-                    error: n
-                }) : M(u);
+                    error: o
+                }) : I(u);
             }
         },
-        autoComplete: m,
-        inputComponent: N
+        autoComplete: x,
+        inputComponent: j
     }));
-}, L = R;
+}, A = B;

package/dist/highlighted-card.js

@@ -144,7 +144,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 const L = /*#__PURE__*/ _react.forwardRef((e, i)=>{
     var _e_isInverse;
-    const { title: r , description: a , imageUrl: o , imageFit: l  } = e, g = (0, _themevariantcontext.useIsInverseVariant)(), u = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : g, m = (0, _maybedismissable.useIsDismissable)(), { textPresets: f  } = (0, _hooks.useTheme)(), n = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
+    const { title: r , description: a , imageUrl: o , imageFit: l  } = e, g = (0, _themevariantcontext.useIsInverseVariant)(), u = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : g, d = (0, _maybedismissable.useIsDismissable)(), { textPresets: f  } = (0, _hooks.useTheme)(), n = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
         ref: i,
         isInverse: u,
         className: _highlightedcardcssmistica.container,
@@ -152,11 +152,12 @@ const L = /*#__PURE__*/ _react.forwardRef((e, i)=>{
             "component-name": "HighlightedCard"
         }, e.dataAttributes),
         width: e.width ? `${e.width}px` : "100%",
+        minHeight: "100%",
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-                role: m ? void 0 : "region",
+                role: d ? void 0 : "region",
                 className: _highlightedcardcssmistica.textContainerVariant[o ? "withImage" : "withoutImage"],
-                "aria-label": m ? void 0 : e["aria-label"],
+                "aria-label": d ? void 0 : e["aria-label"],
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
                         mobileSize: 18,

package/dist/hooks.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     useAriaId: function() {
-        return z;
+        return B;
     },
     useDisableBodyScroll: function() {
-        return E;
+        return z;
     },
     useElementDimensions: function() {
-        return T;
+        return R;
     },
     useIsInViewport: function() {
-        return A;
+        return k;
     },
     useIsWithinIFrame: function() {
-        return L;
+        return D;
     },
     useIsomorphicLayoutEffect: function() {
-        return M;
+        return V;
     },
     useScreenHeight: function() {
-        return B;
+        return A;
     },
     useScreenSize: function() {
-        return H;
+        return C;
     },
     useTheme: function() {
-        return y;
+        return x;
     },
     useWindowHeight: function() {
-        return C;
+        return L;
     },
     useWindowSize: function() {
-        return w;
+        return a;
     },
     useWindowWidth: function() {
-        return R;
+        return M;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -96,70 +96,71 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const y = ()=>{
+const x = ()=>{
     const t = _react.useContext(_themecontext.default);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, E = (t)=>{
+};
+let f = "", w = 0, h = 0;
+const z = (t)=>{
     _react.useEffect(()=>{
         if (t) {
-            let s = "", e = 0, i = 0;
-            const r = document.scrollingElement || document.documentElement, c = ()=>{
-                var u;
+            const r = document.scrollingElement || document.documentElement, e = ()=>{
+                var s;
                 var _ref, _ref1;
-                if (i++, !(i > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, s = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (h++, !(h > 1) && (w = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, f = (_ref1 = (s = document.body) == null ? void 0 : s.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const l = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = `overflow:hidden;overflow-y:${l};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
+                    const o = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${o};position:fixed;top:${-w}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, o = ()=>{
-                i--, !(i > 0) && (document.body && (document.body.style.cssText = s), r && (r.scrollTop = e));
+            }, i = ()=>{
+                h--, !(h > 0) && (document.body && (document.body.style.cssText = f), r && (r.scrollTop = w));
             };
-            return c(), o;
+            return e(), i;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, H = ()=>_react.useContext(_screensizecontext.default), T = ()=>{
-    const [t, s] = _react.useState(0), [e, i] = _react.useState(0), [r, c] = _react.useState(null), o = _react.useCallback((d)=>{
+}, C = ()=>_react.useContext(_screensizecontext.default), R = ()=>{
+    const [t, r] = _react.useState(0), [e, i] = _react.useState(0), [s, c] = _react.useState(null), o = _react.useCallback((d)=>{
         if (!d) {
-            s(0), i(0);
+            r(0), i(0);
             return;
         }
-        const { width: l , height: a  } = d[0].contentRect;
-        s(l), i(a);
-    }, []), u = _react.useCallback((d)=>{
+        const { width: m , height: g  } = d[0].contentRect;
+        r(m), i(g);
+    }, []), l = _react.useCallback((d)=>{
         c(d);
     }, []);
     return _react.useEffect(()=>{
-        if (!r) {
-            s(0), i(0);
+        if (!s) {
+            r(0), i(0);
             return;
         }
-        return (0, _dom.listenResize)(r, o);
+        return (0, _dom.listenResize)(s, o);
     }, [
-        r,
+        s,
         o
     ]), {
         width: t,
         height: e,
-        ref: u
+        ref: l
     };
-}, z = (t)=>{
-    const { useId: s  } = y();
-    if (s) {
-        const e = s();
+}, B = (t)=>{
+    const { useId: r  } = x();
+    if (r) {
+        const e = r();
         return t || e;
     } else {
         const e = _react.useContext(_ariaidgettercontext.default);
         return _react.useRef(t || e()).current;
     }
-}, w = ()=>{
-    const [t, s] = _react.useState((0, _environment.isClientSide)() ? window.innerHeight : 1200), [e, i] = _react.useState((0, _environment.isClientSide)() ? window.innerWidth : 800), [r, c] = _react.useState((0, _environment.isClientSide)() ? window.screen.availHeight : 1200), [o, u] = _react.useState((0, _environment.isClientSide)() ? window.screen.availWidth : 800);
+}, a = ()=>{
+    const [t, r] = _react.useState((0, _environment.isClientSide)() ? window.innerHeight : 1200), [e, i] = _react.useState((0, _environment.isClientSide)() ? window.innerWidth : 800), [s, c] = _react.useState((0, _environment.isClientSide)() ? window.screen.availHeight : 1200), [o, l] = _react.useState((0, _environment.isClientSide)() ? window.screen.availWidth : 800);
     return _react.useEffect(()=>{
         const d = ()=>{
-            s(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
+            r(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), l(window.screen.availWidth);
         };
         return window.addEventListener("resize", d), ()=>{
             window.removeEventListener("resize", d);
@@ -167,30 +168,30 @@ const y = ()=>{
     }, []), _react.useMemo(()=>({
             height: t,
             width: e,
-            screenHeight: r,
+            screenHeight: s,
             screenWidth: o
         }), [
         t,
         e,
-        r,
+        s,
         o
     ]);
-}, C = ()=>{
-    const { height: t  } = w();
+}, L = ()=>{
+    const { height: t  } = a();
     return t;
-}, R = ()=>{
-    const { width: t  } = w();
+}, M = ()=>{
+    const { width: t  } = a();
     return t;
-}, B = ()=>{
-    const { screenHeight: t  } = w();
+}, A = ()=>{
+    const { screenHeight: t  } = a();
     return t;
-}, L = ()=>(0, _environment.isClientSide)() && window.top !== window.self, M = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, A = (t, s, e)=>{
-    const [i, r] = _react.useState(s);
+}, D = ()=>(0, _environment.isClientSide)() && window.top !== window.self, V = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, k = (t, r, e)=>{
+    const [i, s] = _react.useState(r);
     return _react.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
         const c = new IntersectionObserver((o)=>{
-            r(o[0].isIntersecting);
+            s(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,

package/dist/maybe-dismissable.js

@@ -67,19 +67,20 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const i = /*#__PURE__*/ _react.createContext(!1), I = ()=>_react.useContext(i), x = (param)=>{
-    let { children: e , width: r , onClose: t , "aria-label": o  } = param;
+const a = /*#__PURE__*/ _react.createContext(!1), I = ()=>_react.useContext(a), x = (param)=>{
+    let { children: s , width: r , onClose: t , "aria-label": o  } = param;
     const { texts: l  } = (0, _hooks.useTheme)();
     return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", {
         className: _maybedismissablecssmistica.dismissableContainer,
         "aria-label": o,
         style: {
-            width: r || "100%"
+            width: r || "100%",
+            minHeight: "100%"
         },
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(i.Provider, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(a.Provider, {
                 value: !0,
-                children: e
+                children: s
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
                 className: _maybedismissablecssmistica.dismissableButton,
@@ -99,6 +100,6 @@ const i = /*#__PURE__*/ _react.createContext(!1), I = ()=>_react.useContext(i),
             })
         ]
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: e
+        children: s
     });
 }, N = x;

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.32.1";
+const o = "14.33.0";

package/dist/responsive-layout.css-mistica.js

@@ -10,30 +10,27 @@ function _export(target, all) {
 }
 _export(exports, {
     backgroundVariant: function() {
-        return e;
-    },
-    expandedResponsiveLayout: function() {
-        return n;
+        return o;
     },
     expandedResponsiveLayoutContainer: function() {
         return r;
     },
     fullWidth: function() {
-        return v;
+        return e;
     },
     fullwidthContainer: function() {
-        return t;
+        return v;
     },
     responsiveLayout: function() {
-        return i;
+        return t;
     },
     responsiveLayoutContainer: function() {
-        return f;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
-var e = {
+var o = {
     inverse: "_1y2v1nf3b",
     alternative: "_1y2v1nf3g"
-}, n = "_17lofg78", r = "_17lofg73", v = "_17lofg7a _1y2v1nfbx", t = "_17lofg74", i = "_17lofg77", f = "_17lofg72 _1y2v1nfbx";
+}, r = "_17lofg73", e = "_17lofg79 _1y2v1nfbx", v = "_17lofg74", t = "_17lofg77", i = "_17lofg72 _1y2v1nfbx";

package/dist/responsive-layout.css.d.ts

@@ -13,5 +13,4 @@ export declare const backgroundVariant: {
     alternative: string;
 };
 export declare const responsiveLayout: string;
-export declare const expandedResponsiveLayout: string;
 export declare const fullWidth: string;

package/dist/responsive-layout.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     InternalResponsiveLayout: function() {
-        return b;
+        return R;
     },
     default: function() {
-        return w;
+        return k;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -105,29 +105,29 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const b = (param)=>{
-    let { children: n , isInverse: o = !1 , variant: d , backgroundColor: s , className: m , fullWidth: e , dataAttributes: p , shouldExpandWhenNested: i = !1  } = param;
-    const u = (0, _themevariantcontext.useThemeVariant)(), a = d || o && "inverse" || void 0;
+const R = (param)=>{
+    let { children: a , isInverse: n = !1 , variant: i , backgroundColor: o , className: r , fullWidth: s , dataAttributes: d , shouldExpandWhenNested: u = !1  } = param;
+    const m = (0, _themevariantcontext.useThemeVariant)(), e = i || n && "inverse" || void 0;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_themevariantcontext.ThemeVariant, {
-        variant: a !== null && a !== void 0 ? a : u,
+        variant: e !== null && e !== void 0 ? e : m,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
-            className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullwidthContainer : _responsivelayoutcssmistica.responsiveLayoutContainer, m, a && a !== "default" && _responsivelayoutcssmistica.backgroundVariant[a], i && !e && _responsivelayoutcssmistica.expandedResponsiveLayoutContainer),
-            style: s ? {
-                background: s
+            className: (0, _classnames.default)(s ? _responsivelayoutcssmistica.fullwidthContainer : _responsivelayoutcssmistica.responsiveLayoutContainer, r, e && e !== "default" && _responsivelayoutcssmistica.backgroundVariant[e], u && !s && _responsivelayoutcssmistica.expandedResponsiveLayoutContainer),
+            style: o ? {
+                background: o
             } : void 0
-        }, (0, _dom.getPrefixedDataAttributes)(p)), {
+        }, (0, _dom.getPrefixedDataAttributes)(d)), {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(e ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout, i && !e && _responsivelayoutcssmistica.expandedResponsiveLayout),
-                children: n
+                className: s ? _responsivelayoutcssmistica.fullWidth : _responsivelayoutcssmistica.responsiveLayout,
+                children: a
             })
         }))
     });
-}, g = (_param)=>/* @__PURE__ */ {
-    var { children: n  } = _param, o = _object_without_properties(_param, [
+}, N = (_param)=>/* @__PURE__ */ {
+    var { children: a  } = _param, n = _object_without_properties(_param, [
         "children"
     ]);
-    return (0, _jsxruntime.jsx)(b, _object_spread_props(_object_spread({}, o), {
+    return (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, n), {
         shouldExpandWhenNested: !0,
-        children: n
+        children: a
     }));
-}, w = g;
+}, k = N;

package/dist/tabs.css-mistica.js

@@ -13,34 +13,46 @@ _export(exports, {
         return v;
     },
     icon: function() {
-        return y;
+        return e;
     },
     inner: function() {
-        return _;
+        return y;
     },
     outer: function() {
-        return a;
+        return _;
     },
     outerBorder: function() {
-        return e;
+        return r;
+    },
+    outerBorderInverse: function() {
+        return a;
+    },
+    tabHover: function() {
+        return l;
     },
     tabSelectionVariants: function() {
-        return b;
+        return o;
     },
     tabVariants: function() {
-        return l;
+        return t;
     },
     tabsContainer: function() {
-        return o;
+        return b;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfb9 _1y2v1nfb5 _1y2v1nfev _1y2v1nffp _1y2v1nfcg _1y2v1nf47", y = "lgofm1g", _ = "lgofm13", a = "lgofm12 _1y2v1nfdl _1y2v1nfbx _1y2v1nfb4", e = "lgofm10", b = {
+var v = "_1y2v1nfb9 _1y2v1nfb5 _1y2v1nfev _1y2v1nffp _1y2v1nfcg", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfdl _1y2v1nfbx _1y2v1nfb4", r = "lgofm10", a = "lgofm11", l = {
+    default: "lgofm1a",
+    inverse: "lgofm1b"
+}, o = {
     noSelected: "_1y2v1nf20",
-    selected: "_1y2v1nf1y lgofm1b",
-    selectedAnimating: "_1y2v1nf1y lgofm1c"
-}, l = {
-    default: "lgofm16 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62",
-    fullWidth: "lgofm18 lgofm16 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62"
-}, o = "_1y2v1nfdl _1y2v1nfbx _1y2v1nfba";
+    noSelectedInverse: "_1y2v1nf21",
+    selected: "lgofm1g",
+    selectedInverse: "lgofm1h",
+    selectedAnimating: "lgofm1i",
+    selectedAnimatingInverse: "lgofm1j"
+}, t = {
+    default: "lgofm17 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62",
+    fullWidth: "lgofm19 lgofm17 _1y2v1nf90 _1y2v1nfa9 _1y2v1nfbb _1y2v1nfbs _1y2v1nfbp _1y2v1nfbj _1y2v1nfd9 _1y2v1nfdl _1y2v1nf62"
+}, b = "_1y2v1nfdl _1y2v1nfbx _1y2v1nfba";

package/dist/tabs.css.d.ts

@@ -1,8 +1,10 @@
 export declare const outerBorder: string;
+export declare const outerBorderInverse: string;
 export declare const outer: string;
 export declare const inner: string;
 export declare const tabsContainer: string;
 export declare const tabVariants: Record<"default" | "fullWidth", string>;
-export declare const tabSelectionVariants: Record<"noSelected" | "selected" | "selectedAnimating", string>;
+export declare const tabHover: Record<"inverse" | "default", string>;
+export declare const tabSelectionVariants: Record<"noSelected" | "noSelectedInverse" | "selected" | "selectedInverse" | "selectedAnimating" | "selectedAnimatingInverse", string>;
 export declare const icon: string;
 export declare const animatedLine: string;