@telefonica/mistica 16.37.5 → 16.38.0

package/dist/grid.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     alignSelf: function() {
-        return v;
+        return _;
     },
     columnStart: function() {
         return i;
@@ -74,141 +74,141 @@ _export(exports, {
     }
 });
 require("./grid.css.ts.vanilla.css-mistica.js");
-var v = {
-    start: "v16_37_5_mfyikv3b",
-    end: "v16_37_5_mfyikv3c",
-    center: "v16_37_5_mfyikv3d",
-    stretch: "v16_37_5_mfyikv3e",
-    baseline: "v16_37_5_mfyikv3f"
+var _ = {
+    start: "v16_38_mfyikv3b",
+    end: "v16_38_mfyikv3c",
+    center: "v16_38_mfyikv3d",
+    stretch: "v16_38_mfyikv3e",
+    baseline: "v16_38_mfyikv3f"
 }, i = {
-    1: "v16_37_5_mfyikv2j",
-    2: "v16_37_5_mfyikv2k",
-    3: "v16_37_5_mfyikv2l",
-    4: "v16_37_5_mfyikv2m",
-    5: "v16_37_5_mfyikv2n",
-    6: "v16_37_5_mfyikv2o",
-    7: "v16_37_5_mfyikv2p",
-    8: "v16_37_5_mfyikv2q",
-    9: "v16_37_5_mfyikv2r",
-    10: "v16_37_5_mfyikv2s",
-    11: "v16_37_5_mfyikv2t",
-    12: "v16_37_5_mfyikv2u"
-}, m = "v16_37_5_mfyikv1t", f = "v16_37_5_mfyikv1u", y = "v16_37_5_mfyikvb", k = {
+    1: "v16_38_mfyikv2j",
+    2: "v16_38_mfyikv2k",
+    3: "v16_38_mfyikv2l",
+    4: "v16_38_mfyikv2m",
+    5: "v16_38_mfyikv2n",
+    6: "v16_38_mfyikv2o",
+    7: "v16_38_mfyikv2p",
+    8: "v16_38_mfyikv2q",
+    9: "v16_38_mfyikv2r",
+    10: "v16_38_mfyikv2s",
+    11: "v16_38_mfyikv2t",
+    12: "v16_38_mfyikv2u"
+}, m = "v16_38_mfyikv1t", f = "v16_38_mfyikv1u", y = "v16_38_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_37_5_mfyikv4)",
-        tablet: "var(--v16_37_5_mfyikv5)",
-        mobile: "var(--v16_37_5_mfyikv6)"
+        desktop: "var(--v16_38_mfyikv4)",
+        tablet: "var(--v16_38_mfyikv5)",
+        mobile: "var(--v16_38_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_37_5_mfyikv7)",
-        tablet: "var(--v16_37_5_mfyikv8)",
-        mobile: "var(--v16_37_5_mfyikv9)"
+        desktop: "var(--v16_38_mfyikv7)",
+        tablet: "var(--v16_38_mfyikv8)",
+        mobile: "var(--v16_38_mfyikv9)"
     }
