@telefonica/mistica 11.1.0 → 11.3.0

package/dist-es/generated/mistica-icons/icon-arrow-down-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 IconArrowDownFilled = 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 IconArrowDownFilled = 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 IconArrowDownFilled = function(_param) {
                 d: "M15.891 1v8.177h3.895c.889 0 1.707.563 2.04 1.424.335.823.186 1.726-.445 2.365L11.996 22l-9.377-9.038c-.631-.639-.78-1.538-.444-2.365.37-.865 1.15-1.424 2.039-1.424h3.895V1h7.782z",
                 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 IconArrowDownFilled = function(_param) {
                 d: "M2.02 11.913c0-.151.028-.3.084-.44.176-.434.602-.7 1.106-.694l3.65-.003a.198.198 0 00.056-.04l.02-6.882c-.009-.616.145-1.07.467-1.383.322-.314.779-.463 1.392-.443h6.043c.42-.008 1.025.03 1.445.437.42.406.482 1.008.487 1.426l-.003 6.72a.452.452 0 00.054.156l3.563-.005h.005c.857.005 1.149.415 1.247.658.168.418.014.9-.42 1.322l-8.712 8.659c-.084.086-.33.336-.689.333a.82.82 0 01-.594-.275L2.513 12.98c-.32-.305-.493-.691-.493-1.067z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownFilled;

package/dist-es/generated/mistica-icons/icon-arrow-down-left-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 IconArrowDownLeftFilled = 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 IconArrowDownLeftFilled = 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 IconArrowDownLeftFilled = function(_param) {
                 d: "M14.144 15.572L22 7.708 16.284 2 8.428 9.856c-.916-.916-2.86-2.852-2.86-2.852-.624-.632-1.464-.672-2.284-.332C2.492 6.996 2 7.74 2 8.608V22h13.336c.86 0 1.596-.504 1.928-1.304.348-.836.188-1.812-.444-2.444l-2.676-2.68z",
                 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 IconArrowDownLeftFilled = function(_param) {
                 d: "M14.048 3.68h.022c.395.006.779.194 1.143.56l5.048 5.026.016.017c.32.347.44.709.362 1.078-.073.336-.303.605-.521.824l-.014.014-5.115 4.812 2.588 2.588c.317.331.41.894.219 1.34-.177.414-.566.66-1.04.66H4.664a.901.901 0 01-.717-.255.894.894 0 01-.252-.717L3.7 7.482a1.009 1.009 0 01.614-.955c.456-.205 1.047-.112 1.406.215l.017.014 2.378 2.378 4.79-4.904.006-.006c.355-.361.739-.543 1.137-.543z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownLeftFilled;

package/dist-es/generated/mistica-icons/icon-arrow-down-left-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 IconArrowDownLeftLight = 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 IconArrowDownLeftLight = 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 IconArrowDownLeftLight = function(_param) {
                 d: "M16.55 3.457a.729.729 0 100-1.457.729.729 0 000 1.457zM2 22h13.217c.725 0 1.35-.42 1.63-1.093a1.896 1.896 0 00-.405-2.07l-3.019-3.02 8.469-8.468a.358.358 0 000-.512.358.358 0 00-.513 0l-8.973 8.98 3.528 3.528c.332.333.424.837.244 1.274a1.017 1.017 0 01-.957.648H2.733V8.723c0-.437.236-.793.632-.965a1.112 1.112 0 011.226.252l2.798 2.807.034.033c.689.686.747.744 1.003.487l6.915-6.91a.358.358 0 000-.513.358.358 0 00-.512 0l-6.65 6.655-3.076-3.076A1.864 1.864 0 003.09 7.09 1.737 1.737 0 002 8.727V22z",
                 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 IconArrowDownLeftLight = function(_param) {
                 d: "M3.716 20.302c.12.12.286.185.47.185h.023a.193.193 0 01.048 0h12.599c.384 0 .683-.188.826-.518.154-.359.082-.827-.17-1.09l-2.78-2.779c-.064-.062-.052-.174.018-.244l5.238-5.168.003-.002c.271-.275.84-.85.156-1.594l-5.064-5.06c-.33-.332-.658-.495-.997-.5-.342-.006-.681.16-1.006.484L7.988 9.09a.195.195 0 01-.135.062.155.155 0 01-.109-.042L5.173 6.537c-.289-.266-.788-.342-1.16-.176a.766.766 0 00-.474.736l-.005 12.667a.672.672 0 00.182.538zm.527-13.434a.532.532 0 01.204-.04c.132 0 .263.042.345.115l2.56 2.56c.14.138.325.21.524.205a.762.762 0 00.512-.224l5.093-5.073c.218-.218.414-.322.602-.32.185.004.39.116.61.337l5.045 5.042c.25.274.258.409-.145.815l-5.238 5.168a.743.743 0 00-.225.513.707.707 0 00.205.524l2.77 2.77c.087.092.135.31.062.479-.053.123-.151.18-.314.18H4.226a.105.105 0 01-.014.002c-.045.006-.084-.003-.101-.02s-.025-.053-.02-.1c.003-.009.003-.02.003-.029L4.1 7.09c0-.073.017-.165.143-.221z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownLeftLight;

package/dist-es/generated/mistica-icons/icon-arrow-down-left-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 IconArrowDownLeftRegular = 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 IconArrowDownLeftRegular = 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 IconArrowDownLeftRegular = function(_param) {
                 d: "M15.334 22H2V8.603c0-.868.492-1.612 1.288-1.936a2.196 2.196 0 012.371.476l2.768 2.768 7.71-7.704a.722.722 0 011.013 0 .722.722 0 010 1.012l-8.22 8.213c-.504.503-.892.12-1.524-.513l-2.76-2.76a.73.73 0 00-.807-.172.64.64 0 00-.404.616v11.969h11.91c.396 0 .56-.292.608-.42a.794.794 0 00-.16-.86l-3.716-3.716 8.703-8.729a.722.722 0 011.012 0 .722.722 0 010 1.012l-7.71 7.713 2.71 2.712c.633.632.817 1.58.477 2.42-.34.792-1.076 1.296-1.936 1.296z",
                 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 IconArrowDownLeftRegular = function(_param) {
                 d: "M3.944 20.333a.89.89 0 00.641.258c.026 0 .05 0 .079-.003H16.75c.476 0 .865-.246 1.042-.66.19-.446.098-1.01-.219-1.34l-2.588-2.585 5.12-4.815.014-.014c.219-.219.449-.488.521-.824.079-.37-.042-.731-.36-1.078l-.018-.017-5.05-5.025c-.737-.737-1.577-.745-2.305-.017l-.006.005-4.79 4.905-2.378-2.378a.074.074 0 01-.017-.014c-.358-.328-.95-.42-1.406-.216a1.01 1.01 0 00-.614.956l-.005 12.145a.89.89 0 00.252.717zm12.807-.82H4.767L4.77 7.49c.065-.014.171 0 .213.031l2.448 2.448a.973.973 0 001.376-.017l.005-.005 4.857-4.972c.104-.107.255-.227.381-.227.101.003.244.09.4.246l5.04 5.017c.062.07.084.112.093.129-.012.028-.054.104-.222.274l-5.187 4.877-.012.011a.995.995 0 00-.294.676.95.95 0 00.275.7l2.652 2.652c.026.04.031.14.009.177a.184.184 0 01-.053.006z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownLeftRegular;

package/dist-es/generated/mistica-icons/icon-arrow-down-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 IconArrowDownLight = 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 IconArrowDownLight = 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 IconArrowDownLight = function(_param) {
                 d: "M15.317 2.495a.742.742 0 01-.733-.748c0-.415.334-.747.733-.747.4 0 .733.332.733.747a.742.742 0 01-.733.748zM2.533 12.54L11.999 22l9.474-9.459c.523-.537.675-1.327.374-2.057-.3-.739-.984-1.213-1.741-1.213h-4.418V4.01a.37.37 0 00-.367-.374.37.37 0 00-.366.373v6.008h5.167c.56 0 .91.382 1.058.747.14.349.157.848-.218 1.23l-8.951 8.947-8.951-8.938c-.375-.382-.359-.89-.219-1.239.14-.357.499-.747 1.059-.747h5.142v-8.64a.37.37 0 00-.366-.374.37.37 0 00-.367.374V9.27H3.891c-.757 0-1.44.474-1.741 1.213-.293.73-.153 1.511.383 2.057z",
                 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 IconArrowDownLight = function(_param) {
                 d: "M11.936 21.883h.003c.174 0 .345-.087.515-.263l8.958-8.902c.376-.367.496-.801.33-1.185-.173-.41-.64-.67-1.164-.653l-3.519.023c-.08 0-.145-.079-.145-.174l.003-6.908c-.009-.554-.155-.958-.443-1.238-.314-.302-.768-.437-1.426-.425H8.83c-.575-.017-1.042.134-1.353.44-.3.293-.448.705-.44 1.229v6.9c0 .094-.064.173-.146.173l-3.778.005c-.415-.005-.745.2-.888.55-.166.403-.026.896.355 1.257l8.93 8.966c.13.135.272.205.426.205zM2.771 11.676c.048-.118.162-.182.325-.182.003 0 .008 0 .005.002h.006l3.782-.005a.75.75 0 00.736-.762V3.82c-.005-.355.084-.624.264-.8.246-.242.638-.28.924-.272h6.244c.487-.009.817.075 1.008.26.17.165.258.434.263.82l-.002 6.9c0 .42.33.762.736.762l3.524-.023h.008c.275-.01.53.113.608.295.087.201-.09.42-.204.532l-8.961 8.907-.003.003a.492.492 0 01-.087.076l-.003-.003a.024.024 0 01-.008-.008l-.005-.006-8.936-8.975-.006-.005c-.249-.236-.274-.474-.218-.608z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownLight;

package/dist-es/generated/mistica-icons/icon-arrow-down-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 IconArrowDownRegular = 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 IconArrowDownRegular = 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 IconArrowDownRegular = function(_param) {
                 d: "M15.151 1c-.408 0-.742.356-.742.788v9.23h5.379c.369 0 .592.313.665.59.038.12.15.51-.112.788l-8.34 8.444-8.341-8.444c-.262-.277-.19-.669-.112-.788.112-.237.335-.59.666-.59h5.378v-9.23c0-.436-.335-.788-.742-.788-.408 0-.743.356-.743.788v7.66H4.214c-.889 0-1.705.63-2.04 1.531-.334.863-.188 1.848.447 2.477L12.001 23l9.379-9.508c.631-.67.781-1.61.447-2.513-.37-.906-1.151-1.531-2.04-1.531h-3.893v-7.66c0-.432-.335-.788-.743-.788z",
                 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 IconArrowDownRegular = function(_param) {
                 d: "M11.81 21.734h.005c.356 0 .599-.243.69-.334l.002-.002 8.711-8.659c.434-.423.589-.904.42-1.322-.098-.243-.389-.652-1.246-.658h-.006l-3.563.006a.472.472 0 01-.053-.157l.003-6.72c-.008-.417-.064-1.017-.487-1.426-.42-.406-1.026-.445-1.446-.437H8.798c-.616-.017-1.07.126-1.392.443-.322.316-.476.77-.468 1.386l-.02 6.883a.227.227 0 01-.055.039l-3.667.003c-.499 0-.913.263-1.09.694-.201.49-.042 1.082.407 1.507l8.703 8.48a.82.82 0 00.593.274zm-8.695-9.849a.168.168 0 01.078-.014c.003 0 .006 0 .006-.003l3.686-.002c.507 0 1.12-.471 1.12-1.056l.02-6.956v-.008c-.003-.207.02-.476.14-.597.123-.117.395-.134.602-.129h6.084c.345-.008.577.037.673.13.095.092.148.319.154.655l-.003 6.708c0 .437.342 1.247.994 1.247l3.712-.006c.064 0 .117.006.16.012a.867.867 0 01-.09.098l-.006.005-8.619 8.566-8.557-8.336-.006-.006c-.165-.157-.162-.288-.148-.308z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownRegular;

package/dist-es/generated/mistica-icons/icon-arrow-down-right-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 IconArrowDownRightFilled = 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 IconArrowDownRightFilled = 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 IconArrowDownRightFilled = function(_param) {
                 d: "M20.712 6.672c-.808-.332-1.652-.3-2.284.332l-2.86 2.86L7.708 2 2 7.708s6.144 6.072 7.856 7.864l-2.672 2.68c-.632.632-.792 1.612-.444 2.444.332.8 1.068 1.304 1.928 1.304H22V8.608c0-.868-.492-1.612-1.288-1.936z",
                 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 IconArrowDownRightFilled = function(_param) {
                 d: "M3.675 10.289v-.023c.006-.395.194-.779.56-1.143l5.026-5.047.017-.017c.347-.32.708-.44 1.078-.362.336.073.605.303.824.521l.014.014 4.812 5.115 2.588-2.588c.33-.316.894-.409 1.339-.218.415.176.661.565.661 1.039v12.09a.9.9 0 01-.255.717.894.894 0 01-.717.252l-12.146-.006a1.009 1.009 0 01-.955-.613c-.204-.457-.112-1.05.216-1.407l.014-.016 2.378-2.379-4.905-4.79-.005-.005c-.362-.353-.544-.737-.544-1.134z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownRightFilled;

package/dist-es/generated/mistica-icons/icon-arrow-down-right-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 IconArrowDownRightLight = 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 IconArrowDownRightLight = 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 IconArrowDownRightLight = function(_param) {
                 d: "M7.453 3.454a.727.727 0 100-1.454.727.727 0 000 1.454zM8.782 22H22V8.719c0-.735-.42-1.355-1.09-1.638a1.854 1.854 0 00-2.016.411l-3.078 3.08-6.646-6.65a.361.361 0 00-.515 0 .362.362 0 000 .515l6.95 6.97.064.024c.057.026.1.045.144.047.125.007.258-.127.774-.642L19.4 8.004a1.114 1.114 0 011.226-.252c.391.168.635.531.635.967v12.55H8.786c-.435 0-.79-.244-.958-.655a1.18 1.18 0 01.252-1.274l3.321-3.324.024-.063a.416.416 0 00.03-.094c.026-.167-.174-.366-1.471-1.664L2.623 6.829a.361.361 0 00-.515 0 .362.362 0 000 .516l8.463 8.468-3.014 3.015a1.885 1.885 0 00-.403 2.066C7.437 21.58 8.056 22 8.782 22z",
                 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 IconArrowDownRightLight = function(_param) {
                 d: "M19.831 20.474a.638.638 0 00.47-.187.67.67 0 00.183-.538v-12.6c.002-.383-.188-.686-.519-.829-.358-.154-.826-.081-1.09.171L16.098 9.27a.143.143 0 01-.11.042.191.191 0 01-.134-.06l-5.168-5.237-.003-.003c-.274-.272-.848-.84-1.593-.157L4.033 8.92c-.334.33-.496.658-.502.997-.003.341.16.68.485 1.005l5.067 5.096c.04.036.059.084.062.134a.155.155 0 01-.042.11l-2.572 2.57c-.266.29-.341.788-.176 1.16.134.3.4.474.728.474l12.678.005a.609.609 0 00.07.003zm-.056-.56l-12.683-.006c-.076 0-.166-.016-.222-.143-.075-.168-.039-.422.073-.549l2.56-2.56a.711.711 0 00.205-.523.756.756 0 00-.224-.513L4.41 10.527c-.219-.218-.322-.414-.32-.602.003-.185.115-.39.337-.61l5.044-5.05c.275-.25.41-.259.816.145l5.168 5.238c.137.14.319.218.512.224a.707.707 0 00.524-.204l2.77-2.77c.093-.085.311-.132.48-.06.123.054.179.152.179.314v12.616l.002.028c.006.045-.002.084-.02.101-.016.017-.052.025-.1.02-.008-.003-.02-.003-.028-.003z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownRightLight;

package/dist-es/generated/mistica-icons/icon-arrow-down-right-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 IconArrowDownRightRegular = 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 IconArrowDownRightRegular = 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 IconArrowDownRightRegular = function(_param) {
                 d: "M20.715 5.902c-.808-.35-1.741-.152-2.373.5l-2.77 2.907-7.71-8.092a.698.698 0 00-1.012 0 .785.785 0 000 1.063l8.318 8.73.128.059c.436.197.568.059 1.288-.698l2.762-2.898a.697.697 0 01.809-.177.67.67 0 01.404.647v12.561H8.663c-.396 0-.56-.306-.608-.44-.096-.248-.104-.622.16-.9l3.314-3.478.056-.135c.144-.373.168-.45-.664-1.344L3.22 6.087a.698.698 0 00-1.013 0 .785.785 0 000 1.062l7.71 8.091-2.715 2.849c-.632.664-.816 1.668-.476 2.542.332.84 1.069 1.369 1.93 1.369H22V7.93c0-.907-.492-1.688-1.285-2.028z",
                 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 IconArrowDownRightRegular = function(_param) {
                 d: "M19.616 20.644a.879.879 0 00.717-.255.901.901 0 00.255-.717V7.585c.003-.476-.244-.865-.658-1.044-.446-.19-1.009-.098-1.34.218l-2.587 2.588-4.813-5.115-.014-.014c-.218-.218-.487-.448-.823-.52-.37-.079-.731.041-1.079.36l-.016.018-5.026 5.047c-.736.737-.745 1.577-.016 2.306l.005.005 4.902 4.79-2.378 2.378c-.003.006-.008.011-.014.017-.328.358-.42.95-.216 1.406.174.384.524.614.944.614l12.157.005zm-.104-1.075L7.49 19.563c-.014-.062 0-.17.03-.21l2.45-2.448a.973.973 0 00-.018-1.376l-.005-.005-4.972-4.857c-.107-.104-.23-.255-.227-.381.003-.101.09-.244.246-.4l5.017-5.037a.604.604 0 01.129-.093c.028.011.104.054.274.222l4.88 5.184.011.012a.97.97 0 001.375.02l2.65-2.65a.241.241 0 01.177-.009.175.175 0 01.005.05V19.57z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowDownRightRegular;

package/dist-es/generated/mistica-icons/icon-arrow-drop-down-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 IconArrowDropDownFilled = 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 IconArrowDropDownFilled = 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 IconArrowDropDownFilled = function(_param) {
             d: "M21.753 7.863a1.304 1.304 0 00-1.183-.711L3.447 7c-.524-.01-1 .27-1.196.698a1.03 1.03 0 00.275 1.24l8.56 7.575a1.407 1.407 0 001.815 0l8.56-7.423c.356-.3.474-.798.292-1.227z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconArrowDropDownFilled;

package/dist-es/generated/mistica-icons/icon-arrow-drop-up-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 IconArrowDropUpFilled = 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 IconArrowDropUpFilled = 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 IconArrowDropUpFilled = function(_param) {
             d: "M21.481 14.91L12.91 7.336a1.41 1.41 0 00-1.818 0L2.523 14.76a1.044 1.044 0 00-.28 1.23c.196.423.655.703 1.174.709l17.137.15c.52 0 .986-.274 1.185-.7a1.041 1.041 0 00-.275-1.238h.017z",
             fill: fillColor
         })
-    })));
+    }));
 };
 export default IconArrowDropUpFilled;

package/dist-es/generated/mistica-icons/icon-arrow-left-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 IconArrowLeftFilled = 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 IconArrowLeftFilled = 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 IconArrowLeftFilled = function(_param) {
                 d: "M14.14 16.177v3.682c0 .841-.428 1.612-1.287 1.965-.286.106-.573.176-.823.176-.536 0-1.072-.21-1.464-.562L2 12.494l8.57-8.907c.61-.6 1.5-.739 2.287-.423.823.349 1.287 1.124 1.287 1.964v3.683H22v7.366h-7.86z",
                 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 IconArrowLeftFilled = function(_param) {
                 d: "M11.826 2.011c.152 0 .3.028.44.084.434.177.7.602.695 1.107l.003 3.65a.21.21 0 00.039.056l6.882.02c.616-.01 1.07.145 1.384.467.314.322.46.776.443 1.392v6.042c.008.42-.031 1.025-.438 1.445-.406.42-1.008.482-1.425.488l-6.72-.003a.453.453 0 00-.157.053l.006 3.563v.003c-.006.857-.415 1.149-.659 1.247-.417.168-.899.014-1.322-.42L2.34 12.492c-.087-.084-.336-.33-.333-.69a.82.82 0 01.274-.593l8.48-8.706c.302-.32.691-.493 1.066-.493z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconArrowLeftFilled;