@itcase/ui 1.1.7 → 1.1.9

package/dist/components/Dot.js

@@ -1,218 +1,15 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import borderTypeProps from '../constants/componentProps/borderType.js';
-import fillProps from '../constants/componentProps/fill.js';
-import shapeProps from '../constants/componentProps/shape.js';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+export { D as Dot } from '../Dot-C3R1y59u.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-
-function Dot(props) {
-  const {
-    className,
-    children
-  } = props;
-  const borderClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'border'
-  });
-  const borderTypeClass = useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'dot_shape_',
-    propsKey: 'shape'
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: clsx(className, 'dot', borderClass, borderTypeClass, fillClass, shapeClass)
-  }, children);
-}
-Dot.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  border: PropTypes.string,
-  borderDesktop: PropTypes.string,
-  borderMobile: PropTypes.string,
-  borderTablet: PropTypes.string,
-  borderType: PropTypes.oneOf(borderTypeProps),
-  borderTypeDesktop: PropTypes.oneOf(borderTypeProps),
-  borderTypeMobile: PropTypes.oneOf(borderTypeProps),
-  borderTypeTablet: PropTypes.oneOf(borderTypeProps),
-  fill: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  shape: PropTypes.oneOf(shapeProps),
-  shapeDesktop: PropTypes.oneOf(shapeProps),
-  shapeMobile: PropTypes.oneOf(shapeProps),
-  shapeTablet: PropTypes.oneOf(shapeProps)
-};
-Dot.defaultProps = {};
-Dot.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Dot",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "border": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderDesktop": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderMobile": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderTablet": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "borderType": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "borderTypeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "borderTypeProps"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "shapeTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Dot };
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';

package/dist/components/Drawer.js

@@ -153,16 +153,18 @@ function Drawer(props) {
     after,
     dataTour,
     direction,
-    className
+    className,
+    enableOverlay
   } = props;
   return /*#__PURE__*/React__default.createElement(EZDrawer, {
     className: clsx('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
     direction: direction || 'right',
-    lockBackgroundScroll: true,
+    lockBackgroundScroll: false,
     open: isOpenModal,
     overlayClassName: "drawer__overlay",
     size: size || 600,
-    onClose: closeModal
+    onClose: closeModal,
+    enableOverlay: enableOverlay
   }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "drawer__before"
   }, before), children && /*#__PURE__*/React__default.createElement("div", {
@@ -183,7 +185,8 @@ Drawer.propTypes = {
   // "right", "left", "top", "bottom"
   size: PropTypes.number,
   // width in px
-  type: PropTypes.string
+  type: PropTypes.string,
+  enableOverlay: PropTypes.bool
 };
 Drawer.__docgenInfo = {
   "description": "",
@@ -259,6 +262,13 @@ Drawer.__docgenInfo = {
         "name": "string"
       },
       "required": false
+    },
+    "enableOverlay": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
     }
   }
 };

package/dist/components/Dropdown.js

@@ -1,4 +1,4 @@
-export { D as Dropdown, a as DropdownItem } from '../DropdownItem-C0gYXEq6.js';
+export { D as Dropdown, a as DropdownItem } from '../DropdownItem-Dgf0LRhx.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
@@ -12,18 +12,12 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import './Divider.js';
+import '../Divider-BlBwMHgl.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../Link-ByBzBRDH.js';
+import '../Text-BcGbRc14.js';
 import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/direction.js';
-import '../constants/componentProps/width.js';
-import './Link.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/shape.js';
 import '../constants/componentProps/type.js';
 import '../constants/componentProps/underline.js';
-import '../Text-DffpwlYq.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../constants/componentProps/shape.js';
+import '../constants/componentProps/size.js';

package/dist/components/Flex/Flex.interface.d.ts

@@ -1,9 +1,9 @@
 import React, { ElementType } from 'react';
