@telefonica/mistica 12.12.0 → 13.0.0

package/dist/feedback.js

@@ -220,94 +220,94 @@ function _unsupportedIterableToArray(o, minLen) {
     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 W = function W(o) {
-    return !(0, _platformJs.isOldChrome)(o) && !(0, _platformJs.isRunningAcceptanceTest)(o);
+var W = function W(r) {
+    return !(0, _platformJs.isOldChrome)(r) && !(0, _platformJs.isRunningAcceptanceTest)(r);
 }, j = function j(param) {
-    var o = param.primaryButton, r = param.secondaryButton;
-    return !!o || !!r;
+    var r = param.primaryButton, o = param.secondaryButton;
+    return !!r || !!o;
 }, Be = function Be() {
-    var ref = (0, _hooksJs.useTheme)(), o = ref.colors, t = "body {background:".concat((0, _themeVariantContextJs.useIsInverseVariant)() ? o.backgroundBrand : o.background, "}");
+    var o = "body {background:".concat((0, _themeVariantContextJs.useIsInverseVariant)() ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.background, "}");
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("style", {
-        children: t
+        children: o
     });
-}, D = function D(o) {
-    (0, _webviewBridge.isWebViewBridgeAvailable)() && (0, _webviewBridge.requestVibration)(o).catch(function() {});
-}, K = function K(o) {
+}, D = function D(r) {
+    (0, _webviewBridge.isWebViewBridgeAvailable)() && (0, _webviewBridge.requestVibration)(r).catch(function() {});
+}, K = function K(r) {
     _react.useEffect(function() {
-        var r;
-        return o === "success" && (r = setTimeout(function() {
+        var o;
+        return r === "success" && (o = setTimeout(function() {
             return D("success");
-        }, 700)), o === "error" && (r = setTimeout(function() {
+        }, 700)), r === "error" && (o = setTimeout(function() {
             return D("error");
         }, 1e3)), function() {
-            clearTimeout(r);
+            clearTimeout(o);
         };
     }, [
-        o
+        r
     ]);
 }, G = function G() {
-    var ref = _slicedToArray(_react.useState(!1), 2), o = ref[0], r = ref[1];
+    var ref = _slicedToArray(_react.useState(!1), 2), r = ref[0], o = ref[1];
     return (0, _hooksJs.useIsomorphicLayoutEffect)(function() {
         var t = window.requestAnimationFrame(function() {
-            r(!0);
+            o(!0);
         });
         return function() {
             return window.cancelAnimationFrame(t);
         };
-    }, []), o;
-}, M = function M(param, c, s) {
-    var o = param.icon, r = param.title, t = param.description, n = param.children;
-    var i = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
+    }, []), r;
+}, M = function M(param, c, a) {
+    var r = param.icon, o = param.title, t = param.description, n = param.children;
+    var d = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_stackJs.default, {
         space: 16,
-        children: t.map(function(l, d) {
+        children: t.map(function(u, m) {
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("p", {
-                children: l
-            }, d);
+                children: u
+            }, m);
         })
     }) : t;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 24,
         children: [
-            o,
+            r,
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                 space: 16,
-                className: (0, _classnames.default)(_feedbackCssMisticaJs.feedbackData, c && _feedbackCssMisticaJs.feedbackDataAppear, c && s && _feedbackCssMisticaJs.feedbackDataAppearActive),
+                className: (0, _classnames.default)(_feedbackCssMisticaJs.feedbackData, c && _feedbackCssMisticaJs.feedbackDataAppear, c && a && _feedbackCssMisticaJs.feedbackDataAppearActive),
                 children: [
                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text6, {
                         as: "h1",
-                        children: r
+                        children: o
                     }),
-                    i && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                    d && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
                         regular: !0,
                         color: _skinContractCssMisticaJs.vars.colors.textSecondary,
-                        children: i
+                        children: d
                     }),
                     n
                 ]
             })
         ]
     });