-}, e = "v16_37_5_mfyikva", r = {
-    start: "v16_37_5_mfyikv1m",
-    end: "v16_37_5_mfyikv1n",
-    center: "v16_37_5_mfyikv1o",
-    stretch: "v16_37_5_mfyikv1p",
-    "space-between": "v16_37_5_mfyikv1q",
-    "space-around": "v16_37_5_mfyikv1r",
-    "space-evenly": "v16_37_5_mfyikv1s"
+}, e = "v16_38_mfyikva", r = {
+    start: "v16_38_mfyikv1m",
+    end: "v16_38_mfyikv1n",
+    center: "v16_38_mfyikv1o",
+    stretch: "v16_38_mfyikv1p",
+    "space-between": "v16_38_mfyikv1q",
+    "space-around": "v16_38_mfyikv1r",
+    "space-evenly": "v16_38_mfyikv1s"
 }, a = {
-    start: "v16_37_5_mfyikv1a",
-    end: "v16_37_5_mfyikv1b",
-    center: "v16_37_5_mfyikv1c",
-    stretch: "v16_37_5_mfyikv1d",
-    baseline: "v16_37_5_mfyikv1e"
+    start: "v16_38_mfyikv1a",
+    end: "v16_38_mfyikv1b",
+    center: "v16_38_mfyikv1c",
+    stretch: "v16_38_mfyikv1d",
+    baseline: "v16_38_mfyikv1e"
 }, t = {
-    column: "v16_37_5_mfyikv12",
-    row: "v16_37_5_mfyikv13",
-    "row dense": "v16_37_5_mfyikv14",
-    "column dense": "v16_37_5_mfyikv15"
+    column: "v16_38_mfyikv12",
+    row: "v16_38_mfyikv13",
+    "row dense": "v16_38_mfyikv14",
+    "column dense": "v16_38_mfyikv15"
 }, n = {
-    start: "v16_37_5_mfyikv1f",
-    end: "v16_37_5_mfyikv1g",
-    center: "v16_37_5_mfyikv1h",
-    stretch: "v16_37_5_mfyikv1i",
-    "space-between": "v16_37_5_mfyikv1j",
-    "space-around": "v16_37_5_mfyikv1k",
-    "space-evenly": "v16_37_5_mfyikv1l"
+    start: "v16_38_mfyikv1f",
+    end: "v16_38_mfyikv1g",
+    center: "v16_38_mfyikv1h",
+    stretch: "v16_38_mfyikv1i",
+    "space-between": "v16_38_mfyikv1j",
+    "space-around": "v16_38_mfyikv1k",
+    "space-evenly": "v16_38_mfyikv1l"
 }, s = {
-    start: "v16_37_5_mfyikv16",
-    end: "v16_37_5_mfyikv17",
-    center: "v16_37_5_mfyikv18",
-    stretch: "v16_37_5_mfyikv19"
+    start: "v16_38_mfyikv16",
+    end: "v16_38_mfyikv17",
+    center: "v16_38_mfyikv18",
+    stretch: "v16_38_mfyikv19"
 }, o = {
-    1: "v16_37_5_mfyikve",
-    2: "v16_37_5_mfyikvf",
-    3: "v16_37_5_mfyikvg",
-    4: "v16_37_5_mfyikvh",
-    5: "v16_37_5_mfyikvi",
-    6: "v16_37_5_mfyikvj",
-    7: "v16_37_5_mfyikvk",
-    8: "v16_37_5_mfyikvl",
-    9: "v16_37_5_mfyikvm",
-    10: "v16_37_5_mfyikvn",
-    11: "v16_37_5_mfyikvo",
-    12: "v16_37_5_mfyikvp"
-}, l = "v16_37_5_mfyikvc", c = {
-    1: "v16_37_5_mfyikvq",
-    2: "v16_37_5_mfyikvr",
-    3: "v16_37_5_mfyikvs",
-    4: "v16_37_5_mfyikvt",
-    5: "v16_37_5_mfyikvu",
-    6: "v16_37_5_mfyikvv",
-    7: "v16_37_5_mfyikvw",
-    8: "v16_37_5_mfyikvx",
-    9: "v16_37_5_mfyikvy",
-    10: "v16_37_5_mfyikvz",
-    11: "v16_37_5_mfyikv10",
-    12: "v16_37_5_mfyikv11"
-}, d = "v16_37_5_mfyikvd", p = {
-    start: "v16_37_5_mfyikv37",
-    end: "v16_37_5_mfyikv38",
-    center: "v16_37_5_mfyikv39",
-    stretch: "v16_37_5_mfyikv3a"
+    1: "v16_38_mfyikve",
+    2: "v16_38_mfyikvf",
+    3: "v16_38_mfyikvg",
+    4: "v16_38_mfyikvh",
+    5: "v16_38_mfyikvi",
+    6: "v16_38_mfyikvj",
+    7: "v16_38_mfyikvk",
+    8: "v16_38_mfyikvl",
+    9: "v16_38_mfyikvm",
+    10: "v16_38_mfyikvn",
+    11: "v16_38_mfyikvo",
+    12: "v16_38_mfyikvp"
+}, l = "v16_38_mfyikvc", c = {
+    1: "v16_38_mfyikvq",
+    2: "v16_38_mfyikvr",
+    3: "v16_38_mfyikvs",
+    4: "v16_38_mfyikvt",
+    5: "v16_38_mfyikvu",
+    6: "v16_38_mfyikvv",
+    7: "v16_38_mfyikvw",
+    8: "v16_38_mfyikvx",
+    9: "v16_38_mfyikvy",
+    10: "v16_38_mfyikvz",
+    11: "v16_38_mfyikv10",
+    12: "v16_38_mfyikv11"
+}, d = "v16_38_mfyikvd", p = {
+    start: "v16_38_mfyikv37",
+    end: "v16_38_mfyikv38",
+    center: "v16_38_mfyikv39",
+    stretch: "v16_38_mfyikv3a"
 }, u = {
-    1: "v16_37_5_mfyikv2v",
-    2: "v16_37_5_mfyikv2w",
-    3: "v16_37_5_mfyikv2x",
-    4: "v16_37_5_mfyikv2y",
-    5: "v16_37_5_mfyikv2z",
-    6: "v16_37_5_mfyikv30",
-    7: "v16_37_5_mfyikv31",
-    8: "v16_37_5_mfyikv32",
-    9: "v16_37_5_mfyikv33",
-    10: "v16_37_5_mfyikv34",
-    11: "v16_37_5_mfyikv35",
-    12: "v16_37_5_mfyikv36"
+    1: "v16_38_mfyikv2v",
+    2: "v16_38_mfyikv2w",
+    3: "v16_38_mfyikv2x",
+    4: "v16_38_mfyikv2y",
+    5: "v16_38_mfyikv2z",
+    6: "v16_38_mfyikv30",
+    7: "v16_38_mfyikv31",
+    8: "v16_38_mfyikv32",
+    9: "v16_38_mfyikv33",
+    10: "v16_38_mfyikv34",
+    11: "v16_38_mfyikv35",
+    12: "v16_38_mfyikv36"
 }, g = {
-    1: "v16_37_5_mfyikv1v",
-    2: "v16_37_5_mfyikv1w",
-    3: "v16_37_5_mfyikv1x",
-    4: "v16_37_5_mfyikv1y",
-    5: "v16_37_5_mfyikv1z",
-    6: "v16_37_5_mfyikv20",
-    7: "v16_37_5_mfyikv21",
-    8: "v16_37_5_mfyikv22",
-    9: "v16_37_5_mfyikv23",
-    10: "v16_37_5_mfyikv24",
-    11: "v16_37_5_mfyikv25",
-    12: "v16_37_5_mfyikv26"
+    1: "v16_38_mfyikv1v",
+    2: "v16_38_mfyikv1w",
+    3: "v16_38_mfyikv1x",
+    4: "v16_38_mfyikv1y",
+    5: "v16_38_mfyikv1z",
+    6: "v16_38_mfyikv20",
+    7: "v16_38_mfyikv21",
+    8: "v16_38_mfyikv22",
+    9: "v16_38_mfyikv23",
+    10: "v16_38_mfyikv24",
+    11: "v16_38_mfyikv25",
+    12: "v16_38_mfyikv26"
 }, w = {
-    1: "v16_37_5_mfyikv27",
-    2: "v16_37_5_mfyikv28",
-    3: "v16_37_5_mfyikv29",
-    4: "v16_37_5_mfyikv2a",
-    5: "v16_37_5_mfyikv2b",
-    6: "v16_37_5_mfyikv2c",
-    7: "v16_37_5_mfyikv2d",
-    8: "v16_37_5_mfyikv2e",
-    9: "v16_37_5_mfyikv2f",
-    10: "v16_37_5_mfyikv2g",
-    11: "v16_37_5_mfyikv2h",
-    12: "v16_37_5_mfyikv2i"
+    1: "v16_38_mfyikv27",
+    2: "v16_38_mfyikv28",
+    3: "v16_38_mfyikv29",
+    4: "v16_38_mfyikv2a",
+    5: "v16_38_mfyikv2b",
+    6: "v16_38_mfyikv2c",
+    7: "v16_38_mfyikv2d",
+    8: "v16_38_mfyikv2e",
+    9: "v16_38_mfyikv2f",
+    10: "v16_38_mfyikv2g",
+    11: "v16_38_mfyikv2h",
+    12: "v16_38_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_37_5_mfyikv0)",
-    rowMaxSize: "var(--v16_37_5_mfyikv1)",
-    columnMinSize: "var(--v16_37_5_mfyikv2)",
-    columnMaxSize: "var(--v16_37_5_mfyikv3)"
+    rowMinSize: "var(--v16_38_mfyikv0)",
+    rowMaxSize: "var(--v16_38_mfyikv1)",
+    columnMinSize: "var(--v16_38_mfyikv2)",
+    columnMaxSize: "var(--v16_38_mfyikv3)"
 };

