@telefonica/mistica 17.7.0 → 17.9.0

package/dist/icons/icon-stepper-success-vivo.js

@@ -0,0 +1,78 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return x;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _hooks = require("../hooks.js");
+const _animation = require("../utils/animation.js");
+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;
+}
+const x = (param)=>{
+    let { size: i = 48, color: e, skipAnimation: n = !1 } = param;
+    const r = (0, _themevariantcontext.useThemeVariant)(), { platformOverrides: t } = (0, _hooks.useTheme)(), l = r === "brand" || r === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : r === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+        role: "presentation",
+        width: i,
+        height: i,
+        viewBox: "0 0 64 64",
+        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
+            stroke: e ? void 0 : l,
+            children: [
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
+                    vectorEffect: "non-scaling-stroke",
+                    fill: "none",
+                    stroke: e,
+                    strokeWidth: "2",
+                    strokeMiterlimit: "10",
+                    d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
+                    transform: "rotate(90 32 32)"
+                }, !n && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
+                /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
+                    vectorEffect: "non-scaling-stroke",
+                    fill: "none",
+                    stroke: e,
+                    strokeWidth: "2",
+                    strokeMiterlimit: "10",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    points: "20,34.9 27.4,44.3 45.6,21"
+                }, !n && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
+            ]
+        })
+    });
+};

package/dist/icons/icon-success-vivo-new.d.ts

@@ -1,5 +1,6 @@
 type Props = {
     size?: number | string;
 };
+/** @deprecated This legacy Vivo icon is kept for backwards compatibility. */
 declare const IconSuccessVivoNew: ({ size }: Props) => JSX.Element;
 export default IconSuccessVivoNew;

package/dist/icons/icon-success-vivo.d.ts

@@ -1,5 +1,6 @@
 type Props = {
     size?: number | string;
 };
+/** @deprecated This legacy Vivo icon is kept for backwards compatibility. */
 declare const IconSuccessVivo: ({ size }: Props) => JSX.Element;
 export default IconSuccessVivo;

package/dist/icons/icon-success.js

@@ -6,15 +6,57 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return N;
+        return y;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _constants = require("../skins/constants.js");
 const _animation = require("../utils/animation.js");
 const _hooks = require("../hooks.js");
 const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
 const _themevariantcontext = require("../theme-variant-context.js");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -43,17 +85,17 @@ function _object_spread(target) {
     }
     return target;
 }
-const p = (param)=>{
-    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
-    const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
+const k = (param)=>{
+    let { size: t = 48, color: e, skipAnimation: o = !1 } = param;
+    const { platformOverrides: s } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useThemeVariant)(), l = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: e ? void 0 : a,
-            fill: e ? void 0 : a,
+            stroke: e ? void 0 : l,
+            fill: e ? void 0 : l,
             strokeLinecap: "round",
             strokeWidth: "4",
             children: [
@@ -63,58 +105,90 @@ const p = (param)=>{
                     cx: "32",
                     cy: "32",
                     r: "30"
-                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.3s", t))),
+                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.3s", s))),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
                     fill: "none",
                     stroke: e || void 0,
                     points: "18,32.67 27.33,42 49.33,20.67"
-                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("50", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6", t))))
+                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("50", "0.6s", s), (0, _animation.getAnimateHopInProps)("0.6", s))))
             ]
         })
     });
-}, k = (param)=>{
-    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
-    const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
+}, I = (param)=>{
+    let { size: t = 48 } = param;
+    const { platformOverrides: e } = (0, _hooks.useTheme)(), o = _react.useId();
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
-        children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: e ? void 0 : a,
-            children: [
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
-                    vectorEffect: "non-scaling-stroke",
-                    fill: "none",
-                    stroke: e || void 0,
-                    strokeWidth: "2",
-                    strokeMiterlimit: "10",
-                    d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
-                    transform: "rotate(90 32 32)"
-                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
-                /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
-                    vectorEffect: "non-scaling-stroke",
-                    fill: "none",
-                    stroke: e || void 0,
-                    strokeWidth: "2",
-                    strokeMiterlimit: "10",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    points: "20,34.9 27.4,44.3 45.6,21"
-                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
-            ]
-        })
+        fill: "none",
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("circle", _object_spread({
+                cx: "32",
+                cy: "32",
+                r: "31",
+                stroke: `url(#${o})`
+            }, (0, _animation.getAnimateCircleScaleInProps)("31", e))),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("polyline", _object_spread({
+                fill: "none",
+                stroke: "white",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                points: "24,32.75 30,39 40.5,24.5"
+            }, (0, _animation.getAnimateDrawLineProps)("44", "0.4s", e, "0.5 0 0.83 0.83"))),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("defs", {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("linearGradient", {
+                    id: o,
+                    x1: "6.66663",
+                    y1: "6.66669",
+                    x2: "58.3441",
+                    y2: "7.98638",
+                    gradientUnits: "userSpaceOnUse",
+                    children: [
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("stop", {
+                            stopColor: "#E5B9FF"
+                        }),
+                        /* @__PURE__ */ (0, _jsxruntime.jsx)("stop", {
+                            offset: "1",
+                            stopColor: "#FF6ACE"
+                        })
+                    ]
+                })
+            })
+        ]
     });
