@telefonica/mistica 10.13.0 → 10.14.0

package/dist-es/card.js

@@ -98,13 +98,14 @@ var useMediaCardStyles = createUseStyles(function() {
         }
     };
 });
-export var MediaCard = function(param) {
+export var MediaCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var media = param.media, headline = param.headline, pretitle = param.pretitle, title = param.title, description = param.description, extra = param.extra, button = param.button, buttonLink = param.buttonLink, ariaLabel = param['aria-label'];
     var classes = useMediaCardStyles({
         media: media
     });
     return(/*#__PURE__*/ React.createElement(Boxed, {
-        className: classes.boxed
+        className: classes.boxed,
+        ref: ref
     }, /*#__PURE__*/ React.createElement("section", {
         className: classes.mediaCard,
         "aria-label": ariaLabel
@@ -121,7 +122,7 @@ export var MediaCard = function(param) {
         button: button,
         buttonLink: buttonLink
     })))));
-};
+});
 var useDataCardStyles = createUseStyles(function() {
     return {
         boxed: {
@@ -135,12 +136,13 @@ var useDataCardStyles = createUseStyles(function() {
         }
     };
 });
-export var DataCard = function(param) {
+export var DataCard = /*#__PURE__*/ React.forwardRef(function(param, ref) {
     var icon = param.icon, headline = param.headline, title = param.title, subtitle = param.subtitle, description = param.description, extra = param.extra, button = param.button, buttonLink = param.buttonLink, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
     var classes = useDataCardStyles();
     return(/*#__PURE__*/ React.createElement(Boxed, {
         className: classes.boxed,
-        dataAttributes: dataAttributes
+        dataAttributes: dataAttributes,
+        ref: ref
     }, /*#__PURE__*/ React.createElement("section", {
         className: classes.dataCard,
         "aria-label": ariaLabel
@@ -155,4 +157,4 @@ export var DataCard = function(param) {
         button: button,
         buttonLink: buttonLink
     }))));
-};
+});

package/dist-es/checkbox.js

@@ -183,9 +183,16 @@ var Checkbox = function(props) {
         "aria-labelledby": ariaLabel ? undefined : labelId,
         "aria-disabled": disabled
     }, getPrefixedDataAttributes(props.dataAttributes)), props.render ? props.render(iconCheckbox, labelId) : /*#__PURE__*/ React.createElement(Inline, {
-        space: 16,
-        alignItems: "center"
-    }, iconCheckbox, props.children && /*#__PURE__*/ React.createElement(Text3, {
+        space: 16
+    }, /*#__PURE__*/ React.createElement(Text3, {
+        regular: true,
+        as: "div"
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'relative',
+            top: -2
+        }
+    }, iconCheckbox)), props.children && /*#__PURE__*/ React.createElement(Text3, {
         regular: true,
         as: "div",
         id: labelId,

package/dist-es/decimal-field.js

@@ -87,7 +87,7 @@ var getLocalDecimalChar = function(locale) {
         return '.';
     }
 };
-var format = function(value) {
+var format = function(value, maxDecimals) {
     // do not make the localDecimalChar replacement here. Instead, keep the one the user typed.
     // Make that replacement in `replace` prost-processor. It is what rifm lib expects.
     var sanitized = String(value !== null && value !== void 0 ? value : '').replace(/[^.,\d]/g, ''); // remove non digits or decimal separator chars;
@@ -97,16 +97,16 @@ var format = function(value) {
         // empty
         return '';
     }
-    if (firstSeparator) {
+    if (firstSeparator && maxDecimals > 0) {
         // value includes one or more decimal separators, keep the first one
-        return parts.shift() + firstSeparator[0] + parts.join('');
+        return parts.shift() + firstSeparator[0] + parts.join('').slice(0, maxDecimals);
     } else {
         // no fractional part, return "as is"
         return parts[0];
     }
 };
 var DecimalInput = function(_param) {
-    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, rest = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue", "onChange"]);
+    var inputRef = _param.inputRef, value = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, maxDecimals = _param.maxDecimals, rest = _objectWithoutProperties(_param, ["inputRef", "value", "defaultValue", "onChange", "maxDecimals"]);
     var ref = useTheme(), i18n = ref.i18n;
     var localDecimalChar = getLocalDecimalChar(i18n.locale);
     var replace = function(value) {
@@ -128,7 +128,9 @@ var DecimalInput = function(_param) {
         onChange
     ]);
     var rifm = useRifm({
-        format: format,
+        format: function(value) {
+            return format(value, maxDecimals);
+        },
         replace: replace,
         value: controlledValue,
         onChange: handleChangeValue,
@@ -148,7 +150,7 @@ var DecimalInput = function(_param) {
 };
 export { DecimalInput };
 var DecimalField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue"]);
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, _maxDecimals = _param.maxDecimals, maxDecimals = _maxDecimals === void 0 ? Infinity : _maxDecimals, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue", "maxDecimals"]);
     var ref = useTheme(), texts = ref.texts;
     var validate = function(value, rawValue) {
         if (!value) {
@@ -175,7 +177,10 @@ var DecimalField = function(_param) {
     });
     return(/*#__PURE__*/ React.createElement(TextFieldBase, _extends({
     }, rest, fieldProps, {
-        inputComponent: DecimalInput
+        inputComponent: DecimalInput,
+        inputProps: {
+            maxDecimals: maxDecimals
+        }
     })));
 };
 export default DecimalField;

package/dist-es/feedback.js

@@ -11,7 +11,7 @@ import IcnError from './icons/icon-error';
 import IcnInfo from './icons/icon-info';
 import { isWebViewBridgeAvailable, requestVibration as requestVibrationNative } from '@tef-novum/webview-bridge';
 import { isOldChrome, isRunningAcceptanceTest } from './utils/platform';
-import { Text6, Text4 } from './text';
+import { Text6, Text4, Text2 } from './text';
 import Box from './box';
 import { Boxed } from './boxed';
 import ResponsiveLayout from './responsive-layout';
@@ -73,6 +73,36 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
+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;
+}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
@@ -344,16 +374,21 @@ export var SuccessFeedbackScreen = function(props) {
         imageFit: props.imageFit
     }))));
 };
-export var ErrorFeedbackScreen = function(props) {
-    var ref = useTheme(), skinName = ref.skinName;
+var ErrorFeedbackScreen = function(_param) {
+    var children = _param.children, errorReference = _param.errorReference, otherProps = _objectWithoutProperties(_param, ["children", "errorReference"]);
+    var ref = useTheme(), skinName = ref.skinName, colors = ref.colors;
     var hasIcon = skinName !== VIVO_SKIN;
     return(/*#__PURE__*/ React.createElement(FeedbackScreen, _extends({
-    }, props, {
+    }, otherProps, {
         hapticFeedback: "error",
         icon: hasIcon ? /*#__PURE__*/ React.createElement(IcnError, null) : undefined,
         animateText: true
-    })));
+    }), children, errorReference && /*#__PURE__*/ React.createElement(Text2, {
+        color: colors.textSecondary,
+        regular: true
+    }, errorReference)));
 };
