@telefonica/mistica 10.28.0 → 11.0.0

package/dist-es/portal.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 function _arrayLikeToArray(arr, len) {
@@ -9,12 +8,6 @@ function _arrayLikeToArray(arr, len) {
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterableToArrayLimit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -42,15 +35,9 @@ function _iterableToArrayLimit(arr, i) {
 function _nonIterableRest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _slicedToArray(arr, i) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
 function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -59,58 +46,22 @@ function _unsupportedIterableToArray(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-/**
- * @deprecated - to be removed in next major
- */ var PortalNodes = /*#__PURE__*/ React.createContext({
-    portalNodes: [],
-    setPortalNodes: function() {}
-});
-/**
- * @deprecated - to be removed in next major
- */ export var PortalNodesProvider = function(param) {
-    var children = param.children;
-    var ref = _slicedToArray(React.useState([]), 2), portalNodes = ref[0], setPortalNodes = ref[1];
-    return(/*#__PURE__*/ _jsx(PortalNodes.Provider, {
-        value: {
-            portalNodes: portalNodes,
-            setPortalNodes: setPortalNodes
-        },
-        children: children
-    }));
-};
-/**
- * @deprecated - to be removed in next major
- */ export var usePortalNodes = function() {
-    return React.useContext(PortalNodes);
-};
 export var Portal = function(param) {
     var children = param.children, className = param.className;
     var ref = _slicedToArray(React.useState(null), 2), container = ref[0], setContainer = ref[1];
-    var setPortalNodes = usePortalNodes().setPortalNodes;
     React.useEffect(function() {
         if (!container) {
             var newContainer = document.createElement('div');
             setContainer(newContainer);
-            setPortalNodes(function(nodes) {
-                return _toConsumableArray(nodes).concat([
-                    newContainer
-                ]);
-            });
             document.body.appendChild(newContainer);
         }
         return function() {
             if (container) {
-                setPortalNodes(function(nodes) {
-                    return nodes.filter(function(node) {
-                        return node !== container;
-                    });
-                });
                 document.body.removeChild(container);
             }
         };
     }, [
-        container,
-        setPortalNodes
+        container
     ]);
     React.useEffect(function() {
         if (container && className) {

package/dist-es/radio-button.js

@@ -7,7 +7,7 @@ import { combineRefs } from './utils/common';
 import { Text3 } from './text';
 import Inline from './inline';
 import classnames from 'classnames';
-import { useTheme } from './hooks';
+import { useAriaId, useTheme } from './hooks';
 import { getPrefixedDataAttributes } from './utils/dom';
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -173,6 +173,7 @@ var RadioButton = function(_param) {
         "dataAttributes"
     ]);
     var ref = useRadioContext(), disabled = ref.disabled, selectedValue = ref.selectedValue, focusableValue = ref.focusableValue, select = ref.select, selectNext = ref.selectNext, selectPrev = ref.selectPrev;
+    var labelId = useAriaId();
     var ref1 = React.useRef(null);
     var checked = value === selectedValue;
     var tabIndex = focusableValue === value ? 0 : -1;
@@ -218,13 +219,19 @@ var RadioButton = function(_param) {
         "data-value": value,
         "aria-checked": checked,
         "aria-disabled": disabled,
+        "aria-labelledby": labelId,
         onClick: disabled ? undefined : function() {
             return select(value);
         },
         onKeyDown: disabled ? undefined : handleKeyDown,
         className: classes.radioButton
     }, getPrefixedDataAttributes(dataAttributes), {
-        children: rest.render ? rest.render(radio, disabled) : /*#__PURE__*/ _jsxs(Inline, {
+        children: rest.render ? rest.render({
+            controlElement: radio,
+            disabled: !!disabled,
+            checked: checked,
+            labelId: labelId
+        }) : /*#__PURE__*/ _jsxs(Inline, {
             space: 16,
             children: [
                 /*#__PURE__*/ _jsx(Text3, {
@@ -241,6 +248,7 @@ var RadioButton = function(_param) {
                 /*#__PURE__*/ _jsx(Text3, {
                     regular: true,
                     as: "div",
+                    id: labelId,
                     children: /*#__PURE__*/ _jsx("span", {
                         className: disabled ? classes.disabled : '',
                         children: rest.children

package/dist-es/section-title.js

@@ -39,7 +39,7 @@ var SectionTitle = function(param) {
         children: [
             /*#__PURE__*/ _jsx(Text1, {
                 color: theme.colors.textSecondary,
-                uppercase: true,
+                transform: "uppercase",
                 medium: true,
                 as: as,
                 id: id,

package/dist-es/select.js

@@ -143,6 +143,7 @@ var useStyles = createUseStyles(function(theme) {
                 var label = param.label;
                 return label ? 27 : 17;
             },
+            lineHeight: '20px',
             fontSize: 16,
             color: theme.colors.textPrimary,
             opacity: function(param) {

package/dist-es/snackbar.js

@@ -209,7 +209,7 @@ var SnackbarComponent = function(param) {
                         children: message
                     }),
                     buttonText && /*#__PURE__*/ _jsx(Touchable, {
-                        elementRef: buttonRef,
+                        ref: buttonRef,
                         className: classes.snackbarButton,
                         onPress: close,
                         children: buttonText

package/dist-es/switch-component.js

@@ -226,7 +226,12 @@ var Switch = function(props) {
         "aria-labelledby": labelId
     }, getPrefixedDataAttributes(props.dataAttributes), {
         children: props.render ? /*#__PURE__*/ _jsx(_Fragment, {
-            children: props.render(switchEl, labelId)
+            children: props.render({
+                controlElement: switchEl,
+                labelId: labelId,
+                disabled: !!disabled,
+                checked: value1 !== null && value1 !== void 0 ? value1 : checkedState
+            })
         }) : /*#__PURE__*/ _jsxs(Inline, {
             space: 16,
             alignItems: "center",

package/dist-es/tag.js

@@ -103,7 +103,7 @@ var useStyles = createUseStyles(function() {
     };
 });
 var Tag = function(param) {
-    var Icon = param.Icon, children = param.children, dataAttributes = param.dataAttributes, _type = param.type, type = _type === void 0 ? 'promo' : _type, color = param.color;
+    var Icon = param.Icon, children = param.children, dataAttributes = param.dataAttributes, _type = param.type, type = _type === void 0 ? 'promo' : _type;
     var classes = useStyles({
         hasIcon: !!Icon
     });
@@ -112,32 +112,6 @@ var Tag = function(param) {
     if (!children) {
         return null;
     }
-    /**
-     * Legacy implementation
-     *
-     * @deprecated to be removed in the next major version
-     */ if (color) {
-        // Hardcode black text in darkmode because there isn't a black text color constant that we can use in dark mode
-        var blackText = isDarkMode ? '#313235' : colors.textPrimary;
-        var textColor = color === colors.inverse ? blackText : colors.textPrimaryInverse;
-        return(/*#__PURE__*/ _jsx(ThemeVariant, {
-            isInverse: false,
-            children: /*#__PURE__*/ _jsx("span", {
-                className: classes.tag,
-                style: {
-                    background: color
-                },
-                children: /*#__PURE__*/ _jsx(Text, {
-                    color: textColor,
-                    size: 14,
-                    lineHeight: 20,
-                    weight: "medium",
-                    truncate: true,
-                    children: children
-                })
-            })
-        }));
-    }
     var tagTypeToColors = {
         promo: [
             colors.textTagPromo,
@@ -164,7 +138,7 @@ var Tag = function(param) {
             colors.tagBackgroundError
         ]
     };
-    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor1 = _type1[0], backgroundColor = _type1[1];
+    var _type1 = _slicedToArray(tagTypeToColors[type], 2), textColor = _type1[0], backgroundColor = _type1[1];
     var shouldUseInverseBackground = isInverse && !isDarkMode;
     return(/*#__PURE__*/ _jsxs("span", _objectSpread({}, getPrefixedDataAttributes(dataAttributes), {
         className: classes.tag,
@@ -175,14 +149,14 @@ var Tag = function(param) {
             Icon && /*#__PURE__*/ _jsx(Box, {
                 paddingRight: 4,
                 children: /*#__PURE__*/ _jsx(Icon, {
-                    color: textColor1,
+                    color: textColor,
                     size: pxToRem(16)
                 })
             }),
             /*#__PURE__*/ _jsx(ThemeVariant, {
                 isInverse: false,
                 children: /*#__PURE__*/ _jsx(Text, {
-                    color: textColor1,
+                    color: textColor,
                     size: 14,
                     lineHeight: 20,
                     weight: "medium",

package/dist-es/text.js

@@ -59,14 +59,8 @@ var useStyles = createUseStyles(function(theme) {
                 return pxToRem(desktopLineHeight);
             },
             textTransform: function(param) {
-                var uppercase = param.uppercase, transform = param.transform;
-                if (uppercase) {
-                    return 'uppercase';
-                }
-                if (transform) {
-                    return transform;
-                }
-                return 'inherit';
+                var transform = param.transform;
+                return transform || 'inherit';
             },
             fontSize: function(param) {
                 var desktopSize = param.desktopSize;
@@ -117,7 +111,7 @@ var useStyles = createUseStyles(function(theme) {
     };
 });
 export var Text = function(param) {
-    var weight = param.weight, color = param.color, textDecoration = param.textDecoration, _decoration = param.decoration, decoration = _decoration === void 0 ? textDecoration : _decoration, truncate = param.truncate, uppercase = param.uppercase, transform = param.transform, wordBreak = param.wordBreak, _as = param.as, as = _as === void 0 ? 'span' : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param['aria-level'], dataAttributes = param.dataAttributes;
+    var weight = param.weight, color = param.color, decoration = param.decoration, truncate = param.truncate, transform = param.transform, wordBreak = param.wordBreak, _as = param.as, as = _as === void 0 ? 'span' : _as, children = param.children, size = param.size, _mobileSize = param.mobileSize, mobileSize = _mobileSize === void 0 ? size : _mobileSize, _desktopSize = param.desktopSize, desktopSize = _desktopSize === void 0 ? size : _desktopSize, lineHeight = param.lineHeight, _mobileLineHeight = param.mobileLineHeight, mobileLineHeight = _mobileLineHeight === void 0 ? lineHeight : _mobileLineHeight, _desktopLineHeight = param.desktopLineHeight, desktopLineHeight = _desktopLineHeight === void 0 ? lineHeight : _desktopLineHeight, letterSpacing = param.letterSpacing, id = param.id, role = param.role, ariaLevel = param['aria-level'], dataAttributes = param.dataAttributes;
     var isInverse = useIsInverseVariant();
     var classes = useStyles({
         isInverse: isInverse,
@@ -128,7 +122,6 @@ export var Text = function(param) {
         weight: weight,
         color: color,
         decoration: decoration,
-        uppercase: uppercase,
         transform: transform,
         wordBreak: wordBreak,
         letterSpacing: letterSpacing,

package/dist-es/theme-context-provider.js

@@ -14,7 +14,6 @@ import { getPlatform, isInsideNovumNativeApp } from './utils/platform';
 import ThemeContext from './theme-context';
 import { useIsomorphicLayoutEffect } from './hooks';
 import TabFocus from './tab-focus';
-import { PortalNodesProvider } from './portal';
 import ModalContextProvider from './modal-context-provider';
 import { DocumentVisibilityProvider } from './utils/document-visibility';
 function _arrayLikeToArray(arr, len) {
@@ -187,23 +186,21 @@ var ThemeContextProvider = function(param) {
         theme,
         isOsDarkModeEnabled
     ]);
-    return(/*#__PURE__*/ _jsx(PortalNodesProvider, {
-        children: /*#__PURE__*/ _jsx(JssProvider, {
-            jss: getJss(),
-            classNamePrefix: classNamePrefix,
-            generateId: generateId,
-            children: /*#__PURE__*/ _jsx(TabFocus, {
-                disabled: !theme.enableTabFocus,
-                children: /*#__PURE__*/ _jsx(ModalContextProvider, {
-                    children: /*#__PURE__*/ _jsx(ThemeContext.Provider, {
-                        value: contextTheme,
-                        children: /*#__PURE__*/ _jsx(DocumentVisibilityProvider, {
-                            children: /*#__PURE__*/ _jsx(AriaIdGetterContext.Provider, {
-                                value: getAriaId,
-                                children: /*#__PURE__*/ _jsx(ScreenSizeContextProvider, {
-                                    children: /*#__PURE__*/ _jsx(DialogRoot, {
-                                        children: children
-                                    })
+    return(/*#__PURE__*/ _jsx(JssProvider, {
+        jss: getJss(),
+        classNamePrefix: classNamePrefix,
+        generateId: generateId,
+        children: /*#__PURE__*/ _jsx(TabFocus, {
+            disabled: !theme.enableTabFocus,
+            children: /*#__PURE__*/ _jsx(ModalContextProvider, {
+                children: /*#__PURE__*/ _jsx(ThemeContext.Provider, {
+                    value: contextTheme,
+                    children: /*#__PURE__*/ _jsx(DocumentVisibilityProvider, {
+                        children: /*#__PURE__*/ _jsx(AriaIdGetterContext.Provider, {
+                            value: getAriaId,
+                            children: /*#__PURE__*/ _jsx(ScreenSizeContextProvider, {
+                                children: /*#__PURE__*/ _jsx(DialogRoot, {
+                                    children: children
                                 })
                             })
                         })

package/dist-es/touchable.js

@@ -36,9 +36,11 @@ function _objectSpread(target) {
     return target;
 }
 var redirect = function(url) {
-    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, loadOnTop = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
     if (external) {
         window.open(url, '_blank');
+    } else if (loadOnTop) {
+        window.open(url, '_top');
     } else {
         document.location.href = url;
     }
@@ -109,6 +111,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     }, getPrefixedDataAttributes(props.dataAttributes));
     var type = props.type ? props.type : 'button';
     var openNewTab = !!props.href && !!props.newTab;
+    var loadOnTop = !openNewTab && !!props.href && !!props.loadOnTop;
     var onPress = function(event) {
         if (props.onPress) {
             props.onPress(event);
@@ -156,7 +159,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
         event.preventDefault();
         trackOnce(function() {
-            return redirect(getHref(), openNewTab);
+            return redirect(getHref(), openNewTab, loadOnTop);
         });
     };
     var handleKeyDown = function(event) {
@@ -172,7 +175,11 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             onClick: handleHrefClick,
             onKeyDown: handleKeyDown,
             href: props.disabled ? undefined : getHref(),
-            target: openNewTab ? '_blank' : undefined,
+            target: function() {
+                if (openNewTab) return '_blank';
+                if (loadOnTop) return '_top';
+                return undefined;
+            }(),
             rel: openNewTab ? 'noopener noreferrer' : undefined,
             ref: ref,
             children: [
@@ -186,11 +193,10 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         })));
     }
     if (props.to) {
-        var ref2;
         return(/*#__PURE__*/ _jsx(Link, _objectSpread({}, commonProps, {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
-            innerRef: (ref2 = props.elementRef) !== null && ref2 !== void 0 ? ref2 : ref,
+            innerRef: ref,
             to: props.disabled ? '' : props.to,
             replace: props.replace,
             onClick: trackEvent,
@@ -199,7 +205,6 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         })));
     }
     if (props.onPress) {
-        var ref3;
         return(/*#__PURE__*/ _jsx("button", _objectSpread({}, commonProps, {
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
@@ -209,14 +214,13 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             "aria-label": props['aria-label'],
             "aria-labelledby": props['aria-labelledby'],
             type: type,
-            ref: (ref3 = props.elementRef) !== null && ref3 !== void 0 ? ref3 : ref,
+            ref: ref,
             onClick: handleButtonClick,
             children: children
         })));
     }
-    var ref4;
     return(/*#__PURE__*/ _jsx("div", _objectSpread({}, commonProps, {
-        ref: (ref4 = props.elementRef) !== null && ref4 !== void 0 ? ref4 : ref,
+        ref: ref,
         className: classnames(commonProps.className, classes.notTouchable),
         children: children
     })));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "10.28.0",
+    "version": "11.0.0",
     "license": "MIT",
     "repository": {
         "type": "git",

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/generated/mistica-icons/icon-data-data-sereye-filled.js

@@ -1,109 +0,0 @@
-"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 IconDataDataSereyeFilled = function IconDataDataSereyeFilled(_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).jsx("svg", _objectSpread({
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        role: "presentation"
-    }, rest, {
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx("path", {
-            d: "M19.269 20.485c.767 0 1.162-.353 1.17-1.054l-.002-.14c-.009-.473-.213-1.036-1.12-1.053-.015 0-.029.008-.043.008-.014 0-.025-.008-.039-.008-.907.02-1.117.583-1.129 1.062v.143c.009.691.4 1.042 1.163 1.042zM5.577 19.29c-.011-.482-.218-1.056-1.16-1.056-.944 0-1.157.58-1.168 1.065l-.003.14v.003c.006.689.398 1.036 1.16 1.036.765 0 1.16-.356 1.171-1.053v-.135zm16.106-.022l.003.176c-.014 1.034-.658 2.238-2.417 2.238-1.76 0-2.395-1.198-2.406-2.226v-.191c.022-.894.515-1.922 1.79-2.176v-1.253H5.025l.006 1.253c1.28.249 1.773 1.28 1.79 2.179l.003.18c-.02 1.033-.662 2.237-2.418 2.237-1.759 0-2.395-1.199-2.406-2.227 0-.061 0-.131.003-.19.022-.894.515-1.919 1.784-2.174l-.008-1.857a.576.576 0 01.182-.426.627.627 0 01.442-.176h6.79c-.003-.025-.014-.048-.014-.073v-1.275c-.767-.039-1.482-.145-2.053-.308-.832-.243-1.255-.571-1.255-.974v-2.03c.277.201.658.375 1.11.51.778.226 1.798.35 2.87.35 1.079 0 2.099-.124 2.872-.35a3.344 3.344 0 001.095-.516v2.034c0 .403-.423.73-1.255.975-.591.17-1.336.277-2.137.313v1.27c0 .024-.011.047-.017.072h6.868c.345 0 .622.269.622.602v1.857c1.28.25 1.77 1.278 1.784 2.177zM9.134 3.922c-.694-.202-1.114-.474-1.226-.788 0-.005 0-.005-.003-.008.112-.316.532-.594 1.221-.793.731-.213 1.697-.33 2.723-.33 1.025 0 1.991.117 2.717.33.725.21 1.134.49 1.227.818 0 0-.006.006-.006.011-.123.303-.538.566-1.216.762-.73.213-1.691.33-2.714.33-1.03-.002-1.991-.12-2.723-.332zm0 3.028c-.65-.19-1.12-.48-1.263-.768V3.9c.266.207.636.384 1.11.516.778.226 1.798.35 2.87.35 1.073 0 2.09-.124 2.872-.35.462-.135.826-.3 1.095-.505v2.266c-.135.244-.53.563-1.25.774-.725.212-1.691.324-2.714.324-1.028 0-1.988-.112-2.72-.324zm0 3.039c-.65-.19-1.12-.474-1.263-.768V6.933c.283.201.658.375 1.11.504.778.227 1.798.35 2.87.35 1.076 0 2.099-.123 2.872-.35.437-.123.81-.3 1.095-.51v2.289c-.135.24-.53.56-1.25.773-.725.213-1.691.33-2.714.33-1.028 0-1.988-.117-2.72-.33z",
-            fill: fillColor
-        })
-    })));
-};
-var _default = IconDataDataSereyeFilled;
-exports.default = _default;