@zohodesk/dot 1.0.0-temp-203.3 → 1.0.0-temp-204

package/lib/lookup/header/lookupHeaderCommon.module.css

@@ -6,31 +6,38 @@
 }[dir=rtl] .container {
   padding: 0 var(--zd_size10) 0 var(--zd_size30) ;
 }
+
 .default {
   background-color: var(--zdt_lookupheader_default_bg);
   border-bottom: solid 1px var(--zdt_lookupheader_default_border);
 }
+
 .white {
-  background-color: var(--zdt_lookupheader_white_bg);
+  background-color: var(--zdt_base_bg);
   border-bottom: solid 1px var(--zdt_lookupheader_white_border);
 }
+
 .searchContainer, .title {
   margin: 0 var(--zd_size20) ;
 }
+
 [dir=ltr] .searchContainer {
   text-align: right;
 }
+
 [dir=rtl] .searchContainer {
   text-align: left;
 }
+
 .closeContainer {
   /* position: absolute;
   right: 30px;
   top: 50%;
   composes: middleY from '~@zohodesk/components/lib/common/common.module.css'; */
 }
+
 .para {
   font-size: var(--zd_font_size12) ;
   color: var(--zdt_lookupheader_para_text);
   margin: 0 var(--zd_size20) ;
-}
+}

package/lib/setup/header/Search/Search.module.css

@@ -7,12 +7,15 @@
 }[dir=rtl] .container {
   margin-left: var(--zd_size15) ;
 }
+
 .active {
   width: var(--zd_size180) ;
 }
+
 .active .input, .input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
+
 /* css:lineheight-validation:ignore */
 .icon {
   position: absolute;
@@ -28,9 +31,11 @@
 [dir=rtl] .icon {
   left: 0 ;
 }
+
 .icon:hover {
   color: var(--zdt_search_hover_icon);
 }
+
 .input {
   height: var(--zd_size26) ;
   font-size: var(--zd_font_size13) ;
@@ -44,26 +49,33 @@
   appearance: none;
   border: 0;
   border-bottom: 1px solid transparent;
-  background: var(--zdt_search_input_bg);
+  background: var(--zdt_base_bg);
 }
+
 [dir=ltr] .input {
   padding-right: var(--zd_size20) ;
 }
+
 [dir=rtl] .input {
   padding-left: var(--zd_size20) ;
 }
+
 .input::placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-webkit-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-moz-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-ms-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input:focus, .active .input:focus {
   border-bottom-color: var(--zdt_search_input_focus_border);
-}
+}

package/lib/setup/table/Text/TableText.module.css

@@ -1,37 +1,46 @@
 .bold {
   composes: bold from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .semiBold {
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .primaryColor {
   color: var(--zdt_tabletext_primary_text);
 }
+
 .defaultColor {
-  color: var(--zdt_tabletext_default_text);
+  color: var(--zdt_base_color);
 }
+
 .greenColor {
   color: var(--zdt_tabletext_green_text);
 }
+
 .dangerColor {
   color: var(--zdt_tabletext_danger_text);
 }
+
 .small {
   font-size: var(--zd_font_size13) ;
   max-width: 100% ;
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .medium {
   font-size: var(--zd_font_size14) ;
   max-width: 100% ;
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .heading {
   text-transform: uppercase;
   color: var(--zdt_tabletext_heading_text);
   vertical-align: middle;
   composes: small;
 }
+
 .isClickable {
   cursor: pointer;
-}
+}

package/lib/version2/AlertClose/AlertClose.module.css

@@ -27,7 +27,11 @@
 }
 
 .info:hover {
-  background-color:var(--zdt_commonalert_info_hover_bg);
+  background-color: var(--zdt_commonalert_info_hover_bg);
+}
+
+.primaryInfo:hover {
+  background-color: var(--zdt_commonalert_primaryInfo_hover_bg);
 }
 
 .warning:hover {

package/lib/version2/AlertClose/props/propTypes.js

@@ -14,6 +14,6 @@ var propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   onClose: _propTypes["default"].func,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'light', 'primaryInfo'])
 };
 exports.propTypes = propTypes;

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -21,7 +21,7 @@ var _AlertIcons = _interopRequireDefault(require("../alertIcons/AlertIcons"));
 
 var _AlertClose = _interopRequireDefault(require("../AlertClose/AlertClose"));
 