+export { ErrorFeedbackScreen };
 export var InfoFeedbackScreen = function(props) {
     var ref = useTheme(), skinName = ref.skinName;
     var hasIcon = skinName !== VIVO_SKIN;

package/dist-es/generated/mistica-icons/icon-add-more-circle-filled.js

@@ -71,7 +71,7 @@ var IconAddMoreCircleFilled = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M17.982 12.714h-5.236v5.248a.751.751 0 01-1.503 0v-5.248H6.018a.751.751 0 110-1.503h5.225V6.038a.751.751 0 011.503 0v5.177h5.236a.75.75 0 01.751.75.753.753 0 01-.75.749m-5.48-12.7a37.44 37.44 0 00-.92-.014h-.216C8.956.02 0 .847 0 11.962c0 11.13 9.04 12 11.452 12.035.126.003.26.003.39.003.249 0 .494-.003.706-.007C14.84 23.953 24 23.092 24 12.034 24.003.997 14.854.068 12.504.014",
+            d: "M17.484 12.654h-4.8v4.812a.689.689 0 01-1.377 0v-4.812h-4.79a.689.689 0 110-1.377h4.79V6.534a.689.689 0 011.377 0v4.746h4.8c.378 0 .688.307.688.689a.69.69 0 01-.688.685M12.462 1.013A35.406 35.406 0 0011.616 1h-.197C9.21 1.019 1 1.776 1 11.966c0 10.201 8.287 11 10.498 11.03.115.004.237.004.356.004.229 0 .454-.003.648-.006C14.603 22.956 23 22.167 23 12.03c.003-10.117-8.384-10.968-10.538-11.018",
             fill: fillColor
         })));
     }

