@zohodesk/components 1.0.0-temp-117 → 1.0.0-temp-119

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

@@ -120,11 +120,12 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
 exports["default"] = Textarea;
 Textarea.defaultProps = _defaultProps.defaultProps;
 Textarea.propTypes = _propTypes.propTypes;
-if (false) {
-  Textarea.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}
+
+// if (__DOCS__) {
+//   Textarea.docs = {
+//     componentGroup: 'Form Elements',
+//     folderName: 'Style Guide',
+//     external: true,
+//     description: ' '
+//   };
+// }