-}, P = function P(o, r) {
-    var t = j(r);
+}, P = function P(r, o) {
+    var t = j(o);
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 24,
         children: [
-            o,
-            t && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, _objectSpread({}, r))
+            r,
+            t && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_buttonGroupJs.default, _objectSpread({}, o))
         ]
     });
 }, U = function U(param) {
-    var o = param.isInverse, r = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
+    var r = param.isInverse, o = param.inlineFeedbackBody, t = param.imageFit, n = param.imageUrl, c = param.dataAttributes;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_boxedJs.Boxed, {
         className: _feedbackCssMisticaJs.desktopContainer,
-        isInverse: o,
+        isInverse: r,
         dataAttributes: c,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 className: _feedbackCssMisticaJs.desktopContent,
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                     padding: 64,
-                    children: r
+                    children: o
                 })
             }),
             n && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
@@ -323,27 +323,27 @@ var W = function W(o) {
         ]
     });
 }, x = function x(param) {
-    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.hapticFeedback, l = param.icon, tmp = param.animateText, d = tmp === void 0 ? !1 : tmp, k = param.unstable_inlineInDesktop, g = param.imageUrl, S = param.imageFit, F = param.dataAttributes;
-    K(i);
-    var m = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), v = ref.platformOverrides, u = ref.isDarkMode, T = ref.skinName, J = (0, _hooksJs.useWindowHeight)(), ref1 = (0, _hooksJs.useScreenSize)(), y = ref1.isTabletOrSmaller, ref2 = _slicedToArray(_react.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), Q = ref2[0], X = ref2[1], ref3 = _slicedToArray(_react.useState(0), 2), C = ref3[0], Y = ref3[1], N = Q ? "100vh" : "".concat(J - C, "px"), V = j({
+    var r = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, a = param.link, d = param.hapticFeedback, u = param.icon, tmp = param.animateText, m = tmp === void 0 ? !1 : tmp, h = param.unstable_inlineInDesktop, k = param.imageUrl, g = param.imageFit, S = param.dataAttributes;
+    K(d);
+    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), ref = (0, _hooksJs.useTheme)(), F = ref.platformOverrides, p = ref.isDarkMode, T = ref.skinName, J = (0, _hooksJs.useWindowHeight)(), ref1 = (0, _hooksJs.useScreenSize)(), y = ref1.isTabletOrSmaller, ref2 = _slicedToArray(_react.useState((typeof self === "undefined" ? "undefined" : _typeof(self)) < "u"), 2), Q = ref2[0], X = ref2[1], ref3 = _slicedToArray(_react.useState(0), 2), C = ref3[0], Y = ref3[1], N = Q ? "100vh" : "".concat(J - C, "px"), V = j({
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     }), Z = G();
     (0, _hooksJs.useIsomorphicLayoutEffect)(function() {
         X(!1);
     }, []);
     var w = M({
-        icon: l,
-        title: o,
-        description: r,
+        icon: u,
+        title: r,
+        description: o,
         children: t
-    }, d && W(v), Z), H = P(w, {
+    }, m && W(F), Z), H = P(w, {
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     });
-    if (!y && k) return H;
+    if (!y && h) return H;
     var ee = /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
         className: _feedbackCssMisticaJs.container,
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_responsiveLayoutJs.default, {
@@ -355,7 +355,7 @@ var W = function W(o) {
     });
     return y ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
         children: [
-            m && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overscrollColorContextJs.default, {}),
+            l && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overscrollColorContextJs.default, {}),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 style: {
                     position: "relative"
@@ -364,9 +364,9 @@ var W = function W(o) {
                     isFooterVisible: V,
                     button: n,
                     secondaryButton: c,
-                    link: s,
-                    footerBgColor: m && !u ? _skinContractCssMisticaJs.vars.colors.backgroundFeedbackBottom : void 0,
-                    containerBgColor: m && !u ? _skinContractCssMisticaJs.vars.colors.backgroundFeedbackBottom : void 0,
+                    link: a,
+                    footerBgColor: l && !p ? _skinContractCssMisticaJs.vars.colors.backgroundFeedbackBottom : void 0,
+                    containerBgColor: l && !p ? _skinContractCssMisticaJs.vars.colors.backgroundFeedbackBottom : void 0,
                     onChangeFooterHeight: Y,
                     children: ee
                 })
