@telefonica/mistica 13.0.1 → 13.1.0

package/dist/button.js

@@ -9,34 +9,26 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ButtonDanger: function() {
-        return Pe;
-    },
-    ButtonLink: function() {
-        return Ie;
-    },
-    ButtonPrimary: function() {
-        return Ne;
-    },
-    ButtonSecondary: function() {
-        return Se;
-    }
+    ButtonDanger: ()=>Pe,
+    ButtonLink: ()=>Ie,
+    ButtonPrimary: ()=>Ne,
+    ButtonSecondary: ()=>Se
 });
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _spinnerJs = /*#__PURE__*/ _interopRequireDefault(require("./spinner.js"));
-var _touchableJs = require("./touchable.js");
-var _themeVariantContextJs = require("./theme-variant-context.js");
-var _formContextJs = require("./form-context.js");
-var _cssJs = require("./utils/css.js");
-var _textJs = require("./text.js");
-var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-var _commonJs = require("./utils/common.js");
-var _analyticsJs = require("./utils/analytics.js");
-var _hooksJs = require("./hooks.js");
-var _utilsJs = require("./skins/utils.js");
-var _buttonCssMisticaJs = require("./button.css-mistica.js");
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _spinnerJs = /*#__PURE__*/ _interopRequireDefault(require("./spinner.js"));
+const _touchableJs = require("./touchable.js");
+const _themeVariantContextJs = require("./theme-variant-context.js");
+const _formContextJs = require("./form-context.js");
+const _cssJs = require("./utils/css.js");
+const _textJs = require("./text.js");
+const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+const _commonJs = require("./utils/common.js");
+const _analyticsJs = require("./utils/analytics.js");
+const _hooksJs = require("./hooks.js");
+const _utilsJs = require("./skins/utils.js");
+const _buttonCssMisticaJs = require("./button.css-mistica.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -81,14 +73,6 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -102,33 +86,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -195,32 +152,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-var y = function y(param) {
-    var e = param.content, r = param.defaultIconSize, i = param.renderText;
-    var u = (0, _utilsJs.flattenChildren)(e), g = u.length, l = [];
-    var o = [];
-    var s = function s() {
+const y = (param)=>{
+    let { content: e , defaultIconSize: r , renderText: i  } = param;
+    const u = (0, _utilsJs.flattenChildren)(e), g = u.length, l = [];
+    let o = [];
+    const s = ()=>{
         l.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_react.Fragment, {
             children: i(o)
         }, l.length)), o = [];
     };
-    return u.forEach(function(a, n) {
+    return u.forEach((a, n)=>{
         var f;
-        var m = n === 0, v = n === g - 1;
+        const m = n === 0, v = n === g - 1;
         if (/*#__PURE__*/ _react.isValidElement(a)) {
             o.length && s();
-            var h = (f = a.props.size) != null ? f : r;
+            const h = (f = a.props.size) != null ? f : r;
             l.push(/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 style: {
                     display: "flex",
@@ -234,29 +180,25 @@ var y = function y(param) {
             }, l.length));
         } else o.push(a), v && s();
     }), l;
-}, S = /*#__PURE__*/ _react.forwardRef(function(e, r) {
+}, S = /*#__PURE__*/ _react.forwardRef((e, r)=>{
     var _;
-    var ref = (0, _analyticsJs.useTrackingConfig)(), i = ref.eventFormat, ref1 = (0, _formContextJs.useForm)(), u = ref1.formStatus, g = ref1.formId, l = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e.loadingText, s = !!e.submit, a = u === "sending", n = e.showSpinner || a && s, ref2 = _slicedToArray(_react.useState(!!n), 2), m = ref2[0], v = ref2[1];
-    _react.useEffect(function() {
+    const { eventFormat: i  } = (0, _analyticsJs.useTrackingConfig)(), { formStatus: u , formId: g  } = (0, _formContextJs.useForm)(), l = (0, _themeVariantContextJs.useIsInverseVariant)(), { loadingText: o  } = e, s = !!e.submit, a = u === "sending", n = e.showSpinner || a && s, [m, v] = _react.useState(!!n);
+    _react.useEffect(()=>{
         n && !m && v(!0);
     }, [
         n,
         m,
         u
     ]);
-    var _obj;
-    var P = function P() {
-        return i === "google-analytics-4" ? {
+    const P = ()=>i === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
-            component_type: "".concat(e.type, "_button"),
+            component_type: `${e.type}_button`,
             component_copy: (0, _commonJs.getTextFromChildren)(e.children)
         } : {
             category: _analyticsJs.eventCategories.userInteraction,
-            action: "".concat(e.type, "_button_tapped"),
+            action: `${e.type}_button_tapped`,
             label: (0, _commonJs.getTextFromChildren)(e.children)
-        };
-    }, f = e.small ? _buttonCssMisticaJs.SMALL_ICON_SIZE : _buttonCssMisticaJs.ICON_SIZE, h = (0, _cssJs.pxToRem)(e.small ? _buttonCssMisticaJs.SMALL_SPINNER_SIZE : _buttonCssMisticaJs.SPINNER_SIZE), I = function I(T) {
-        return e.small ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
+        }, f = e.small ? _buttonCssMisticaJs.SMALL_ICON_SIZE : _buttonCssMisticaJs.ICON_SIZE, h = (0, _cssJs.pxToRem)(e.small ? _buttonCssMisticaJs.SMALL_SPINNER_SIZE : _buttonCssMisticaJs.SPINNER_SIZE), I = (T)=>e.small ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
             size: 14,
             lineHeight: 20,
             weight: "medium",
@@ -270,10 +212,12 @@ var y = function y(param) {
             color: "inherit",
             as: "div",
             children: T
-        });
-    }, b = {
+        }), b = {
         ref: r,
-        className: (0, _classnames.default)(l ? _buttonCssMisticaJs.inverseVariants[e.type] : _buttonCssMisticaJs.variants[e.type], e.className, (_obj = {}, _defineProperty(_obj, _buttonCssMisticaJs.small, e.small), _defineProperty(_obj, _buttonCssMisticaJs.isLoading, n), _obj)),
+        className: (0, _classnames.default)(l ? _buttonCssMisticaJs.inverseVariants[e.type] : _buttonCssMisticaJs.variants[e.type], e.className, {
+            [_buttonCssMisticaJs.small]: e.small,
+            [_buttonCssMisticaJs.isLoading]: n
+        }),
         style: _objectSpread({
             cursor: e.fake ? "pointer" : void 0
         }, e.style),
@@ -309,7 +253,7 @@ var y = function y(param) {
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                     "aria-hidden": n ? void 0 : !0,
                     className: _buttonCssMisticaJs.loadingContent,
-                    onTransitionEnd: function onTransitionEnd() {
+                    onTransitionEnd: ()=>{
                         n !== m && v(n);
                     },
                     children: [
@@ -350,7 +294,7 @@ var y = function y(param) {
     if (e.submit) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpread({
         type: "submit",
         formId: g,
-        onPress: function onPress() {}
+        onPress: ()=>{}
     }, b));
     if (e.onPress) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, b), {
         onPress: e.onPress
@@ -366,11 +310,9 @@ var y = function y(param) {
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ie = /*#__PURE__*/ _react.forwardRef(function(e, r) {
+}), Ie = /*#__PURE__*/ _react.forwardRef((e, r)=>{
     var a;
-    var _obj;
-    var ref = (0, _formContextJs.useForm)(), i = ref.formStatus, u = (0, _themeVariantContextJs.useIsInverseVariant)(), ref1 = (0, _hooksJs.useTheme)(), g = ref1.analytics, l = function l() {
-        return g.eventFormat === "google-analytics-4" ? {
+    const { formStatus: i  } = (0, _formContextJs.useForm)(), u = (0, _themeVariantContextJs.useIsInverseVariant)(), { analytics: g  } = (0, _hooksJs.useTheme)(), l = ()=>g.eventFormat === "google-analytics-4" ? {
             name: _analyticsJs.eventNames.userInteraction,
             component_type: "link",
             component_copy: (0, _commonJs.getTextFromChildren)(e.children)
@@ -378,16 +320,16 @@ var y = function y(param) {
             category: _analyticsJs.eventCategories.userInteraction,
             action: _analyticsJs.eventActions.linkTapped,
             label: (0, _commonJs.getTextFromChildren)(e.children)
-        };
-    }, o = function o(n) {
-        return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+        }, o = (n)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
             medium: !0,
             truncate: 1,
             color: "inherit",
             children: n
-        });
-    }, s = {
-        className: (0, _classnames.default)(_buttonCssMisticaJs.link, (_obj = {}, _defineProperty(_obj, _buttonCssMisticaJs.inverseLink, u), _defineProperty(_obj, _buttonCssMisticaJs.alignedLink, e.aligned), _obj)),
+        }), s = {
+        className: (0, _classnames.default)(_buttonCssMisticaJs.link, {
+            [_buttonCssMisticaJs.inverseLink]: u,
+            [_buttonCssMisticaJs.alignedLink]: e.aligned
+        }),
         trackingEvent: (a = e.trackingEvent) != null ? a : e.trackEvent ? l() : void 0,
         dataAttributes: _objectSpread({
             "component-name": "ButtonLink"
@@ -422,8 +364,8 @@ var y = function y(param) {
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Ne = /*#__PURE__*/ _react.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Ne = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({
@@ -434,8 +376,8 @@ var y = function y(param) {
         ref: i,
         type: "primary"
     }));
-}), Se = /*#__PURE__*/ _react.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Se = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({
@@ -446,8 +388,8 @@ var y = function y(param) {
         ref: i,
         type: "secondary"
     }));
-}), Pe = /*#__PURE__*/ _react.forwardRef(function(_param, i) /* @__PURE__ */ {
-    var e = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+}), Pe = /*#__PURE__*/ _react.forwardRef((_param, i)=>/* @__PURE__ */ {
+    var { dataAttributes: e  } = _param, r = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxRuntimeJs.jsx)(S, _objectSpreadProps(_objectSpread({

package/dist/callout.css-mistica.js

@@ -9,13 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    container: function() {
-        return v;
-    },
-    content: function() {
-        return _;
-    }
+    container: ()=>v,
+    content: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./callout.css.ts.vanilla.js");
-var v = "_14g0jmy1 _1y2v1nf5q _1y2v1nf64 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf90 _1y2v1nf94", _ = "_14g0jmy3 _1y2v1nf5k";
+var v = "_14g0jmy1 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf98 _1y2v1nf9c", _ = "_14g0jmy3 _1y2v1nf5s";

package/dist/callout.css.ts.vanilla.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-var a = "";
+const a = "";

package/dist/callout.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
 import type { DataAttributes, RendersNullableElement } from './utils/types';
-declare type Props = {
+type Props = {
     title?: string;
     description: string;
     onClose?: () => void;

package/dist/callout.js

@@ -4,25 +4,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return O;
-    }
+    get: ()=>O
 });
-var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
-var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-var _hooksJs = require("./hooks.js");
-var _themeVariantContextJs = require("./theme-variant-context.js");
-var _textJs = require("./text.js");
-var _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
-var _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
-var _calloutCssMisticaJs = require("./callout.css-mistica.js");
-var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
-var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-var _domJs = require("./utils/dom.js");
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
+const _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+const _hooksJs = require("./hooks.js");
+const _themeVariantContextJs = require("./theme-variant-context.js");
+const _textJs = require("./text.js");
+const _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
+const _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
+const _calloutCssMisticaJs = require("./callout.css-mistica.js");
+const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+const _domJs = require("./utils/dom.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -80,9 +78,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var O = function O(param) {
-    var s = param.title, p = param.description, i = param.icon, n = param.onClose, l = param.button, a = param.secondaryButton, m = param.buttonLink, t = param["aria-label"], f = param.dataAttributes;
-    var u = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), d = ref.texts;
+const O = (param)=>{
+    let { title: s , description: p , icon: i , onClose: n , button: l , secondaryButton: a , buttonLink: m , "aria-label": t , dataAttributes: f  } = param;
+    const u = (0, _themeVariantContextJs.useIsInverseVariant)(), { texts: d  } = (0, _hooksJs.useTheme)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", _objectSpreadProps(_objectSpread({
         className: (0, _classnames.default)(_calloutCssMisticaJs.container, (0, _sprinklesCssMisticaJs.sprinkles)({
             background: u ? _skinContractCssMisticaJs.vars.colors.backgroundContainer : _skinContractCssMisticaJs.vars.colors.backgroundAlternative

package/dist/card.css-mistica.js

@@ -9,31 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    actions: function() {
-        return y;
-    },
-    boxed: function() {
-        return _;
-    },
-    dataCard: function() {
-        return f;
-    },
-    mediaCard: function() {
-        return a;
-    },
-    mediaCardContent: function() {
-        return r;
-    },
-    snapCard: function() {
-        return e;
-    },
-    snapCardTouchableHover: function() {
-        return s;
-    },
-    snapCardTouchableHoverTransparent: function() {
-        return d;
-    }
+    actions: ()=>_,
+    boxed: ()=>y,
+    dataCard: ()=>f,
+    mediaCard: ()=>a,
+    mediaCardContent: ()=>r,
+    snapCard: ()=>e,
+    snapCardTouchableHover: ()=>d,
+    snapCardTouchableHoverTransparent: ()=>s
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./card.css.ts.vanilla.js");
-var y = "_15e54s91 _1y2v1nf4y _1y2v1nf5k _1y2v1nf5e", _ = "_1y2v1nf4y", f = "_15e54s97 _1y2v1nf6i _1y2v1nf6w _1y2v1nf5r _1y2v1nf65 _1y2v1nf4y _1y2v1nf5k _1y2v1nf54", a = "_1y2v1nf4y _1y2v1nf54 _1y2v1nf7l _1y2v1nf75", r = "_15e54s95 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf5k _1y2v1nf5q _1y2v1nf65 _1y2v1nf54", e = "_15e54s99 _1y2v1nf5q _1y2v1nf64 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf7l _1y2v1nf54 _1y2v1nf5a _1y2v1nf5k", s = "_15e54s9b _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4y _1y2v1nf7l _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s", d = "_15e54s9c _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf4y _1y2v1nf7l _1y2v1nf75 _1y2v1nf8w _1y2v1nf4s";
+var _ = "_15e54s91 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5m", y = "_1y2v1nf56", f = "_15e54s97 _1y2v1nf6q _1y2v1nf74 _1y2v1nf5z _1y2v1nf6d _1y2v1nf56 _1y2v1nf5s _1y2v1nf5c", a = "_1y2v1nf56 _1y2v1nf5c _1y2v1nf7t _1y2v1nf7d", r = "_15e54s95 _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5y _1y2v1nf6d _1y2v1nf5c", e = "_15e54s99 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf7t _1y2v1nf5c _1y2v1nf5i _1y2v1nf5s", d = "_15e54s9b _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50", s = "_15e54s9c _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50";

package/dist/card.css.ts.vanilla.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-var a = "";
+const a = "";

package/dist/card.d.ts

@@ -4,7 +4,7 @@ import { ButtonLink, ButtonPrimary } from './button';
 import Video from './video';
 import Image from './image';
 import type { DataAttributes, RendersElement, RendersNullableElement, TrackingEvent } from './utils/types';
-declare type MediaCardProps = {
+type MediaCardProps = {
     media: RendersElement<typeof Image> | RendersElement<typeof Video>;
     headline?: string | RendersNullableElement<typeof Tag>;
     pretitle?: string;
@@ -79,6 +79,6 @@ interface SnapCardOnPressProps extends SnapCardBaseProps {
     href?: undefined;
     to?: undefined;
 }
-declare type SnapCardProps = SnapCardToProps | SnapCardHrefProps | SnapCardOnPressProps;
+type SnapCardProps = SnapCardToProps | SnapCardHrefProps | SnapCardOnPressProps;
 export declare const SnapCard: React.ForwardRefExoticComponent<SnapCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/card.js

@@ -9,31 +9,25 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DataCard: function() {
-        return or;
-    },
-    MediaCard: function() {
-        return nr;
-    },
-    SnapCard: function() {
-        return sr;
-    }
+    DataCard: ()=>or,
+    MediaCard: ()=>nr,
+    SnapCard: ()=>sr
 });
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _tagJs = /*#__PURE__*/ _interopRequireDefault(require("./tag.js"));
-var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-var _textJs = require("./text.js");
-var _boxedJs = require("./boxed.js");
-var _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
-var _imageJs = require("./image.js");
-var _maybeDismissableJs = /*#__PURE__*/ _interopRequireWildcard(require("./maybe-dismissable.js"));
-var _touchableJs = require("./touchable.js");
-var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-var _cardCssMisticaJs = require("./card.css-mistica.js");
-var _hooksJs = require("./hooks.js");
-var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _tagJs = /*#__PURE__*/ _interopRequireDefault(require("./tag.js"));
+const _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
+const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+const _textJs = require("./text.js");
+const _boxedJs = require("./boxed.js");
+const _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-group.js"));
+const _imageJs = require("./image.js");
+const _maybeDismissableJs = /*#__PURE__*/ _interopRequireWildcard(require("./maybe-dismissable.js"));
+const _touchableJs = require("./touchable.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+const _cardCssMisticaJs = require("./card.css-mistica.js");
+const _hooksJs = require("./hooks.js");
+const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -157,14 +151,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var S = function S(param) {
-    var e = param.headline, a = param.pretitle, t = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, d = param.subtitle, u = param.subtitleLinesMax, s = param.description, l = param.descriptionLinesMax, i = param.extra, c = param.button, m = param.buttonLink;
-    var p = function p() {
-        return e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
+const S = (param)=>{
+    let { headline: e , pretitle: a , pretitleLinesMax: t , title: n , titleLinesMax: h , subtitle: d , subtitleLinesMax: u , description: s , descriptionLinesMax: l , extra: i , button: c , buttonLink: m  } = param;
+    const p = ()=>e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
             type: "promo",
             children: e
         }) : e : null;
-    };
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
         className: (0, _sprinklesCssMisticaJs.sprinkles)({
             display: "flex",
@@ -233,8 +225,8 @@ var S = function S(param) {
             })
         ]
     });
-}, M = function M(param) {
-    var e = param["aria-label"], a = param.className, t = param.children;
+}, M = (param)=>{
+    let { "aria-label": e , className: a , children: t  } = param;
     return (0, _maybeDismissableJs.useIsDismissable)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: a,
         children: t
@@ -243,9 +235,9 @@ var S = function S(param) {
         "aria-label": e,
         children: t
     });
-}, nr = /*#__PURE__*/ _react.forwardRef(function(param, x) {
-    var e = param.media, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, d = param.subtitleLinesMax, u = param.title, s = param.titleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
+}, nr = /*#__PURE__*/ _react.forwardRef((param, x)=>/* @__PURE__ */ {
+    let { media: e , headline: a , pretitle: t , pretitleLinesMax: n , subtitle: h , subtitleLinesMax: d , title: u , titleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
+    return (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         onClose: v,
         "aria-label": f,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
@@ -284,9 +276,9 @@ var S = function S(param) {
             })
         })
     });
-}), or = /*#__PURE__*/ _react.forwardRef(function(param, x) {
-    var e = param.icon, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.title, d = param.titleLinesMax, u = param.subtitle, s = param.subtitleLinesMax, l = param.description, i = param.descriptionLinesMax, c = param.extra, m = param.button, p = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], v = param.onClose;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
+}), or = /*#__PURE__*/ _react.forwardRef((param, x)=>/* @__PURE__ */ {
+    let { icon: e , headline: a , pretitle: t , pretitleLinesMax: n , title: h , titleLinesMax: d , subtitle: u , subtitleLinesMax: s , description: l , descriptionLinesMax: i , extra: c , button: m , buttonLink: p , dataAttributes: g , "aria-label": f , onClose: v  } = param;
+    return (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         "aria-label": f,
         onClose: v,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
@@ -323,8 +315,8 @@ var S = function S(param) {
             })
         })
     });
-}), sr = /*#__PURE__*/ _react.forwardRef(function(_param, c) {
-    var e = _param.icon, a = _param.title, t = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, d = _param.dataAttributes, u = _param["aria-label"], s = _param.extra, tmp = _param.isInverse, l = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
+}), sr = /*#__PURE__*/ _react.forwardRef((_param, c)=>{
+    var { icon: e , title: a , titleLinesMax: t , subtitle: n , subtitleLinesMax: h , dataAttributes: d , "aria-label": u , extra: s , isInverse: l = !1  } = _param, i = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -335,7 +327,7 @@ var S = function S(param) {
         "extra",
         "isInverse"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), m = ref.isDarkMode, p = Boolean(i.to || i.href || i.onPress);
+    const { isDarkMode: m  } = (0, _hooksJs.useTheme)(), p = Boolean(i.to || i.href || i.onPress);
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
         className: _cardCssMisticaJs.boxed,
         dataAttributes: _objectSpread({