@zohodesk/components 1.0.0-temp-84 → 1.0.0-test-252

package/lib/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
-.buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
-  border: inherit;
-  background-color: inherit;
-  padding: 0;
-  text-align: inherit;
-}
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0;
+  text-align: inherit;
+}

package/package.json

@@ -1,86 +1,81 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-84",
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Z Team",
-  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
-  "license": "ISC",
-  "keywords": [
-    "DOT",
-    "ZOHODESK",
-    "ZTEAM",
-    "LIBRARY"
-  ],
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
-    "build": " react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
-    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "build:es": "react-cli build:library:es",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
-  },
-  "devDependencies": {
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.48"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.109",
-    "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/svg": "1.0.0-beta.49",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "docs": {
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
-    }
-  }
-}
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-test-252",
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Z Team",
+  "homepage":"https://www.npmjs.com/search?q=@zohodesk",
+  "license": "ISC",
+  "keywords":["DOT","ZOHODESK","ZTEAM","LIBRARY"],
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "start": "react-cli start",
+    "docs": "npm run common_package_build && npm run dubCheck && react-cli docs",
+    "build": " react-cli build:component:cmjs",
+    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
+    "build:dev": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "build:es": "react-cli build:library:es",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
+    "postpublish": "react-cli postpublish",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
+    "expublish": "npm publish --tag experimental-version"
+  },
+  "devDependencies": {
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/variables": "1.0.0-beta.29",
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/svg": "1.0.0-beta.48"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "1.0.0-beta.109",
+    "@zohodesk/variables": "1.0.0-beta.29",
+    "@zohodesk/svg": "1.0.0-beta.49",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "docs": {
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false",
+      "rtlExclude": [
+        "@zohodesk/icons",
+        "@zohodesk/variables"
+      ],
+      "hasRTL": true
+    }
+  }
+}

package/assets/Contrast/darkContrastLightness.module.css

@@ -1,25 +0,0 @@
-:root [data-mode='dark'] {
-   --zd_dark_bg_lValue: 0%;
-   --zd_dark_buttonBg_lValue: 0%;
-   --zd_dark_emboseBg_lValue: 0%;
-   --zd_dark_text_lValue: 0%;
-   --zd_dark_buttonText_lValue: 0%;
-   --zd_dark_elementText_lValue: 0%;
-   --zd_dark_border_lValue: 0%;
-   --zd_dark_boxShadow_lValue: 0%;
-   --zd_alpha: 0;
-   --zd_bg_alpha: 0;
-}
-
-[data-mode='dark']:global(.contrast) {
-   --zd_dark_bg_lValue: -10%;
-   --zd_dark_buttonBg_lValue: -10%;
-   --zd_dark_emboseBg_lValue: 10%;
-   --zd_dark_text_lValue: 10%;
-   --zd_dark_buttonText_lValue: 10%;
-   --zd_dark_elementText_lValue: -10%;
-   --zd_dark_border_lValue: 10%;
-   --zd_dark_boxShadow_lValue: 0%;
-   --zd_alpha: 1;
-   --zd_bg_alpha: 0;
-}

package/assets/Contrast/defaultContrastLightness.module.css

@@ -1,25 +0,0 @@
-:root [data-mode='default'] {
-   --zd_default_bg_lValue: 0%;
-   --zd_default_buttonBg_lValue: 0%;
-   --zd_default_emboseBg_lValue: 0%;
-   --zd_default_text_lValue: 0%;
-   --zd_default_buttonText_lValue: 0%;
-   --zd_default_elementText_lValue: 0%;
-   --zd_default_border_lValue: 0%;
-   --zd_default_boxShadow_lValue: 0%;
-   --zd_alpha: 0;
-   --zd_bg_alpha: 0;
-}
-
-[data-mode='default']:global(.contrast) {
-   --zd_default_bg_lValue: 10%;
-   --zd_default_buttonBg_lValue: -10%;
-   --zd_default_emboseBg_lValue: -10%;
-   --zd_default_text_lValue: -10%;
-   --zd_default_buttonText_lValue: 10%;
-   --zd_default_elementText_lValue: 10%;
-   --zd_default_border_lValue: -10%;
-   --zd_default_boxShadow_lValue: 0%;
-   --zd_alpha: 1;
-   --zd_bg_alpha: 0;
-}

package/assets/Contrast/pureDarkContrastLightness.module.css

@@ -1,25 +0,0 @@
-:root [data-mode='pureDark'] {
-   --zd_pureDark_bg_lValue: 0%;
-   --zd_pureDark_buttonBg_lValue: 0%;
-   --zd_pureDark_emboseBg_lValue: 0%;
-   --zd_pureDark_text_lValue: 0%;
-   --zd_pureDark_buttonText_lValue: 0%;
-   --zd_pureDark_elementText_lValue: 0%;
-   --zd_pureDark_border_lValue: 0%;
-   --zd_pureDark_boxShadow_lValue: 0%;
-   --zd_alpha: 0;
-   --zd_bg_alpha: 0;
-}
-
-[data-mode='pureDark']:global(.contrast) {
-   --zd_pureDark_bg_lValue: -10%;
-   --zd_pureDark_buttonBg_lValue: -10%;
-   --zd_pureDark_emboseBg_lValue: 10%;
-   --zd_pureDark_text_lValue: 10%;
-   --zd_pureDark_buttonText_lValue: 10%;
-   --zd_pureDark_elementText_lValue: -10%;
-   --zd_pureDark_border_lValue: 10%;
-   --zd_pureDark_boxShadow_lValue: 0%;
-   --zd_alpha: 1;
-   --zd_bg_alpha: 0;
-}