@@ -379,7 +379,7 @@ var W = function W(o) {
                     left: 0,
                     right: 0,
                     height: V ? "calc(".concat(N, " + 1px)") : "calc(".concat(N, ")"),
-                    background: m ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.background
+                    background: l ? _skinContractCssMisticaJs.vars.colors.backgroundBrand : _skinContractCssMisticaJs.vars.colors.background
                 }
             }),
             T !== _constantsJs.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(Be, {})
@@ -388,40 +388,39 @@ var W = function W(o) {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
             paddingTop: 64,
             children: U({
-                isInverse: m,
+                isInverse: l,
                 inlineFeedbackBody: H,
-                imageFit: S,
-                imageUrl: g,
-                dataAttributes: F
+                imageFit: g,
+                imageUrl: k,
+                dataAttributes: S
             })
         })
     });
 }, Ge = function Ge(_param) {
-    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+    var r = _param.dataAttributes, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     var ref = (0, _hooksJs.useScreenSize)(), t = ref.isTabletOrSmaller, ref1 = (0, _hooksJs.useTheme)(), n = ref1.skinName;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
-        isInverse: !r.unstable_inlineInDesktop || t,
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(x, _objectSpreadProps(_objectSpread({}, r), {
+        isInverse: !o.unstable_inlineInDesktop || t,
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(x, _objectSpreadProps(_objectSpread({}, o), {
             hapticFeedback: "success",
             icon: n === _constantsJs.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessVivoJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessJs.default, {}),
             animateText: !0,
-            imageUrl: r.imageUrl,
-            imageFit: r.imageFit,
+            imageUrl: o.imageUrl,
+            imageFit: o.imageFit,
             dataAttributes: _objectSpread({
                 "component-name": "SuccessFeedbackScreen"
-            }, o)
+            }, r)
         }))
     });
-}, Me = function Me(_param) {
-    var o = _param.children, r = _param.errorReference, t = _param.dataAttributes, n = _objectWithoutProperties(_param, [
+}, Me = function Me(_param) /* @__PURE__ */ {
+    var r = _param.children, o = _param.errorReference, t = _param.dataAttributes, n = _objectWithoutProperties(_param, [
         "children",
         "errorReference",
         "dataAttributes"
     ]);
-    var ref = (0, _hooksJs.useTheme)(), c = ref.colors;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(x, _objectSpreadProps(_objectSpread({}, n), {
+    return (0, _jsxRuntimeJs.jsxs)(x, _objectSpreadProps(_objectSpread({}, n), {
         hapticFeedback: "error",
         icon: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconErrorJs.default, {}),
         animateText: !0,
@@ -429,38 +428,38 @@ var W = function W(o) {
             "component-name": "ErrorFeedbackScreen"
         }, t),
         children: [
-            o,
-            r && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
-                color: c.textSecondary,
+            r,
+            o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                color: _skinContractCssMisticaJs.vars.colors.textSecondary,
                 regular: !0,
-                children: r
+                children: o
             })
         ]
     }));
 }, Pe = function Pe(_param) /* @__PURE__ */ {
-    var o = _param.dataAttributes, r = _objectWithoutProperties(_param, [
+    var r = _param.dataAttributes, o = _objectWithoutProperties(_param, [
         "dataAttributes"
     ]);
     return (0, _jsxRuntimeJs.jsx)(x, _objectSpread({
         dataAttributes: _objectSpread({
             "component-name": "InfoFeedbackScreen"
-        }, o),
+        }, r),
         icon: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconInfoJs.default, {})
-    }, r));
+    }, o));
 }, Ue = function Ue(param) {
-    var o = param.title, r = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, s = param.link, i = param.imageUrl, l = param.imageFit, d = param.dataAttributes;
+    var r = param.title, o = param.description, t = param.children, n = param.primaryButton, c = param.secondaryButton, a = param.link, d = param.imageUrl, u = param.imageFit, m = param.dataAttributes;
     K("success");
-    var ref = (0, _hooksJs.useScreenSize)(), k = ref.isTabletOrSmaller, ref1 = (0, _hooksJs.useTheme)(), g = ref1.skinName, S = ref1.platformOverrides, F = G(), v = M({
-        icon: g === _constantsJs.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessVivoJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessJs.default, {}),
-        title: o,
-        description: r,
+    var ref = (0, _hooksJs.useScreenSize)(), h = ref.isTabletOrSmaller, ref1 = (0, _hooksJs.useTheme)(), k = ref1.skinName, g = ref1.platformOverrides, S = G(), F = M({
+        icon: k === _constantsJs.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessVivoJs.default, {}) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconSuccessJs.default, {}),
+        title: r,
+        description: o,
         children: t
-    }, W(S), F), u = P(v, {
+    }, W(g), S), p = P(F, {
         primaryButton: n,
         secondaryButton: c,
-        link: s
+        link: a
     });
