@telefonica/mistica 11.3.0 → 11.5.0

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-light.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconPayAsYouGoEuroLight = function IconPayAsYouGoEuroLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M21.598 17.966l-2.166.34a10.231 10.231 0 002.13-6.266C21.562 6.49 17.269 2 12 2a9.288 9.288 0 00-5.125 1.55c-.18.113-.217.339-.108.527.108.189.324.227.504.114A8.443 8.443 0 0112 2.758c4.87 0 8.841 4.15 8.841 9.248 0 2.19-.72 4.302-2.094 5.965l-.36-2.492c-.036-.189-.217-.34-.397-.302-.18.038-.324.226-.288.415l.504 3.656 3.5-.528c.18-.037.325-.226.288-.414-.036-.23-.216-.381-.396-.34zm-4.188 2.338c0 .416-.323.754-.721.754-.398 0-.72-.338-.72-.754 0-.417.322-.754.72-.754.398 0 .72.337.72.754zm-2.743.527a9.194 9.194 0 01-2.671.415c-4.87 0-8.841-4.15-8.841-9.248 0-2.228.757-4.302 2.094-5.964l.36 2.492c.036.188.18.339.36.339h.037c.18-.038.324-.226.288-.415L5.79 4.79l-3.496.527c-.18.038-.324.226-.288.415.036.188.216.34.396.302l2.166-.34a10.323 10.323 0 00-2.13 6.304C2.438 17.51 6.73 22 12 22c.973 0 1.95-.15 2.887-.452.18-.076.288-.264.252-.49-.04-.23-.288-.302-.472-.227z",
+                fill: fillColor
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M7.13 13.133c0 .226.145.377.361.377h.973c.613 1.738 2.203 3.02 4.077 3.02a4.37 4.37 0 002.166-.603c.18-.113.216-.34.144-.528-.108-.188-.324-.226-.505-.15-.54.339-1.153.49-1.805.49-1.482 0-2.743-.943-3.284-2.267h3.32c.216 0 .36-.15.36-.377 0-.226-.144-.377-.36-.377H9.04a4.845 4.845 0 01-.072-.754c0-.263.036-.49.072-.753h3.536c.216 0 .36-.151.36-.377 0-.227-.144-.377-.36-.377h-3.32c.54-1.32 1.838-2.266 3.32-2.266.612 0 1.26.188 1.806.527.18.114.396.038.504-.15a.39.39 0 00-.144-.528c-.649-.415-1.41-.603-2.166-.603-1.878 0-3.464 1.248-4.077 3.02h-.973c-.216 0-.36.15-.36.377 0 .226.144.377.36.377h.793c-.036.226-.072.49-.072.753 0 .264.036.528.072.754h-.793c-.256.034-.396.189-.396.415z",
+                fill: fillColor
+            })
+        ]
+    }));
+};
+var _default = IconPayAsYouGoEuroLight;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-light.js.flow

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-regular.d.ts

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-regular.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconPayAsYouGoEuroRegular = function IconPayAsYouGoEuroRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M21.189 17.378a.735.735 0 01.8.619.684.684 0 01-.588.806l-3.724.581-.524-3.89a.727.727 0 01.592-.836.735.735 0 01.8.618l.208 1.563A9.025 9.025 0 0020.181 12c0-4.73-3.656-8.546-8.215-8.546-1.216 0-2.364.289-3.48.836a.73.73 0 01-.94-.364c-.14-.363 0-.798.349-.982A9.516 9.516 0 0112.002 2c5.291 0 9.57 4.471 9.535 10 0 1.998-.56 3.928-1.604 5.562l1.256-.184zm-9.187 3.168a7.96 7.96 0 003.551-.836.641.641 0 01.908.326.748.748 0 01-.316.982 9.094 9.094 0 01-4.143.982c-5.287 0-9.57-4.471-9.57-10 0-1.998.591-3.928 1.635-5.566l-1.256.184c-.384.075-.728-.218-.8-.619a.727.727 0 01.592-.836l3.76-.547.524 3.89a.727.727 0 01-.592.836H6.19a.693.693 0 01-.696-.618L5.287 7.16A8.757 8.757 0 003.823 12c0 4.73 3.656 8.546 8.179 8.546z",
+                fill: fillColor
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M6.955 13.09c0 .402.316.728.696.728h.695c.696 1.709 2.296 2.908 4.176 2.908.8 0 1.564-.217 2.264-.652a.708.708 0 00.244-.982c-.208-.363-.624-.472-.94-.255a3.021 3.021 0 01-1.564.435c-1.08 0-2.052-.58-2.612-1.454h2.612c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727h-3.1c0-.11-.036-.255-.036-.364 0-.109 0-.255.036-.364h3.096c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727H9.914c.556-.873 1.532-1.454 2.612-1.454.556 0 1.08.146 1.564.435a.662.662 0 00.94-.255.725.725 0 00-.244-.982c-.696-.402-1.464-.652-2.264-.652-1.88 0-3.48 1.2-4.176 2.908h-.695c-.384 0-.696.33-.696.727 0 .397.316.727.696.727h.348c0 .11-.036.255-.036.364 0 .109 0 .255.036.364H7.65c-.38 0-.696.325-.696.727z",
+                fill: fillColor
+            })
+        ]
+    }));
+};
+var _default = IconPayAsYouGoEuroRegular;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-as-you-go-euro-regular.js.flow

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-filled.d.ts

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-filled.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconPayAsYouGoPoundFilled = function IconPayAsYouGoPoundFilled(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M9.666 14.545c-.384 0-.696.33-.696.727 0 .397.316.727.696.727h4.592c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727h-2.816c.036-.146.036-.288.036-.435v-1.563h1.392c.384 0 .696-.33.696-.727 0-.4-.316-.727-.696-.727h-1.392V9.64c0-.547.348-.911.872-.911.316 0 .452.071.592.184.276.255.732.255.976-.071.244-.289.244-.765-.068-1.02-.524-.472-1.116-.547-1.496-.547-1.288 0-2.264 1.02-2.264 2.365v1.454h-.348c-.384 0-.696.33-.696.727 0 .402.316.727.696.727h.348v1.563c-.004.255-.176.435-.424.435z",
+                fill: fillColor
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M21.189 17.378a.735.735 0 01.8.619.684.684 0 01-.588.806l-3.724.581-.524-3.89a.727.727 0 01.592-.836.735.735 0 01.8.618l.208 1.563A9.025 9.025 0 0020.181 12c0-4.73-3.656-8.546-8.215-8.546-1.216 0-2.364.289-3.48.836a.73.73 0 01-.94-.364c-.14-.363 0-.798.349-.982A9.516 9.516 0 0112.002 2c5.291 0 9.57 4.471 9.535 10 0 1.998-.56 3.928-1.604 5.562l1.256-.184zm-9.187 3.168a7.96 7.96 0 003.551-.836.641.641 0 01.908.326.748.748 0 01-.316.982 9.094 9.094 0 01-4.143.982c-5.287 0-9.57-4.471-9.57-10 0-1.998.591-3.928 1.635-5.566l-1.256.184c-.384.075-.728-.218-.8-.619a.727.727 0 01.592-.836l3.76-.547.524 3.89a.727.727 0 01-.592.836H6.19a.693.693 0 01-.696-.618L5.287 7.16A8.757 8.757 0 003.823 12c0 4.73 3.656 8.546 8.179 8.546z",
+                fill: fillColor
+            })
+        ]
+    }));
+};
+var _default = IconPayAsYouGoPoundFilled;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-filled.js.flow

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-light.d.ts

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-light.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconPayAsYouGoPoundLight = function IconPayAsYouGoPoundLight(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M9.58 15.018c-.215 0-.36.15-.36.377 0 .226.145.376.36.376h4.763c.216 0 .36-.15.36-.376s-.144-.377-.36-.377h-3.467c.144-.226.216-.531.216-.832v-2h1.804c.216 0 .36-.15.36-.376s-.144-.377-.36-.377h-1.804V9.547c0-.795.508-1.318 1.26-1.318.396 0 .612.075.828.263.144.151.36.113.508-.037.143-.15.107-.377-.036-.532-.36-.343-.76-.489-1.336-.489-1.156 0-1.984.866-1.984 2.075v1.886h-.72c-.215 0-.36.151-.36.377s.145.377.36.377h.72v2.003c.04.49-.32.866-.751.866z",
+                fill: fillColor
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M21.59 17.959l-2.164.343a10.234 10.234 0 002.128-6.266C21.553 6.493 17.258 2 11.992 2a9.27 9.27 0 00-5.119 1.544c-.18.113-.216.343-.108.53.108.19.328.227.508.114a8.393 8.393 0 014.723-1.435c4.87 0 8.838 4.154 8.838 9.245 0 2.188-.72 4.3-2.092 5.961l-.36-2.493c-.036-.188-.216-.343-.396-.301-.18.037-.328.226-.288.414l.508 3.664 3.5-.531c.18-.038.327-.226.287-.414-.044-.222-.223-.377-.403-.339zm-4.183 2.343c0 .416-.323.753-.72.753-.398 0-.72-.337-.72-.753s.322-.753.72-.753c.397 0 .72.337.72.753zm-2.744.527a9.204 9.204 0 01-2.667.414c-4.87 0-8.838-4.154-8.838-9.245 0-2.226.76-4.3 2.092-5.961l.36 2.493c.036.188.18.343.36.343h.036c.18-.038.327-.226.287-.414l-.5-3.665-3.498.523c-.18.038-.328.226-.288.414.036.189.216.343.395.302l2.164-.343a10.372 10.372 0 00-2.128 6.308C2.438 17.508 6.73 22 12 22c.976 0 1.947-.15 2.887-.452.18-.075.288-.263.252-.49-.04-.23-.296-.305-.476-.23z",
+                fill: fillColor
+            })
+        ]
+    }));
+};
+var _default = IconPayAsYouGoPoundLight;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-light.js.flow

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-regular.d.ts

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

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-regular.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    var _arguments = arguments, _loop = function(i) {
+        var source = _arguments[i] != null ? _arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    };
+    for(var i = 1; i < arguments.length; i++)_loop(i);
+    return target;
+}
+function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var IconPayAsYouGoPoundRegular = function IconPayAsYouGoPoundRegular(_param) {
+    var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
+        "color",
+        "size",
+        "children"
+    ]);
+    var colors = (0, _hooks).useTheme().colors;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("svg", _objectSpread({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M9.666 14.545c-.384 0-.696.33-.696.727 0 .397.316.727.696.727h4.592c.384 0 .696-.33.696-.727 0-.397-.316-.727-.696-.727h-2.816c.036-.146.036-.288.036-.435v-1.563h1.392c.384 0 .696-.33.696-.727 0-.4-.316-.727-.696-.727h-1.392V9.64c0-.547.348-.911.872-.911.316 0 .452.071.592.184.276.255.732.255.976-.071.244-.289.244-.765-.068-1.02-.524-.472-1.116-.547-1.496-.547-1.288 0-2.264 1.02-2.264 2.365v1.454h-.348c-.384 0-.696.33-.696.727 0 .402.316.727.696.727h.348v1.563c-.004.255-.176.435-.424.435z",
+                fill: fillColor
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
+                d: "M21.189 17.378a.735.735 0 01.8.619.684.684 0 01-.588.806l-3.724.581-.524-3.89a.727.727 0 01.592-.836.735.735 0 01.8.618l.208 1.563A9.025 9.025 0 0020.181 12c0-4.73-3.656-8.546-8.215-8.546-1.216 0-2.364.289-3.48.836a.73.73 0 01-.94-.364c-.14-.363 0-.798.349-.982A9.516 9.516 0 0112.002 2c5.291 0 9.57 4.471 9.535 10 0 1.998-.56 3.928-1.604 5.562l1.256-.184zm-9.187 3.168a7.96 7.96 0 003.551-.836.641.641 0 01.908.326.748.748 0 01-.316.982 9.094 9.094 0 01-4.143.982c-5.287 0-9.57-4.471-9.57-10 0-1.998.591-3.928 1.635-5.566l-1.256.184c-.384.075-.728-.218-.8-.619a.727.727 0 01.592-.836l3.76-.547.524 3.89a.727.727 0 01-.592.836H6.19a.693.693 0 01-.696-.618L5.287 7.16A8.757 8.757 0 003.823 12c0 4.73 3.656 8.546 8.179 8.546z",
+                fill: fillColor
+            })
+        ]
+    }));
+};
+var _default = IconPayAsYouGoPoundRegular;
+exports.default = _default;

package/dist/generated/mistica-icons/icon-pay-as-you-go-pound-regular.js.flow

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

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

@@ -101,7 +101,7 @@ var IconPayInvoiceFilled = function IconPayInvoiceFilled(_param) {
             role: "presentation"
         }, rest, {
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-                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",
+                d: "M6.644 2H17.36c1.18 0 2.145.965 2.14 2.144V22h-15V4.144C4.5 2.96 5.465 2 6.644 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.075a.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.075a.533.533 0 00-.535.535c0 .297.238.535.535.535z",
                 fill: fillColor
             })
         }));