@telefonica/mistica 12.11.1 → 12.12.0

package/dist/list.js

@@ -24,7 +24,7 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _touchableJs = /*#__PURE__*/ _interopRequireDefault(require("./touchable.js"));
+var _touchableJs = require("./touchable.js");
 var _textJs = require("./text.js");
 var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
 var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
@@ -171,6 +171,33 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -194,20 +221,20 @@ var J = function J(e, n) {
         children: e
     }) : e;
 }, ge = function ge(param) {
-    var e = param.withChevron, n = param.headline, c = param.title, i = param.titleLinesMax, o = param.subtitle, v = param.subtitleLinesMax, d = param.description, P = param.descriptionLinesMax, x = param.asset, tmp = param.type, I = tmp === void 0 ? "basic" : tmp, B = param.badge, S = param.right, V = param.extra, m = param.labelId, f = param.disabled;
-    var u = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), l = ref.colors, b = [
+    var e = param.withChevron, n = param.headline, i = param.title, a = param.titleLinesMax, c = param.subtitle, b = param.subtitleLinesMax, d = param.description, P = param.descriptionLinesMax, v = param.asset, tmp = param.type, B = tmp === void 0 ? "basic" : tmp, I = param.badge, S = param.right, V = param.extra, m = param.labelId, f = param.disabled;
+    var u = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), l = ref.colors, x = [
         n,
+        i,
         c,
-        o,
         d,
         V
     ].filter(Boolean).length === 1, E = function E() {
-        return B ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+        return I ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingLeft: 16,
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: (0, _classnames.default)(_listCssMisticaJs.center, _listCssMisticaJs.badge, _defineProperty({}, _listCssMisticaJs.disabled, f)),
-                children: B === !0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {
-                    value: B
+                children: I === !0 ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_badgeJs.default, {
+                    value: I
                 })
             })
         }) : null;
@@ -217,18 +244,18 @@ var J = function J(e, n) {
         paddingY: 16,
         className: _listCssMisticaJs.content,
         children: [
-            x && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            v && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingRight: 16,
-                className: (0, _classnames.default)((_obj = {}, _defineProperty(_obj, _listCssMisticaJs.center, b), _defineProperty(_obj, _listCssMisticaJs.disabled, f), _obj)),
+                className: (0, _classnames.default)((_obj = {}, _defineProperty(_obj, _listCssMisticaJs.center, x), _defineProperty(_obj, _listCssMisticaJs.disabled, f), _obj)),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _listCssMisticaJs.asset,
-                    children: x
+                    children: v
                 })
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: (0, _classnames.default)(_listCssMisticaJs.rowBody, _defineProperty({}, _listCssMisticaJs.disabled, f)),
                 style: {
-                    justifyContent: b ? "center" : "flex-start"
+                    justifyContent: x ? "center" : "flex-start"
                 },
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                     space: 4,
@@ -244,15 +271,15 @@ var J = function J(e, n) {
                                 /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                                     regular: !0,
                                     color: l.textPrimary,
-                                    truncate: i,
+                                    truncate: a,
                                     id: m,
-                                    children: c
+                                    children: i
                                 }),
-                                o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                c && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                     regular: !0,
                                     color: l.textSecondary,
-                                    truncate: v,
-                                    children: o
+                                    truncate: b,
+                                    children: c
                                 }),
                                 d && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                                     regular: !0,
@@ -267,7 +294,7 @@ var J = function J(e, n) {
                 })
             }),
             E(),
-            I === "chevron" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            B === "chevron" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                 paddingLeft: 16,
                 className: (0, _classnames.default)(_listCssMisticaJs.center, _defineProperty({}, _listCssMisticaJs.disabled, f)),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronJs.default, {
@@ -275,15 +302,15 @@ var J = function J(e, n) {
                     direction: "right"
                 })
             }),
-            I === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+            B === "control" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: _listCssMisticaJs.right,
-                children: J(S, b)
+                children: J(S, x)
             }),
-            I === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
+            B === "custom" && /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: (0, _classnames.default)(_listCssMisticaJs.right, _defineProperty({}, _listCssMisticaJs.disabled, f)),
-                        children: J(S, b)
+                        children: J(S, x)
                     }),
                     e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingLeft: 4,