-}, C = (param)=>{
-    let { size: r = 48, color: e, skipAnimation: o = !1 } = param;
-    const { platformOverrides: t } = (0, _hooks.useTheme)(), s = (0, _themevariantcontext.useThemeVariant)(), a = s === "brand" || s === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : s === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
+}, L = (param)=>{
+    let { size: t = 48 } = param;
+    const o = (0, _themevariantcontext.useThemeVariant)() === "brand";
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", {
+        role: "presentation",
+        width: t,
+        height: t,
+        viewBox: "0 0 48 48",
+        fill: "none",
+        children: [
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M0 18C0 8.05888 8.05888 0 18 0H30C39.9411 0 48 8.05888 48 18V30C48 39.9411 39.9411 48 30 48H18C8.05888 48 0 39.9411 0 30V18Z",
+                fill: o ? _skincontractcssmistica.vars.colors.backgroundBrandSecondary : _skincontractcssmistica.vars.colors.successLow
+            }),
+            /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
+                d: "M34.9092 15.5156C35.2803 15.1548 35.8734 15.1632 36.2344 15.5342C36.5952 15.9053 36.5869 16.4984 36.2158 16.8594L20.1572 32.4844C19.7933 32.8385 19.2135 32.8385 18.8496 32.4844L11.7842 25.6094C11.4132 25.2484 11.4048 24.6553 11.7656 24.2842C12.1266 23.9132 12.7197 23.9048 13.0908 24.2656L19.5039 30.5049L34.9092 15.5156Z",
+                fill: o ? _skincontractcssmistica.vars.colors.neutralHighBrand : _skincontractcssmistica.vars.colors.successHigh
+            })
+        ]
+    });
+}, V = (param)=>{
+    let { size: t = 48, color: e, skipAnimation: o = !1 } = param;
+    const { platformOverrides: s } = (0, _hooks.useTheme)(), i = (0, _themevariantcontext.useThemeVariant)(), l = i === "brand" || i === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : i === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         role: "presentation",
-        width: r,
-        height: r,
+        width: t,
+        height: t,
         viewBox: "0 0 64 64",
         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("g", {
-            stroke: e ? void 0 : a,
+            stroke: e ? void 0 : l,
             children: [
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
                     fill: "none",
@@ -122,7 +196,7 @@ const p = (param)=>{
                     strokeWidth: "4",
                     strokeMiterlimit: "10",
                     d: "M4.71002 43.3039C3.22557 39.7201 2.46154 35.879 2.46154 32C2.46154 28.121 3.22557 24.2799 4.71002 20.6961C6.19447 17.1124 8.37025 13.8561 11.1132 11.1132C13.8561 8.37026 17.1124 6.19447 20.6961 4.71002C24.2799 3.22558 28.121 2.46154 32 2.46154C35.879 2.46154 39.7201 3.22558 43.3039 4.71002C46.8877 6.19447 50.1439 8.37026 52.8868 11.1132C55.6297 13.8561 57.8055 17.1124 59.29 20.6961C60.7744 24.2799 61.5385 28.121 61.5385 32C61.5385 35.879 60.7744 39.7201 59.29 43.3039C57.8055 46.8877 55.6297 50.1439 52.8868 52.8868C50.1439 55.6297 46.8877 57.8055 43.3039 59.29C39.7201 60.7744 35.879 61.5385 32 61.5385C28.121 61.5385 24.2799 60.7744 20.6961 59.29C17.1124 57.8055 13.8561 55.6297 11.1132 52.8868C8.37025 50.1439 6.19447 46.8877 4.71002 43.3039Z"
-                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", t))),
+                }, !o && (0, _animation.getAnimateDrawLineProps)("202", "0.2s", s))),
                 /* @__PURE__ */ (0, _jsxruntime.jsx)("path", _object_spread({
                     fill: "none",
                     stroke: e || void 0,
@@ -131,30 +205,35 @@ const p = (param)=>{
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     d: "M18.8718 32L28.7179 41.8462L45.1282 23.7949"
-                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", t), (0, _animation.getAnimateHopInProps)("0.6s", t))))
+                }, !o && (0, _animation.mergeProperties)((0, _animation.getAnimateDrawLineProps)("44", "0.6s", s), (0, _animation.getAnimateHopInProps)("0.6s", s))))
             ]
         })
     });
