@zohodesk/components 1.0.0-temp-67 → 1.0.0-temp-350

package/es/Label/__tests__/__snapshots__/Label.spec.js.snap

@@ -1,101 +1,101 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Label Props Check should be having palette danger 1`] = `
-<label
-  className="label title medium danger font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette default 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette mandatory 1`] = `
-<label
-  className="label title medium mandatory font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette primary 1`] = `
-<label
-  className="label title medium primary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette secondary 1`] = `
-<label
-  className="label title medium secondary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size large 1`] = `
-<label
-  className="label title large default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size medium 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size small 1`] = `
-<label
-  className="label title small default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type subtitle 1`] = `
-<label
-  className="label subtitle medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type title 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Label Props Check should be having palette danger 1`] = `
+<label
+  className="label title medium danger font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having palette default 1`] = `
+<label
+  className="label title medium default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having palette mandatory 1`] = `
+<label
+  className="label title medium mandatory font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having palette primary 1`] = `
+<label
+  className="label title medium primary font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having palette secondary 1`] = `
+<label
+  className="label title medium secondary font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having size large 1`] = `
+<label
+  className="label title large default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having size medium 1`] = `
+<label
+  className="label title medium default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having size small 1`] = `
+<label
+  className="label title small default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having type subtitle 1`] = `
+<label
+  className="label subtitle medium default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;
+
+exports[`Label Props Check should be having type title 1`] = `
+<label
+  className="label title medium default font_default
+           cursor  "
+  data-id="label"
+>
+  text1
+</label>
+`;

package/es/Label/docs/Label__clipped.docs.js

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import Label from '../Label';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class Label__clipped extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'inline-block',
+        width: '200px'
+      }
+    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
+      text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
+      id: "label8",
+      size: "medium",
+      clipped: true
+    })));
+  }
+
+}
+
+if (false) {
+  Label__clipped.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Label/docs/Label__custom.docs.js

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import Label from '../Label';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+import style from '../../common/docStyle.module.css';
+export default class Label__custom extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
+      customClass: style.customLbl,
+      text: "Label",
+      id: "label4",
+      size: "medium",
+      palette: "default"
+    }), /*#__PURE__*/React.createElement(Label, {
+      customClass: style.customLbl,
+      text: "Label",
+      id: "label5",
+      size: "medium",
+      palette: "primary"
+    })));
+  }
+
+}
+
+if (false) {
+  Label__custom.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Label/docs/Label__palette.docs.js

@@ -0,0 +1,42 @@
+import React, { Component } from 'react';
+import Label from '../Label';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class Label__palette extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label4",
+      size: "medium",
+      palette: "default"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label5",
+      size: "medium",
+      palette: "primary"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label6",
+      size: "medium",
+      palette: "secondary"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label7",
+      size: "medium",
+      palette: "danger"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label7",
+      size: "medium",
+      palette: "mandatory"
+    })));
+  }
+
+}
+
+if (false) {
+  Label__palette.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Label/docs/Label__size.docs.js

@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import Label from '../Label';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class Label__size extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label1",
+      size: "small"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label2",
+      size: "medium"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Label",
+      id: "label3",
+      size: "large"
+    })));
+  }
+
+}
+
+if (false) {
+  Label__size.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}

package/es/Label/docs/Label__type.docs.js

@@ -0,0 +1,37 @@
+import React, { Component } from 'react';
+import Label from '../Label';
+import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
+export default class Label__type extends Component {
+  render() {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Label, {
+      text: "Lorem Ipsum is simply dummy text ",
+      id: "label10",
+      size: "small",
+      type: "title"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Lorem Ipsum is simply dummy text ",
+      id: "label11",
+      size: "medium",
+      type: "subtitle"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Lorem Ipsum is simply dummy text ",
+      id: "label12",
+      size: "medium",
+      type: "subtitle"
+    }), /*#__PURE__*/React.createElement(Label, {
+      text: "Lorem Ipsum is simply dummy text ",
+      id: "label12",
+      size: "medium",
+      type: "title"
+    })));
+  }
+
+}
+
+if (false) {
+  Label__type.docs = {
+    componentGroup: 'Form Elements',
+    folderName: 'Style Guide',
+    description: ' '
+  };
+}