package/dist-es/generated/mistica-icons/icon-add-more-circle-light.js

@@ -71,7 +71,7 @@ var IconAddMoreCircleLight = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M17.98 11.464a.5.5 0 010 .997h-5.485v5.498a.5.5 0 01-.997 0v-5.495H6.02a.5.5 0 010-.997h5.475v-5.43a.5.5 0 01.997 0v5.427h5.488zm-5.45 11.529C14.984 22.948 23 22.023 23 12.03c0-4.327-1.483-7.452-4.399-9.279-2.384-1.495-5.075-1.717-6.123-1.741-.266-.007-.574-.01-.87-.01h-.23c-1.041.01-3.715.187-6.061 1.666-2.869 1.8-4.316 4.928-4.316 9.295 0 4.372 1.461 7.513 4.354 9.333 2.37 1.493 5.06 1.687 6.109 1.704.12.004.239.004.358.004.246-.004.492-.004.707-.01zM12.498.01C14.848.065 24 .994 24 12.03c0 11.062-9.159 11.919-11.45 11.963a47.16 47.16 0 01-.728.007c-.123 0-.249 0-.372-.003C9.04 23.962 0 23.092 0 11.962 0 .847 8.957.02 11.365 0h.239c.307 0 .621.003.895.01z",
+            d: "M17.481 11.509a.458.458 0 010 .914h-5.027v5.04a.458.458 0 01-.914 0v-5.037H6.519a.458.458 0 010-.914h5.018V6.534a.458.458 0 01.914 0v4.975h5.03zm-4.996 10.568c2.25-.041 9.598-.89 9.598-10.049 0-3.966-1.359-6.83-4.032-8.505-2.185-1.371-4.652-1.575-5.613-1.596-.244-.007-.526-.01-.798-.01h-.21c-.954.01-3.406.172-5.556 1.528-2.63 1.65-3.957 4.517-3.957 8.52 0 4.007 1.34 6.887 3.991 8.556 2.173 1.368 4.64 1.546 5.6 1.562.11.003.22.003.33.003.225-.003.45-.003.647-.01zm-.028-21.068C14.611 1.06 23 1.911 23 12.03c0 10.138-8.396 10.924-10.496 10.965-.2.003-.435.006-.667.006-.112 0-.228 0-.341-.003C9.286 22.966 1 22.167 1 11.966 1 1.776 9.21 1.019 11.418 1h.219c.282 0 .57.003.82.01z",
             fill: fillColor
         })));
     }

package/dist-es/generated/mistica-icons/icon-add-more-circle-regular.js

