@telefonica/mistica 11.1.0 → 11.3.0

package/dist-es/generated/mistica-icons/icon-pause-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPauseRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPauseRegular = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPauseRegular = function(_param) {
                 d: "M2 12c0 5.517 4.488 10 10 10s10-4.488 10-10S17.512 2 12 2 2 6.484 2 12zm1.43 0c0-4.726 3.844-8.57 8.57-8.57 4.726 0 8.57 3.844 8.57 8.57 0 4.726-3.844 8.57-8.57 8.57-4.726 0-8.57-3.844-8.57-8.57zm6.783-4.287a.714.714 0 00-1.426 0v8.57a.714.714 0 001.426.004V7.713zM14.5 7c.393 0 .713.32.713.713v8.574a.714.714 0 01-1.426-.005V7.713c0-.393.32-.713.713-.713z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ _jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ var IconPauseRegular = function(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     }
 };
 export default IconPauseRegular;

package/dist-es/generated/mistica-icons/icon-pay-invoice-filled.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoiceFilled = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPayInvoiceFilled = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPayInvoiceFilled = function(_param) {
                 d: "M7.144 2H17.86c1.18 0 2.145.965 2.14 2.144V22H5V4.144C5 2.96 5.965 2 7.144 2zm4.983 4.823h-.365a.533.533 0 00-.535.535c0 .297.237.535.535.535h.365a2.682 2.682 0 002.625 2.144 2.62 2.62 0 001.22-.302.534.534 0 00.233-.722.534.534 0 00-.722-.234 1.532 1.532 0 01-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 00.535-.534.533.533 0 00-.535-.535h-1.673a1.604 1.604 0 011.508-1.07c.247 0 .494.064.727.183a.538.538 0 00.722-.233.538.538 0 00-.233-.722 2.634 2.634 0 00-1.22-.302 2.682 2.682 0 00-2.625 2.144zm4.302 11.072c.298 0 .54-.238.54-.535a.533.533 0 00-.535-.535H8.575a.533.533 0 00-.535.535c0 .297.238.535.535.535h7.854zm-7.854-3.57h7.854c.298 0 .54-.238.54-.535a.533.533 0 00-.535-.535H8.575a.533.533 0 00-.535.535c0 .297.238.535.535.535z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ _jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ var IconPayInvoiceFilled = function(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     }
 };
 export default IconPayInvoiceFilled;