-    return k ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_responsiveLayoutJs.default, {
+    return h ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_responsiveLayoutJs.default, {
         isInverse: !0,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overscrollColorContextJs.default, {}),
@@ -468,20 +467,20 @@ var W = function W(o) {
                 paddingBottom: 32,
                 dataAttributes: _objectSpread({
                     "component-name": "SuccessFeedback"
-                }, d),
+                }, m),
                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                     className: _feedbackCssMisticaJs.innerContainer,
-                    children: u
+                    children: p
                 })
             })
         ]
     }) : U({
         isInverse: !0,
-        inlineFeedbackBody: u,
-        imageFit: l,
-        imageUrl: i,
+        inlineFeedbackBody: p,
+        imageFit: u,
+        imageUrl: d,
         dataAttributes: _objectSpread({
             "component-name": "SuccessFeedback"
-        }, d)
+        }, m)
     });
 };

package/dist/generated/mistica-icons/icon-2-g-filled.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { IconProps } from '../../utils/types';
+declare const Icon2GFilled: React.FC<IconProps>;
+export default Icon2GFilled;

package/dist/generated/mistica-icons/icon-2-g-filled.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return c;
+    }
+});
+var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+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;
+}
+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;
+}
+var c = function c(_param) {
+    var a = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, i = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), v = a != null ? a : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: e,
+        height: e,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, i), {
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
+            fill: v,
+            d: "M3 18a1 1 0 011-1h1a1 1 0 011 1v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-3zm5-4a1 1 0 011-1h1a1 1 0 011 1v7a1 1 0 01-1 1H9a1 1 0 01-1-1v-7zm5-3a1 1 0 011-1h1a1 1 0 011 1v10a1 1 0 01-1 1h-1a1 1 0 01-1-1V11zm5-5a1 1 0 011-1h1a1 1 0 011 1v15a1 1 0 01-1 1h-1a1 1 0 01-1-1V6zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045v1.272zm5.581-3.159c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831 0-1.034.729-1.831 1.76-1.831.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273z"
+        })
+    }));
+};

package/dist/generated/mistica-icons/icon-2-g-filled.js.flow

@@ -0,0 +1,6 @@
+// @flow
+
+import * as React from "react";
+import type { IconProps } from "../../utils/types";
+declare var Icon2GFilled: React.ComponentType<IconProps>;
+declare export default typeof Icon2GFilled;

package/dist/generated/mistica-icons/icon-2-g-regular.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { IconProps } from '../../utils/types';
+declare const Icon2GRegular: React.FC<IconProps>;
+export default Icon2GRegular;