@@ -71,7 +71,7 @@ var IconAddMoreCircleRegular = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M17.98 11.215a.751.751 0 010 1.502h-5.236v5.245a.751.751 0 01-1.502 0v-5.248H6.017a.751.751 0 010-1.503h5.225V6.038a.751.751 0 011.502 0v5.177h5.236zm-5.46 11.279c3-.055 9.977-1.185 9.977-10.463 0-9.279-7.017-10.45-10.033-10.522-.286-.006-.573-.01-.86-.01h-.226c-2.97.027-9.875 1.096-9.875 10.463 0 9.381 6.973 10.494 9.971 10.535.348.004.697.004 1.045-.003zM12.498.01C14.855.068 24 .997 24 12.03c0 11.062-9.162 11.919-11.45 11.963-.215.004-.461.007-.71.007-.13 0-.26 0-.39-.003C9.04 23.962 0 23.092 0 11.962 0 .847 8.954.02 11.365 0h.239c.307 0 .625.003.895.01z",
+            d: "M17.481 11.28a.689.689 0 010 1.377h-4.799v4.809a.689.689 0 01-1.377 0v-4.812h-4.79a.689.689 0 010-1.377h4.79V6.534a.689.689 0 011.377 0v4.746h4.8zm-5.005 10.34c2.751-.05 9.147-1.087 9.147-9.592S15.19 2.45 12.426 2.384a33.14 33.14 0 00-.79-.01h-.206C8.707 2.4 2.377 3.38 2.377 11.966c0 8.599 6.392 9.62 9.14 9.657.32.003.64.003.959-.003zm-.019-20.61C14.617 1.062 23 1.913 23 12.027c0 10.14-8.399 10.925-10.496 10.966-.197.003-.423.006-.651.006-.12 0-.238 0-.357-.003C9.286 22.966 1 22.167 1 11.966 1 1.776 9.208 1.019 11.418 1h.219c.282 0 .573.003.82.01z",
             fill: fillColor
         })));
     }

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

