@zohodesk/dot 1.0.0-temp-182 → 1.0.0-temp-183

package/es/form/fields/TextEditorField/TextEditorField.js

@@ -1,3 +1,5 @@
+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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -119,18 +121,17 @@ export default class TextEditorField extends PureComponent {
       renderProps: {
         end: this.renderEnd
       }
-    }, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/React.createElement(Label, _extends({
       text: labelName,
       size: fieldSize === 'small' ? 'small' : 'medium',
       htmlFor: !isReadOnly && !isDisabled ? id : undefined,
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       onClick: this.handleLabelClick,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      ...LabelProps
-    })), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
+    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextEditorWrapper, {
+    }, /*#__PURE__*/React.createElement(TextEditorWrapper, _extends({
       needEditor: needEditor,
       onChange: this.handleChange,
       id: id,
@@ -159,15 +160,13 @@ export default class TextEditorField extends PureComponent {
       shouldEditorUpdateContent: shouldEditorUpdateContent,
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleEditorDropUpload: handleEditorDropUpload,
-      needInlineAttachment: needInlineAttachment,
-      ...TextEditorWrapperProps
-    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
+      needInlineAttachment: needInlineAttachment
+    }, TextEditorWrapperProps))), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
-      dataId: `${dataId}_ValidationMessage`,
-      ...ValidationMessageProps
-    }));
+      dataId: `${dataId}_ValidationMessage`
+    }, ValidationMessageProps)));
   }
 
 }

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js

@@ -1,3 +1,5 @@
+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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -130,7 +132,7 @@ export default class TextEditorWrapper extends Component {
     return /*#__PURE__*/React.createElement("div", {
       className: style.container,
       "data-selector-id": dataSelectorId
-    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
+    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -142,9 +144,8 @@ export default class TextEditorWrapper extends Component {
       getRef: getRef,
       size: textBoxSize,
       variant: textBoxVariant,
-      customClass: style.textBox,
-      ...Textarea1Props
-    }) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+      customClass: style.textBox
+    }, Textarea1Props)) : null, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
       name: "slideDown",
       runOnMount: true,
       enterDuration: '300',
@@ -153,7 +154,7 @@ export default class TextEditorWrapper extends Component {
       component: "div"
     }, /*#__PURE__*/React.createElement("div", {
       className: style.textEditor
-    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
+    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
       id: id,
       value: value,
       onChange: !isReadOnly && !isDisabled ? onChange : null,
@@ -181,9 +182,8 @@ export default class TextEditorWrapper extends Component {
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleDropUpload: handleEditorDropUpload,
       onFocus: this.focusCallback,
-      needInlineAttachment: needInlineAttachment,
-      ...TextEditorProps
-    }) : /*#__PURE__*/React.createElement(Textarea, {
+      needInlineAttachment: needInlineAttachment
+    }, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -194,9 +194,8 @@ export default class TextEditorWrapper extends Component {
       needEffect: !(isReadOnly || isDisabled),
       getRef: getRef,
       size: textBoxSize,
-      variant: textBoxVariant,
-      ...Textarea2Props
-    }))));
+      variant: textBoxVariant
+    }, Textarea2Props)))));
   }
 
 }

package/es/form/fields/TextareaField/TextareaField.js

@@ -1,3 +1,5 @@
+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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -103,18 +105,17 @@ export default class TextareaField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/React.createElement(Label, _extends({
       text: labelName,
       id: id,
       size: fieldSize === 'small' ? 'small' : 'medium',
       palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
       customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
       htmlFor: uniqueId,
-      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-      ...LabelProps
-    })), /*#__PURE__*/React.createElement("div", {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
+    }, LabelProps))), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(Textarea, {
+    }, /*#__PURE__*/React.createElement(Textarea, _extends({
       onChange: this.handleChange,
       animated: animated,
       size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
@@ -132,26 +133,24 @@ export default class TextareaField extends PureComponent {
       needEffect: isReadOnly || isDisabled ? false : true,
       resize: "vertical" // onKeyDown={onKeyDown}
       ,
-      htmlId: uniqueId,
-      ...TextareaProps,
+      htmlId: uniqueId
+    }, TextareaProps, {
       a11y: {
         ariaLabelledby: labelName
       }
-    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
+    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationMessage`,
-      ...ValidationMessageProps1
-    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
+      dataId: `${dataId}_ValidationMessage`
+    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`,
-      ...ValidationMessageProps2
-    })));
+      dataId: `${dataId}_ValidationRuleMessage`
+    }, ValidationMessageProps2))));
   }
 
 }

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -3,11 +3,9 @@
   z-index: 2;
   border-bottom: 1px solid var(--zdt_setupdetail_header_border);
 }
