@zohodesk/dot 1.0.0-temp-182 → 1.0.0-temp-183

package/lib/form/fields/TextEditor/TextEditor.module.css

@@ -50,8 +50,8 @@
 }
 
 .night :global .KB_Editor {
-  color: var(--zdt_base_color);
-  background-color: var(--zdt_base_bg);
+  color: var(--zdt_texteditor_night_text);
+  background-color: var(--zdt_texteditor_night_bg);
 }
 
 .small :global .KB_Editor_menus, .medium :global .KB_Editor_menus, .large :global .KB_Editor_menus, .xlarge :global .KB_Editor_menus, .default :global .KB_Editor_menus {
@@ -77,20 +77,20 @@
   background-color: transparent;
 }
 
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
   color: var(--zdt_texteditor_default_text);
 }
 
-.small :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li.KB_Editor_sel {
+.small :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .small :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .medium :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .large :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li:hover, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li.KB_Editor_sel {
   background-color: var(--zdt_texteditor_menu_li_bg);
 }
 
@@ -101,10 +101,10 @@
 /* large type editor - ticket add form editor */
 .large :global .KB_Editor,
 .large :global .KB_Editor_menus .KB_Editor_MultiTools,
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
 .default :global .KB_Editor,
 .default :global .KB_Editor_menus .KB_Editor_MultiTools,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -160,24 +160,24 @@
   min-height: inherit ;
 }
 
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li,
-.default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li,
+.default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 
-.large :global .KB_Editor_menus .KB_Editor_MultiTools>li, .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.large :global .KB_Editor_menus .KB_Editor_MultiTools > li, .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   padding: 0 ;
   float: unset;
 }
 
-[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: 0 ;
 }
 
-[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: 0 ;
 }
 
@@ -190,14 +190,14 @@
   float: unset !important;
 }
 
-.large :global .KB_Editor_menus>ul>li>span>svg,
-.default :global .KB_Editor_menus>ul>li>span>svg {
+.large :global .KB_Editor_menus > ul > li > span > svg,
+.default :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size28) ;
   height: var(--zd_size28) ;
 }
 
-.large :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg,
-.default :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.large :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg,
+.default :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
@@ -241,18 +241,18 @@
   left: 0 ;
 }
 
-[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=ltr] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: var(--zd_size2) ;
 }
 
-[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools>li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .large :global .KB_Editor_menus .KB_Editor_MultiTools > li, [dir=rtl] .default :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: var(--zd_size2) ;
 }
 
 /* xlarge type editor - reply area, blue print cases - full height hover style */
 .xlarge :global .KB_Editor,
 .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools,
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -293,7 +293,7 @@
   min-height: inherit ;
 }
 
-.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -302,11 +302,11 @@
   float: unset;
 }
 
-[dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=ltr] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-right: 0 ;
 }
 
-[dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+[dir=rtl] .xlarge :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   margin-left: 0 ;
 }
 
@@ -324,12 +324,12 @@
   padding: var(--zd_size6) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span>svg {
+.xlarge :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size22) ;
   height: var(--zd_size22) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