package/dist/grid.d.ts

@@ -22,6 +22,7 @@ type GridProps = {
     minHeight?: string | number;
     children: React.ReactNode;
     as?: React.ComponentType<any> | string;
+    role?: string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
@@ -39,6 +40,8 @@ type GridItemProps = {
     alignSelf?: 'start' | 'end' | 'center' | 'stretch' | 'baseline';
     children?: React.ReactNode;
     as?: React.ComponentType<any> | string;
+    order?: number;
+    role?: string;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;
 };

package/dist/grid.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     Grid: function() {
-        return $;
+        return ee;
     },
     GridItem: function() {
-        return ee;
+        return te;
     }
 });
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
@@ -119,47 +119,51 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const X = (t, e)=>{
+const Y = (t, e)=>{
     const i = {}, o = (r)=>typeof r == "number" ? `min(${r}px, 100%)` : r, a = (r)=>typeof r == "number" ? `${r}px` : r;
     return t && typeof t != "number" && (typeof t.minSize < "u" && (i[_gridcssmistica.vars.rowMinSize] = o(t.minSize)), typeof t.maxSize < "u" && (i[_gridcssmistica.vars.rowMaxSize] = a(t.maxSize))), e && typeof e != "number" && (typeof e.minSize < "u" && (i[_gridcssmistica.vars.columnMinSize] = o(e.minSize)), typeof e.maxSize < "u" && (i[_gridcssmistica.vars.columnMaxSize] = a(e.maxSize))), i;
-}, $ = /*#__PURE__*/ _react.forwardRef((param, C)=>{
-    let { rows: t, columns: e, gap: i = 0, flow: o, justifyItems: a, alignItems: r, justifyContent: l, alignContent: p, height: b, minHeight: y, children: s, as: g = "div", "aria-label": G, "aria-labelledby": V, dataAttributes: M } = param;
+}, ee = /*#__PURE__*/ _react.forwardRef((param, k)=>{
+    let { rows: t, columns: e, gap: i = 0, flow: o, justifyItems: a, alignItems: r, justifyContent: l, alignContent: p, height: y, minHeight: s, children: x, as: n = "div", role: g, "aria-label": V, "aria-labelledby": M, dataAttributes: C } = param;
     const [f, m] = Array.isArray(i) ? i : [
         i,
         i
-    ], k = typeof f == "object" ? f : {
+    ], T = typeof f == "object" ? f : {
         mobile: f,
         tablet: f,
         desktop: f
-    }, T = typeof m == "object" ? m : {
+    }, E = typeof m == "object" ? m : {
         mobile: m,
         tablet: m,
         desktop: m
-    }, c = (x, n)=>{
-        var _n_tablet;
+    }, z = (c, d)=>{
+        var _d_tablet;
         return (0, _css.applyCssVars)({
-            [x.mobile]: `${n.mobile}px`,
-            [x.tablet]: `${(_n_tablet = n.tablet) !== null && _n_tablet !== void 0 ? _n_tablet : n.mobile}px`,
-            [x.desktop]: `${n.desktop}px`
+            [c.mobile]: `${d.mobile}px`,
+            [c.tablet]: `${(_d_tablet = d.tablet) !== null && _d_tablet !== void 0 ? _d_tablet : d.mobile}px`,
+            [c.desktop]: `${d.desktop}px`
         });
     };
-    return /*#__PURE__*/ _react.createElement(g, _object_spread_props(_object_spread({
-        ref: C,
+    return /*#__PURE__*/ _react.createElement(n, _object_spread_props(_object_spread({
+        ref: k,
         className: (0, _classnames.default)(_gridcssmistica.grid, _gridcssmistica.gap, e ? typeof e == "number" ? _gridcssmistica.gridTemplateColumns[e] : _gridcssmistica.gridTemplateColumnsAutoRepeat : "", t ? typeof t == "number" ? _gridcssmistica.gridTemplateRows[t] : _gridcssmistica.gridTemplateRowsAutoRepeat : "", o ? _gridcssmistica.gridAutoFlow[o] : "", a ? _gridcssmistica.gridJustifyItems[a] : "", r ? _gridcssmistica.gridAlignItems[r] : "", l ? _gridcssmistica.gridJustifyContent[l] : "", p ? _gridcssmistica.gridAlignContent[p] : ""),
         style: _object_spread({
-            height: b,
-            minHeight: y
-        }, c(_gridcssmistica.gapVars.columnGap, k), c(_gridcssmistica.gapVars.rowGap, T), (0, _css.applyCssVars)(_object_spread({}, X(t, e))))
-    }, (0, _dom.getPrefixedDataAttributes)(M), g === "ul" ? {
-        role: "list"
-    } : {}), {
-        "aria-label": G,
-        "aria-labelledby": V
-    }), s);
-}), ee = /*#__PURE__*/ _react.forwardRef((param, s)=>{
-    let { rowStart: t, rowSpan: e, columnStart: i, columnSpan: o, span: a, justifySelf: r, alignSelf: l, children: p, as: b = "div", dataAttributes: y } = param;
-    return a && (Array.isArray(a) ? (o = a[0], e = a[1]) : (o = a, e = a)), /*#__PURE__*/ _react.createElement(b, _object_spread({
-        ref: s,
-        className: (0, _classnames.default)(o ? o === "full" ? _gridcssmistica.fullColumns : _gridcssmistica.spanColumns[o] : "", e ? e === "full" ? _gridcssmistica.fullRows : _gridcssmistica.spanRows[e] : "", i ? _gridcssmistica.columnStart[i] : "", t ? _gridcssmistica.rowStart[t] : "", r ? _gridcssmistica.justifySelf[r] : "", l ? _gridcssmistica.alignSelf[l] : "")
-    }, (0, _dom.getPrefixedDataAttributes)(y)), p);
+            height: y,
+            minHeight: s
+        }, z(_gridcssmistica.gapVars.columnGap, T), z(_gridcssmistica.gapVars.rowGap, E), (0, _css.applyCssVars)(_object_spread({}, Y(t, e))))
+    }, (0, _dom.getPrefixedDataAttributes)(C)), {
+        // role="list" is needed in <ul> for accessibility in Safari+VoiceOver. See: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility
+        role: g !== null && g !== void 0 ? g : n === "ul" ? "list" : void 0,
+        "aria-label": V,
+        "aria-labelledby": M
+    }), x);
+}), te = /*#__PURE__*/ _react.forwardRef((param, g)=>{
+    let { rowStart: t, rowSpan: e, columnStart: i, columnSpan: o, span: a, justifySelf: r, alignSelf: l, children: p, as: y = "div", order: s, role: x, dataAttributes: n } = param;
+    return a && (Array.isArray(a) ? (o = a[0], e = a[1]) : (o = a, e = a)), /*#__PURE__*/ _react.createElement(y, _object_spread({
+        ref: g,
+        className: (0, _classnames.default)(o ? o === "full" ? _gridcssmistica.fullColumns : _gridcssmistica.spanColumns[o] : "", e ? e === "full" ? _gridcssmistica.fullRows : _gridcssmistica.spanRows[e] : "", i ? _gridcssmistica.columnStart[i] : "", t ? _gridcssmistica.rowStart[t] : "", r ? _gridcssmistica.justifySelf[r] : "", l ? _gridcssmistica.alignSelf[l] : ""),
+        style: {
+            order: s
+        },
+        role: x
+    }, (0, _dom.getPrefixedDataAttributes)(n)), p);
 });

