@telefonica/mistica 12.11.0 → 12.12.0

package/dist/callout.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return y;
+        return v;
     },
     content: function() {
         return _;
@@ -18,4 +18,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./callout.css.ts.vanilla.js");
-var y = "_14g0jmy1 _1y2v1nf83 _1y2v1nf8h _1y2v1nf8v _1y2v1nf99 _1y2v1nf7b _1y2v1nfbd _1y2v1nfbh", _ = "_14g0jmy3 _1y2v1nf7x";
+var v = "_14g0jmy1 _1y2v1nf5q _1y2v1nf64 _1y2v1nf6i _1y2v1nf6w _1y2v1nf4y _1y2v1nf90 _1y2v1nf94", _ = "_14g0jmy3 _1y2v1nf5k";

package/dist/callout.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ButtonLink, ButtonPrimary, ButtonSecondary } from './button';
-import type { RendersNullableElement } from './utils/types';
+import type { DataAttributes, RendersNullableElement } from './utils/types';
 declare type Props = {
     title?: string;
     description: string;
@@ -11,6 +11,7 @@ declare type Props = {
     buttonLink?: RendersNullableElement<typeof ButtonLink>;
     children?: void;
     'aria-label'?: string;
+    dataAttributes?: DataAttributes;
 };
 declare const Callout: React.FC<Props>;
 export default Callout;

package/dist/callout.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return K;
+        return Q;
     }
 });
 var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
@@ -21,28 +21,80 @@ var _buttonGroupJs = /*#__PURE__*/ _interopRequireDefault(require("./button-grou
 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");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var K = function K(param) {
-    var t = param.title, f = param.description, n = param.icon, s = param.onClose, i = param.button, l = param.secondaryButton, a = param.buttonLink, o = param["aria-label"];
-    var u = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), m = ref.colors, h = ref.texts;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
-        className: (0, _classnames.default)(_calloutCssMisticaJs.container, u ? (0, _sprinklesCssMisticaJs.sprinkles)({
-            backgroundColor: _skinContractCssMisticaJs.vars.colors.backgroundContainer
-        }) : (0, _sprinklesCssMisticaJs.sprinkles)({
-            backgroundColor: _skinContractCssMisticaJs.vars.colors.backgroundAlternative
+function _defineProperty(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 _objectSpread(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) {
+            _defineProperty(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 _objectSpreadProps(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;
+}
+var Q = function Q(param) {
+    var o = param.title, f = param.description, i = param.icon, s = param.onClose, n = param.button, l = param.secondaryButton, a = param.buttonLink, t = param["aria-label"], u = param.dataAttributes;
+    var d = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), m = ref.colors, h = ref.texts;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", _objectSpreadProps(_objectSpread({
+        className: (0, _classnames.default)(_calloutCssMisticaJs.container, (0, _sprinklesCssMisticaJs.sprinkles)({
+            background: d ? _skinContractCssMisticaJs.vars.colors.backgroundContainer : _skinContractCssMisticaJs.vars.colors.backgroundAlternative
         })),
-        "aria-label": o != null ? o : t,
+        "aria-label": t != null ? t : o
+    }, (0, _domJs.getPrefixedDataAttributes)(u, "Callout")), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_themeVariantContextJs.ThemeVariant, {
             isInverse: !1,
             children: [
-                n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                i && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                     paddingRight: 16,
-                    children: n
+                    children: i
                 }),
                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _calloutCssMisticaJs.content,
@@ -60,7 +112,7 @@ var K = function K(param) {
                                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                                                 as: "h2",
                                                 regular: !0,
-                                                children: t
+                                                children: o
                                             }),
                                             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                                 as: "p",
@@ -87,8 +139,8 @@ var K = function K(param) {
                                     })
                                 ]
                             }),
-                            (i || l || a) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
-                                primaryButton: i,
+                            (n || l || a) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
+                                primaryButton: n,
                                 secondaryButton: l,
                                 link: a
                             })
@@ -97,5 +149,5 @@ var K = function K(param) {
                 })
             ]
         })
-    });
+    }));
 };