@@ -297,36 +324,36 @@ var J = function J(e, n) {
             })
         ]
     });
-}, ve = function ve(param) {
-    var e = param.value, n = param.defaultValue, c = param.onChange;
-    var i = e !== void 0, ref = _slicedToArray(_react.useState(!!n), 2), o = ref[0], v = ref[1], d = function d() {
-        i || v(!o), c && c(i ? !e : !o);
+}, be = function be(param) {
+    var e = param.value, n = param.defaultValue, i = param.onChange;
+    var a = e !== void 0, ref = _slicedToArray(_react.useState(!!n), 2), c = ref[0], b = ref[1], d = function d() {
+        a || b(!c), i && i(a ? !e : !c);
     };
-    return i ? [
+    return a ? [
         !!e,
         d
     ] : [
-        o,
+        c,
         d
     ];
-}, xe = function xe(e) {
+}, ve = function ve(e) {
     return "switch" in e;
-}, be = function be(e) {
+}, xe = function xe(e) {
     return "checkbox" in e;
 }, we = function we(e) {
     return "radioValue" in e;
 }, Q = /*#__PURE__*/ _react.forwardRef(function(e, n) {
-    var c = (0, _hooksJs.useAriaId)(), i = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e.asset, v = e.headline, d = e.title, P = e.titleLinesMax, x = e.subtitle, I = e.subtitleLinesMax, B = e.description, S = e.descriptionLinesMax, V = e.badge, m = e.role, f = e.extra, u = e.dataAttributes, l = (0, _radioButtonJs.useRadioContext)(), r = e.disabled || e.radioValue !== void 0 && l.disabled, ref = _slicedToArray(ve(e.switch || e.checkbox || {}), 2), b = ref[0], E = ref[1], C = function C(param) {
+    var i = (0, _hooksJs.useAriaId)(), a = (0, _themeVariantContextJs.useIsInverseVariant)(), c = e.asset, b = e.headline, d = e.title, P = e.titleLinesMax, v = e.subtitle, B = e.subtitleLinesMax, I = e.description, S = e.descriptionLinesMax, V = e.badge, m = e.role, f = e.extra, u = e.dataAttributes, l = (0, _radioButtonJs.useRadioContext)(), r = e.disabled || e.radioValue !== void 0 && l.disabled, ref = _slicedToArray(be(e.switch || e.checkbox || {}), 2), x = ref[0], E = ref[1], C = function C(param) {
         var s = param.type, g = param.right, M = param.labelId;
         return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(ge, {
-            asset: o,
-            headline: v,
+            asset: c,
+            headline: b,
             title: d,
-            subtitle: x,
-            description: B,
+            subtitle: v,
+            description: I,
             badge: V,
             titleLinesMax: P,
-            subtitleLinesMax: I,
+            subtitleLinesMax: B,
             descriptionLinesMax: S,
             type: s,
             right: g,
@@ -347,9 +374,9 @@ var J = function J(e, n) {
         });
     };
     var _obj;
-    if (e.onPress && !xe(e) && !be(e) && !we(e)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+    if (e.onPress && !ve(e) && !xe(e) && !we(e)) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
         ref: n,
-        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj = {}, _defineProperty(_obj, _listCssMisticaJs.hoverBackground, !(r || i)), _defineProperty(_obj, _listCssMisticaJs.pointer, !r), _obj)),
+        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj = {}, _defineProperty(_obj, _listCssMisticaJs.hoverBackground, !(r || a)), _defineProperty(_obj, _listCssMisticaJs.pointer, !r), _obj)),
         trackingEvent: e.trackingEvent,
         onPress: e.onPress,
         role: m,
@@ -358,8 +385,8 @@ var J = function J(e, n) {
         children: j(e)
     });
     var _obj1;
-    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
-        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj1 = {}, _defineProperty(_obj1, _listCssMisticaJs.hoverBackground, !(r || i)), _defineProperty(_obj1, _listCssMisticaJs.pointer, !r), _obj1)),
+    if (e.to) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
+        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj1 = {}, _defineProperty(_obj1, _listCssMisticaJs.hoverBackground, !(r || a)), _defineProperty(_obj1, _listCssMisticaJs.pointer, !r), _obj1)),
         trackingEvent: e.trackingEvent,
         to: e.to,
         fullPageOnWebView: e.fullPageOnWebView,