package/dist-es/generated/mistica-icons/icon-pay-invoice-light.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoiceLight = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPayInvoiceLight = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPayInvoiceLight = function(_param) {
                 d: "M19.652 21.643a.353.353 0 01-.349.357H5V3.787C5 2.805 5.781 2 6.746 2H17.91c.96 0 1.746.8 1.746 1.787V17.36a.353.353 0 01-.348.357.353.353 0 01-.349-.357V3.787c0-.59-.468-1.07-1.044-1.07H6.75c-.577 0-1.045.48-1.045 1.07v17.5h13.606c.188 0 .34.16.34.356zm-.349-2.857a.706.706 0 00-.696.713c0 .394.312.714.696.714.384 0 .697-.32.697-.714a.7.7 0 00-.697-.713zM8.488 17.003h7.676c.192 0 .348.16.348.357a.353.353 0 01-.348.357H8.488a.353.353 0 01-.349-.357c0-.197.157-.357.349-.357zm7.676-3.574H8.488a.353.353 0 00-.349.356c0 .197.157.357.349.357h7.676c.192 0 .348-.16.348-.357a.353.353 0 00-.348-.356zm.255-7.968a2.03 2.03 0 00-.952-.243c-.772 0-1.447.43-1.808 1.08h1.808c.192 0 .349.16.349.356a.353.353 0 01-.349.356h-2.063a2.295 2.295 0 00-.031.357c0 .123.013.242.031.356h2.063c.192 0 .349.16.349.357a.353.353 0 01-.349.357H13.66a2.079 2.079 0 001.808 1.07c.326 0 .648-.083.952-.243a.35.35 0 01.468.155.366.366 0 01-.151.48c-.402.21-.831.32-1.269.32-1.17 0-2.17-.74-2.585-1.787h-.554a.353.353 0 01-.348-.357c0-.196.156-.356.348-.356h.375a3.184 3.184 0 01-.022-.357c0-.119.009-.237.022-.356h-.375a.353.353 0 01-.348-.357c0-.196.156-.356.348-.356h.554c.415-1.047 1.415-1.788 2.585-1.788.438 0 .867.11 1.269.32a.358.358 0 01.151.48.34.34 0 01-.468.156z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ _jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ var IconPayInvoiceLight = function(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     }
 };
 export default IconPayInvoiceLight;

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-filled.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoicePoundFilled = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -70,7 +70,7 @@ var IconPayInvoicePoundFilled = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -80,6 +80,6 @@ var IconPayInvoicePoundFilled = function(_param) {
             d: "M19.385 2v20H4V8.254h6.117V2h9.268zM9.07 7.18H4.237L9.07 2.241V7.18zm4.806 9.645H10.99c.058-.169.09-.347.09-.535v-1.609h1.574a.528.528 0 00.524-.535.527.527 0 00-.524-.535H11.08v-1.426c0-.59.47-1.07 1.047-1.07.242 0 .47.083.658.238a.518.518 0 00.739-.078.545.545 0 00-.076-.754 2.083 2.083 0 00-1.32-.475c-1.155 0-2.1.96-2.1 2.144v1.426h-.17a.527.527 0 00-.523.535c0 .297.233.535.524.535h.174v1.609a.521.521 0 01-.523.535.527.527 0 00-.524.535c0 .297.233.534.524.534h4.371a.533.533 0 00.52-.539.527.527 0 00-.524-.535z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconPayInvoicePoundFilled;

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-light.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoicePoundLight = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -70,7 +70,7 @@ var IconPayInvoicePoundLight = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -80,6 +80,6 @@ var IconPayInvoicePoundLight = function(_param) {
             d: "M5.692 21.287h13.43c.195 0 .345.16.345.356a.35.35 0 01-.344.357H5V7.211L10.027 2h9.444v15.36a.35.35 0 01-.344.357.35.35 0 01-.344-.357V2.718h-8.267v4.996H5.692v13.573zM9.824 3.22L6.177 7h3.647V3.22zm9.99 16.283a.702.702 0 01-.687.713.702.702 0 01-.688-.713c0-.393.309-.713.688-.713.38 0 .688.315.688.713zm-8.438-5.362v1.787c0 .402-.305.718-.693.713a.35.35 0 00-.344.357.35.35 0 00.344.356h4.313a.35.35 0 00.343-.356.35.35 0 00-.343-.357h-3.113c.119-.21.185-.452.185-.713v-1.787h1.724a.35.35 0 00.344-.357.35.35 0 00-.344-.356h-1.724v-1.61c0-.685.538-1.248 1.204-1.248.282 0 .542.096.758.28a.34.34 0 00.485-.056.365.365 0 00-.053-.502 1.848 1.848 0 00-1.19-.44c-1.045 0-1.896.883-1.896 1.966v1.61h-.344a.35.35 0 00-.344.356.35.35 0 00.344.357h.344z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconPayInvoicePoundLight;

package/dist-es/generated/mistica-icons/icon-pay-invoice-pound-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoicePoundRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -70,7 +70,7 @@ var IconPayInvoicePoundRegular = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -80,6 +80,6 @@ var IconPayInvoicePoundRegular = function(_param) {
             d: "M4 7.42L9.307 2h10.078v20H4V7.42zM8.896 7V4.44L6.39 7h2.506zM5.4 20.57h12.587V3.43h-7.692v5H5.401v12.14zm8.157-10.197a2.24 2.24 0 00-1.427-.517c-1.253 0-2.273 1.043-2.278 2.322v1.248a.707.707 0 00-.698.713c0 .393.313.713.698.713v1.426a.348.348 0 01-.349.356.707.707 0 00-.698.713c0 .393.313.713.698.713h4.372c.385 0 .698-.32.698-.713a.706.706 0 00-.698-.713h-2.658c.022-.114.036-.233.036-.356v-1.426h1.396c.385 0 .698-.32.698-.713a.706.706 0 00-.698-.713h-1.396v-1.248c0-.489.39-.891.872-.891.206 0 .394.069.55.196.3.247.744.202.985-.105a.727.727 0 00-.103-1.005z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconPayInvoicePoundRegular;

package/dist-es/generated/mistica-icons/icon-pay-invoice-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPayInvoiceRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPayInvoiceRegular = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPayInvoiceRegular = function(_param) {
                 d: "M17.86 2H7.144C5.964 2 5 2.96 5 4.144V22h15V4.144A2.143 2.143 0 0017.86 2zm.714 18.574H6.43V4.144c0-.393.32-.713.713-.713H17.86c.394 0 .714.32.714.713v16.43zm-2.14-2.68a.536.536 0 000-1.07H8.575a.533.533 0 00-.535.536c0 .297.238.535.535.535h7.859zm.535-4.104a.533.533 0 01-.535.535H8.575a.533.533 0 01-.535-.535c0-.297.238-.535.535-.535h7.859a.533.533 0 01.535.535zm-5.207-6.967a.533.533 0 00-.535.535c0 .297.237.54.535.535h.365a2.682 2.682 0 002.625 2.144 2.62 2.62 0 001.22-.302.534.534 0 00.233-.722.534.534 0 00-.722-.234 1.532 1.532 0 01-.727.183c-.7 0-1.284-.448-1.508-1.07h1.673a.533.533 0 00.535-.534.533.533 0 00-.535-.535h-1.673a1.604 1.604 0 011.508-1.07c.247 0 .494.064.727.183a.538.538 0 00.722-.233.538.538 0 00-.233-.722 2.634 2.634 0 00-1.22-.302 2.682 2.682 0 00-2.625 2.144h-.365z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ _jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ var IconPayInvoiceRegular = function(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     }
 };
 export default IconPayInvoiceRegular;

package/dist-es/generated/mistica-icons/icon-pen-filled.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPenFilled = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPenFilled = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPenFilled = function(_param) {
                 d: "M20.553 8.145l.34-.357c1.476-1.55 1.476-4.075 0-5.625a3.667 3.667 0 00-5.358 0l-.34.357 5.358 5.625zM4.177 14.088l10.25-10.763 5.356 5.624L9.533 19.71l-5.356-5.623zm-2.153 6.958l1.528-6.003 5.073 5.323-5.717 1.609a.704.704 0 01-.696-.197.784.784 0 01-.188-.732z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconPenFilled = function(_param) {
                 d: "M20.352 3.244c.082.078.174.17.25.249 1.339 1.392 2.01 3.625-.12 5.728L9.24 20.398a.05.05 0 01-.01.007l-.01.007c-.002.001-.004.004-.005.007l-.005.007a.32.32 0 01-.067.046.524.524 0 00-.034.021l-.007.005a.612.612 0 01-.324.104l-.017-.003-.016-.002-5.866 1.075a.612.612 0 01-.535-.157.6.6 0 01-.176-.523l.94-6.096a.288.288 0 01.017-.052.414.414 0 00.012-.032l.01-.033a.614.614 0 01.134-.216l11.312-11.19c2.154-2.132 4.39-1.465 5.76-.13zM13.91 5.75l-9.336 9.24 1.686 1.667 9.336-9.238-1.686-1.67zM7.117 17.507l1.664 1.644 9.314-9.26-1.639-1.622-9.339 9.238zm-3.37 1.221L5.12 20.07l2.398-.468-3.384-3.347-.387 2.473z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconPenFilled;

package/dist-es/generated/mistica-icons/icon-pen-light.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPenLight = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPenLight = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsxs("svg", _objectSpread({
+        return /*#__PURE__*/ _jsxs("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -87,9 +87,9 @@ var IconPenLight = function(_param) {
                     fill: fillColor
                 })
             ]
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -99,7 +99,7 @@ var IconPenLight = function(_param) {
                 d: "M20.548 3.527l.083.084c.448.465 2.552 2.922-.117 5.566L9.029 20.592l-.007.003c-.003 0-.005 0-.007.002a.105.105 0 00-.006.01c-.002.005-.004.01-.008.013a.415.415 0 01-.294.12c-.007 0-.014-.002-.021-.004-.007-.002-.014-.004-.021-.004l-6.02 1.103a.41.41 0 01-.485-.465l.959-6.224c0-.005.003-.009.005-.013a.038.038 0 00.006-.01.368.368 0 01.104-.204L14.788 3.491c2.093-2.07 4.26-1.426 5.591-.132.058.056.114.112.169.168zm-1.452 5.894l.83-.824c2.016-1.997.745-3.756.106-4.42l-.11-.11a4.846 4.846 0 00-.123-.125c-.652-.633-2.386-1.885-4.422.126l-.847.837 4.566 4.516zM4.34 20.69l-1.073-1.062-.199 1.294 1.272-.232zm1.79-3.49l9.83-9.723-2.015-1.995-9.829 9.723L6.13 17.2zm-2.709 1.42l1.905 1.888 2.515-.462-4.025-3.98-.395 2.554zm5.286 1.128l9.807-9.745-1.97-1.946-9.829 9.722 1.992 1.97z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconPenLight;

package/dist-es/generated/mistica-icons/icon-pen-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPenRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconPenRegular = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconPenRegular = function(_param) {
                 d: "M15.533 3.107a3.79 3.79 0 015.364 5.353L9.157 20.205a.728.728 0 01-.388.2l-5.856 1.572a.723.723 0 01-.888-.884l1.588-5.926a.71.71 0 01.228-.364L15.533 3.107zM4.681 16.751l-.936 3.505 3.5-.94-2.564-2.565zm3.964 1.916l9.992-9.994-3.312-3.313-9.992 9.994 3.312 3.313zM19.657 7.652l.212-.212c.912-.912.912-2.4 0-3.312a2.346 2.346 0 00-3.312 0l-.212.212 3.312 3.312z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconPenRegular = function(_param) {
                 d: "M20.346 3.244c.084.08.169.165.25.249 1.339 1.39 2.011 3.622-.115 5.731L9.237 20.401l-.01.008-.01.008c0 .002-.002.004-.004.006a.268.268 0 01-.065.047.618.618 0 00-.028.017l-.022.014-.015.009a.594.594 0 01-.305.095.055.055 0 01-.016-.003.055.055 0 00-.015-.003L2.88 21.678a.622.622 0 01-.532-.16.592.592 0 01-.18-.524l.941-6.1a.295.295 0 01.017-.05l.011-.034a.608.608 0 01.02-.068.527.527 0 01.123-.179l11.308-11.19c2.154-2.132 4.387-1.463 5.76-.13zM18.95 9.036l.666-.663c1.85-1.83.687-3.44.104-4.048-.067-.07-.148-.151-.221-.224-.6-.58-2.185-1.726-4.048.12l-.683.678 4.182 4.137zM4.643 20.13l-.966-.958-.182 1.168 1.148-.21zm1.611-3.474l9.336-9.238-1.683-1.666-9.34 9.238 1.687 1.666zm-2.35 1.04l2.19 2.168 1.415-.26-3.384-3.348-.221 1.44zm4.871 1.456s9.314-9.26 9.311-9.26L16.447 8.27l-9.336 9.238 1.664 1.644z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconPenRegular;

package/dist-es/generated/mistica-icons/icon-pendrive-filled.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPendriveFilled = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -70,7 +70,7 @@ var IconPendriveFilled = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -80,6 +80,6 @@ var IconPendriveFilled = function(_param) {
             d: "M20.082 7.864c.952 0 1.745.799 1.764 1.782v4.566c0 .988-.784 1.795-1.75 1.795h-1.51c-.188.964-1.022 1.695-2.02 1.695h-9.07c-3.448-.126-5.336-2.168-5.336-5.748 0-3.588 1.888-5.625 5.317-5.734h9.075c.983 0 1.807.709 2.012 1.65h.677v-.003h.84v-.003zm.557 6.35V9.663a.58.58 0 00-.51-.566h-1.515v5.686h1.482a.56.56 0 00.543-.569zM5.6 12.064c0 .304.085.528.233.683.163.165.398.246.687.246.288 0 .526-.081.686-.246.148-.155.232-.379.232-.684.003-.633-.36-.927-.918-.927s-.92.294-.92.927z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconPendriveFilled;

package/dist-es/generated/mistica-icons/icon-pendrive-light.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconPendriveLight = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -70,7 +70,7 @@ var IconPendriveLight = function(_param) {
     var colors = useTheme().colors;
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+    return /*#__PURE__*/ _jsx("svg", _objectSpread({
         width: size,
         height: size,
         viewBox: "0 0 24 24",
@@ -80,6 +80,6 @@ var IconPendriveLight = function(_param) {
             d: "M21.843 9.569c-.017-.908-.734-1.642-1.597-1.642h-.77l.002.003h-.952c-.123-.966-.919-1.711-1.88-1.711h-9.26c-3.373.109-5.23 2.145-5.23 5.734 0 3.582 1.857 5.624 5.241 5.75h9.26c.978 0 1.785-.77 1.889-1.756h1.714c.871 0 1.582-.742 1.582-1.65V9.57zm-4.11 6.16c0 .621-.482 1.126-1.075 1.126H7.41c-2.944-.11-4.434-1.76-4.434-4.902 0-3.146 1.493-4.79 4.42-4.886h9.247c.594 0 1.075.502 1.075 1.124v7.33h.014v.208zm3.289-6.152v4.72c0 .443-.342.801-.762.801h-1.717V8.78h1.762c.392.03.708.38.717.798zm-13.9 2.603c0-.58-.324-.85-.829-.85-.5 0-.831.27-.831.85 0 .277.075.484.21.624.143.151.358.224.619.224.263 0 .476-.073.622-.224.134-.14.21-.344.21-.624z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconPendriveLight;