@zohodesk/components 1.0.0-temp-162 → 1.0.0-temp-164

package/lib/deprecated/AdvancedMultiSelect.module.css

@@ -1,127 +1,127 @@
-.wrapper {
-  position: relative;
-}
-.disabled, .readOnly {
-  cursor: not-allowed;
-}
-.container {
-  max-height: 120px;
-  composes: oflowy from '../common/common.module.css';
-}
-.hasBorder {
-  transition: border var(--zd_transition2) linear 0s;
-  border-bottom-style: solid;
-  border-bottom-width: 1px;
-}
-.borderColor_transparent {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
-}
-.effect .borderColor_transparent:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
-}
-.effect .borderColor_transparent.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
-}
-.borderColor_default {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_border);
-}
-.effect .borderColor_default:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
-}
-.effect .borderColor_default.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
-}
-.borderColor_dark {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
-}
-.effect .borderColor_dark:hover {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
-}
-.effect .borderColor_dark.active {
-  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
-}
-[dir=ltr] .container.medium {
-  padding: 0 34px 7px 0;
-}
-[dir=rtl] .container.medium {
-  padding: 0 0 7px 34px;
-}
-.container.xmedium {
-  min-height: 30px;
-}
-[dir=ltr] .container.xmedium {
-  padding: 0 34px 1px 0;
-}
-[dir=rtl] .container.xmedium {
-  padding: 0 0 1px 34px;
-}
-
-.delete {
-  position: absolute;
-  bottom: 0;
-  color: var(--zdt_advancedmultiselect_delete_text);
-  padding-bottom: 10px;
-  cursor: pointer;
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
-}
-
-[dir=ltr] .delete {
-  right: 15px;
-}
-
-[dir=rtl] .delete {
-  left: 15px;
-}
-
-.delete:hover {
-  color: var(--zdt_advancedmultiselect_delete_hover_text);
-}
-.transparentContainer .delete {
-  opacity: 0;
-  visibility: hidden;
-}
-.transparentContainer:hover .delete {
-  opacity: 1;
-  visibility: visible;
-}
-
-.box {
-  background: var(--zdt_advancedmultiselect_box_bg);
-}
-
-.small {
-  max-height: 200px;
-}
-
-.medium {
-  max-height: 350px;
-}
-
-.large {
-  max-height: 400px;
-}
-
-.dropContainer {
-  display: inline-block;
-  max-width: 100%;
-  margin-bottom: 5px;
-}
-
-.dropPopup {
-  font-size: 13px;
-}
-
-.dropPopup :global .toggleDropIcon {
-  color: var(--zdt_advancedmultiselect_droppopup_text);
-}
-
-.more {
-  font-size: 14px;
-  color: var(--zdt_advancedmultiselect_more_text);
-  font-family: inherit;
-  cursor: pointer;
-  margin-top: 5px;
-  background-color: var(--zdt_advancedmultiselect_delete_bg);
-  border: 0;
+.wrapper {
+  position: relative;
+}
+.disabled, .readOnly {
+  cursor: not-allowed;
+}
+.container {
+  max-height: 120px;
+  composes: oflowy from '../common/common.module.css';
+}
+.hasBorder {
+  transition: border var(--zd_transition2) linear 0s;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+.borderColor_transparent {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
+}
+.effect .borderColor_transparent:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
+}
+.effect .borderColor_transparent.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
+}
+.borderColor_default {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_border);
+}
+.effect .borderColor_default:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
+}
+.effect .borderColor_default.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
+}
+.borderColor_dark {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
+}
+.effect .borderColor_dark:hover {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
+}
+.effect .borderColor_dark.active {
+  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
+}
+[dir=ltr] .container.medium {
+  padding: 0 34px 7px 0;
+}
+[dir=rtl] .container.medium {
+  padding: 0 0 7px 34px;
+}
+.container.xmedium {
+  min-height: 30px;
+}
+[dir=ltr] .container.xmedium {
+  padding: 0 34px 1px 0;
+}
+[dir=rtl] .container.xmedium {
+  padding: 0 0 1px 34px;
+}
+
+.delete {
+  position: absolute;
+  bottom: 0;
+  color: var(--zdt_advancedmultiselect_delete_text);
+  padding-bottom: 10px;
+  cursor: pointer;
+  background-color: var(--zdt_advancedmultiselect_delete_bg);
+  border: 0;
+}
+
+[dir=ltr] .delete {
+  right: 15px;
+}
+
+[dir=rtl] .delete {
+  left: 15px;
+}
+
+.delete:hover {
+  color: var(--zdt_advancedmultiselect_delete_hover_text);
+}
+.transparentContainer .delete {
+  opacity: 0;
+  visibility: hidden;
+}
+.transparentContainer:hover .delete {
+  opacity: 1;
+  visibility: visible;
+}
+
+.box {
+  background: var(--zdt_advancedmultiselect_box_bg);
+}
+
+.small {
+  max-height: 200px;
+}
+
+.medium {
+  max-height: 350px;
+}
+
+.large {
+  max-height: 400px;
+}
+
+.dropContainer {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+}
+
+.dropPopup {
+  font-size: 13px;
+}
+
+.dropPopup :global .toggleDropIcon {
+  color: var(--zdt_advancedmultiselect_droppopup_text);
+}
+
+.more {
+  font-size: 14px;
+  color: var(--zdt_advancedmultiselect_more_text);
+  font-family: inherit;
+  cursor: pointer;
+  margin-top: 5px;
+  background-color: var(--zdt_advancedmultiselect_delete_bg);
+  border: 0;
 }