@@ -369,8 +396,8 @@ var J = function J(e, n) {
         children: j(e)
     });
     var _obj2;
-    if (e.href) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
-        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj2 = {}, _defineProperty(_obj2, _listCssMisticaJs.hoverBackground, !(r || i)), _defineProperty(_obj2, _listCssMisticaJs.pointer, !r), _obj2)),
+    if (e.href) return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
+        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj2 = {}, _defineProperty(_obj2, _listCssMisticaJs.hoverBackground, !(r || a)), _defineProperty(_obj2, _listCssMisticaJs.pointer, !r), _obj2)),
         trackingEvent: e.trackingEvent,
         href: e.href,
         newTab: e.newTab,
@@ -381,22 +408,22 @@ var J = function J(e, n) {
     });
     var W = function W(s) {
         var M, F, O, Y;
-        var g = (Y = (O = (M = e.switch) == null ? void 0 : M.name) != null ? O : (F = e.checkbox) == null ? void 0 : F.name) != null ? Y : c;
+        var g = (Y = (O = (M = e.switch) == null ? void 0 : M.name) != null ? O : (F = e.checkbox) == null ? void 0 : F.name) != null ? Y : i;
         var _obj;
         return e.onPress ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
             className: _listCssMisticaJs.dualActionContainer,
             children: [
-                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                     disabled: r,
                     onPress: e.onPress,
                     role: m,
-                    className: (0, _classnames.default)(_listCssMisticaJs.dualActionLeft, _defineProperty({}, _listCssMisticaJs.hoverBackground, !(r || i))),
+                    className: (0, _classnames.default)(_listCssMisticaJs.dualActionLeft, _defineProperty({}, _listCssMisticaJs.hoverBackground, !(r || a))),
                     children: C({
                         type: "basic",
-                        labelId: c
+                        labelId: i
                     })
                 }),
-                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, {
                     disabled: r,
                     className: _listCssMisticaJs.dualActionRight,
                     onPress: E,
@@ -404,8 +431,8 @@ var J = function J(e, n) {
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(s, {
                         disabled: r,
                         name: g,
-                        checked: b,
-                        "aria-labelledby": c,
+                        checked: x,
+                        "aria-labelledby": i,
                         render: function render(param) {
                             var D = param.controlElement;
                             return D;
@@ -414,12 +441,12 @@ var J = function J(e, n) {
                 })
             ]
         }) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-            className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj = {}, _defineProperty(_obj, _listCssMisticaJs.hoverBackground, !(r || i)), _defineProperty(_obj, _listCssMisticaJs.pointer, !r), _obj)),
