@telefonica/mistica 15.16.4 → 15.18.0

package/css/roboto.css

@@ -5,7 +5,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
@@ -14,7 +16,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
@@ -23,7 +27,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
@@ -40,7 +46,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
@@ -50,7 +58,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
@@ -60,7 +70,9 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
-    src: local('Roboto Italic'), local('Roboto-Italic'),
+    src:
+        local('Roboto Italic'),
+        local('Roboto-Italic'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -70,7 +82,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
@@ -79,7 +93,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
@@ -88,7 +104,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
@@ -97,7 +115,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
@@ -106,7 +126,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
@@ -116,7 +138,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
@@ -126,7 +150,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
-    src: local('Roboto Light'), local('Roboto-Light'),
+    src:
+        local('Roboto Light'),
+        local('Roboto-Light'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -136,7 +162,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
@@ -145,7 +173,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
@@ -154,7 +184,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
@@ -163,7 +195,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
@@ -172,7 +206,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
@@ -182,7 +218,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
@@ -192,7 +230,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
-    src: local('Roboto'), local('Roboto-Regular'),
+    src:
+        local('Roboto'),
+        local('Roboto-Regular'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -202,7 +242,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
@@ -211,7 +253,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
@@ -220,7 +264,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
@@ -229,7 +275,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
@@ -238,7 +286,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
@@ -248,7 +298,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
@@ -258,7 +310,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
-    src: local('Roboto Medium'), local('Roboto-Medium'),
+    src:
+        local('Roboto Medium'),
+        local('Roboto-Medium'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -268,7 +322,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
     unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
@@ -277,7 +333,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
     unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
@@ -286,7 +344,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
     unicode-range: U+1F00-1FFF;
 }
@@ -295,7 +355,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
     unicode-range: U+0370-03FF;
 }
@@ -304,7 +366,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
     unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
         U+20AB;
@@ -314,7 +378,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
         U+A720-A7FF;
@@ -324,7 +390,9 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 700;
-    src: local('Roboto Bold'), local('Roboto-Bold'),
+    src:
+        local('Roboto Bold'),
+        local('Roboto-Bold'),
         url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
         U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

package/dist/box.d.ts

@@ -17,6 +17,7 @@ type Props = {
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
     'aria-hidden'?: React.HTMLAttributes<HTMLAnchorElement>['aria-hidden'];
+    id?: string;
 };
 declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default Box;

package/dist/box.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return q;
+        return w;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -111,9 +111,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
-    let { className: i, children: f, width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: x, dataAttributes: y, "aria-label": j, "aria-hidden": u } = param;
-    const k = {
+const D = /*#__PURE__*/ _react.forwardRef((param, k)=>{
+    let { className: i, children: f, width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: x, id: y, dataAttributes: j, "aria-label": u, "aria-hidden": S } = param;
+    const n = {
         paddingTop: e,
         paddingBottom: o,
         paddingLeft: r,
@@ -121,7 +121,7 @@ const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
     };
     let c = {}, s = "";
     try {
-        s = (0, _sprinklescssmistica.sprinkles)(k);
+        s = (0, _sprinklescssmistica.sprinkles)(n);
     } catch (e1) {
         c = {
             paddingTop: typeof e == "object" ? e.mobile : e,
@@ -130,16 +130,17 @@ const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
             paddingRight: typeof t == "object" ? t.mobile : t
         };
     }
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(y)), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(j)), {
         role: x,
-        "aria-label": j,
-        "aria-hidden": u,
-        ref: S,
+        "aria-label": u,
+        "aria-hidden": S,
+        ref: k,
         className: (0, _classnames.default)(i, s),
         style: _object_spread({}, l !== void 0 ? {
             width: l,
             boxSizing: "border-box"
         } : {}, s ? {} : c),
+        id: y,
         children: f
     }));
-}), q = C;
+}), w = D;

package/dist/callout.d.ts

