@zohodesk/components 1.2.18 → 1.2.20

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

@@ -238,130 +238,77 @@
 .lineheight_inherit{
   line-height: inherit;
 }
-.lineheight_0{
-  line-height: 0px;
-}
-.lineheight_1{
-  line-height: 1;
-}
-.lineheight_8{
-  line-height: 8px;
-}
-.lineheight_10{
-  line-height: 10px;
-}
-.lineheight_11{
-  line-height: 11px;
-}
-.lineheight_12{
-  line-height: 12px;
-}
-.lineheight_13{
-  line-height: 13px;
-}
-.lineheight_14{
-  line-height: 14px;
-}
-.lineheight_15{
-  line-height: 15px;
-}
-.lineheight_16{
-  line-height: 16px;
-}
-.lineheight_17{
-  line-height: 17px;
-}
-.lineheight_18{
-  line-height: 18px;
-}
-.lineheight_19{
-  line-height: 19px;
-}
-.lineheight_20{
-  line-height: 20px;
-}
-.lineheight_21{
-  line-height: 21px;
-}
-.lineheight_22{
-  line-height: 22px;
+.lineheight_initial{
+  line-height: initial;
 }
-.lineheight_24{
-  line-height: 24px;
+.lineheight_normal{
+  line-height: normal;
 }
-.lineheight_25{
-  line-height: 25px;
-}
-.lineheight_26{
-  line-height: 26px;
-}
-.lineheight_27{
-  line-height: 27px;
-}
-.lineheight_28{
-  line-height: 28px;
+.lineheight_0{
+  line-height: 0;
 }
-.lineheight_29{
-  line-height: 29px;
+.lineheight_0_1{
+  line-height: 0.1;
 }
-.lineheight_30{
-  line-height: 30px;
+.lineheight_0_2{
+  line-height: 0.2;
 }
-.lineheight_32{
-  line-height: 32px;
+.lineheight_0_3{
+  line-height: 0.3;
 }
-.lineheight_33{
-  line-height: 33px;
+.lineheight_0_4{
+  line-height: 0.4;
 }
-.lineheight_34{
-  line-height: 34px;
+.lineheight_0_5{
+  line-height: 0.5;
 }
-.lineheight_35{
-  line-height: 35px;
+.lineheight_0_6{
+  line-height: 0.6;
 }
-.lineheight_36{
-  line-height: 36px;
+.lineheight_0_7{
+  line-height: 0.7;
 }
-.lineheight_38{
-  line-height: 38px;
+.lineheight_0_8{
+  line-height: 0.8;
 }
-.lineheight_40{
-  line-height: 40px;
+.lineheight_0_9{
+  line-height: 0.9;
 }
-.lineheight_41{
-  line-height: 41px;
+.lineheight_1{
+  line-height: 1;
 }
-.lineheight_42{
-  line-height: 42px;
+.lineheight_1_1{
+  line-height: 1.1;
 }
-.lineheight_45{
-  line-height: 45px;
+.lineheight_1_2{
+  line-height: 1.2;
 }
-.lineheight_50{
-  line-height: 50px;
+.lineheight_1_3{
+  line-height: 1.3;
 }
-.lineheight_52{
-  line-height: 52px;
+.lineheight_1_4{
+  line-height: 1.4;
 }
-.lineheight_54{
-  line-height: 54px;
+.lineheight_1_5{
+  line-height: 1.5;
 }
-.lineheight_55{
-  line-height: 55px;
+.lineheight_1_6{
+  line-height: 1.6;
 }
-.lineheight_60{
-  line-height: 60px;
+.lineheight_1_7{
+  line-height: 1.7;
 }
-.lineheight_70{
-  line-height: 70px;
+.lineheight_1_8{
+  line-height: 1.8;
 }
-.lineheight_75{
-  line-height: 75px;
+.lineheight_1_9{
+  line-height: 1.9;
 }
-.lineheight_120{
-  line-height: 120px;
+.lineheight_2{
+  line-height: 2;
 }
 
+
 /*............... Lineheight End.........*/
 
 /*............... Letterspacing Start.........*/
@@ -369,41 +316,65 @@
 .letterspacing_inherit{
   letter-spacing:inherit;
 }
-.letterspacing_01{
+.letterspacing_0_1{
   letter-spacing: 0.1px;
 }
-.letterspacing_02{
+.letterspacing_0_2{
   letter-spacing: 0.2px;
 }
-.letterspacing_03{
+.letterspacing_0_3{
   letter-spacing: 0.3px;
 }
-.letterspacing_04{
+.letterspacing_0_4{
   letter-spacing: 0.4px;
 }
-.letterspacing_05{
+.letterspacing_0_5{
   letter-spacing: 0.5px;
 }
-.letterspacing_06{
+.letterspacing_0_6{
   letter-spacing: 0.6px;
 }
-.letterspacing_07{
+.letterspacing_0_7{
   letter-spacing: 0.7px;
 }
-.letterspacing_08{
+.letterspacing_0_8{
   letter-spacing: 0.8px;
 }
-.letterspacing_09{
+.letterspacing_0_9{
   letter-spacing: 0.9px;
 }
 .letterspacing_1{
   letter-spacing: 1px;
 }
+.letterspacing_1_1{
+  letter-spacing: 1.1px;
+}
+.letterspacing_1_2{
+  letter-spacing: 1.2px;
+}
+.letterspacing_1_3{
+  letter-spacing: 1.3px;
+}
+.letterspacing_1_4{
+  letter-spacing: 1.4px;
+}
+.letterspacing_1_5{
+  letter-spacing: 1.5px;
+}
+.letterspacing_1_6{
+  letter-spacing: 1.6px;
+}
+.letterspacing_1_7{
+  letter-spacing: 1.7px;
+}
+.letterspacing_1_8{
+  letter-spacing: 1.8px;
+}
+.letterspacing_1_9{
+  letter-spacing: 1.9px;
+}
 .letterspacing_2{
   letter-spacing: 2px;
 }
-.letterspacing_4{
-  letter-spacing: 4px;
-}
 
 /*............... Letterspacing End.........*/

package/lib/v1/Typography/css/cssJSLogic.js

@@ -7,7 +7,7 @@ exports["default"] = cssJSLogic;
 
 var _utils = require("@zohodesk/utils");
 
-var _letterSpacingMap = require("./letterSpacingMap");
+var _utils2 = require("../utils");
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -33,8 +33,12 @@ function cssJSLogic(_ref) {
       $ui_wordWrap = props.$ui_wordWrap,
       $ui_whiteSpace = props.$ui_whiteSpace;
 
-  if ($ui_letterSpacing && $ui_letterSpacing.match(/\./g)) {
-    $ui_letterSpacing = _letterSpacingMap.letterspacingMapping[$ui_letterSpacing];
+  if ($ui_letterSpacing) {
+    $ui_letterSpacing = _utils2.letterspacingMapping[$ui_letterSpacing];
+  }
+
+  if ($ui_lineHeight) {
+    $ui_lineHeight = _utils2.lineheightMapping[$ui_lineHeight];
   }
 
   var typographyClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.reset, $flag_reset), _defineProperty(_compileClassNames, style.dotted, $flag_dotted), _defineProperty(_compileClassNames, style["size".concat($ui_size)], !!$ui_size), _defineProperty(_compileClassNames, style["lineclamp_".concat($ui_lineClamp)], !!$ui_lineClamp), _defineProperty(_compileClassNames, style["lineheight_".concat($ui_lineHeight)], !!$ui_lineHeight), _defineProperty(_compileClassNames, style["display_".concat($ui_display)], !!$ui_display), _defineProperty(_compileClassNames, style["font_".concat($ui_weight)], !!$ui_weight), _defineProperty(_compileClassNames, style["fontStyles_".concat($ui_typeFace)], !!$ui_typeFace), _defineProperty(_compileClassNames, style["textalign_".concat($ui_textAlign)], !!$ui_textAlign), _defineProperty(_compileClassNames, style["letterspacing_".concat($ui_letterSpacing)], !!$ui_letterSpacing), _defineProperty(_compileClassNames, style["transform_".concat($ui_transform)], !!$ui_transform), _defineProperty(_compileClassNames, style["decoration_".concat($ui_decoration)], !!$ui_decoration), _defineProperty(_compileClassNames, $ui_className, !!$ui_className), _defineProperty(_compileClassNames, style["wordBreak_".concat($ui_wordBreak)], !!$ui_wordBreak), _defineProperty(_compileClassNames, style["wordWrap_".concat($ui_wordWrap)], !!$ui_wordWrap), _defineProperty(_compileClassNames, style["whiteSpace_".concat($ui_whiteSpace)], !!$ui_whiteSpace), _compileClassNames));

package/lib/v1/Typography/props/propTypes.js

@@ -23,8 +23,8 @@ var propTypes = {
   $ui_typeFace: _propTypes["default"].oneOf(['normal', 'italic']),
   $ui_decoration: _propTypes["default"].oneOf(['default', 'underline', 'strike', 'overline']),
   $ui_size: _propTypes["default"].oneOf(['7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '28', '29', '30', '32', '34', '35', '36', '40', '50', 'inherit']),
-  $ui_lineHeight: _propTypes["default"].oneOf(['0', '1', '8', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '24', '25', '26', '27', '28', '29', '30', '32', '33', '34', '35', '36', '38', '40', '41', '42', '45', '50', '52', '54', '55', '60', '70', '75', '120', 'inherit']),
-  $ui_letterSpacing: _propTypes["default"].oneOf(['0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1', '2', '4', 'inherit']),
+  $ui_lineHeight: _propTypes["default"].oneOf(['0', '0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1', '1.1', '1.2', '1.3', '1.4', '1.5', '1.6', '1.7', '1.8', '1.9', '2', 'normal', 'initial', 'inherit']),
+  $ui_letterSpacing: _propTypes["default"].oneOf(['0.1', '0.2', '0.3', '0.4', '0.5', '0.6', '0.7', '0.8', '0.9', '1', '1.1', '1.2', '1.3', '1.4', '1.5', '1.6', '1.7', '1.8', '1.9', '2', 'inherit']),
   $ui_wordBreak: _propTypes["default"].oneOf(['breakAll', 'keepAll', 'breakWord']),
   $ui_wordWrap: _propTypes["default"].oneOf(['normal', 'break']),
   $ui_whiteSpace: _propTypes["default"].oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap']),

package/lib/v1/Typography/utils/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lineheightMapping = exports.letterspacingMapping = void 0;
+
+/* eslint-disable */
+var letterspacingMapping = {
+  'inherit': 'inherit',
+  '0.1': '0_1',
+  '0.2': '0_2',
+  '0.3': '0_3',
+  '0.4': '0_4',
+  '0.5': '0_5',
+  '0.6': '0_6',
+  '0.7': '0_7',
+  '0.8': '0_8',
+  '0.9': '0_9',
+  '1': '1',
+  '1.1': '1_1',
+  '1.2': '1_2',
+  '1.3': '1_3',
+  '1.4': '1_4',
+  '1.5': '1_5',
+  '1.6': '1_6',
+  '1.7': '1_7',
+  '1.8': '1_8',
+  '1.9': '1_9',
+  '2': '2'
+};
+exports.letterspacingMapping = letterspacingMapping;
+var lineheightMapping = {
+  'inherit': 'inherit',
+  'initial': 'initial',
+  'normal': 'normal',
+  '0': '0',
+  '0.1': '0_1',
+  '0.2': '0_2',
+  '0.3': '0_3',
+  '0.4': '0_4',
+  '0.5': '0_5',
+  '0.6': '0_6',
+  '0.7': '0_7',
+  '0.8': '0_8',
+  '0.9': '0_9',
+  '1': '1',
+  '1.1': '1_1',
+  '1.2': '1_2',
+  '1.3': '1_3',
+  '1.4': '1_4',
+  '1.5': '1_5',
+  '1.6': '1_6',
+  '1.7': '1_7',
+  '1.8': '1_8',
+  '1.9': '1_9',
+  '2': '2'
+};
+exports.lineheightMapping = lineheightMapping;

package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -9,9 +9,9 @@ exports["default"] = VelocityAnimation;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../VelocityAnimation/VelocityAnimation/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../VelocityAnimation/VelocityAnimation/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _velocityReact = require("velocity-react");
 

package/lib/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  isCustomized: true,
+  needUIPack: true,
+  isFlex: false,
+  duration: 300
+};
+exports.defaultProps = defaultProps;

package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  delay: _propTypes["default"].number,
+  duration: _propTypes["default"].number,
+  isActive: _propTypes["default"].bool.isRequired,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideRight', 'shrink', 'expand', 'slideDown', 'flyDown', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -9,9 +9,9 @@ exports["default"] = VelocityAnimationGroup;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../VelocityAnimation/VelocityAnimationGroup/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../VelocityAnimation/VelocityAnimationGroup/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _velocityReact = require("velocity-react");
 

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  runOnMount: false,
+  enterHideStyle: {
+    display: 'none'
+  },
+  enterShowStyle: {
+    display: ''
+  },
+  isFlex: false,
+  enterDuration: 300,
+  exitDuration: 300,
+  isActive: false,
+  isCustomized: true,
+  needUIPack: true
+};
+exports.defaultProps = defaultProps;

package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node.isRequired,
+  component: _propTypes["default"].element,
+  enterDelay: _propTypes["default"].number,
+  enterDuration: _propTypes["default"].number,
+  enterHideStyle: _propTypes["default"].object,
+  enterName: _propTypes["default"].string,
+  enterShowStyle: _propTypes["default"].object,
+  exitDelay: _propTypes["default"].number,
+  exitDuration: _propTypes["default"].number,
+  exitName: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  isCustomized: _propTypes["default"].bool,
+  isFlex: _propTypes["default"].bool,
+  name: _propTypes["default"].oneOf(['fade', 'slideDown', 'flyDown', 'slideRight', 'shrink', 'expand', 'slideLeft']),
+  needUIPack: _propTypes["default"].bool,
+  runOnMount: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/semantic/Button/Button.js

@@ -7,9 +7,9 @@ exports["default"] = Button;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../../semantic/Button/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../semantic/Button/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _semanticButtonModule = _interopRequireDefault(require("../../../semantic/Button/semanticButton.module.css"));
 

package/lib/v1/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/v1/semantic/Button/props/propTypes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  autoFocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -24,14 +24,14 @@
     "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",
+    "build:variables": "react-cli clean ./assets && 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",
+    "docs": "npm run dubCheck && npm run theme:validate && 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",
+    "build": "npm run theme:validate && npm run build:lib && npm run build:es",
     "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
     "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",
@@ -51,7 +51,9 @@
     "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",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli "
+    "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli",
+    "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli",
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json "
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
@@ -60,13 +62,13 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.1.0",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/node-plugins": "^1.0.0",
-    "@zohodesk-private/react-prop-validator": "1.1.0",
-    "@zohodesk/a11y": "2.1.0",
+    "@zohodesk-private/node-plugins": "1.1.1",
+    "@zohodesk-private/react-prop-validator": "1.2.0",
+    "@zohodesk/a11y": "2.1.1",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/hooks": "2.0.2",
     "@zohodesk/icons": "1.0.19",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.3",
@@ -82,7 +84,7 @@
   "peerDependencies": {
     "@zohodesk/icons": "1.0.19",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/svg": "1.1.6",
+    "@zohodesk/svg": "1.1.8",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",

package/propValidationArg.json

@@ -0,0 +1,8 @@
+{
+    "inputDir": "./src",
+    "outputDir": "./.cli",
+    "excludeDir":"./.cli",
+    "propUnifiExcludeDir":"./.cli",
+    "propUnifiReport":"propUnifi",
+    "strictMode":""
+}