package/lib/index.js

@@ -30,9 +30,7 @@ var _exportNames = {
   TextBox: true,
   TextBoxIcon: true,
   Tooltip: true,
-  utils: true,
-  Text: true,
-  Typography: true
+  utils: true
 };
 Object.defineProperty(exports, "Animation", {
   enumerable: true,
@@ -150,12 +148,6 @@ Object.defineProperty(exports, "Tag", {
     return _Tag["default"];
   }
 });
-Object.defineProperty(exports, "Text", {
-  enumerable: true,
-  get: function get() {
-    return _Text["default"];
-  }
-});
 Object.defineProperty(exports, "TextBox", {
   enumerable: true,
   get: function get() {
@@ -180,12 +172,6 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-Object.defineProperty(exports, "Typography", {
-  enumerable: true,
-  get: function get() {
-    return _Typography["default"];
-  }
-});
 exports.utils = void 0;
 var _Accordion = require("./Accordion");
 Object.keys(_Accordion).forEach(function (key) {
@@ -360,8 +346,6 @@ Object.keys(_semantic).forEach(function (key) {
     }
   });
 });
-var _Text = _interopRequireDefault(require("./Text/Text"));
-var _Typography = _interopRequireDefault(require("./Typography/Typography"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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,123 +1,124 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-162",
-  "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 ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  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 dubCheck && react-cli docs",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
-    "build": "npm run build:lib && npm run build:es && npm run cssVariableConvert",
-    "build:local": " npm run build && npm run rtl ",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "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 rtl && npm run cssVariableConvert ",
-    "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": "react-cli clean ./node_modules ./package-lock.json && npm install",
-    "expublish": "npm publish --tag experimental-version",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
-    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
-    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
-    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-  },
-  "devDependencies": {
-    "@zohodesk-private/css-variable-migrator": "^1.0.1",
-    "@zohodesk/a11y": "1.3.7",
-    "@zohodesk-private/node-plugins": "^1.0.0",
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/icons": "1.0.0-beta.125",
-    "@zohodesk/svg": "1.0.0-beta.56",
-    "@zohodesk/variables": "1.0.0-beta.31",
-    "@zohodesk/virtualizer": "1.0.3",
-    "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
-  },
-  "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.125",
-    "@zohodesk/variables": "1.0.0-beta.31",
-    "@zohodesk/svg": "1.0.0-beta.56",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/a11y": "1.3.7"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "app": {
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-      "patterns": {
-        "cssVariableReplacement": [
-          "src",
-          "lib",
-          "es",
-          "!node_modules"
-        ]
-      }
-    },
-    "css": {
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      },
-      "exclude": {
-        "rtl": [
-          "@zohodesk/icons",
-          "@zohodesk/variables"
-        ]
-      },
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-    },
-    "docs": {
-      "plugins": {
-        "hasRTL": true
-      },
-      "exclude": {
-        "rtl": [
-          "@zohodesk/icons",
-          "@zohodesk/variables"
-        ]
-      },
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false"
-    }
-  }
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-temp-164",
+  "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 ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  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 ./preprocess/json/theme/CTA ./node_modules/@zohodesk/variables/assets/dotColorbank.json ./node_modules/@zohodesk/variables/assets/colorVariables.json",
+    "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 dubCheck && react-cli docs",
+    "build:lib": "react-cli build:component:cmjs",
+    "build:es": "react-cli build:library:es",
+    "build": "npm run build:lib && npm run build:es && npm run cssVariableConvert",
+    "build:local": " npm run build && npm run rtl ",
+    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "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 rtl && npm run cssVariableConvert ",
+    "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": "react-cli clean ./node_modules ./package-lock.json && npm install",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
+    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+  },
+  "devDependencies": {
+    "@zohodesk-private/color-variable-preprocess": "1.0.2",
+    "@zohodesk-private/css-variable-migrator": "^1.0.1",
+    "@zohodesk/a11y": "1.3.7",
+    "@zohodesk-private/node-plugins": "^1.0.0",
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/icons": "1.0.0-beta.125",
+    "@zohodesk/svg": "1.0.0-temp.53",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "velocity-react": "1.4.3"
+  },
+  "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.125",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/svg": "1.0.0-temp.53",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "app": {
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+      "patterns": {
+        "cssVariableReplacement": [
+          "src",
+          "lib",
+          "es",
+          "!node_modules"
+        ]
+      }
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true,
+        "cssVariableReplacement": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      },
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    },
+    "docs": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      },
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false"
+    }
+  }
 }

