@telefonica/mistica 17.8.0 → 17.9.0

package/css/movistar.css

@@ -448,6 +448,12 @@
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.375rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 1.75rem;
+    --mistica-font-weight-feedbackScreenTitle: 700;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.375rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1526,6 +1532,10 @@
         --mistica-line-height-chipLabelSmall: 1.375rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 1.75rem;
+        --mistica-line-height-feedbackScreenTitle: 2rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 0.875rem;
         --mistica-line-height-cardPretitleSnap: 1.25rem;
         --mistica-font-size-cardTitleSnap: 0.875rem;

package/css/o2.css

@@ -457,6 +457,12 @@
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 700;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1488,6 +1494,10 @@
         --mistica-line-height-chipLabelSmall: 1.25rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/css/telefonica.css

@@ -386,18 +386,18 @@
 
     /* Border radius */
     --mistica-border-radius-avatar: 50%;
-    --mistica-border-radius-bar: 0px;
+    --mistica-border-radius-bar: 999px;
     --mistica-border-radius-button: 32px;
-    --mistica-border-radius-checkbox: 2px;
-    --mistica-border-radius-container: 4px;
+    --mistica-border-radius-checkbox: 4px;
+    --mistica-border-radius-container: 20px;
     --mistica-border-radius-indicator: 24px;
     --mistica-border-radius-chip: 24px;
     --mistica-border-radius-tag: 24px;
-    --mistica-border-radius-input: 8px;
-    --mistica-border-radius-popup: 4px;
-    --mistica-border-radius-sheet: 0px;
-    --mistica-border-radius-mediaSmall: 2px;
-    --mistica-border-radius-snackbar: 4px;
+    --mistica-border-radius-input: 12px;
+    --mistica-border-radius-popup: 12px;
+    --mistica-border-radius-sheet: 20px;
+    --mistica-border-radius-mediaSmall: 12px;
+    --mistica-border-radius-snackbar: 12px;
 
     /* Text */
     --mistica-font-size-1: 0.75rem;
@@ -461,6 +461,12 @@
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 400;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1635,6 +1641,10 @@
         --mistica-line-height-chipLabelSmall: 1.25rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/css/vivo-evolution.css

@@ -520,9 +520,15 @@
     --mistica-font-size-headerPretitle: 0.875rem;
     --mistica-line-height-headerPretitle: 1.25rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.25rem;
+    --mistica-line-height-feedbackScreenTitle: 1.5rem;
+    --mistica-font-weight-feedbackScreenTitle: 500;
+    --mistica-font-size-feedbackScreenDescription: 0.875rem;
+    --mistica-line-height-feedbackScreenDescription: 1.25rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.75rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
-    --mistica-font-size-cardTitleSnap: 1rem;
+    --mistica-font-size-cardTitleSnap: 0.875rem;
     --mistica-line-height-cardTitleSnap: 1.25rem;
     --mistica-font-size-cardSubtitleSnap: 0.75rem;
     --mistica-line-height-cardSubtitleSnap: 1.25rem;
@@ -530,7 +536,7 @@
     --mistica-line-height-cardDescriptionSnap: 1.25rem;
     --mistica-font-size-cardPretitleDefault: 0.875rem;
     --mistica-line-height-cardPretitleDefault: 1.25rem;
-    --mistica-font-size-cardTitleDefault: 1.125rem;
+    --mistica-font-size-cardTitleDefault: 1rem;
     --mistica-line-height-cardTitleDefault: 1.5rem;
     --mistica-font-size-cardSubtitleDefault: 0.875rem;
     --mistica-line-height-cardSubtitleDefault: 1.25rem;
@@ -1892,6 +1898,10 @@
         --mistica-line-height-chipLabelSmall: 1.5rem;
         --mistica-font-size-headerPretitle: 1rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 1.75rem;
+        --mistica-line-height-feedbackScreenTitle: 2rem;
+        --mistica-font-size-feedbackScreenDescription: 1rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 0.875rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1.125rem;

package/css/vivo.css

@@ -438,6 +438,12 @@
     --mistica-font-size-headerPretitle: 1rem;
     --mistica-line-height-headerPretitle: 1.5rem;
     --mistica-font-weight-headerPretitle: 400;