-
 .back {
   width: var(--zd_size60) ;
 }
-
 .backIcon {
   height: var(--zd_size30) ;
   width: var(--zd_size30) ;
@@ -19,11 +17,9 @@
   border-radius: 50%;
   cursor: pointer;
 }
-
 [dir=ltr] .backIcon {
   margin-left: var(--zd_size19) ;
 }
-
 [dir=rtl] .backIcon {
   margin-right: var(--zd_size19) ;
 }
@@ -31,7 +27,6 @@
 .backIcon:hover {
   background-color: var(--zdt_setupdetail_hover_backicon_bg);
 }
-
 .title {
   font-size: var(--zd_font_size16) ;
   line-height: 1;
@@ -39,11 +34,9 @@
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
 }
-
 [dir=rtl] .title {
   padding-left: var(--zd_size12) ;
 }
@@ -51,22 +44,18 @@
 .rightPanel {
   composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 .helpInfoCont {
   position: absolute;
   z-index: 10;
 }
-
 [dir=ltr] .helpInfoCont {
   right: 0 ;
   padding: var(--zd_size12) var(--zd_size15) 0 0 ;
 }
-
 [dir=rtl] .helpInfoCont {
   left: 0 ;
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
-
 .helpInfo {
   line-height: 2.3636;
   height: var(--zd_size28) ;
@@ -79,11 +68,9 @@
   text-align: center;
   cursor: pointer;
 }
-
 [dir=ltr] .mr15 {
   margin-right: var(--zd_size15) ;
 }
-
 [dir=rtl] .mr15 {
   margin-left: var(--zd_size15) ;
 }
@@ -91,15 +78,12 @@
 .content {
   z-index: 1;
 }
-
 [dir=ltr] .padding {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size60) ;
 }
-
 [dir=rtl] .padding {
   padding: var(--zd_size10) var(--zd_size60) var(--zd_size10) var(--zd_size25) ;
 }
-
 .popup {
   z-index: 3;
   position: absolute;
@@ -108,23 +92,19 @@
   width: var(--zd_size330) ;
   transition: transform var(--zd_transition3);
   border: 1px solid var(--zdt_setupdetail_popup_border);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_setupdetail_popup_bg);
 }
-
 [dir=ltr] .popup {
   right: 0 ;
   transform: translateX(100%);
 }
-
 [dir=rtl] .popup {
   left: 0 ;
   transform: translateX(-100%);
 }
-
 .popup.open {
   transform: translateX(0);
 }
-
 .close {
   composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -169,4 +149,4 @@
 
 .infoFooter {
   padding: var(--zd_size10) var(--zd_size20) ;
-}
+}

package/es/layout/SubtabLayout/SubtabLayout.js

@@ -1,3 +1,5 @@
+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 { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
 import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
@@ -122,15 +124,15 @@ export default class SubtabLayout extends React.Component {
       children,
       dataId
     } = this.props;
-    return /*#__PURE__*/React.createElement(Card, {
+    return /*#__PURE__*/React.createElement(Card, _extends({
       isScrollAttribute: true,
-      dataId: dataId,
-      ...this.props,
+      dataId: dataId
+    }, this.props, {
       childTypes: {
         cardHeader: SubtabHeader,
         cardContent: SubtabContent
       }
-    }, children);
+    }), children);
   }
 
 }

package/es/layout/SubtabLayout/SubtabLayout.module.css

@@ -9,7 +9,7 @@
 }
 
 .tabHead, .shadowStyle {
-  background: var(--zdt_base_bg);
+  background: var(--zdt_subtablayout_tabhead_bg);
 }
 
 [dir=ltr] .left {

package/es/list/AvatarFlip/AvatarFlip.module.css

@@ -1,3 +1,3 @@
 .iconStyle {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_avatarflip_default_text);
+}

package/es/list/DepartmentDropDown/DepartmentDropDown.js

@@ -1,3 +1,5 @@
+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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -48,15 +50,19 @@ class DepartmentDropDown extends Component {
       onSearch,
       needSearchFetching,
       searchStr,
-      i18nKeys
+      i18nKeys,
+      customProps
     } = this.props;
+    const {
+      toggleDropDownProps = {}
+    } = customProps;
     let {
       title = 'Move Department',
       searchEmptyText = 'No results found',
       searchErrorText = 'No results',
       placeholder = 'Search Department'
     } = i18nKeys;
