@telefonica/mistica 14.45.0 → 14.46.0

package/dist-es/generated/mistica-icons/icon-world-device-light.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as h } from "../../theme-variant-context.js";
+import { useIsInverseVariant as l } from "../../theme-variant-context.js";
 import { vars as e } from "../../skins/skin-contract.css-mistica.js";
-const l = (_param)=>{
+const n = (_param)=>{
     var { color: t, size: c = 24 } = _param, s = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const a = h(), o = t !== null && t !== void 0 ? t : a ? e.colors.inverse : e.colors.neutralHigh;
+    const a = l(), o = t !== null && t !== void 0 ? t : a ? e.colors.inverse : e.colors.neutralHigh;
     return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -96,13 +96,13 @@ const l = (_param)=>{
         children: [
             /* @__PURE__ */ r("path", {
                 fill: o,
-                d: "M14.518 21.643a.714.714 0 1 1 0-1.429.714.714 0 0 1 0 1.429Z"
+                d: "M14.518 21.643a.714.714 0 1 1 0-1.429.714.714 0 0 1 0 1.429"
             }),
             /* @__PURE__ */ r("path", {
                 fill: o,
-                d: "M19.875 2c1 0 1.786.786 1.75 1.786v6.071c0 1-.786 1.786-1.786 1.786h-2.5c-.821 0-1.5-.572-1.714-1.322-.214-.071-.393-.071-.536 0-.571.286-.964.965-1 1.679 0 .429.072 1.25.965 1.821 1.535 1.036 1.5 1.965 1.428 2.822-.036.678-.071 1.357.679 2.178a8.195 8.195 0 0 0 2.357-5.75c0-.214.143-.357.357-.357s.357.143.357.357c0 2.858-1.321 5.465-3.571 7.215a.507.507 0 0 1-.215.071.325.325 0 0 1-.285-.143.384.384 0 0 1 .071-.5c.143-.107.286-.25.429-.357-.965-1.071-.893-1.964-.857-2.714.071-.822.107-1.393-1.108-2.179A2.608 2.608 0 0 1 13.411 12c.035-1 .607-1.893 1.393-2.286.25-.143.5-.143.785-.107v-3.5a8.18 8.18 0 0 0-4.285-1.214c-.5 0-.965.071-1.429.143.429.821 1.107 2.321.786 3.25-.25.75-1.215 2.107-3.072 2-.178-.036-.357 0-.464 0 .214.107.607.25 1.286.464 0 0 1 .25 1.607 1.357a1.271 1.271 0 0 0 1.643.536c.321-.179.714-.143 1.035.036.322.178.572.535.608.892.107.822-.072 2.393-1.536 3.072-.607.286-.714.607-.822 1.071-.107.393-.214.822-.642 1.215-.215.214-.536.321-.858.321-.178 0-.392-.036-.607-.107-1-.322-2.25-1.464-2.643-3.179a5.356 5.356 0 0 1-.142-1.321c0-.393-.322-1.857-.893-2.286-.143-.107-.286-.143-.465-.071-.607.214-.928.107-1.535-.25a9.436 9.436 0 0 0-.072 1.035 8.215 8.215 0 0 0 8.215 8.215c.357 0 .75-.036 1.142-.072.179 0 .358.143.393.322a.419.419 0 0 1-.321.393c-.393.035-.822.071-1.214.071-4.929 0-8.929-4-8.929-8.929 0-4.928 4-8.928 8.929-8.928 1.5 0 2.964.393 4.285 1.107V3.786c0-1 .786-1.786 1.786-1.786h2.5ZM9.982 8c.214-.607-.321-1.893-.821-2.821-2.929.785-5.179 3.142-5.857 6.107.714.428.857.428 1.214.321.393-.107.786-.071 1.107.179.857.643 1.179 2.464 1.179 2.857 0 .428.035.786.107 1.143.285 1.393 1.321 2.357 2.143 2.643.178.035.571.142.785-.072.25-.25.357-.536.429-.857.143-.5.286-1.107 1.214-1.536 1.357-.643 1.143-2.285 1.143-2.357-.036-.143-.107-.286-.25-.357a.383.383 0 0 0-.393-.036c-.964.429-2.071.072-2.571-.821-.429-.786-1.179-1-1.179-1-1.571-.5-2.071-.822-2.036-1.286.036-.571.929-.643 1.429-.607A2.353 2.353 0 0 0 9.982 8Zm7.393-5.286c-.607 0-1.071.465-1.071 1.072h4.642c0-.607-.464-1.072-1.071-1.072h-2.5ZM16.304 4.5v4.643h4.642V4.5h-4.642Zm3.571 6.429c.607 0 1.071-.465 1.071-1.072h-4.642c0 .607.464 1.072 1.071 1.072h2.5Z"
+                d: "M19.875 2c1 0 1.786.786 1.75 1.786v6.071c0 1-.786 1.786-1.786 1.786h-2.5c-.821 0-1.5-.572-1.714-1.322q-.321-.106-.536 0c-.571.286-.964.965-1 1.679 0 .429.072 1.25.965 1.821 1.535 1.036 1.5 1.965 1.428 2.822-.036.678-.071 1.357.679 2.178a8.2 8.2 0 0 0 2.357-5.75c0-.214.143-.357.357-.357s.357.143.357.357c0 2.858-1.321 5.465-3.571 7.215a.5.5 0 0 1-.215.071.33.33 0 0 1-.285-.143.384.384 0 0 1 .071-.5c.143-.107.286-.25.429-.357-.965-1.071-.893-1.964-.857-2.714.071-.822.107-1.393-1.108-2.179A2.61 2.61 0 0 1 13.411 12c.035-1 .607-1.893 1.393-2.286.25-.143.5-.143.785-.107v-3.5a8.2 8.2 0 0 0-4.285-1.214c-.5 0-.965.071-1.429.143.429.821 1.107 2.321.786 3.25-.25.75-1.215 2.107-3.072 2-.178-.036-.357 0-.464 0 .214.107.607.25 1.286.464 0 0 1 .25 1.607 1.357a1.27 1.27 0 0 0 1.643.536c.321-.179.714-.143 1.035.036.322.178.572.535.608.892.107.822-.072 2.393-1.536 3.072-.607.286-.714.607-.822 1.071-.107.393-.214.822-.642 1.215-.215.214-.536.321-.858.321-.178 0-.392-.036-.607-.107-1-.322-2.25-1.464-2.643-3.179a5.4 5.4 0 0 1-.142-1.321c0-.393-.322-1.857-.893-2.286-.143-.107-.286-.143-.465-.071-.607.214-.928.107-1.535-.25a9 9 0 0 0-.072 1.035 8.215 8.215 0 0 0 8.215 8.215c.357 0 .75-.036 1.142-.072.179 0 .358.143.393.322a.42.42 0 0 1-.321.393c-.393.035-.822.071-1.214.071-4.929 0-8.929-4-8.929-8.929 0-4.928 4-8.928 8.929-8.928 1.5 0 2.964.393 4.285 1.107V3.786c0-1 .786-1.786 1.786-1.786zM9.982 8c.214-.607-.321-1.893-.821-2.821-2.929.785-5.179 3.142-5.857 6.107.714.428.857.428 1.214.321.393-.107.786-.071 1.107.179.857.643 1.179 2.464 1.179 2.857 0 .428.035.786.107 1.143.285 1.393 1.321 2.357 2.143 2.643.178.035.571.142.785-.072.25-.25.357-.536.429-.857.143-.5.286-1.107 1.214-1.536 1.357-.643 1.143-2.285 1.143-2.357-.036-.143-.107-.286-.25-.357a.38.38 0 0 0-.393-.036c-.964.429-2.071.072-2.571-.821-.429-.786-1.179-1-1.179-1-1.571-.5-2.071-.822-2.036-1.286.036-.571.929-.643 1.429-.607A2.35 2.35 0 0 0 9.982 8m7.393-5.286c-.607 0-1.071.465-1.071 1.072h4.642c0-.607-.464-1.072-1.071-1.072zM16.304 4.5v4.643h4.642V4.5zm3.571 6.429c.607 0 1.071-.465 1.071-1.072h-4.642c0 .607.464 1.072 1.071 1.072z"
             })
         ]
     }));
