@zohodesk/dot 1.0.0-temp-184 → 1.0.0-temp-181.9

package/es/FormAction/FormAction.module.css

@@ -1,101 +1,101 @@
-.varClass {
-  --footerBg: var(--zdt_formAction_bg);
-  --footerBorder: var(--zdt_formAction_border);
-}
-
-.wrapperDiv {
-  position: relative;
-  z-index: 1;
-  composes: varClass;
-}
-
-.footerParent {
-  position: relative;
-  /* css:theme-validation:ignore */
-  /* css:theme-validation:ignore */
-  background-color: var(--footerBg);
-  border-top: solid 1px var(--footerBorder);
-}
-
-.largeFooter {
-  padding-top: var(--zd_size24) ;
-  padding-bottom: var(--zd_size24) ;
-}
-
-.mediumFooter {
-  padding-top: var(--zd_size20) ;
-  padding-bottom: var(--zd_size20) ;
-}
-
-.smallFooter {
-  padding-top: var(--zd_size10) ;
-  padding-bottom: var(--zd_size10) ;
-}
-
-[dir=ltr] .largePadding {
-  padding-left: var(--zd_size60) ;
-}
-
-[dir=rtl] .largePadding {
-  padding-right: var(--zd_size60) ;
-}
-
-[dir=ltr] .mediumPadding {
-  padding-left: var(--zd_size50) ;
-}
-
-[dir=rtl] .mediumPadding {
-  padding-right: var(--zd_size50) ;
-}
-
-[dir=ltr] .xmediumPadding {
-  padding-left: var(--zd_size30) ;
-}
-
-[dir=rtl] .xmediumPadding {
-  padding-right: var(--zd_size30) ;
-}
-
-[dir=ltr] .smallPadding {
-  padding-left: var(--zd_size25) ;
-}
-
-[dir=rtl] .smallPadding {
-  padding-right: var(--zd_size25) ;
-}
-
-[dir=ltr] .xsmallPadding {
-  padding-left: var(--zd_size20) ;
-}
-
-[dir=rtl] .xsmallPadding {
-  padding-right: var(--zd_size20) ;
-}
-
-.marginRight {
-  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
-  margin-right: var(--zd_size15) ;
-}
-
-[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
-  margin-left: var(--zd_size15) ;
-}
-
-[dir=ltr] .smallFooter .marginRight {
-  margin-right: var(--zd_size12) ;
-}
-
-[dir=rtl] .smallFooter .marginRight {
-  margin-left: var(--zd_size12) ;
-}
-
-[dir=ltr] .marginRight:last-child {
-  margin-right: 0 ;
-}
-
-[dir=rtl] .marginRight:last-child {
-  margin-left: 0 ;
+.varClass {
+  --footerBg: var(--zdt_formAction_bg);
+  --footerBorder: var(--zdt_formAction_border);
+}
+
+.wrapperDiv {
+  position: relative;
+  z-index: 1;
+  composes: varClass;
+}
+
+.footerParent {
+  position: relative;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+  background-color: var(--footerBg);
+  border-top: solid 1px var(--footerBorder);
+}
+
+.largeFooter {
+  padding-top: var(--zd_size24) ;
+  padding-bottom: var(--zd_size24) ;
+}
+
+.mediumFooter {
+  padding-top: var(--zd_size20) ;
+  padding-bottom: var(--zd_size20) ;
+}
+
+.smallFooter {
+  padding-top: var(--zd_size10) ;
+  padding-bottom: var(--zd_size10) ;
+}
+
+[dir=ltr] .largePadding {
+  padding-left: var(--zd_size60) ;
+}
+
+[dir=rtl] .largePadding {
+  padding-right: var(--zd_size60) ;
+}
+
+[dir=ltr] .mediumPadding {
+  padding-left: var(--zd_size50) ;
+}
+
+[dir=rtl] .mediumPadding {
+  padding-right: var(--zd_size50) ;
+}
+
+[dir=ltr] .xmediumPadding {
+  padding-left: var(--zd_size30) ;
+}
+
+[dir=rtl] .xmediumPadding {
+  padding-right: var(--zd_size30) ;
+}
+
+[dir=ltr] .smallPadding {
+  padding-left: var(--zd_size25) ;
+}
+
+[dir=rtl] .smallPadding {
+  padding-right: var(--zd_size25) ;
+}
+
+[dir=ltr] .xsmallPadding {
+  padding-left: var(--zd_size20) ;
+}
+
+[dir=rtl] .xsmallPadding {
+  padding-right: var(--zd_size20) ;
+}
+
+.marginRight {
+  composes: dinblk from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .largeFooter .marginRight, [dir=ltr] .mediumFooter .marginRight {
+  margin-right: var(--zd_size15) ;
+}
+
+[dir=rtl] .largeFooter .marginRight, [dir=rtl] .mediumFooter .marginRight {
+  margin-left: var(--zd_size15) ;
+}
+
+[dir=ltr] .smallFooter .marginRight {
+  margin-right: var(--zd_size12) ;
+}
+
+[dir=rtl] .smallFooter .marginRight {
+  margin-left: var(--zd_size12) ;
+}
+
+[dir=ltr] .marginRight:last-child {
+  margin-right: 0 ;
+}
+
+[dir=rtl] .marginRight:last-child {
+  margin-left: 0 ;
 }

package/es/IconButton/IconButton.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -107,7 +105,7 @@ export default class IconButton extends React.Component {
       hoverType: hoverType,
       isDisabled: isDisabled,
       isNeedEffect: isNeedEffect
-    }, /*#__PURE__*/React.createElement(Container, _extends({
+    }, /*#__PURE__*/React.createElement(Container, {
       "aria-label": ariaLabel,
       "aria-haspopup": ariaHaspopup,
       "aria-expanded": ariaExpanded,
@@ -131,8 +129,9 @@ export default class IconButton extends React.Component {
       onKeyDown: this.handleToggle,
       onFocus: this.triggerMouseOver,
       onBlur: this.onBlur,
-      disabled: isDisabled
-    }, customProps), iconName ? /*#__PURE__*/React.createElement(Icon, {
+      disabled: isDisabled,
+      ...customProps
+    }, iconName ? /*#__PURE__*/React.createElement(Icon, {
       isBold: isBold,
       size: iconSize,
       name: iconName,

package/es/IconButton/IconButton.module.css

@@ -1,22 +1,22 @@
-.varClass {
-  --iconColor: var(--zdt_iconButton_icon_black);
-}
-.wrapper {
-  height: var(--zd_size28) ;
-  width: var(--zd_size28) ;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: varClass;
-  color: var(--iconColor);
-  cursor: pointer;
-}
-.primary {
-  --iconColor: var(--zdt_iconButton_icon_primary);
-}
-.primary:hover {
-  --iconColor: var(--zdt_iconButton_icon_primaryHover);
-}
-.primary_active,
-.primaryFilled,
-.primaryFilled_active {
-  --iconColor: var(--zdt_iconButton_icon_primaryActive);
-}
+.varClass {
+  --iconColor: var(--zdt_iconButton_icon_black);
+}
+.wrapper {
+  height: var(--zd_size28) ;
+  width: var(--zd_size28) ;
+  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: varClass;
+  color: var(--iconColor);
+  cursor: pointer;
+}
+.primary {
+  --iconColor: var(--zdt_iconButton_icon_primary);
+}
+.primary:hover {
+  --iconColor: var(--zdt_iconButton_icon_primaryHover);
+}
+.primary_active,
+.primaryFilled,
+.primaryFilled_active {
+  --iconColor: var(--zdt_iconButton_icon_primaryActive);
+}

package/es/Link/Link.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -80,20 +78,20 @@ export default class Link extends React.Component {
       return res;
     }, {}); //urlOutput = this.addHttp(urlOutput);
 
-    return /*#__PURE__*/React.createElement("a", _extends({
+    return /*#__PURE__*/React.createElement("a", {
       href: isLink && urlOutput ? urlOutput : 'javascript:void(0);',
       target: target,
       "data-title": title,
-      className: `${style.container}  ${className ? className : ''}`
-    }, option, {
+      className: `${style.container}  ${className ? className : ''}`,
+      ...option,
       rel: rel,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, others, {
-      onClick: this.onCallBack.bind(this, urlOutput, href)
-    }, customProps, {
+      "data-test-id": dataId,
+      ...others,
+      onClick: this.onCallBack.bind(this, urlOutput, href),
+      ...customProps,
       "aria-label": ariaLabel
-    }), children);
+    }, children);
   }
 
 }

package/es/Message/Message.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, MessageUI_propTypes, MessageNew_propTypes } from './props/propTypes';
@@ -43,7 +41,8 @@ export default class Message extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(MessageUI, this.props);
+    return /*#__PURE__*/React.createElement(MessageUI, { ...this.props
+    });
   }
 
 }
@@ -111,8 +110,8 @@ export function MessageUI(props) {
 }
 MessageUI.propTypes = MessageUI_propTypes;
 export function MessageNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: MessageUI
-  }));
+  });
 }
 MessageNew.propTypes = MessageNew_propTypes;

