@telefonica/mistica 12.9.1 → 12.11.0

package/dist/card.js

@@ -10,27 +10,29 @@ function _export(target, all) {
 }
 _export(exports, {
     DataCard: function() {
-        return ee;
+        return sr;
     },
     MediaCard: function() {
-        return L;
+        return nr;
     },
     SnapCard: function() {
-        return re;
+        return lr;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _tagJs = /*#__PURE__*/ _interopRequireDefault(require("./tag.js"));
 var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
-var _hooksJs = require("./hooks.js");
 var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
 var _textJs = require("./text.js");
-var _jssJs = require("./jss.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 = /*#__PURE__*/ _interopRequireDefault(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");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -155,237 +157,171 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var G = (0, _jssJs.createUseStyles)(function() {
-    return {
-        actions: {
-            flex: 1,
-            display: "flex",
-            alignItems: "flex-end"
-        }
+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 u = function u() {
+        return e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
+            type: "promo",
+            children: e
+        }) : e : null;
     };
-}), w = function w(param) {
-    var e = param.headline, a = param.pretitle, s = param.pretitleLinesMax, t = param.title, h = param.titleLinesMax, l = param.subtitle, u = param.subtitleLinesMax, n = param.description, c = param.descriptionLinesMax, i = param.extra, m = param.button, p = param.buttonLink;
-    var o = (0, _hooksJs.useTheme)(), f = G();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
-        space: 16,
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+        className: (0, _sprinklesCssMisticaJs.sprinkles)({
+            display: "flex",
+            flex: 1,
+            justifyContent: "space-between",
+            flexDirection: "column"
+        }),
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
-                space: 8,
+                space: 16,
                 children: [
-                    (e || a || t || l) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
-                            space: 8,
-                            children: [
-                                function() {
-                                    return e ? typeof e == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tagJs.default, {
-                                        type: "promo",
-                                        children: e
-                                    }) : e : null;
-                                }(),
-                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
-                                    space: 4,
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                        space: 8,
+                        children: [
+                            (e || a || n || t) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", {
+                                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                                    space: 8,
                                     children: [
-                                        a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
-                                            truncate: s,
-                                            as: "div",
-                                            regular: !0,
-                                            transform: "uppercase",
-                                            children: a
-                                        }),
-                                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
-                                            truncate: h,
-                                            as: "h1",
-                                            regular: !0,
-                                            children: t
-                                        }),
-                                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                                            truncate: u,
-                                            as: "div",
-                                            regular: !0,
-                                            children: l
+                                        u(),
+                                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
+                                            space: 4,
+                                            children: [
+                                                a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
+                                                    truncate: o,
+                                                    as: "div",
+                                                    regular: !0,
+                                                    transform: "uppercase",
+                                                    children: a
+                                                }),
+                                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text4, {
+                                                    truncate: h,
+                                                    as: "h1",
+                                                    regular: !0,
+                                                    children: n
+                                                }),
+                                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                                    truncate: p,
+                                                    as: "div",
+                                                    regular: !0,
+                                                    children: t
+                                                })
+                                            ]
                                         })
                                     ]
                                 })
-                            ]
-                        })
+                            }),
+                            l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                truncate: c,
+                                as: "p",
+                                regular: !0,
+                                color: _skinContractCssMisticaJs.vars.colors.textSecondary,
+                                children: l
+                            })
+                        ]
                     }),
-                    n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                        truncate: c,
-                        as: "p",
-                        regular: !0,
-                        color: o.colors.textSecondary,
-                        children: n
+                    i && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        children: i
                     })
                 ]
             }),
-            i && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                children: i
-            }),
-            (m || p) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                className: f.actions,
+            (d || m) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: _cardCssMisticaJs.actions,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, {
-                    primaryButton: m,
-                    link: p
+                    primaryButton: d,
+                    link: m
                 })
             })
         ]
     });