-}, d = l;
+}, d = n;
 export { d as default };

package/dist-es/generated/mistica-icons/icon-world-device-regular.js

@@ -79,14 +79,14 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsx as r } from "react/jsx-runtime";
-import { useIsInverseVariant as s } from "../../theme-variant-context.js";
+import { useIsInverseVariant as t } from "../../theme-variant-context.js";
 import { vars as o } from "../../skins/skin-contract.css-mistica.js";
-const h = (_param)=>{
+const i = (_param)=>{
     var { color: e, size: c = 24 } = _param, a = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const l = s(), t = e !== null && e !== void 0 ? e : l ? o.colors.inverse : o.colors.neutralHigh;
+    const s = t(), l = e !== null && e !== void 0 ? e : s ? o.colors.inverse : o.colors.neutralHigh;
     return /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
         width: c,
         height: c,
@@ -94,9 +94,9 @@ const h = (_param)=>{
         role: "presentation"
     }, a), {
         children: /* @__PURE__ */ r("path", {
-            fill: t,
-            d: "M20.212 2h-3.214c-.786 0-1.429.643-1.429 1.429V5.25a8.8 8.8 0 0 0-4.285-1.107c-4.929 0-8.929 4-8.929 8.928 0 4.929 4 8.929 8.929 8.929 4.928 0 8.928-4 8.928-8.929 0-.5-.036-.964-.107-1.428h.107c.786 0 1.429-.643 1.429-1.429V3.43c0-.786-.643-1.429-1.429-1.429Zm.357 3.036v3.571h-3.928V5.036h3.928ZM16.998 3.07h3.214c.179 0 .357.179.357.358v.535h-3.928V3.43c0-.179.178-.358.357-.358ZM8.962 5.93c.393.892.607 1.642.464 2 0 0-.5 1.464-2.178 1.357-1.357-.072-1.572.464-1.607.785-.036.572.464.929 2.143 1.465.035 0 .678.178 1.071.928a2.183 2.183 0 0 0 2.786.929.304.304 0 0 1 .25 0c.071.036.143.143.143.214 0 .072.214 1.607-1.036 2.143-1 .464-1.179 1.143-1.322 1.679-.071.321-.142.571-.392.75-.179.142-.5.071-.608.035-.785-.25-1.75-1.214-2.035-2.5a5.294 5.294 0 0 1-.107-1.107c0-.428-.322-2.286-1.25-3-.393-.286-.822-.357-1.25-.214l-.108.036a7.674 7.674 0 0 1 5.036-5.5Zm2.322 14.642a7.5 7.5 0 0 1-7.5-7.5c0-.178 0-.321.035-.5.143 0 .286-.035.465-.107l.107-.035c.107-.036.178-.036.285.035.5.393.822 1.822.822 2.143 0 .5.036.929.143 1.357.393 1.786 1.714 2.965 2.75 3.286.25.071.464.107.678.107.393 0 .715-.107.965-.357.464-.429.607-.893.714-1.286.107-.464.178-.714.714-.964 1.536-.714 1.75-2.393 1.643-3.286-.071-.428-.321-.821-.679-1a1.326 1.326 0 0 0-1.214-.035 1.046 1.046 0 0 1-1.393-.465c-.571-1.071-1.535-1.393-1.714-1.428-.179-.036-.321-.107-.429-.143 1.679-.107 2.572-1.393 2.822-2.107.25-.715-.072-1.75-.429-2.607a7.08 7.08 0 0 1 1.25-.108c1.607 0 3.072.5 4.286 1.358v2.464c-.286-.036-.571 0-.857.107-.857.429-1.429 1.393-1.5 2.429-.072 1.071.428 2.035 1.357 2.642 1.107.715 1.071 1.215 1.036 2-.036.643-.107 1.393.464 2.25-1.357 1.108-3 1.75-4.821 1.75Zm7.5-7.5c0 1.929-.75 3.679-1.929 5-.25-.5-.214-.928-.179-1.428.072-.893.143-1.893-1.535-2.964-.822-.536-.893-1.286-.857-1.679.035-.679.392-1.286.892-1.536.072-.035.25-.035.393 0 .143.643.715 1.143 1.393 1.143h1.643c.143.5.179.964.179 1.464Zm1.428-2.5h-3.214a.384.384 0 0 1-.357-.357V9.68h3.928v.535a.384.384 0 0 1-.357.357Z"
+            fill: l,
+            d: "M20.212 2h-3.214c-.786 0-1.429.643-1.429 1.429V5.25a8.8 8.8 0 0 0-4.285-1.107c-4.929 0-8.929 4-8.929 8.928S6.355 22 11.284 22c4.928 0 8.928-4 8.928-8.929 0-.5-.036-.964-.107-1.428h.107c.786 0 1.429-.643 1.429-1.429V3.43c0-.786-.643-1.429-1.429-1.429m.357 3.036v3.571h-3.928V5.036zM16.998 3.07h3.214c.179 0 .357.179.357.358v.535h-3.928V3.43c0-.179.178-.358.357-.358M8.962 5.93c.393.892.607 1.642.464 2 0 0-.5 1.464-2.178 1.357-1.357-.072-1.572.464-1.607.785-.036.572.464.929 2.143 1.465.035 0 .678.178 1.071.928a2.183 2.183 0 0 0 2.786.929.3.3 0 0 1 .25 0c.071.036.143.143.143.214s.214 1.607-1.036 2.143c-1 .464-1.179 1.143-1.322 1.679-.071.321-.142.571-.392.75-.179.142-.5.071-.608.035-.785-.25-1.75-1.214-2.035-2.5a5.3 5.3 0 0 1-.107-1.107c0-.428-.322-2.286-1.25-3-.393-.286-.822-.357-1.25-.214l-.108.036a7.67 7.67 0 0 1 5.036-5.5m2.322 14.642a7.5 7.5 0 0 1-7.5-7.5c0-.178 0-.321.035-.5.143 0 .286-.035.465-.107l.107-.035c.107-.036.178-.036.285.035.5.393.822 1.822.822 2.143 0 .5.036.929.143 1.357.393 1.786 1.714 2.965 2.75 3.286.25.071.464.107.678.107.393 0 .715-.107.965-.357.464-.429.607-.893.714-1.286.107-.464.178-.714.714-.964 1.536-.714 1.75-2.393 1.643-3.286-.071-.428-.321-.821-.679-1a1.33 1.33 0 0 0-1.214-.035 1.046 1.046 0 0 1-1.393-.465c-.571-1.071-1.535-1.393-1.714-1.428-.179-.036-.321-.107-.429-.143 1.679-.107 2.572-1.393 2.822-2.107s-.072-1.75-.429-2.607a7 7 0 0 1 1.25-.108c1.607 0 3.072.5 4.286 1.358v2.464q-.428-.054-.857.107c-.857.429-1.429 1.393-1.5 2.429-.072 1.071.428 2.035 1.357 2.642 1.107.715 1.071 1.215 1.036 2-.036.643-.107 1.393.464 2.25-1.357 1.108-3 1.75-4.821 1.75m7.5-7.5c0 1.929-.75 3.679-1.929 5-.25-.5-.214-.928-.179-1.428.072-.893.143-1.893-1.535-2.964-.822-.536-.893-1.286-.857-1.679.035-.679.392-1.286.892-1.536.072-.035.25-.035.393 0 .143.643.715 1.143 1.393 1.143h1.643c.143.5.179.964.179 1.464m1.428-2.5h-3.214a.384.384 0 0 1-.357-.357V9.68h3.928v.535a.384.384 0 0 1-.357.357"
         })
     }));