package/dist/header.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./header.css.ts.vanilla.css-mistica.js");
-var e = "v16_37_5_mtk7e90 v16_37_5_1y2v1nfbk", r = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", m = "v16_37_5_mtk7e93", t = "v16_37_5_mtk7e90";
+var e = "v16_38_mtk7e90 v16_38_1y2v1nfbk", r = "v16_38_1y2v1nfjs v16_38_1y2v1nfjy", m = "v16_38_mtk7e93", t = "v16_38_mtk7e90";

package/dist/hero.css-mistica.js

@@ -45,6 +45,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./hero.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_16rbpto9 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfke v16_37_5_1y2v1nfk8", r = "v16_37_5_16rbpto3 v16_37_5_1y2v1nfjs", t = "v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkw", a = "v16_37_5_16rbpto5", o = "v16_37_5_1y2v1nfjy", y = "v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk4 v16_37_5_1y2v1nfjy", e = "v16_37_5_16rbptob", f = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy", i = "v16_37_5_1y2v1nfkw", p = "v16_37_5_16rbptoa", b = {
-    height: "var(--v16_37_5_16rbpto0)"
+var n = "v16_38_16rbpto9 v16_38_1y2v1nfjs v16_38_1y2v1nfke v16_38_1y2v1nfk8", r = "v16_38_16rbpto3 v16_38_1y2v1nfjs", t = "v16_38_1y2v1nfk7 v16_38_1y2v1nfkw", a = "v16_38_16rbpto5", o = "v16_38_1y2v1nfjy", y = "v16_38_1y2v1nfkw v16_38_1y2v1nfjs v16_38_1y2v1nfk4 v16_38_1y2v1nfjy", e = "v16_38_16rbptob", f = "v16_38_1y2v1nfjs v16_38_1y2v1nfjy", i = "v16_38_1y2v1nfkw", p = "v16_38_16rbptoa", b = {
+    height: "var(--v16_38_16rbpto0)"
 };

package/dist/horizontal-scroll.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     noScrollbar: function() {
-        return o;
+        return l;
     },
     scroll: function() {
-        return l;
+        return _;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./responsive-layout.css.ts.vanilla.css-mistica.js");
 require("./horizontal-scroll.css.ts.vanilla.css-mistica.js");
-var o = "v16_37_5_1gl3gmv2", l = "v16_37_5_1gl3gmv1 v16_37_5_1y2v1nfjs";
+var l = "v16_38_1gl3gmv2", _ = "v16_38_1gl3gmv1 v16_38_1y2v1nfjs";

package/dist/icon-button.css-mistica.js

@@ -58,55 +58,55 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "v16_37_5_yqt1oe16",
-    small: "v16_37_5_yqt1oe17"
+    default: "v16_38_yqt1oe16",
+    small: "v16_38_yqt1oe17"
 }, t = {
-    default: "v16_37_5_yqt1oe18",
-    small: "v16_37_5_yqt1oe19"
+    default: "v16_38_yqt1oe18",
+    small: "v16_38_yqt1oe19"
 }, a = {
-    default: "v16_37_5_yqt1oe1a",
-    small: "v16_37_5_yqt1oe1b"
+    default: "v16_38_yqt1oe1a",
+    small: "v16_38_yqt1oe1b"
 }, n = {
-    default: "v16_37_5_yqt1oe12 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1",
-    small: "v16_37_5_yqt1oe13 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1"
-}, r = "v16_37_5_yqt1oey", o = "v16_37_5_yqt1oe1i v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjt", y = {
-    "brand-solid-default": "v16_37_5_yqt1oe4",
-    "brand-solid-inverse": "v16_37_5_yqt1oe5",
-    "brand-solid-alternative": "v16_37_5_yqt1oe6",
-    "brand-soft-default": "v16_37_5_yqt1oe7",
-    "brand-soft-inverse": "v16_37_5_yqt1oe8",
-    "brand-soft-alternative": "v16_37_5_yqt1oe9",
-    "brand-transparent-default": "v16_37_5_yqt1oea",
-    "brand-transparent-inverse": "v16_37_5_yqt1oeb",
-    "brand-transparent-alternative": "v16_37_5_yqt1oec",
-    "neutral-solid-default": "v16_37_5_yqt1oed",
-    "neutral-solid-inverse": "v16_37_5_yqt1oee",
-    "neutral-solid-alternative": "v16_37_5_yqt1oef",
-    "neutral-soft-default": "v16_37_5_yqt1oeg",
-    "neutral-soft-inverse": "v16_37_5_yqt1oeh",
-    "neutral-soft-alternative": "v16_37_5_yqt1oei",
-    "neutral-transparent-default": "v16_37_5_yqt1oej",
-    "neutral-transparent-inverse": "v16_37_5_yqt1oek",
-    "neutral-transparent-alternative": "v16_37_5_yqt1oel",
-    "danger-solid-default": "v16_37_5_yqt1oem",
-    "danger-solid-inverse": "v16_37_5_yqt1oen",
-    "danger-solid-alternative": "v16_37_5_yqt1oeo",
-    "danger-soft-default": "v16_37_5_yqt1oep",
-    "danger-soft-inverse": "v16_37_5_yqt1oeq",
-    "danger-soft-alternative": "v16_37_5_yqt1oer",
-    "danger-transparent-default": "v16_37_5_yqt1oes",
-    "danger-transparent-inverse": "v16_37_5_yqt1oet",
-    "danger-transparent-alternative": "v16_37_5_yqt1oeu",
-    "brand-media": "v16_37_5_yqt1oev",
-    "neutral-media": "v16_37_5_yqt1oew",
-    "danger-media": "v16_37_5_yqt1oex"
+    default: "v16_38_yqt1oe12 v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1",
+    small: "v16_38_yqt1oe13 v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1"
+}, r = "v16_38_yqt1oey", o = "v16_38_yqt1oe1i v16_38_1y2v1nfjm v16_38_1y2v1nfjt", y = {
+    "brand-solid-default": "v16_38_yqt1oe4",
+    "brand-solid-inverse": "v16_38_yqt1oe5",
+    "brand-solid-alternative": "v16_38_yqt1oe6",
+    "brand-soft-default": "v16_38_yqt1oe7",
+    "brand-soft-inverse": "v16_38_yqt1oe8",
+    "brand-soft-alternative": "v16_38_yqt1oe9",
+    "brand-transparent-default": "v16_38_yqt1oea",
+    "brand-transparent-inverse": "v16_38_yqt1oeb",
+    "brand-transparent-alternative": "v16_38_yqt1oec",
+    "neutral-solid-default": "v16_38_yqt1oed",
+    "neutral-solid-inverse": "v16_38_yqt1oee",
+    "neutral-solid-alternative": "v16_38_yqt1oef",
+    "neutral-soft-default": "v16_38_yqt1oeg",
+    "neutral-soft-inverse": "v16_38_yqt1oeh",
+    "neutral-soft-alternative": "v16_38_yqt1oei",
+    "neutral-transparent-default": "v16_38_yqt1oej",
+    "neutral-transparent-inverse": "v16_38_yqt1oek",
+    "neutral-transparent-alternative": "v16_38_yqt1oel",
+    "danger-solid-default": "v16_38_yqt1oem",
+    "danger-solid-inverse": "v16_38_yqt1oen",
+    "danger-solid-alternative": "v16_38_yqt1oeo",
+    "danger-soft-default": "v16_38_yqt1oep",
+    "danger-soft-inverse": "v16_38_yqt1oeq",
+    "danger-soft-alternative": "v16_38_yqt1oer",
+    "danger-transparent-default": "v16_38_yqt1oes",
+    "danger-transparent-inverse": "v16_38_yqt1oet",
+    "danger-transparent-alternative": "v16_38_yqt1oeu",
+    "brand-media": "v16_38_yqt1oev",
+    "neutral-media": "v16_38_yqt1oew",
+    "danger-media": "v16_38_yqt1oex"
 }, l = {
-    default: "v16_37_5_yqt1oe1e v16_37_5_yqt1oe1d v16_37_5_1y2v1nfmc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfmu v16_37_5_1y2v1nfjm",
-    small: "v16_37_5_yqt1oe1f v16_37_5_yqt1oe1d v16_37_5_1y2v1nfmc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfmu v16_37_5_1y2v1nfjm"
+    default: "v16_38_yqt1oe1e v16_38_yqt1oe1d v16_38_1y2v1nfmc v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1 v16_38_1y2v1nfmu v16_38_1y2v1nfjm",
+    small: "v16_38_yqt1oe1f v16_38_yqt1oe1d v16_38_1y2v1nfmc v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1 v16_38_1y2v1nfmu v16_38_1y2v1nfjm"
 }, f = {
     default: "calc(1.5rem + 24px)",
     small: "calc(1.25rem + 12px)"
 }, d = {
     default: "1.5rem",
     small: "1.25rem"
-}, i = "v16_37_5_yqt1oez", s = "v16_37_5_yqt1oe15", q = "v16_37_5_yqt1oe1g", u = "v16_37_5_yqt1oe10", m = "v16_37_5_yqt1oe1k v16_37_5_1y2v1nfjn";
+}, i = "v16_38_yqt1oez", s = "v16_38_yqt1oe15", q = "v16_38_yqt1oe1g", u = "v16_38_yqt1oe10", m = "v16_38_yqt1oe1k v16_38_1y2v1nfjn";