@@ -61,7 +61,7 @@ var IconBellFilled = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M9.042 20.642C9.387 21.979 10.58 23 12.005 23s2.614-1.02 2.963-2.358H9.042zm12.803-2.434a11.276 11.276 0 01-2.154-6.6v-2.75c0-4.32-3.462-7.858-7.69-7.858C7.772 1 4.31 4.538 4.31 8.858v2.75c0 2.359-.77 4.713-2.153 6.6-.194.238-.194.55-.078.828.117.277.384.43.694.43h18.456c.305 0 .577-.158.693-.43.116-.273.112-.594-.077-.828z",
+            d: "M9.338 19.856C9.648 21.072 10.722 22 12.004 22c1.283 0 2.353-.928 2.667-2.144H9.338zm11.522-2.212a10.321 10.321 0 01-1.938-6v-2.5C18.922 5.216 15.806 2 12.001 2 8.195 2 5.079 5.216 5.079 9.144v2.5c0 2.144-.694 4.284-1.938 6-.174.216-.174.5-.07.752.105.252.345.392.624.392h16.61a.66.66 0 00.625-.392c.104-.248.1-.54-.07-.752z",
             fill: fillColor
         })));
     } else {

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

@@ -61,7 +61,7 @@ var IconBellLight = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M12.001 1c4.203 0 7.602 3.463 7.598 7.74v2.85c0 .815.082 1.668.28 2.566.04.202-.12.449-.32.488a.417.417 0 01-.479-.325c-.16-.937-.28-1.83-.28-2.728V8.74c0-3.828-3.041-6.926-6.799-6.926-3.758 0-6.798 3.098-6.798 6.926v2.85c0 2.447-.717 4.894-2.039 6.926h18.439c.237 0 .397.163.397.41 0 .246-.16.409-.402.409H14.68c.082.286.12.528.12.814 0 1.588-1.24 2.851-2.798 2.851-1.56 0-2.799-1.263-2.799-2.851 0-.286.04-.528.121-.814h-6.92c-.159 0-.275-.123-.358-.247-.082-.123-.043-.286.04-.409 1.48-2.037 2.319-4.563 2.319-7.088V8.74C4.404 4.463 7.799 1 12 1zm1.801 18.335h-3.64c-.079.242-.16.528-.16.814 0 1.14.88 2.037 2 2.037 1.118 0 1.999-.898 1.999-2.037 0-.286-.078-.572-.199-.814zm6.6-3.665c.441 0 .799.364.799.814 0 .45-.358.814-.8.814a.807.807 0 01-.798-.814c0-.45.358-.814.799-.814z",
+            d: "M12.001 2c3.782 0 6.842 3.148 6.838 7.036v2.592c0 .74.074 1.516.252 2.332.035.184-.108.408-.287.444a.376.376 0 01-.432-.296c-.144-.852-.252-1.664-.252-2.48V9.036c0-3.48-2.737-6.296-6.119-6.296-3.382 0-6.119 2.816-6.119 6.296v2.592c0 2.224-.645 4.448-1.834 6.296h16.594c.214 0 .358.148.358.372s-.144.372-.362.372h-6.227c.074.26.109.48.109.74 0 1.444-1.116 2.592-2.519 2.592s-2.519-1.148-2.519-2.592c0-.26.035-.48.109-.74H3.364c-.144 0-.25-.112-.323-.224-.074-.112-.039-.26.035-.372a11.147 11.147 0 002.087-6.444V9.036C5.163 5.148 8.22 2 12.001 2zm1.621 16.668h-3.277c-.07.22-.144.48-.144.74 0 1.036.793 1.852 1.8 1.852 1.007 0 1.8-.816 1.8-1.852 0-.26-.07-.52-.179-.74zm5.94-3.332a.73.73 0 01.719.74.73.73 0 01-.72.74.73.73 0 01-.718-.74.73.73 0 01.719-.74z",
             fill: fillColor
         })));
     } else {

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

@@ -61,7 +61,7 @@ var IconBellRegular = function(_param) {
             viewBox: "0 0 24 24",
             role: "presentation"
         }, rest), /*#__PURE__*/ React.createElement("path", {
-            d: "M21.847 18.208a11.275 11.275 0 01-2.153-6.6v-2.75C19.694 4.538 16.23 1 12.002 1 7.772 1 4.31 4.538 4.31 8.858v2.75c0 2.359-.77 4.713-2.153 6.6-.194.238-.194.55-.078.828.117.277.384.43.694.43h6.193c0 .12-.039.278-.039.392 0 1.73 1.382 3.142 3.075 3.142 1.693 0 3.075-1.412 3.075-3.142 0-.118 0-.277-.039-.391h6.189c.306 0 .577-.159.693-.431.117-.273.117-.594-.073-.828zm-8.308 1.65c0 .863-.693 1.571-1.537 1.571s-1.538-.708-1.538-1.57c0-.12 0-.278.04-.392h2.958c.077.114.077.273.077.391zM4.2 17.892a12.782 12.782 0 001.653-6.288v-2.75c0-3.458 2.77-6.288 6.154-6.288 3.385 0 6.15 2.834 6.15 6.292v2.75c0 2.2.577 4.4 1.654 6.288H4.198v-.004z",
+            d: "M20.862 17.644a10.32 10.32 0 01-1.938-6v-2.5C18.924 5.216 15.808 2 12.002 2 8.196 2 5.079 5.216 5.079 9.144v2.5a10.32 10.32 0 01-1.938 6c-.174.216-.174.5-.07.752.105.252.345.392.624.392H9.27c0 .108-.035.252-.035.356 0 1.572 1.244 2.856 2.768 2.856 1.523 0 2.767-1.284 2.767-2.856 0-.108 0-.252-.035-.356h5.57c.275 0 .52-.144.624-.392.105-.248.105-.54-.066-.752zm-7.476 1.5c0 .784-.625 1.428-1.384 1.428-.76 0-1.384-.644-1.384-1.428 0-.108 0-.252.035-.356h2.663c.07.104.07.248.07.356zm-8.408-1.788a11.711 11.711 0 001.489-5.716v-2.5c0-3.144 2.492-5.716 5.539-5.716 3.046 0 5.535 2.576 5.535 5.72v2.5c0 2 .519 4 1.488 5.716H4.979v-.004z",
             fill: fillColor
         })));
     } else {

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

@@ -0,0 +1,67 @@
+/*
+ * 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 _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 IconBillInvoicePoundFilled = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M17.702 2H7.118C5.953 2 5 2.96 5 4.144V22h14.815V4.144C19.819 2.964 18.867 2 17.702 2zm-1.414 15.895H8.531a.53.53 0 01-.528-.535.53.53 0 01.528-.535h7.762a.53.53 0 01.528.535c0 .297-.24.535-.533.535zm0-3.57H8.531a.53.53 0 01-.528-.535.53.53 0 01.528-.535h7.762a.53.53 0 01.528.535c0 .297-.24.535-.533.535zm0-3.932H13.29a.53.53 0 01-.528-.535.53.53 0 01.528-.535c.1 0 .176-.077.176-.178v-.891a.53.53 0 01-.528-.535.53.53 0 01.528-.535v-.896c0-.887.714-1.61 1.59-1.61.438 0 .858.184 1.156.508a.545.545 0 01-.023.76.529.529 0 01-.75-.024.517.517 0 00-.383-.169.532.532 0 00-.529.535v.891h.88a.53.53 0 01.53.535.53.53 0 01-.53.535h-.88v.892c0 .059-.004.118-.013.178h1.774a.53.53 0 01.529.535c0 .297-.235.54-.529.54z",
+        fill: fillColor
+    })));
+};
+export default IconBillInvoicePoundFilled;

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

@@ -0,0 +1,67 @@
+/*
+ * 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 _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 IconBillInvoicePoundLight = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M19.47 21.643a.35.35 0 01-.343.357H5V3.787C5 2.805 5.772 2 6.724 2h11.027c.948 0 1.724.8 1.724 1.787V17.36a.35.35 0 01-.344.357.35.35 0 01-.344-.357V3.787c0-.59-.463-1.07-1.032-1.07H6.73c-.569 0-1.032.48-1.032 1.07v17.5h13.439c.185 0 .335.16.335.356zm-.343-2.857c-.38 0-.688.32-.688.713 0 .394.308.714.688.714.379 0 .688-.32.688-.714a.696.696 0 00-.688-.713zm-3.1-1.783H8.444a.35.35 0 00-.344.357.35.35 0 00.344.357h7.581a.35.35 0 00.344-.357.35.35 0 00-.344-.357zm0-3.574H8.444a.35.35 0 00-.344.356.35.35 0 00.344.357h7.581a.35.35 0 00.344-.357.35.35 0 00-.344-.356zm0-4.284h-1.955c.04-.11.058-.233.058-.356v-1.07h1.032a.35.35 0 00.344-.357.35.35 0 00-.344-.356H14.13v-1.07c0-.393.308-.713.688-.713.194 0 .37.078.502.224a.33.33 0 00.486.014.364.364 0 00.013-.503 1.355 1.355 0 00-1.006-.448c-.758 0-1.376.64-1.376 1.426v1.07h-.172a.35.35 0 00-.344.356.35.35 0 00.344.357h.172v1.07c0 .2-.15.356-.344.356a.35.35 0 00-.344.357.35.35 0 00.344.356h2.929a.35.35 0 00.344-.356.347.347 0 00-.34-.357z",
+        fill: fillColor
+    })));
+};
+export default IconBillInvoicePoundLight;

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

@@ -0,0 +1,67 @@
+/*
+ * 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 _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 IconBillInvoicePoundRegular = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M17.702 2H7.118C5.953 2 5 2.96 5 4.144V22h14.815V4.144C19.819 2.964 18.867 2 17.702 2zm.704 18.574H6.413V4.144a.71.71 0 01.705-.713h10.584a.71.71 0 01.704.713v16.43zm-1.585-3.214a.53.53 0 01-.528.535H8.53a.53.53 0 01-.528-.535.53.53 0 01.528-.535h7.762c.289 0 .528.238.528.535zm0-3.57a.53.53 0 01-.528.535H8.53a.53.53 0 01-.528-.535.53.53 0 01.528-.535h7.762a.53.53 0 01.528.535zm0-3.932a.53.53 0 01-.528.535h-2.998a.53.53 0 01-.529-.535.53.53 0 01.529-.535.174.174 0 00.176-.178v-.891a.53.53 0 01-.529-.535.53.53 0 01.529-.535v-.896c0-.887.713-1.61 1.59-1.61.437 0 .857.184 1.155.508a.545.545 0 01-.023.76.529.529 0 01-.75-.024.517.517 0 00-.383-.169.532.532 0 00-.528.535v.891h.88a.53.53 0 01.529.535.53.53 0 01-.529.535h-.88v.892c0 .059-.005.118-.014.178h1.775a.542.542 0 01.528.54z",
+        fill: fillColor
+    })));
+};
+export default IconBillInvoicePoundRegular;

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

@@ -0,0 +1,67 @@
+/*
+ * 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 _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 IconBoxLocationFilled = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M7.038 10.333c2.208 0 4.038 1.892 3.999 4.172 0 1.108-.863 2.571-1.76 4.103-.139.252-.274.468-.414.716a35.826 35.826 0 01-1.486 2.436l-.048.071c-.01.017-.017.025-.017.025-.065.072-.174.144-.274.144-.105 0-.205-.072-.275-.144C6.59 21.648 3 16.721 3 14.509c0-2.32 1.83-4.176 4.038-4.176zM6.694 6.69l6.725 4.175v8.031l-2.587-1.572c.553-1 .932-1.963.932-2.82 0-2.711-2.139-4.887-4.726-4.887-.1 0-.24.036-.344.036V6.69zm14.488 0v7.779a.38.38 0 01-.17.32l-6.556 4.067v-7.99l6.726-4.176zM7.038 12.865c-.727 0-1.311.608-1.311 1.356 0 .752.588 1.356 1.31 1.356.724 0 1.312-.604 1.312-1.356 0-.752-.584-1.356-1.311-1.356zm11.077-8.527l2.552 1.464-6.725 4.175-2.727-1.716 6.9-3.923zm-4.347-2.284a.301.301 0 01.344 0l2.935 1.672-6.834 3.891S7.247 5.802 7.212 5.802z",
+        fill: fillColor
+    })));
+};
+export default IconBoxLocationFilled;

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

@@ -0,0 +1,67 @@
+/*
+ * 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 _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 IconBoxLocationLight = function(_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 = useTheme(), colors = ref.colors;
+    var isInverse = useIsInverseVariant();
+    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
+    return(/*#__PURE__*/ React.createElement("svg", _extends({
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, rest), /*#__PURE__*/ React.createElement("path", {
+        d: "M13.065 2.054a.317.317 0 01.354 0l7.096 3.925c.14.104.175.176.175.32v3.925c0 .212-.139.356-.354.356-.21 0-.353-.14-.353-.356V6.943l-6.385 3.853v7.347l6.56-3.958c.178-.071.393-.036.385.184.111.18.072.396-.103.5l-7.096 4.281s-.104.036-.175.036c-.072 0-.14-.036-.175-.036l-2.483-1.427c-.18-.108-.247-.324-.143-.5.107-.18.321-.247.496-.144l1.951 1.108V10.8L6.43 6.947v2.957a4.142 4.142 0 013.795 4.138c0 .999-.743 2.782-2.233 5.28a35.85 35.85 0 01-1.215 1.97l-.13.195c-.158.235-.253.37-.253.37-.067.071-.174.143-.282.143a.327.327 0 01-.282-.144C5.687 21.644 2 16.216 2 14.042a4.144 4.144 0 013.794-4.138v-3.65c.004-.09.025-.186.175-.275zm-6.92 8.53c-1.916 0-3.442 1.57-3.442 3.462 0 1.463 2.269 5.172 3.437 6.959.286-.428.783-1.18 1.28-2.035 1.422-2.318 2.165-4.069 2.165-4.924 0-1.931-1.526-3.462-3.44-3.462zm.003 1.495c.962 0 1.705.747 1.705 1.715 0 .967-.743 1.715-1.705 1.715a1.71 1.71 0 01-1.704-1.715c0-.932.743-1.715 1.704-1.715zm0 .715a.972.972 0 00-.993 1c0 .571.425.999.993.999a.994.994 0 00.993-1 .994.994 0 00-.993-.999zm14.188-1.143c.393 0 .712.32.712.716a.713.713 0 01-.712.715.713.713 0 01-.71-.715c0-.395.318-.716.71-.716zm-3.409-6.815l-6.524 3.601 2.837 1.715L19.621 6.3l-2.694-1.463zm-3.687-2.07L6.86 6.298l2.836 1.71 6.524-3.6-2.98-1.644z",
+        fill: fillColor
+    })));
+};
+export default IconBoxLocationLight;