package/dist/callout.js.flow

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 import { ButtonLink, ButtonPrimary, ButtonSecondary } from "./button";
-import type { RendersNullableElement } from "./utils/types";
+import type { DataAttributes, RendersNullableElement } from "./utils/types";
 declare type Props = {
   title?: string,
   description: string,
@@ -12,6 +12,7 @@ declare type Props = {
   secondaryButton?: RendersNullableElement<typeof ButtonSecondary>,
   buttonLink?: RendersNullableElement<typeof ButtonLink>,
   "aria-label"?: string,
+  dataAttributes?: DataAttributes,
 };
 declare var Callout: React.ComponentType<Props>;
 declare export default typeof Callout;

package/dist/card.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     actions: function() {
-        return _;
+        return y;
     },
     boxed: function() {
-        return y;
+        return _;
     },
     dataCard: function() {
         return f;
@@ -28,12 +28,12 @@ _export(exports, {
         return e;
     },
     snapCardTouchableHover: function() {
-        return b;
+        return s;
     },
     snapCardTouchableHoverTransparent: function() {
-        return s;
+        return d;
     }
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./card.css.ts.vanilla.js");
-var _ = "_15e54s91 _1y2v1nf7b _1y2v1nf7x _1y2v1nf7r", y = "_1y2v1nf7b", f = "_15e54s97 _1y2v1nf8v _1y2v1nf99 _1y2v1nf84 _1y2v1nf8i _1y2v1nf7b _1y2v1nf7x _1y2v1nf7h", a = "_1y2v1nf7b _1y2v1nf7h _1y2v1nf9y _1y2v1nf9i", r = "_15e54s95 _1y2v1nf8v _1y2v1nf99 _1y2v1nf7b _1y2v1nf7x _1y2v1nf83 _1y2v1nf8i _1y2v1nf7h", e = "_15e54s99 _1y2v1nf83 _1y2v1nf8h _1y2v1nf8v _1y2v1nf99 _1y2v1nf7b _1y2v1nf9y _1y2v1nf7h _1y2v1nf7n _1y2v1nf7x", b = "_15e54s9b _1y2v1nf7b _1y2v1nf9y", s = "_15e54s9c _1y2v1nf7b _1y2v1nf9y";
+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";

package/dist/card.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     DataCard: function() {
-        return sr;
+        return or;
     },
     MediaCard: function() {
         return nr;
     },
     SnapCard: function() {
-        return lr;
+        return sr;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -28,7 +28,7 @@ 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 = /*#__PURE__*/ _interopRequireDefault(require("./touchable.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");
@@ -157,8 +157,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var R = function R(param) {
-    var e = param.headline, a = param.pretitle, o = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, t = param.subtitle, p = param.subtitleLinesMax, l = param.description, c = param.descriptionLinesMax, i = param.extra, d = param.button, m = param.buttonLink;
+var S = function S(param) {
+    var e = param.headline, a = param.pretitle, t = param.pretitleLinesMax, n = param.title, h = param.titleLinesMax, d = param.subtitle, p = param.subtitleLinesMax, s = param.description, c = param.descriptionLinesMax, i = param.extra, l = param.button, m = param.buttonLink;
     var u = function u() {
         return e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
             type: "promo",
@@ -179,7 +179,7 @@ var R = function R(param) {
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                         space: 8,
                         children: [
-                            (e || a || n || t) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
+                            (e || a || n || d) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
                                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                     space: 8,
                                     children: [
@@ -188,7 +188,7 @@ var R = function R(param) {
                                             space: 4,
                                             children: [
                                                 a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
-                                                    truncate: o,
+                                                    truncate: t,
                                                     as: "div",
                                                     regular: !0,
                                                     transform: "uppercase",
@@ -204,19 +204,19 @@ var R = function R(param) {
                                                     truncate: p,
                                                     as: "div",
                                                     regular: !0,
-                                                    children: t
+                                                    children: d
                                                 })
                                             ]
                                         })
                                     ]
                                 })
                             }),
-                            l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                            s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                 truncate: c,
                                 as: "p",
                                 regular: !0,
                                 color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                                children: l
+                                children: s
                             })
                         ]
                     }),
@@ -225,37 +225,39 @@ var R = function R(param) {
                     })
                 ]
             }),
-            (d || m) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            (l || m) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: _cardCssMisticaJs.actions,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
-                    primaryButton: d,
+                    primaryButton: l,
                     link: m
                 })
             })
         ]
     });
