@wix/design-system 1.180.0 → 1.182.0

package/dist/cjs/EditableTitle/EditableTitle.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_EditableTitle";
+var _namespace_ = "wds_1_182_0_EditableTitle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_EditableTitle__root","heading-h1":"wds_1_180_0_StylableTypography__heading-h1","heading-xl":"wds_1_180_0_StylableTypography__heading-xl","input":"wds_1_180_0_EditableTitle__input","headingWrapper":"wds_1_180_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_180_0_EditableTitle__activationIndicator","renamingField":"wds_1_180_0_EditableTitle__renamingField","heading":"wds_1_180_0_EditableTitle__heading"};
+module.exports.classes = {"root":"wds_1_182_0_EditableTitle__root","heading-h1":"wds_1_182_0_StylableTypography__heading-h1","heading-xl":"wds_1_182_0_StylableTypography__heading-xl","input":"wds_1_182_0_EditableTitle__input","headingWrapper":"wds_1_182_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_182_0_EditableTitle__activationIndicator","renamingField":"wds_1_182_0_EditableTitle__renamingField","heading":"wds_1_182_0_EditableTitle__heading"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/EmptyState/EmptyState.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_EmptyState";
+var _namespace_ = "wds_1_182_0_EmptyState";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_EmptyState__root","imageContainer":"wds_1_180_0_EmptyState__imageContainer","childrenContainer":"wds_1_180_0_EmptyState__childrenContainer","container":"wds_1_180_0_EmptyState__container","imageElement":"wds_1_180_0_EmptyState__imageElement","titleContainer":"wds_1_180_0_EmptyState__titleContainer","title":"wds_1_180_0_EmptyState__title","sectionTitle":"wds_1_180_0_EmptyState__sectionTitle","subtitle":"wds_1_180_0_EmptyState__subtitle","subtitleContainer":"wds_1_180_0_EmptyState__subtitleContainer"};
+module.exports.classes = {"root":"wds_1_182_0_EmptyState__root","imageContainer":"wds_1_182_0_EmptyState__imageContainer","childrenContainer":"wds_1_182_0_EmptyState__childrenContainer","container":"wds_1_182_0_EmptyState__container","imageElement":"wds_1_182_0_EmptyState__imageElement","titleContainer":"wds_1_182_0_EmptyState__titleContainer","title":"wds_1_182_0_EmptyState__title","sectionTitle":"wds_1_182_0_EmptyState__sectionTitle","subtitle":"wds_1_182_0_EmptyState__subtitle","subtitleContainer":"wds_1_182_0_EmptyState__subtitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FacesRatingBar/FacesRatingBar.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FacesRatingBar";
+var _namespace_ = "wds_1_182_0_FacesRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FacesRatingBar__root","buttonWrapper":"wds_1_180_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_180_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_180_0_FacesRatingBar__faceIcon"};
+module.exports.classes = {"root":"wds_1_182_0_FacesRatingBar__root","buttonWrapper":"wds_1_182_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_182_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_182_0_FacesRatingBar__faceIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FeatureList/FeatureList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FeatureList";
+var _namespace_ = "wds_1_182_0_FeatureList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FeatureList__root","featureItem":"wds_1_180_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_180_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_180_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_180_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_180_0_FeatureList__featureItemTitleContainer"};
+module.exports.classes = {"root":"wds_1_182_0_FeatureList__root","featureItem":"wds_1_182_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_182_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_182_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_182_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_182_0_FeatureList__featureItemTitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/FieldSet.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FieldSet";
+var _namespace_ = "wds_1_182_0_FieldSet";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FieldSet__root","children":"wds_1_180_0_FieldSet__children","labelIndicators":"wds_1_180_0_FieldSet__labelIndicators","labelRow":"wds_1_180_0_FieldSet__labelRow","labelRowMain":"wds_1_180_0_FieldSet__labelRowMain","suffixRow":"wds_1_180_0_FieldSet__suffixRow","visuallyHidden":"wds_1_180_0_FieldSet__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_182_0_FieldSet__root","children":"wds_1_182_0_FieldSet__children","labelIndicators":"wds_1_182_0_FieldSet__labelIndicators","labelRow":"wds_1_182_0_FieldSet__labelRow","labelRowMain":"wds_1_182_0_FieldSet__labelRowMain","suffixRow":"wds_1_182_0_FieldSet__suffixRow","visuallyHidden":"wds_1_182_0_FieldSet__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Asterisk/Asterisk.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_Asterisk";
+var _namespace_ = "wds_1_182_0_Asterisk";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_Asterisk__root"};
+module.exports.classes = {"root":"wds_1_182_0_Asterisk__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_InfoContentIcon";
+var _namespace_ = "wds_1_182_0_InfoContentIcon";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_InfoContentIcon__root"};
+module.exports.classes = {"root":"wds_1_182_0_InfoContentIcon__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_InlineLabelWrapper";
+var _namespace_ = "wds_1_182_0_InlineLabelWrapper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_InlineLabelWrapper__root"};
+module.exports.classes = {"root":"wds_1_182_0_InlineLabelWrapper__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Label/Label.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_Label";
+var _namespace_ = "wds_1_182_0_Label";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_Label__root"};
+module.exports.classes = {"root":"wds_1_182_0_Label__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/StatusMessage/StatusMessage.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_StatusMessage";
+var _namespace_ = "wds_1_182_0_StatusMessage";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_StatusMessage__root","statusIcon":"wds_1_180_0_StatusMessage__statusIcon"};
+module.exports.classes = {"root":"wds_1_182_0_StatusMessage__root","statusIcon":"wds_1_182_0_StatusMessage__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Suffix/Suffix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_180_0_Suffix";
+var _namespace_ = "wds_1_182_0_Suffix";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_Suffix__root","charCount":"wds_1_180_0_Suffix__charCount"};
+module.exports.classes = {"root":"wds_1_182_0_Suffix__root","charCount":"wds_1_182_0_Suffix__charCount"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FilePicker/FilePicker.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FilePicker";
+var _namespace_ = "wds_1_182_0_FilePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FilePicker__root","content":"wds_1_180_0_FilePicker__content","label":"wds_1_180_0_FilePicker__label","info":"wds_1_180_0_FilePicker__info","icon":"wds_1_180_0_FilePicker__icon"};
+module.exports.classes = {"root":"wds_1_182_0_FilePicker__root","content":"wds_1_182_0_FilePicker__content","label":"wds_1_182_0_FilePicker__label","info":"wds_1_182_0_FilePicker__info","icon":"wds_1_182_0_FilePicker__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FillButton/FillButton.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FillButton";
+var _namespace_ = "wds_1_182_0_FillButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FillButton__root","proportion":"wds_1_180_0_FillButton__proportion"};
+module.exports.classes = {"root":"wds_1_182_0_FillButton__root","proportion":"wds_1_182_0_FillButton__proportion"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FillPreview/FillPreview.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FillPreview";
+var _namespace_ = "wds_1_182_0_FillPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FillPreview__root","button":"wds_1_180_0_FillPreview__button"};
+module.exports.classes = {"root":"wds_1_182_0_FillPreview__root","button":"wds_1_182_0_FillPreview__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FloatingHelper/FloatingHelper.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FloatingHelper";
+var _namespace_ = "wds_1_182_0_FloatingHelper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FloatingHelper__root","closeButton":"wds_1_180_0_FloatingHelper__closeButton","innerContent":"wds_1_180_0_FloatingHelper__innerContent"};
+module.exports.classes = {"root":"wds_1_182_0_FloatingHelper__root","closeButton":"wds_1_182_0_FloatingHelper__closeButton","innerContent":"wds_1_182_0_FloatingHelper__innerContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FloatingHelper/FloatingHelperContent/FloatingHelperContent.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_180_0_FloatingHelperContent";
+var _namespace_ = "wds_1_182_0_FloatingHelperContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FloatingHelperContent__root","title":"wds_1_180_0_FloatingHelperContent__title","action":"wds_1_180_0_FloatingHelperContent__action","image":"wds_1_180_0_FloatingHelperContent__image","footer":"wds_1_180_0_FloatingHelperContent__footer"};
+module.exports.classes = {"root":"wds_1_182_0_FloatingHelperContent__root","title":"wds_1_182_0_FloatingHelperContent__title","action":"wds_1_182_0_FloatingHelperContent__action","image":"wds_1_182_0_FloatingHelperContent__image","footer":"wds_1_182_0_FloatingHelperContent__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FloatingNotification/FloatingNotification.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_180_0_FloatingNotification";
+var _namespace_ = "wds_1_182_0_FloatingNotification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_180_0_FloatingNotification__root","icon":"wds_1_180_0_FloatingNotification__icon","text":"wds_1_180_0_FloatingNotification__text","textButton":"wds_1_180_0_FloatingNotification__textButton","button":"wds_1_180_0_FloatingNotification__button","gap":"wds_1_180_0_FloatingNotification__gap","close":"wds_1_180_0_FloatingNotification__close"};
+module.exports.classes = {"root":"wds_1_182_0_FloatingNotification__root","icon":"wds_1_182_0_FloatingNotification__icon","text":"wds_1_182_0_FloatingNotification__text","textButton":"wds_1_182_0_FloatingNotification__textButton","button":"wds_1_182_0_FloatingNotification__button","gap":"wds_1_182_0_FloatingNotification__gap","close":"wds_1_182_0_FloatingNotification__close"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FormField/FormField.js

@@ -12,7 +12,6 @@ var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _Text = _interopRequireWildcard(require("../Text"));
 var _FormField2 = require("./FormField.constants");
 var _FormFieldSt = require("./FormField.st.css.js");
-var _context = require("../WixDesignSystemProvider/context");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _system = require("@wix/wix-ui-icons-common/system");
 var _StatusContext = require("./StatusContext");
@@ -28,14 +27,14 @@ var asterisk = /*#__PURE__*/_react.default.createElement("div", {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 24,
+    lineNumber: 23,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_system.Asterisk, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 25,
+    lineNumber: 24,
     columnNumber: 5
   }
 }));
@@ -75,7 +74,7 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 103,
           columnNumber: 7
         }
       }));
@@ -95,32 +94,20 @@ class FormField extends _react.Component {
         infoTooltipProps,
         showInfoIconOnHover
       } = this.props;
-      return infoContent && /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+      return infoContent && /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
+        dataHook: _FormField2.DATA_HOOKS.infoIcon,
+        className: (0, _FormFieldSt.st)(_FormFieldSt.classes.infoIcon, {
+          showInfoIconOnHover: String(showInfoIconOnHover)
+        }),
+        content: infoContent,
+        tooltipProps: infoTooltipProps,
+        size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 128,
           columnNumber: 9
         }