package/dist/generated/mistica-icons/icon-2-g-regular.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return l;
+    }
+});
+var _themeVariantContextJs = require("../../theme-variant-context.js");
+var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+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;
+}
+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;
+}
+var l = function l(_param) {
+    var a = _param.color, tmp = _param.size, v = tmp === void 0 ? 24 : tmp, n = _param.children, e = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = a != null ? a : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
+        width: v,
+        height: v,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, e), {
+        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
+            fill: s,
+            d: "M2.4 18A1.6 1.6 0 014 16.4h1A1.6 1.6 0 016.6 18v2A1.6 1.6 0 015 21.6H4A1.6 1.6 0 012.4 20v-2zm1.6-.4a.4.4 0 00-.4.4v2c0 .22.18.4.4.4h1a.4.4 0 00.4-.4v-2a.4.4 0 00-.4-.4H4zM7.4 14A1.6 1.6 0 019 12.4h1a1.6 1.6 0 011.6 1.6v6a1.6 1.6 0 01-1.6 1.6H9A1.6 1.6 0 017.4 20v-6zm1.6-.4a.4.4 0 00-.4.4v6c0 .22.18.4.4.4h1a.4.4 0 00.4-.4v-6a.4.4 0 00-.4-.4H9zm3.4-2.6A1.6 1.6 0 0114 9.4h1a1.6 1.6 0 011.6 1.6v9a1.6 1.6 0 01-1.6 1.6h-1a1.6 1.6 0 01-1.6-1.6v-9zm1.6-.4a.4.4 0 00-.4.4v9c0 .22.18.4.4.4h1a.4.4 0 00.4-.4v-9a.4.4 0 00-.4-.4h-1zM17.4 6A1.6 1.6 0 0119 4.4h1A1.6 1.6 0 0121.6 6v14a1.6 1.6 0 01-1.6 1.6h-1a1.6 1.6 0 01-1.6-1.6V6zm1.6-.4a.4.4 0 00-.4.4v14c0 .22.18.4.4.4h1a.4.4 0 00.4-.4V6a.4.4 0 00-.4-.4h-1zM2.208 8.432H7.16V7.009H4.727c1.695-1.1 2.386-1.926 2.386-2.894 0-1.27-1.07-2.106-2.557-2.106-.88 0-1.884.314-2.556 1.053l.9 1.082c.454-.427.984-.693 1.656-.693.493 0 .9.228.9.664 0 .627-.511 1.063-3.248 3.045v1.272zm5.581-3.159c0 2.01 1.534 3.272 3.418 3.272 1.193 0 2.111-.483 2.793-1.233V4.836h-3.049v1.357H12.4v.531c-.256.209-.7.38-1.193.38-1.032 0-1.761-.797-1.761-1.831 0-1.034.729-1.831 1.76-1.831.597 0 1.08.332 1.336.75l1.363-.722C13.441 2.683 12.59 2 11.207 2 9.323 2 7.789 3.262 7.789 5.273z"
+        })
+    }));
+};

package/dist/generated/mistica-icons/icon-2-g-regular.js.flow

@@ -0,0 +1,6 @@
+// @flow
+
+import * as React from "react";
+import type { IconProps } from "../../utils/types";
+declare var Icon2GRegular: React.ComponentType<IconProps>;
+declare export default typeof Icon2GRegular;

package/dist/generated/mistica-icons/icon-3-d-view-filled.js

@@ -105,12 +105,12 @@ var f = function f(_param) {
     }, t), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                d: "M12.344 10.034l6.87-4.103-6.53-3.828a.611.611 0 00-.68 0L5.439 5.931l6.905 4.103zm.51.897v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724l-6.973 4.207z",
-                fill: i
+                fill: i,
+                d: "M12.344 10.034l6.87-4.103-6.53-3.828a.611.611 0 00-.68 0L5.439 5.931l6.905 4.103zm.51.897v8.138l6.633-3.897c.204-.138.34-.344.34-.586V6.724l-6.973 4.207z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                d: "M18.126 17.517c-.374 0-.68.31-.68.69 0 .38.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.931C2.48 19.346 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69.374 0 .68-.31.68-.69v-3.448h-3.4z",
-                fill: i
+                fill: i,
+                d: "M18.126 17.517c-.374 0-.68.31-.68.69 0 .38.306.69.68.69h.987c-1.599 1.069-4.048 1.724-6.77 1.724-4.693 0-8.502-2.104-8.502-4.655 0-.863.442-1.587 1.02-2.173v.793c0 .242.136.483.34.586l6.633 3.863V10.93L4.86 6.793v5.241c-1.565 1.104-2.381 2.449-2.381 3.931C2.48 19.346 6.8 22 12.344 22c3.163 0 5.986-.828 7.823-2.172v1.137c0 .38.306.69.68.69.374 0 .68-.31.68-.69v-3.448h-3.4z"
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-3-d-view-light.js

