@telefonica/mistica 14.18.2 → 14.20.0

package/dist-es/community/advanced-data-card.css-mistica.js

@@ -1,7 +1,7 @@
 import "../sprinkles.css.ts.vanilla.css-mistica.js";
 import "./advanced-data-card.css.ts.vanilla.css-mistica.js";
-var _ = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", n = {
+var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", _ = {
     default: "_1x00frui",
     mobile: "_1x00fruj"
-}, v = "_1x00fruq", a = "_1x00fru5 _1y2v1nfb4", t = "_1x00frul", y = "_1x00frum _1x00frul", u = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nf68 _1y2v1nf7t", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", i = "_1x00frug", o = "_1x00frun", b = "_1x00frup _1y2v1nfb4 _1y2v1nfb9", e = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", d = "_1x00fru6", g = "_1x00fruk", m = "_1y2v1nff5", c = "_1x00fru9", l = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5";
-export { _ as actions, n as actionsVariants, v as adjustButtonLink, a as boxed, t as button, y as buttonMobile, u as cardContentStyle, x as dataCard, i as divider, o as extraTop, b as footerDirection, e as footerText, d as interaction, g as marginRightAuto, m as marginRightButton, c as minHeight, l as paddingX };
+}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb4 _1y2v1nfb9", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", b = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nff5", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc8 _1y2v1nfba";
+export { v as actions, _ as actionsVariants, n as adjustButtonLink, a as button, t as buttonMobile, y as cardContentStyle, u as dataCard, o as divider, i as footerDirection, x as footerText, b as hoverEffect, e as marginRightAuto, d as marginRightButton, c as minHeight, g as paddingX, l as touchableContainer };

package/dist-es/community/advanced-data-card.js

@@ -26,231 +26,244 @@ function _object_spread(target) {
     }
     return target;
 }
-import { jsx as e, jsxs as r, Fragment as F } from "react/jsx-runtime";
-import * as V from "react";
-import { Boxed as W } from "../boxed.js";
-import { sprinkles as s } from "../sprinkles.css-mistica.js";
-import f from "../stack.js";
-import { boxed as X, dataCard as Y, interaction as q, cardContentStyle as E, minHeight as J, extraTop as K, paddingX as O, divider as Q, actions as U, actionsVariants as Z, marginRightButton as _, buttonMobile as D, footerDirection as $, marginRightAuto as ee, footerText as re, adjustButtonLink as te, button as ae } from "./advanced-data-card.css-mistica.js";
-import R from "../divider.js";
-import { Text2 as v, Text as ie } from "../text.js";
+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;
+}
+import { jsxs as t, jsx as e, Fragment as G } from "react/jsx-runtime";
+import * as M from "react";
+import { Boxed as U } from "../boxed.js";
+import { sprinkles as N } from "../sprinkles.css-mistica.js";
+import T from "../stack.js";
+import { dataCard as V, touchableContainer as X, hoverEffect as Y, cardContentStyle as Z, minHeight as q, paddingX as J, divider as K, actions as Q, actionsVariants as $, marginRightButton as ee, buttonMobile as R, footerDirection as te, marginRightAuto as re, footerText as ae, adjustButtonLink as ie, button as oe } from "./advanced-data-card.css-mistica.js";
+import F from "../divider.js";
+import { Text2 as f, Text as ne } from "../text.js";
 import { vars as y } from "../skins/skin-contract.css-mistica.js";
