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

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

@@ -3,9 +3,11 @@
   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) ;
@@ -17,9 +19,11 @@
   border-radius: 50%;
   cursor: pointer;
 }
+
 [dir=ltr] .backIcon {
   margin-left: var(--zd_size19) ;
 }
+
 [dir=rtl] .backIcon {
   margin-right: var(--zd_size19) ;
 }
@@ -27,6 +31,7 @@
 .backIcon:hover {
   background-color: var(--zdt_setupdetail_hover_backicon_bg);
 }
+
 .title {
   font-size: var(--zd_font_size16) ;
   line-height: 1;
@@ -34,9 +39,11 @@
   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) ;
 }
@@ -44,18 +51,22 @@
 .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) ;
@@ -68,9 +79,11 @@
   text-align: center;
   cursor: pointer;
 }
+
 [dir=ltr] .mr15 {
   margin-right: var(--zd_size15) ;
 }
+
 [dir=rtl] .mr15 {
   margin-left: var(--zd_size15) ;
 }
@@ -78,12 +91,15 @@
 .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;
@@ -92,19 +108,23 @@
   width: var(--zd_size330) ;
   transition: transform var(--zd_transition3);
   border: 1px solid var(--zdt_setupdetail_popup_border);
-  background-color: var(--zdt_setupdetail_popup_bg);
+  background-color: var(--zdt_base_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';
 }
@@ -149,4 +169,4 @@
 
 .infoFooter {
   padding: var(--zd_size10) var(--zd_size20) ;
-}
+}

package/es/layout/SubtabLayout/SubtabLayout.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 { SubtabHeader_propTypes, SubtabFooter_propTypes, SubtabContent_propTypes, SubtabLayout_propTypes } from './props/propTypes';
 import { SubtabHeader_defaultProps, SubtabFooter_defaultProps, SubtabContent_defaultProps, SubtabLayout_defaultProps } from './props/defaultProps';
@@ -124,15 +122,15 @@ export default class SubtabLayout extends React.Component {
       children,
       dataId
     } = this.props;
-    return /*#__PURE__*/React.createElement(Card, _extends({
+    return /*#__PURE__*/React.createElement(Card, {
       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_subtablayout_tabhead_bg);
+  background: var(--zdt_base_bg);
 }
 
 [dir=ltr] .left {
@@ -48,7 +48,6 @@
 }
 
 .tertiary_borderStyle {
-  /* css:theme-validation:ignore */
   border-bottom: 1px solid var(--borderColor);
 }
 
@@ -150,7 +149,6 @@
 
 .footer {
   composes: varClass;
-  /* css:theme-validation:ignore */
   border-top: 1px solid var(--borderColor);
 }
 

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

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

package/es/list/Comment/Comment.module.css

@@ -5,7 +5,6 @@
   composes: varClass;
   composes: inlineBlockMiddle from '../listCommon.module.css';
   position: relative;
-  /* css:theme-validation:ignore */
   color: var(--icon_color);
   padding: 0 var(--zd_size2) ;
   cursor: pointer;

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

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

package/es/list/Dot/Dot.module.css

@@ -4,7 +4,6 @@
 .dot {
   composes: varClass;
   font-size: var(--zd_font_size16) ;
-  /* css:theme-validation:ignore */
   color: var(--dotColor);
   transform: perspective(1px);
 }

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

@@ -1,17 +1,20 @@
 .stenLoading {
   position: relative;
-  background-color: var(--zdt_gridstencils_default_bg);
+  background-color: var(--zdt_base_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) ;
@@ -21,36 +24,45 @@
   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;
@@ -58,6 +70,7 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
+
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -65,11 +78,13 @@
   -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;
@@ -77,6 +92,7 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
+
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -84,6 +100,7 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
+
 @keyframes placeHolderShimmer {
   0% {
     background-position: -468px 0;
@@ -93,55 +110,72 @@
     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,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, { Component } from 'react';
 import { ListLayout_defaultProps } from './props/defaultProps';
 import { ListLayout_propTypes, Column_propTypes } from './props/propTypes';
@@ -69,9 +67,10 @@ export class Column extends Component {
       children,
       className
     } = this.props;
-    return /*#__PURE__*/React.createElement(Box, _extends({
-      className: `${className ? className : ''}`
-    }, this.props), children);
+    return /*#__PURE__*/React.createElement(Box, {
+      className: `${className ? className : ''}`,
+      ...this.props
+    }, children);
   }
 
 }

package/es/list/ListLayout/ListLayout.module.css

@@ -45,12 +45,6 @@
   border-bottom: 1px dotted var(--listBorder);
 }
 
-.compact,
-.classic,
-.superCompact {
-  /* css:theme-validation:ignore */
-}
-
 [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
   border-left: var(--zd_size2) solid transparent;
 }

package/es/list/SecondaryText/AccountName.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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -53,26 +51,28 @@ export default class AccountName extends Component {
     }, /*#__PURE__*/React.createElement(Box, {
       className: style.primaryAccountName,
       shrink: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       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", _extends({
-      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", {
+      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", _extends({
-      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, SecondaryTextProps), secondaryAccountText))))));
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+      ...SecondaryTextProps
+    }, secondaryAccountText))))));
   }
 
 }