-}, M = function M(param) {
-    var e = param["aria-label"], a = param.className, s = param.children;
+}, S = function S(param) {
+    var e = param["aria-label"], a = param.className, o = param.children;
     return (0, _maybeDismissableJs.useIsDismissable)() ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: a,
-        children: s
+        children: o
     }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("section", {
         className: a,
         "aria-label": e,
-        children: s
-    });
-}, U = (0, _jssJs.createUseStyles)(function(param) {
-    var e = param.mq;
-    return {
-        boxed: {
-            height: "100%",
-            width: "100%"
-        },
-        mediaCard: {
-            display: "flex",
-            flexDirection: "column",
-            height: "100%"
-        },
-        content: _defineProperty({
-            flex: 1,
-            padding: 16,
-            paddingBottom: 24,
-            display: "flex",
-            flexDirection: "column"
-        }, e.desktopOrBigger, {
-            padding: 24,
-            paddingBottom: 32
-        })
-    };
-}), L = /*#__PURE__*/ _react.forwardRef(function(param, D) {
-    var e = param.media, a = param.headline, s = param.pretitle, t = param.pretitleLinesMax, h = param.subtitle, l = param.subtitleLinesMax, u = param.title, n = param.titleLinesMax, c = param.description, i = param.descriptionLinesMax, m = param.extra, p = param.button, o = param.buttonLink, f = param.dataAttributes, g = param["aria-label"], B = param.onClose;
-    var x = U({
-        media: e
+        children: o
     });
+}, 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;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
-        onClose: B,
-        "aria-label": g,
+        onClose: x,
+        "aria-label": f,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
-            className: x.boxed,
-            dataAttributes: f,
-            ref: D,
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(M, {
-                className: x.mediaCard,
-                "aria-label": g,
+            className: _cardCssMisticaJs.boxed,
+            dataAttributes: C,
+            ref: v,
+            width: "100%",
+            height: "100%",
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(S, {
+                className: _cardCssMisticaJs.mediaCard,
+                "aria-label": f,
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_imageJs.DisableBorderRadiusProvider, {
                         children: e
                     }),
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                        className: x.content,
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(w, {
+                        className: _cardCssMisticaJs.mediaCardContent,
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(R, {
                             headline: a,
-                            pretitle: s,
-                            pretitleLinesMax: t,
-                            title: u,
-                            titleLinesMax: n,
+                            pretitle: o,
+                            pretitleLinesMax: n,
+                            title: p,
+                            titleLinesMax: l,
                             subtitle: h,
-                            subtitleLinesMax: l,
+                            subtitleLinesMax: t,
                             description: c,
                             descriptionLinesMax: i,
-                            extra: m,
-                            button: p,
-                            buttonLink: o
+                            extra: d,
+                            button: m,
+                            buttonLink: u
                         })
                     })
                 ]
             })
         })
     });
-}), W = (0, _jssJs.createUseStyles)(function(param) {
-    var e = param.mq;
-    return {
-        boxed: {
-            height: "100%",
-            width: "100%"
-        },
-        dataCard: _defineProperty({
-            display: "flex",
-            flexDirection: "column",
-            padding: "24px 16px",
-            height: "100%"
-        }, e.desktopOrBigger, {
-            padding: "32px 24px"
-        })
-    };
-}), ee = /*#__PURE__*/ _react.forwardRef(function(param, D) {
-    var e = param.icon, a = param.headline, s = param.pretitle, t = param.pretitleLinesMax, h = param.title, l = param.titleLinesMax, u = param.subtitle, n = param.subtitleLinesMax, c = param.description, i = param.descriptionLinesMax, m = param.extra, p = param.button, o = param.buttonLink, f = param.dataAttributes, g = param["aria-label"], B = param.onClose;
-    var x = W();
+}), 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;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_maybeDismissableJs.default, {
-        "aria-label": g,
-        onClose: B,
+        "aria-label": f,
+        onClose: x,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
-            className: x.boxed,
-            dataAttributes: f,
-            ref: D,
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(M, {
-                className: x.dataCard,
-                "aria-label": g,
+            className: _cardCssMisticaJs.boxed,
+            dataAttributes: C,
+            ref: v,
+            width: "100%",
+            height: "100%",
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(S, {
+                className: _cardCssMisticaJs.dataCard,
+                "aria-label": f,
                 children: [
                     e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingBottom: 16,
                         children: e
                     }),
-                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(w, {
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(R, {
                         headline: a,
-                        pretitle: s,
-                        pretitleLinesMax: t,
+                        pretitle: o,
+                        pretitleLinesMax: n,
                         title: h,
-                        titleLinesMax: l,
-                        subtitle: u,
-                        subtitleLinesMax: n,
+                        titleLinesMax: t,
+                        subtitle: p,
+                        subtitleLinesMax: l,
                         description: c,
                         descriptionLinesMax: i,
-                        extra: m,
-                        button: p,
-                        buttonLink: o
+                        extra: d,
+                        button: m,
+                        buttonLink: u
                     })
                 ]
             })
         })
     });