package/es/TagWithIcon/TagWithIcon.module.css

@@ -1,67 +1,67 @@
-.varClass {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_tagWithIconGrey_text);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-  --tag_small_fontSize: var(--zd_font_size10);
-  --tag_large_fontSize: var(--zd_font_size12);
-}
-
-.wrapper {
-  composes: varClass;
-  color: var(--tag_text_color);
-  background-color: var(--tag_bg_color);
-}
-
-.small,
-.large {
-  max-width: 100% ;
-  height: var(--zd_size18) ;
-}
-
-.small, .large {
-  border: 1px solid var(--tag_border_color);
-  border-radius: var(--zd_size4);
-  padding: 0 var(--zd_size6) ;
-}
-
-.bold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.small_text {
-  font-size: var(--tag_small_fontSize);
-}
-
-.large_text {
-  font-size: var(--tag_large_fontSize);
-}
-
-.text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[dir=ltr] .iconSpace {
-  margin-right: var(--zd_size4) ;
-}
-
-[dir=rtl] .iconSpace {
-  margin-left: var(--zd_size4) ;
-}
-
-.yellow {
-  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
-  --tag_text_color: var(--zdt_tagWithIconYellow_text);
-  --tag_border_color: var(--zdt_tagWithIconYellow_border);
-}
-
-.grey {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_tagWithIconGrey_text);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-}
-
-.blue {
-  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
-  --tag_text_color: var(--zdt_tagWithIconBlue_text);
-  --tag_border_color: var(--zdt_tagWithIconBlue_border);
+.varClass {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+  --tag_small_fontSize: var(--zd_font_size10);
+  --tag_large_fontSize: var(--zd_font_size12);
+}
+
+.wrapper {
+  composes: varClass;
+  color: var(--tag_text_color);
+  background-color: var(--tag_bg_color);
+}
+
+.small,
+.large {
+  max-width: 100% ;
+  height: var(--zd_size18) ;
+}
+
+.small, .large {
+  border: 1px solid var(--tag_border_color);
+  border-radius: var(--zd_size4);
+  padding: 0 var(--zd_size6) ;
+}
+
+.bold {
+  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.small_text {
+  font-size: var(--tag_small_fontSize);
+}
+
+.large_text {
+  font-size: var(--tag_large_fontSize);
+}
+
+.text {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .iconSpace {
+  margin-right: var(--zd_size4) ;
+}
+
+[dir=rtl] .iconSpace {
+  margin-left: var(--zd_size4) ;
+}
+
+.yellow {
+  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
+  --tag_text_color: var(--zdt_tagWithIconYellow_text);
+  --tag_border_color: var(--zdt_tagWithIconYellow_border);
+}
+
+.grey {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+}
+
+.blue {
+  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
+  --tag_text_color: var(--zdt_tagWithIconBlue_text);
+  --tag_border_color: var(--zdt_tagWithIconBlue_border);
 }

package/es/ToastMessage/ToastMessage.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React, { useState } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes'; //components
@@ -191,9 +189,9 @@ function ToastMessageUI(props) {
 }
 
 export default function ToastMessage(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: ToastMessageUI
-  }));
+  });
 }
 ToastMessage.propTypes = propTypes;
 ToastMessage.defaultProps = defaultProps; // if (__DOCS__) {