-var _v2GlobalNotificationModule = _interopRequireDefault(require("./v2GlobalNotification.module.css"));
+var _GlobalNotificationModule = _interopRequireDefault(require("./GlobalNotification.module.css"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
@@ -176,26 +176,26 @@ function GlobalNotificationUI(props) {
       ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     ref: eleRef,
-    className: " ".concat(_v2GlobalNotificationModule["default"].message, " \n        ").concat(needShadow && shadowCount >= 2 ? shadowCount > 2 ? "".concat(_v2GlobalNotificationModule["default"].stackShadowTwo, " ").concat(_v2GlobalNotificationModule["default"].stackShadowOne) : _v2GlobalNotificationModule["default"].stackShadowOne : '', "\n        ").concat(type ? _v2GlobalNotificationModule["default"][type] : '', "\n      "),
+    className: " ".concat(_GlobalNotificationModule["default"].message, " \n        ").concat(needShadow && shadowCount >= 2 ? shadowCount > 2 ? "".concat(_GlobalNotificationModule["default"].stackShadowTwo, " ").concat(_GlobalNotificationModule["default"].stackShadowOne) : _GlobalNotificationModule["default"].stackShadowOne : '', "\n        ").concat(type ? _GlobalNotificationModule["default"][type] : '', "\n      "),
     "data-id": "show_".concat(type, "_message"),
     "data-test-id": "show_".concat(type, "_message"),
     tabIndex: 0,
     "data-selector-id": dataSelectorId
   }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    className: "".concat(_v2GlobalNotificationModule["default"].container),
+    className: "".concat(_GlobalNotificationModule["default"].container),
     alignBox: "row",
     isCover: false,
     align: "vertical",
     isInline: true
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _v2GlobalNotificationModule["default"].icon
+    className: _GlobalNotificationModule["default"].icon
   }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
     type: type,
     variant: "secondary"
   })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _v2GlobalNotificationModule["default"].text,
+    className: _GlobalNotificationModule["default"].text,
     onClick: onClick,
     "data-id": "infoMessage",
     "data-test-id": "infoMessage",
@@ -203,7 +203,7 @@ function GlobalNotificationUI(props) {
       __html: message
     }
   })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _v2GlobalNotificationModule["default"].close
+    className: _GlobalNotificationModule["default"].close
   }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
     dataId: "close_".concat(type, "_message"),
     dataTitle: closeTitle,

package/{es/version2/GlobalNotification/v2GlobalNotification.module.css → lib/version2/GlobalNotification/GlobalNotification.module.css}

@@ -132,6 +132,12 @@
   --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
 }
 
+.primaryInfo {
+  --commonalert_border_color: var(--zdt_commonalert_primaryInfo_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_primaryInfo_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_primaryInfo_text);
+}
+
 .error {
   --commonalert_border_color: var(--zdt_commonalert_error_border);
   --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);

package/lib/version2/GlobalNotification/props/propTypes.js

@@ -15,7 +15,7 @@ var propTypes = {
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   showMessage: _propTypes["default"].bool,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'primaryInfo']),
   i18nKeys: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
@@ -33,7 +33,7 @@ var UI_propTypes = {
   closeTitle: _propTypes["default"].string,
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'primaryInfo']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
   }),

package/lib/version2/alertIcons/AlertIcons.js

@@ -69,6 +69,9 @@ var alertIconsObject = {
   info: {
     AlertIcon: _InfoAlertIcon["default"]
   },
+  primaryInfo: {
+    AlertIcon: _InfoAlertIcon["default"]
+  },
   notification: {
     AlertIcon: _NotificationAlertIcon["default"]
   },

package/lib/version2/alertIcons/AlertIcons.module.css

@@ -8,6 +8,7 @@
     width: 100% ;
     height: 100% ;
 }