+            className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj = {}, _defineProperty(_obj, _listCssMisticaJs.hoverBackground, !(r || a)), _defineProperty(_obj, _listCssMisticaJs.pointer, !r), _obj)),
             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(s, {
                 disabled: r,
                 dataAttributes: u,
                 name: g,
-                checked: b,
+                checked: x,
                 onChange: E,
                 render: function render(param) {
                     var D = param.controlElement, U = param.labelId;
@@ -443,19 +470,19 @@ var J = function J(e, n) {
     };
     var _obj3;
     return e.switch ? W(_switchComponentJs.default) : e.checkbox ? W(_checkboxJs.default) : e.radioValue ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj3 = {}, _defineProperty(_obj3, _listCssMisticaJs.hoverBackground, !(r || i)), _defineProperty(_obj3, _listCssMisticaJs.pointer, !r), _obj3)),
+        className: (0, _classnames.default)(_listCssMisticaJs.rowContent, (_obj3 = {}, _defineProperty(_obj3, _listCssMisticaJs.hoverBackground, !(r || a)), _defineProperty(_obj3, _listCssMisticaJs.pointer, !r), _obj3)),
         role: m,
         ref: n,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_radioButtonJs.default, {
             dataAttributes: u,
             value: e.radioValue,
-            "aria-labelledby": c,
+            "aria-labelledby": i,
             render: function render(param) {
                 var s = param.controlElement;
                 return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                     paddingX: 16,
                     children: C({
-                        labelId: c,
+                        labelId: i,
                         type: "control",
                         right: function right() {
                             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
@@ -478,42 +505,56 @@ var J = function J(e, n) {
             type: "basic"
         })
     });
-}), De = /*#__PURE__*/ _react.forwardRef(function(e, n) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Q, _objectSpreadProps(_objectSpread({}, e), {
-        ref: n
+}), De = /*#__PURE__*/ _react.forwardRef(function(_param, i) /* @__PURE__ */ {
+    var e = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return (0, _jsxRuntimeJs.jsx)(Q, _objectSpreadProps(_objectSpread({}, n), {
+        ref: i,
+        dataAttributes: _objectSpread({
+            "component-name": "Row"
+        }, e)
     }));
 }), We = function We(param) {
-    var e = param.children, n = param.ariaLabelledby, c = param.role, i = param.dataAttributes, o = param.noLastDivider;
-    var v = _react.Children.count(e) - 1, d = !o;
+    var e = param.children, n = param.ariaLabelledby, i = param.role, a = param.dataAttributes, c = param.noLastDivider;
+    var b = _react.Children.count(e) - 1, d = !c;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
-        role: c,
+        role: i,
         "aria-labelledby": n
-    }, (0, _domJs.getPrefixedDataAttributes)(i)), {
-        children: _react.Children.toArray(e).filter(Boolean).map(function(P, x) {
+    }, (0, _domJs.getPrefixedDataAttributes)(a, "RowList")), {
+        children: _react.Children.toArray(e).filter(Boolean).map(function(P, v) {
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_react.Fragment, {
                 children: [
                     P,
-                    (x < v || d) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                    (v < b || d) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                         paddingX: 16,
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_dividerJs.default, {})
                     })
                 ]
-            }, x);
+            }, v);
         })
     }));
-}, Fe = /*#__PURE__*/ _react.forwardRef(function(e, n) {
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
-        isInverse: e.isInverse,
-        ref: n,
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Q, _objectSpread({}, e))
+}, Fe = /*#__PURE__*/ _react.forwardRef(function(_param, i) /* @__PURE__ */ {
+    var e = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+        "dataAttributes"
+    ]);
+    return (0, _jsxRuntimeJs.jsx)(_boxedJs.Boxed, {
+        isInverse: n.isInverse,
+        ref: i,
+        dataAttributes: _objectSpread({
+            "component-nane": "BoxedRow"
+        }, e),
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Q, _objectSpread({}, n))
     });
 }), Oe = function Oe(param) {
-    var e = param.children, n = param.ariaLabelledby, c = param.role, i = param.dataAttributes;
+    var e = param.children, n = param.ariaLabelledby, i = param.role, a = param.dataAttributes;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
         space: 16,
-        role: c,
+        role: i,
         "aria-labelledby": n,
-        dataAttributes: i,
+        dataAttributes: _objectSpread({
+            "component-name": "BoxedRowList"
+        }, a),
         children: e
     });
 };

package/dist/loading-bar.css-mistica.js

