@telefonica/mistica 10.9.2 → 10.13.0

package/dist-es/text-field-base.js

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { createUseStyles } from './jss';
-import { Label, HelperText, FieldContainer } from './text-field-components';
+import { Label, HelperText, FieldContainer, LABEL_LEFT_POSITION, LABEL_SCALE_MOBILE, LABEL_SCALE_DESKTOP } from './text-field-components';
+import { Text3 } from './text';
 import { isIos, isRunningAcceptanceTest, isChrome, isFirefox } from './utils/platform';
-import { useAriaId, useTheme } from './hooks';
+import { useAriaId, useTheme, useScreenSize } from './hooks';
 import classNames from 'classnames';
 import { combineRefs } from './utils/common';
 function _arrayWithHoles(arr) {
@@ -114,7 +115,8 @@ var commonInputStyles = function(theme) {
         background: 'none',
         border: 0,
         outline: 0,
-        fontSize: 16,
+        fontSize: 'inherit',
+        lineHeight: 'inherit',
         paddingRight: function(param) {
             var endIcon = param.endIcon;
             return endIcon ? 0 : 16;
@@ -155,6 +157,7 @@ var commonInputStyles = function(theme) {
         boxShadow: 'none'
     };
 };
+var _obj, _obj1, _obj2;
 var useStyles = createUseStyles(function(theme) {
     return {
         container: {
@@ -162,37 +165,45 @@ var useStyles = createUseStyles(function(theme) {
             flexDirection: 'column',
             minWidth: 96
         },
-        border: {
-            border: "1px solid ".concat(theme.colors.border),
-            borderRadius: 4,
-            height: function(param) {
-                var multiline = param.multiline;
-                return multiline ? 152 : 56;
+        fullWidth: {
+            width: '100%',
+            display: 'inline-flex',
+            alignSelf: function(param) {
+                var prefix = param.prefix;
+                return prefix ? 'baseline' : 'initial';
             },
-            display: 'flex',
-            position: 'relative'
+            '& > div': {
+                width: '100%',
+                display: 'inline-flex'
+            }
         },
-        textArea: _objectSpread({
+        textArea: _objectSpread((_obj = {
             resize: 'none',
+            marginTop: function(param) {
+                var hasLabel = param.hasLabel;
+                return hasLabel ? 28 : 16;
+            }
+        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
             marginTop: function(param) {
                 var hasLabel = param.hasLabel;
                 return hasLabel ? 24 : 16;
-            },
-            paddingBottom: 8,
-            lineHeight: '24px'
-        }, commonInputStyles(theme)),
-        input: _objectSpread({
+            }
+        }), _defineProperty(_obj, "paddingBottom", '8px'), _obj), commonInputStyles(theme)),
+        input: _objectSpread((_obj1 = {
             position: 'relative',
             paddingTop: function(param) {
                 var hasLabel = param.hasLabel;
-                return hasLabel ? 24 : 16;
-            },
-            paddingBottom: function(param) {
+                return hasLabel ? 28 : 16;
+            }
+        }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
+            paddingTop: function(param) {
                 var hasLabel = param.hasLabel;
-                return hasLabel ? 8 : 16;
-            },
-            height: '100%'
-        }, commonInputStyles(theme), {
+                return hasLabel ? 24 : 16;
+            }
+        }), _defineProperty(_obj1, "paddingBottom", function(param) {
+            var hasLabel = param.hasLabel;
+            return hasLabel ? 8 : 16;
+        }), _defineProperty(_obj1, "height", '100%'), _obj1), commonInputStyles(theme), {
             WebkitAppearance: 'none',
             '&::-webkit-search-cancel-button': {
                 WebkitAppearance: 'none'
@@ -256,6 +267,7 @@ var useStyles = createUseStyles(function(theme) {
             paddingRight: 16,
             display: 'flex',
             alignItems: 'center',
+            alignSelf: 'center',
             opacity: function(param) {
                 var disabled = param.disabled;
                 return disabled ? 0.3 : 1;
@@ -274,29 +286,24 @@ var useStyles = createUseStyles(function(theme) {
                 return disabled ? 0.3 : 1;
             }
         },
-        prefix: {
+        prefix: (_obj2 = {
+            alignSelf: 'baseline',
             paddingTop: function(param) {
                 var hasLabel = param.hasLabel;
-                return hasLabel ? 25 : 16;
-            },
-            paddingBottom: function(param) {
+                return hasLabel ? 28 : 16;
+            }
+        }, _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
+            paddingTop: function(param) {
                 var hasLabel = param.hasLabel;
-                return hasLabel ? 8 : 16;
-            },
-            paddingLeft: 12,
-            paddingRight: 16,
-            display: 'flex',
-            alignItems: 'center',
-            color: function(param) {
-                var disabled = param.disabled;
-                return disabled ? theme.colors.textDisabled : theme.colors.textSecondary;
-            },
-            opacity: function(param) {
-                var inputState = param.inputState;
-                return inputState === 'default' ? 0 : 1;
-            },
-            transition: 'opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms'
-        }
+                return hasLabel ? 24 : 16;
+            }
+        }), _defineProperty(_obj2, "paddingBottom", function(param) {
+            var hasLabel = param.hasLabel;
+            return hasLabel ? 8 : 16;
+        }), _defineProperty(_obj2, "paddingLeft", 12), _defineProperty(_obj2, "paddingRight", 16), _defineProperty(_obj2, "opacity", function(param) {
+            var inputState = param.inputState;
+            return inputState === 'default' ? 0 : 1;
+        }), _defineProperty(_obj2, "transition", 'opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms'), _obj2)
     };
 });
 // Chrome ignores 'off': https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164
@@ -308,9 +315,10 @@ var TextFieldBaseComponent = /*#__PURE__*/ React.forwardRef(function(_param, ref
         "autoComplete", "fullWidth"]);
     var id = useAriaId(idProp);
     var ref1 = _slicedToArray(React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) || (value === null || value === void 0 ? void 0 : value.length) ? 'filled' : 'default'), 2), inputState = ref1[0], setInputState = ref1[1];
-    var ref2 = useTheme(), platformOverrides = ref2.platformOverrides;
-    var ref3;
-    var ref4 = _slicedToArray(React.useState((ref3 = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== null && ref3 !== void 0 ? ref3 : 0), 2), characterCount = ref4[0], setCharacterCount = ref4[1];
+    var ref2 = useTheme(), platformOverrides = ref2.platformOverrides, colors = ref2.colors;
+    var ref3 = useScreenSize(), isTabletOrSmaller = ref3.isTabletOrSmaller;
+    var ref4;
+    var ref5 = _slicedToArray(React.useState((ref4 = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== null && ref4 !== void 0 ? ref4 : 0), 2), characterCount = ref5[0], setCharacterCount = ref5[1];
     var hasLabel = !!label || !rest.required;
     // this shrinkLabel override is a workaround because I was unable to find a way to hide date
     // and date-time native placeholders when the input is not required
@@ -366,24 +374,16 @@ var TextFieldBaseComponent = /*#__PURE__*/ React.forwardRef(function(_param, ref
         maxLength: maxLength,
         autoComplete: fixAutoComplete(platformOverrides, autoCompleteProp)
     }, inputProps);
+    var isShrinked = shrinkLabel || inputState === 'focused' || inputState === 'filled';
+    var scale = isShrinked ? isTabletOrSmaller ? LABEL_SCALE_MOBILE : LABEL_SCALE_DESKTOP : 1;
     var labelStyle = {
+        left: startIcon ? 48 : LABEL_LEFT_POSITION,
+        // shrinking means applying a scale transformation, so width will be proportionally reduced.
+        // Let's keep the original width.
+        width: "calc(((100% - ".concat(LABEL_LEFT_POSITION + (startIcon ? 48 : LABEL_LEFT_POSITION), "px)) / ").concat(scale, ")"),
+        paddingRight: endIcon && !isShrinked ? 36 : 0
     };
-    var isShrinked = shrinkLabel || inputState === 'focused' || inputState === 'filled';
-    if (startIcon) {
-        labelStyle = isShrinked ? {
-            left: 48,
-            right: 0,
-            width: 'auto'
-        } : {
-            left: 48,
-            right: 12,
-            width: 'auto'
-        };
-    } else if (endIcon && !isShrinked) {
-        labelStyle = {
-            paddingRight: 36
-        };
-    }
+    var prefixColor = rest.disabled ? colors.textDisabled : colors.textSecondary;
     return(/*#__PURE__*/ React.createElement(FieldContainer, {
         disabled: rest.disabled,
         helperText: /*#__PURE__*/ React.createElement(HelperText, {
@@ -398,7 +398,15 @@ var TextFieldBaseComponent = /*#__PURE__*/ React.forwardRef(function(_param, ref
         className: classes.startIcon
     }, startIcon), prefix && /*#__PURE__*/ React.createElement("div", {
         className: classes.prefix
-    }, prefix), /*#__PURE__*/ React.createElement(inputComponent || defaultInputElement, _objectSpread({
+    }, /*#__PURE__*/ React.createElement(Text3, {
+        color: prefixColor,
+        regular: true
+    }, prefix)), /*#__PURE__*/ React.createElement("div", {
+        className: classes.fullWidth
+    }, /*#__PURE__*/ React.createElement(Text3, {
+        as: "div",
+        regular: true
+    }, /*#__PURE__*/ React.createElement(inputComponent || defaultInputElement, _objectSpread({
     }, inputRefProps, props, {
         id: id,
         className: multiline ? classes.textArea : classes.input,
@@ -429,7 +437,7 @@ var TextFieldBaseComponent = /*#__PURE__*/ React.forwardRef(function(_param, ref
         value: value
     }, error && {
         'aria-invalid': true
-    })), label && /*#__PURE__*/ React.createElement(Label, {
+    })))), label && /*#__PURE__*/ React.createElement(Label, {
         style: labelStyle,
         error: error,
         forId: id,
@@ -444,7 +452,6 @@ var TextFieldBaseComponent = /*#__PURE__*/ React.forwardRef(function(_param, ref
 var useSuggestionsStyles = createUseStyles(function() {
     return {
         menuItem: {
-            lineHeight: 1.5,
             padding: '6px 16px',
             height: 48,
             transition: 'background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
@@ -542,7 +549,9 @@ var TextFieldBase = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
                 role: "menuitem",
                 className: classNames(classes.menuItem, _defineProperty({
                 }, classes.menuItemSelected, isHighlighted))
-            }, suggestion);
+            }, /*#__PURE__*/ React.createElement(Text3, {
+                regular: true
+            }, suggestion));
         },
         renderSuggestionsContainer: function(options) {
             /*#__PURE__*/ return React.createElement("div", _extends({

package/dist-es/text-field-components.js

@@ -3,6 +3,7 @@ import classnames from 'classnames';
 import { createUseStyles } from './jss';
 import { useIsInverseVariant } from './theme-variant-context';
 import { useTheme } from './hooks';
+import { Text1 } from './text';
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -64,25 +65,25 @@ function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
 export var DEFAULT_WIDTH = 328;
-var LABEL_LEFT_POSITION = 12;
-var LABEL_SCALE = 0.75;
+export var LABEL_LEFT_POSITION = 12;
+// to scale to the correct text-preset when the transition applies
+export var LABEL_SCALE_DESKTOP = parseFloat('0.78'); // Text1/Text3 = 14/18 (desktop)
+export var LABEL_SCALE_MOBILE = parseFloat('0.75'); // Text1/Text3 = 12/16 (mobile)
+var _obj;
 var useLabelStyles = createUseStyles(function(theme) {
     return {
-        labelContainer: {
-            lineHeight: '1em',
+        labelContainer: (_obj = {
             position: 'absolute',
             pointerEvents: 'none',
             left: LABEL_LEFT_POSITION,
             top: 0,
-            fontSize: 16,
-            transformOrigin: 0,
-            height: 16,
+            transformOrigin: '0 0',
+            height: 24,
             display: 'flex',
             flexDirection: 'row',
-            transform: function(param) {
-                var isShrinked = param.isShrinked;
-                return isShrinked ? "translateY(8px) scale(".concat(LABEL_SCALE, ")") : 'translateY(20px) scale(1)';
-            },
+            transform: 'translateY(18px) scale(1)',
+            fontSize: 18,
+            lineHeight: '24px',
             color: function(param) {
                 var inputState = param.inputState, error = param.error, disabled = param.disabled;
                 if (inputState === 'default' && disabled) {
@@ -95,12 +96,11 @@ var useLabelStyles = createUseStyles(function(theme) {
                     return theme.colors.controlActivated;
                 }
                 return theme.colors.textSecondary;
-            },
-            width: function(param) {
-                var isShrinked = param.isShrinked;
-                return isShrinked ? "calc((100% - ".concat(LABEL_LEFT_POSITION * 2, "px) / ").concat(LABEL_SCALE, ")") : "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px)");
             }
-        },
+        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
+            fontSize: 16,
+            transform: 'translateY(16px) scale(1)'
+        }), _defineProperty(_obj, "width", "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px)")), _obj),
         labelText: {
             '-webkit-line-clamp': 1,
             lineClamp: 1,
@@ -108,14 +108,19 @@ var useLabelStyles = createUseStyles(function(theme) {
             display: 'box',
             overflow: 'hidden',
             boxOrient: 'vertical',
-            flexShrink: 1,
-            // this is needed because at 1em, font descendants are cutted when using overflow hidden
-            // setting a higher height is not an option because it shows the next line
-            lineHeight: '1.2em',
-            height: '1.2em',
-            position: 'relative',
-            top: '-0.1em'
-        }
+            flexShrink: 1
+        },
+        shrinked: _defineProperty({
+            transform: "translateY(8px) scale(".concat(LABEL_SCALE_DESKTOP, ")"),
+            height: 20 / LABEL_SCALE_DESKTOP,
+            lineHeight: "".concat(20 / LABEL_SCALE_DESKTOP, "px"),
+            width: "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px) / ").concat(LABEL_SCALE_DESKTOP)
+        }, theme.mq.tabletOrSmaller, {
+            transform: "translateY(8px) scale(".concat(LABEL_SCALE_MOBILE, ")"),
+            height: 16 / LABEL_SCALE_MOBILE,
+            lineHeight: "".concat(16 / LABEL_SCALE_MOBILE, "px"),
+            width: "calc(100% - ".concat(LABEL_LEFT_POSITION * 2, "px) / ").concat(LABEL_SCALE_MOBILE)
+        })
     };
 });
 export var Label = function(param) {
@@ -142,7 +147,8 @@ export var Label = function(param) {
         };
     }, []);
     return(/*#__PURE__*/ React.createElement("label", {
-        className: classes.labelContainer,
+        className: classnames(classes.labelContainer, _defineProperty({
+        }, classes.shrinked, isShrinked)),
         htmlFor: forId,
         style: _objectSpread({
         }, style, {
@@ -152,38 +158,22 @@ export var Label = function(param) {
         className: classes.labelText
     }, children), optional ? /*#__PURE__*/ React.createElement("span", null, "\xa0(", texts.formFieldOptionalLabelSuffix, ")") : null));
 };
-var useHelperTextStyles = createUseStyles(function(theme) {
+var useHelperTextStyles = createUseStyles(function() {
     return {
         helperContainer: {
-            lineHeight: 1.4,
             paddingLeft: 14,
             paddingRight: 16,
-            '& p': {
+            '& div': {
                 margin: 0,
                 marginTop: 4,
-                fontSize: 12,
                 flexGrow: 1
             },
             display: 'flex'
         },
         leftText: {
-            color: function(param) {
-                var error = param.error, isInverse = param.isInverse;
-                if (isInverse) {
-                    return theme.colors.textPrimaryInverse;
-                }
-                if (error) {
-                    return theme.colors.error;
-                }
-                return theme.colors.textSecondary;
-            },
             textAlign: 'left'
         },
         rightText: {
-            color: function(param) {
-                var isInverse = param.isInverse;
-                return isInverse ? theme.colors.textPrimaryInverse : theme.colors.textSecondary;
-            },
             textAlign: 'right'
         }
     };
@@ -191,53 +181,61 @@ var useHelperTextStyles = createUseStyles(function(theme) {
 export var HelperText = function(param) {
     var leftText = param.leftText, rightText = param.rightText, error = param.error;
     var isInverse = useIsInverseVariant();
-    var classes = useHelperTextStyles({
-        error: error,
-        isInverse: isInverse
-    });
+    var ref = useTheme(), colors = ref.colors;
+    var classes = useHelperTextStyles();
+    var leftColor = isInverse ? colors.textPrimaryInverse : error ? colors.error : colors.textSecondary;
+    var rightColor = isInverse ? colors.textPrimaryInverse : colors.textSecondary;
     return(/*#__PURE__*/ React.createElement("div", {
         className: classes.helperContainer
-    }, leftText && /*#__PURE__*/ React.createElement("p", {
+    }, leftText && /*#__PURE__*/ React.createElement("div", {
         className: classes.leftText
-    }, leftText), rightText && /*#__PURE__*/ React.createElement("p", {
+    }, /*#__PURE__*/ React.createElement(Text1, {
+        color: leftColor,
+        regular: true,
+        as: "p"
+    }, leftText)), rightText && /*#__PURE__*/ React.createElement("div", {
         className: classes.rightText
-    }, rightText)));
+    }, /*#__PURE__*/ React.createElement(Text1, {
+        color: rightColor,
+        regular: true,
+        as: "p"
+    }, rightText))));
 };
-var _obj;
+var _obj1, _obj2;
 var useFieldContainerStyles = createUseStyles(function(theme) {
     return {
-        fieldContainer: (_obj = {
+        fieldContainer: (_obj1 = {
             display: 'flex',
             flexDirection: 'column',
             minWidth: 96
-        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
+        }, _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
             width: '100%'
-        }), _defineProperty(_obj, theme.mq.desktopOrBigger, {
+        }), _defineProperty(_obj1, theme.mq.desktopOrBigger, {
             width: function(param) {
                 var fullWidth = param.fullWidth;
                 return fullWidth ? '100%' : DEFAULT_WIDTH;
             }
-        }), _obj),
-        border: {
+        }), _obj1),
+        border: (_obj2 = {
             overflow: 'hidden',
             border: "1px solid ".concat(theme.colors.border),
             borderRadius: 4,
+            height: function(param) {
+                var multiline = param.multiline;
+                return multiline ? 152 : 60;
+            }
+        }, _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
             height: function(param) {
                 var multiline = param.multiline;
                 return multiline ? 152 : 56;
-            },
-            display: 'flex',
-            position: 'relative',
-            lineHeight: '16px',
-            backgroundColor: function(param) {
-                var disabled = param.disabled;
-                return disabled ? theme.colors.backgroundAlternative : theme.colors.backgroundContainer;
-            },
-            cursor: function(param) {
-                var disabled = param.disabled;
-                return disabled ? 'not-allowed' : 'initial';
             }
-        }
+        }), _defineProperty(_obj2, "display", 'flex'), _defineProperty(_obj2, "position", 'relative'), _defineProperty(_obj2, "backgroundColor", function(param) {
+            var disabled = param.disabled;
+            return disabled ? theme.colors.backgroundAlternative : theme.colors.backgroundContainer;
+        }), _defineProperty(_obj2, "cursor", function(param) {
+            var disabled = param.disabled;
+            return disabled ? 'not-allowed' : 'initial';
+        }), _obj2)
     };
 });
 export var FieldContainer = function(param) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "10.9.2",
+    "version": "10.13.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -75,7 +75,7 @@
         "@swc/cli": "^0.1.51",
         "@swc/core": "^1.2.93",
         "@swc/jest": "^0.2.4",
-        "@telefonica/acceptance-testing": "^1.1.3",
+        "@telefonica/acceptance-testing": "^2.0.0",
         "@telefonica/eslint-plugin-async-await": "^1.1.0",
         "@telefonica/eslint-plugin-react-element-interface": "^1.0.0",
         "@telefonica/prettier-config": "^1.1.0",

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconBushFilled: React.FC<Props>;
-export default IconBushFilled;

package/dist/generated/mistica-icons/icon-bush-filled.js

@@ -1,48 +0,0 @@
-"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;
-    }
-}
-var IconBushFilled = function IconBushFilled(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M19.305 8c0-2.339-1.602-3.347-3.243-3.543C15.322 2.655 13.378 2 11.725 2 9.681 2 7.308 3.008 7.101 5.874c-1.095.465-1.695 1.417-1.695 2.728 0 .967.32 1.614.709 2.04-.504.596-.76 1.378-.76 2.324 0 2.353 1.603 3.356 3.244 3.541.586 1.423 1.925 2.123 3.275 2.356v2.224c0 .33.283.6.63.6.348 0 .63-.27.63-.6v-2.135s-.459-.02-.689-.036a18.929 18.929 0 01-.568-.053v-2.426L9.384 14.05a.582.582 0 01.003-.848.656.656 0 01.89.002l1.603 1.533V9.625c0-.33.282-.6.63-.6.347 0 .63.27.63.6v1.818l1.244-1.6a.65.65 0 01.88-.126.58.58 0 01.131.838l-2.233 2.876c-.005.009-.016.012-.022.02v5.507c1.997-.064 4.224-1.095 4.423-3.866.77-.324 1.695-1.061 1.695-2.728 0-.966-.32-1.613-.709-2.04.501-.604.756-1.38.756-2.324",
-        fill: fillColor
-    })));
-};
-var _default = IconBushFilled;
-exports.default = _default;

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

@@ -1,9 +0,0 @@
-// @flow
-
-import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconBushFilled: React.ComponentType<Props>;
-declare export default typeof IconBushFilled;

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconBushLight: React.FC<Props>;
-export default IconBushLight;

package/dist/generated/mistica-icons/icon-bush-light.js

@@ -1,48 +0,0 @@
-"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;
-    }
-}
-var IconBushLight = function IconBushLight(param) {
-    var color = param.color, _size = param.size, size = _size === void 0 ? 24 : _size;
-    var ref = (0, _hooks).useTheme(), colors = ref.colors;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
-    return(/*#__PURE__*/ React.createElement("svg", {
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M17.162 10.148a.398.398 0 00.031.664c.563.339.835.899.835 1.711 0 1.05-.476 1.712-1.417 1.961-.188.05-.308.283-.308.465 0 3.056-2.838 3.294-3.71 3.294h-.01v-4.695c.02-.02.047-.03.064-.053l2.305-2.935a.392.392 0 00-.064-.552l-.025-.02a.455.455 0 00-.605.084l-1.673 2.132V9.73c0-.224-.193-.406-.43-.406-.239 0-.432.182-.432.406v5.715L9.7 13.529a.452.452 0 00-.61-.003.39.39 0 00-.026.552c.009.008.014.017.023.022l2.596 2.462c.012.012.026.014.037.023v1.568c-.938-.16-2.283-.633-2.698-2.086a.424.424 0 00-.406-.3c-.829-.02-2.753-.314-2.753-2.628 0-.935.308-1.633.916-2.078a.4.4 0 00.165-.342.408.408 0 00-.199-.325c-.56-.336-.835-.896-.835-1.711 0-1.059.463-1.7 1.42-1.96.185-.051.306-.281.306-.463 0-3.056 2.837-3.294 3.709-3.294.691 0 2.997.157 3.571 2.17a.43.43 0 00.403.3c1.031.034 2.76.418 2.76 2.633 0 .95-.3 1.628-.917 2.079m1.782-2.073c0-2.314-1.644-3.277-3.286-3.429-.882-2.367-3.73-2.49-4.31-2.49-.746 0-4.384.188-4.56 3.888-1.124.423-1.738 1.35-1.738 2.647 0 1.031.381 1.678.807 2.076-.571.59-.857 1.39-.857 2.378 0 2.325 1.641 3.283 3.283 3.426.647 1.73 2.347 2.26 3.44 2.42v2.445c0 .227.193.407.431.407s.431-.183.431-.407v-2.378h.012c.745 0 4.383-.187 4.56-3.888.756-.283 1.74-.972 1.74-2.647 0-.885-.272-1.582-.807-2.078.568-.588.854-1.384.854-2.37",
-        fill: fillColor
-    })));
-};
-var _default = IconBushLight;
-exports.default = _default;

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

@@ -1,9 +0,0 @@
-// @flow
-
-import * as React from "react";
-declare type Props = {
-  color?: string,
-  size?: string | number,
-};
-declare var IconBushLight: React.ComponentType<Props>;
-declare export default typeof IconBushLight;

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

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    color?: string;
-    size?: string | number;
-};
-declare const IconBushRegular: React.FC<Props>;
-export default IconBushRegular;