+    --mistica-font-size-feedbackScreenTitle: 1.5rem;
+    --mistica-line-height-feedbackScreenTitle: 2rem;
+    --mistica-font-weight-feedbackScreenTitle: 500;
+    --mistica-font-size-feedbackScreenDescription: 1rem;
+    --mistica-line-height-feedbackScreenDescription: 1.5rem;
+    --mistica-font-weight-feedbackScreenDescription: 400;
     --mistica-font-size-cardPretitleSnap: 0.875rem;
     --mistica-line-height-cardPretitleSnap: 1.25rem;
     --mistica-font-size-cardTitleSnap: 0.875rem;
@@ -1465,6 +1471,10 @@
         --mistica-line-height-chipLabelSmall: 1.5rem;
         --mistica-font-size-headerPretitle: 1.125rem;
         --mistica-line-height-headerPretitle: 1.5rem;
+        --mistica-font-size-feedbackScreenTitle: 2rem;
+        --mistica-line-height-feedbackScreenTitle: 2.5rem;
+        --mistica-font-size-feedbackScreenDescription: 1.125rem;
+        --mistica-line-height-feedbackScreenDescription: 1.5rem;
         --mistica-font-size-cardPretitleSnap: 1rem;
         --mistica-line-height-cardPretitleSnap: 1.5rem;
         --mistica-font-size-cardTitleSnap: 1rem;

package/dist/accordion.css-mistica.js

@@ -43,9 +43,9 @@ _export(exports, {
         return a;
     }
 });
-/* empty css                                     */ /* empty css                                     */ var n = "v17_8_8s3szx0 v17_8_1y2v1nfh7 v17_8_1y2v1nfig v17_8_1y2v1nfjp v17_8_1y2v1nfky v17_8_1y2v1nfs1 v17_8_1y2v1nftw v17_8_1y2v1nfh6 v17_8_1y2v1nfrg v17_8_1y2v1nfsi", s = "v17_8_8s3szx1", r = "v17_8_8s3szx2", a = "v17_8_8s3szx3", e = "v17_8_8s3szx4", t = "v17_8_8s3szx5", o = "v17_8_8s3szx6", i = {
-    enter: "v17_8_8s3szx7",
-    enterActive: "v17_8_8s3szx8",
-    exit: "v17_8_8s3szx9",
-    exitActive: "v17_8_8s3szxa"
-}, x = "v17_8_8s3szxb", z = "v17_8_8s3szxc v17_8_1y2v1nfs1", c = "v17_8_8s3szxd";
+/* empty css                                     */ /* empty css                                     */ var n = "v17_9_8s3szx0 v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nfs1 v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_1y2v1nfrg v17_9_1y2v1nfsi", s = "v17_9_8s3szx1", r = "v17_9_8s3szx2", a = "v17_9_8s3szx3", e = "v17_9_8s3szx4", t = "v17_9_8s3szx5", o = "v17_9_8s3szx6", i = {
+    enter: "v17_9_8s3szx7",
+    enterActive: "v17_9_8s3szx8",
+    exit: "v17_9_8s3szx9",
+    exitActive: "v17_9_8s3szxa"
+}, x = "v17_9_8s3szxb", z = "v17_9_8s3szxc v17_9_1y2v1nfs1", c = "v17_9_8s3szxd";

package/dist/accordion.js

