@telefonica/mistica 17.4.0 → 17.5.0

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,22 +135,38 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: d, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(d !== null && d !== void 0 ? d : m), { skinName: l } = (0, _hooks.useTheme)(), n = l.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const r = (0, _themevariantcontext.useThemeVariant)(), v = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : v), { skinName: a } = (0, _hooks.useTheme)(), n = a.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, o), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M13.744 5.244a.5.5 0 1 1 0 1h-3.5a.5.5 0 0 1 0-1z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M14.463 1.999a3.75 3.75 0 0 1 3.75 3.75v12.503a3.75 3.75 0 0 1-3.75 3.75H9.537a3.75 3.75 0 0 1-3.75-3.75V5.75a3.75 3.75 0 0 1 3.75-3.751zm-4.926 1a2.75 2.75 0 0 0-2.75 2.75v12.503a2.75 2.75 0 0 0 2.75 2.75h4.926a2.75 2.75 0 0 0 2.75-2.75V5.75A2.75 2.75 0 0 0 14.463 3z"
+            })
+        ]
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, o), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : l.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
@@ -158,11 +174,11 @@ const w = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M11.174 18.66c0-.568.328-.834.832-.834s.83.266.83.834c0 .275-.074.477-.208.614-.146.148-.359.221-.622.221s-.476-.073-.622-.221c-.134-.137-.21-.339-.21-.614"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M15.55 21.834H8.449c-1.028 0-1.77-.238-2.266-.731-.502-.496-.745-1.244-.745-2.28V5.167c0-1.008.243-1.745.742-2.249.507-.512 1.25-.762 2.269-.762h7.1c1.031 0 1.774.244 2.272.745.499.502.74 1.241.74 2.266v13.656c0 1.036-.244 1.781-.745 2.28-.496.493-1.238.731-2.266.731M8.449 2.716c-.863 0-1.474.194-1.871.594-.393.395-.583 1.003-.583 1.857v13.656c0 1.742.711 2.45 2.45 2.45h7.102c1.742 0 2.45-.708 2.45-2.45V5.167c0-.87-.187-1.484-.573-1.87-.387-.387-1-.58-1.874-.58z"
             })
         ]
@@ -174,11 +190,11 @@ const w = (_param)=>{
     }, o), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v14A2.75 2.75 0 0 1 16 21.75H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25zm-8 1.5c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
             })
         ]

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return w;
+        return A;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -135,44 +135,60 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const w = (_param)=>{
-    var { color: s, size: t = 24 } = _param, o = _object_without_properties(_param, [
+const A = (_param)=>{
+    var { color: v, size: t = 24 } = _param, r = _object_without_properties(_param, [
         "color",
         "size"
     ]);
-    const i = (0, _themevariantcontext.useThemeVariant)(), m = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: r, gradientDef: c } = (0, _icongradient.useIconGradient)(s !== null && s !== void 0 ? s : m), { skinName: n } = (0, _hooks.useTheme)(), l = n.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    const o = (0, _themevariantcontext.useThemeVariant)(), m = o === "brand" || o === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : o === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { fillValue: i, gradientDef: c } = (0, _icongradient.useIconGradient)(v !== null && v !== void 0 ? v : m), { skinName: a } = (0, _hooks.useTheme)(), l = a.match(/^vivo-evolution/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M13.752 4.992a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 1 1 0-1.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: i,
+                d: "M14.463 2.002a3.75 3.75 0 0 1 3.75 3.75v12.496a3.75 3.75 0 0 1-3.75 3.75H9.537a3.75 3.75 0 0 1-3.75-3.75l.001-12.496a3.75 3.75 0 0 1 3.75-3.75zm-4.925 1.5a2.25 2.25 0 0 0-2.25 2.25v12.496a2.25 2.25 0 0 0 2.25 2.25h4.925a2.25 2.25 0 0 0 2.25-2.25V5.752a2.25 2.25 0 0 0-2.25-2.25z"
+            })
+        ]
+    })) : a.match(/^blau/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+        width: t,
+        height: t,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M15 2H8.571A3.58 3.58 0 0 0 5 5.571V18.43A3.58 3.58 0 0 0 8.571 22H15a3.58 3.58 0 0 0 3.571-3.571V5.57A3.58 3.58 0 0 0 15 2M6.429 17.357V6.643h10.714v10.714zM8.57 3.43H15c1.071 0 1.929.785 2.107 1.785H6.464c.179-1 1.036-1.785 2.107-1.785M15 20.57H8.571c-1.071 0-1.928-.785-2.107-1.785h10.643c-.178 1-1.036 1.785-2.107 1.785"
         })
