@telefonica/mistica 16.72.0 → 17.1.0

package/dist/text-field-components.css-mistica.js

@@ -10,34 +10,34 @@ function _export(target, all) {
 }
 _export(exports, {
     get DEFAULT_WIDTH () {
-        return f;
+        return a;
     },
     get background () {
-        return s;
+        return T;
     },
     get disabled () {
         return l;
     },
     get field () {
-        return p;
+        return o;
     },
     get fieldContainer () {
         return y;
     },
     get focused () {
-        return o;
+        return i;
     },
     get fullWidth () {
-        return i;
+        return d;
     },
     get helperContainer () {
-        return q;
+        return p;
     },
     get helperText () {
         return b;
     },
     get labelContainer () {
-        return a;
+        return f;
     },
     get labelInner () {
         return u;
@@ -46,7 +46,7 @@ _export(exports, {
         return k;
     },
     get leftHelperText () {
-        return d;
+        return x;
     },
     get normalWidth () {
         return t;
@@ -61,7 +61,7 @@ _export(exports, {
         return m;
     }
 });
-/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var f = 328, a = "v16_72_15k6ur91 v16_72_15k6ur90 v16_72_1y2v1nfpz v16_72_1y2v1nfq4", u = "v16_72_15k6ur92 v16_72_1y2v1nfq4 v16_72_1y2v1nfq9 v16_72_1y2v1nft7 v16_72_1y2v1nfqr", k = "v16_72_15k6ur94 v16_72_15k6ur93 v16_72_1y2v1nft7 v16_72_1y2v1nfqn", e = "v16_72_15k6ur95", y = "v16_72_15k6ur97 v16_72_15k6ur96 v16_72_1y2v1nfq4 v16_72_1y2v1nfqa", l = "v16_72_15k6ur98", t = "v16_72_15k6ur9a v16_72_15k6ur99 v16_72_1y2v1nfqr", i = "v16_72_15k6ur9b v16_72_1y2v1nfqr", o = "v16_72_15k6ur9c", p = "v16_72_15k6ur9f v16_72_15k6ur9e v16_72_1y2v1nfsn v16_72_1y2v1nfq4 v16_72_1y2v1nfsv v16_72_1y2v1nfpy v16_72_15k6ur9d", q = "v16_72_15k6ur9g v16_72_1y2v1nfir v16_72_1y2v1nfk3 v16_72_1y2v1nfq4", d = "v16_72_15k6ur9i v16_72_15k6ur9h v16_72_1y2v1nfq4", h = "v16_72_15k6ur9j v16_72_1y2v1nfiu", b = "v16_72_15k6ur9k v16_72_1y2v1nfqp v16_72_1y2v1nfg3", m = "v16_72_15k6ur9l", s = {
-    default: "v16_72_15k6ur9o v16_72_15k6ur9m v16_72_1y2v1nf83",
-    readOnly: "v16_72_15k6ur9p v16_72_15k6ur9n v16_72_1y2v1nfcs"
+/* empty css                                     */ /* empty css                                       */ /* empty css                                           */ /* empty css                                                 */ var a = 328, f = "v17_1_15k6ur91 v17_1_15k6ur90 v17_1_1y2v1nfr5 v17_1_1y2v1nfra", u = "v17_1_15k6ur92 v17_1_1y2v1nfra v17_1_1y2v1nfrf v17_1_1y2v1nfud v17_1_1y2v1nfrx", k = "v17_1_15k6ur94 v17_1_15k6ur93 v17_1_1y2v1nfud v17_1_1y2v1nfrt", e = "v17_1_15k6ur95", y = "v17_1_15k6ur97 v17_1_15k6ur96 v17_1_1y2v1nfra v17_1_1y2v1nfrg", l = "v17_1_15k6ur98", t = "v17_1_15k6ur9a v17_1_15k6ur99 v17_1_1y2v1nfrx", d = "v17_1_15k6ur9b v17_1_1y2v1nfrx", i = "v17_1_15k6ur9c", o = "v17_1_15k6ur9f v17_1_15k6ur9e v17_1_1y2v1nftt v17_1_1y2v1nfra v17_1_1y2v1nfu1 v17_1_1y2v1nfr4 v17_1_15k6ur9d", p = "v17_1_15k6ur9g v17_1_1y2v1nfjx v17_1_1y2v1nfl9 v17_1_1y2v1nfra", x = "v17_1_15k6ur9i v17_1_15k6ur9h v17_1_1y2v1nfra", h = "v17_1_15k6ur9j v17_1_1y2v1nfk0", b = "v17_1_15k6ur9k v17_1_1y2v1nfrv v17_1_1y2v1nfh9", m = "v17_1_15k6ur9l", T = {
+    default: "v17_1_15k6ur9o v17_1_15k6ur9m v17_1_1y2v1nf8x",
+    readOnly: "v17_1_15k6ur9p v17_1_15k6ur9n v17_1_1y2v1nfdz"
 };

package/dist/text-link.css-mistica.js

@@ -17,11 +17,11 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                     */ var n = {
-    underlineAlways: "v16_72_1m1n0pr2",
-    underlineOnHover: "v16_72_1m1n0pr3"
+    underlineAlways: "v17_1_1m1n0pr2",
+    underlineOnHover: "v17_1_1m1n0pr3"
 }, r = {
-    default: "v16_72_1m1n0pr8 v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr4 v16_72_1y2v1nf34",
-    brand: "v16_72_1m1n0pr9 v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr5 v16_72_1y2v1nf37",
-    negative: "v16_72_1m1n0pra v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr6 v16_72_1y2v1nf36",
-    media: "v16_72_1m1n0prb v16_72_1m1n0pr1 v16_72_1m1n0pr0 v16_72_1y2v1nfqs v16_72_1y2v1nfq7 v16_72_1y2v1nft6 v16_72_1m1n0pr7 v16_72_1y2v1nf38"
+    default: "v17_1_1m1n0pr8 v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr4 v17_1_1y2v1nf3k",
+    brand: "v17_1_1m1n0pr9 v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr5 v17_1_1y2v1nf3n",
+    negative: "v17_1_1m1n0pra v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr6 v17_1_1y2v1nf3m",
+    media: "v17_1_1m1n0prb v17_1_1m1n0pr1 v17_1_1m1n0pr0 v17_1_1y2v1nfry v17_1_1y2v1nfrd v17_1_1y2v1nfuc v17_1_1m1n0pr7 v17_1_1y2v1nf3o"
 };

package/dist/text.css-mistica.js

@@ -29,9 +29,9 @@ _export(exports, {
     }
 });
 /* empty css                                */ var r = {
-    mobileSize: "var(--v16_72_splu5g0)",
-    desktopSize: "var(--v16_72_splu5g1)",
-    mobileLineHeight: "var(--v16_72_splu5g2)",
-    desktopLineHeight: "var(--v16_72_splu5g3)",
-    lineClamp: "var(--v16_72_splu5g4)"
-}, _ = "v16_72_splu5g5", e = "v16_72_splu5g6", a = "v16_72_splu5g7", p = "v16_72_splu5g8", t = "v16_72_splu5g9";
+    mobileSize: "var(--v17_1_splu5g0)",
+    desktopSize: "var(--v17_1_splu5g1)",
+    mobileLineHeight: "var(--v17_1_splu5g2)",
+    desktopLineHeight: "var(--v17_1_splu5g3)",
+    lineClamp: "var(--v17_1_splu5g4)"
+}, _ = "v17_1_splu5g5", e = "v17_1_splu5g6", a = "v17_1_splu5g7", p = "v17_1_splu5g8", t = "v17_1_splu5g9";

package/dist/theme-context-provider.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get default () {
-        return Pe;
+        return Ie;
     },
     get useIsOsDarkModeEnabled () {
-        return ie;
+        return se;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -118,191 +118,194 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
     if (window.__mistica_version__ && window.__mistica_version__ !== _packageversion.PACKAGE_VERSION) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
     window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
 }
-const re = "(prefers-color-scheme: dark)", ie = ()=>{
-    const [t, c] = _react.useState(!1);
+const ie = "(prefers-color-scheme: dark)", se = ()=>{
+    const [e, l] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const s = window.matchMedia(re), i = ()=>{
-            c(s.matches);
+        const s = window.matchMedia(ie), i = ()=>{
+            l(s.matches);
         };
         return s.addEventListener("change", i), i(), ()=>{
             s.removeEventListener("change", i);
         };
-    }, []), t;
-}, se = ()=>(t)=>t, ne = (t)=>({
-        headerMobileHeight: (t === null || t === void 0 ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t === null || t === void 0 ? void 0 : t.headerMobileHeight
-    }), ae = ()=>{
-    const t = _react.useRef(null), [c, s] = _react.useState(!1), [i, p] = _react.useState(!0);
+    }, []), e;
+}, ne = ()=>(e)=>e, ae = (e)=>({
+        headerMobileHeight: (e === null || e === void 0 ? void 0 : e.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : e === null || e === void 0 ? void 0 : e.headerMobileHeight
+    }), ce = ()=>{
+    const e = _react.useRef(null), [l, s] = _react.useState(!1), [i, d] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
-        if (i) p(!1);
+        if (i) d(!1);
         else {
-            var _t_current;
-            const f = (_t_current = t.current) === null || _t_current === void 0 ? void 0 : _t_current.parentElement;
+            var _e_current;
+            const f = (_e_current = e.current) === null || _e_current === void 0 ? void 0 : _e_current.parentElement;
             f && (f.style.isolation = "isolate", s(!0));
         }
     }, [
         i
-    ]), c || !(0, _environment.isClientSide)() || i ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        ref: t,
+    ]), l || !(0, _environment.isClientSide)() || i ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+        ref: e,
         style: {
             display: "none"
         }
     });
