@telefonica/mistica 16.34.0 → 16.36.0

package/dist/generated/mistica-icons/icon-text-size-light.js

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return p;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("../../theme-variant-context.js");
+const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const h = (_param)=>{
+    var { color: i, size: o = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const a = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), r = i !== null && i !== void 0 ? i : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: o,
+        height: o,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M11 10.5a.5.5 0 0 1 0 1H8V19a.5.5 0 0 1-1 0v-7.5H4a.5.5 0 0 1 0-1z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: r,
+                d: "M21 6a.5.5 0 0 1 0 1h-5v12a.5.5 0 0 1-1 0V7h-5a.5.5 0 0 1 0-1z"
+            })
+        ]
+    }));
+}, p = h;

package/dist/generated/mistica-icons/icon-text-size-regular.d.ts

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

package/dist/generated/mistica-icons/icon-text-size-regular.js

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return v;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _themevariantcontext = require("../../theme-variant-context.js");
+const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const c = (_param)=>{
+    var { color: a, size: r = 24 } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const i = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), e = a !== null && a !== void 0 ? a : i ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M11 10.25a.75.75 0 0 1 0 1.5H8.25V19a.75.75 0 0 1-1.5 0v-7.25H4a.75.75 0 0 1 0-1.5z"
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                fill: e,
+                d: "M21 5.75a.75.75 0 0 1 0 1.5h-4.75V19a.75.75 0 0 1-1.5 0V7.25H10a.75.75 0 0 1 0-1.5z"
+            })
+        ]
+    }));
+}, v = c;

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

@@ -376,6 +376,20 @@ const e = {
         "seta linear ascendente",
         "linearer Pfeil nach oben rechts"
     ],