package/dist/icons/icon-chevron.css-mistica.js

@@ -20,6 +20,6 @@ _export(exports, {
     }
 });
 require("./icon-chevron.css.ts.vanilla.css-mistica.js");
-var o = "v16_37_5_77bqcx2", a = "v16_37_5_77bqcx1", v = {
-    transitionDuration: "var(--v16_37_5_77bqcx0)"
+var o = "v16_38_77bqcx2", a = "v16_38_77bqcx1", v = {
+    transitionDuration: "var(--v16_38_77bqcx0)"
 };

package/dist/icons/icon-error.css-mistica.js

@@ -17,4 +17,4 @@ _export(exports, {
     }
 });
 require("./icon-error.css.ts.vanilla.css-mistica.js");
-var a = "v16_37_5_1ao3f5e2", i = "v16_37_5_1ao3f5e1";
+var a = "v16_38_1ao3f5e2", i = "v16_38_1ao3f5e1";

package/dist/image.css-mistica.js

@@ -36,6 +36,6 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./image.css.ts.vanilla.css-mistica.js");
-var r = 300, t = "v16_37_5_17tt25r5", a = "v16_37_5_17tt25r7", i = "v16_37_5_17tt25r3 v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfju v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfoo v16_37_5_1y2v1nfm7 v16_37_5_1y2v1nfm8 v16_37_5_1y2v1nfmk", d = "v16_37_5_17tt25r1", f = {
-    mediaBorderRadius: "var(--v16_37_5_17tt25r0)"
-}, o = "v16_37_5_17tt25r6", e = "v16_37_5_17tt25r4";
+var r = 300, t = "v16_38_17tt25r5", a = "v16_38_17tt25r7", i = "v16_38_17tt25r3 v16_38_1y2v1nfn0 v16_38_1y2v1nfnf v16_38_1y2v1nfju v16_38_1y2v1nfkf v16_38_1y2v1nfkw v16_38_1y2v1nfoo v16_38_1y2v1nfm7 v16_38_1y2v1nfm8 v16_38_1y2v1nfmk", d = "v16_38_17tt25r1", f = {
+    mediaBorderRadius: "var(--v16_38_17tt25r0)"
+}, o = "v16_38_17tt25r6", e = "v16_38_17tt25r4";