-}, S = function S(param) {
-    var e = param["aria-label"], a = param.className, o = param.children;
+}, M = function M(param) {
+    var e = param["aria-label"], a = param.className, t = param.children;
     return (0, _maybeDismissableJs.useIsDismissable)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: a,
-        children: o
+        children: t
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
         className: a,
         "aria-label": e,
-        children: o
+        children: t
     });
 }, nr = /*#__PURE__*/ _react.forwardRef(function(param, v) {
-    var e = param.media, a = param.headline, o = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, t = param.subtitleLinesMax, p = param.title, l = param.titleLinesMax, c = param.description, i = param.descriptionLinesMax, d = param.extra, m = param.button, u = param.buttonLink, C = param.dataAttributes, f = param["aria-label"], x = param.onClose;
+    var e = param.media, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.subtitle, d = param.subtitleLinesMax, p = param.title, s = param.titleLinesMax, c = param.description, i = param.descriptionLinesMax, l = param.extra, m = param.button, u = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], x = param.onClose;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         onClose: x,
         "aria-label": f,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
             className: _cardCssMisticaJs.boxed,
-            dataAttributes: C,
+            dataAttributes: _objectSpread({
+                "component-name": "MediaCard"
+            }, g),
             ref: v,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(S, {
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(M, {
                 className: _cardCssMisticaJs.mediaCard,
                 "aria-label": f,
                 children: [
@@ -264,17 +266,17 @@ var R = function R(param) {
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _cardCssMisticaJs.mediaCardContent,
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(R, {
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(S, {
                             headline: a,
-                            pretitle: o,
+                            pretitle: t,
                             pretitleLinesMax: n,
                             title: p,
-                            titleLinesMax: l,
+                            titleLinesMax: s,
                             subtitle: h,
-                            subtitleLinesMax: t,
+                            subtitleLinesMax: d,
                             description: c,
                             descriptionLinesMax: i,
-                            extra: d,
+                            extra: l,
                             button: m,
                             buttonLink: u
                         })
@@ -283,18 +285,20 @@ var R = function R(param) {
             })
         })
     });
-}), sr = /*#__PURE__*/ _react.forwardRef(function(param, v) {
-    var e = param.icon, a = param.headline, o = param.pretitle, n = param.pretitleLinesMax, h = param.title, t = param.titleLinesMax, p = param.subtitle, l = param.subtitleLinesMax, c = param.description, i = param.descriptionLinesMax, d = param.extra, m = param.button, u = param.buttonLink, C = param.dataAttributes, f = param["aria-label"], x = param.onClose;
+}), or = /*#__PURE__*/ _react.forwardRef(function(param, v) {
+    var e = param.icon, a = param.headline, t = param.pretitle, n = param.pretitleLinesMax, h = param.title, d = param.titleLinesMax, p = param.subtitle, s = param.subtitleLinesMax, c = param.description, i = param.descriptionLinesMax, l = param.extra, m = param.button, u = param.buttonLink, g = param.dataAttributes, f = param["aria-label"], x = param.onClose;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
         "aria-label": f,
         onClose: x,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
             className: _cardCssMisticaJs.boxed,
-            dataAttributes: C,
+            dataAttributes: _objectSpread({
+                "component-name": "DataCard"
+            }, g),
             ref: v,
             width: "100%",
             height: "100%",
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(S, {
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(M, {
                 className: _cardCssMisticaJs.dataCard,
                 "aria-label": f,
                 children: [
@@ -302,17 +306,17 @@ var R = function R(param) {
                         paddingBottom: 16,
                         children: e
                     }),
-                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(R, {
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(S, {
                         headline: a,
-                        pretitle: o,
+                        pretitle: t,
                         pretitleLinesMax: n,
                         title: h,
-                        titleLinesMax: t,
+                        titleLinesMax: d,
                         subtitle: p,
-                        subtitleLinesMax: l,
+                        subtitleLinesMax: s,
                         description: c,
                         descriptionLinesMax: i,
-                        extra: d,
+                        extra: l,
                         button: m,
                         buttonLink: u
                     })
@@ -320,8 +324,8 @@ var R = function R(param) {
             })
         })
     });
-}), lr = /*#__PURE__*/ _react.forwardRef(function(_param, d) {
-    var e = _param.icon, a = _param.title, o = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, t = _param.dataAttributes, p = _param["aria-label"], l = _param.extra, tmp = _param.isInverse, c = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
+}), sr = /*#__PURE__*/ _react.forwardRef(function(_param, l) {
+    var e = _param.icon, a = _param.title, t = _param.titleLinesMax, n = _param.subtitle, h = _param.subtitleLinesMax, d = _param.dataAttributes, p = _param["aria-label"], s = _param.extra, tmp = _param.isInverse, c = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_param, [
         "icon",
         "title",
         "titleLinesMax",
@@ -335,12 +339,14 @@ var R = function R(param) {
     var ref = (0, _hooksJs.useTheme)(), m = ref.isDarkMode, u = Boolean(i.to || i.href || i.onPress);
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
         className: _cardCssMisticaJs.boxed,
-        dataAttributes: t,
-        ref: d,
+        dataAttributes: _objectSpread({
+            "component-name": "SnapCard"
+        }, d),
+        ref: l,
         isInverse: c,
         width: "100%",
         height: "100%",
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, _objectSpreadProps(_objectSpread({
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({
             maybe: !0
         }, i), {
             className: u && !c && !m ? _cardCssMisticaJs.snapCardTouchableHover : _cardCssMisticaJs.snapCardTouchableHoverTransparent,
@@ -358,7 +364,7 @@ var R = function R(param) {
                                 space: 4,
                                 children: [
                                     a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                                        truncate: o,
+                                        truncate: t,
                                         as: "h1",
                                         regular: !0,
                                         children: a
@@ -374,9 +380,9 @@ var R = function R(param) {
                             })
                         ]
                     }),
-                    l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    s && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingTop: 16,
-                        children: l
+                        children: s
                     })
                 ]
             })

package/dist/carousel.css-mistica.js

@@ -9,20 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    DEFAULT_DESKTOP_GAP: function() {
-        return f;
-    },
     bullet: function() {
-        return y;
+        return f;
     },
     bulletActive: function() {
-        return b;
+        return y;
     },
     bulletActiveInverse: function() {
-        return r;
+        return u;
     },
     bulletInverse: function() {
-        return u;
+        return r;
     },
     carousel: function() {
         return e;
@@ -31,50 +28,50 @@ _export(exports, {
         return c;
     },
     carouselContainer: function() {
-        return t;
+        return b;
     },
     carouselItem: function() {
-        return o;
+        return t;
     },
     carouselNextArrowButton: function() {
-        return s;
+        return o;
     },
     carouselPrevArrowButton: function() {
         return l;
     },
     carouselWithScroll: function() {
-        return i;
+        return s;
     },
     centeredCarousel: function() {
-        return d;
+        return i;
     },
     slideshow: function() {
-        return m;
+        return d;
     },
     slideshowBullets: function() {
-        return P;
+        return x;
     },
     slideshowContainer: function() {
         return w;
     },
     slideshowItem: function() {
-        return h;
+        return g;
     },
     slideshowNextArrowButton: function() {
-        return p;
+        return m;
     },
     slideshowPrevArrowButton: function() {
-        return A;
+        return p;
     },
     vars: function() {
-        return k;
+        return P;
     }
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./responsive-layout.css.ts.vanilla.js");
 require("./grid-layout.css.ts.vanilla.js");
 require("./carousel.css.ts.vanilla.js");
-var f = 16, y = "_1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf5l", b = "_1abcu72 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf5m", r = "_1abcu72 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba _1y2v1nf61", u = "_1abcu75 _1abcu71 _1y2v1nf9n _1y2v1nfa2 _1y2v1nfba", e = "_1abcu7l _1abcu7b _1y2v1nf7b _1y2v1nfad", c = "_1y2v1nf7b _1y2v1nf7k", t = "_1y2v1nfap _1y2v1nf76", o = "_1abcu7o", s = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb8 _1y2v1nf77", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb8 _1y2v1nf77", i = "_1abcu7m", d = "_1abcu7n", m = "_1abcu7v _1abcu7b _1y2v1nf7b _1y2v1nfad", P = "_1abcu715 _1y2v1nf77 _1y2v1nfcv _1y2v1nf7b _1y2v1nf7k _1y2v1nf9i", w = "_1y2v1nf76", h = "_1abcu7x _1y2v1nf9i _1y2v1nf7t", p = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb9 _1y2v1nf77 _1y2v1nfch", A = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf7b _1y2v1nf7q _1y2v1nf7k _1y2v1nfba _1y2v1nf4u _1y2v1nf9s _1y2v1nfa7 _1y2v1nfb9 _1y2v1nf77 _1y2v1nfc3", k = {
+var f = "_1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf37", y = "_1abcu72 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf38", u = "_1abcu72 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x _1y2v1nf3n", r = "_1abcu75 _1abcu71 _1y2v1nf7a _1y2v1nf7p _1y2v1nf8x", e = "_1abcu7l _1abcu7b _1y2v1nf4y _1y2v1nf80", c = "_1y2v1nf4y _1y2v1nf57", b = "_1y2v1nf8c _1y2v1nf4t", t = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8v _1y2v1nf4u", l = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8v _1y2v1nf4u", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf4y _1y2v1nf80", x = "_1abcu715 _1y2v1nf4u _1y2v1nfai _1y2v1nf4y _1y2v1nf57 _1y2v1nf75", w = "_1y2v1nf4t", g = "_1abcu7x _1y2v1nf75 _1y2v1nf5g", m = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nfa4", p = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf8x _1y2v1nf2g _1y2v1nf7f _1y2v1nf7u _1y2v1nf8w _1y2v1nf4u _1y2v1nf9q", P = {
     itemsPerPageMobile: "var(--_1abcu7f)",
     itemsPerPageDesktop: "var(--_1abcu7g)",
     mobilePageOffsetPrev: "var(--_1abcu7h)",