@@ -11,16 +11,16 @@ function _export(target, all) {
 }
 _export(exports, {
     get Accordion () {
-        return be;
+        return he;
     },
     get AccordionItem () {
-        return Ae;
+        return pe;
     },
     get BoxedAccordion () {
-        return Be;
+        return Ae;
     },
     get BoxedAccordionItem () {
-        return Ce;
+        return ge;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -165,58 +165,54 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const B = 400, A = /*#__PURE__*/ _react.createContext({
+const N = 400, A = /*#__PURE__*/ _react.createContext({
     index: [],
     toggle: ()=>{}
-}), te = ()=>_react.useContext(A), R = (param)=>{
-    let { value: r, defaultValue: e, onChange: n, singleOpen: c } = param;
-    const s = r !== void 0, l = (t)=>t === void 0 ? [] : typeof t == "number" ? [
-            t
-        ] : t, [a, p] = _react.useState(l(e));
+}), $ = ()=>_react.useContext(A), y = (param)=>{
+    let { value: t, defaultValue: r, onChange: n, singleOpen: c } = param;
+    const s = t !== void 0, l = (e)=>e === void 0 ? [] : typeof e == "number" ? [
+            e
+        ] : e, [a, v] = _react.useState(l(r));
     _react.useEffect(()=>{
         if (a.length > 1 && c) {
-            const t = [
+            const e = [
                 ...a
             ];
-            t.splice(1), p(t);
+            e.splice(1), v(e);
         }
     }, [
         c,
         a
     ]);
-    const x = (t, u)=>{
+    const x = (e, u)=>{
         if (!u) return [
-            t
+            e
         ];
-        const f = u.indexOf(t);
+        const f = u.indexOf(e);
         let d = [
             ...u
         ];
         return f === -1 ? c ? d = [
-            t
-        ] : d.push(t) : d.splice(f, 1), d;
-    }, m = (t)=>{
-        if (s || p(x(t, a)), n) {
-            const u = (s ? l(r) : a).includes(t);
-            n(t, !u);
+            e
+        ] : d.push(e) : d.splice(f, 1), d;
+    }, m = (e)=>{
+        if (s || v(x(e, a)), n) {
+            const u = (s ? l(t) : a).includes(e);
+            n(e, !u);
         }
     };
     return s ? [
-        l(r),
+        l(t),
         m
     ] : [
         a,
         m
     ];
-}, oe = (r)=>{
-    const e = r === null || r === void 0 ? void 0 : r.closest("[data-accordion]");
-    if (e) return Array.from(e.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === e).findIndex((n)=>n === r);
-}, re = (r)=>{
-    if (!/*#__PURE__*/ _react.isValidElement(r)) return "";
-    const e = r.props;
-    return typeof e.alt == "string" && e.alt.trim() ? e.alt.trim() : typeof e["aria-label"] == "string" && e["aria-label"].trim() ? e["aria-label"].trim() : "";
-}, S = /*#__PURE__*/ _react.forwardRef((_param, p)=>{
-    var { content: r, dataAttributes: e, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
+}, ee = (t)=>{
+    const r = t === null || t === void 0 ? void 0 : t.closest("[data-accordion]");
+    if (r) return Array.from(r.querySelectorAll("[data-accordion-item]")).filter((n)=>n.closest("[data-accordion]") === r).findIndex((n)=>n === t);
+}, S = /*#__PURE__*/ _react.forwardRef((_param, v)=>{
+    var { content: t, dataAttributes: r, trackingEvent: n, right: c, "aria-label": s, "aria-labelledby": l } = _param, a = _object_without_properties(_param, [
         "content",
         "dataAttributes",
         "trackingEvent",
@@ -224,36 +220,33 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         "aria-label",
         "aria-labelledby"
     ]);
-    const x = _react.useRef(null), m = _react.useRef(null), { index: t, toggle: u } = te(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), b = _react.useId(), T = re(a.asset), O = s !== null && s !== void 0 ? s : [
-        a.title,
-        T
-    ].filter(Boolean).join(" "), [h, P] = _react.useState(), I = h !== void 0 && (t === null || t === void 0 ? void 0 : t.includes(h));
+    const x = _react.useRef(null), m = _react.useRef(null), { index: e, toggle: u } = $(), f = (0, _themevariantcontext.useThemeVariant)(), d = _react.useId(), C = _react.useId(), [h, T] = _react.useState(), p = h !== void 0 && (e === null || e === void 0 ? void 0 : e.includes(h));
     _react.useEffect(()=>{
-        P(oe(m.current));
+        T(ee(m.current));
     }, []);
-    const w = {
-        default: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
-        alternative: I ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+    const O = {
+        default: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
+        alternative: p ? _skincontractcssmistica.vars.colors.chevronIndicator : _skincontractcssmistica.vars.colors.chevronIndicator,
         brand: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         media: _skincontractcssmistica.vars.colors.textSecondaryBrand,
         negative: _skincontractcssmistica.vars.colors.textSecondaryNegative
     }[f];
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
         ref: m
-    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, e), {
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({}, r), {
         "accordion-item": !0
     }))), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, {
-                ref: p,
+                ref: v,
                 className: (0, _classnames.default)(_accordioncssmistica.itemContent, f === "brand" || f === "media" || f === "negative" ? _accordioncssmistica.touchableBackgroundOverBrand : _accordioncssmistica.touchableBackground),
                 onPress: ()=>{
                     h !== void 0 && u(h);
                 },
                 trackingEvent: n,
-                "aria-expanded": I,
-                "aria-controls": b,
-                "aria-label": O,
+                "aria-expanded": p,
+                "aria-controls": C,
+                "aria-label": s,
                 "aria-labelledby": l,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                     className: _accordioncssmistica.accordionContentPadding,
@@ -261,10 +254,10 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         labelId: d
                     }, a), {
                         right: (param)=>{
-                            let { centerY: V } = param;
+                            let { centerY: P } = param;
                             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                                 space: 4,
-                                alignItems: V ? "center" : void 0,
+                                alignItems: P ? "center" : void 0,
                                 className: _accordioncssmistica.rightContentContainer,
                                 children: [
                                     c,
@@ -272,9 +265,9 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                                         className: _accordioncssmistica.chevronContainer,
                                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconchevron.default, {
                                             size: 20,
-                                            transitionDuration: B,
-                                            direction: I ? "up" : "down",
-                                            color: w
+                                            transitionDuration: N,
+                                            direction: p ? "up" : "down",
+                                            color: O
                                         })
                                     })
                                 ]
@@ -284,8 +277,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 })
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
-                in: I,
-                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : B,
+                in: p,
+                timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : N,
                 nodeRef: x,
                 classNames: _accordioncssmistica.panelTransitionClasses,
                 mountOnEnter: !0,
@@ -297,42 +290,42 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                         className: _accordioncssmistica.panel,
                         role: "region",
                         "aria-labelledby": d,
-                        id: b,
+                        id: C,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: _accordioncssmistica.accordionContentPadding,
                             style: {
                                 paddingBottom: 16
                             },
-                            children: r
+                            children: t
                         })
                     })
                 })
             })
         ]
     }));