-import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../types';
 export interface IFlexProps extends TypeStyleAttributes {
     id?: number | string;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     className?: string;
     tag?: ElementType;
     type?: string;
@@ -20,6 +20,8 @@ export interface IFlexProps extends TypeStyleAttributes {
     position?: positionPropsType;
     border?: borderColorPropsType;
     borderType?: borderTypePropsType;
+    gapWrapper?: string;
+    maxWidthWrapper?: string;
     alignContentDesktop?: flexJustifyContentPropsType;
     alignContentMobile?: flexJustifyContentPropsType;
     alignContentTablet?: flexJustifyContentPropsType;
@@ -56,7 +58,7 @@ export interface IFlexProps extends TypeStyleAttributes {
     wrapTablet?: flexWrapPropsType;
 }
 export interface IFlexItemProps extends TypeStyleAttributes {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     className?: string;
     tag?: ElementType;
     htmlFor?: string;

package/dist/components/Flex/index.d.ts

@@ -1,3 +1,3 @@
-import { Flex } from './Flex.js';
-import { FlexItem } from './FlexItem.js';
+import { Flex } from './Flex';
+import { FlexItem } from './FlexItem';
 export { Flex, FlexItem };

package/dist/components/Flex.js

@@ -1,4 +1,4 @@
-export { F as Flex, a as FlexItem } from '../FlexItem-DHynUt6v.js';
+export { F as Flex, a as FlexItem } from '../FlexItem-DzNgFIa0.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import 'react';
 import 'clsx';

package/dist/components/FormField.js

@@ -1,9 +1,9 @@
-export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from '../SelectField-uEsQcoxF.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, a as SelectField, S as SwitchField } from '../SelectField-CpQMWXaC.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
 import './Radio.js';
-import '../Text-DffpwlYq.js';
+import '../Text-BcGbRc14.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
@@ -18,32 +18,26 @@ import '../hooks/styleAttributes.js';
 import './Switch.js';
 import '../constants/componentProps/direction.js';
 import '../constants/componentProps/size.js';
-import './Divider.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/width.js';
-import './Icon.js';
+import '../Divider-BlBwMHgl.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
 import 'react-inlinesvg';
-import './Link.js';
+import './Tooltip.js';
+import './Title.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/textColor.js';
 import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
-import './Tooltip.js';
-import './Title.js';
-import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
 import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/shape.js';
 import './Select.js';
 import 'react-select';
 import 'react-dom';
 import '../floating-ui.dom-BQ7wiYTi.js';
 import './Badge.js';
-import '../Group-DhYXDvAJ.js';
+import '../Group-fbVPmr8W.js';

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,8 @@
+import { IGridProps } from './Grid.interface';
+declare function Grid(props: IGridProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Grid {
+    var defaultProps: {
+        tag: string;
+    };
+}
+export { Grid };

package/dist/components/Grid/Grid.interface.d.ts

@@ -0,0 +1,147 @@
+import React, { ElementType } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, shapePropsType, verticalResizeModePropsType } from '../../types';
+export interface IGridBaseThemeColor extends TypeStyleAttributes {
+    alignSelf?: gridAlignSelfPropsType;
+    alignSelfDesktop?: gridAlignSelfPropsType;
+    alignSelfMobile?: gridAlignSelfPropsType;
+    alignSelfTablet?: gridAlignSelfPropsType;
+    columnEnd?: string;
+    columnEndDesktop?: string;
+    columnEndMobile?: string;
+    columnEndTablet?: string;
+    columnGap?: string;
+    columnSpan?: string;
+    columnSpanDesktop?: string;
+    columnSpanMobile?: string;
+    columnSpanTablet?: string;
+    columnStart?: string;
+    columnStartDesktop?: string;
+    columnStartMobile?: string;
+    columnStartTablet?: string;
+    direction?: directionPropsType;
+    fill?: fillPropsType;
+    fillDesktop?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    gap?: string;
+    gridTemplateColumns?: string;
+    justifySelf?: gridJustifySelfPropsType;
+    justifySelfDesktop?: gridJustifySelfPropsType;
+    justifySelfMobile?: gridJustifySelfPropsType;
+    justifySelfTablet?: gridJustifySelfPropsType;
+    order?: string;
+    orderDesktop?: string;
+    orderMobile?: string;
+    orderTablet?: string;
+    rowEnd?: string;
+    rowEndDesktop?: string;
+    rowEndMobile?: string;
+    rowEndTablet?: string;
+    rowGap?: string;
+    rowSpan?: string;
+    rowSpanDesktop?: string;
+    rowSpanMobile?: string;
+    rowSpanTablet?: string;
+    rowStart?: string;
+    rowStartDesktop?: string;
+    rowStartMobile?: string;
+    rowStartTablet?: string;
+    zIndex?: string;
+    zIndexDesktop?: string;
+    zIndexMobile?: string;
+    zIndexTablet?: string;
+}
+export interface IGridItemProps extends IGridBaseThemeColor {
+    children?: React.ReactNode;
+    className?: string;
+    dataTour?: string;
+    id?: number | string;
+    onClick?: () => void;
+}
+export interface IGridRowProps extends IGridBaseThemeColor {
+    children?: React.ReactNode;
+    className?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    id?: number | string;
+    onClick?: () => void;
+    tag: ElementType;
+}
+export interface IGridProps extends TypeStyleAttributes {
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    dataTour?: string;
+    id?: number | string;
+    onClick?: () => void;
+    tag: ElementType;
+    alignContentDesktop?: gridAlignPropsType;
+    alignContentMobile?: gridAlignPropsType;
+    alignContentTablet?: gridAlignPropsType;
+    alignItemsDesktop?: gridAlignPropsType;
+    alignItemsMobile?: gridAlignPropsType;
+    alignItemsTablet?: gridAlignPropsType;
+    columnGapDesktop?: string;
+    columnGapMobile?: string;
+    columnGapTablet?: string;
+    columnsDesktop?: string;
+    columnsMobile?: string;
+    columnsTablet?: string;
+    fillDesktop?: fillPropsType;
+    fillMobile?: fillPropsType;
+    fillTablet?: fillPropsType;
+    fillWrapperDesktop?: fillPropsType;
+    fillWrapperInnerDesktop?: fillPropsType;
+    fillWrapperInnerMobile?: fillPropsType;
+    fillWrapperInnerTablet?: fillPropsType;
+    fillWrapperMobile?: fillPropsType;
+    fillWrapperTablet?: fillPropsType;
+    gridBackground?: string;
+    gridBackgroundDesktop?: string;
+    gridBackgroundMobile?: string;
+    gridBackgroundTablet?: string;
+    gridBackgroundWrapper?: string;
+    gridBackgroundWrapperDesktop?: string;
+    gridBackgroundWrapperMobile?: string;
+    gridBackgroundWrapperTablet?: string;
+    horizontalResizing?: horizontalResizeModePropsType;
+    horizontalScroll?: boolean;
+    justifyContentDesktop?: string;
+    justifyContentMobile?: string;
+    justifyContentTablet?: string;
+    justifyItemsDesktop?: gridJustifyItemsPropsType;
+    justifyItemsMobile?: gridJustifyItemsPropsType;
+    justifyItemsTablet?: gridJustifyItemsPropsType;
+    rowGapDesktop?: string;
+    rowGapMobile?: string;
+    rowGapTablet?: string;
+    rowsDesktop?: string;
+    rowsMobile?: string;
+    rowsTablet?: string;
+    shapeWrapperDesktop?: shapePropsType;
+    shapeWrapperInnerDesktop?: shapePropsType;
+    shapeWrapperInnerMobile?: shapePropsType;
+    shapeWrapperInnerTablet?: shapePropsType;
+    shapeWrapperMobile?: shapePropsType;
+    shapeWrapperTablet?: shapePropsType;
+    type?: string;
+    useGridSystem?: boolean;
+    verticalResizing?: verticalResizeModePropsType;
+    alignContent?: gridAlignPropsType;
+    alignItems?: gridAlignPropsType;
+    borderColor?: borderColorPropsType;
+    columnGap?: string;
+    columns?: string;
+    fill?: fillPropsType;
+    fillWrapper?: fillPropsType;
+    fillWrapperInner?: fillPropsType;
+    justifyContent?: string;
+    justifyItems?: gridJustifyItemsPropsType;
+    rowGap?: string;
+    rows?: string;
+    shapeWrapper?: shapePropsType;
+    shapeWrapperInner?: shapePropsType;
+}

package/dist/components/Grid/GridItem.d.ts

@@ -0,0 +1,3 @@
+import { IGridItemProps } from './Grid.interface';
+declare function GridItem(props: IGridItemProps): import("react/jsx-runtime").JSX.Element;
+export { GridItem };

package/dist/components/Grid/GridRow.d.ts

@@ -0,0 +1,8 @@
+import { IGridRowProps } from './Grid.interface';
+declare function GridRow(props: IGridRowProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GridRow {
+    var defaultProps: {
+        tag: string;
+    };
+}
+export { GridRow };

package/dist/components/Grid/index.d.ts

@@ -0,0 +1,4 @@
+import { Grid } from './Grid';
+import { GridItem } from './GridItem';
+import { GridRow } from './GridRow';
+export { Grid, GridRow, GridItem };

package/dist/components/Grid.js

@@ -1,22 +1,15 @@
-export { G as Grid, b as GridItem, a as GridRow } from '../GridRow-Buc4dsHd.js';
+export { G as Grid, b as GridItem, a as GridRow } from '../GridRow-Cc-rz56R.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 import 'react';
-import 'prop-types';
 import 'clsx';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/gridJustifyItems.js';
-import '../constants/componentProps/gridAlign.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/horizontalResizeMode.js';
-import '../constants/componentProps/verticalResizeMode.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../constants/componentProps/gridAlignSelf.js';
-import '../constants/componentProps/gridJustifySelf.js';

package/dist/components/Group/Group.interface.d.ts

@@ -1,6 +1,7 @@
 import React, { CSSProperties, ElementType } from 'react';
-import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../constants-ts';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
 interface ThemeColor {
     fill?: string;
     fillHover?: string;
@@ -10,15 +11,16 @@ interface ThemeColor {
     borderWidth?: string;
     direction?: directionPropsType;
 }
-interface IAppearance {
-    [key: string]: ThemeColor;
-}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ThemeColor;
+};
 export interface IGroupConfig {
-    appearance: IAppearance;
-    setAppearance: (newComponent: IAppearance) => void;
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
 }
 export interface IGroupProps extends TypeStyleAttributes {
-    appearance?: string;
+    appearance?: appearanceKeysType;
     id?: number | string;
     children?: React.ReactNode;
     className?: string;

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, g as groupConfig } from '../Group-DhYXDvAJ.js';
+export { G as Group, g as groupConfig } from '../Group-fbVPmr8W.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import 'react';
 import 'clsx';

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IIconConfig, IIconProps } from '../Icon/Icon.interface';
+declare const iconConfig: IIconConfig;
+declare const Icon: React.ForwardRefExoticComponent<IIconProps & React.RefAttributes<HTMLDivElement>>;
+export { Icon, iconConfig };