@@ -354,13 +354,13 @@
   left: 0 ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.SnippetIcon svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.SnippetIcon svg {
   width: var(--zd_size17) ;
   height: var(--zd_size21) ;
   padding: 0 var(--zd_size7) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span.TemplateIcon svg {
+.xlarge :global .KB_Editor_menus > ul > li > span.TemplateIcon svg {
   width: var(--zd_size16) ;
   height: var(--zd_size16) ;
   padding: 0 var(--zd_size9) ;
@@ -393,16 +393,31 @@
   padding: 0 var(--zd_size7) ;
 }
 
-.xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
+.xlarge :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
   width: var(--zd_size12) ;
   height: var(--zd_size12) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
+.xlarge
+  :global
+  .KB_Editor_menus
+  > ul
+  > li
+  > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
+    .TemplateIcon
+  ):not(.KB_Editor_Richtext):not(.KB_Editor_PlainText) {
   height: var(--zd_size21) ;
 }
 
-.xlarge :global .KB_Editor_menus>ul>li>span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(.TemplateIcon)>svg {
+.xlarge
+  :global
+  .KB_Editor_menus
+  > ul
+  > li
+  > span:not(.KB_Editor_Bdr_div):not(.KBEditortools-Block-down-arrow):not(.Kbeditor_more_icon):not(.SnippetIcon):not(
+    .TemplateIcon
+  )
+  > svg {
   width: var(--zd_size21) ;
   height: var(--zd_size21) ;
   padding: 0 var(--zd_size4) ;
@@ -427,7 +442,7 @@
 /* medium type editor - snippet, bug tracker cases */
 .medium :global .KB_Editor,
 .medium :global .KB_Editor_menus .KB_Editor_MultiTools,
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -468,7 +483,7 @@
   min-height: inherit ;
 }
 
-.medium :global .KB_Editor_menus .KB_Editor_MultiTools>li {
+.medium :global .KB_Editor_menus .KB_Editor_MultiTools > li {
   height: unset;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -481,21 +496,21 @@
   line-height: 0;
 }
 
-.medium :global .KB_Editor_menus>ul>li>span>svg {
+.medium :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size22) ;
   height: var(--zd_size22) ;
 }
 
-.medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+.medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
 }
 
-[dir=ltr] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+[dir=ltr] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   padding: 0 0 0 var(--zd_size2) ;
 }
 
-[dir=rtl] .medium :global .KB_Editor_menus>ul>li>span.KB_Editor_Bdr_div>svg {
+[dir=rtl] .medium :global .KB_Editor_menus > ul > li > span.KB_Editor_Bdr_div > svg {
   padding: 0 var(--zd_size2) 0 0 ;
 }
 
@@ -532,7 +547,7 @@
   padding: 0 var(--zd_size3) ;
 }
 
-.medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon>svg {
+.medium :global .KB_Editor_MultiTools li .Kbeditor_more_icon > svg {
   width: var(--zd_size12) ;
   height: var(--zd_size12) ;
 }
@@ -612,13 +627,13 @@
   line-height: 0;
 }
 
-.small :global .KB_Editor_menus>ul>li>span>svg,
-.mini :global .KB_Editor_menus>ul>li>span>svg {
+.small :global .KB_Editor_menus > ul > li > span > svg,
+.mini :global .KB_Editor_menus > ul > li > span > svg {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
 }
 
-.small :global .KB_Editor_menus>ul>li>span>svg, .mini :global .KB_Editor_menus>ul>li>span>svg {
+.small :global .KB_Editor_menus > ul > li > span > svg, .mini :global .KB_Editor_menus > ul > li > span > svg {
   padding: 0 var(--zd_size6) ;
 }
 
@@ -769,4 +784,4 @@
 
 [dir=rtl] .editorHide :global .KB_Editor {
   right: 0 ;
-}
+}

package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -3,11 +3,9 @@
   z-index: 2;
   border-bottom: 1px solid var(--zdt_setupdetail_header_border);
 }
-
 .back {
   width: var(--zd_size60) ;
 }
-
 .backIcon {
   height: var(--zd_size30) ;
   width: var(--zd_size30) ;
@@ -19,11 +17,9 @@
   border-radius: 50%;
   cursor: pointer;
 }
-
 [dir=ltr] .backIcon {
   margin-left: var(--zd_size19) ;
 }
-
 [dir=rtl] .backIcon {
   margin-right: var(--zd_size19) ;
 }
@@ -31,7 +27,6 @@
 .backIcon:hover {
   background-color: var(--zdt_setupdetail_hover_backicon_bg);
 }