package/es/Accordion/docs/Accordion__Demo.docs.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { Accordion, AccordionItem } from '../';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Accordion__Demo extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Accordion, {
-      selectedItem: "1",
-      onSelect: id => {
-        'selected id', id;
-      },
-      unMount: false
-    }, /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/React.createElement("div", {
-      key: "title",
-      style: {
-        padding: '10px',
-        backgroundColor: '#ddd'
-      }
-    }, "Acc-1"), /*#__PURE__*/React.createElement("div", {
-      key: "content",
-      style: {
-        padding: '80px 10px',
-        backgroundColor: '#ddffee'
-      }
-    }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/React.createElement("div", {
-      key: "title",
-      style: {
-        padding: '10px',
-        backgroundColor: '#ddd'
-      }
-    }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
-      key: "content",
-      style: {
-        padding: '80px 10px',
-        backgroundColor: '#ddffee'
-      }
-    }, "Data2")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "3",
-      unMountItem: true
-    }, /*#__PURE__*/React.createElement("div", {
-      key: "title",
-      style: {
-        padding: '10px',
-        backgroundColor: '#ddd'
-      }
-    }, "Acc-3"), /*#__PURE__*/React.createElement("div", {
-      key: "content",
-      style: {
-        padding: '80px 10px',
-        backgroundColor: '#ddffee'
-      }
-    }, "Data3")), /*#__PURE__*/React.createElement(AccordionItem, {
-      id: "4"
-    }, /*#__PURE__*/React.createElement("div", {
-      key: "title",
-      style: {
-        padding: '10px',
-        backgroundColor: '#ddd'
-      }
-    }, "Acc-4"), /*#__PURE__*/React.createElement("div", {
-      key: "content",
-      style: {
-        padding: '80px 10px',
-        backgroundColor: '#ddffee'
-      }
-    }, "Data4")))));
-  }
-}
-Accordion__Demo.docs = {
-  componentGroup: 'Animation',
-  folderName: 'Style Guide'
-};

package/es/Animation/docs/Animation__default.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__default extends React.Component {
-  render() {
-    let styles = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "default",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: styles
-    }, "Animation - Default"))));
-  }
-}
-if (false) {
-  Animation__default.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__fadeIn.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__fadeIn extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "fadeIn",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - fadeIn"))));
-  }
-}
-if (false) {
-  Animation__fadeIn.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__scaleIn.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__scaleIn extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "scaleIn",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - scaleIn"))));
-  }
-}
-if (false) {
-  Animation__scaleIn.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__skewIn.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__skewIn extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "skewIn",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - zoomIn "))));
-  }
-}
-if (false) {
-  Animation__skewIn.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__slideDown.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__slideDown extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "slideDown",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - slideDown"))));
-  }
-}
-if (false) {
-  Animation__slideDown.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__slideLeft.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__slideLeft extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "slideLeft",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - slideLeft"))));
-  }
-}
-if (false) {
-  Animation__slideLeft.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/Animation/docs/Animation__zoomIn.docs.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Animation from '../Animation';
-import { Container } from '../../Layout';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class Animation__zoomIn extends React.Component {
-  render() {
-    let style = {
-      width: '200px',
-      height: '100px',
-      background: 'var(--dot_black)',
-      textAlign: 'center',
-      color: 'var(--dot_white)',
-      lineHeight: '100px'
-    };
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "both"
-    }, /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(Animation, {
-      name: "zoomIn",
-      isActive: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: style
-    }, "Animation - zoomIn "))));
-  }
-}
-if (false) {
-  Animation__zoomIn.docs = {
-    componentGroup: 'Animation',
-    folderName: 'Style Guide',
-    external: true,
-    description: ' '
-  };
-}

package/es/AppContainer/docs/AppContainer__default.docs.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import AppContainer from '../AppContainer';
-import CodeExtract from '@zohodesk/docstool/lib/CodeExtractor/CodeExtractor';
-export default class AppContainer__default extends React.Component {
-  render() {
-    return /*#__PURE__*/React.createElement(CodeExtract, null, /*#__PURE__*/React.createElement(AppContainer, {
-      tagName: "app"
-    }, /*#__PURE__*/React.createElement("span", {
-      "data-title": "appcontainer"
-    }, "Application Container")));
-  }
-}
-if (false) {
-  AppContainer__default.docs = {
-    componentGroup: 'Template',
-    folderName: 'Style Guide'
-  };
-}

package/es/Avatar/docs/Avatar__custom.docs.js

@@ -1,27 +0,0 @@
-import React, { Component } from 'react';
-import Avatar from '../Avatar';
-import style from '../../common/docStyle.module.css';
-export default class Avatar__custom extends Component {
-  render() {
-    let sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge'],
-      shapes = ['circle'];
-    return /*#__PURE__*/React.createElement("div", null, shapes.map(shape => /*#__PURE__*/React.createElement("div", {
-      key: shape
-    }, sizes.map(size => /*#__PURE__*/React.createElement("span", {
-      className: `${style.docspan} ${style.vtop}`,
-      key: size
-    }, /*#__PURE__*/React.createElement(Avatar, {
-      name: "Bharathikannan",
-      size: size,
-      shape: shape,
-      customClass: style.customAvatar
-    }))))));
-  }
-}
-if (false) {
-  Avatar__custom.docs = {
-    componentGroup: 'Avatar Group',
-    folderName: 'Style Guide',
-    description: ' '
-  };
-}