@telefonica/mistica 9.17.0 → 10.2.0

package/dist/{empty-state-screen.d.ts → empty-state.d.ts}

@@ -1,12 +1,15 @@
 import * as React from 'react';
 import { ButtonPrimary, ButtonSecondary, ButtonLink } from './button';
+import type { ButtonProps } from './button';
+import type { DataAttributes } from './utils/types';
 interface BaseProps {
     title: string;
-    button?: React.ReactElement<typeof ButtonPrimary> | React.ReactElement<typeof ButtonSecondary>;
-    buttonLink?: React.ReactElement<typeof ButtonLink>;
+    button?: React.ReactElement<ButtonProps, typeof ButtonPrimary> | React.ReactElement<ButtonProps, typeof ButtonSecondary>;
+    buttonLink?: React.ReactElement<ButtonProps, typeof ButtonLink>;
     description?: string;
     children?: void;
     'aria-label'?: string;
+    dataAttributes?: DataAttributes;
 }
 interface ImageProps extends BaseProps {
     imageUrl: string;
@@ -19,10 +22,10 @@ interface LargeImageProps extends BaseProps {
     icon?: undefined;
 }
 interface IconProps extends BaseProps {
-    icon: React.ReactElement<any>;
+    icon: React.ReactElement;
     imageUrl?: undefined;
     largeImageUrl?: undefined;
 }
 declare type Props = IconProps | ImageProps | LargeImageProps;
-declare const EmptyStateScreen: React.FC<Props>;
-export default EmptyStateScreen;
+declare const EmptyState: React.FC<Props>;
+export default EmptyState;

package/dist/{empty-state-screen.js → empty-state.js}

@@ -13,26 +13,42 @@ var _box = _interopRequireDefault(require("./box"));
 
 var _boxed = require("./boxed");
 
-var _feedbackScreen = require("./feedback-screen");
-
 var _hooks = require("./hooks");
 
 var _stack = _interopRequireDefault(require("./stack"));
 
 var _text = require("./text");
 
-var _responsiveLayout = _interopRequireDefault(require("./responsive-layout"));
-
 var _jss = require("./jss");
 
 var _inline = _interopRequireDefault(require("./inline"));
 
+var _dom = require("./utils/dom");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -50,6 +66,9 @@ function _defineProperty(obj, key, value) {
 
 var useStyles = (0, _jss.createUseStyles)(function (theme) {
   return {
+    container: _defineProperty({}, theme.mq.tabletOrSmaller, {
+      maxWidth: 368
+    }),
     desktopContainer: {
       display: 'flex',
       justifyContent: 'spaceBetween'
@@ -67,18 +86,29 @@ var useStyles = (0, _jss.createUseStyles)(function (theme) {
       backgroundSize: 'contain',
       flex: 1
     },
-    mobileImage: {
-      width: '100%'
+    largeImage: {
+      width: '100%',
+      display: 'block',
+      // to avoid letter's descenders bottom space
+      aspectRatio: '16/9'
     },
     smallImage: _defineProperty({
-      height: 128
+      height: 128,
+      display: 'block'
     }, theme.mq.tabletOrSmaller, {
       height: 112
+    }),
+    iconContainer: _defineProperty({
+      width: 80,
+      height: 80
+    }, theme.mq.tabletOrSmaller, {
+      width: 64,
+      height: 64
     })
   };
 });
 
-var EmptyStateScreen = function EmptyStateScreen(_ref2) {
+var EmptyState = function EmptyState(_ref2) {
   var _image;
 
   var title = _ref2.title,
@@ -87,7 +117,9 @@ var EmptyStateScreen = function EmptyStateScreen(_ref2) {
       buttonLink = _ref2.buttonLink,
       largeImageUrl = _ref2.largeImageUrl,
       imageUrl = _ref2.imageUrl,
-      icon = _ref2.icon;
+      icon = _ref2.icon,
+      ariaLabel = _ref2['aria-label'],
+      dataAttributes = _ref2.dataAttributes;
 
   var _useTheme = (0, _hooks.useTheme)(),
       colors = _useTheme.colors;
@@ -105,7 +137,7 @@ var EmptyStateScreen = function EmptyStateScreen(_ref2) {
 
   if (largeImageUrl) {
     largeImage = /*#__PURE__*/React.createElement("img", {
-      className: classes.mobileImage,
+      className: classes.largeImage,
       alt: "",
       src: largeImageUrl
     });
@@ -122,16 +154,30 @@ var EmptyStateScreen = function EmptyStateScreen(_ref2) {
   if (isTabletOrSmaller) {
     var _ref3, _largeImage;
 
-    return /*#__PURE__*/React.createElement(_feedbackScreen.FeedbackScreen, {
-      icon: (_ref3 = (_largeImage = largeImage) !== null && _largeImage !== void 0 ? _largeImage : image) !== null && _ref3 !== void 0 ? _ref3 : icon,
-      title: title,
-      description: description,
-      primaryButton: button,
-      link: buttonLink
-    });
+    return /*#__PURE__*/React.createElement("section", _extends({
+      className: classes.container,
+      "aria-label": ariaLabel
+    }, (0, _dom.getPrefixedDataAttributes)(dataAttributes)), /*#__PURE__*/React.createElement(_stack.default, {
+      space: 24
+    }, (_ref3 = (_largeImage = largeImage) !== null && _largeImage !== void 0 ? _largeImage : image) !== null && _ref3 !== void 0 ? _ref3 : icon && /*#__PURE__*/React.createElement("div", {
+      className: classes.iconContainer
+    }, icon), /*#__PURE__*/React.createElement(_stack.default, {
+      space: 16
+    }, /*#__PURE__*/React.createElement(_text.Text6, {
+      as: "h1"
+    }, title), /*#__PURE__*/React.createElement(_text.Text4, {
+      light: true,
+      as: "p",
+      color: colors.textSecondary
+    }, description)), button && /*#__PURE__*/React.createElement(_inline.default, {
+      space: 16,
+      alignItems: "center"
+    }, button, buttonLink)));
   }
 
-  return /*#__PURE__*/React.createElement(_responsiveLayout.default, null, /*#__PURE__*/React.createElement(_boxed.Boxed, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(_boxed.Boxed, {
+    dataAttributes: dataAttributes
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.desktopContainer
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.desktopContent
@@ -139,7 +185,9 @@ var EmptyStateScreen = function EmptyStateScreen(_ref2) {
     padding: 64
   }, /*#__PURE__*/React.createElement(_stack.default, {
     space: 24
-  }, (_image = image) !== null && _image !== void 0 ? _image : icon, /*#__PURE__*/React.createElement(_stack.default, {
+  }, (_image = image) !== null && _image !== void 0 ? _image : icon && /*#__PURE__*/React.createElement("div", {
+    className: classes.iconContainer
+  }, icon), /*#__PURE__*/React.createElement(_stack.default, {
     space: 16
   }, /*#__PURE__*/React.createElement(_text.Text6, {
     as: "h1"
@@ -152,8 +200,8 @@ var EmptyStateScreen = function EmptyStateScreen(_ref2) {
     alignItems: "center"
   }, button, buttonLink)))), largeImageUrl && /*#__PURE__*/React.createElement("div", {
     className: classes.desktopImage
-  }))));
+  })));
 };
 
-var _default = EmptyStateScreen;
+var _default = EmptyState;
 exports.default = _default;

package/dist/{empty-state-screen.js.flow → empty-state.js.flow}

@@ -2,6 +2,7 @@
 
 import * as React from "react";
 import { ButtonPrimary, ButtonSecondary, ButtonLink } from "./button";
+import type { DataAttributes } from "./utils/types";
 declare type BaseProps = {|
   title: string,
   button?:
@@ -10,6 +11,7 @@ declare type BaseProps = {|
   buttonLink?: React.Element<typeof ButtonLink>,
   description?: string,
   "aria-label"?: string,
+  dataAttributes?: DataAttributes,
 |};
 declare type ImageProps = {|
   ...$Exact<BaseProps>,
@@ -24,5 +26,5 @@ declare type IconProps = {|
   icon: React.Element<any>,
 |};
 declare type Props = IconProps | ImageProps | LargeImageProps;
-declare var EmptyStateScreen: React.ComponentType<Props>;
-declare export default typeof EmptyStateScreen;
+declare var EmptyState: React.ComponentType<Props>;
+declare export default typeof EmptyState;

package/dist/feedback-screen.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { ButtonPrimary, ButtonSecondary, ButtonLink } from './button';
+import type { ButtonProps, ButtonLinkProps } from './button';
 declare type HapticFeedback = 'error' | 'success';
 interface FeedbackProps {
     title: string;
-    primaryButton?: React.ReactElement<typeof ButtonPrimary>;
-    secondaryButton?: React.ReactElement<typeof ButtonSecondary>;
-    link?: React.ReactElement<typeof ButtonLink>;
+    primaryButton?: React.ReactElement<ButtonProps, typeof ButtonPrimary>;
+    secondaryButton?: React.ReactElement<ButtonProps, typeof ButtonSecondary>;
+    link?: React.ReactElement<ButtonLinkProps, typeof ButtonLink>;
     description?: string | Array<string>;
     children?: React.ReactNode;
     unstable_inlineInDesktop?: boolean;

package/dist/focus-trap.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 declare type Props = {
     children: React.ReactNode;
-    clickOutsideDeactivates?: boolean;
     className?: string;
+    disabled?: boolean;
+    group?: string;
 };
 declare const FocusTrap: React.FC<Props>;
 export default FocusTrap;

package/dist/focus-trap.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _focusTrapReact = _interopRequireDefault(require("focus-trap-react"));
+var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -19,15 +19,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var FocusTrap = function FocusTrap(_ref) {
   var children = _ref.children,
-      _ref$clickOutsideDeac = _ref.clickOutsideDeactivates,
-      clickOutsideDeactivates = _ref$clickOutsideDeac === void 0 ? false : _ref$clickOutsideDeac,
-      className = _ref.className;
-  return /*#__PURE__*/React.createElement(_focusTrapReact.default, {
-    focusTrapOptions: {
-      escapeDeactivates: false,
-      clickOutsideDeactivates: clickOutsideDeactivates
-    },
-    className: className
+      disabled = _ref.disabled,
+      className = _ref.className,
+      group = _ref.group;
+  return /*#__PURE__*/React.createElement(_reactFocusLock.default, {
+    noFocusGuards: true,
+    disabled: disabled,
+    className: className,
+    group: group
   }, children);
 };
 

package/dist/focus-trap.js.flow

@@ -3,8 +3,9 @@
 import * as React from "react";
 declare type Props = {
   children: React.Node,
-  clickOutsideDeactivates?: boolean,
   className?: string,
+  disabled?: boolean,
+  group?: string,
 };
 declare var FocusTrap: React.ComponentType<Props>;
 declare export default typeof FocusTrap;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAcademicFilled: React.ComponentType<Props>;
 declare export default typeof IconAcademicFilled;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAcademicLight: React.ComponentType<Props>;
 declare export default typeof IconAcademicLight;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAcademicRegular: React.ComponentType<Props>;
 declare export default typeof IconAcademicRegular;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAccesibilityFilled: React.ComponentType<Props>;
 declare export default typeof IconAccesibilityFilled;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAccesibilityLight: React.ComponentType<Props>;
 declare export default typeof IconAccesibilityLight;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAccesibilityRegular: React.ComponentType<Props>;
 declare export default typeof IconAccesibilityRegular;

package/dist/generated/mistica-icons/icon-add-more-circle-filled.d.ts

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreCircleFilled: React.ComponentType<Props>;
 declare export default typeof IconAddMoreCircleFilled;

package/dist/generated/mistica-icons/icon-add-more-circle-light.d.ts

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreCircleLight: React.ComponentType<Props>;
 declare export default typeof IconAddMoreCircleLight;

package/dist/generated/mistica-icons/icon-add-more-circle-regular.d.ts

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreCircleRegular: React.ComponentType<Props>;
 declare export default typeof IconAddMoreCircleRegular;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreLight: React.ComponentType<Props>;
 declare export default typeof IconAddMoreLight;

package/dist/generated/mistica-icons/icon-add-more-location-filled.d.ts

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

package/dist/generated/mistica-icons/icon-add-more-location-filled.js.flow

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreLocationFilled: React.ComponentType<Props>;
 declare export default typeof IconAddMoreLocationFilled;

package/dist/generated/mistica-icons/icon-add-more-location-regular.d.ts

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

package/dist/generated/mistica-icons/icon-add-more-location-regular.js.flow

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreLocationRegular: React.ComponentType<Props>;
 declare export default typeof IconAddMoreLocationRegular;

package/dist/generated/mistica-icons/icon-add-more-query-filled.d.ts

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

package/dist/generated/mistica-icons/icon-add-more-query-filled.js.flow

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreQueryFilled: React.ComponentType<Props>;
 declare export default typeof IconAddMoreQueryFilled;

package/dist/generated/mistica-icons/icon-add-more-query-light.d.ts

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

package/dist/generated/mistica-icons/icon-add-more-query-light.js.flow

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreQueryLight: React.ComponentType<Props>;
 declare export default typeof IconAddMoreQueryLight;

package/dist/generated/mistica-icons/icon-add-more-query-regular.d.ts

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

package/dist/generated/mistica-icons/icon-add-more-query-regular.js.flow

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreQueryRegular: React.ComponentType<Props>;
 declare export default typeof IconAddMoreQueryRegular;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAddMoreRegular: React.ComponentType<Props>;
 declare export default typeof IconAddMoreRegular;

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

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

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

@@ -3,7 +3,7 @@
 import * as React from "react";
 declare type Props = {
   color?: string,
-  size?: number,
+  size?: string | number,
 };
 declare var IconAdnFilled: React.ComponentType<Props>;
 declare export default typeof IconAdnFilled;