-      }, _ref => {
-        var {
-          compactMode
-        } = _ref;
-        return /*#__PURE__*/_react.default.createElement(_InfoIcon.default, {
-          dataHook: _FormField2.DATA_HOOKS.infoIcon,
-          className: (0, _FormFieldSt.st)(_FormFieldSt.classes.infoIcon, {
-            showInfoIconOnHover: showInfoIconOnHover !== null && showInfoIconOnHover !== void 0 ? showInfoIconOnHover : compactMode
-          }),
-          content: infoContent,
-          tooltipProps: infoTooltipProps,
-          size: "small",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 131,
-            columnNumber: 13
-          }
-        });
       });
     };
     this._renderSuffix = () => {
@@ -135,7 +122,7 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 151,
+          lineNumber: 146,
           columnNumber: 9
         }
       }, suffix ? suffix : this._renderCharCounter());
@@ -145,11 +132,11 @@ class FormField extends _react.Component {
       var hasInlineIndicator = !label && (this.props.required || !!this.props.infoContent);
       return hasInlineLabel || hasInlineIndicator;
     };
-    this._renderLabel = _ref2 => {
+    this._renderLabel = _ref => {
       var {
         trimLongText,
         labelSize
-      } = _ref2;
+      } = _ref;
       var {
         label,
         id,
@@ -181,7 +168,7 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 188,
+          lineNumber: 183,
           columnNumber: 7
         }
       }, label);