-}, m = h;
+}, m = i;
 export { m as default };

package/dist-es/grid.js

@@ -28,7 +28,7 @@ function _object_spread(target) {
 }
 import c from "classnames";
 import * as d from "react";
-import { grid as G, gridTemplateColumns as C, gridTemplateColumnsAutoRepeat as M, gridTemplateRows as T, gridTemplateRowsAutoRepeat as j, gridAutoFlow as v, gridJustifyItems as V, gridAlignItems as k, gridJustifyContent as E, gridAlignContent as J, fullColumns as N, spanColumns as h, fullRows as w, spanRows as D, columnStart as F, rowStart as I, justifySelf as P, alignSelf as q, vars as p } from "./grid.css-mistica.js";
+import { grid as G, gridTemplateColumns as C, gridTemplateColumnsAutoRepeat as M, gridTemplateRows as T, gridTemplateRowsAutoRepeat as j, gridAutoFlow as v, gridJustifyItems as N, gridAlignItems as V, gridJustifyContent as k, gridAlignContent as E, fullColumns as J, spanColumns as h, fullRows as w, spanRows as D, columnStart as F, rowStart as I, justifySelf as P, alignSelf as q, vars as p } from "./grid.css-mistica.js";
 import { applyCssVars as B } from "./utils/css.js";
 import { getPrefixedDataAttributes as R } from "./utils/dom.js";
 import { sprinkles as H } from "./sprinkles.css-mistica.js";