-import N from "../box.js";
-import oe from "../touchable.js";
-import p from "classnames";
-import { CardActionsGroup as ne } from "../card.js";
-import { useTheme as se } from "../hooks.js";
-const ce = (param)=>{
-    let { headline: a , pretitle: i , pretitleAs: c = "p" , pretitleLinesMax: u , title: d , titleAs: l = "h3" , titleLinesMax: h , subtitle: m , subtitleLinesMax: o , description: t , descriptionLinesMax: g  } = param;
-    const { textPresets: x  } = se();
-    return /* @__PURE__ */ e(F, {
-        children: /* @__PURE__ */ e(f, {
-            space: 4,
-            children: /* @__PURE__ */ e("header", {
-                children: /* @__PURE__ */ r(f, {
-                    space: 4,
-                    children: [
-                        a,
-                        /* @__PURE__ */ r(f, {
-                            space: 4,
-                            children: [
-                                i && /* @__PURE__ */ e(v, {
-                                    color: y.colors.textPrimary,
-                                    truncate: u,
-                                    as: c,
-                                    regular: !0,
-                                    hyphens: "auto",
-                                    children: i
-                                }),
-                                /* @__PURE__ */ e(ie, {
-                                    mobileSize: 18,
-                                    mobileLineHeight: "24px",
-                                    desktopSize: 20,
-                                    desktopLineHeight: "28px",
-                                    truncate: h,
-                                    weight: x.cardTitle.weight,
-                                    as: l,
-                                    hyphens: "auto",
-                                    children: d
-                                }),
-                                /* @__PURE__ */ e(v, {
-                                    color: y.colors.textPrimary,
-                                    truncate: o,
-                                    as: "p",
-                                    regular: !0,
-                                    hyphens: "auto",
-                                    children: m
-                                })
-                            ]
-                        }),
-                        t && /* @__PURE__ */ e(v, {
-                            truncate: g,
-                            as: "p",
-                            regular: !0,
-                            color: y.colors.textSecondary,
-                            hyphens: "auto",
-                            children: t
-                        })
-                    ]
-                })
+import v from "../box.js";
+import se from "../touchable.js";
+import h from "classnames";
+import { CardActionsGroup as ce, TOP_ACTION_BUTTON_SIZE as de } from "../card.js";
+import { useTheme as le } from "../hooks.js";
+import { getPrefixedDataAttributes as he } from "../utils/dom.js";
+import me from "../inline.js";
+const pe = (param)=>{
+    let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: m , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: p  } = param;
+    const { textPresets: x  } = le();
+    return /* @__PURE__ */ t(T, {
+        space: 4,
+        children: [
+            i,
+            /* @__PURE__ */ t(T, {
+                space: 4,
+                children: [
+                    a && /* @__PURE__ */ e(f, {
+                        color: y.colors.textPrimary,
+                        truncate: m,
+                        as: n,
+                        regular: !0,
+                        hyphens: "auto",
+                        children: a
+                    }),
+                    /* @__PURE__ */ e(ne, {
+                        mobileSize: 18,
+                        mobileLineHeight: "24px",
+                        desktopSize: 20,
+                        desktopLineHeight: "28px",
+                        truncate: d,
+                        weight: x.cardTitle.weight,
+                        as: c,
+                        hyphens: "auto",
+                        children: s
+                    }),
+                    /* @__PURE__ */ e(f, {
+                        color: y.colors.textPrimary,
+                        truncate: o,
+                        as: "p",
+                        regular: !0,
+                        hyphens: "auto",
+                        children: l
+                    })
+                ]
+            }),
+            r && /* @__PURE__ */ e(f, {
+                truncate: p,
+                as: "p",
+                regular: !0,
+                color: y.colors.textSecondary,
+                hyphens: "auto",
+                children: r
             })
-        })
+        ]
     });
-}, de = (param)=>{
-    let { button: a , footerImage: i , footerText: c , footerTextLinesMax: u , buttonLink: d  } = param;
-    const l = !!a, h = !!i, m = !!c, o = !!d, t = l && (h || m) && o, g = o && !t ? "178px" : "";
-    return /* @__PURE__ */ r(F, {
+}, ue = (param)=>{
+    let { button: i , footerImage: a , footerText: n , footerTextLinesMax: m , buttonLink: s  } = param;
+    const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, p = o && !r ? "178px" : "";
+    return /* @__PURE__ */ t(G, {
         children: [
             /* @__PURE__ */ e("div", {
-                className: Q,
-                children: /* @__PURE__ */ e(R, {})
+                className: K,
+                children: /* @__PURE__ */ e(F, {})
             }),
-            /* @__PURE__ */ r("div", {
-                className: p(U, Z[t ? "mobile" : "default"]),
+            /* @__PURE__ */ t("div", {
+                className: h(Q, $[r ? "mobile" : "default"]),
                 children: [
-                    l && /* @__PURE__ */ e("div", {
-                        className: p(_, D),
-                        children: a
+                    c && /* @__PURE__ */ e("div", {
+                        className: h(ee, R),
+                        children: i
                     }),
-                    /* @__PURE__ */ r("div", {
-                        className: p($, t ? ee : s({
+                    /* @__PURE__ */ t("div", {
+                        className: h(te, r ? re : N({
                             paddingTop: 16
                         })),
                         children: [
-                            h && /* @__PURE__ */ e(N, {
+                            d && /* @__PURE__ */ e(v, {
                                 paddingRight: 16,
-                                className: s({
+                                className: N({
                                     alignItems: "center",
                                     display: "flex"
                                 }),
-                                children: i
+                                children: a
                             }),
-                            m && /* @__PURE__ */ e("div", {
+                            l && /* @__PURE__ */ e("div", {
                                 style: {
-                                    maxWidth: g
+                                    maxWidth: p
                                 },
-                                className: re,
-                                children: /* @__PURE__ */ e(v, {
-                                    truncate: u,
+                                className: ae,
+                                children: /* @__PURE__ */ e(f, {
+                                    truncate: m,
                                     regular: !0,
-                                    children: c
+                                    children: n
                                 })
                             })
                         ]
                     }),
                     o && /* @__PURE__ */ e("div", {
-                        className: p(te, t ? ae : D),
-                        children: d
+                        className: h(ie, r ? oe : R),
+                        children: s
                     })
                 ]
             })
         ]
     });
-}, le = /*#__PURE__*/ V.forwardRef((param, L)=>{
-    let { onPress: a , stackingGroup: i , headline: c , pretitle: u , pretitleAs: d , pretitleLinesMax: l , title: h , titleAs: m , titleLinesMax: o , subtitle: t , subtitleLinesMax: g , description: x , descriptionLinesMax: S , extra: n , extraDividerPadding: k = 24 , button: b , footerImage: T , footerText: C , footerTextLinesMax: j , buttonLink: A , dataAttributes: H , actions: P , "aria-label": z , onClose: I  } = param;
-    const G = {
-        button: b,
-        footerImage: T,
-        footerText: C,
-        footerTextLinesMax: j,
-        buttonLink: A
-    }, B = !!b || !!T || !!C || !!A;
-    return /* @__PURE__ */ e("section", {
-        className: s({
+}, ge = /*#__PURE__*/ M.forwardRef((param, O)=>{
+    let { onPress: i , stackingGroup: a , headline: n , pretitle: m , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: p , description: x , descriptionLinesMax: P , extra: u , extraDividerPadding: j = 24 , button: C , footerImage: b , footerText: A , footerTextLinesMax: k , buttonLink: B , dataAttributes: E , actions: g , "aria-label": H , onClose: S  } = param;
+    const _ = {
+        button: C,
+        footerImage: b,
+        footerText: A,
+        footerTextLinesMax: k,
+        buttonLink: B
+    }, w = !!C || !!b || !!A || !!B, D = !!(u != null && u.length), z = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), L = {
+        marginRight: -16,
+        marginTop: -24,
+        width: de * z
+    };
+    return /* @__PURE__ */ t("section", _object_spread_props(_object_spread({
+        className: N({
             position: "relative",
             height: "100%"
-        }),
-        children: /* @__PURE__ */ e(W, {
-            className: X,
-            dataAttributes: _object_spread({
-                "component-name": "AdvancedDataCard"
-            }, H),
-            ref: L,
-            width: "100%",
-            height: "100%",
-            children: /* @__PURE__ */ r("div", {
-                className: Y,
+        })
+    }, he(E, "AdvancedDataCard")), {
+        ref: O,
+        children: [
+            /* @__PURE__ */ t(U, {
+                className: V,
+                height: "100%",
                 children: [
-                    /* @__PURE__ */ e(oe, {
-                        onPress: a,
+                    /* @__PURE__ */ t(se, {
+                        onPress: i,
                         tabIndex: 0,
                         maybe: !0,
-                        className: s({
-                            position: "relative",
-                            height: "100%"
+                        className: h(X, {
+                            [Y]: !!i
                         }),
-                        "aria-label": z,
-                        children: /* @__PURE__ */ r("div", {
-                            className: a ? q : "",
-                            children: [
-                                /* @__PURE__ */ r("div", {
-                                    className: p(E, !B && !n ? J : ""),
-                                    children: [
-                                        /* @__PURE__ */ e(N, {
-                                            paddingTop: 8,
-                                            children: /* @__PURE__ */ r(f, {
+                        "aria-label": H,
+                        children: [
+                            /* @__PURE__ */ e("div", {
+                                className: h(Z, !w && !D ? q : ""),
+                                children: /* @__PURE__ */ e(v, {
+                                    paddingTop: 8,
+                                    children: /* @__PURE__ */ t(me, {
+                                        space: 0,
+                                        children: [
+                                            /* @__PURE__ */ t(T, {
                                                 space: 8,
-                                                className: s({
-                                                    flex: 1
-                                                }),
                                                 children: [
-                                                    i,
-                                                    /* @__PURE__ */ e(ce, {
-                                                        headline: c,
-                                                        pretitle: u,
-                                                        pretitleAs: d,
-                                                        pretitleLinesMax: l,
-                                                        title: h,
-                                                        titleAs: m,
+                                                    a,
+                                                    /* @__PURE__ */ e(pe, {
+                                                        headline: n,
+                                                        pretitle: m,
+                                                        pretitleAs: s,
+                                                        pretitleLinesMax: c,
+                                                        title: d,
+                                                        titleAs: l,
                                                         titleLinesMax: o,
-                                                        subtitle: t,
-                                                        subtitleLinesMax: g,
+                                                        subtitle: r,
+                                                        subtitleLinesMax: p,
                                                         description: x,
-                                                        descriptionLinesMax: S
+                                                        descriptionLinesMax: P
                                                     })
                                                 ]
+                                            }),
+                                            !a && /* @__PURE__ */ e("div", {
+                                                style: L
                                             })
-                                        }),
-                                        /* @__PURE__ */ e(ne, {
-                                            actions: P,
-                                            onClose: I
-                                        })
-                                    ]
-                                }),
-                                /* @__PURE__ */ e("div", {
-                                    className: K,
-                                    children: n && n != null && n.length ? /* @__PURE__ */ e(N, {
-                                        paddingTop: 16,
-                                        paddingBottom: 24,
-                                        children: n.map((M, w)=>/* @__PURE__ */ r("div", {
-                                                children: [
-                                                    /* @__PURE__ */ e("div", {
-                                                        className: s({
-                                                            display: "flex",
-                                                            width: "100%"
-                                                        }),
-                                                        children: /* @__PURE__ */ e("div", {
-                                                            className: p(s({
-                                                                width: "100%"
-                                                            }), O),
-                                                            children: M
-                                                        })
-                                                    }),
-                                                    w + 1 !== n.length && /* @__PURE__ */ e(N, {
-                                                        paddingY: k,
-                                                        children: /* @__PURE__ */ e(R, {})
-                                                    })
-                                                ]
-                                            }, w))
-                                    }) : null
+                                        ]
+                                    })
                                 })
-                            ]
-                        })
+                            }),
+                            /* @__PURE__ */ e("div", {
+                                style: {
+                                    flexGrow: 1
+                                }
+                            }),
+                            D && /* @__PURE__ */ e(v, {
+                                paddingTop: 16,
+                                paddingBottom: 24,
+                                width: "100%",
+                                children: u.map((W, I)=>/* @__PURE__ */ t("div", {
+                                        children: [
+                                            /* @__PURE__ */ e("div", {
+                                                className: J,
+                                                children: W
+                                            }),
+                                            I + 1 !== u.length && /* @__PURE__ */ e(v, {
+                                                paddingY: j,
+                                                children: /* @__PURE__ */ e(F, {})
+                                            })
+                                        ]
+                                    }, I))
+                            })
+                        ]
                     }),
-                    B && /* @__PURE__ */ e(de, _object_spread({}, G))
+                    w && /* @__PURE__ */ e(ue, _object_spread({}, _))
                 ]
+            }),
+            /* @__PURE__ */ e(ce, {
+                actions: g,
+                onClose: S
             })
-        })
-    });
-}), Ae = le;
-export { le as AdvancedDataCard, Ae as default };
+        ]
+    }));
+}), Fe = ge;
+export { ge as AdvancedDataCard, Fe as default };

package/dist-es/generated/mistica-icons/icon-subtract-circle-filled.js

@@ -0,0 +1,101 @@
+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;
+}
+import { jsx as o } from "react/jsx-runtime";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const l = n(), s = e !== null && e !== void 0 ? e : l ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ o("path", {
+            fill: s,
+            d: "M11.617 1c.287 0 .588.006.845.013 2.154.05 10.541.901 10.538 11.018 0 10.136-8.397 10.925-10.498 10.963-.194.003-.419.006-.648.006-.118 0-.24 0-.356-.003C9.288 22.966 1 22.167 1 11.966 1 1.776 9.209 1.019 11.42 1h.197zm5.866 11.687a.69.69 0 00.69-.685.691.691 0 00-.69-.692H6.516a.689.689 0 100 1.377h10.967z"
+        })
+    }));
+}, d = c;
+export { d as default };