-
 .title {
   font-size: var(--zd_font_size16) ;
   line-height: 1;
@@ -39,11 +34,9 @@
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .title {
   padding-right: var(--zd_size12) ;
 }
-
 [dir=rtl] .title {
   padding-left: var(--zd_size12) ;
 }
@@ -51,22 +44,18 @@
 .rightPanel {
   composes: justifyFend from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 .helpInfoCont {
   position: absolute;
   z-index: 10;
 }
-
 [dir=ltr] .helpInfoCont {
   right: 0 ;
   padding: var(--zd_size12) var(--zd_size15) 0 0 ;
 }
-
 [dir=rtl] .helpInfoCont {
   left: 0 ;
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
-
 .helpInfo {
   line-height: 2.3636;
   height: var(--zd_size28) ;
@@ -79,11 +68,9 @@
   text-align: center;
   cursor: pointer;
 }
-
 [dir=ltr] .mr15 {
   margin-right: var(--zd_size15) ;
 }
-
 [dir=rtl] .mr15 {
   margin-left: var(--zd_size15) ;
 }
@@ -91,15 +78,12 @@
 .content {
   z-index: 1;
 }
-
 [dir=ltr] .padding {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size60) ;
 }
-
 [dir=rtl] .padding {
   padding: var(--zd_size10) var(--zd_size60) var(--zd_size10) var(--zd_size25) ;
 }
-
 .popup {
   z-index: 3;
   position: absolute;
@@ -108,23 +92,19 @@
   width: var(--zd_size330) ;
   transition: transform var(--zd_transition3);
   border: 1px solid var(--zdt_setupdetail_popup_border);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_setupdetail_popup_bg);
 }
-
 [dir=ltr] .popup {
   right: 0 ;
   transform: translateX(100%);
 }
-
 [dir=rtl] .popup {
   left: 0 ;
   transform: translateX(-100%);
 }
-
 .popup.open {
   transform: translateX(0);
 }
-
 .close {
   composes: disableFocus from '~@zohodesk/components/lib/common/common.module.css';
 }
@@ -169,4 +149,4 @@
 
 .infoFooter {
   padding: var(--zd_size10) var(--zd_size20) ;
-}
+}

package/lib/layout/SubtabLayout/SubtabLayout.module.css

@@ -9,7 +9,7 @@
 }
 
 .tabHead, .shadowStyle {
-  background: var(--zdt_base_bg);
+  background: var(--zdt_subtablayout_tabhead_bg);
 }
 
 [dir=ltr] .left {

package/lib/list/AvatarFlip/AvatarFlip.module.css

@@ -1,3 +1,3 @@
 .iconStyle {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_avatarflip_default_text);
+}

package/lib/list/DepartmentDropDown/DepartmentDropDown.js

@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -100,7 +102,10 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           onSearch = _this$props3.onSearch,
           needSearchFetching = _this$props3.needSearchFetching,
           searchStr = _this$props3.searchStr,
-          i18nKeys = _this$props3.i18nKeys;
+          i18nKeys = _this$props3.i18nKeys,
+          customProps = _this$props3.customProps;
+      var _customProps$toggleDr = customProps.toggleDropDownProps,
+          toggleDropDownProps = _customProps$toggleDr === void 0 ? {} : _customProps$toggleDr;
       var _i18nKeys$title = i18nKeys.title,
           title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
           _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
@@ -109,7 +114,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
           searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
           _i18nKeys$placeholder = i18nKeys.placeholder,
           placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;
-      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], _extends({
         title: title,
         options: departmentList,
         value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
@@ -138,7 +143,7 @@ var DepartmentDropDown = /*#__PURE__*/function (_Component) {
         isNextOptions: isNextOptions,
         onSearch: onSearch,
         needSearchFetching: needSearchFetching
-      });
+      }, toggleDropDownProps));
     }
   }]);
 

package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css

@@ -1,11 +1,9 @@
 .departmentBox {
   max-width: 100% ;
 }
-
 .departmentBox :global .toggleDropIcon {
   color: var(--zdt_departmentdropdown_default_text);
 }
-
 .departmentBox:hover :global .toggleDropIcon {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_departmentdropdown_default_hover_text);
+}

package/lib/list/DepartmentDropDown/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   isPopupActive: true,
   isNextOptions: false,
   searchStr: '',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/DepartmentDropDown/props/propTypes.js