package/dist/inline.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     fullWidth: function() {
-        return _;
+        return a;
     },
     inline: function() {
-        return a;
+        return k;
     },
     marginInline: function() {
-        return k;
+        return _;
     },
     noFullWidth: function() {
         return r;
@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 require("./inline.css.ts.vanilla.css-mistica.js");
-var _ = "v16_37_5_kkfbnva", a = "v16_37_5_kkfbnv9", k = "v16_37_5_kkfbnv8", r = "v16_37_5_kkfbnvc", e = "v16_37_5_kkfbnvd", n = "v16_37_5_kkfbnve", b = {
-    space: "var(--v16_37_5_kkfbnv0)",
-    spaceMobile: "var(--v16_37_5_kkfbnv1)",
-    spaceTablet: "var(--v16_37_5_kkfbnv2)",
-    spaceDesktop: "var(--v16_37_5_kkfbnv3)",
-    verticalSpace: "var(--v16_37_5_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_37_5_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_37_5_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_37_5_kkfbnv7)"
-}, f = "v16_37_5_kkfbnvb";
+var a = "v16_38_kkfbnva", k = "v16_38_kkfbnv9", _ = "v16_38_kkfbnv8", r = "v16_38_kkfbnvc", e = "v16_38_kkfbnvd", n = "v16_38_kkfbnve", b = {
+    space: "var(--v16_38_kkfbnv0)",
+    spaceMobile: "var(--v16_38_kkfbnv1)",
+    spaceTablet: "var(--v16_38_kkfbnv2)",
+    spaceDesktop: "var(--v16_38_kkfbnv3)",
+    verticalSpace: "var(--v16_38_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_38_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_38_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_38_kkfbnv7)"
+}, f = "v16_38_kkfbnvb";

package/dist/list.css-mistica.js

@@ -96,4 +96,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfka v16_37_5_1y2v1nfkc", f = "v16_37_5_1y2v1nfdr", y = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfli v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfka", a = "v16_37_5_2buj9g2", r = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", t = "v16_37_5_1y2v1nfa0 v16_37_5_1y2v1nfb9 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfm5", u = "v16_37_5_2buj9gk v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", j = "v16_37_5_2buj9gj", e = "v16_37_5_2buj9g0", i = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjx v16_37_5_1y2v1nfkw", o = "v16_37_5_2buj9gq v16_37_5_1y2v1nfjs", d = "v16_37_5_2buj9go v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfju v16_37_5_1y2v1nfkd", g = "v16_37_5_2buj9gs v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfkc v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfkw", k = "v16_37_5_2buj9gw", b = "v16_37_5_2buj9gx", c = "v16_37_5_2buj9gu", l = "v16_37_5_2buj9gv", s = "v16_37_5_1y2v1nfmt", h = "v16_37_5_2buj9gh", m = "v16_37_5_2buj9gi", w = "v16_37_5_1y2v1nfkf", C = "v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfjy v16_37_5_1y2v1nfke", p = "v16_37_5_2buj9g7 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfju v16_37_5_1y2v1nfkw v16_37_5_1y2v1nfjm", x = "v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr", A = "v16_37_5_2buj9g8", R = "v16_37_5_2buj9g3", B = "v16_37_5_2buj9g4", W = "v16_37_5_2buj9gt";
+var n = "v16_38_1y2v1nfjs v16_38_1y2v1nfka v16_38_1y2v1nfkc", f = "v16_38_1y2v1nfdr", y = "v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfk1 v16_38_1y2v1nfli v16_38_1y2v1nfkw v16_38_1y2v1nfka", a = "v16_38_2buj9g2", r = "v16_38_1y2v1nfjs v16_38_1y2v1nfk7", t = "v16_38_1y2v1nfa0 v16_38_1y2v1nfb9 v16_38_1y2v1nfjs v16_38_1y2v1nfkf v16_38_1y2v1nfm5", u = "v16_38_2buj9gk v16_38_1y2v1nfjs v16_38_1y2v1nfk7", j = "v16_38_2buj9gj", e = "v16_38_2buj9g0", i = "v16_38_1y2v1nfjs v16_38_1y2v1nfjx v16_38_1y2v1nfkw", o = "v16_38_2buj9gq v16_38_1y2v1nfjs", d = "v16_38_2buj9go v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfci v16_38_1y2v1nfdr v16_38_1y2v1nfju v16_38_1y2v1nfkd", g = "v16_38_2buj9gs v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfci v16_38_1y2v1nfdr v16_38_1y2v1nfjs v16_38_1y2v1nfk7 v16_38_1y2v1nfkc v16_38_1y2v1nfkg v16_38_1y2v1nfkw", k = "v16_38_2buj9gw", b = "v16_38_2buj9gx", c = "v16_38_2buj9gu", l = "v16_38_2buj9gv", s = "v16_38_1y2v1nfmt", h = "v16_38_2buj9gh", m = "v16_38_2buj9gi", w = "v16_38_1y2v1nfkf", C = "v16_38_1y2v1nfjs v16_38_1y2v1nfjy v16_38_1y2v1nfke", p = "v16_38_2buj9g7 v16_38_1y2v1nf9l v16_38_1y2v1nfau v16_38_1y2v1nfc3 v16_38_1y2v1nfdc v16_38_1y2v1nfkf v16_38_1y2v1nfma v16_38_1y2v1nf9k v16_38_1y2v1nfju v16_38_1y2v1nfkw v16_38_1y2v1nfjm", x = "v16_38_1y2v1nfci v16_38_1y2v1nfdr", A = "v16_38_2buj9g8", R = "v16_38_2buj9g3", B = "v16_38_2buj9g4", W = "v16_38_2buj9gt";

package/dist/loading-bar.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./loading-bar.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_1num3qg3", f = "v16_37_5_1num3qg2 v16_37_5_1y2v1nfjo v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfnf v16_37_5_1y2v1nfnu", r = "v16_37_5_1num3qg7 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfkw", y = "v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfmu v16_37_5_1y2v1nfjm v16_37_5_1y2v1nf6m v16_37_5_1y2v1nfkz";
+var n = "v16_38_1num3qg3", f = "v16_38_1num3qg2 v16_38_1y2v1nfjo v16_38_1y2v1nfn0 v16_38_1y2v1nfnf v16_38_1y2v1nfnu", r = "v16_38_1num3qg7 v16_38_1y2v1nfjn v16_38_1y2v1nfkf v16_38_1y2v1nfkw", y = "v16_38_1y2v1nfkf v16_38_1y2v1nfmu v16_38_1y2v1nfjm v16_38_1y2v1nf6m v16_38_1y2v1nfkz";