-    return /*#__PURE__*/React.createElement(ToggleDropDown, {
+    return /*#__PURE__*/React.createElement(ToggleDropDown, _extends({
       title: title,
       options: departmentList,
       value: /*#__PURE__*/React.createElement(DepartmentText, {
@@ -85,7 +91,7 @@ class DepartmentDropDown extends Component {
       isNextOptions: isNextOptions,
       onSearch: onSearch,
       needSearchFetching: needSearchFetching
-    });
+    }, toggleDropDownProps));
   }
 
 }

package/es/list/DepartmentDropDown/DepartmentDropDown.module.css

@@ -1,11 +1,9 @@
 .departmentBox {
   max-width: 100% ;
 }
-
 .departmentBox :global .toggleDropIcon {
   color: var(--zdt_departmentdropdown_default_text);
 }
-
 .departmentBox:hover :global .toggleDropIcon {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_departmentdropdown_default_hover_text);
+}

package/es/list/DepartmentDropDown/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };

package/es/list/DepartmentDropDown/props/propTypes.js

@@ -20,5 +20,6 @@ export const propTypes = {
     searchEmptyText: PropTypes.string,
     searchErrorText: PropTypes.string,
     placeholder: PropTypes.string
-  })
+  }),
+  customProps: PropTypes.string
 };

package/es/list/GridStencils/GridStencils.module.css

@@ -1,20 +1,17 @@
 .stenLoading {
   position: relative;
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_gridstencils_default_bg);
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
   border-radius: var(--zd_size5);
 }
-
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
-
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
-
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -24,45 +21,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
-
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
-
 .lineBar {
   width: 90% ;
 }
-
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
-
 .lineBar3 {
   width: 50% ;
 }
-
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
-
 .lineBar, .lineBar2, .lineBar3 {
   border-radius: var(--zd_size5);
 }
-
 .stenListBAr {
   position: relative;
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -70,7 +58,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -78,13 +65,11 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 .stenListBAr {
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -92,7 +77,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -100,7 +84,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 @keyframes placeHolderShimmer {
   0% {
     background-position: -468px 0;
@@ -110,72 +93,55 @@
     background-position: 468px 0;
   }
 }
-
 .threeLayout .stenLoadbody::before {
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::before {
   left: var(--zd_size16) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::before {
   right: var(--zd_size16) ;
 }
-
 [dir=ltr] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
-
 .threeLayout .stenLoadbody::after {
   top: var(--zd_size15) ;
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::before {
   left: var(--zd_size33) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::before {
   right: var(--zd_size33) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) var(--zd_size46) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size46) var(--zd_size8) var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::after {
   right: var(--zd_size40) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::after {
   left: var(--zd_size40) ;
 }
-
 .leftCont .lineBar {
   width: 80% ;
 }
-
 .leftCont .lineBar2 {
   width: 60% ;
 }
-
 .leftCont .lineBar3 {
   width: 40% ;
 }

package/es/list/ListLayout/ListLayout.js

@@ -1,3 +1,5 @@
+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, { Component } from 'react';
 import { ListLayout_defaultProps } from './props/defaultProps';
 import { ListLayout_propTypes, Column_propTypes } from './props/propTypes';
@@ -67,10 +69,9 @@ export class Column extends Component {
       children,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement(Box, {
-      className: `${className ? className : ''}`,
-      ...this.props
-    }, children);
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      className: `${className ? className : ''}`
+    }, this.props), children);
   }
 
 }

package/es/list/SecondaryText/AccountName.js

@@ -1,3 +1,5 @@
+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); }
+
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -51,28 +53,26 @@ export default class AccountName extends Component {
     }, /*#__PURE__*/React.createElement(Box, {
       className: style.primaryAccountName,
       shrink: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, {
+    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
       href: href,
       urlName: urlName,
       urlData: urlData,
       onClick: onClick,
       dataId: `${dataId}_link`,
-      className: style.link,
-      ...LinkProps,
+      className: style.link
+    }, LinkProps, {
       ariaLabel: `Account Name ${text}`
-    }, /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", {
-      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
-      ...TextProps
-    }, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
+    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
+    }, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
       href: secondaryAccountHref,
       onClick: secondaryAccountClick,
       className: style.link
-    }, /*#__PURE__*/React.createElement("div", {
-      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      ...SecondaryTextProps
-    }, secondaryAccountText))))));
+    }, /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, SecondaryTextProps), secondaryAccountText))))));
   }
 
 }