npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-214 → 1.0.0-temp-216 - Mend

@zohodesk/dot 1.0.0-temp-214 → 1.0.0-temp-216

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (306) hide show

package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
-var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin"));
+var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/es/errorstate/version1/UnauthorizedLogin"));
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 var _EmptyStatesModule = _interopRequireDefault(require("../EmptyStates.module.css"));

package/lib/errorstate/WillBack/WillBack.js CHANGED Viewed

@@ -13,11 +13,11 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
-var _WillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/WillBeRightBack"));
+var _WillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/es/errorstate/version1/WillBeRightBack"));
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 var _EmptyStatesModule = _interopRequireDefault(require("../EmptyStates.module.css"));

package/lib/form/fields/CheckBoxField/CheckBoxField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _CheckBox = _interopRequireDefault(require("@zohodesk/components/lib/CheckBox/CheckBox"));
+var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -140,12 +140,15 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        isInlineField: true,
-        customStyle: labelCustomClass,
-        testId: id,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
-        onClick: !removeEvent ? this.handleLabelClick : null
+        id: id,
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        infoText: infoText,
+        customClass: "".concat(!isDirectCol ? _FieldsModule["default"].checkboxText : '', " ").concat(!isDirectCol ? _FieldsModule["default"]["lineClamp_".concat(lineClamp)] : '', " ").concat(isReadOnly || isDisabled ? _FieldsModule["default"].cbTextReadonly : _FieldsModule["default"].cbTextPointer, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
+        title: labelName,
+        onClick: !removeEvent ? this.handleLabelClick : null,
+        variant: isDirectCol ? 'default' : 'primary',
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps)));
       return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/form/fields/CurrencyField/CurrencyField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -178,10 +178,11 @@ var CurrencyField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        customStyle: labelCustomClass,
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
         htmlFor: uniqueId,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({

package/lib/form/fields/DateField/DateField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _DateWidget = _interopRequireDefault(require("@zohodesk/components/lib/DateTime/DateWidget"));
+var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/DateTime/DateWidget"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -185,12 +185,15 @@ var DateField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        customStyle: labelCustomClass,
         htmlFor: getAriaId,
-        testId: labelName,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
-      }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+      }, LabelProps, {
+        id: labelName
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, isLocked && lockedValueText ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldsModule["default"].lockText

package/lib/form/fields/FieldContainer/FieldContainer.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _icons = require("@zohodesk/icons");

package/lib/form/fields/Fields.module.css CHANGED Viewed

@@ -221,3 +221,7 @@ position: relative;
 [dir=rtl] .rightPlaceholder{
   left:var(--zd_size15)
 }
+.phoneField{
+  composes: ltr-zone  from '~@zohodesk/components/es/common/common.module.css';
+}

package/lib/form/fields/MultiSelectField/MultiSelectField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/lib/MultiSelect/MultiSelect"));
+var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/MultiSelect/MultiSelect"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -198,11 +198,13 @@ var MultiSelectField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory // customStyle={style.fieldLabel}
+        id: id,
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isDarkPalette ? 'dark' : isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette // onClick={this.handleLabelClick}
         ,
-        htmlFor: uniqueId,
-        testId: id,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
+        htmlFor: uniqueId
       }, LabelProps))), /*#__PURE__*/_react["default"].createElement(_MultiSelect["default"], _extends({
         options: options,
         onChange: this.handleChange,

package/lib/form/fields/PhoneField/PhoneField.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 var _icons = require("@zohodesk/icons");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _TextBoxField = _interopRequireDefault(require("../TextBoxField/TextBoxField"));
@@ -174,7 +174,8 @@ var PhoneField = /*#__PURE__*/function (_PureComponent) {
         "data-title": isDisabled ? title : null,
         dataSelectorId: dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-        flexible: true
+        flexible: true,
+        className: _FieldsModule["default"].phoneField
       }, /*#__PURE__*/_react["default"].createElement(_TextBoxField["default"], _extends({
         labelName: labelName,
         id: id,

package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap CHANGED Viewed

@@ -9,7 +9,7 @@ exports[`PhoneField rendering the defult props 1`] = `
     data-test-id="containerComponent"
   >
     <div
-      class="grow basis shrinkOff"
+      class="phoneField grow basis shrinkOff"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"

package/lib/form/fields/RadioField/RadioField.js CHANGED Viewed

@@ -15,9 +15,9 @@ var _propTypes = require("./props/propTypes");
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
-var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _Radio = _interopRequireDefault(require("@zohodesk/components/lib/Radio/Radio"));
+var _Radio = _interopRequireDefault(require("@zohodesk/components/es/Radio/Radio"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));

package/lib/form/fields/SelectField/SelectField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _Select = _interopRequireDefault(require("@zohodesk/components/lib/Select/Select"));
+var _Select = _interopRequireDefault(require("@zohodesk/components/es/Select/Select"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -166,11 +166,13 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        htmlFor: uniqueId
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
+        htmlFor: uniqueId,
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps, {
-        testId: uniqueId,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+        id: uniqueId
       }))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '', " ").concat(fieldClass ? fieldClass : '')
       }, /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js CHANGED Viewed

@@ -13,31 +13,31 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
-var _Tag = _interopRequireDefault(require("@zohodesk/components/lib/Tag/Tag"));
+var _Tag = _interopRequireDefault(require("@zohodesk/components/es/Tag/Tag"));
-var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
-var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
+var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/es/emptystate/version3/EmptySearch"));
-var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
+var _ListItem = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListItem"));
-var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
+var _Loader = _interopRequireDefault(require("@zohodesk/svg/es/Loader/Loader"));
-var _DropDownSeparator = _interopRequireDefault(require("@zohodesk/components/lib/DropDown/DropDownSeparator"));
+var _DropDownSeparator = _interopRequireDefault(require("@zohodesk/components/es/DropDown/DropDownSeparator"));
 var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
-var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
+var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox"));
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
-var _MultiSelectHeader = _interopRequireDefault(require("@zohodesk/components/lib/MultiSelect/MultiSelectHeader"));
+var _MultiSelectHeader = _interopRequireDefault(require("@zohodesk/components/es/MultiSelect/MultiSelectHeader"));
 var _General = require("../../../utils/General");
-var _Common = require("@zohodesk/components/lib/utils/Common.js");
+var _Common = require("@zohodesk/components/es/utils/Common.js");
 var _TagsMultiSelectModule = _interopRequireDefault(require("./TagsMultiSelect.module.css"));

package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js CHANGED Viewed

@@ -13,11 +13,11 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
+var _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
@@ -247,10 +247,13 @@ var TagsMultiSelectField = function TagsMultiSelectField(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
     text: labelName,
-    isRequired: isMandatory,
-    htmlFor: htmlId,
-    testId: id,
-    customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+    title: labelName,
+    id: id,
+    size: labelSize,
+    palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+    customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : '', " ").concat(labelClass ? labelClass : ''),
+    dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label"),
+    htmlFor: htmlId
   }, LabelProps)), selectedValueCount ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     dataId: "".concat(dataId, "_tagCount"),
     className: _TagsMultiSelectFieldModule["default"].count

package/lib/form/fields/TextBoxField/TextBoxField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
+var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/TextBoxIcon/TextBoxIcon"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -156,12 +156,14 @@ var TextBoxField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        customStyle: labelCustomClass,
-        testId: labelName,
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
         htmlFor: uniqueId,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
-      }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+      }, LabelProps, {
+        id: labelName
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], _extends({
         htmlId: uniqueId,

package/lib/form/fields/TextEditor/TextEditor.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 var _selectn = _interopRequireDefault(require("selectn"));
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _editorUtils = require("../../../utils/editorUtils");

package/lib/form/fields/TextEditorField/TextEditorField.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));

package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js CHANGED Viewed

@@ -15,9 +15,9 @@ var _propTypes = require("./props/propTypes");
 var _TextEditor = _interopRequireDefault(require("../TextEditor/TextEditor"));
-var _Textarea = _interopRequireDefault(require("@zohodesk/components/lib/Textarea/Textarea"));
+var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/Textarea/Textarea"));
-var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
+var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 var _editorUtils = require("../../../utils/editorUtils");

package/lib/form/fields/TextareaField/TextareaField.js CHANGED Viewed

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _Textarea = _interopRequireDefault(require("@zohodesk/components/lib/Textarea/Textarea"));
+var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/Textarea/Textarea"));
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
@@ -185,11 +185,12 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
         renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
-        isRequired: isMandatory,
-        customStyle: labelCustomClass,
-        testId: id,
+        id: id,
+        size: fieldSize === 'small' ? 'small' : 'medium',
+        palette: isMandatory ? 'mandatory' : isDisabled ? 'primary' : labelPalette,
+        customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(labelCustomClass, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
         htmlFor: uniqueId,
-        customId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
+        dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
       }, LabelProps))), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"]["fieldMargin_".concat(fieldSize)] : '')
       }, !renderRightPlaceholderNode ? textAreaContent : /*#__PURE__*/_react["default"].createElement("div", {

package/lib/form/fields/ValidationMessage/ValidationMessage.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Label = _interopRequireDefault(require("@zohodesk/components/lib/Label/Label"));
+var _Label = _interopRequireDefault(require("@zohodesk/components/es/Label/Label"));
-var _LabelColorsModule = _interopRequireDefault(require("@zohodesk/components/lib/Label/LabelColors.module.css"));
+var _LabelColorsModule = _interopRequireDefault(require("@zohodesk/components/es/Label/LabelColors.module.css"));
 var _ValidationMessageModule = _interopRequireDefault(require("./ValidationMessage.module.css"));

package/lib/form/fields/ValidationMessage/ValidationMessage.module.css CHANGED Viewed

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

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _icons = require("@zohodesk/icons");

package/lib/layout/SubtabLayout/SubtabLayout.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _propTypes = require("./props/propTypes");
 var _defaultProps = require("./props/defaultProps");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
-var _Card = require("@zohodesk/components/lib/Card");
+var _Card = require("@zohodesk/components/es/Card");
 var _PlusIcon = _interopRequireDefault(require("../../PlusIcon/PlusIcon"));

package/lib/list/Comment/Comment.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
 var _icons = require("@zohodesk/icons");
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/Button"));
 var _CommentModule = _interopRequireDefault(require("./Comment.module.css"));

package/lib/list/Icons/AddNewIcon.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/Icons/CompleteIcon.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/Icons/DeleteIcon.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 var _icons = require("@zohodesk/icons");
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/Icons/EditIcon.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 var _icons = require("@zohodesk/icons");
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/Icons/ReadUnreadIcon.js CHANGED Viewed

@@ -17,7 +17,7 @@ var _icons = require("@zohodesk/icons");
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/Icons/SmartIcon.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 var _icons = require("@zohodesk/icons");
-var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/list/ListLayout/ListLayout.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 var _ListLayoutModule = _interopRequireDefault(require("./ListLayout.module.css"));

package/lib/list/ListStencils/ListStencils.js CHANGED Viewed

@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
-var _Stencils = _interopRequireDefault(require("@zohodesk/components/lib/Stencils/Stencils"));
+var _Stencils = _interopRequireDefault(require("@zohodesk/components/es/Stencils/Stencils"));
 var _ListStencilsModule = _interopRequireDefault(require("./ListStencils.module.css"));