+    "arrow-return-lock": [
+        "back-arrow-lock",
+        "reverse-point-lock",
+        "redirection-bolt-lock",
+        "flecha-retorno-bloqueo",
+        "punto-inverso-cerrojo",
+        "redirecci\xf3n-bloqueo",
+        "seta-retorno-trava",
+        "ponto-reverso-tranca",
+        "redirecionamento-trava",
+        "Pfeil-R\xfcckkehr-Schloss",
+        "umgekehrter-Punkt-Verschluss",
+        "Umleitung-Schloss"
+    ],
     "arrow-right": [
         "right arrow",
         "go right",
@@ -4235,6 +4249,20 @@ const e = {
         "bola esportiva",
         "Sportball"
     ],
+    "square-arrow-up-right": [
+        "upward-right square",
+        "rise-right rectangle",
+        "ascend-diagonal quadrilateral",
+        "cuadrado de flecha arriba a la derecha",
+        "rect\xe1ngulo de subida a la derecha",
+        "cuadril\xe1tero de ascenso diagonal",
+        "quadrado seta para cima direita",
+        "ret\xe2ngulo ascendente \xe0 direita",
+        "quadril\xe1tero ascendente diagonal",
+        "aufw\xe4rts-rechts Quadrat",
+        "aufsteigend-rechts Rechteck",
+        "aufsteig"
+    ],
     star: [
         "celestial body",
         "astronomical object",
@@ -4499,6 +4527,20 @@ const e = {
         "telefone anal\xf3gico",
         "POTS-Telefon"
     ],
+    "text-size": [
+        "font size",
+        "letter size",
+        "character scale",
+        "tama\xf1o de texto",
+        "tama\xf1o de letra",
+        "escala de car\xe1cter",
+        "tamanho do texto",
+        "tamanho da letra",
+        "escala do car\xe1ter",
+        "Schriftgr\xf6\xdfe",
+        "Buchstabengr\xf6\xdfe",
+        "Zeichenskala"
+    ],
     theater: [
         "cinema",
         "playhouse",

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

@@ -32,7 +32,7 @@ _export(exports, {
     }
 });
 require("./grid-layout.css.ts.vanilla.css-mistica.js");
-var a = "v16_34_379jdb5", _ = "v16_34_379jdb2", r = "v16_34_379jdb1", d = "v16_34_379jdb0", e = "v16_34_379jdb4", l = "v16_34_379jdb7", o = {
-    colSpan: "var(--v16_34_379jdb6)",
-    verticalSpace: "var(--v16_34_379jdb3)"
+var a = "v16_36_379jdb5", _ = "v16_36_379jdb2", r = "v16_36_379jdb1", d = "v16_36_379jdb0", e = "v16_36_379jdb4", l = "v16_36_379jdb7", o = {
+    colSpan: "var(--v16_36_379jdb6)",
+    verticalSpace: "var(--v16_36_379jdb3)"
 };

package/dist/grid.css-mistica.js

@@ -75,140 +75,140 @@ _export(exports, {
 });
 require("./grid.css.ts.vanilla.css-mistica.js");
 var _ = {
-    start: "v16_34_mfyikv3b",
-    end: "v16_34_mfyikv3c",
-    center: "v16_34_mfyikv3d",
-    stretch: "v16_34_mfyikv3e",
-    baseline: "v16_34_mfyikv3f"
+    start: "v16_36_mfyikv3b",
+    end: "v16_36_mfyikv3c",
+    center: "v16_36_mfyikv3d",
+    stretch: "v16_36_mfyikv3e",
+    baseline: "v16_36_mfyikv3f"
 }, i = {
-    1: "v16_34_mfyikv2j",
-    2: "v16_34_mfyikv2k",
-    3: "v16_34_mfyikv2l",
-    4: "v16_34_mfyikv2m",
-    5: "v16_34_mfyikv2n",
-    6: "v16_34_mfyikv2o",
-    7: "v16_34_mfyikv2p",
-    8: "v16_34_mfyikv2q",
-    9: "v16_34_mfyikv2r",
-    10: "v16_34_mfyikv2s",
-    11: "v16_34_mfyikv2t",
-    12: "v16_34_mfyikv2u"
-}, m = "v16_34_mfyikv1t", f = "v16_34_mfyikv1u", y = "v16_34_mfyikvb", k = {
+    1: "v16_36_mfyikv2j",
+    2: "v16_36_mfyikv2k",
+    3: "v16_36_mfyikv2l",
+    4: "v16_36_mfyikv2m",
+    5: "v16_36_mfyikv2n",
+    6: "v16_36_mfyikv2o",
+    7: "v16_36_mfyikv2p",
+    8: "v16_36_mfyikv2q",
+    9: "v16_36_mfyikv2r",
+    10: "v16_36_mfyikv2s",
+    11: "v16_36_mfyikv2t",
+    12: "v16_36_mfyikv2u"
+}, m = "v16_36_mfyikv1t", f = "v16_36_mfyikv1u", y = "v16_36_mfyikvb", k = {
     columnGap: {
-        desktop: "var(--v16_34_mfyikv4)",
-        tablet: "var(--v16_34_mfyikv5)",
-        mobile: "var(--v16_34_mfyikv6)"
+        desktop: "var(--v16_36_mfyikv4)",
+        tablet: "var(--v16_36_mfyikv5)",
+        mobile: "var(--v16_36_mfyikv6)"
     },
     rowGap: {
-        desktop: "var(--v16_34_mfyikv7)",
-        tablet: "var(--v16_34_mfyikv8)",
-        mobile: "var(--v16_34_mfyikv9)"
+        desktop: "var(--v16_36_mfyikv7)",
+        tablet: "var(--v16_36_mfyikv8)",
+        mobile: "var(--v16_36_mfyikv9)"
     }
-}, e = "v16_34_mfyikva", r = {
-    start: "v16_34_mfyikv1m",
-    end: "v16_34_mfyikv1n",
-    center: "v16_34_mfyikv1o",
-    stretch: "v16_34_mfyikv1p",
-    "space-between": "v16_34_mfyikv1q",
-    "space-around": "v16_34_mfyikv1r",
-    "space-evenly": "v16_34_mfyikv1s"
+}, e = "v16_36_mfyikva", r = {
+    start: "v16_36_mfyikv1m",
+    end: "v16_36_mfyikv1n",
+    center: "v16_36_mfyikv1o",
+    stretch: "v16_36_mfyikv1p",
+    "space-between": "v16_36_mfyikv1q",
+    "space-around": "v16_36_mfyikv1r",
+    "space-evenly": "v16_36_mfyikv1s"
 }, a = {
-    start: "v16_34_mfyikv1a",
-    end: "v16_34_mfyikv1b",
-    center: "v16_34_mfyikv1c",
-    stretch: "v16_34_mfyikv1d",
-    baseline: "v16_34_mfyikv1e"
+    start: "v16_36_mfyikv1a",
+    end: "v16_36_mfyikv1b",
+    center: "v16_36_mfyikv1c",
+    stretch: "v16_36_mfyikv1d",
+    baseline: "v16_36_mfyikv1e"
 }, t = {
-    column: "v16_34_mfyikv12",
-    row: "v16_34_mfyikv13",
-    "row dense": "v16_34_mfyikv14",
-    "column dense": "v16_34_mfyikv15"
+    column: "v16_36_mfyikv12",
+    row: "v16_36_mfyikv13",
+    "row dense": "v16_36_mfyikv14",
+    "column dense": "v16_36_mfyikv15"
 }, n = {
-    start: "v16_34_mfyikv1f",
-    end: "v16_34_mfyikv1g",
-    center: "v16_34_mfyikv1h",
-    stretch: "v16_34_mfyikv1i",
-    "space-between": "v16_34_mfyikv1j",
-    "space-around": "v16_34_mfyikv1k",
-    "space-evenly": "v16_34_mfyikv1l"
+    start: "v16_36_mfyikv1f",
+    end: "v16_36_mfyikv1g",
+    center: "v16_36_mfyikv1h",
+    stretch: "v16_36_mfyikv1i",
+    "space-between": "v16_36_mfyikv1j",
+    "space-around": "v16_36_mfyikv1k",
+    "space-evenly": "v16_36_mfyikv1l"
 }, s = {
-    start: "v16_34_mfyikv16",
-    end: "v16_34_mfyikv17",
-    center: "v16_34_mfyikv18",
-    stretch: "v16_34_mfyikv19"
+    start: "v16_36_mfyikv16",
+    end: "v16_36_mfyikv17",
+    center: "v16_36_mfyikv18",
+    stretch: "v16_36_mfyikv19"
 }, o = {
-    1: "v16_34_mfyikve",
-    2: "v16_34_mfyikvf",
-    3: "v16_34_mfyikvg",
-    4: "v16_34_mfyikvh",
-    5: "v16_34_mfyikvi",
-    6: "v16_34_mfyikvj",
-    7: "v16_34_mfyikvk",
-    8: "v16_34_mfyikvl",
-    9: "v16_34_mfyikvm",
-    10: "v16_34_mfyikvn",
-    11: "v16_34_mfyikvo",
-    12: "v16_34_mfyikvp"
-}, l = "v16_34_mfyikvc", c = {
-    1: "v16_34_mfyikvq",
-    2: "v16_34_mfyikvr",
-    3: "v16_34_mfyikvs",
-    4: "v16_34_mfyikvt",
-    5: "v16_34_mfyikvu",
-    6: "v16_34_mfyikvv",
-    7: "v16_34_mfyikvw",
-    8: "v16_34_mfyikvx",
-    9: "v16_34_mfyikvy",
-    10: "v16_34_mfyikvz",
-    11: "v16_34_mfyikv10",
-    12: "v16_34_mfyikv11"
-}, d = "v16_34_mfyikvd", p = {
-    start: "v16_34_mfyikv37",
-    end: "v16_34_mfyikv38",
-    center: "v16_34_mfyikv39",
-    stretch: "v16_34_mfyikv3a"
+    1: "v16_36_mfyikve",
+    2: "v16_36_mfyikvf",
+    3: "v16_36_mfyikvg",
+    4: "v16_36_mfyikvh",
+    5: "v16_36_mfyikvi",
+    6: "v16_36_mfyikvj",
+    7: "v16_36_mfyikvk",
+    8: "v16_36_mfyikvl",
+    9: "v16_36_mfyikvm",
+    10: "v16_36_mfyikvn",
+    11: "v16_36_mfyikvo",
+    12: "v16_36_mfyikvp"
+}, l = "v16_36_mfyikvc", c = {
+    1: "v16_36_mfyikvq",
+    2: "v16_36_mfyikvr",
+    3: "v16_36_mfyikvs",
+    4: "v16_36_mfyikvt",
+    5: "v16_36_mfyikvu",
+    6: "v16_36_mfyikvv",
+    7: "v16_36_mfyikvw",
+    8: "v16_36_mfyikvx",
+    9: "v16_36_mfyikvy",
+    10: "v16_36_mfyikvz",
+    11: "v16_36_mfyikv10",
+    12: "v16_36_mfyikv11"
+}, d = "v16_36_mfyikvd", p = {
+    start: "v16_36_mfyikv37",
+    end: "v16_36_mfyikv38",
+    center: "v16_36_mfyikv39",
+    stretch: "v16_36_mfyikv3a"
 }, u = {
-    1: "v16_34_mfyikv2v",
-    2: "v16_34_mfyikv2w",
-    3: "v16_34_mfyikv2x",
-    4: "v16_34_mfyikv2y",
-    5: "v16_34_mfyikv2z",
-    6: "v16_34_mfyikv30",
-    7: "v16_34_mfyikv31",
-    8: "v16_34_mfyikv32",
-    9: "v16_34_mfyikv33",
-    10: "v16_34_mfyikv34",
-    11: "v16_34_mfyikv35",
-    12: "v16_34_mfyikv36"
+    1: "v16_36_mfyikv2v",
+    2: "v16_36_mfyikv2w",
+    3: "v16_36_mfyikv2x",
+    4: "v16_36_mfyikv2y",
+    5: "v16_36_mfyikv2z",
+    6: "v16_36_mfyikv30",
+    7: "v16_36_mfyikv31",
+    8: "v16_36_mfyikv32",
+    9: "v16_36_mfyikv33",
+    10: "v16_36_mfyikv34",
+    11: "v16_36_mfyikv35",
+    12: "v16_36_mfyikv36"
 }, g = {
-    1: "v16_34_mfyikv1v",
-    2: "v16_34_mfyikv1w",
-    3: "v16_34_mfyikv1x",
-    4: "v16_34_mfyikv1y",
-    5: "v16_34_mfyikv1z",
-    6: "v16_34_mfyikv20",
-    7: "v16_34_mfyikv21",
-    8: "v16_34_mfyikv22",
-    9: "v16_34_mfyikv23",
-    10: "v16_34_mfyikv24",
-    11: "v16_34_mfyikv25",
-    12: "v16_34_mfyikv26"
+    1: "v16_36_mfyikv1v",
+    2: "v16_36_mfyikv1w",
+    3: "v16_36_mfyikv1x",
+    4: "v16_36_mfyikv1y",
+    5: "v16_36_mfyikv1z",
+    6: "v16_36_mfyikv20",
+    7: "v16_36_mfyikv21",
+    8: "v16_36_mfyikv22",
+    9: "v16_36_mfyikv23",
+    10: "v16_36_mfyikv24",
+    11: "v16_36_mfyikv25",
+    12: "v16_36_mfyikv26"
 }, w = {
-    1: "v16_34_mfyikv27",
-    2: "v16_34_mfyikv28",
-    3: "v16_34_mfyikv29",
-    4: "v16_34_mfyikv2a",
-    5: "v16_34_mfyikv2b",
-    6: "v16_34_mfyikv2c",
-    7: "v16_34_mfyikv2d",
-    8: "v16_34_mfyikv2e",
-    9: "v16_34_mfyikv2f",
-    10: "v16_34_mfyikv2g",
-    11: "v16_34_mfyikv2h",
-    12: "v16_34_mfyikv2i"
+    1: "v16_36_mfyikv27",
+    2: "v16_36_mfyikv28",
+    3: "v16_36_mfyikv29",
+    4: "v16_36_mfyikv2a",
+    5: "v16_36_mfyikv2b",
+    6: "v16_36_mfyikv2c",
+    7: "v16_36_mfyikv2d",
+    8: "v16_36_mfyikv2e",
+    9: "v16_36_mfyikv2f",
+    10: "v16_36_mfyikv2g",
+    11: "v16_36_mfyikv2h",
+    12: "v16_36_mfyikv2i"
 }, b = {
-    rowMinSize: "var(--v16_34_mfyikv0)",
-    rowMaxSize: "var(--v16_34_mfyikv1)",
-    columnMinSize: "var(--v16_34_mfyikv2)",
-    columnMaxSize: "var(--v16_34_mfyikv3)"
+    rowMinSize: "var(--v16_36_mfyikv0)",
+    rowMaxSize: "var(--v16_36_mfyikv1)",
+    columnMinSize: "var(--v16_36_mfyikv2)",
+    columnMaxSize: "var(--v16_36_mfyikv3)"
 };

package/dist/grid.d.ts

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