-    })) : n.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-            fill: r,
+            fill: i,
             d: "M8.784 2h6.432a3.575 3.575 0 0 1 3.568 3.572v12.856A3.58 3.58 0 0 1 15.212 22H8.784a3.58 3.58 0 0 1-3.572-3.572V5.572A3.58 3.58 0 0 1 8.784 2m-2.14 4.644V17.36H17.36V6.644zm2.14-3.216c-1.06 0-1.94.776-2.112 1.784h10.652a2.145 2.145 0 0 0-2.112-1.784zm0 17.144h6.432c1.06 0 1.94-.776 2.108-1.784H6.672a2.145 2.145 0 0 0 2.112 1.784"
         })
-    })) : n.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+    })) : a.match(/^vivo/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
         width: t,
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M11.39 19.862q.18.05.388.05c.353 0 .653-.112.85-.315q.297-.305.298-.835c0-.72-.425-1.15-1.145-1.15s-1.148.43-1.148 1.15q0 .526.298.835.184.188.46.265"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M8.396 22.32c-1.141 0-1.974-.275-2.543-.838-.575-.57-.853-1.408-.853-2.558V5.396c0-1.121.278-1.945.85-2.526C6.428 2.286 7.26 2 8.396 2h6.764c1.145 0 1.977.277 2.55.853.572.575.846 1.404.846 2.543v13.528c0 1.15-.28 1.988-.852 2.558-.573.563-1.402.838-2.544.838zm0-19.164c-1.59 0-2.24.65-2.24 2.24v13.528c0 1.633.607 2.24 2.24 2.24h6.764c1.633 0 2.24-.607 2.24-2.24V5.396c0-.818-.168-1.384-.509-1.728s-.91-.512-1.731-.512z"
             })
         ]
@@ -181,14 +197,14 @@ const w = (_param)=>{
         height: t,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, o), {
+    }, r), {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M12 16a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
-                fill: r,
+                fill: i,
                 d: "M16 2.25A2.75 2.75 0 0 1 18.75 5v14A2.75 2.75 0 0 1 16 21.75H8A2.75 2.75 0 0 1 5.25 19V5A2.75 2.75 0 0 1 8 2.25zm-8 1.5c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h8c.69 0 1.25-.56 1.25-1.25V5c0-.69-.56-1.25-1.25-1.25z"
             })
         ]

package/dist/generated/mistica-icons/icon-mobile-information-filled.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../utils/types';
+declare const IconMobileInformationFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMobileInformationFilled;

package/dist/generated/mistica-icons/icon-mobile-information-light.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../utils/types';
+declare const IconMobileInformationLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMobileInformationLight;

package/dist/generated/mistica-icons/icon-mobile-information-regular.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../../utils/types';
+declare const IconMobileInformationRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
+export default IconMobileInformationRegular;

package/dist/generated/mistica-icons/icons-keywords.js

@@ -3580,6 +3580,25 @@ const r = {
             "Nukleinsäure"
         ]
     },