-}, P = (t)=>Object.fromEntries(Object.entries(t).map((param)=>{
-        let [c, s] = param;
+}, v = (e)=>Object.fromEntries(Object.entries(e).map((param)=>{
+        let [l, s] = param;
         let i = "";
         if (s.startsWith("#")) {
-            const [p, f, m] = (0, _color.fromHexToRgb)(s);
-            i = `${p}, ${f}, ${m}`;
+            const [d, f, m] = (0, _color.fromHexToRgb)(s);
+            i = `${d}, ${f}, ${m}`;
         }
         return [
-            c,
+            l,
             i
         ];
-    })), Pe = (param)=>{
-    let { theme: t, children: c, as: s, withoutStyles: i = !1 } = param;
-    var _t_colorScheme;
-    const p = _react.useId(), f = ie(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", b = t.skin.colors, h = _object_spread({}, t.skin.colors, t.skin.darkModeColors), k = m === "auto" && f || m === "dark", M = k ? h : b, w = (0, _locale.localeToLanguage)(t.i18n.locale), v = _react.useCallback(function(o) {
-        for(var _len = arguments.length, r = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-            r[_key - 1] = arguments[_key];
+    })), Ie = (param)=>{
+    let { theme: e, children: l, as: s, withoutStyles: i = !1 } = param;
+    var _e_colorScheme;
+    const d = _react.useId(), f = se(), m = (_e_colorScheme = e.colorScheme) !== null && _e_colorScheme !== void 0 ? _e_colorScheme : "auto", b = e.skin.colors, h = _object_spread({}, e.skin.colors, e.skin.darkModeColors), k = m === "auto" && f || m === "dark", M = k ? h : b, w = (0, _locale.localeToLanguage)(e.i18n.locale), E = _react.useCallback(function(o) {
+        for(var _len = arguments.length, t = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+            t[_key - 1] = arguments[_key];
         }
-        const e = typeof o == "string" ? o : o[w] || o.en;
-        return r.length ? e.replace(/\d+\$s/g, (d)=>{
-            var _r_;
-            return String((_r_ = r[parseInt(d) - 1]) !== null && _r_ !== void 0 ? _r_ : d);
-        }) : e;
+        const r = typeof o == "string" ? o : o[w] || o.en;
+        return t.length ? r.replace(/\d+\$s/g, (p)=>{
+            var _t_;
+            return String((_t_ = t[parseInt(p) - 1]) !== null && _t_ !== void 0 ? _t_ : p);
+        }) : r;
     }, [
         w
-    ]), l = _react.useMemo(()=>{
+    ]), c = _react.useMemo(()=>{
         const o = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
-        }, t.platformOverrides), r = Object.entries(_defaults.defaultTextPresetsConfig).map((param)=>{
-            let [d, x] = param;
-            var _t_skin_textPresets;
+        }, e.platformOverrides), t = Object.entries(_defaults.defaultTextPresetsConfig).map((param)=>{
+            let [p, x] = param;
+            var _e_skin_textPresets;
             return {
-                [d]: _object_spread({}, x, (_t_skin_textPresets = t.skin.textPresets) === null || _t_skin_textPresets === void 0 ? void 0 : _t_skin_textPresets[d])
+                [p]: _object_spread({}, x, (_e_skin_textPresets = e.skin.textPresets) === null || _e_skin_textPresets === void 0 ? void 0 : _e_skin_textPresets[p])
             };
-        }), e = Object.assign({}, ...r);
-        var _t_skin_borderRadii, _t_skin_spacing, _t_skin_themeVariants, _t_useHrefDecorator, _t_preventCopyInFormFields;
+        }), r = Object.assign({}, ...t);
+        var _e_skin_borderRadii, _e_skin_spacing, _e_skin_themeVariants, _e_skin_componentProperties, _e_useHrefDecorator, _e_preventCopyInFormFields;
         return {
-            skinName: t.skin.name,
-            i18n: _object_spread({}, t.i18n),
+            skinName: e.skin.name,
+            i18n: _object_spread({}, e.i18n),
             platformOverrides: o,
-            texts: _object_spread({}, t.texts),
+            texts: _object_spread({}, e.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
-            }, t.analytics),
+            }, e.analytics),
             colorValues: M,