-}), Ae = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, role: e } = _param, n = _object_without_properties(_param, [
+}), pe = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, role: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "role"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-        role: e,
+        role: r,
         className: _accordioncssmistica.accordionItem,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, n), {
             ref: c,
             dataAttributes: _object_spread({
                 testid: "AccordionItem"
-            }, r)
+            }, t)
         }))
     });
-}), be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), he = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
         singleOpen: l
-    }), t = _react.Children.toArray(r).filter(Boolean), u = t.length - 1;
+    }), e = _react.Children.toArray(t).filter(Boolean), u = e.length - 1;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(A.Provider, {
         value: {
             index: x,
@@ -340,16 +333,16 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                 role: a
             }, (0, _dom.getPrefixedDataAttributes)(_object_spread_props(_object_spread({
                 testid: "Accordion"
-            }, e), {
+            }, r), {
                 accordion: !0
             }))), {
-                children: t.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: e.map((f, d)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
                             f,
                             d < u && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
@@ -361,24 +354,24 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
             }))
         })
     });
-}, Ce = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
-    var { dataAttributes: r, variant: e } = _param, n = _object_without_properties(_param, [
+}, ge = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { dataAttributes: t, variant: r } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "variant"
     ]);
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
         overflow: "visible",
         className: _accordioncssmistica.boxed,
-        variant: e !== null && e !== void 0 ? e : "default",
+        variant: r !== null && r !== void 0 ? r : "default",
         ref: c,
         dataAttributes: _object_spread({
             testid: "BoxedAccordionItem"
-        }, r),
+        }, t),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread({}, n))
     });
-}), Be = (param)=>{
-    let { children: r, dataAttributes: e, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: p = !1 } = param;
-    const [x, m] = R({
+}), Ae = (param)=>{
+    let { children: t, dataAttributes: r, index: n, defaultIndex: c, onChange: s, singleOpen: l, role: a, small: v = !1 } = param;
+    const [x, m] = y({
         value: n,
         defaultValue: c,
         onChange: s,
@@ -391,7 +384,7 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
         },
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_list.ListContext.Provider, {
             value: {
-                small: p
+                small: v
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
                 space: 16,
@@ -399,8 +392,8 @@ const B = 400, A = /*#__PURE__*/ _react.createContext({
                 dataAttributes: _object_spread({
                     testid: "BoxedAccordion",
                     accordion: !0
-                }, e),
-                children: r
+                }, r),
+                children: t
             })
         })
     });

package/dist/align.css-mistica.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "container", {
         return o;
     }
 });
-/* empty css                                 */ var o = "v17_8_1mfs0fk0";
+/* empty css                                 */ var o = "v17_9_1mfs0fk0";

package/dist/autocomplete.css-mistica.js