package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='blue'] {
-	/* stencil */
-	--zdt_stencil_dark_bg: #383f55;
-	--zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--zdt_dropbox_dark_bg: var(--dot_ebonyclay);
-	
-	/* listitem */
-	--zdt_listitem_dark_bg: var(--dot_ebonyclay);
-	--zdt_listitem_dark_text: var(--dot_platinum);
-	--zdt_listitem_dark_effect_bg: var(--dot_unknown1);
-	--zdt_listitem_dark_active_bg: #3b4d6d;
-	--zdt_listitem_dark_tickicon: var(--dot_butterflyblue);
-	
-	/* tag */
-	--zdt_tag_dark_text: #d0d0d4;
-	--zdt_tag_dark_bg: #42485f;
-	--zdt_tag_dark_hover_text: #d0d0d4;
-	--zdt_tag_dark_hover_bg: var(--dot_matterhorn);
-	--zdt_tag_dark_close_bg: #864654;
-	--zdt_tag_dark_close_text: var(--dot_brightRed);
-	
-	/* multiselect */
-	--zdt_multiselect_dark_border: var(--dot_mulledwine);
-	--zdt_multiselect_darkmsg_bg: var(--dot_ebonyclay);
-	--zdt_multiselect_darkmsg_text: #d0d0d4;
-	--zdt_multiselect_darkdelete_hover_text: var(--dot_platinum);
-	
-	/* avatar */
-	--zdt_avatar_white_border: var(--dot_cadetblue);
-	--zdt_avatar_white_text: var(--dot_white);
-	
-	/* label */
-	--zdt_label_dark_text: #d0d0d4;
-	
-	/* textbox */
-	--zdt_textbox_light_text: var(--dot_white);
-	
-	/* dropdown */
-	--zdt_dropdown_darkheading_text: var(--dot_cadetblue);
-	
-	/* focusscope */
-	--zdt_a11y_focusScope_focus_border: var(--dot_butterflyblue);
-}