@zohodesk/components 1.0.0-temp-148 → 1.0.0-temp-150

package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap

@@ -1,334 +1,334 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextBoxIcon component should display size medium - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size medium - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size medium 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Box Icon"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextBoxIcon component should display size medium - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size medium - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size medium 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Box Icon"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;

package/lib/Textarea/Textarea.js

@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
 var Textarea = /*#__PURE__*/function (_React$Component) {
   _inherits(Textarea, _React$Component);
   var _super = _createSuper(Textarea);