+
 /* Common */
 .outer_cls2 {
     fill: var(--zdt_alerticons_green_fill);
@@ -29,23 +30,36 @@
 .outer_cls6 {
     fill: var(--alerticons_fill);
 }
+
 .danger {
     --alerticons_fill: var(--zdt_commonalert_danger_icon);
 }
+
 .success {
     --alerticons_fill: var(--zdt_commonalert_success_icon);
 }
+
 .error {
     --alerticons_fill: var(--zdt_commonalert_error_icon);
 }
-.info,.notification,.alarm {
+
+.info,
+.notification,
+.alarm {
     --alerticons_fill: var(--zdt_commonalert_info_icon);
 }
+
+.primaryInfo {
+    --alerticons_fill: var(--zdt_commonalert_primaryInfo_icon);
+}
+
 .warning {
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
+
 .danger_primary,
 .info_primary,
+.primaryInfo_primary,
 .warning_primary,
 .success_primary,
 .error_primary,
@@ -56,6 +70,7 @@
 
 .danger_secondary,
 .info_secondary,
+.primaryInfo_secondary,
 .warning_secondary,
 .success_secondary,
 .error_secondary,
@@ -63,5 +78,4 @@
 .alarm_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
-}
-
+}

package/lib/version2/alertIcons/props/propTypes.js

@@ -15,7 +15,7 @@ var AlarmAlertIcon_propTypes = {
 };
 exports.AlarmAlertIcon_propTypes = AlarmAlertIcon_propTypes;
 var AlertIcons_propTypes = {
-  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm']),
+  type: _propTypes["default"].oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification', 'alarm', 'primaryInfo']),
   variant: _propTypes["default"].oneOf(['primary', 'secondary']),
   dataSelectorId: _propTypes["default"].string
 };

package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css

@@ -1,6 +1,7 @@
 .varClass {
   --commonalert_border_color: var(--zdt_commonalert_default_border);
 }
+
 .container {
   composes: varClass;
   position: relative;
@@ -9,12 +10,15 @@
   border-color: var(--commonalert_border_color);
   border-width: 2px 0 0 0;
 }
+
 .headerLayout {
   min-height: var(--zd_size54) ;
 }
+
 [dir=ltr] .headerLayout {
   padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
 }
+
 [dir=rtl] .headerLayout {
   padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
 }
@@ -23,7 +27,8 @@
   --commonalert_border_color: var(--zdt_commonalert_success_border);
 }
 
-.info,.notification {
+.info,
+.notification {
   --commonalert_border_color: var(--zdt_commonalert_info_border);
 }
 
@@ -53,7 +58,7 @@
 }
 
 .title {
-  color: var(--zdt_alertlookupnew_text);
+  color: var(--zdt_base_color);
   font-size: var(--zd_font_size18) ;
   line-height: 1.2222;
   font-family: var(--zd_bold);

package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css

@@ -3,7 +3,7 @@
 }
 
 .innerSection {
-  color: var(--zdt_alertlookupnew_text);
+  color: var(--zdt_base_color);
   font-size: var(--zd_font_size14) ;
   line-height: 1.428;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
@@ -30,15 +30,21 @@
   overflow: hidden;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
 }
-.horizontalScroll, .verticalScroll, .bothScroll {
+
+.horizontalScroll,
+.verticalScroll,
+.bothScroll {
   height: 100% ;
 }
+
 .horizontalScroll {
   composes: oflowx from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .verticalScroll {
   composes: oflowy from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .bothScroll {
   composes: oflowA from '~@zohodesk/components/lib/common/common.module.css';
 }

package/lib/version2/lookup/alertLookupCommonNew.module.css

@@ -26,7 +26,7 @@
 .noteUl li {
     font-size: var(--zd_font_size12) ;
     /* line-height: var(--zd_size14); */
-    color: var(--zdt_alertlookuop_text);
+    color: var(--zdt_base_color);
     list-style-type: disc;
     line-height: initial;
     margin-bottom: var(--zd_size15) ;

package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -4,7 +4,7 @@
 }
 
 .container {
-  color: var(--zdt_desktopnotification_text);
+  color: var(--zdt_base_color);
   transition: all var(--zd_transition4);
   position: relative;
   max-height: 100% ;
@@ -36,7 +36,8 @@
 .large {
   width: var(--zd_size580) ;
 }
-.tapWidth{
+
+.tapWidth {
   max-width: 100% ;
   min-width: 100% ;
 }
@@ -130,4 +131,4 @@
 .footer {
   overflow: hidden;
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
-}
+}

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -21,7 +21,7 @@ var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"))
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 
-var _Typography = _interopRequireDefault(require("@zohodesk/components/es/v1/Typography/Typography"));
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
 
 var _DesktopNotificationHeaderModule = _interopRequireDefault(require("./DesktopNotificationHeader.module.css"));