-            dimensions: _object_spread({}, _theme.dimensions, ne(t.dimensions)),
-            borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
-            textPresets: e,
-            spacing: (_t_skin_spacing = t.skin.spacing) !== null && _t_skin_spacing !== void 0 ? _t_skin_spacing : _defaults.defaultSpacing,
-            themeVariants: (_t_skin_themeVariants = t.skin.themeVariants) !== null && _t_skin_themeVariants !== void 0 ? _t_skin_themeVariants : _defaults.defaultThemeVariantsConfig,
-            Link: (0, _theme.getMisticaLinkComponent)(t.Link),
+            dimensions: _object_spread({}, _theme.dimensions, ae(e.dimensions)),
+            borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
+            textPresets: r,
+            spacing: (_e_skin_spacing = e.skin.spacing) !== null && _e_skin_spacing !== void 0 ? _e_skin_spacing : _defaults.defaultSpacing,
+            themeVariants: (_e_skin_themeVariants = e.skin.themeVariants) !== null && _e_skin_themeVariants !== void 0 ? _e_skin_themeVariants : _defaults.defaultThemeVariantsConfig,
+            componentProperties: (_e_skin_componentProperties = e.skin.componentProperties) !== null && _e_skin_componentProperties !== void 0 ? _e_skin_componentProperties : _defaults.defaultComponentPropertiesConfig,
+            Link: (0, _theme.getMisticaLinkComponent)(e.Link),
             isDarkMode: k,
             isIos: (0, _platform.getPlatform)(o) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : se,
