@telefonica/mistica 16.47.0 → 16.49.0

package/dist-es/select.js

@@ -51,30 +51,30 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as r, jsxs as _, Fragment as De } from "react/jsx-runtime";
+import { jsx as s, jsxs as C, Fragment as He } from "react/jsx-runtime";
 import * as n from "react";
-import k from "classnames";
-import { useForm as He } from "./form-context.js";
-import { useTheme as Fe } from "./hooks.js";
-import { SPACE as oe, ENTER as se, ESC as We, TAB as Ge, UP as Le, DOWN as Ze } from "./utils/keys.js";
-import { FieldContainer as $e, HelperText as Be, Label as qe } from "./text-field-components.js";
+import _ from "classnames";
+import { useForm as Fe } from "./form-context.js";
+import { useTheme as We } from "./hooks.js";
+import { SPACE as re, ENTER as oe, ESC as Ge, TAB as Le, UP as Ze, DOWN as $e } from "./utils/keys.js";
+import { useApplyCssVars as Be, FieldContainer as qe, HelperText as ze, Label as je } from "./text-field-components.js";
 import ie from "./generated/mistica-icons/icon-chevron-down-regular.js";
-import { TextFieldBaseAutosuggest as ze } from "./text-field-base.js";
-import je from "./overlay.js";
-import { isAndroid as Ke, isIos as Ue } from "./utils/platform.js";
+import { TextFieldBaseAutosuggest as Ke } from "./text-field-base.js";
+import Ue from "./overlay.js";
+import { isAndroid as Xe, isIos as Je } from "./utils/platform.js";
 import { cancelEvent as m } from "./utils/dom.js";
-import { Text3 as Xe } from "./text.js";
-import { selectVariants as Je, arrowDown as Qe, iconContainer as ce, selectContainerVariants as Ye, selectTextVariants as et, vars as N, optionsContainer as tt, optionsAnimationsVariants as ae, menuItem as nt, menuItemSelected as rt } from "./select.css-mistica.js";
+import { Text3 as Qe } from "./text.js";
+import { selectVariants as Ye, arrowDown as et, iconContainer as ce, selectContainerVariants as tt, selectTextVariants as nt, vars as N, optionsContainer as st, optionsAnimationsVariants as ae, menuItem as rt, menuItemSelected as ot } from "./select.css-mistica.js";
 import { inputWithLabel as le, inputWithoutLabel as ue } from "./text-field-base.css-mistica.js";
-import { Portal as ot } from "./portal.js";
-import { pxToRem as st, applyCssVars as it } from "./utils/css.js";
-import { ThemeVariant as ct } from "./theme-variant-context.js";
+import { Portal as it } from "./portal.js";
+import { pxToRem as ct, applyCssVars as at } from "./utils/css.js";
+import { ThemeVariant as lt } from "./theme-variant-context.js";
 import { vars as de } from "./skins/skin-contract.css-mistica.js";