@@ -31,5 +31,5 @@ var propTypes = (_propTypes = {
   searchEmptyText: _propTypes2["default"].string,
   searchErrorText: _propTypes2["default"].string,
   placeholder: _propTypes2["default"].string
-})), _propTypes);
+})), _defineProperty(_propTypes, "customProps", _propTypes2["default"].string), _propTypes);
 exports.propTypes = propTypes;

package/lib/list/GridStencils/GridStencils.module.css

@@ -1,20 +1,17 @@
 .stenLoading {
   position: relative;
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_gridstencils_default_bg);
   border-bottom: 1px solid var(--zdt_gridstencils_default_border);
   padding: var(--zd_size13) var(--zd_size15) var(--zd_size11) var(--zd_size15) ;
   margin-bottom: var(--zd_size10) ;
   border-radius: var(--zd_size5);
 }
-
 [dir=ltr] .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
-
 [dir=rtl] .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
-
 .stenLoadbody::after {
   content: '';
   height: var(--zd_size22) ;
@@ -24,45 +21,36 @@
   border-radius: 50%;
   background-color: var(--zdt_gridstencils_after_bg);
 }
-
 [dir=ltr] .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
-
 .lineBar {
   width: 90% ;
 }
-
 .lineBar2 {
   width: 70% ;
   margin: var(--zd_size22) 0 ;
 }
-
 .lineBar3 {
   width: 50% ;
 }
-
 .lineBar,
 .lineBar2,
 .lineBar3 {
   height: var(--zd_size5) ;
 }
-
 .lineBar, .lineBar2, .lineBar3 {
   border-radius: var(--zd_size5);
 }
-
 .stenListBAr {
   position: relative;
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -70,7 +58,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -78,13 +65,11 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 .stenListBAr {
   background: var(--zdt_gridstencils_listbar_bg);
   background-image: var(--zdt_gridstencils_listbar_gradient_bg);
   background-repeat: no-repeat;
 }
-
 [dir=ltr] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -92,7 +77,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 [dir=rtl] .stenListBAr {
   -webkit-animation-duration: var(--zd_transition10);
   -webkit-animation-fill-mode: forwards;
@@ -100,7 +84,6 @@
   -webkit-animation-name: placeHolderShimmer;
   -webkit-animation-timing-function: linear;
 }
-
 @keyframes placeHolderShimmer {
   0% {
     background-position: -468px 0;
@@ -110,72 +93,55 @@
     background-position: 468px 0;
   }
 }
-
 .threeLayout .stenLoadbody::before {
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::before {
   left: var(--zd_size16) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::before {
   right: var(--zd_size16) ;
 }
-
 [dir=ltr] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) 0 ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody {
   margin: var(--zd_size8) 0 var(--zd_size8) var(--zd_size20) ;
 }
-
 .threeLayout .stenLoadbody::after {
   top: var(--zd_size15) ;
   transform: scale(0.8);
 }
-
 [dir=ltr] .threeLayout .stenLoadbody::after {
   right: var(--zd_size20) ;
 }
-
 [dir=rtl] .threeLayout .stenLoadbody::after {
   left: var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::before {
   left: var(--zd_size33) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::before {
   right: var(--zd_size33) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size20) var(--zd_size8) var(--zd_size46) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody {
   margin: var(--zd_size8) var(--zd_size46) var(--zd_size8) var(--zd_size20) ;
 }
-
 [dir=ltr] .leftCont .stenLoadbody::after {
   right: var(--zd_size40) ;
 }
-
 [dir=rtl] .leftCont .stenLoadbody::after {
   left: var(--zd_size40) ;
 }
-
 .leftCont .lineBar {
   width: 80% ;
 }
-
 .leftCont .lineBar2 {
   width: 60% ;
 }
-
 .leftCont .lineBar3 {
   width: 40% ;
 }

package/lib/list/Subject/Subject.module.css

@@ -1,5 +1,5 @@
 .varClass {
-  --subject_text: var(--zdt_base_color);
+  --subject_text: var(--zdt_subject_text);
 }
 
 .subject {