-            t: v,
-            preventCopyInFormFields: (_t_preventCopyInFormFields = t.preventCopyInFormFields) !== null && _t_preventCopyInFormFields !== void 0 ? _t_preventCopyInFormFields : !1
+            useHrefDecorator: (_e_useHrefDecorator = e.useHrefDecorator) !== null && _e_useHrefDecorator !== void 0 ? _e_useHrefDecorator : ne,
+            t: E,
+            preventCopyInFormFields: (_e_preventCopyInFormFields = e.preventCopyInFormFields) !== null && _e_preventCopyInFormFields !== void 0 ? _e_preventCopyInFormFields : !1
         };
     }, [
         M,
-        t,
+        e,
         k,
-        v
+        E
     ]), D = _react.useMemo(()=>{
-        const o = Object.entries(l.textPresets).map((param)=>{
-            let [r, e] = param;
+        const o = Object.entries(c.textPresets).map((param)=>{
+            let [t, r] = param;
             return {
-                [r]: _object_spread({}, e.weight && {
-                    weight: String(_text.mapToWeight[e.weight])
-                }, e.size && {
-                    size: `${e.size.desktop}px`
-                }, e.lineHeight && {
-                    lineHeight: `${e.lineHeight.desktop}px`
+                [t]: _object_spread({}, r.weight && {
+                    weight: String(_text.mapToWeight[r.weight])
+                }, r.size && {
+                    size: `${r.size.desktop}px`
+                }, r.lineHeight && {
+                    lineHeight: `${r.lineHeight.desktop}px`
                 })
             };
         });
         return Object.assign({}, ...o);
     }, [
-        l
+        c
     ]), H = _react.useMemo(()=>{
-        const o = Object.entries(l.textPresets).map((param)=>{
-            let [r, e] = param;
+        const o = Object.entries(c.textPresets).map((param)=>{
+            let [t, r] = param;
             return {
-                [r]: _object_spread({}, e.weight && {
-                    weight: String(_text.mapToWeight[e.weight])
-                }, e.size && {
-                    size: `${e.size.mobile}px`
-                }, e.lineHeight && {
-                    lineHeight: `${e.lineHeight.mobile}px`
+                [t]: _object_spread({}, r.weight && {
+                    weight: String(_text.mapToWeight[r.weight])
+                }, r.size && {
+                    size: `${r.size.mobile}px`
+                }, r.lineHeight && {
+                    lineHeight: `${r.lineHeight.mobile}px`
                 })
             };
         });
         return Object.assign({}, ...o);
     }, [
-        l
-    ]), y = _react.useMemo(()=>{
-        const o = Object.entries(l.spacing).map((param)=>{
-            let [r, e] = param;
-            return {
-                [r]: _object_spread({}, "top" in e && {
-                    top: `${e.top.desktop}px`
-                }, "right" in e && {
-                    right: `${e.right.desktop}px`
-                }, "bottom" in e && {
-                    bottom: `${e.bottom.desktop}px`
-                }, "left" in e && {
-                    left: `${e.left.desktop}px`
-                })
-            };
-        });
-        return Object.assign({}, ...o);
-    }, [
-        l
-    ]), T = _react.useMemo(()=>{
-        const o = Object.entries(l.spacing).map((param)=>{
-            let [r, e] = param;
-            return {
-                [r]: _object_spread({}, "top" in e && {
-                    top: `${e.top.mobile}px`
-                }, "right" in e && {
-                    right: `${e.right.mobile}px`
-                }, "bottom" in e && {
-                    bottom: `${e.bottom.mobile}px`
-                }, "left" in e && {
-                    left: `${e.left.mobile}px`
-                })
-            };
-        });
-        return Object.assign({}, ...o);
-    }, [
-        l
-    ]), S = (o)=>{
+        c
+    ]), y = _react.useMemo(()=>Object.fromEntries(Object.entries(c.spacing).map((param)=>{
+            let [o, t] = param;
+            return "desktop" in t ? [
+                o,
+                `${t.desktop}px`
+            ] : [
+                o,
+                _object_spread({}, "top" in t ? {
+                    top: `${t.top.desktop}px`
+                } : {}, "right" in t ? {
+                    right: `${t.right.desktop}px`
+                } : {}, "bottom" in t ? {
+                    bottom: `${t.bottom.desktop}px`
+                } : {}, "left" in t ? {
+                    left: `${t.left.desktop}px`
+                } : {})
+            ];
+        })), [
+        c
+    ]), T = _react.useMemo(()=>Object.fromEntries(Object.entries(c.spacing).map((param)=>{
+            let [o, t] = param;
+            return "mobile" in t ? [
+                o,
+                `${t.mobile}px`
+            ] : [
+                o,
+                _object_spread({}, "top" in t ? {
+                    top: `${t.top.mobile}px`
+                } : {}, "right" in t ? {
+                    right: `${t.right.mobile}px`
+                } : {}, "bottom" in t ? {
+                    bottom: `${t.bottom.mobile}px`
+                } : {}, "left" in t ? {
+                    left: `${t.left.mobile}px`
+                } : {})
+            ];
+        })), [
+        c
+    ]), P = (o)=>{
         if (i || process.env.NODE_ENV === "test" && !process.env.SSR_TEST) return null;
-        const r = P(b), e = P(h), [d, x] = m === "auto" || m === "light" ? [
+        const t = v(b), r = v(h), [p, x] = m === "auto" || m === "light" ? [
             b,
-            r
+            t
         ] : [
             h,
-            e
+            r
         ], j = m === "auto" ? `@media (prefers-color-scheme: dark) {
                     ${o} {
                         ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.colors, h)};
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.rawColors, e)}
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.rawColors, r)}
                     }
                 }` : "";
-        var _t_skin_borderRadii;
+        var _e_skin_borderRadii;
         return /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
             children: `
                 ${o} {
                     ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
-                colors: d,
+                colors: p,
                 rawColors: x,
                 textPresets: D,
-                borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
+                borderRadii: (_e_skin_borderRadii = e.skin.borderRadii) !== null && _e_skin_borderRadii !== void 0 ? _e_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
                 spacing: y
             })}
                 }
@@ -321,9 +324,9 @@ const re = "(prefers-color-scheme: dark)", ie = ()=>{
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
-                        value: l,
+                        value: c,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
-                            eventFormat: l.analytics.eventFormat,
+                            eventFormat: c.analytics.eventFormat,
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
@@ -331,18 +334,18 @@ const re = "(prefers-color-scheme: dark)", ie = ()=>{
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_snackbarcontext.SnackbarRoot, {
                                                 children: s ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                                     children: [
-                                                        S(`[data-mistica-theme="${p}"]`),
+                                                        P(`[data-mistica-theme="${d}"]`),
                                                         /*#__PURE__*/ _react.createElement(s, {
                                                             style: {
                                                                 isolation: "isolate"
                                                             },
-                                                            "data-mistica-theme": i ? void 0 : p
-                                                        }, c)
+                                                            "data-mistica-theme": i ? void 0 : d
+                                                        }, l)
                                                     ]
                                                 }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                                     children: [
-                                                        S(":root"),
-                                                        c
+                                                        P(":root"),
+                                                        l
                                                     ]
                                                 })
                                             })
@@ -354,7 +357,7 @@ const re = "(prefers-color-scheme: dark)", ie = ()=>{
                     })
                 })
             }),
-            !s && /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {})
+            !s && /* @__PURE__ */ (0, _jsxruntime.jsx)(ce, {})
         ]
     });
 };

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { RegionCode } from './utils/region-code';
 import type { Locale } from './utils/locale';
-import type { BorderRadiiConfig, Colors, Skin, SkinName, SpacingConfig, TextPresetsConfig, ThemeVariantsConfig } from './skins/types';
+import type { BorderRadiiConfig, Colors, ComponentPropertiesConfig, Skin, SkinName, SpacingConfig, TextPresetsConfig, ThemeVariantsConfig } from './skins/types';
 import type { TrackingEvent } from './utils/types';
 import type { Dictionary, TextToken } from './text-tokens';
 export declare const NAVBAR_HEIGHT_MOBILE = 56;
@@ -97,6 +97,7 @@ export type Theme = {
     textPresets: TextPresetsConfig;
     spacing: SpacingConfig;
     themeVariants: ThemeVariantsConfig;
+    componentProperties: ComponentPropertiesConfig;
     Link: LinkComponent;
     isDarkMode: boolean;
     isIos: boolean;

package/dist/timeline.css-mistica.js

@@ -10,19 +10,19 @@ function _export(target, all) {
 }
 _export(exports, {
     get asset () {
-        return f;
+        return p;
     },
     get assetNumberContainer () {
-        return r;
+        return w;
     },
     get itemContent () {
         return n;
     },
     get line () {
-        return w;
+        return f;
     },
     get lineContainer () {
-        return p;
+        return r;
     },
     get timeline () {
         return t;
@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                    */ var t = {
-    vertical: "v16_72_w6pat20",
-    horizontal: "v16_72_w6pat21"
-}, a = "v16_72_w6pat23 v16_72_w6pat22 v16_72_1y2v1nfq4 v16_72_1y2v1nfqh", n = "v16_72_w6pat25 v16_72_w6pat24 v16_72_1y2v1nfqq v16_72_1y2v1nfsh v16_72_1y2v1nfhf", e = {
-    active: "v16_72_w6pat26",
-    inactive: "v16_72_w6pat27",
-    completed: "v16_72_w6pat28"
-}, p = "v16_72_w6pat2a v16_72_w6pat29 v16_72_1y2v1nfq4 v16_72_1y2v1nfqj", f = "v16_72_w6pat2b", r = "v16_72_w6pat2d v16_72_w6pat2c v16_72_1y2v1nfr1 v16_72_1y2v1nfrh v16_72_1y2v1nfso v16_72_1y2v1nfq4 v16_72_1y2v1nfqj v16_72_1y2v1nfqd v16_72_1y2v1nf83", w = {
-    default: "v16_72_w6pat2g v16_72_w6pat2f v16_72_w6pat2e v16_72_1y2v1nfqq",
-    overBrand: "v16_72_w6pat2h v16_72_w6pat2f v16_72_w6pat2e v16_72_1y2v1nfqq"
+    vertical: "v17_1_w6pat20",
+    horizontal: "v17_1_w6pat21"
+}, a = "v17_1_w6pat23 v17_1_w6pat22 v17_1_1y2v1nfra v17_1_1y2v1nfrn", n = "v17_1_w6pat25 v17_1_w6pat24 v17_1_1y2v1nfrw v17_1_1y2v1nftn v17_1_1y2v1nfil", e = {
+    active: "v17_1_w6pat26",
+    inactive: "v17_1_w6pat27",
+    completed: "v17_1_w6pat28"
+}, r = "v17_1_w6pat2a v17_1_w6pat29 v17_1_1y2v1nfra v17_1_1y2v1nfrp", p = "v17_1_w6pat2b", w = "v17_1_w6pat2d v17_1_w6pat2c v17_1_1y2v1nfs7 v17_1_1y2v1nfsn v17_1_1y2v1nftu v17_1_1y2v1nfra v17_1_1y2v1nfrp v17_1_1y2v1nfrj v17_1_1y2v1nf8x", f = {
+    default: "v17_1_w6pat2g v17_1_w6pat2f v17_1_w6pat2e v17_1_1y2v1nfrw",
+    overBrand: "v17_1_w6pat2h v17_1_w6pat2f v17_1_w6pat2e v17_1_1y2v1nfrw"
 };

package/dist/timer.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get boxedTimerDisplayValue () {
-        return i;
+        return a;
     },
     get boxedTimerValueContainer () {
-        return r;
+        return i;
     },
     get inlineText () {
         return y;
@@ -22,7 +22,7 @@ _export(exports, {
         return n;
     },
     get timerDisplayValue () {
-        return a;
+        return r;
     },
     get timerWrapper () {
         return f;
@@ -31,10 +31,10 @@ _export(exports, {
         return e;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var f = "v16_72_18fye840 v16_72_1y2v1nfq8", y = "v16_72_18fye841", e = "v16_72_18fye843 v16_72_18fye841 v16_72_18fye842 v16_72_1y2v1nfq5 v16_72_1y2v1nfqd", n = "v16_72_18fye845 v16_72_18fye841 v16_72_18fye844 v16_72_1y2v1nfq8", a = "v16_72_18fye847 v16_72_18fye846 v16_72_1y2v1nfq4 v16_72_1y2v1nfqa v16_72_1y2v1nfqj", i = "v16_72_18fye848", r = {
-    default: "v16_72_18fye84g v16_72_18fye84a v16_72_18fye849 v16_72_1y2v1nfil v16_72_1y2v1nfju v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfsw v16_72_18fye84b v16_72_1y2v1nfdi",
-    brand: "v16_72_18fye84h v16_72_18fye84a v16_72_18fye849 v16_72_1y2v1nfil v16_72_1y2v1nfju v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfsw v16_72_18fye84c v16_72_1y2v1nf83",
-    negative: "v16_72_18fye84i v16_72_18fye84a v16_72_18fye849 v16_72_1y2v1nfil v16_72_1y2v1nfju v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfsw v16_72_18fye84d v16_72_1y2v1nf83",
-    alternative: "v16_72_18fye84j v16_72_18fye84a v16_72_18fye849 v16_72_1y2v1nfil v16_72_1y2v1nfju v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfsw v16_72_18fye84e v16_72_1y2v1nf83",
-    media: "v16_72_18fye84k v16_72_18fye84a v16_72_18fye849 v16_72_1y2v1nfil v16_72_1y2v1nfju v16_72_1y2v1nfg6 v16_72_1y2v1nfhf v16_72_1y2v1nfsw v16_72_18fye84f"
+/* empty css                                     */ /* empty css                                 */ var f = "v17_1_18fye840 v17_1_1y2v1nfre", y = "v17_1_18fye841", e = "v17_1_18fye843 v17_1_18fye841 v17_1_18fye842 v17_1_1y2v1nfrb v17_1_1y2v1nfrj", n = "v17_1_18fye845 v17_1_18fye841 v17_1_18fye844 v17_1_1y2v1nfre", r = "v17_1_18fye847 v17_1_18fye846 v17_1_1y2v1nfra v17_1_1y2v1nfrg v17_1_1y2v1nfrp", a = "v17_1_18fye848", i = {
+    default: "v17_1_18fye84g v17_1_18fye84a v17_1_18fye849 v17_1_1y2v1nfjr v17_1_1y2v1nfl0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfu2 v17_1_18fye84b v17_1_1y2v1nfeo",
+    brand: "v17_1_18fye84h v17_1_18fye84a v17_1_18fye849 v17_1_1y2v1nfjr v17_1_1y2v1nfl0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfu2 v17_1_18fye84c v17_1_1y2v1nf8x",
+    negative: "v17_1_18fye84i v17_1_18fye84a v17_1_18fye849 v17_1_1y2v1nfjr v17_1_1y2v1nfl0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfu2 v17_1_18fye84d v17_1_1y2v1nf8x",
+    alternative: "v17_1_18fye84j v17_1_18fye84a v17_1_18fye849 v17_1_1y2v1nfjr v17_1_1y2v1nfl0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfu2 v17_1_18fye84e v17_1_1y2v1nf8x",
+    media: "v17_1_18fye84k v17_1_18fye84a v17_1_18fye849 v17_1_1y2v1nfjr v17_1_1y2v1nfl0 v17_1_1y2v1nfhc v17_1_1y2v1nfil v17_1_1y2v1nfu2 v17_1_18fye84f"
 };

package/dist/tooltip.css-mistica.js

@@ -25,13 +25,13 @@ _export(exports, {
         return a;
     },
     get content () {
-        return r;
+        return p;
     },
     get contentContainer () {
         return o;
     },
     get tooltip () {
-        return p;
+        return r;
     },
     get tooltipCenter () {
         return y;
@@ -54,4 +54,4 @@ _export(exports, {
         opacity: 0
     },
     unmounted: {}
-}, a = "v16_72_1xhatbp1 v16_72_1xhatbp0 v16_72_1y2v1nfpz", p = "v16_72_1xhatbp3 v16_72_1xhatbp2 v16_72_1y2v1nfpy v16_72_1y2v1nfsx v16_72_1y2v1nf83", o = "v16_72_1xhatbp5 v16_72_1xhatbp4 v16_72_1y2v1nfpy v16_72_1y2v1nft7", r = "v16_72_1xhatbp6", y = "v16_72_1xhatbp7 v16_72_1y2v1nfq4 v16_72_1y2v1nfqa v16_72_1y2v1nfqj", e = "v16_72_1xhatbp9 v16_72_1xhatbp8 v16_72_1y2v1nfpz v16_72_1y2v1nfqz v16_72_1y2v1nft7", x = "v16_72_1xhatbpb v16_72_1xhatbpa v16_72_1y2v1nfqx v16_72_1y2v1nfrd v16_72_1y2v1nfpz v16_72_1y2v1nftd v16_72_1y2v1nf83", f = "v16_72_1xhatbpd v16_72_1xhatbpc v16_72_1y2v1nfpz";
+}, a = "v17_1_1xhatbp1 v17_1_1xhatbp0 v17_1_1y2v1nfr5", r = "v17_1_1xhatbp3 v17_1_1xhatbp2 v17_1_1y2v1nfr4 v17_1_1y2v1nfu3 v17_1_1y2v1nf8x", o = "v17_1_1xhatbp5 v17_1_1xhatbp4 v17_1_1y2v1nfr4 v17_1_1y2v1nfud", p = "v17_1_1xhatbp6", y = "v17_1_1xhatbp7 v17_1_1y2v1nfra v17_1_1y2v1nfrg v17_1_1y2v1nfrp", e = "v17_1_1xhatbp9 v17_1_1xhatbp8 v17_1_1y2v1nfr5 v17_1_1y2v1nfs5 v17_1_1y2v1nfud", x = "v17_1_1xhatbpb v17_1_1xhatbpa v17_1_1y2v1nfs3 v17_1_1y2v1nfsj v17_1_1y2v1nfr5 v17_1_1y2v1nfuj v17_1_1y2v1nf8x", f = "v17_1_1xhatbpd v17_1_1xhatbpc v17_1_1y2v1nfr5";

package/dist/touchable.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     get base () {
-        return f;
+        return n;
     },
     get marginReset () {
         return t;
@@ -19,7 +19,7 @@ _export(exports, {
         return i;
     },
     get touchable () {
-        return n;
+        return u;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var t = "v16_72_mhti6u0", f = "v16_72_mhti6u2 v16_72_mhti6u1 v16_72_1y2v1nft6", n = "v16_72_mhti6u4 v16_72_mhti6u2 v16_72_mhti6u1 v16_72_1y2v1nft6 v16_72_mhti6u3 v16_72_1y2v1nffx v16_72_1y2v1nfh6 v16_72_1y2v1nfif v16_72_1y2v1nfjo v16_72_1y2v1nfq6 v16_72_1y2v1nfsm v16_72_1y2v1nfqr v16_72_1y2v1nf7x v16_72_1y2v1nffw v16_72_1y2v1nft8", i = "v16_72_mhti6u5";
+/* empty css                                     */ /* empty css                                     */ var t = "v17_1_mhti6u0", n = "v17_1_mhti6u2 v17_1_mhti6u1 v17_1_1y2v1nfuc", u = "v17_1_mhti6u4 v17_1_mhti6u2 v17_1_mhti6u1 v17_1_1y2v1nfuc v17_1_mhti6u3 v17_1_1y2v1nfh3 v17_1_1y2v1nfic v17_1_1y2v1nfjl v17_1_1y2v1nfku v17_1_1y2v1nfrc v17_1_1y2v1nfts v17_1_1y2v1nfrx v17_1_1y2v1nf8i v17_1_1y2v1nfh2 v17_1_1y2v1nfue", i = "v17_1_mhti6u5";