@@ -25,4 +25,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                        */ var n = "v17_8_1rj3nw81 v17_8_1rj3nw80 v17_8_1y2v1nfr8", r = "v17_8_1rj3nw83 v17_8_1rj3nw82 v17_8_1y2v1nfhg v17_8_1y2v1nfip v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfr9 v17_8_1y2v1nfu7", y = "v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis", f = "v17_8_1rj3nw87 v17_8_1rj3nw85 v17_8_1rj3nw84 v17_8_1y2v1nfjy v17_8_1y2v1nfl7 v17_8_1y2v1nfhj v17_8_1y2v1nfis v17_8_1rj3nw86 v17_8_1y2v1nfuh", j = "v17_8_1rj3nw88";
+/* empty css                                     */ /* empty css                                        */ var n = "v17_9_1rj3nw81 v17_9_1rj3nw80 v17_9_1y2v1nfr8", r = "v17_9_1rj3nw83 v17_9_1rj3nw82 v17_9_1y2v1nfhg v17_9_1y2v1nfip v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfr9 v17_9_1y2v1nfu7", y = "v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis", f = "v17_9_1rj3nw87 v17_9_1rj3nw85 v17_9_1rj3nw84 v17_9_1y2v1nfjy v17_9_1y2v1nfl7 v17_9_1y2v1nfhj v17_9_1y2v1nfis v17_9_1rj3nw86 v17_9_1y2v1nfuh", j = "v17_9_1rj3nw88";

package/dist/avatar.css-mistica.js

@@ -16,4 +16,4 @@ _export(exports, {
         return f;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var r = "v17_8_f1g4uj0 v17_8_1y2v1nfud v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn v17_8_1y2v1nfui", f = "v17_8_f1g4uj1 v17_8_1y2v1nfwc";
+/* empty css                                     */ /* empty css                                  */ var r = "v17_9_f1g4uj0 v17_9_1y2v1nfud v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn v17_9_1y2v1nfui", f = "v17_9_f1g4uj1 v17_9_1y2v1nfwc";

package/dist/badge.css-mistica.js

@@ -28,4 +28,4 @@ _export(exports, {
         return r;
     }
 });
-/* empty css                                     */ /* empty css                                 */ var r = "v17_8_17szrmd0 v17_8_1y2v1nfr8 v17_8_1y2v1nfri", d = "v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp", m = "v17_8_17szrmd3", a = "v17_8_17szrmd5 v17_8_17szrmd2 v17_8_17szrmd1 v17_8_1y2v1nfdp v17_8_17szrmd4 v17_8_1y2v1nfre v17_8_1y2v1nfrt v17_8_1y2v1nfrn", e = "v17_8_17szrmd6 v17_8_1y2v1nfr9", n = "v17_8_17szrmd7";
+/* empty css                                     */ /* empty css                                 */ var r = "v17_9_17szrmd0 v17_9_1y2v1nfr8 v17_9_1y2v1nfri", d = "v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp", m = "v17_9_17szrmd3", a = "v17_9_17szrmd5 v17_9_17szrmd2 v17_9_17szrmd1 v17_9_1y2v1nfdp v17_9_17szrmd4 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfrn", e = "v17_9_17szrmd6 v17_9_1y2v1nfr9", n = "v17_9_17szrmd7";

package/dist/box.css-mistica.js

@@ -18,23 +18,23 @@ _export(exports, {
 });
 /* empty css                               */ var _ = {
     paddingTop: {
-        desktop: "var(--v17_8_1xgjmkv0)",
-        tablet: "var(--v17_8_1xgjmkv1)",
-        mobile: "var(--v17_8_1xgjmkv2)"
+        desktop: "var(--v17_9_1xgjmkv0)",
+        tablet: "var(--v17_9_1xgjmkv1)",
+        mobile: "var(--v17_9_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v17_8_1xgjmkv3)",
-        tablet: "var(--v17_8_1xgjmkv4)",
-        mobile: "var(--v17_8_1xgjmkv5)"
+        desktop: "var(--v17_9_1xgjmkv3)",
+        tablet: "var(--v17_9_1xgjmkv4)",
+        mobile: "var(--v17_9_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v17_8_1xgjmkv6)",
-        tablet: "var(--v17_8_1xgjmkv7)",
-        mobile: "var(--v17_8_1xgjmkv8)"
+        desktop: "var(--v17_9_1xgjmkv6)",
+        tablet: "var(--v17_9_1xgjmkv7)",
+        mobile: "var(--v17_9_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v17_8_1xgjmkv9)",
-        tablet: "var(--v17_8_1xgjmkva)",
-        mobile: "var(--v17_8_1xgjmkvb)"
+        desktop: "var(--v17_9_1xgjmkv9)",
+        tablet: "var(--v17_9_1xgjmkva)",
+        mobile: "var(--v17_9_1xgjmkvb)"
     }
-}, a = "v17_8_1xgjmkvc";
+}, a = "v17_9_1xgjmkvc";