package/es/list/SecondaryText/ContactName.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, { Component } from 'react';
 import { ContactName_defaultProps } from './props/defaultProps';
 import { ContactName_propTypes } from './props/propTypes';
@@ -54,22 +52,23 @@ export default class ContactName extends Component {
       iconClass: style.icon
     })), /*#__PURE__*/React.createElement(Box, {
       flexible: true
-    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
       onClick: onClick,
       title: dataTitle,
       dataId: `${dataId}_link`,
-      className: style.link
-    }, LinkProps, {
+      className: style.link,
+      ...LinkProps,
       ariaLabel: `Contact Name ${text}`
-    }), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
-      "data-title": dataTitle
-    }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
+      "data-title": dataTitle,
+      ...TextProps
+    }, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
       type: sentimentType,
       dataTitle: sentimentDataTitle
     })));

package/es/list/SecondaryText/Email.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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -30,19 +28,21 @@ export default class Email extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
       urlName: urlName,
       target: target,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText}  ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/PhoneNumber.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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /**** Libraries ****/
@@ -32,7 +30,7 @@ export default class PhoneNumber extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
@@ -40,13 +38,15 @@ export default class PhoneNumber extends Component {
       dataId: dataId,
       target: target,
       hasReload: hasReload,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/SecondaryText.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, { Component } from 'react';
 import { SecondaryText_defaultProps } from './props/defaultProps';
 import { SecondaryText_propTypes } from './props/propTypes';
@@ -21,13 +19,14 @@ export default class SecondaryText extends Component {
     let {
       SecondaryTextProps
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId,
-      onClick: onClick
-    }, SecondaryTextProps), text);
+      onClick: onClick,
+      ...SecondaryTextProps
+    }, text);
   }
 
 }

package/es/list/SecondaryText/TicketId.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, { Component } from 'react';
 import { TicketId_defaultProps } from './props/defaultProps';
 import { TicketId_propTypes } from './props/propTypes';
@@ -28,19 +26,21 @@ export default class TicketId extends Component {
       LinkProps = {},
       TicketIdProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,
-      onClick: !isLink && onClick
-    }, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      onClick: !isLink && onClick,
+      ...TicketIdProps
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       urlData: urlData,
       href: url,
       target: target,
-      onClick: onClick
-    }, LinkProps), text) : text);
+      onClick: onClick,
+      ...LinkProps
+    }, text) : text);
   }
 
 }

package/es/list/Subject/Subject.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, { Component } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -30,7 +28,7 @@ export default class Subject extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
@@ -38,13 +36,15 @@ export default class Subject extends Component {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
       dataId: dataId,
       title: text,
-      target: target
-    }, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
+      target: target,
+      ...LinkProps
+    }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
       "data-title": text,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, TextProps), text));
+      "data-test-id": dataId,
+      ...TextProps
+    }, text));
   }
 
 }