-}), z = (0, _jssJs.createUseStyles)(function(e) {
-    return {
-        boxed: {
-            height: "100%"
-        },
-        touchable: _defineProperty({
-            display: "flex",
-            height: "100%"
-        }, e.mq.supportsHover, {
-            "&:hover": {
-                backgroundColor: function backgroundColor(param) {
-                    var a = param.isTouchable, s = param.isInverse;
-                    return a && !s && !e.isDarkMode ? e.colors.backgroundAlternative : "transparent";
-                }
-            }
-        }),
-        snapCard: _defineProperty({
-            height: "100%",
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "space-between",
-            padding: 16,
-            minHeight: 80,
-            flex: 1,
-            minWidth: 104
-        }, e.mq.desktopOrBigger, {
-            padding: 24
-        })
-    };
-}), re = /*#__PURE__*/ _react.forwardRef(function(_param, m) {
-    var e = _param.icon, a = _param.title, s = _param.titleLinesMax, t = _param.subtitle, h = _param.subtitleLinesMax, l = _param.dataAttributes, u = _param["aria-label"], n = _param.extra, tmp = _param.isInverse, c = tmp === void 0 ? !1 : tmp, i = _objectWithoutProperties(_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, [
         "icon",
         "title",
         "titleLinesMax",
@@ -396,23 +332,21 @@ var G = (0, _jssJs.createUseStyles)(function() {
         "extra",
         "isInverse"
     ]);
-    var p = Boolean(i.to || i.href || i.onPress), o = z({
-        isTouchable: p,
-        isInverse: c,
-        hasIcon: !!e
-    }), ref = (0, _hooksJs.useTheme)(), f = ref.colors;
+    var ref = (0, _hooksJs.useTheme)(), m = ref.isDarkMode, u = Boolean(i.to || i.href || i.onPress);
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
-        className: o.boxed,
-        dataAttributes: l,
-        ref: m,
+        className: _cardCssMisticaJs.boxed,
+        dataAttributes: t,
+        ref: d,
         isInverse: c,
+        width: "100%",
+        height: "100%",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, _objectSpreadProps(_objectSpread({
             maybe: !0
         }, i), {
-            className: o.touchable,
-            "aria-label": u,
+            className: u && !c && !m ? _cardCssMisticaJs.snapCardTouchableHover : _cardCssMisticaJs.snapCardTouchableHoverTransparent,
+            "aria-label": p,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("section", {
-                className: o.snapCard,
+                className: _cardCssMisticaJs.snapCard,
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
                         children: [
@@ -424,25 +358,25 @@ var G = (0, _jssJs.createUseStyles)(function() {
                                 space: 4,
                                 children: [
                                     a && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                                        truncate: s,
+                                        truncate: o,
                                         as: "h1",
                                         regular: !0,
                                         children: a
                                     }),
-                                    t && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                    n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                         truncate: h,
                                         regular: !0,
-                                        color: f.textSecondary,
+                                        color: _skinContractCssMisticaJs.vars.colors.textSecondary,
                                         as: "p",
-                                        children: t
+                                        children: n
                                     })
                                 ]
                             })
                         ]
                     }),
-                    n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingTop: 16,
-                        children: n
+                        children: l
                     })
                 ]
             })