-const at = (param)=>{
-    let { id: fe, label: u, helperText: pe, value: me, defaultValue: he, onChangeValue: C, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: Se, disabled: ve, error: ge, onBlur: D, autoFocus: z = !1, native: Te, dataAttributes: j } = param;
-    var re;
-    const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [Ie, we] = n.useState(!0), [g, Ee] = n.useState(he), [H, K] = n.useState(!1), [U, X] = n.useState(!1), [J, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), xe = n.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: be, register: B } = He(), { platformOverrides: Y } = Fe(), Ne = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ke(Y) || Ue(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
-        C == null || C(e), be({
+const ut = (param)=>{
+    let { id: fe, label: u, helperText: pe, value: me, defaultValue: he, onChangeValue: k, name: i, fullWidth: M, options: d, optional: P, showOptionalLabel: Se, disabled: ve, error: ge, onBlur: D, autoFocus: z = !1, native: Te, dataAttributes: j } = param;
+    var se;
+    const h = n.useRef(null), f = n.useRef(null), S = n.useRef(null), v = n.useRef(null), R = n.useRef(/* @__PURE__ */ new Map()), [Ie, we] = n.useState(!0), [g, Ee] = n.useState(he), [H, K] = n.useState(!1), [U, X] = n.useState(!1), [J, O] = n.useState(!1), [a, F] = n.useState({}), [T, W] = n.useState(), G = n.useRef(null), xe = n.useId(), L = fe || xe, { rawValues: Oe, setRawValue: Z, setValue: $, formStatus: ye, formErrors: Q, setFormError: be, register: B } = Fe(), { platformOverrides: Y } = We(), Ne = Be(), Re = Te || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Xe(Y) || Je(Y), I = ve || ye === "sending", A = ge || !!Q[i], ee = Q[i] || pe, l = me !== null && me !== void 0 ? me : Oe[i], te = (e)=>{
+        k == null || k(e), be({
             name: i,
             error: ""
         }), Z({
@@ -87,15 +87,15 @@ const at = (param)=>{
     }, w = (e)=>{
         if (e) {
             if (S != null && S.current) {
-                const s = S.current.getBoundingClientRect(), p = s.top, x = s.width, y = s.left, Ce = s.height, b = p + Ce, V = Math.min(d.length, 8) * 48 + 16;
+                const o = S.current.getBoundingClientRect(), p = o.top, x = o.width, y = o.left, Me = o.height, b = p + Me, V = Math.min(d.length, 8) * 48 + 16;
                 if (b + V + 12 > window.innerHeight) {
-                    const Me = window.innerHeight - b;
-                    if (p > Me) {
-                        const Pe = p - V;
+                    const Pe = window.innerHeight - b;
+                    if (p > Pe) {
+                        const De = p - V;
                         F({
                             minWidth: x,
                             left: y,
-                            top: Math.max(Pe, 12),
+                            top: Math.max(De, 12),
                             maxHeight: Math.min(p - 12, V),
                             transformOrigin: "center bottom"
                         });
@@ -121,18 +121,18 @@ const at = (param)=>{
     }, q = (e)=>{
         var t;
         G.current = (t = v.current) == null ? void 0 : t.scrollTop, w(!1), te && typeof e == "string" && te(e), typeof l > "u" && Ee(e);
-    }, Re = (e)=>{
-        var o;
-        const t = (o = v.current) == null ? void 0 : o.getBoundingClientRect();
+    }, Ae = (e)=>{
+        var r;
+        const t = (r = v.current) == null ? void 0 : r.getBoundingClientRect();
         if (t && e && R.current.has(e)) {
-            const c = R.current.get(e), s = c == null ? void 0 : c.getBoundingClientRect();
-            if (s && s.top + s.height / 2 >= t.top + t.height) {
+            const c = R.current.get(e), o = c == null ? void 0 : c.getBoundingClientRect();
+            if (o && o.top + o.height / 2 >= t.top + t.height) {
                 c == null || c.scrollIntoView();
                 return;
             }
-            s && s.top + s.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
+            o && o.top + o.height / 2 <= t.top && (c == null || c.scrollIntoView(!1));
         }
-    }, Ae = f.current, Ve = h.current;
+    }, Ve = f.current, Ce = h.current;
     n.useEffect(()=>{
         Z({
             name: i,
@@ -161,42 +161,42 @@ const at = (param)=>{
         B,
         f,
         h,
-        Ae,
         Ve,
+        Ce,
         u
     ]), n.useEffect(()=>{
-        const e = (o)=>{
+        const e = (r)=>{
             var p;
-            const s = {
-                [Le]: -1,
-                [Ze]: 1
-            }[o.key];
-            if (s) {
-                m(o);
+            const o = {
+                [Ze]: -1,
+                [$e]: 1
+            }[r.key];
+            if (o) {
+                m(r);
                 var _ref;
                 const x = (_ref = (p = d[d.findIndex((param)=>{
                     let { value: y } = param;
                     return y === T;
-                }) + s]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
-                W(x), Re(x);
+                }) + o]) == null ? void 0 : p.value) !== null && _ref !== void 0 ? _ref : T;
+                W(x), Ae(x);
             }
-        }, t = (o)=>{
-            if (H) switch(o.key){
-                case Ge:
-                    m(o);
+        }, t = (r)=>{
+            if (H) switch(r.key){
+                case Le:
+                    m(r);
                     break;
-                case We:
+                case Ge:
                     w(!1);
                     break;
-                case se:
                 case oe:
-                    m(o), d.findIndex((param)=>{
+                case re:
+                    m(r), d.findIndex((param)=>{
                         let { value: c } = param;
                         return c === T;
                     }) !== -1 && T !== g && q(T), w(!1);
                     break;
             }
-            U && e(o);
+            U && e(r);
         };
         return document.addEventListener("keydown", t, !1), ()=>{
             document.removeEventListener("keydown", t, !1);
@@ -211,8 +211,8 @@ const at = (param)=>{
     const _e = (e)=>{
         var t;
         return e ? (t = d.find((param)=>{
-            let { value: o } = param;
-            return o === e;
+            let { value: r } = param;
+            return r === e;
         })) == null ? void 0 : t.text : "";
     }, ke = {
         tabIndex: 0,
@@ -222,15 +222,15 @@ const at = (param)=>{
             w(!0), O(!0);
         },
         onKeyDown: (e)=>{
-            !H && (e.key === oe || e.key === se) && (m(e), w(!0));
+            !H && (e.key === re || e.key === oe) && (m(e), w(!0));
         }
-    }, ne = st(20), E = g !== null && g !== void 0 ? g : l;
+    }, ne = ct(20), E = g !== null && g !== void 0 ? g : l;
     var _a_transformOrigin;
-    return /* @__PURE__ */ r(ct, {
+    return /* @__PURE__ */ s(lt, {
         variant: "default",
-        children: Ne || Ie ? /* @__PURE__ */ _($e, {
+        children: Re || Ie ? /* @__PURE__ */ C(qe, {
             disabled: I,
-            helperText: /* @__PURE__ */ r(Be, {
+            helperText: /* @__PURE__ */ s(ze, {
                 error: A,
                 leftText: ee
             }),
@@ -240,15 +240,15 @@ const at = (param)=>{
                 testid: "Select"
             }, j),
             children: [
-                u && /* @__PURE__ */ r(qe, {
+                u && /* @__PURE__ */ s(je, {
                     error: A,
                     forId: L,
-                    inputState: J ? "focused" : (E !== null && E !== void 0 ? E : (re = h.current) == null ? void 0 : re.value) ? "filled" : "default",
+                    inputState: J ? "focused" : (E !== null && E !== void 0 ? E : (se = h.current) == null ? void 0 : se.value) ? "filled" : "default",
                     showOptional: P && Se,
                     children: u
                 }),
-                /* @__PURE__ */ _("select", {
-                    className: k(Je[I ? "disabled" : "default"], u ? le : ue),
+                /* @__PURE__ */ C("select", {
+                    className: _(Ye[I ? "disabled" : "default"], u ? le : ue),
                     id: L,
                     "aria-invalid": !!A,
                     value: E,
@@ -286,7 +286,7 @@ const at = (param)=>{
                         // Chrome doesn't show this option when the select menu is open (because of display: none),
                         // but Safari does. So we use the select's label for this option, otherwise it would be shown
                         // as an empty option, which is weirder.
-                        /* @__PURE__ */ r("option", {
+                        /* @__PURE__ */ s("option", {
                             value: "",
                             style: {
                                 display: "none"
@@ -298,7 +298,7 @@ const at = (param)=>{
                             let { value: e, text: t } = param;
                             return(// Set color: 'initial' to avoid wrong text color in some browsers when using dark mode.
                             // Similar issue in another lib: https://github.com/chakra-ui/chakra-ui/issues/417#issue-566611352
-                            /* @__PURE__ */ r("option", {
+                            /* @__PURE__ */ s("option", {
                                 value: e,
                                 style: {
                                     color: "initial"
@@ -308,36 +308,37 @@ const at = (param)=>{
                         })
                     ]
                 }),
-                /* @__PURE__ */ r("div", {
-                    className: Qe,
+                /* @__PURE__ */ s("div", {
+                    className: et,
                     "aria-hidden": !0,
-                    children: /* @__PURE__ */ r("div", {
+                    children: /* @__PURE__ */ s("div", {
                         className: ce,
                         "data-testid": "endIcon",
-                        children: /* @__PURE__ */ r(ie, {
+                        children: /* @__PURE__ */ s(ie, {
                             size: ne,
                             color: de.colors.neutralMedium
                         })
                     })
                 })
             ]
-        }) : /* @__PURE__ */ _(De, {
+        }) : /* @__PURE__ */ C(He, {
             children: [
-                /* @__PURE__ */ _("div", _object_spread_props(_object_spread({
-                    className: Ye[M ? "fullWidth" : "default"],
+                /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
+                    className: tt[M ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: f
                 }, !I && ke), {
+                    style: Ne,
                     children: [
-                        /* @__PURE__ */ r(ze, {
+                        /* @__PURE__ */ s(Ke, {
                             style: {
                                 visibility: "hidden"
                             },
                             fullWidth: M,
-                            endIcon: /* @__PURE__ */ r("div", {
+                            endIcon: /* @__PURE__ */ s("div", {
                                 className: ce,
-                                children: /* @__PURE__ */ r(ie, {
+                                children: /* @__PURE__ */ s(ie, {
                                     size: ne,
                                     color: de.colors.neutralMedium
                                 })
@@ -358,20 +359,20 @@ const at = (param)=>{
                                 testid: "Select"
                             }, j)
                         }),
-                        /* @__PURE__ */ r("div", {
-                            className: k(et[I ? "disabled" : "default"], u ? le : ue),
+                        /* @__PURE__ */ s("div", {
+                            className: _(nt[I ? "disabled" : "default"], u ? le : ue),
                             children: _e(E)
                         })
                     ]
                 })),
-                H && /* @__PURE__ */ r(je, {
+                H && /* @__PURE__ */ s(Ue, {
                     onPress: (e)=>{
                         w(!1), m(e);
                     },
                     disableScroll: !0,
-                    children: /* @__PURE__ */ r(ot, {
-                        children: /* @__PURE__ */ r("ul", {
-                            style: it({
+                    children: /* @__PURE__ */ s(it, {
+                        children: /* @__PURE__ */ s("ul", {
+                            style: at({
                                 [N.top]: a.top ? `${a.top}px` : "",
                                 [N.left]: a.left ? `${a.left}px` : "",
                                 [N.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
@@ -379,24 +380,24 @@ const at = (param)=>{
                                 [N.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
                             onPointerDown: m,
-                            className: k(tt, U ? ae.show : ae.hide),
+                            className: _(st, U ? ae.show : ae.hide),
                             role: "listbox",
                             ref: v,
                             children: d.map((param)=>{
                                 let { value: e, text: t } = param;
-                                return /* @__PURE__ */ r("li", {
+                                return /* @__PURE__ */ s("li", {
                                     role: "option",
                                     "aria-selected": e === (g !== null && g !== void 0 ? g : l),
                                     "data-value": e,
-                                    className: k(nt, {
-                                        [rt]: e === T || e === (g !== null && g !== void 0 ? g : l)
+                                    className: _(rt, {
+                                        [ot]: e === T || e === (g !== null && g !== void 0 ? g : l)
                                     }),
                                     onPointerDown: m,
                                     onClick: ()=>q(e),
-                                    ref: (o)=>{
-                                        o ? R.current.set(e, o) : R.current.delete(e);
+                                    ref: (r)=>{
+                                        r ? R.current.set(e, r) : R.current.delete(e);
                                     },
-                                    children: /* @__PURE__ */ r(Xe, {
+                                    children: /* @__PURE__ */ s(Qe, {
                                         regular: !0,
                                         children: t
                                     })
@@ -408,5 +409,5 @@ const at = (param)=>{
             ]
         })
     });
-}, Rt = at;
-export { Rt as default };
+}, Vt = ut;
+export { Vt as default };

package/dist-es/sheet-action-row.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-action-row.css.ts.vanilla.css-mistica.js";
-var f = "v16_47_4k81wx1 v16_47_4k81wx0 v16_47_1y2v1nffu v16_47_1y2v1nfh3 v16_47_1y2v1nfic v16_47_1y2v1nfjl v16_47_1y2v1nfpm v16_47_1y2v1nfrz v16_47_1y2v1nfq1";
+var f = "v16_49_4k81wx1 v16_49_4k81wx0 v16_49_1y2v1nffu v16_49_1y2v1nfh3 v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpm v16_49_1y2v1nfrz v16_49_1y2v1nfq1";
 export { f as sheetActionRow };

package/dist-es/sheet-common.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-common.css.ts.vanilla.css-mistica.js";
-var f = 400, n = "v16_47_pidemf4 v16_47_pidemf3 v16_47_1y2v1nfpi v16_47_1y2v1nftb v16_47_1y2v1nftq v16_47_1y2v1nfu5", e = "v16_47_pidemf6 v16_47_pidemf5 v16_47_1y2v1nf7p", y = "v16_47_pidemf7", p = "v16_47_pidemf9 v16_47_pidemf8 v16_47_1y2v1nfg3 v16_47_1y2v1nfpm v16_47_1y2v1nfps", i = "v16_47_pidemfa v16_47_1y2v1nfsv v16_47_1y2v1nfq8 v16_47_1y2v1nfpm v16_47_1y2v1nfps", d = "v16_47_pidemfc v16_47_pidemfb v16_47_1y2v1nffo v16_47_1y2v1nfgx v16_47_1y2v1nfph v16_47_1y2v1nfsw v16_47_1y2v1nfr3 v16_47_1y2v1nfq9 v16_47_1y2v1nfpm v16_47_1y2v1nfpv", r = "v16_47_pidemfe v16_47_pidemfd v16_47_1y2v1nfpl", a = "v16_47_pidemfg v16_47_pidemff v16_47_1y2v1nfqi v16_47_1y2v1nfqt", m = "v16_47_pidemfh v16_47_1y2v1nfb3 v16_47_1y2v1nfq9 v16_47_1y2v1nfqq v16_47_1y2v1nfs7", t = "v16_47_pidemfj v16_47_pidemfi v16_47_1y2v1nfg0 v16_47_1y2v1nfh9 v16_47_1y2v1nfii v16_47_1y2v1nfjr v16_47_1y2v1nfph v16_47_1y2v1nfsw v16_47_1y2v1nftq", o = "v16_47_pidemfo v16_47_pidemfn v16_47_1y2v1nfpi v16_47_1y2v1nf85 v16_47_1y2v1nfsw v16_47_1y2v1nftb v16_47_1y2v1nftq v16_47_1y2v1nfu5", s = "v16_47_pidemfp", h = "v16_47_pidemfr v16_47_pidemfq v16_47_1y2v1nfpk v16_47_1y2v1nfsw v16_47_1y2v1nf7p", l = "v16_47_pidemft v16_47_pidemfs v16_47_1y2v1nfpk v16_47_1y2v1nfu5 v16_47_1y2v1nf7p", q = "v16_47_pidemfu";
+var f = 400, n = "v16_49_pidemf4 v16_49_pidemf3 v16_49_1y2v1nfpi v16_49_1y2v1nftb v16_49_1y2v1nftq v16_49_1y2v1nfu5", e = "v16_49_pidemf6 v16_49_pidemf5 v16_49_1y2v1nf7p", y = "v16_49_pidemf7", p = "v16_49_pidemf9 v16_49_pidemf8 v16_49_1y2v1nfg3 v16_49_1y2v1nfpm v16_49_1y2v1nfps", i = "v16_49_pidemfa v16_49_1y2v1nfsv v16_49_1y2v1nfq8 v16_49_1y2v1nfpm v16_49_1y2v1nfps", d = "v16_49_pidemfc v16_49_pidemfb v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfph v16_49_1y2v1nfsw v16_49_1y2v1nfr3 v16_49_1y2v1nfq9 v16_49_1y2v1nfpm v16_49_1y2v1nfpv", r = "v16_49_pidemfe v16_49_pidemfd v16_49_1y2v1nfpl", a = "v16_49_pidemfg v16_49_pidemff v16_49_1y2v1nfqi v16_49_1y2v1nfqt", m = "v16_49_pidemfh v16_49_1y2v1nfb3 v16_49_1y2v1nfq9 v16_49_1y2v1nfqq v16_49_1y2v1nfs7", t = "v16_49_pidemfj v16_49_pidemfi v16_49_1y2v1nfg0 v16_49_1y2v1nfh9 v16_49_1y2v1nfii v16_49_1y2v1nfjr v16_49_1y2v1nfph v16_49_1y2v1nfsw v16_49_1y2v1nftq", o = "v16_49_pidemfo v16_49_pidemfn v16_49_1y2v1nfpi v16_49_1y2v1nf85 v16_49_1y2v1nfsw v16_49_1y2v1nftb v16_49_1y2v1nftq v16_49_1y2v1nfu5", s = "v16_49_pidemfp", h = "v16_49_pidemfr v16_49_pidemfq v16_49_1y2v1nfpk v16_49_1y2v1nfsw v16_49_1y2v1nf7p", l = "v16_49_pidemft v16_49_pidemfs v16_49_1y2v1nfpk v16_49_1y2v1nfu5 v16_49_1y2v1nf7p", q = "v16_49_pidemfu";
 export { e as Sheet, n as SheetContainer, p as SheetContent, q as bodyContent, i as children, s as closingOverlay, y as closingSheet, m as handleBar, r as handleContainer, a as handleTouchable, t as modalCloseButton, o as overlay, d as sheetTopDraggingArea, l as stickyButtons, h as stickyTitle, f as transitionDuration };

package/dist-es/sheet-info.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./sheet-info.css.ts.vanilla.css-mistica.js";
-var n = "v16_47_12pggsm0 v16_47_1y2v1nfpm v16_47_1y2v1nfq1 v16_47_1y2v1nfqy", f = "v16_47_12pggsm1 v16_47_1y2v1nfqq v16_47_1y2v1nfpm", m = "v16_47_12pggsm2 v16_47_1y2v1nffu v16_47_1y2v1nfh3 v16_47_1y2v1nfpm v16_47_1y2v1nfq1 v16_47_1y2v1nfrz";
+var n = "v16_49_12pggsm0 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfqy", f = "v16_49_12pggsm1 v16_49_1y2v1nfqq v16_49_1y2v1nfpm", m = "v16_49_12pggsm2 v16_49_1y2v1nffu v16_49_1y2v1nfh3 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfrz";
 export { n as infoItemIcon, f as infoItemIconContainer, m as itemContainer };

package/dist-es/skeletons.css-mistica.js

@@ -1,10 +1,10 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./skeletons.css.ts.vanilla.css-mistica.js";
 var o = {
-    default: "v16_47_zopolw5 v16_47_zopolw0 v16_47_1y2v1nf86",
-    alternative: "v16_47_zopolw6 v16_47_zopolw1 v16_47_1y2v1nf86",
-    brand: "v16_47_zopolw7 v16_47_zopolw2 v16_47_1y2v1nf89",
-    negative: "v16_47_zopolw8 v16_47_zopolw3 v16_47_1y2v1nf88",
-    media: "v16_47_zopolw9 v16_47_zopolw4 v16_47_1y2v1nf88"
-}, p = "v16_47_zopolwc v16_47_zopolwb v16_47_1y2v1nfpo", l = "v16_47_zopolwd v16_47_1y2v1nfpm v16_47_1y2v1nfq1 v16_47_1y2v1nfpv", n = "v16_47_zopolwe v16_47_1y2v1nfq4 v16_47_1y2v1nfq6", w = "v16_47_zopolwg v16_47_zopolwf v16_47_1y2v1nfq5";
+    default: "v16_49_zopolw5 v16_49_zopolw0 v16_49_1y2v1nf86",
+    alternative: "v16_49_zopolw6 v16_49_zopolw1 v16_49_1y2v1nf86",
+    brand: "v16_49_zopolw7 v16_49_zopolw2 v16_49_1y2v1nf89",
+    negative: "v16_49_zopolw8 v16_49_zopolw3 v16_49_1y2v1nf88",
+    media: "v16_49_zopolw9 v16_49_zopolw4 v16_49_1y2v1nf88"
+}, p = "v16_49_zopolwc v16_49_zopolwb v16_49_1y2v1nfpo", l = "v16_49_zopolwd v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv", n = "v16_49_zopolwe v16_49_1y2v1nfq4 v16_49_1y2v1nfq6", w = "v16_49_zopolwg v16_49_zopolwf v16_49_1y2v1nfq5";
 export { p as animation, o as background, n as circle, w as line, l as row };

package/dist-es/skins/blau.js

@@ -615,9 +615,89 @@ const e = {
             button: {
                 weight: "medium"
             },
+            cardDescriptionDefault: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
+            cardDescriptionSnap: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
+            cardPretitleDefault: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
+            cardPretitleSnap: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
+            cardSubtitleDefault: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
+            cardSubtitleSnap: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
             cardTitle: {
                 weight: "regular"
             },
+            cardTitleDefault: {
+                lineHeight: {
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
+                }
+            },
+            cardTitleSnap: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
+                }
+            },
             chipLabel: {
                 lineHeight: {
                     desktop: 24,
@@ -629,6 +709,17 @@ const e = {
                 },
                 weight: "medium"
             },
+            drawerTitle: {
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 28,
+                    mobile: 20
+                },
+                weight: "light"
+            },
             indicator: {
                 weight: "medium"
             },

package/dist-es/skins/defaults.js

@@ -114,9 +114,100 @@ const e = {
     button: {
         weight: "medium"
     },
+    cardDescriptionDefault: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardDescriptionSnap: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardPretitleDefault: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardPretitleSnap: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardSubtitleDefault: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardSubtitleSnap: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
+    cardTitleDefault: {
+        lineHeight: {
+            desktop: 28,
+            mobile: 24
+        },
+        size: {
+            desktop: 20,
+            mobile: 18
+        }
+    },
+    cardTitleSnap: {
+        lineHeight: {
+            desktop: 24,
+            mobile: 20
+        },
+        size: {
+            desktop: 16,
+            mobile: 14
+        }
+    },
     link: {
         weight: "medium"
     },
+    drawerTitle: {
+        lineHeight: {
+            desktop: 32,
+            mobile: 24
+        },
+        size: {
+            desktop: 28,
+            mobile: 20
+        },
+        weight: "bold"
+    },
     title1: {
         lineHeight: {
             desktop: 20,