@zohodesk/dot 1.4.12 → 1.4.14

package/es/form/fields/SelectField/SelectField.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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -115,18 +113,18 @@ export default class SelectField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       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, {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
       id: uniqueId
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''} ${fieldClass ? fieldClass : ''}`
-    }, /*#__PURE__*/React.createElement(Select, _extends({
+    }, /*#__PURE__*/React.createElement(Select, {
       options: options,
       selectedValue: selectedValue,
       onChange: this.handleChange,
@@ -155,22 +153,24 @@ export default class SelectField extends PureComponent {
       needLocalSearch: needLocalSearch,
       isDefaultSelectValue: isDefaultSelectValue,
       placeHolder: placeHolder,
-      iconOnHover: iconOnHover
-    }, SelectProps, {
+      iconOnHover: iconOnHover,
+      ...SelectProps,
       ariaLabelledby: uniqueId
-    }), children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2)));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    }));
   }
 
 }

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.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';
@@ -187,10 +185,12 @@ export default class TagsMultiSelect extends React.Component {
         boxCustomProps,
         tagCustomProps
       } = tag;
-      return index < chipLimit ? /*#__PURE__*/React.createElement(Box, _extends({
+      return index < chipLimit ? /*#__PURE__*/React.createElement(Box, {
         className: style.tag,
-        key: index
-      }, TagWrapperProps, boxCustomProps), /*#__PURE__*/React.createElement(Tag, _extends({
+        key: index,
+        ...TagWrapperProps,
+        ...boxCustomProps
+      }, /*#__PURE__*/React.createElement(Tag, {
         id: id,
         text: name,
         onRemove: isReadOnly ? null : deleteTag.bind(this, name),
@@ -198,8 +198,10 @@ export default class TagsMultiSelect extends React.Component {
         palette: clickableTag ? 'defaultLink' : tagType === 'SYSTEM' ? 'primary' : 'default',
         isReadOnly: isReadOnly,
         onSelectTag: onSelectTag ? onSelectTag : undefined,
-        customClass: tagCustomClass
-      }, TagProps, tagCustomProps))) : null;
+        customClass: tagCustomClass,
+        ...TagProps,
+        ...tagCustomProps
+      })) : null;
     }), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/React.createElement(Box, {
       className: style.moreLess,
       dataId: `${dataId}_tagsMore`,
@@ -211,7 +213,7 @@ export default class TagsMultiSelect extends React.Component {
       className: style.inputWrapper
     }, /*#__PURE__*/React.createElement("span", {
       className: style.custmSpan
-    }, name), /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
+    }, name), /*#__PURE__*/React.createElement(TextBoxIcon, {
       htmlId: htmlId,
       dataId: `${dataId}_tagInp`,
       value: name,
@@ -227,8 +229,9 @@ export default class TagsMultiSelect extends React.Component {
         customTextBox: style.input
       },
       size: "xsmall",
-      inputRef: this.textInputRef
-    }, TextBoxIconProps), getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      inputRef: this.textInputRef,
+      ...TextBoxIconProps
+    }, getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
     }, _ref2 => {

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.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, useEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -202,7 +200,7 @@ const TagsMultiSelectField = props => {
     renderProps: {
       end: renderEnd
     }
-  }, /*#__PURE__*/React.createElement(Label, _extends({
+  }, /*#__PURE__*/React.createElement(Label, {
     text: labelName,
     title: labelName,
     id: id,
@@ -210,11 +208,12 @@ const TagsMultiSelectField = props => {
     palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
     customClass: `${fieldStyle.fieldLabel} ${isMandatory ? fieldStyle.labelMandatory : ''} ${labelClass ? labelClass : ''}`,
     dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
-    htmlFor: htmlId
-  }, LabelProps)), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
+    htmlFor: htmlId,
+    ...LabelProps
+  }), selectedValueCount ? /*#__PURE__*/React.createElement(Box, {
     dataId: `${dataId}_tagCount`,
     className: style.count
-  }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, _extends({
+  }, `(${selectedValueCount})`) : null), /*#__PURE__*/React.createElement(TagsMultiSelect, {
     addTag: handleAdd,
     deleteTag: onDelete,
     handleChange: handleChange,
@@ -244,16 +243,17 @@ const TagsMultiSelectField = props => {
     borderColor: borderColor,
     htmlId: htmlId,
     getTextBoxChildren: getTextBoxChildren,
-    className: containerClass
-  }, TagsMultiSelectProps, {
+    className: containerClass,
+    ...TagsMultiSelectProps,
     clickableTag: clickableTag
-  })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+  }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
     text: validationMessage,
     palette: validationPalette,
     type: errorType,
     dataId: `${dataId}_ValidationMessage`,
-    htmlFor: htmlId
-  }, ValidationMessageProps)));
+    htmlFor: htmlId,
+    ...ValidationMessageProps
+  }));
 };
 
 TagsMultiSelectField.propTypes = propTypes;

package/es/form/fields/TextBoxField/TextBoxField.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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -103,18 +101,18 @@ export default class TextBoxField extends PureComponent {
       ePhiData: ePhiData,
       dataId: dataId,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       text: labelName,
       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, {
+      dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
+      ...LabelProps,
       id: labelName
-    }))), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
-    }, /*#__PURE__*/React.createElement(TextBoxIcon, _extends({
+    }, /*#__PURE__*/React.createElement(TextBoxIcon, {
       htmlId: uniqueId,
       id: id,
       type: textBoxType,
@@ -134,24 +132,26 @@ export default class TextBoxField extends PureComponent {
       isDisabled: isDisabled,
       needEffect: isReadOnly || isDisabled ? false : true,
       isClickable: isClickable,
-      needReadOnlyStyle: needReadOnlyStyle
-    }, TextBoxIconProps, {
+      needReadOnlyStyle: needReadOnlyStyle,
+      ...TextBoxIconProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    }), children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }, children ? children : null), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       dataId: `${dataId}_ValidationMessage`,
-      htmlFor: uniqueId
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      htmlFor: uniqueId,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

package/es/form/fields/TextEditorField/TextEditorField.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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -121,17 +119,18 @@ export default class TextEditorField extends PureComponent {
       renderProps: {
         end: this.renderEnd
       }
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       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, _extends({
+    }, /*#__PURE__*/React.createElement(TextEditorWrapper, {
       needEditor: needEditor,
       onChange: this.handleChange,
       id: id,
@@ -160,13 +159,15 @@ export default class TextEditorField extends PureComponent {
       shouldEditorUpdateContent: shouldEditorUpdateContent,
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleEditorDropUpload: handleEditorDropUpload,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorWrapperProps))), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorWrapperProps
+    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps)));
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps
+    }));
   }
 
 }

package/es/form/fields/TextEditorWrapper/TextEditorWrapper.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';
@@ -132,7 +130,7 @@ export default class TextEditorWrapper extends Component {
     return /*#__PURE__*/React.createElement("div", {
       className: style.container,
       "data-selector-id": dataSelectorId
-    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, _extends({
+    }, !isEditorShow ? /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -144,8 +142,9 @@ 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',
@@ -154,7 +153,7 @@ export default class TextEditorWrapper extends Component {
       component: "div"
     }, /*#__PURE__*/React.createElement("div", {
       className: style.textEditor
-    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, _extends({
+    }, isEditorShow && needEditor ? /*#__PURE__*/React.createElement(TextEditor, {
       id: id,
       value: value,
       onChange: !isReadOnly && !isDisabled ? onChange : null,
@@ -182,8 +181,9 @@ export default class TextEditorWrapper extends Component {
       setInlineAttachmentInProgress: setInlineAttachmentInProgress,
       handleDropUpload: handleEditorDropUpload,
       onFocus: this.focusCallback,
-      needInlineAttachment: needInlineAttachment
-    }, TextEditorProps)) : /*#__PURE__*/React.createElement(Textarea, _extends({
+      needInlineAttachment: needInlineAttachment,
+      ...TextEditorProps
+    }) : /*#__PURE__*/React.createElement(Textarea, {
       onFocus: this.handleTextareaFocus,
       text: value,
       animated: !needEditor,
@@ -194,8 +194,9 @@ 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,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, { PureComponent } from 'react';
 import { defaultProps } from './props/defaultProps';
@@ -77,6 +75,7 @@ export default class TextareaField extends PureComponent {
       validationRuleMessage,
       validationRulePalette,
       // onKeyDown,
+      onFocus,
       infoText,
       borderColor,
       fieldSize,
@@ -104,17 +103,18 @@ export default class TextareaField extends PureComponent {
       isLocked: isLocked,
       lockedInfoText: lockedInfoText,
       renderProps: renderLabelProps
-    }, /*#__PURE__*/React.createElement(Label, _extends({
+    }, /*#__PURE__*/React.createElement(Label, {
       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, _extends({
+    }, /*#__PURE__*/React.createElement(Textarea, {
       onChange: this.handleChange,
       animated: animated,
       size: fieldSize === 'medium' ? textBoxSize : 'xmedium',
@@ -126,29 +126,32 @@ export default class TextareaField extends PureComponent {
       text: value,
       placeHolder: placeHolder,
       dataId: `property(${dataId})`,
+      onFocus: onFocus,
       onBlur: this.handleBlur,
       borderColor: borderColor,
       needEffect: isReadOnly || isDisabled ? false : true,
       resize: "vertical" // onKeyDown={onKeyDown}
       ,
-      htmlId: uniqueId
-    }, TextareaProps, {
+      htmlId: uniqueId,
+      ...TextareaProps,
       a11y: {
         ariaLabelledby: labelName
       }
-    })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+    }), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationMessage,
       palette: validationPalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationMessage`
-    }, ValidationMessageProps1)), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
+      dataId: `${dataId}_ValidationMessage`,
+      ...ValidationMessageProps1
+    }), validationRuleMessage && /*#__PURE__*/React.createElement(ValidationMessage, {
       text: validationRuleMessage,
       palette: validationRulePalette,
       type: errorType,
       htmlFor: uniqueId,
-      dataId: `${dataId}_ValidationRuleMessage`
-    }, ValidationMessageProps2))));
+      dataId: `${dataId}_ValidationRuleMessage`,
+      ...ValidationMessageProps2
+    })));
   }
 
 }

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

@@ -12,6 +12,7 @@ export const propTypes = {
   labelName: PropTypes.string,
   labelPalette: PropTypes.string,
   maxLength: PropTypes.number,
+  onFocus: PropTypes.func,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
   placeHolder: PropTypes.string,

package/es/form/fields/ValidationMessage/ValidationMessage.module.css

@@ -5,7 +5,6 @@
   display: inline;
 }
 .icon{
-  /* css:theme-validation:ignore */
   color:var(--label_text_color);
   display: inline-block;
   margin: 0 var(--zd_size5) ;

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

@@ -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/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/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/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
     })));