package/dist/carousel.css-mistica.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_DESKTOP_GAP: function() {
+        return f;
+    },
+    bullet: function() {
+        return y;
+    },
+    bulletActive: function() {
+        return b;
+    },
+    bulletActiveInverse: function() {
+        return r;
+    },
+    bulletInverse: function() {
+        return u;
+    },
+    carousel: function() {
+        return e;
+    },
+    carouselBullets: function() {
+        return c;
+    },
+    carouselContainer: function() {
+        return t;
+    },
+    carouselItem: function() {
+        return o;
+    },
+    carouselNextArrowButton: function() {
+        return s;
+    },
+    carouselPrevArrowButton: function() {
+        return l;
+    },
+    carouselWithScroll: function() {
+        return i;
+    },
+    centeredCarousel: function() {
+        return d;
+    },
+    slideshow: function() {
+        return m;
+    },
+    slideshowBullets: function() {
+        return P;
+    },
+    slideshowContainer: function() {
+        return w;
+    },
+    slideshowItem: function() {
+        return h;
+    },
+    slideshowNextArrowButton: function() {
+        return p;
+    },
+    slideshowPrevArrowButton: function() {
+        return A;
+    },
+    vars: function() {
+        return k;
+    }
+});
+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 = {
+    itemsPerPageMobile: "var(--_1abcu7f)",
+    itemsPerPageDesktop: "var(--_1abcu7g)",
+    mobilePageOffsetPrev: "var(--_1abcu7h)",
+    mobilePageOffsetNext: "var(--_1abcu7i)",
+    gap: "var(--_1abcu7j)"
+};

package/dist/carousel.css.d.ts

@@ -0,0 +1,28 @@
+export declare const bullet: string;
+export declare const bulletInverse: string;
+export declare const bulletActive: string;
+export declare const bulletActiveInverse: string;
+export declare const slideshowContainer: string;
+export declare const carouselContainer: string;
+export declare const vars: {
+    itemsPerPageMobile: import("@vanilla-extract/private").CSSVarFunction;
+    itemsPerPageDesktop: import("@vanilla-extract/private").CSSVarFunction;
+    mobilePageOffsetPrev: import("@vanilla-extract/private").CSSVarFunction;
+    mobilePageOffsetNext: import("@vanilla-extract/private").CSSVarFunction;
+    gap: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const DEFAULT_DESKTOP_GAP = 16;
+export declare const carousel: string;
+export declare const carouselWithScroll: string;
+export declare const centeredCarousel: string;
+export declare const carouselItem: string;
+export declare const carouselArrowButton: string;
+export declare const carouselPrevArrowButton: string;
+export declare const carouselNextArrowButton: string;
+export declare const carouselBullets: string;
+export declare const slideshow: string;
+export declare const slideshowItem: string;
+export declare const slideshowArrowButton: string;
+export declare const slideshowPrevArrowButton: string;
+export declare const slideshowNextArrowButton: string;
+export declare const slideshowBullets: string;

package/dist/carousel.css.js.flow

@@ -0,0 +1,42 @@
+// @flow
+
+declare export var bullet: string;
+declare export var bulletInverse: string;
+declare export var bulletActive: string;
+declare export var bulletActiveInverse: string;
+declare export var slideshowContainer: string;
+declare export var carouselContainer: string;
+declare export var vars: {
+  itemsPerPageMobile: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  itemsPerPageDesktop: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  mobilePageOffsetPrev: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  mobilePageOffsetNext: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  gap: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+};
+declare export var DEFAULT_DESKTOP_GAP: 16;
+declare export var carousel: string;
+declare export var carouselWithScroll: string;
+declare export var centeredCarousel: string;
+declare export var carouselItem: string;
+declare export var carouselArrowButton: string;
+declare export var carouselPrevArrowButton: string;
+declare export var carouselNextArrowButton: string;
+declare export var carouselBullets: string;
+declare export var slideshow: string;
+declare export var slideshowItem: string;
+declare export var slideshowArrowButton: string;
+declare export var slideshowPrevArrowButton: string;
+declare export var slideshowNextArrowButton: string;
+declare export var slideshowBullets: string;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+var s = "";