@zohodesk/components 1.0.0-temp-234 → 1.0.0-temp-236

package/lib/Tooltip/Tooltip.module.css

@@ -1,133 +0,0 @@
-.tooltiptext {
-  position: fixed;
-  z-index: 9999999;
-  /*Hook for editor alert*/
-  pointer-events: none;
-  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
-  border-radius: var(--zd_size4);
-}[dir=ltr] .tooltiptext {
-  animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
-}[dir=rtl] .tooltiptext {
-  animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
-}
-
-.tooltipcont {
-  color: var(--zdt_tooltip_default_text);
-  font-size: var(--zd_font_size13) ;
-  font-family: var(--zd_semibold);
-  word-break: break-word;
-  max-width: var(--zd_size420) ;
-  line-height: 1.5385;
-  min-height: var(--zd_size24) ;
-  overflow: hidden;
-  background-color: var(--zdt_tooltip_default_bg);
-  padding: 0 var(--zd_size10) ;
-  border-style: solid;
-  border-color: transparent;
-  border-radius: var(--zd_size4);
-}
-.tooltiparrow {
-  content: '';
-  position: absolute;
-  top: 0 ;
-  border-top-left-radius: 3px;
-}
-
-.arrowUp,
-.arrowDown {
-  /*  Variable:Ignore  */
-  width: 11px;
-  /*  Variable:Ignore  */
-  height: 11px;
-  border-top: solid 6px var(--zdt_tooltip_default_bg);
-  border-left: solid 6px var(--zdt_tooltip_default_bg);
-  border-right: solid 6px transparent;
-  border-bottom: solid 6px transparent;
-  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
-  z-index: -1;
-}
-
-.arrowDown {
-  /*  Variable:Ignore  */
-  margin-top: -4px !important;
-  /* put important because of '.wms-mainui *' have margin: 0; */
-}
-
-.arrowLeft,
-.arrowRight {
-  /*  Variable:Ignore  */
-  width: 11px;
-  /*  Variable:Ignore  */
-  height: 11px;
-  border-top: solid 6px var(--zdt_tooltip_default_bg);
-  border-left: solid 6px var(--zdt_tooltip_default_bg);
-  border-right: solid 6px transparent;
-  border-bottom: solid 6px transparent;
-  box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
-  z-index: -1;
-}
-
-.arrowRight {
-  /*  Variable:Ignore  */
-  margin-left: -2px;
-}
-
-.arrowLeft {
-  /*  Variable:Ignore  */
-  margin-left: 1px;
-}
-
-.arrowUp {
-  transform: rotate(45deg);
-}
-
-.arrowDown {
-  transform: rotate(225deg);
-}
-
-.arrowLeft {
-  transform: rotate(315deg) translateY(-50%);
-}
-
-.arrowRight {
-  transform: rotate(135deg) translateY(50%);
-}
-@keyframes tooltip-grow {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes tooltip-grow {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@-moz-keyframes tooltip-grow {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@-ms-keyframes tooltip-grow {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}

package/lib/Tooltip/props/defaultProps.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  dataId: 'toolTip',
-  customClass: ''
-};
-exports.defaultProps = defaultProps;

package/lib/Tooltip/props/propTypes.js

@@ -1,16 +0,0 @@
-"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 = {
-  dataId: _propTypes["default"].string,
-  customClass: _propTypes["default"].string
-};
-exports.propTypes = propTypes;

package/lib/Typography/Typography.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
-
-var _utils = require("@zohodesk/utils");
-
-var _TypographyModule = _interopRequireDefault(require("./css/Typography.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-var Typography = function Typography(props) {
-  var children = props.children,
-      $ui_tagName = props.$ui_tagName,
-      $i18n_dataTitle = props.$i18n_dataTitle,
-      testId = props.testId,
-      customId = props.customId,
-      $tagAttributes_text = props.$tagAttributes_text,
-      $a11yAttributes_text = props.$a11yAttributes_text,
-      customStyle = props.customStyle;
-  var style = (0, _utils.mergeStyle)(_TypographyModule["default"], customStyle);
-
-  var _cssJSLogic = (0, _cssJSLogic2["default"])({
-    props: props,
-    style: style
-  }),
-      typographyClass = _cssJSLogic.typographyClass;
-
-  return /*#__PURE__*/_react["default"].createElement($ui_tagName, _objectSpread(_objectSpread({
-    className: typographyClass,
-    'data-title': $i18n_dataTitle,
-    'data-id': customId,
-    'data-test-id': testId
-  }, $tagAttributes_text), $a11yAttributes_text), children);
-};
-
-Typography.propTypes = _propTypes.propTypes;
-Typography.defaultProps = _defaultProps.defaultProps;
-var _default = Typography;
-exports["default"] = _default;

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

@@ -1,489 +0,0 @@
-.reset {
-  font-weight: initial;
-  margin: initial ;
-  padding: initial ;
-}
-
-.dotted {
-  composes: dotted from '../../common/common.module.css';
-}
-
-.display_block {
-  display: block;
-}
-
-.display_inlineBlock {
-  display: inline-block;
-}
-
-.display_inline {
-  display: inline;
-}
-
-.display_initial {
-  display: initial;
-}
-
-.font_regular {
-  font-family: var(--zd_regular);
-}
-
-.font_light {
-  font-family: var(--zd_light);
-}
-
-.font_semibold {
-  font-family: var(--zd_semibold);
-  composes: ftsmooth from '../../common/common.module.css';
-}
-
-.font_bold {
-  font-family: var(--zd_bold);
-  composes: ftsmooth from '../../common/common.module.css';
-}
-
-.fontStyles_normal {
-  font-style: normal;
-}
-
-.fontStyles_italic {
-  font-style: italic;
-}
-
-.decoration_default {
-  text-decoration: none;
-}
-
-.decoration_underline {
-  text-decoration: underline;
-}
-
-.decoration_strike {
-  text-decoration: line-through;
-}
-
-.decoration_overline {
-  text-decoration: overline;
-}
-
-[dir=ltr] .textalign_left {
-  text-align: left;
-}
-
-[dir=rtl] .textalign_left {
-  text-align: right;
-}
-
-[dir=ltr] .textalign_right {
-  text-align: right;
-}
-
-[dir=rtl] .textalign_right {
-  text-align: left;
-}
-
-.textalign_center {
-  text-align: center;
-}
-
-.textalign_justify {
-  text-align: justify;
-}
-
-.transform_default {
-  text-transform: none;
-}
-
-.transform_upper {
-  text-transform: uppercase;
-}
-
-.transform_lower {
-  text-transform: lowercase;
-}
-
-.transform_capital {
-  text-transform: capitalize;
-}
-
-.dotted_clamp {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.lineclamp_1 {
-  -webkit-line-clamp: 1;
-  composes: dotted_clamp;
-}
-
-.lineclamp_2 {
-  -webkit-line-clamp: 2;
-  composes: dotted_clamp;
-}
-
-.lineclamp_3 {
-  -webkit-line-clamp: 3;
-  composes: dotted_clamp;
-}
-
-.lineclamp_4 {
-  -webkit-line-clamp: 4;
-  composes: dotted_clamp;
-}
-
-.lineclamp_5 {
-  -webkit-line-clamp: 5;
-  composes: dotted_clamp;
-}
-
-.wordBreak_breakAll {
-  word-break: break-all
-}
-
-.wordBreak_keepAll {
-  word-break: keep-all
-}
-
-.wordBreak_breakWord {
-  word-break: break-word
-}
-
-.wordWrap_normal {
-  word-wrap: normal;
-}
-
-.wordWrap_break {
-  word-wrap: break-word
-}
-
-.whiteSpace_normal {
-  white-space: normal
-}
-
-.whiteSpace_noWrap {
-  white-space: nowrap
-}
-
-.whiteSpace_pre {
-  white-space: pre
-}
-
-.whiteSpace_preLine {
-  white-space: pre-line
-}
-
-.whiteSpace_preWrap {
-  white-space: pre-wrap
-}
-
-
-
-/*...............Font Size Start.........*/
-
-.size7 {
-  font-size: var(--zd_font_size7) ;
-}
-
-.size8 {
-  font-size: var(--zd_font_size8) ;
-}
-
-.size9 {
-  font-size: var(--zd_font_size9) ;
-}
-
-.size10 {
-  font-size: var(--zd_font_size10) ;
-}
-
-.size11 {
-  font-size: var(--zd_font_size11) ;
-}
-
-.size12 {
-  font-size: var(--zd_font_size12) ;
-}
-
-.size13 {
-  font-size: var(--zd_font_size13) ;
-}
-
-.size14 {
-  font-size: var(--zd_font_size14) ;
-}
-
-.size15 {
-  font-size: var(--zd_font_size15) ;
-}
-
-.size16 {
-  font-size: var(--zd_font_size16) ;
-}
-
-.size17 {
-  font-size: var(--zd_font_size17) ;
-}
-
-.size18 {
-  font-size: var(--zd_font_size18) ;
-}
-
-.size19 {
-  font-size: var(--zd_font_size19) ;
-}
-
-.size20 {
-  font-size: var(--zd_font_size20) ;
-}
-
-.size21 {
-  font-size: var(--zd_font_size21) ;
-}
-
-.size22 {
-  font-size: var(--zd_font_size22) ;
-}
-
-.size24 {
-  font-size: var(--zd_font_size24) ;
-}
-
-.size25 {
-  font-size: var(--zd_font_size25) ;
-}
-
-.size26 {
-  font-size: var(--zd_font_size26) ;
-}
-
-.size28 {
-  font-size: var(--zd_font_size28) ;
-}
-
-.size29 {
-  font-size: var(--zd_font_size29) ;
-}
-
-.size30 {
-  font-size: var(--zd_font_size30) ;
-}
-
-.size32 {
-  font-size: var(--zd_font_size32) ;
-}
-
-.size34 {
-  font-size: var(--zd_font_size34) ;
-}
-
-.size35 {
-  font-size: var(--zd_font_size35) ;
-}
-
-.size36 {
-  font-size: var(--zd_font_size36) ;
-}
-
-.size40 {
-  font-size: var(--zd_font_size40) ;
-}
-
-.size50 {
-  font-size: var(--zd_font_size50) ;
-}
-
-.sizeinherit {
-  font-size: inherit ;
-}
-
-/*...............Font Size End.........*/
-
-/*............... Lineheight Start.........*/
-
-.lineheight_inherit {
-  line-height: inherit;
-}
-
-.lineheight_initial {
-  line-height: initial;
-}
-
-.lineheight_normal {
-  line-height: normal;
-}
-
-.lineheight_0 {
-  line-height: 0;
-}
-
-.lineheight_0_1 {
-  line-height: 0.1;
-}
-
-.lineheight_0_2 {
-  line-height: 0.2;
-}
-
-.lineheight_0_3 {
-  line-height: 0.3;
-}
-
-.lineheight_0_4 {
-  line-height: 0.4;
-}
-
-.lineheight_0_5 {
-  line-height: 0.5;
-}
-
-.lineheight_0_6 {
-  line-height: 0.6;
-}
-
-.lineheight_0_7 {
-  line-height: 0.7;
-}
-
-.lineheight_0_8 {
-  line-height: 0.8;
-}
-
-.lineheight_0_9 {
-  line-height: 0.9;
-}
-
-.lineheight_1 {
-  line-height: 1;
-}
-
-.lineheight_1_1 {
-  line-height: 1.1;
-}
-
-.lineheight_1_2 {
-  line-height: 1.2;
-}
-
-.lineheight_1_3 {
-  line-height: 1.3;
-}
-
-.lineheight_1_4 {
-  line-height: 1.4;
-}
-
-.lineheight_1_5 {
-  line-height: 1.5;
-}
-
-.lineheight_1_6 {
-  line-height: 1.6;
-}
-
-.lineheight_1_7 {
-  line-height: 1.7;
-}
-
-.lineheight_1_8 {
-  line-height: 1.8;
-}
-
-.lineheight_1_9 {
-  line-height: 1.9;
-}
-
-.lineheight_2 {
-  line-height: 2;
-}
-
-
-/*............... Lineheight End.........*/
-
-/*............... Letterspacing Start.........*/
-
-.letterspacing_inherit {
-  letter-spacing: inherit;
-}
-
-.letterspacing_0_1 {
-  letter-spacing: 0.1px;
-}
-
-.letterspacing_0_2 {
-  letter-spacing: 0.2px;
-}
-
-.letterspacing_0_3 {
-  letter-spacing: 0.3px;
-}
-
-.letterspacing_0_4 {
-  letter-spacing: 0.4px;
-}
-
-.letterspacing_0_5 {
-  letter-spacing: 0.5px;
-}
-
-.letterspacing_0_6 {
-  letter-spacing: 0.6px;
-}
-
-.letterspacing_0_7 {
-  letter-spacing: 0.7px;
-}
-
-.letterspacing_0_8 {
-  letter-spacing: 0.8px;
-}
-
-.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 End.........*/