@@ -105,12 +105,12 @@ var f = function f(_param) {
     }, l), {
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                d: "M22 16.29a.708.708 0 01-.702.715.708.708 0 01-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714z",
-                fill: s
+                fill: s,
+                d: "M22 16.29a.708.708 0 01-.702.715.708.708 0 01-.701-.714c0-.394.314-.714.701-.714.388 0 .702.32.702.714z"
             }),
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-                d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.314.314 0 01.351 0l7.017 4.103a.376.376 0 01.176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035-.07 0-.106 0-.176-.035l-7.017-4.104a.376.376 0 01-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497h-2zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711v-7.386zm.701 7.386l6.316-3.675V7.085l-6.316 3.71v7.387zm5.93-11.704l-6.28-3.675-6.281 3.675 6.28 3.675 6.281-3.675z",
-                fill: s
+                fill: s,
+                d: "M17.79 18.789c-.211 0-.351-.143-.351-.357s.14-.357.35-.357h3.158v3.211c0 .214-.14.357-.35.357-.211 0-.351-.143-.351-.357V19.36C18.49 21.002 15.368 22 11.825 22 6.315 22 2 19.43 2 16.112c0-1.463.842-2.783 2.456-3.889V6.478c0-.143.07-.25.176-.321l7.017-4.103a.314.314 0 01.351 0l7.017 4.103a.376.376 0 01.176.321v8.207c0 .143-.07.25-.176.321L12 19.11c-.07.035-.105.035-.175.035-.07 0-.106 0-.176-.035l-7.017-4.104a.376.376 0 01-.176-.32v-1.57c-.877.677-1.754 1.676-1.754 2.996 0 2.855 4.105 5.174 9.123 5.174 3.333 0 6.35-.963 7.965-2.497h-2zm-6.316-7.993L5.158 7.085v7.386l6.316 3.711v-7.386zm.701 7.386l6.316-3.675V7.085l-6.316 3.71v7.387zm5.93-11.704l-6.28-3.675-6.281 3.675 6.28 3.675 6.281-3.675z"
             })
         ]
     }));

package/dist/generated/mistica-icons/icon-3-d-view-regular.js

@@ -104,8 +104,8 @@ var m = function m(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 01-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.611.611 0 01.68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 01-.34.103.65.65 0 01-.34-.103L5.19 15.172a.669.669 0 01-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 01-.68-.69zm-5.782-7.173L6.212 7.829v6.379l5.442 3.172v-6.345zm1.36 6.31l5.442-3.137v-6.38l-5.442 3.207v6.31zm4.728-10.689l-5.408-3.172-5.408 3.172 5.408 3.173 5.408-3.173z",
-            fill: v
+            fill: v,
+            d: "M17.436 18.207c0-.38.306-.69.68-.69h3.402v3.448c0 .38-.306.69-.68.69a.687.687 0 01-.68-.69v-1.137C18.32 21.172 15.497 22 12.333 22 6.79 22 2.47 19.345 2.47 15.966c0-1.483.816-2.828 2.381-3.931v-5.38c0-.241.136-.448.34-.586l6.803-3.966a.611.611 0 01.68 0l6.803 3.966c.204.103.34.345.34.586v7.931c0 .242-.136.448-.34.586l-6.803 3.966a.65.65 0 01-.34.103.65.65 0 01-.34-.103L5.19 15.172a.669.669 0 01-.34-.586v-.793c-.578.586-1.02 1.31-1.02 2.173 0 2.551 3.81 4.655 8.503 4.655 2.721 0 5.17-.655 6.769-1.724h-.987a.687.687 0 01-.68-.69zm-5.782-7.173L6.212 7.829v6.379l5.442 3.172v-6.345zm1.36 6.31l5.442-3.137v-6.38l-5.442 3.207v6.31zm4.728-10.689l-5.408-3.172-5.408 3.172 5.408 3.173 5.408-3.173z"
         })
     }));
 };

package/dist/generated/mistica-icons/icon-3-g-filled.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { IconProps } from '../../utils/types';
+declare const Icon3GFilled: React.FC<IconProps>;
+export default Icon3GFilled;