package/es/actions/AutoClose.js

@@ -37,7 +37,8 @@ export default function AutoClose(props) {
     isClose,
     onClose
   });
-  return /*#__PURE__*/React.createElement(Element, newProps);
+  return /*#__PURE__*/React.createElement(Element, { ...newProps
+  });
 }
 AutoClose.propTypes = propTypes;
 AutoClose.defaultProps = defaultProps;

package/es/alert/AlertLookup/AlertLookup.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -51,7 +49,7 @@ export default class AlertLookup extends Component {
       PrimaryButtonProps = {},
       SecondaryButtonProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(Lookup, _extends({
+    return /*#__PURE__*/React.createElement(Lookup, {
       needFocusScope: true,
       onClose: onEsc == 'close' ? onClose : onCancelClick,
       isActive: isActive,
@@ -59,8 +57,9 @@ export default class AlertLookup extends Component {
       dataId: dataId,
       forwardRef: forwardRef,
       onClick: onLookupClick,
-      customClass: customClass
-    }, LookupProps), /*#__PURE__*/React.createElement(AlertHeader, _extends({
+      customClass: customClass,
+      ...LookupProps
+    }, /*#__PURE__*/React.createElement(AlertHeader, {
       title: title,
       palette: palette,
       iconType: type,
@@ -69,8 +68,9 @@ export default class AlertLookup extends Component {
       breakChildren: wrapHeader,
       iconName: iconName,
       iconClass: iconClass,
-      iconSize: iconSize
-    }, AlertHeaderProps), headerChildren ? headerChildren() : null), /*#__PURE__*/React.createElement(Section, {
+      iconSize: iconSize,
+      ...AlertHeaderProps
+    }, headerChildren ? headerChildren() : null), /*#__PURE__*/React.createElement(Section, {
       alignBox: "row",
       className: style.section
     }, /*#__PURE__*/React.createElement("div", {
@@ -84,17 +84,19 @@ export default class AlertLookup extends Component {
     }, confirmationMessage))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/React.createElement(FormAction, {
       size: "small",
       paddingLeftSize: "xsmall"
-    }, /*#__PURE__*/React.createElement(Button, _extends({
+    }, /*#__PURE__*/React.createElement(Button, {
       text: submitText,
       dataId: dataId === 'alertPopup' ? 'alertConfirmButton' : `${dataId}_confirmButton`,
       onClick: onSubmitClick,
-      palette: palette === 'primary' ? 'primaryFilled' : 'dangerFilled'
-    }, PrimaryButtonProps)), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
+      palette: palette === 'primary' ? 'primaryFilled' : 'dangerFilled',
+      ...PrimaryButtonProps
+    }), cancelText && /*#__PURE__*/React.createElement(Button, {
       dataId: dataId === 'alertPopup' ? 'alertCancelButton' : `${dataId}_cancelButton`,
       text: cancelText,
       onClick: onCancelClick,
-      palette: "secondary"
-    }, SecondaryButtonProps))) : null));
+      palette: "secondary",
+      ...SecondaryButtonProps
+    })) : null));
   }
 
 }