@@ -60,7 +60,7 @@ const K = (t, e)=>{
     }
     return /*#__PURE__*/ d.createElement(z, _object_spread({
         ref: x,
-        className: c(G, g, e ? typeof e == "number" ? C[e] : M : "", t ? typeof t == "number" ? T[t] : j : "", f ? v[f] : "", o ? V[o] : "", r ? k[r] : "", l ? E[l] : "", n ? J[n] : ""),
+        className: c(G, g, e ? typeof e == "number" ? C[e] : M : "", t ? typeof t == "number" ? T[t] : j : "", f ? v[f] : "", o ? N[o] : "", r ? V[r] : "", l ? k[l] : "", n ? E[n] : ""),
         style: _object_spread({
             height: u,
             minHeight: y
@@ -70,7 +70,7 @@ const K = (t, e)=>{
     let { rowStart: t, rowSpan: e, columnStart: i, columnSpan: f, span: o, justifySelf: r, alignSelf: l, children: n, as: u = "div", dataAttributes: y } = param;
     return o && (Array.isArray(o) ? (f = o[0], e = o[1]) : (f = o, e = o)), /*#__PURE__*/ d.createElement(u, _object_spread({
         ref: s,
-        className: c(f ? f === "full" ? N : h[f] : "", e ? e === "full" ? w : D[e] : "", i ? F[i] : "", t ? I[t] : "", r ? P[r] : "", l ? q[l] : "")
+        className: c(f ? f === "full" ? J : h[f] : "", e ? e === "full" ? w : D[e] : "", i ? F[i] : "", t ? I[t] : "", r ? P[r] : "", l ? q[l] : "")
     }, R(y)), n);
 });
 export { Y as Grid, Z as GridItem };

package/dist-es/hero.js

@@ -87,15 +87,15 @@ import O from "./grid-layout.js";
 import s from "./box.js";
 import x from "./stack.js";
 import j from "./button-group.js";
-import { vars as n } from "./skins/skin-contract.css-mistica.js";
+import { vars as t } from "./skins/skin-contract.css-mistica.js";
 import { container as u, containerMobile as G, containerDesktop as b, layout as L, actions as $, vars as B } from "./hero.css-mistica.js";
-import { vars as S } from "./image.css-mistica.js";
+import { vars as N } from "./image.css-mistica.js";
 import { useIsInsideSlideshowContext as A } from "./carousel.js";
-import { getPrefixedDataAttributes as C } from "./utils/dom.js";
+import { getPrefixedDataAttributes as S } from "./utils/dom.js";
 import { sprinkles as k } from "./sprinkles.css-mistica.js";
 import { ThemeVariant as V } from "./theme-variant-context.js";
 import { applyCssVars as p } from "./utils/css.js";
-const N = (param)=>{
+const C = (param)=>{
     let { children: e, isInverse: o } = param;
     return /* @__PURE__ */ r(V, {
         isInverse: o,
@@ -105,7 +105,7 @@ const N = (param)=>{
         })
     });
 }, g = (param)=>{
-    let { headline: e, title: o, pretitle: a, description: t, descriptionLinesMax: d, extra: i, button: l, secondaryButton: f, buttonLink: m } = param;
+    let { headline: e, title: o, pretitle: a, description: n, descriptionLinesMax: d, extra: i, button: l, secondaryButton: f, buttonLink: m } = param;
     return /* @__PURE__ */ c("section", {
         className: k({
             height: "100%",
@@ -134,12 +134,12 @@ const N = (param)=>{
                                     })
                                 ]
                             }),
-                            t && /* @__PURE__ */ r(y, {
+                            n && /* @__PURE__ */ r(y, {
                                 as: "p",
                                 regular: !0,
-                                color: n.colors.textSecondary,
+                                color: t.colors.textSecondary,
                                 truncate: d,
-                                children: t
+                                children: n
                             })
                         ]
                     }),
@@ -159,12 +159,12 @@ const N = (param)=>{
         ]
     });
 }, R = {
-    default: n.colors.background,
-    alternative: n.colors.backgroundAlternative,
-    brand: n.colors.backgroundBrand,
-    "brand-secondary": n.colors.backgroundBrandSecondary
+    default: t.colors.background,
+    alternative: t.colors.backgroundAlternative,
+    brand: t.colors.backgroundBrand,
+    "brand-secondary": t.colors.backgroundBrandSecondary
 }, Y = /*#__PURE__*/ I.forwardRef((_param, l)=>{
-    var { height: e, background: o = "default", media: a, desktopMediaPosition: t = "left", dataAttributes: d } = _param, i = _object_without_properties(_param, [
+    var { height: e, background: o = "default", media: a, desktopMediaPosition: n = "left", dataAttributes: d } = _param, i = _object_without_properties(_param, [
         "height",
         "background",
         "media",
@@ -174,9 +174,9 @@ const N = (param)=>{
     const { isTabletOrSmaller: f } = T(), m = A(), v = o === "brand" || o === "brand-secondary";
     if (f) return /* @__PURE__ */ r("div", {
         style: p({
-            [S.mediaBorderRadius]: "0px"
+            [N.mediaBorderRadius]: "0px"
         }),
-        children: /* @__PURE__ */ c("div", _object_spread_props(_object_spread({}, C(_object_spread({
+        children: /* @__PURE__ */ c("div", _object_spread_props(_object_spread({}, S(_object_spread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -190,7 +190,7 @@ const N = (param)=>{
             className: h(u, G),
             children: [
                 a,
-                /* @__PURE__ */ r(N, {
+                /* @__PURE__ */ r(C, {
                     isInverse: v,
                     children: /* @__PURE__ */ r(s, {
                         paddingTop: 24,
@@ -201,18 +201,18 @@ const N = (param)=>{
             ]
         }))
     });
-    const H = t === "left" ? a : /* @__PURE__ */ r(s, {
+    const H = n === "left" ? a : /* @__PURE__ */ r(s, {
         paddingRight: 24,
         children: /* @__PURE__ */ r(g, _object_spread({}, i))
-    }), w = t === "right" ? a : /* @__PURE__ */ r(s, {
+    }), w = n === "right" ? a : /* @__PURE__ */ r(s, {
         paddingLeft: 24,
         children: /* @__PURE__ */ r(g, _object_spread({}, i))
     });
     return /* @__PURE__ */ r("div", {
         style: p({
-            [S.mediaBorderRadius]: n.borderRadii.container
+            [N.mediaBorderRadius]: t.borderRadii.container
         }),
-        children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({}, C(_object_spread({
+        children: /* @__PURE__ */ r("div", _object_spread_props(_object_spread({}, S(_object_spread({
             "component-name": "Hero"
         }, d))), {
             ref: l,
@@ -228,7 +228,7 @@ const N = (param)=>{
                 display: "flex",
                 alignItems: "center"
             }),
-            children: /* @__PURE__ */ r(N, {
+            children: /* @__PURE__ */ r(C, {
                 isInverse: v,
                 children: /* @__PURE__ */ r(O, {
                     template: "6+6",

package/dist-es/highlighted-card.js

@@ -78,59 +78,61 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { jsxs as l, jsx as i, Fragment as v } from "react/jsx-runtime";
 import * as h from "react";
-import { useIsInverseVariant as v } from "./theme-variant-context.js";
-import w from "./box.js";
-import { BaseTouchable as s } from "./touchable.js";
+import { useIsInverseVariant as g } from "./theme-variant-context.js";
+import w from "./stack.js";
+import { BaseTouchable as c } from "./touchable.js";
 import { Text as x, Text2 as k } from "./text.js";
-import { Boxed as C } from "./boxed.js";
-import I, { useIsDismissable as T } from "./maybe-dismissable.js";
-import { container as H, textContainerVariant as P, imageContent as y, touchableContainer as m } from "./highlighted-card.css-mistica.js";
+import { Boxed as I } from "./boxed.js";
+import C, { useIsDismissable as H } from "./maybe-dismissable.js";
+import { container as P, textContainerVariant as T, imageContent as y, touchableContainer as m } from "./highlighted-card.css-mistica.js";
 import { vars as E } from "./skins/skin-contract.css-mistica.js";
 import { useTheme as N } from "./hooks.js";
-const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
+const O = /*#__PURE__*/ h.forwardRef((e, t)=>{
     var _e_isInverse;
-    const { title: r, description: a, imageUrl: o, imageFit: l } = e, g = v(), u = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : g, d = T(), { textPresets: f } = N(), n = /* @__PURE__ */ c(C, {
-        ref: i,
-        isInverse: u,
-        className: H,
+    const { title: s, description: n, imageUrl: a, imageFit: r } = e, u = g(), f = (_e_isInverse = e.isInverse) !== null && _e_isInverse !== void 0 ? _e_isInverse : u, d = H(), { textPresets: b } = N(), o = /* @__PURE__ */ l(I, {
+        ref: t,
+        isInverse: f,
+        className: P,
         dataAttributes: _object_spread({
             "component-name": "HighlightedCard"
         }, e.dataAttributes),
         width: e.width ? `${e.width}px` : "100%",
         minHeight: "100%",
         children: [
-            /* @__PURE__ */ c("div", {
+            /* @__PURE__ */ l("div", {
                 role: d ? void 0 : "region",
-                className: P[o ? "withImage" : "withoutImage"],
+                className: T[a ? "withImage" : "withoutImage"],
                 "aria-label": d ? void 0 : e["aria-label"],
                 children: [
-                    /* @__PURE__ */ t(x, {
-                        mobileSize: 18,
-                        mobileLineHeight: "24px",
-                        desktopSize: 20,
-                        desktopLineHeight: "28px",
-                        truncate: e.titleLinesMax,
-                        weight: f.cardTitle.weight,
-                        as: "h3",
-                        hyphens: "auto",
-                        children: r
-                    }),
-                    /* @__PURE__ */ t(w, {
-                        paddingTop: 8,
-                        children: /* @__PURE__ */ t(k, {
-                            regular: !0,
-                            color: E.colors.textSecondary,
-                            truncate: e.descriptionLinesMax,
-                            as: "p",
-                            hyphens: "auto",
-                            children: a
-                        })
+                    /* @__PURE__ */ l(w, {
+                        space: 8,
+                        children: [
+                            !!s && /* @__PURE__ */ i(x, {
+                                mobileSize: 18,
+                                mobileLineHeight: "24px",
+                                desktopSize: 20,
+                                desktopLineHeight: "28px",
+                                truncate: e.titleLinesMax,
+                                weight: b.cardTitle.weight,
+                                as: "h3",
+                                hyphens: "auto",
+                                children: s
+                            }),
+                            !!n && /* @__PURE__ */ i(k, {
+                                regular: !0,
+                                color: E.colors.textSecondary,
+                                truncate: e.descriptionLinesMax,
+                                as: "p",
+                                hyphens: "auto",
+                                children: n
+                            })
+                        ]
                     }),
-                    e.button && /* @__PURE__ */ c(b, {
+                    e.button && /* @__PURE__ */ l(v, {
                         children: [
-                            /* @__PURE__ */ t("div", {
+                            /* @__PURE__ */ i("div", {
                                 style: {
                                     minHeight: 16,
                                     flexGrow: 1
@@ -141,48 +143,51 @@ const L = /*#__PURE__*/ h.forwardRef((e, i)=>{
                     })
                 ]
             }),
-            o && /* @__PURE__ */ t("div", {
+            a && /* @__PURE__ */ i("div", {
                 className: y,
                 style: {
-                    backgroundImage: `url(${o})`,
+                    backgroundImage: `url(${a})`,
                     backgroundRepeat: "no-repeat",
-                    backgroundSize: l === "fit" ? "contain" : "cover",
-                    backgroundPosition: l === "fit" ? "bottom right" : `center ${l === "fill-center" ? "center" : "right"}`
+                    backgroundSize: r === "fit" ? "contain" : "cover",
+                    backgroundPosition: r === "fit" ? "bottom right" : `center ${r === "fill-center" ? "center" : "right"}`
                 }
             })
         ]
     });
-    return e.button ? n : e.onPress ? /* @__PURE__ */ t(s, {
+    return e.button ? o : e.onPress ? /* @__PURE__ */ i(c, {
         onPress: e.onPress,
         trackingEvent: e.trackingEvent,
         className: m,
-        children: n
-    }) : e.to ? /* @__PURE__ */ t(s, {
+        children: o
+    }) : e.to ? /* @__PURE__ */ i(c, {
         to: e.to,
         trackingEvent: e.trackingEvent,
         fullPageOnWebView: e.fullPageOnWebView,
         className: m,
-        children: n
-    }) : e.href ? /* @__PURE__ */ t(s, {
+        children: o
+    }) : e.href ? /* @__PURE__ */ i(c, {
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
         className: m,
-        children: n
-    }) : n;
-}), R = /*#__PURE__*/ h.forwardRef((_param, r)=>{
-    var { "aria-label": e } = _param, i = _object_without_properties(_param, [
+        children: o
+    }) : o;
+}), S = /*#__PURE__*/ h.forwardRef((_param, s)=>{
+    var { "aria-label": e } = _param, t = _object_without_properties(_param, [
         "aria-label"
     ]);
-    const a = e !== null && e !== void 0 ? e : i.title;
-    return /* @__PURE__ */ t(I, {
-        onClose: i.onClose,
-        "aria-label": a,
-        width: i.width,
-        children: /* @__PURE__ */ t(L, _object_spread_props(_object_spread({}, i), {
-            "aria-label": a,
-            ref: r
+    var _t_isInverse;
+    const n = e || t.title || t.description, a = g(), r = (_t_isInverse = t.isInverse) !== null && _t_isInverse !== void 0 ? _t_isInverse : a;
+    return /* @__PURE__ */ i(C, {
+        onClose: t.onClose,
+        "aria-label": n,
+        width: t.width,
+        isOverMedia: !!t.imageUrl,
+        isInverse: r,
+        children: /* @__PURE__ */ i(O, _object_spread_props(_object_spread({}, t), {
+            "aria-label": n,
+            ref: s
         }))
     });
-}), F = R;
+}), F = S;
 export { F as default };

package/dist-es/horizontal-scroll.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import t from "classnames";
 import * as s from "react";
 import { scroll as c, noScrollbar as m } from "./horizontal-scroll.css-mistica.js";
-const n = /*#__PURE__*/ s.forwardRef((param, l)=>{
+const e = /*#__PURE__*/ s.forwardRef((param, l)=>{
     let { children: o, noScrollbar: r } = param;
     return /* @__PURE__ */ a("div", {
         className: t(c, {
@@ -11,5 +11,5 @@ const n = /*#__PURE__*/ s.forwardRef((param, l)=>{
         ref: l,
         children: o
     });
-}), p = n;
+}), p = e;
 export { p as default };

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

@@ -1,18 +1,18 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./icon-button.css.ts.vanilla.css-mistica.js";
-var n = {
-    default: "yqt1oe14",
-    small: "yqt1oe15"
-}, a = {
+var a = {
     default: "yqt1oe16",
     small: "yqt1oe17"
-}, r = {
+}, n = {
     default: "yqt1oe18",
     small: "yqt1oe19"
+}, r = {
+    default: "yqt1oe1a",
+    small: "yqt1oe1b"
 }, o = {
     default: "yqt1oe12 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr",
     small: "yqt1oe13 _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfj0 _1y2v1nf6a _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr"
-}, y = "yqt1oe1k _1y2v1nfgm", v = "yqt1oey", l = "yqt1oe1g _1y2v1nfgc _1y2v1nfgj", f = {
+}, y = "yqt1oe1m _1y2v1nfgm", v = "yqt1oey", l = "yqt1oe1i _1y2v1nfgc _1y2v1nfgj", f = {
     "brand-solid-default": "yqt1oe4",
     "brand-solid-inverse": "yqt1oe5",
     "brand-solid-alternative": "yqt1oe6",
@@ -44,10 +44,16 @@ var n = {
     "neutral-media": "yqt1oew",
     "danger-media": "yqt1oex"
 }, d = {
-    default: "yqt1oe1c yqt1oe1b _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc",
-    small: "yqt1oe1d yqt1oe1b _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc"
+    default: "yqt1oe1e yqt1oe1d _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc",
+    small: "yqt1oe1f yqt1oe1d _1y2v1nfj1 _1y2v1nfgi _1y2v1nfgx _1y2v1nfgr _1y2v1nfjj _1y2v1nfgc"
 }, i = {
+    default: "calc(1.5rem + 24px)",
+    small: "calc(1.25rem + 12px)"
+}, q = {
     default: "1.5rem",
     small: "1.25rem"
-}, q = "yqt1oez", s = "yqt1oe1e", _ = "yqt1oe10", g = "yqt1oe1i _1y2v1nfgd";
-export { n as bleedLeft, a as bleedRight, r as bleedY, o as buttonContainer, y as deprecatedIconButtonBase, v as disabled, l as icon, f as iconButtonTokens, d as iconContainer, i as iconSize, q as isLoading, s as overlay, _ as overlayContainer, g as spinner };
+}, s = {
+    default: "yqt1oe14",
+    small: "yqt1oe15"
+}, _ = "yqt1oez", g = "yqt1oe1g", u = "yqt1oe10", m = "yqt1oe1k _1y2v1nfgd";
+export { a as bleedLeft, n as bleedRight, r as bleedY, o as buttonContainer, y as deprecatedIconButtonBase, v as disabled, l as icon, f as iconButtonTokens, d as iconContainer, i as iconContainerSize, q as iconSize, s as interactiveAreaBleed, _ as isLoading, g as overlay, u as overlayContainer, m as spinner };