@@ -201,14 +188,14 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 230,
+          lineNumber: 225,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement(Icon, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 231,
+          lineNumber: 226,
           columnNumber: 9
         }
       }));
@@ -227,7 +214,7 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 240,
+          lineNumber: 235,
           columnNumber: 7
         }
       }, (status === _FormField2.STATUS.error || status === _FormField2.STATUS.warning) && this._renderStatusIcon(), /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -239,7 +226,7 @@ class FormField extends _react.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 248,
+          lineNumber: 243,
           columnNumber: 9
         }
       }, statusMessage));
@@ -316,7 +303,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 309,
+        lineNumber: 304,
         columnNumber: 7
       }
     }), label && labelPlacement === _FormField2.PLACEMENT.top && /*#__PURE__*/_react.default.createElement("div", {
@@ -324,7 +311,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 327,
+        lineNumber: 322,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -332,7 +319,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 328,
+        lineNumber: 323,
         columnNumber: 13
       }
     }, this._renderLabel({
@@ -346,14 +333,14 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 336,
+        lineNumber: 331,
         columnNumber: 11
       }
     }, !label && this._renderSuffix(), /*#__PURE__*/_react.default.createElement(_FieldSet.FieldSetContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 343,
+        lineNumber: 338,
         columnNumber: 13
       }
     }, fieldSet => /*#__PURE__*/_react.default.createElement(_StatusContext.StatusContext.Provider, {
@@ -365,7 +352,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 345,
+        lineNumber: 340,
         columnNumber: 17
       }
     }, this._renderChildren()))), hasInlineElements && /*#__PURE__*/_react.default.createElement("div", {
@@ -375,7 +362,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 365,
+        lineNumber: 360,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -383,7 +370,7 @@ class FormField extends _react.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 370,
+        lineNumber: 365,
         columnNumber: 13
       }
     }, this._renderLabel({