+    "document-information": {
+        category: [
+            "Files"
+        ],
+        keywords: [
+            "record",
+            "dossier",
+            "archive",
+            "papel",
+            "informe",
+            "registro",
+            "registro",
+            "documento",
+            "arquivo",
+            "Bericht",
+            "Akte",
+            "Archiv"
+        ]
+    },
     "document-other": {
         category: [
             "Files"
@@ -5629,6 +5648,25 @@ const r = {
             "Internet-Pen-Laufwerk"
         ]
     },
+    "internet-roaming": {
+        category: [
+            "Telco and comms"
+        ],
+        keywords: [
+            "web browsing",
+            "online surfing",
+            "digital travel",
+            "navegación en internet",
+            "surfear en línea",
+            "viaje digital",
+            "navegação na internet",
+            "surfar online",
+            "viagem digital",
+            "Internet-Browsen",
+            "Online-Surfen",
+            "digitale Reise"
+        ]
+    },
     intranet: {
         category: [
             "Telco and comms"
@@ -6530,6 +6568,25 @@ const r = {
             "Euro-Smartphone"
         ]
     },
+    "mobile-information": {
+        category: [
+            "Home and devices"
+        ],
+        keywords: [
+            "portable data",
+            "wireless info",
+            "handheld knowledge",
+            "datos móviles",
+            "información inalámbrica",
+            "conocimiento portátil",
+            "dados móveis",
+            "informação sem fio",
+            "conhecimento portátil",
+            "mobile Daten",
+            "drahtlose Info",
+            "Handheld-Wissen"
+        ]
+    },
     "mobile-pause": {
         category: [
             "Home and devices"

package/dist/grid-layout.css-mistica.js

@@ -31,7 +31,7 @@ _export(exports, {
         return o;
     }
 });
-/* empty css                                       */ var a = "v17_4_379jdb0", _ = "v17_4_379jdb1", r = "v17_4_379jdb2", d = "v17_4_379jdb4", e = "v17_4_379jdb5", l = "v17_4_379jdb7", o = {
-    colSpan: "var(--v17_4_379jdb6)",
-    verticalSpace: "var(--v17_4_379jdb3)"
+/* empty css                                       */ var a = "v17_5_379jdb0", _ = "v17_5_379jdb1", r = "v17_5_379jdb2", d = "v17_5_379jdb4", e = "v17_5_379jdb5", l = "v17_5_379jdb7", o = {
+    colSpan: "var(--v17_5_379jdb6)",
+    verticalSpace: "var(--v17_5_379jdb3)"
 };

package/dist/grid.css-mistica.js

@@ -74,140 +74,140 @@ _export(exports, {
     }
 });
 /* empty css                                */ var _ = {
-    rowMinSize: "var(--v17_4_mfyikv0)",
-    rowMaxSize: "var(--v17_4_mfyikv1)",
-    columnMinSize: "var(--v17_4_mfyikv2)",
-    columnMaxSize: "var(--v17_4_mfyikv3)"
+    rowMinSize: "var(--v17_5_mfyikv0)",
+    rowMaxSize: "var(--v17_5_mfyikv1)",
+    columnMinSize: "var(--v17_5_mfyikv2)",
+    columnMaxSize: "var(--v17_5_mfyikv3)"
 }, i = {
     columnGap: {
-        desktop: "var(--v17_4_mfyikv4)",
-        tablet: "var(--v17_4_mfyikv5)",
-        mobile: "var(--v17_4_mfyikv6)"
+        desktop: "var(--v17_5_mfyikv4)",
+        tablet: "var(--v17_5_mfyikv5)",
+        mobile: "var(--v17_5_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v17_4_mfyikv7)",
-        tablet: "var(--v17_4_mfyikv8)",
-        mobile: "var(--v17_4_mfyikv9)"
+        desktop: "var(--v17_5_mfyikv7)",
+        tablet: "var(--v17_5_mfyikv8)",
+        mobile: "var(--v17_5_mfyikv9)"
     }
-}, m = "v17_4_mfyikva", f = "v17_4_mfyikvb", y = "v17_4_mfyikvc", k = "v17_4_mfyikvd", e = {
-    1: "v17_4_mfyikve",
-    2: "v17_4_mfyikvf",
-    3: "v17_4_mfyikvg",
-    4: "v17_4_mfyikvh",
-    5: "v17_4_mfyikvi",
-    6: "v17_4_mfyikvj",
-    7: "v17_4_mfyikvk",
-    8: "v17_4_mfyikvl",
-    9: "v17_4_mfyikvm",
-    10: "v17_4_mfyikvn",
-    11: "v17_4_mfyikvo",
-    12: "v17_4_mfyikvp"
+}, m = "v17_5_mfyikva", f = "v17_5_mfyikvb", y = "v17_5_mfyikvc", k = "v17_5_mfyikvd", e = {
+    1: "v17_5_mfyikve",
+    2: "v17_5_mfyikvf",
+    3: "v17_5_mfyikvg",
+    4: "v17_5_mfyikvh",
+    5: "v17_5_mfyikvi",
+    6: "v17_5_mfyikvj",
+    7: "v17_5_mfyikvk",
+    8: "v17_5_mfyikvl",
+    9: "v17_5_mfyikvm",
+    10: "v17_5_mfyikvn",
+    11: "v17_5_mfyikvo",
+    12: "v17_5_mfyikvp"
 }, r = {
-    1: "v17_4_mfyikvq",
-    2: "v17_4_mfyikvr",
-    3: "v17_4_mfyikvs",
-    4: "v17_4_mfyikvt",
-    5: "v17_4_mfyikvu",
-    6: "v17_4_mfyikvv",
-    7: "v17_4_mfyikvw",
-    8: "v17_4_mfyikvx",
-    9: "v17_4_mfyikvy",
-    10: "v17_4_mfyikvz",
-    11: "v17_4_mfyikv10",
-    12: "v17_4_mfyikv11"
+    1: "v17_5_mfyikvq",
+    2: "v17_5_mfyikvr",
+    3: "v17_5_mfyikvs",
+    4: "v17_5_mfyikvt",
+    5: "v17_5_mfyikvu",
+    6: "v17_5_mfyikvv",
+    7: "v17_5_mfyikvw",
+    8: "v17_5_mfyikvx",
+    9: "v17_5_mfyikvy",
+    10: "v17_5_mfyikvz",
+    11: "v17_5_mfyikv10",
+    12: "v17_5_mfyikv11"
 }, a = {
-    column: "v17_4_mfyikv12",
-    row: "v17_4_mfyikv13",
-    "row dense": "v17_4_mfyikv14",
-    "column dense": "v17_4_mfyikv15"
+    column: "v17_5_mfyikv12",
+    row: "v17_5_mfyikv13",
+    "row dense": "v17_5_mfyikv14",
+    "column dense": "v17_5_mfyikv15"
 }, t = {
-    start: "v17_4_mfyikv16",
-    end: "v17_4_mfyikv17",
-    center: "v17_4_mfyikv18",
-    stretch: "v17_4_mfyikv19"
+    start: "v17_5_mfyikv16",
+    end: "v17_5_mfyikv17",
+    center: "v17_5_mfyikv18",
+    stretch: "v17_5_mfyikv19"
 }, n = {
-    start: "v17_4_mfyikv1a",
-    end: "v17_4_mfyikv1b",
-    center: "v17_4_mfyikv1c",
-    stretch: "v17_4_mfyikv1d",
-    baseline: "v17_4_mfyikv1e"
+    start: "v17_5_mfyikv1a",
+    end: "v17_5_mfyikv1b",
+    center: "v17_5_mfyikv1c",
+    stretch: "v17_5_mfyikv1d",
+    baseline: "v17_5_mfyikv1e"
 }, s = {
-    start: "v17_4_mfyikv1f",
-    end: "v17_4_mfyikv1g",
-    center: "v17_4_mfyikv1h",
-    stretch: "v17_4_mfyikv1i",
-    "space-between": "v17_4_mfyikv1j",
-    "space-around": "v17_4_mfyikv1k",
-    "space-evenly": "v17_4_mfyikv1l"
+    start: "v17_5_mfyikv1f",
+    end: "v17_5_mfyikv1g",
+    center: "v17_5_mfyikv1h",
+    stretch: "v17_5_mfyikv1i",
+    "space-between": "v17_5_mfyikv1j",
+    "space-around": "v17_5_mfyikv1k",
+    "space-evenly": "v17_5_mfyikv1l"
 }, o = {
-    start: "v17_4_mfyikv1m",
-    end: "v17_4_mfyikv1n",
-    center: "v17_4_mfyikv1o",
-    stretch: "v17_4_mfyikv1p",
-    "space-between": "v17_4_mfyikv1q",
-    "space-around": "v17_4_mfyikv1r",
-    "space-evenly": "v17_4_mfyikv1s"
-}, l = "v17_4_mfyikv1t", c = "v17_4_mfyikv1u", d = {
-    1: "v17_4_mfyikv1v",
-    2: "v17_4_mfyikv1w",
-    3: "v17_4_mfyikv1x",
-    4: "v17_4_mfyikv1y",
-    5: "v17_4_mfyikv1z",
-    6: "v17_4_mfyikv20",
-    7: "v17_4_mfyikv21",
-    8: "v17_4_mfyikv22",
-    9: "v17_4_mfyikv23",
-    10: "v17_4_mfyikv24",
-    11: "v17_4_mfyikv25",
-    12: "v17_4_mfyikv26"
+    start: "v17_5_mfyikv1m",
+    end: "v17_5_mfyikv1n",
+    center: "v17_5_mfyikv1o",
+    stretch: "v17_5_mfyikv1p",
+    "space-between": "v17_5_mfyikv1q",
+    "space-around": "v17_5_mfyikv1r",
+    "space-evenly": "v17_5_mfyikv1s"
+}, l = "v17_5_mfyikv1t", c = "v17_5_mfyikv1u", d = {
+    1: "v17_5_mfyikv1v",
+    2: "v17_5_mfyikv1w",
+    3: "v17_5_mfyikv1x",
+    4: "v17_5_mfyikv1y",
+    5: "v17_5_mfyikv1z",
+    6: "v17_5_mfyikv20",
+    7: "v17_5_mfyikv21",
+    8: "v17_5_mfyikv22",
+    9: "v17_5_mfyikv23",
+    10: "v17_5_mfyikv24",
+    11: "v17_5_mfyikv25",
+    12: "v17_5_mfyikv26"
 }, p = {
-    1: "v17_4_mfyikv27",
-    2: "v17_4_mfyikv28",
-    3: "v17_4_mfyikv29",
-    4: "v17_4_mfyikv2a",
-    5: "v17_4_mfyikv2b",
-    6: "v17_4_mfyikv2c",
-    7: "v17_4_mfyikv2d",
-    8: "v17_4_mfyikv2e",
-    9: "v17_4_mfyikv2f",
-    10: "v17_4_mfyikv2g",
-    11: "v17_4_mfyikv2h",
-    12: "v17_4_mfyikv2i"
+    1: "v17_5_mfyikv27",
+    2: "v17_5_mfyikv28",
+    3: "v17_5_mfyikv29",
+    4: "v17_5_mfyikv2a",
+    5: "v17_5_mfyikv2b",
+    6: "v17_5_mfyikv2c",
+    7: "v17_5_mfyikv2d",
+    8: "v17_5_mfyikv2e",
+    9: "v17_5_mfyikv2f",
+    10: "v17_5_mfyikv2g",
+    11: "v17_5_mfyikv2h",
+    12: "v17_5_mfyikv2i"
 }, u = {
-    1: "v17_4_mfyikv2j",
-    2: "v17_4_mfyikv2k",
-    3: "v17_4_mfyikv2l",
-    4: "v17_4_mfyikv2m",
-    5: "v17_4_mfyikv2n",
-    6: "v17_4_mfyikv2o",
-    7: "v17_4_mfyikv2p",
-    8: "v17_4_mfyikv2q",
-    9: "v17_4_mfyikv2r",
-    10: "v17_4_mfyikv2s",
-    11: "v17_4_mfyikv2t",
-    12: "v17_4_mfyikv2u"
+    1: "v17_5_mfyikv2j",
+    2: "v17_5_mfyikv2k",
+    3: "v17_5_mfyikv2l",
+    4: "v17_5_mfyikv2m",
+    5: "v17_5_mfyikv2n",
+    6: "v17_5_mfyikv2o",
+    7: "v17_5_mfyikv2p",
+    8: "v17_5_mfyikv2q",
+    9: "v17_5_mfyikv2r",
+    10: "v17_5_mfyikv2s",
+    11: "v17_5_mfyikv2t",
+    12: "v17_5_mfyikv2u"
 }, g = {
-    1: "v17_4_mfyikv2v",
-    2: "v17_4_mfyikv2w",
-    3: "v17_4_mfyikv2x",
-    4: "v17_4_mfyikv2y",
-    5: "v17_4_mfyikv2z",
-    6: "v17_4_mfyikv30",
-    7: "v17_4_mfyikv31",
-    8: "v17_4_mfyikv32",
-    9: "v17_4_mfyikv33",
-    10: "v17_4_mfyikv34",
-    11: "v17_4_mfyikv35",
-    12: "v17_4_mfyikv36"
+    1: "v17_5_mfyikv2v",
+    2: "v17_5_mfyikv2w",
+    3: "v17_5_mfyikv2x",
+    4: "v17_5_mfyikv2y",
+    5: "v17_5_mfyikv2z",
+    6: "v17_5_mfyikv30",
+    7: "v17_5_mfyikv31",
+    8: "v17_5_mfyikv32",
+    9: "v17_5_mfyikv33",
+    10: "v17_5_mfyikv34",
+    11: "v17_5_mfyikv35",
+    12: "v17_5_mfyikv36"
 }, w = {
-    start: "v17_4_mfyikv37",
-    end: "v17_4_mfyikv38",
-    center: "v17_4_mfyikv39",
-    stretch: "v17_4_mfyikv3a"
+    start: "v17_5_mfyikv37",
+    end: "v17_5_mfyikv38",
+    center: "v17_5_mfyikv39",
+    stretch: "v17_5_mfyikv3a"
 }, b = {
-    start: "v17_4_mfyikv3b",
-    end: "v17_4_mfyikv3c",
-    center: "v17_4_mfyikv3d",
-    stretch: "v17_4_mfyikv3e",
-    baseline: "v17_4_mfyikv3f"
+    start: "v17_5_mfyikv3b",
+    end: "v17_5_mfyikv3c",
+    center: "v17_5_mfyikv3d",
+    stretch: "v17_5_mfyikv3e",
+    baseline: "v17_5_mfyikv3f"
 };

package/dist/header.css-mistica.js

@@ -22,4 +22,4 @@ _export(exports, {
         return e;
     }
 });
-/* empty css                                     */ /* empty css                                  */ var e = "v17_4_mtk7e90", r = "v17_4_mtk7e92 v17_4_mtk7e90 v17_4_mtk7e91 v17_4_1y2v1nfj6", m = "v17_4_mtk7e93", t = "v17_4_mtk7e94 v17_4_1y2v1nfre v17_4_1y2v1nfrk";
+/* empty css                                     */ /* empty css                                  */ var e = "v17_5_mtk7e90", r = "v17_5_mtk7e92 v17_5_mtk7e90 v17_5_mtk7e91 v17_5_1y2v1nfj6", m = "v17_5_mtk7e93", t = "v17_5_mtk7e94 v17_5_1y2v1nfre v17_5_1y2v1nfrk";

package/dist/header.d.ts

@@ -11,17 +11,19 @@ type OverridableTextProps = {
 type RichText = string | ({
     text: string;
 } & OverridableTextProps);
+type TitleSizes = 'title1' | 'title2' | 'title3' | 'title4';
 type HeaderProps = {
     headline?: React.ReactNode;
     pretitle?: RichText;
     pretitleAs?: HeadingType;
     title?: string;
     titleAs?: HeadingType;
+    titleSize?: TitleSizes;
     description?: string;
     small?: boolean;
     dataAttributes?: DataAttributes;
 };
-export declare const Header: ({ headline, pretitle, pretitleAs, title, titleAs, description, dataAttributes, small, }: HeaderProps) => JSX.Element;
+export declare const Header: ({ headline, pretitle, pretitleAs, title, titleAs, titleSize, description, dataAttributes, small, }: HeaderProps) => JSX.Element;
 type MainSectionHeaderProps = {
     title: string;
     titleAs?: HeadingType;