-}, N = (param)=>{
-    let { size: r, color: e, skipAnimation: o } = param;
-    const { skinName: t } = (0, _hooks.useTheme)();
-    switch(t){
+}, y = (param)=>{
+    let { size: t, color: e, skipAnimation: o } = param;
+    const { skinName: s } = (0, _hooks.useTheme)();
+    switch(s){
         case _constants.O2_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(p, {
-                size: r,
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
+                size: t,
                 color: e,
                 skipAnimation: o
             });
         case _constants.VIVO_SKIN:
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
+                size: t,
+                color: e,
+                skipAnimation: o
+            });
         case _constants.VIVO_EVOLUTION_SKIN:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, {
-                size: r,
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(L, {
+                size: t,
                 color: e,
                 skipAnimation: o
             });
         default:
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, {
-                size: r,
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {
+                size: t,
                 color: e,
                 skipAnimation: o
             });

package/dist/image.css-mistica.js

@@ -35,5 +35,5 @@ _export(exports, {
     }
 });
 /* empty css                                         */ /* empty css                                     */ /* empty css                                 */ var t = 300, a = {
-    mediaBorderRadius: "var(--v17_7_17tt25r0)"
-}, i = "v17_7_17tt25r1", d = "v17_7_17tt25r3 v17_7_17tt25r2 v17_7_1y2v1nfuo v17_7_1y2v1nfv3 v17_7_1y2v1nfrg v17_7_1y2v1nfs1 v17_7_1y2v1nfsi v17_7_1y2v1nfwc v17_7_1y2v1nftt v17_7_1y2v1nftu v17_7_1y2v1nfu6", o = "v17_7_17tt25r4", e = "v17_7_17tt25r5", u = "v17_7_17tt25r6", f = "v17_7_17tt25r7";
+    mediaBorderRadius: "var(--v17_9_17tt25r0)"
+}, i = "v17_9_17tt25r1", d = "v17_9_17tt25r3 v17_9_17tt25r2 v17_9_1y2v1nfuo v17_9_1y2v1nfv3 v17_9_1y2v1nfrg v17_9_1y2v1nfs1 v17_9_1y2v1nfsi v17_9_1y2v1nfwc v17_9_1y2v1nftt v17_9_1y2v1nftu v17_9_1y2v1nfu6", o = "v17_9_17tt25r4", e = "v17_9_17tt25r5", u = "v17_9_17tt25r6", f = "v17_9_17tt25r7";

package/dist/index.d.ts

@@ -129,7 +129,9 @@ export { default as IconInfo } from './icons/icon-info';
 export { default as IconChevron } from './icons/icon-chevron';
 export { default as IconError } from './icons/icon-error';
 export { default as IconSuccess } from './icons/icon-success';
+/** @deprecated This legacy Vivo icon is kept for backwards compatibility. */
 export { default as IconSuccessVivo } from './icons/icon-success-vivo';
+/** @deprecated This legacy Vivo icon is kept for backwards compatibility. */
 export { default as IconSuccessVivoNew } from './icons/icon-success-vivo-new';
 export { SkeletonCircle, SkeletonRow, SkeletonLine, SkeletonRectangle, SkeletonText } from './skeletons';
 export { default as Circle } from './circle';
@@ -1826,6 +1828,7 @@ export { default as IconRecycleRegular } from './generated/mistica-icons/icon-re
 export { default as IconRefreshFilled } from './generated/mistica-icons/icon-refresh-filled';
 export { default as IconRefreshLight } from './generated/mistica-icons/icon-refresh-light';
 export { default as IconRefreshRegular } from './generated/mistica-icons/icon-refresh-regular';