@@ -6,6 +6,7 @@ type Props = {
     titleAs?: HeadingType;
     description: string;
     onClose?: () => void;
+    closeButtonLabel?: string;
     icon?: React.ReactElement;
     button?: RendersNullableElement<typeof ButtonPrimary>;
     secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;

package/dist/callout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return rr;
+        return er;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -83,23 +83,23 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const D = (param)=>{
-    let { title: a, titleAs: c = "h2", description: d, icon: i, onClose: t, button: l, secondaryButton: s, buttonLink: n, "aria-label": p, dataAttributes: u, role: f } = param;
-    const h = (0, _themevariantcontext.useThemeVariant)(), { texts: g } = (0, _hooks.useTheme)();
+const G = (param)=>{
+    let { title: a, titleAs: c = "h2", description: d, icon: i, onClose: t, closeButtonLabel: p, button: l, secondaryButton: s, buttonLink: n, "aria-label": u, dataAttributes: f, role: h } = param;
+    const g = (0, _themevariantcontext.useThemeVariant)(), { texts: b } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", _object_spread_props(_object_spread({
         className: (0, _classnames.default)(_calloutcssmistica.container, (0, _sprinklescssmistica.sprinkles)({
             background: {
                 inverse: _skincontractcssmistica.vars.colors.backgroundContainer,
                 alternative: _skincontractcssmistica.vars.colors.backgroundContainer,
                 default: _skincontractcssmistica.vars.colors.backgroundContainerAlternative
-            }[h]
+            }[g]
         })),
         style: (0, _css.applyCssVars)({
             [_imagecssmistica.vars.mediaBorderRadius]: _skincontractcssmistica.vars.borderRadii.mediaSmall
         }),
-        "aria-label": p !== null && p !== void 0 ? p : a,
-        role: f
-    }, (0, _dom.getPrefixedDataAttributes)(u, "Callout")), {
+        "aria-label": u !== null && u !== void 0 ? u : a,
+        role: h
+    }, (0, _dom.getPrefixedDataAttributes)(f, "Callout")), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
             isInverse: !1,
             children: [
@@ -156,7 +156,7 @@ const D = (param)=>{
                                 bleedRight: !0,
                                 Icon: _iconcloseregular.default,
                                 onPress: t,
-                                "aria-label": g.closeButtonLabel
+                                "aria-label": p !== null && p !== void 0 ? p : b.closeButtonLabel
                             })
                         })
                     ]
@@ -164,4 +164,4 @@ const D = (param)=>{
             ]
         })
     }));
-}, rr = D;
+}, er = G;

package/dist/card.d.ts

@@ -37,11 +37,12 @@ export type CardAction = {
 type CardActionsGroupProps = {
     actions?: ReadonlyArray<CardAction | React.ReactElement>;
     onClose?: () => void;
+    closeButtonLabel?: string;
     padding?: number;
     type?: 'default' | 'inverse' | 'media';
 };
 export declare const CardActionIconButton: (props: CardAction) => JSX.Element;
-export declare const CardActionsGroup: ({ actions, padding, onClose, type, }: CardActionsGroupProps) => JSX.Element;
+export declare const CardActionsGroup: ({ actions, padding, onClose, type, closeButtonLabel, }: CardActionsGroupProps) => JSX.Element;
 export type AspectRatio = '1:1' | '16:9' | '7:10' | '9:10' | 'auto';
 export declare const CardActionSpinner: ({ color }: IconProps) => React.ReactElement;
 export declare const useVideoWithControls: (videoSrc?: VideoSource, poster?: string, videoRef?: React.RefObject<VideoElement>) => {
@@ -86,6 +87,7 @@ interface MediaCardBaseProps {
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
     onClose?: () => void;
+    closeButtonLabel?: string;
 }
 type MediaCardProps = MediaCardBaseProps & ExclusifyUnion<TouchableProps | {
     button?: RendersNullableElement<typeof ButtonPrimary>;
@@ -130,6 +132,7 @@ interface DataCardBaseProps {
     dataAttributes?: DataAttributes;
     'aria-label'?: string;
     onClose?: () => void;
+    closeButtonLabel?: string;
 }
 type DataCardProps = DataCardBaseProps & ExclusifyUnion<TouchableProps | {
     button?: RendersNullableElement<typeof ButtonPrimary>;
@@ -161,6 +164,7 @@ interface CommonDisplayCardProps {
     icon?: React.ReactElement;
     actions?: ReadonlyArray<CardAction | React.ReactElement>;
     onClose?: () => void;
+    closeButtonLabel?: string;
     dataAttributes?: DataAttributes;
     headline?: React.ReactComponentElement<typeof Tag>;
     pretitle?: string;
@@ -210,6 +214,7 @@ interface PosterCardBaseProps {
     icon?: React.ReactElement;
     actions?: ReadonlyArray<CardAction | React.ReactElement>;
     onClose?: () => void;
+    closeButtonLabel?: string;
     dataAttributes?: DataAttributes;
     headline?: string | RendersNullableElement<typeof Tag>;
     pretitle?: string;