package/dist/boxed.css-mistica.js

@@ -29,32 +29,32 @@ _export(exports, {
     }
 });
 /* empty css                                     */ /* empty css                                 */ var _ = {
-    width: "var(--v17_8_ihbkeq0)",
-    height: "var(--v17_8_ihbkeq1)",
-    minHeight: "var(--v17_8_ihbkeq2)",
-    maxWidth: "var(--v17_8_ihbkeq3)",
-    minWidth: "var(--v17_8_ihbkeq4)",
+    width: "var(--v17_9_ihbkeq0)",
+    height: "var(--v17_9_ihbkeq1)",
+    minHeight: "var(--v17_9_ihbkeq2)",
+    maxWidth: "var(--v17_9_ihbkeq3)",
+    minWidth: "var(--v17_9_ihbkeq4)",
     mobile: {
-        width: "var(--v17_8_ihbkeq5)",
-        height: "var(--v17_8_ihbkeq6)",
-        minHeight: "var(--v17_8_ihbkeq7)",
-        maxWidth: "var(--v17_8_ihbkeq8)",
-        minWidth: "var(--v17_8_ihbkeq9)"
+        width: "var(--v17_9_ihbkeq5)",
+        height: "var(--v17_9_ihbkeq6)",
+        minHeight: "var(--v17_9_ihbkeq7)",
+        maxWidth: "var(--v17_9_ihbkeq8)",
+        minWidth: "var(--v17_9_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v17_8_ihbkeqa)",
-        height: "var(--v17_8_ihbkeqb)",
-        minHeight: "var(--v17_8_ihbkeqc)",
-        maxWidth: "var(--v17_8_ihbkeqd)",
-        minWidth: "var(--v17_8_ihbkeqe)"
+        width: "var(--v17_9_ihbkeqa)",
+        height: "var(--v17_9_ihbkeqb)",
+        minHeight: "var(--v17_9_ihbkeqc)",
+        maxWidth: "var(--v17_9_ihbkeqd)",
+        minWidth: "var(--v17_9_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v17_8_ihbkeqf)",
-        height: "var(--v17_8_ihbkeqg)",
-        minHeight: "var(--v17_8_ihbkeqh)",
-        maxWidth: "var(--v17_8_ihbkeqi)",
-        minWidth: "var(--v17_8_ihbkeqj)"
-    },
-    background: "var(--v17_8_ihbkeqk)",
-    borderRadius: "var(--v17_8_ihbkeql)"
-}, h = "v17_8_ihbkeqm", e = "v17_8_ihbkeqn v17_8_1y2v1nfui", r = "v17_8_ihbkeqo v17_8_1y2v1nftv", a = "v17_8_ihbkeqp", b = "v17_8_ihbkeqq v17_8_1y2v1nftw";
+        width: "var(--v17_9_ihbkeqf)",
+        height: "var(--v17_9_ihbkeqg)",
+        minHeight: "var(--v17_9_ihbkeqh)",
+        maxWidth: "var(--v17_9_ihbkeqi)",
+        minWidth: "var(--v17_9_ihbkeqj)"
+    },
+    background: "var(--v17_9_ihbkeqk)",
+    borderRadius: "var(--v17_9_ihbkeql)"
+}, h = "v17_9_ihbkeqm", e = "v17_9_ihbkeqn v17_9_1y2v1nfui", r = "v17_9_ihbkeqo v17_9_1y2v1nftv", a = "v17_9_ihbkeqp", b = "v17_9_ihbkeqq v17_9_1y2v1nftw";

package/dist/boxed.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { vars } from './skins/skin-contract.css';
 import type { Variant } from './theme-variant-context';
 import type { ComponentPropertiesConfig } from './skins/types';
 import type { ByBreakpoint, DataAttributes } from './utils/types';
@@ -17,9 +16,10 @@ type Props = {
     minWidth?: ByBreakpoint<number | string>;
     height?: ByBreakpoint<number | string>;
     minHeight?: ByBreakpoint<number | string>;
+    /** Numbers are interpreted as pixels and must be >= 0. Defaults to the skin container border radius */
+    borderRadius?: number | string;
 };
 type InternalProps = {
-    borderRadius?: typeof vars.borderRadii.container | string;
     border?: string;
     desktopOnly?: boolean;
     background?: string;