@@ -16,16 +16,16 @@ _export(exports, {
         return _;
     },
     enterActive: function() {
-        return y;
+        return e;
     },
     exit: function() {
-        return e;
+        return y;
     },
     exitActive: function() {
-        return a;
+        return f;
     },
     innerProgress: function() {
-        return f;
+        return a;
     },
     portal: function() {
         return t;
@@ -34,9 +34,9 @@ _export(exports, {
         return g;
     },
     progressContainer: function() {
-        return i;
+        return m;
     }
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./loading-bar.css.ts.vanilla.js");
-var r = 400, _ = "_1num3qg9", y = "_1num3qga", e = "_1num3qgb", a = "_1num3qgc", f = "_1num3qg8 _1y2v1nf9y", t = "_1num3qg3 _1y2v1nf78 _1y2v1nfbj _1y2v1nfbx _1y2v1nfcb", g = "_1num3qg6 _1y2v1nf77 _1y2v1nf9y _1y2v1nf9i", i = "_1y2v1nf9i _1y2v1nfbh _1y2v1nf76 _1y2v1nf5p _1y2v1nfa1";
+var r = 400, _ = "_1num3qg9", e = "_1num3qga", y = "_1num3qgb", f = "_1num3qgc", a = "_1num3qg8 _1y2v1nf7l", t = "_1num3qg3 _1y2v1nf4v _1y2v1nf96 _1y2v1nf9k _1y2v1nf9y", g = "_1num3qg6 _1y2v1nf4u _1y2v1nf7l _1y2v1nf75", m = "_1y2v1nf75 _1y2v1nf94 _1y2v1nf4t _1y2v1nf3b _1y2v1nf7o";

package/dist/loading-bar.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
+import type { DataAttributes } from './utils/types';
 declare type Props = {
     visible: boolean;
     children?: void;
+    dataAttributes?: DataAttributes;
 };
 declare const LoadingBar: React.FC<Props>;
 export default LoadingBar;

package/dist/loading-bar.js

@@ -5,15 +5,68 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return A;
+        return h;
     }
 });
 var _reactTransitionGroup = require("react-transition-group");
 var _portalJs = require("./portal.js");
 var _loadingBarCssMisticaJs = require("./loading-bar.css-mistica.js");
+var _domJs = require("./utils/dom.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-var A = function A(param) {
-    var r = param.visible;
+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 h = function h(param) {
+    var r = param.visible, t = param.dataAttributes;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_reactTransitionGroup.CSSTransition, {
         in: r,
         timeout: _loadingBarCssMisticaJs.TRANSITION_DURATION_MS,
@@ -26,15 +79,16 @@ var A = function A(param) {
         unmountOnExit: !0,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_portalJs.Portal, {
             className: _loadingBarCssMisticaJs.portal,
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
-                className: _loadingBarCssMisticaJs.progressContainer,
+            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
+                className: _loadingBarCssMisticaJs.progressContainer
+            }, (0, _domJs.getPrefixedDataAttributes)(t, "LoadingBar")), {
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _loadingBarCssMisticaJs.progress,
                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                         className: _loadingBarCssMisticaJs.innerProgress
                     })
                 })
-            })
+            }))
         })
     });
 };

package/dist/loading-bar.js.flow

@@ -1,6 +1,10 @@
 // @flow
 
 import * as React from "react";
-declare type Props = { visible: boolean };
+import type { DataAttributes } from "./utils/types";
+declare type Props = {
+  visible: boolean,
+  dataAttributes?: DataAttributes,
+};
 declare var LoadingBar: React.ComponentType<Props>;
 declare export default typeof LoadingBar;

package/dist/maybe-dismissable.css-mistica.js

@@ -0,0 +1,24 @@
+"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, {
+    dismissableButton: function() {
+        return y;
+    },
+    dismissableCircleContainer: function() {
+        return f;
+    },
+    dismissableContainer: function() {
+        return _;
+    }
+});
+require("./sprinkles.css.ts.vanilla.js");
+require("./maybe-dismissable.css.ts.vanilla.js");
+var y = "cim30m2 _1y2v1nf4u _1y2v1nf96 _1y2v1nf9y _1y2v1nf7g _1y2v1nf7v _1y2v1nf4y _1y2v1nf5d _1y2v1nf57", f = "cim30m4 _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf7d _1y2v1nf7s _1y2v1nf8x", _ = "_1y2v1nf4t _1y2v1nf4y _1y2v1nf5g";

package/dist/maybe-dismissable.css.d.ts

@@ -0,0 +1,3 @@
+export declare const dismissableContainer: string;
+export declare const dismissableButton: string;
+export declare const dismissableCircleContainer: string;

package/dist/maybe-dismissable.css.js.flow

@@ -0,0 +1,5 @@
+// @flow
+
+declare export var dismissableContainer: string;
+declare export var dismissableButton: string;
+declare export var dismissableCircleContainer: string;

package/dist/maybe-dismissable.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 = "";