+export { default as IconReloadFilled } from './generated/mistica-icons/icon-reload-filled';
 export { default as IconReloadLight } from './generated/mistica-icons/icon-reload-light';
 export { default as IconReloadRegular } from './generated/mistica-icons/icon-reload-regular';
 export { default as IconRenovateDeviceChangeMobileFilled } from './generated/mistica-icons/icon-renovate-device-change-mobile-filled';

package/dist/index.js

@@ -5238,6 +5238,9 @@ _export(exports, {
     get IconRefreshRegular () {
         return _iconrefreshregular.default;
     },
+    get IconReloadFilled () {
+        return _iconreloadfilled.default;
+    },
     get IconReloadLight () {
         return _iconreloadlight.default;
     },
@@ -9225,6 +9228,7 @@ const _iconrecycleregular = /*#__PURE__*/ _interop_require_default(require("./ge
 const _iconrefreshfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-filled.js"));
 const _iconrefreshlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-light.js"));
 const _iconrefreshregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-refresh-regular.js"));
+const _iconreloadfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-filled.js"));
 const _iconreloadlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-light.js"));
 const _iconreloadregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-reload-regular.js"));
 const _iconrenovatedevicechangemobilefilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-renovate-device-change-mobile-filled.js"));

package/dist/inline.css-mistica.js

@@ -41,14 +41,14 @@ _export(exports, {
     }
 });
 /* empty css                                  */ var a = {
-    space: "var(--v17_7_kkfbnv0)",
-    spaceMobile: "var(--v17_7_kkfbnv1)",
-    spaceTablet: "var(--v17_7_kkfbnv2)",
-    spaceDesktop: "var(--v17_7_kkfbnv3)",
-    verticalSpace: "var(--v17_7_kkfbnv4)",
-    verticalSpaceMobile: "var(--v17_7_kkfbnv5)",
-    verticalSpaceTablet: "var(--v17_7_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v17_7_kkfbnv7)",
-    childAlignItems: "var(--v17_7_kkfbnv8)",
-    childDisplay: "var(--v17_7_kkfbnv9)"
-}, k = "v17_7_kkfbnva", _ = "v17_7_kkfbnvb", r = "v17_7_kkfbnvc", n = "v17_7_kkfbnvd", e = "v17_7_kkfbnve", b = "v17_7_kkfbnvf", f = "v17_7_kkfbnvg", i = "v17_7_kkfbnvh", p = "v17_7_kkfbnvi";
+    space: "var(--v17_9_kkfbnv0)",
+    spaceMobile: "var(--v17_9_kkfbnv1)",
+    spaceTablet: "var(--v17_9_kkfbnv2)",
+    spaceDesktop: "var(--v17_9_kkfbnv3)",
+    verticalSpace: "var(--v17_9_kkfbnv4)",
+    verticalSpaceMobile: "var(--v17_9_kkfbnv5)",
+    verticalSpaceTablet: "var(--v17_9_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v17_9_kkfbnv7)",
+    childAlignItems: "var(--v17_9_kkfbnv8)",
+    childDisplay: "var(--v17_9_kkfbnv9)"
+}, k = "v17_9_kkfbnva", _ = "v17_9_kkfbnvb", r = "v17_9_kkfbnvc", n = "v17_9_kkfbnvd", e = "v17_9_kkfbnve", b = "v17_9_kkfbnvf", f = "v17_9_kkfbnvg", i = "v17_9_kkfbnvh", p = "v17_9_kkfbnvi";

package/dist/list.css-mistica.js

@@ -10,67 +10,79 @@ function _export(target, all) {
 }
 _export(exports, {
     get asset () {
-        return d;
+        return h;
     },
     get assetContainer () {
         return o;
     },
-    get badge () {
+    get assetContainerSmall () {
         return c;
     },
+    get badge () {
+        return p;
+    },
     get boxed () {
-        return y;
+        return a;
     },
     get center () {
-        return h;
+        return w;
     },
     get content () {
         return e;
     },
+    get contentSmall () {
+        return l;
+    },
     get detail () {
-        return C;
+        return B;
     },
     get detailRight () {
-        return p;
+        return A;
     },
     get disabled () {
         return n;
     },
     get dualActionBody () {
-        return A;
+        return D;
     },
     get dualActionContainer () {
-        return m;
+        return z;
     },
     get dualActionDivider () {
-        return D;
+        return S;
     },
     get dualActionLeft () {
-        return B;
+        return R;
     },
     get dualActionRight () {
         return x;
     },
     get dualActionRightIconButton () {
-        return R;
+        return I;
+    },
+    get dualActionRightIconButtonSmall () {
+        return O;
     },
     get innerContent () {
         return i;
     },
+    get innerContentSmall () {
+        return d;
+    },
     get li () {
-        return W;
+        return M;
     },
     get liContent () {
-        return q;
+        return P;
     },
     get liWithCustomIcon () {
-        return I;
+        return q;
     },
     get liWithoutMarker () {
-        return O;
+        return L;
     },
     get pointer () {
-        return t;
+        return b;
     },
     get rightContent () {
         return k;
@@ -79,19 +91,19 @@ _export(exports, {
         return r;
     },
     get rowBody () {
-        return l;
+        return s;
     },
     get rowContent () {
-        return b;
+        return f;
     },
     get rowContentPadding () {
         return j;
     },
     get rowDivider () {
-        return s;
+        return C;
     },
     get rowDividerDualAction () {
-        return w;
+        return m;
     },
     get selectionOutline () {
         return u;
@@ -100,19 +112,19 @@ _export(exports, {
         return g;
     },
     get touchableBackground () {
-        return a;
+        return t;
     },
     get touchableBackgroundBrand () {
-        return f;
+        return y;
     },
     get ul () {
-        return z;
+        return W;
     }
 });
-/* empty css                                     */ /* empty css                                */ var n = "v17_7_2buj9g0", r = "v17_7_2buj9g1", u = "v17_7_2buj9g2", y = "v17_7_2buj9g3", g = {
-    default: "v17_7_2buj9g4",
-    alternative: "v17_7_2buj9g5",
-    brand: "v17_7_2buj9g6",
-    media: "v17_7_2buj9g7",
-    negative: "v17_7_2buj9g8"
-}, a = "v17_7_2buj9g9", f = "v17_7_2buj9ga", t = "v17_7_2buj9gb v17_7_1y2v1nfuh", b = "v17_7_2buj9gd v17_7_2buj9gc v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nfs1 v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_1y2v1nfrg v17_7_1y2v1nfsi v17_7_1y2v1nfr8", j = "v17_7_2buj9ge", e = "v17_7_2buj9gg v17_7_2buj9gf v17_7_1y2v1nfs1 v17_7_1y2v1nfhm", i = "v17_7_2buj9gh", o = "v17_7_2buj9gj v17_7_2buj9gi v17_7_1y2v1nfld", d = "v17_7_2buj9gk v17_7_1y2v1nfre v17_7_1y2v1nfrw v17_7_1y2v1nfry", l = "v17_7_2buj9gl v17_7_1y2v1nfre v17_7_1y2v1nfrk v17_7_1y2v1nfs0", h = "v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt", c = "v17_7_2buj9go v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_2buj9gn v17_7_1y2v1nfrn v17_7_1y2v1nft4 v17_7_1y2v1nfsi v17_7_1y2v1nfrw", s = "v17_7_2buj9gp", w = "v17_7_2buj9gq", k = "v17_7_2buj9gr", p = "v17_7_2buj9gs", C = "v17_7_2buj9gt v17_7_2buj9gm v17_7_1y2v1nfre v17_7_1y2v1nfrt", m = "v17_7_2buj9gu", A = "v17_7_2buj9gv", B = "v17_7_2buj9gy v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9gx v17_7_1y2v1nfrg v17_7_1y2v1nfrz", D = "v17_7_2buj9g10 v17_7_2buj9gz v17_7_1y2v1nfre", x = "v17_7_2buj9g14 v17_7_2buj9g12 v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9g11 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfry v17_7_1y2v1nfs2 v17_7_2buj9g13 v17_7_1y2v1nfsi", R = "v17_7_2buj9g15 v17_7_2buj9g12 v17_7_2buj9gw v17_7_1y2v1nfh7 v17_7_1y2v1nfig v17_7_1y2v1nfjp v17_7_1y2v1nfky v17_7_1y2v1nftw v17_7_1y2v1nfh6 v17_7_2buj9g11 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfry v17_7_1y2v1nfs2", z = "v17_7_2buj9g16", I = "v17_7_2buj9g17", O = "v17_7_2buj9g18", W = "v17_7_2buj9g19", q = "v17_7_2buj9g1a";
+/* empty css                                     */ /* empty css                                */ var n = "v17_9_2buj9g0", r = "v17_9_2buj9g1", u = "v17_9_2buj9g2", a = "v17_9_2buj9g3", g = {
+    default: "v17_9_2buj9g4",
+    alternative: "v17_9_2buj9g5",
+    brand: "v17_9_2buj9g6",
+    media: "v17_9_2buj9g7",
+    negative: "v17_9_2buj9g8"
+}, t = "v17_9_2buj9g9", y = "v17_9_2buj9ga", b = "v17_9_2buj9gb v17_9_1y2v1nfuh", f = "v17_9_2buj9gd v17_9_2buj9gc v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nfs1 v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_1y2v1nfrg v17_9_1y2v1nfsi v17_9_1y2v1nfr8", j = "v17_9_2buj9ge", e = "v17_9_2buj9gg v17_9_2buj9gf v17_9_1y2v1nfs1 v17_9_1y2v1nfhm", i = "v17_9_2buj9gh", o = "v17_9_2buj9gj v17_9_2buj9gi v17_9_1y2v1nfld", l = "v17_9_2buj9gk", d = "v17_9_2buj9gl", c = "v17_9_2buj9gm", h = "v17_9_2buj9gn v17_9_1y2v1nfre v17_9_1y2v1nfrw v17_9_1y2v1nfry", s = "v17_9_2buj9go v17_9_1y2v1nfre v17_9_1y2v1nfrk v17_9_1y2v1nfs0", w = "v17_9_2buj9gp v17_9_1y2v1nfre v17_9_1y2v1nfrt", p = "v17_9_2buj9gr v17_9_2buj9gp v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_2buj9gq v17_9_1y2v1nfrn v17_9_1y2v1nft4 v17_9_1y2v1nfsi v17_9_1y2v1nfrw", C = "v17_9_2buj9gs", m = "v17_9_2buj9gt", k = "v17_9_2buj9gu", A = "v17_9_2buj9gv", B = "v17_9_2buj9gw v17_9_2buj9gp v17_9_1y2v1nfre v17_9_1y2v1nfrt", z = "v17_9_2buj9gx", D = "v17_9_2buj9gy", R = "v17_9_2buj9g11 v17_9_2buj9gz v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_2buj9g10 v17_9_1y2v1nfrg v17_9_1y2v1nfrz", S = "v17_9_2buj9g13 v17_9_2buj9g12 v17_9_1y2v1nfre", x = "v17_9_2buj9g17 v17_9_2buj9g15 v17_9_2buj9gz v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_2buj9g14 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfry v17_9_1y2v1nfs2 v17_9_2buj9g16 v17_9_1y2v1nfsi", I = "v17_9_2buj9g18 v17_9_2buj9g15 v17_9_2buj9gz v17_9_1y2v1nfh7 v17_9_1y2v1nfig v17_9_1y2v1nfjp v17_9_1y2v1nfky v17_9_1y2v1nftw v17_9_1y2v1nfh6 v17_9_2buj9g14 v17_9_1y2v1nfre v17_9_1y2v1nfrt v17_9_1y2v1nfry v17_9_1y2v1nfs2", O = "v17_9_2buj9g19", W = "v17_9_2buj9g1a", q = "v17_9_2buj9g1b", L = "v17_9_2buj9g1c", M = "v17_9_2buj9g1d", P = "v17_9_2buj9g1e";

package/dist/list.css.d.ts

@@ -11,6 +11,9 @@ export declare const rowContentPadding: string;
 export declare const content: string;
 export declare const innerContent: string;
 export declare const assetContainer: string;
+export declare const contentSmall: string;
+export declare const innerContentSmall: string;
+export declare const assetContainerSmall: string;
 export declare const asset: string;
 export declare const rowBody: string;
 export declare const center: string;
@@ -26,6 +29,7 @@ export declare const dualActionLeft: string;
 export declare const dualActionDivider: string;
 export declare const dualActionRight: string;
 export declare const dualActionRightIconButton: string;
+export declare const dualActionRightIconButtonSmall: string;
 export declare const ul: string;
 export declare const liWithCustomIcon: string;
 export declare const liWithoutMarker: string;