@zohodesk/components 1.0.0-temp-246 → 1.0.0-temp-247

package/lib/Radio/props/propTypes.js

@@ -7,15 +7,12 @@ exports.propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = require("../../Typography/props/propTypes");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
   active: _propTypes["default"].bool,
   checked: _propTypes["default"].bool,
   disabled: _propTypes["default"].bool,
-  secondaryText: _propTypes["default"].string,
   disabledTitle: _propTypes["default"].string,
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
@@ -36,8 +33,7 @@ var propTypes = {
   }),
   customProps: _propTypes["default"].exact({
     ContainerProps: _propTypes["default"].object,
-    LabelProps: _propTypes["default"].object,
-    secondaryTextProps: _propTypes["default"].exact(_propTypes2.propTypes)
+    LabelProps: _propTypes["default"].object
   }),
   a11y: _propTypes["default"].shape({
     ariaChecked: _propTypes["default"].bool,

package/lib/Tab/Tabs.module.css

@@ -145,7 +145,7 @@
 }
 
 .emptyStateTitle {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   word-wrap: break-word;
   font-size: var(--zd_font_size16) ;
   max-width: var(--zd_size430) ;

package/lib/TextBox/TextBox.module.css

@@ -9,7 +9,7 @@
   --textbox_width: 100%;
   --textbox_height: var(--zd_size35);
   --textbox_border_radius: none;
-  --textbox_font_family: var(--zd_regular);
+  --textbox_font_weight: var(--zd-fw-normal);
   /*  Variable:Ignore  */
   --textbox_letter_spacing: 0.1px;
   --textbox_padding: 0;
@@ -166,18 +166,18 @@
 .primary,
 .secondary,
 .light {
-  font-family: var(--textbox_font_family);
+  font-weight: var(--textbox_font_weight);
 }
 
 .primary {
   --textbox_text_color: var(--zdt_textbox_default_text);
-  --textbox_font_family: var(--zd_semibold);
+  --textbox_font_weight: var(--zd-fw-semibold);
   composes: ftsmooth from '../common/common.module.css';
 }
 
 .secondary {
   --textbox_text_color: var(--zdt_textbox_secondary_text);
-  --textbox_font_family: var(--zd_light);
+  --textbox_font_weight: var(--zd-fw-light);
 }
 
 .light {

package/lib/TextBoxIcon/TextBoxIcon.module.css

@@ -1,8 +1,4 @@
 .varClass {
-  /* textboxicon default variables */
-  --textboxicon_line_height: 1px;
-  --textboxicon_line_color: var(--zdt_textboxicon_default_line_bg);
-
   /* textboxicon icon default variables */
   --textboxicon_icon_margin: 0 var(--zd_size5);
   --textboxicon_icon_cursor: pointer;
@@ -11,8 +7,6 @@
 .container {
   composes: varClass;
   position: relative;
-  --local_inputFieldLine_border_width: var(--textboxicon_line_height);
-  --local_inputFieldLine_border_color: var(--textboxicon_line_color);
 }
 .disabled,.readonly {
   --textboxicon_icon_cursor: not-allowed;

package/lib/Textarea/Textarea.module.css

@@ -139,7 +139,7 @@
   --textarea_height: var(--zd_size184);
 }
 .default {
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
   --textarea_text_color: var(--zdt_textarea_black_text);
 }
 .primary {

package/lib/Tooltip/Tooltip.module.css

@@ -14,7 +14,7 @@
 .tooltipcont {
   color: var(--zdt_tooltip_default_text);
   font-size: var(--zd_font_size13) ;
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   word-break: break-word;
   max-width: var(--zd_size420) ;
   line-height: 1.5385;

package/lib/Typography/css/Typography.module.css

@@ -25,20 +25,20 @@
 }
 
 .font_regular {
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
 }
 
 .font_light {
-  font-family: var(--zd_light);
+  font-weight: var(--zd-fw-light);
 }
 
 .font_semibold {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '../../common/common.module.css';
 }
 
 .font_bold {
-  font-family: var(--zd_bold);
+  font-weight: var(--zd-fw-bold);
   composes: ftsmooth from '../../common/common.module.css';
 }
 

package/lib/common/basic.module.css

@@ -1,15 +1,15 @@
 @font-face {
-  font-family: Regular;
-  src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
-  font-weight: 400;
+  font-family: Light;
+  src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
+  font-weight: 300;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
-  font-family: Light;
-  src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
-  font-weight: 300;
+  font-family: Regular;
+  src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
+  font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
@@ -29,3 +29,36 @@
   font-style: normal;
   font-display: swap;
 }
+
+
+@font-face {
+  font-family: ZDLato;
+  src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
+  font-weight: 100 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: ZDLato;
+  src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: ZDLato;
+  src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
+  font-weight: 500 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: ZDLato;
+  src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
+  font-weight: 700 900;
+  font-style: normal;
+  font-display: swap;
+}

package/lib/common/basicReset.module.css

@@ -27,7 +27,7 @@ html {
 }
 
 textarea {
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
 }
 
 label, input[type='button'], input[type='submit'], input[type='file'], button {
@@ -37,4 +37,4 @@ label, input[type='button'], input[type='submit'], input[type='file'], button {
 /*Moz Required Box shadow Isssue*/
 input[required]:-moz-ui-invalid {
   box-shadow: none;
-}
+}

package/lib/common/common.module.css

@@ -303,22 +303,22 @@
   resize: vertical;
 }
 
-/*font-family*/
+/*font-weight*/
 .regular {
-  font-family: var(--zd_regular, Regular);
+  font-weight: var(--zd-fw-normal);
 }
 
 .light {
-  font-family: var(--zd_light, Light);
+  font-weight: var(--zd-fw-light);
 }
 
 .semibold {
-  font-family: var(--zd_semibold, Semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth;
 }
 
 .bold {
-  font-family: var(--zd_bold, Bold);
+  font-weight: var(--zd-fw-bold);
   composes: ftsmooth;
 }
 

package/lib/shared/InputFieldLine/InputFieldLine.module.css

@@ -1,7 +1,7 @@
 .varClass {
     --local_inputFieldLine_border_color: var(--zdt_inputField_default_border);
     --local_inputFieldLine_border_width: 1px;
-    --local_padding: var(--zd_size0);
+    --local_padding: 0;
     --local_cursor: pointer;
 }
 

package/lib/v1/Tab/v1Tabs.module.css

@@ -145,7 +145,7 @@
 }
 
 .emptyStateTitle {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   word-wrap: break-word;
   font-size: var(--zd_font_size16) ;
   max-width: var(--zd_size430) ;

package/lib/v1/Typography/css/v1_Typography.module.css

@@ -19,17 +19,17 @@
   display: initial;
 }
 .font_regular {
-  font-family: var(--zd_regular);
+  font-weight: var(--zd-fw-normal);
 }
 .font_light {
-  font-family: var(--zd_light);
+  font-weight: var(--zd-fw-light);
 }
 .font_semibold {
-  font-family: var(--zd_semibold);
+  font-weight: var(--zd-fw-semibold);
   composes: ftsmooth from '../../../common/common.module.css';
 }
 .font_bold {
-  font-family: var(--zd_bold);
+  font-weight: var(--zd-fw-bold);
   composes: ftsmooth from '../../../common/common.module.css';
 }
 .fontStyles_normal{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-246",
+  "version": "1.0.0-temp-247",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -39,7 +39,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
-    "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
+    "prepublishOnly": "node prePublish.js && npm run download_only",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",
@@ -74,7 +74,7 @@
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
-    "@zohodesk-private/color-variable-preprocessor": "1.2.0",
+    "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.1",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
@@ -82,11 +82,11 @@
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/dotkit": "1.0.3",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.3",
+    "@zohodesk/icons": "1.1.4",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.2.3",
+    "@zohodesk/svg": "1.2.5",
     "@zohodesk/utils": "1.3.15",
-    "@zohodesk/variables": "1.1.0",
+    "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
@@ -100,9 +100,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.1.3",
-    "@zohodesk/variables": "1.1.0",
-    "@zohodesk/svg": "1.2.3",
+    "@zohodesk/icons": "1.1.4",
+    "@zohodesk/variables": "1.2.0",
+    "@zohodesk/svg": "1.2.5",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",