package/es/avatar/AvatarClose/AvatarClose.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -26,15 +24,17 @@ export default class AvatarClose extends React.Component {
       AvatarCloseProps = {},
       AvatarProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: style.container,
-      "data-selector-id": dataSelectorId
-    }, AvatarCloseProps), /*#__PURE__*/React.createElement(Avatar, _extends({
+      "data-selector-id": dataSelectorId,
+      ...AvatarCloseProps
+    }, /*#__PURE__*/React.createElement(Avatar, {
       src: src,
       name: name,
       title: title,
-      size: size
-    }, AvatarProps)), isClose && /*#__PURE__*/React.createElement("span", {
+      size: size,
+      ...AvatarProps
+    }), isClose && /*#__PURE__*/React.createElement("span", {
       className: style.pop,
       onClick: onClick
     }, /*#__PURE__*/React.createElement("span", {

package/es/avatar/AvatarCollision/AvatarCollision.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -29,21 +27,23 @@ export default class AvatarCollision extends React.Component {
       AvatarCollisionProps = {},
       AvatarProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.container} ${isLeft ? style.off : isIdle ? style.idle : style.on}`,
       onClick: onClick,
       "data-id": "collsionPop",
       "data-test-id": "collsionPop",
       "data-title": title,
-      "data-selector-id": dataSelectorId
-    }, AvatarCollisionProps), /*#__PURE__*/React.createElement(Avatar, _extends({
+      "data-selector-id": dataSelectorId,
+      ...AvatarCollisionProps
+    }, /*#__PURE__*/React.createElement(Avatar, {
       src: src,
       name: name,
       size: size,
       palette: "default",
       needTitle: false,
-      initial: initial
-    }, AvatarProps)), needCreateChat && !isLeft && /*#__PURE__*/React.createElement("span", {
+      initial: initial,
+      ...AvatarProps
+    }), needCreateChat && !isLeft && /*#__PURE__*/React.createElement("span", {
       className: style.pop,
       "data-title": title
     }, /*#__PURE__*/React.createElement("span", {

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
 import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -30,7 +28,7 @@ export default class AvatarIcon extends React.Component {
       AvatarIconProps = {}
     } = customProps;
     let border = borderOnHover || onClick;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} ${AvatarSize(size)} ${style[palette]} ${className}`,
       onClick: onClick,
       dataId: dataId,
@@ -38,8 +36,9 @@ export default class AvatarIcon extends React.Component {
       isInline: true,
       align: "both",
       isCover: false,
-      dataSelectorId: dataSelectorId
-    }, AvatarIconProps), /*#__PURE__*/React.createElement(Icon, {
+      dataSelectorId: dataSelectorId,
+      ...AvatarIconProps
+    }, /*#__PURE__*/React.createElement(Icon, {
       name: name,
       size: iconSize,
       iconClass: ` ${iconClass} ${style.iconColor} ${iconColor ? ` ${style[`icon_${iconColor}`]}` : ''} `,