@telefonica/mistica 10.12.0 → 10.13.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [10.13.0](https://github.com/Telefonica/mistica-web/compare/v10.12.0...v10.13.0) (2021-12-02)
+
+
+### Bug Fixes
+
+* **Dialog:** text size ([#371](https://github.com/Telefonica/mistica-web/issues/371)) ([4b3a2a7](https://github.com/Telefonica/mistica-web/commit/4b3a2a70ed2aa46c8d91420182e146c6b3b3b2c4))
+
+
+### Features
+
+* **Icons:** Update mistica icons ([#374](https://github.com/Telefonica/mistica-web/issues/374)) ([136bb96](https://github.com/Telefonica/mistica-web/commit/136bb96a11835ce16c69b93e67eb1f92e9c0d8d4))
+
 # [10.12.0](https://github.com/Telefonica/mistica-web/compare/v10.11.0...v10.12.0) (2021-11-24)
 
 

package/dist/dialog.js

@@ -303,9 +303,8 @@ var Dialog = function Dialog(props) {
         paddingBottom: 24
     }, icon), title && /*#__PURE__*/ React.createElement(_box.default, {
         paddingBottom: 16
-    }, /*#__PURE__*/ React.createElement(_text.Text4, {
-        as: "h2",
-        light: true
+    }, /*#__PURE__*/ React.createElement(_text.Text5, {
+        as: "h2"
     }, title)), /*#__PURE__*/ React.createElement("div", {
         className: classes.dialogContent
     }, /*#__PURE__*/ React.createElement(_text.Text3, {

package/dist/generated/mistica-icons/{icon-pound-light.d.ts → icon-book-filled.d.ts}

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

package/dist/generated/mistica-icons/{icon-poundry-filled.js → icon-book-filled.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconPoundryFilled = function IconPoundryFilled(_param) {
+var IconBookFilled = function IconBookFilled(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconPoundryFilled = function IconPoundryFilled(_param) {
         fill: fillColor
     })));
 };
-var _default = IconPoundryFilled;
+var _default = IconBookFilled;
 exports.default = _default;

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

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

package/dist/generated/mistica-icons/{icon-money-light.d.ts → icon-book-light.d.ts}

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

package/dist/generated/mistica-icons/{icon-poundry-light.js → icon-book-light.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconPoundryLight = function IconPoundryLight(_param) {
+var IconBookLight = function IconBookLight(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconPoundryLight = function IconPoundryLight(_param) {
         fill: fillColor
     })));
 };
-var _default = IconPoundryLight;
+var _default = IconBookLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-book-light.js.flow

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

package/dist/generated/mistica-icons/{icon-pound-filled.d.ts → icon-book-regular.d.ts}

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

package/dist/generated/mistica-icons/{icon-poundry-regular.js → icon-book-regular.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconPoundryRegular = function IconPoundryRegular(_param) {
+var IconBookRegular = function IconBookRegular(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconPoundryRegular = function IconPoundryRegular(_param) {
         fill: fillColor
     })));
 };
-var _default = IconPoundryRegular;
+var _default = IconBookRegular;
 exports.default = _default;

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

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.d.ts

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

package/dist/generated/mistica-icons/{icon-money-filled.js → icon-dollar-symbol-circle-filled.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconMoneyFilled = function IconMoneyFilled(_param) {
+var IconDollarSymbolCircleFilled = function IconDollarSymbolCircleFilled(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconMoneyFilled = function IconMoneyFilled(_param) {
         fill: fillColor
     })));
 };
-var _default = IconMoneyFilled;
+var _default = IconDollarSymbolCircleFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-filled.js.flow

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.d.ts

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

package/dist/generated/mistica-icons/{icon-money-light.js → icon-dollar-symbol-circle-light.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconMoneyLight = function IconMoneyLight(_param) {
+var IconDollarSymbolCircleLight = function IconDollarSymbolCircleLight(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconMoneyLight = function IconMoneyLight(_param) {
         fill: fillColor
     })));
 };
-var _default = IconMoneyLight;
+var _default = IconDollarSymbolCircleLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js.flow

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

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.d.ts

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

package/dist/generated/mistica-icons/{icon-money-regular.js → icon-dollar-symbol-circle-regular.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconMoneyRegular = function IconMoneyRegular(_param) {
+var IconDollarSymbolCircleRegular = function IconDollarSymbolCircleRegular(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconMoneyRegular = function IconMoneyRegular(_param) {
         fill: fillColor
     })));
 };
-var _default = IconMoneyRegular;
+var _default = IconDollarSymbolCircleRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js.flow

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

package/dist/generated/mistica-icons/icon-dollar-symbol-filled.d.ts

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

package/dist/generated/mistica-icons/{icon-dolar-symbol-filled.js → icon-dollar-symbol-filled.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconDolarSymbolFilled = function IconDolarSymbolFilled(_param) {
+var IconDollarSymbolFilled = function IconDollarSymbolFilled(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconDolarSymbolFilled = function IconDolarSymbolFilled(_param) {
         fill: fillColor
     })));
 };
-var _default = IconDolarSymbolFilled;
+var _default = IconDollarSymbolFilled;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-filled.js.flow

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

package/dist/generated/mistica-icons/icon-dollar-symbol-light.d.ts

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

package/dist/generated/mistica-icons/{icon-dolar-symbol-light.js → icon-dollar-symbol-light.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconDolarSymbolLight = function IconDolarSymbolLight(_param) {
+var IconDollarSymbolLight = function IconDollarSymbolLight(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconDolarSymbolLight = function IconDolarSymbolLight(_param) {
         fill: fillColor
     })));
 };
-var _default = IconDolarSymbolLight;
+var _default = IconDollarSymbolLight;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-light.js.flow

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

package/dist/generated/mistica-icons/icon-dollar-symbol-regular.d.ts

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

package/dist/generated/mistica-icons/{icon-dolar-symbol-regular.js → icon-dollar-symbol-regular.js}

@@ -73,7 +73,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var IconDolarSymbolRegular = function IconDolarSymbolRegular(_param) {
+var IconDollarSymbolRegular = function IconDollarSymbolRegular(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
         "size",
@@ -92,5 +92,5 @@ var IconDolarSymbolRegular = function IconDolarSymbolRegular(_param) {
         fill: fillColor
     })));
 };
-var _default = IconDolarSymbolRegular;
+var _default = IconDollarSymbolRegular;
 exports.default = _default;

package/dist/generated/mistica-icons/icon-dollar-symbol-regular.js.flow

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.d.ts

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _themeVariantContext = require("../../theme-variant-context");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+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 IconEuroSymbolCircleFilled = function IconEuroSymbolCircleFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M12 2C6.5 2 2 6.5 2 12s4.464 10 10 10c5.5 0 10-4.464 10-10 0-5.5-4.5-10-10-10zm.536 8.392c.284 0 .536.252.536.536a.552.552 0 01-.536.536H9.18c-.036.18-.036.356-.036.536 0 .18 0 .356.036.536h3.356c.284 0 .536.252.536.536a.552.552 0 01-.536.536h-3a3.395 3.395 0 003 1.784c.608 0 1.18-.144 1.68-.464a.52.52 0 01.716.18.52.52 0 01-.18.716 4.461 4.461 0 01-2.212.608c-1.892 0-3.5-1.18-4.18-2.856h-.824A.552.552 0 017 13.04c0-.284.252-.536.536-.536h.572c-.036-.144-.036-.324-.036-.5s0-.356.036-.536h-.572A.552.552 0 017 10.932c0-.284.252-.536.536-.536h.824a4.473 4.473 0 014.18-2.856c.784 0 1.572.216 2.252.608a.527.527 0 01.18.752.527.527 0 01-.752.18 3.512 3.512 0 00-1.68-.464 3.408 3.408 0 00-3 1.784c-.004-.008 2.996-.008 2.996-.008z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M16.398 16.95c-.863.406-1.91.61-3.118.61-3.137 0-5.131-1.398-5.778-3.98h-1.12a.603.603 0 010-1.205h.926a9.72 9.72 0 01-.039-.823c0-.123.009-.241.014-.359h-.902a.603.603 0 010-1.204h1.025c.522-2.88 2.558-4.446 5.874-4.446 1.19 0 2.23.202 3.084.597a.603.603 0 11-.507 1.095c-.694-.322-1.56-.484-2.577-.484-2.65 0-4.165 1.075-4.633 3.24h3.664a.603.603 0 010 1.205H8.5c-.006.123-.025.233-.025.359 0 .29.028.554.056.823h3.781a.601.601 0 110 1.205h-3.56c.577 1.857 2.067 2.773 4.527 2.773 1.025 0 1.902-.168 2.602-.496a.603.603 0 01.518 1.09M12 2c-6.437 0-9.84 3.403-9.84 9.846 0 6.44 3.403 9.84 9.84 9.84 6.443 0 9.846-3.403 9.846-9.84C21.846 5.403 18.443 2 12 2",
+            fill: fillColor
+        })));
+    }
+};
+var _default = IconEuroSymbolCircleFilled;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-euro-symbol-circle-filled.js.flow

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-light.d.ts

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-light.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _themeVariantContext = require("../../theme-variant-context");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+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 IconEuroSymbolCircleLight = function IconEuroSymbolCircleLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var ref = (0, _hooks).useTheme(), skinName = ref.skinName, colors = ref.colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    if (skinName.match(/^o2/i)) {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.998 2C17.497 2 21.996 6.5 22 12a10.15 10.15 0 01-1.536 5.356c-.104.18-.32.216-.5.108-.18-.104-.216-.32-.108-.5A9.431 9.431 0 0021.284 12c0-5.108-4.179-9.284-9.286-9.284-5.107 0-9.282 4.176-9.282 9.284 0 5.108 4.175 9.284 9.246 9.284 1.784 0 3.5-.5 4.963-1.428.176-.108.392-.072.5.108.108.176.072.392-.108.5A9.921 9.921 0 0111.998 22C6.499 22 2 17.5 2 12S6.5 2 11.998 2zm6.783 16.068a.716.716 0 110 1.432.716.716 0 010-1.432zM12.566 7.672c.752 0 1.5.176 2.143.572.18.104.252.32.144.5-.104.18-.32.252-.5.144a3.542 3.542 0 00-1.783-.5c-1.46 0-2.748.892-3.283 2.144h3.283c.212 0 .356.14.356.356 0 .212-.14.356-.356.356h-3.5c-.035.252-.071.468-.071.716 0 .252.036.5.072.716h3.499c.212 0 .356.14.356.356 0 .212-.14.356-.356.356H9.287a3.551 3.551 0 003.25 2.144c.64 0 1.249-.14 1.785-.464.176-.072.391-.036.5.144.071.176.035.392-.145.5a4.482 4.482 0 01-2.143.572c-1.856 0-3.427-1.212-4.035-2.856h-.964c-.212 0-.356-.14-.356-.356 0-.216.14-.356.388-.4h.784a4.428 4.428 0 01-.072-.716c0-.252.036-.5.072-.716h-.784c-.212 0-.356-.14-.356-.356 0-.212.14-.356.356-.356h.964c.608-1.676 2.18-2.856 4.035-2.856z",
+            fill: fillColor
+        })));
+    } else {
+        return(/*#__PURE__*/ React.createElement("svg", _extends({
+            width: size,
+            height: size,
+            viewBox: "0 0 24 24",
+            role: "presentation"
+        }, rest), /*#__PURE__*/ React.createElement("path", {
+            d: "M11.997 21.022c5.988 0 9.022-3.034 9.022-9.02 0-5.989-3.034-9.022-9.022-9.022-5.986 0-9.02 3.036-9.02 9.022 0 5.986 3.036 9.02 9.02 9.02zm0-18.866c6.442 0 9.846 3.406 9.846 9.846 0 6.437-3.404 9.84-9.846 9.84-6.437 0-9.84-3.403-9.84-9.84 0-6.44 3.403-9.846 9.84-9.846zm3.988 14.426a.408.408 0 01.535.224.41.41 0 01-.184.518c-.85.4-1.891.605-3.096.605-3.199 0-5.151-1.4-5.74-4.064H6.199a.412.412 0 010-.824h1.174a9.83 9.83 0 01-.062-1.044c0-.196.009-.387.02-.572H6.198a.412.412 0 010-.823h1.219C7.885 7.66 9.913 6.06 13.24 6.06c1.188 0 2.219.199 3.065.591a.408.408 0 01.168.557.407.407 0 01-.513.188c-.737-.342-1.652-.515-2.72-.515-2.885 0-4.546 1.257-4.98 3.717h3.994a.412.412 0 010 .823H8.167c-.01.19-.039.37-.039.572 0 .37.031.714.07 1.045h4.05a.412.412 0 010 .823H8.367c.56 2.143 2.182 3.244 4.871 3.244 1.085.003 2.006-.174 2.748-.524z",
+            fill: fillColor
+        })));
+    }
+};
+var _default = IconEuroSymbolCircleLight;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-euro-symbol-circle-light.js.flow

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

package/dist/generated/mistica-icons/icon-euro-symbol-circle-regular.d.ts

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