@zohodesk/dot 1.7.4 → 1.7.6

package/lib/list/ListLayout/ListLayout.module.css

@@ -1,80 +1,80 @@
-.varClass {
-  --listBorder: var(--zdt_listLayout_border)
-}
-
-.container {
-  position: relative;
-  composes: varClass;
-}
-
-.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
-  background-color: var(--zdt_listLayout_hover_bg);
-}
-
-.active, .active:hover {
-  background-color: var(--zdt_listLayout_active_bg);
-}
-
-.cursorPointer {
-  cursor: pointer
-}
-
-/* View */
-.classic .innerContainer {
-  min-height: var(--zd_size70) ;
-  padding: var(--zd_size13) 0 ;
-}
-
-.compact .innerContainer {
-  min-height: var(--zd_size41) ;
-  padding: var(--zd_size5) 0 ;
-}
-
-.superCompact .innerContainer {
-  min-height: var(--zd_size35) ;
-  padding: var(--zd_size2) 0 ;
-}
-
-.compact .innerContainer,
-.classic .innerContainer,
-.superCompact .innerContainer {
-  /* css:theme-validation:ignore */
-}
-
-.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
-  border-bottom: 1px dotted var(--listBorder);
-}
-
-[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
-  border-left: var(--zd_size2) solid transparent;
-}
-
-[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
-  border-right: var(--zd_size2) solid transparent;
-}
-
-[dir=ltr] .keyboardActive, [dir=ltr] .active {
-  border-top-left-radius: var(--zd_size5);
-  border-bottom-left-radius: var(--zd_size5);
-}
-
-[dir=rtl] .keyboardActive, [dir=rtl] .active {
-  border-top-right-radius: var(--zd_size5);
-  border-bottom-right-radius: var(--zd_size5);
-}
-
-[dir=ltr] .keyboardActive {
-  border-left-color: var(--zdt_listLayout_keyboard_active_border);
-}
-
-[dir=rtl] .keyboardActive {
-  border-right-color: var(--zdt_listLayout_keyboard_active_border);
-}
-
-[dir=ltr] .active {
-  border-left-color: var(--zdt_listLayout_active_border);
-}
-
-[dir=rtl] .active {
-  border-right-color: var(--zdt_listLayout_active_border);
+.varClass {
+  --listBorder: var(--zdt_listLayout_border)
+}
+
+.container {
+  position: relative;
+  composes: varClass;
+}
+
+.listHover:hover, .hoveredStyle, .listHover:focus-within, .hoveredStyle:focus-within {
+  background-color: var(--zdt_listLayout_hover_bg);
+}
+
+.active, .active:hover {
+  background-color: var(--zdt_listLayout_active_bg);
+}
+
+.cursorPointer {
+  cursor: pointer
+}
+
+/* View */
+.classic .innerContainer {
+  min-height: var(--zd_size70) ;
+  padding: var(--zd_size13) 0 ;
+}
+
+.compact .innerContainer {
+  min-height: var(--zd_size41) ;
+  padding: var(--zd_size5) 0 ;
+}
+
+.superCompact .innerContainer {
+  min-height: var(--zd_size35) ;
+  padding: var(--zd_size2) 0 ;
+}
+
+.compact .innerContainer,
+.classic .innerContainer,
+.superCompact .innerContainer {
+  /* css:theme-validation:ignore */
+}
+
+.compact .innerContainer, .classic .innerContainer, .superCompact .innerContainer {
+  border-bottom: 1px dotted var(--listBorder);
+}
+
+[dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
+  border-left: var(--zd_size2) solid transparent;
+}
+
+[dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
+  border-right: var(--zd_size2) solid transparent;
+}
+
+[dir=ltr] .keyboardActive, [dir=ltr] .active {
+  border-top-left-radius: var(--zd_size5);
+  border-bottom-left-radius: var(--zd_size5);
+}
+
+[dir=rtl] .keyboardActive, [dir=rtl] .active {
+  border-top-right-radius: var(--zd_size5);
+  border-bottom-right-radius: var(--zd_size5);
+}
+
+[dir=ltr] .keyboardActive {
+  border-left-color: var(--zdt_listLayout_keyboard_active_border);
+}
+
+[dir=rtl] .keyboardActive {
+  border-right-color: var(--zdt_listLayout_keyboard_active_border);
+}
+
+[dir=ltr] .active {
+  border-left-color: var(--zdt_listLayout_active_border);
+}
+
+[dir=rtl] .active {
+  border-right-color: var(--zdt_listLayout_active_border);
 }

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

@@ -1,35 +1,35 @@
-.varClass {
-  --subject_text: var(--zdt_subject_text);
-}
-
-.subject {
-  composes: varClass;
-  /* css:theme-validation:ignore */
-  color: var(--subject_text);
-  display: block;
-}
-
-.dotted {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.font_regular {
-  font-family: var(--zd_regular);
-}
-
-.font_semibold {
-  font-family: var(--zd_semibold);
-}
-
-.font_bold {
-  font-family: var(--zd_bold);
-}
-
-.font_semibold,
-.font_bold {
-  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.cursorPointer {
-  cursor: pointer;
+.varClass {
+  --subject_text: var(--zdt_subject_text);
+}
+
+.subject {
+  composes: varClass;
+  /* css:theme-validation:ignore */
+  color: var(--subject_text);
+  display: block;
+}
+
+.dotted {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.font_regular {
+  font-family: var(--zd_regular);
+}
+
+.font_semibold {
+  font-family: var(--zd_semibold);
+}
+
+.font_bold {
+  font-family: var(--zd_bold);
+}
+
+.font_semibold,
+.font_bold {
+  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.cursorPointer {
+  cursor: pointer;
 }

package/lib/list/Thread/Thread.module.css

@@ -1,43 +1,43 @@
-.varClass {
-  --icon_color: var(--zdt_thread_iconText);
-}
-.container {
-  composes: varClass;
-  position: relative;
-  color: var(--icon_color);
-  cursor: pointer;
-}
-.container:hover {
-  --icon_color: var(--zdt_thread_hover_iconText);
-}
-.count {
-  font-size: var(--zd_font_size9) ;
-}
-.align_left .count {
-  position: absolute;
-  line-height: normal;
-  top: var(--zd_size3) ;
-}
-[dir=ltr] .align_left .count {
-  text-align: left;
-  left: var(--zd_size8) ;
-}
-[dir=rtl] .align_left .count {
-  text-align: right;
-  right: var(--zd_size8) ;
-}
-.align_right {
-  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
-}
-.align_right .count {
-  position: relative;
-  bottom: var(--zd_size2) ;
-}
-[dir=ltr] .align_right .count {
-  right: var(--zd_size5) ;
-  float: right;
-}
-[dir=rtl] .align_right .count {
-  left: var(--zd_size5) ;
-  float: left;
+.varClass {
+  --icon_color: var(--zdt_thread_iconText);
+}
+.container {
+  composes: varClass;
+  position: relative;
+  color: var(--icon_color);
+  cursor: pointer;
+}
+.container:hover {
+  --icon_color: var(--zdt_thread_hover_iconText);
+}
+.count {
+  font-size: var(--zd_font_size9) ;
+}
+.align_left .count {
+  position: absolute;
+  line-height: normal;
+  top: var(--zd_size3) ;
+}
+[dir=ltr] .align_left .count {
+  text-align: left;
+  left: var(--zd_size8) ;
+}
+[dir=rtl] .align_left .count {
+  text-align: right;
+  right: var(--zd_size8) ;
+}
+.align_right {
+  composes: dInflex alignFend from '~@zohodesk/components/lib/common/common.module.css';
+}
+.align_right .count {
+  position: relative;
+  bottom: var(--zd_size2) ;
+}
+[dir=ltr] .align_right .count {
+  right: var(--zd_size5) ;
+  float: right;
+}
+[dir=rtl] .align_right .count {
+  left: var(--zd_size5) ;
+  float: left;
 }

package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -50,7 +50,7 @@ function DesktopNotificationHeader(props) {
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
-    className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
+    className: "".concat(_DesktopNotificationHeaderModule["default"].container, " ").concat(_DesktopNotificationHeaderModule["default"][variant + '_header'], " ").concat(_DesktopNotificationHeaderModule["default"][type]),
     isCover: false,
     wrap: "wrap"
   }, /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

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

@@ -27,17 +27,18 @@
 }
 
 .info:hover {
-  background-color:var(--zdt_commonalert_info_hover_bg);
+  background-color: var(--zdt_commonalert_info_hover_bg);
 }
 
 .warning:hover {
   background-color: var(--zdt_commonalert_warning_hover_bg);
 }
 
-.danger:hover {
+.danger:hover, .error:hover {
   background-color: var(--zdt_commonalert_danger_hover_bg);
 }
 
-.error:hover {
-  background-color: var(--zdt_commonalert_error_hover_bg);
+
+.primary:hover {
+  background-color: var(--zdt_commonalert_primary_hover_bg);
 }

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', 'primary'])
 };
 exports.propTypes = propTypes;

package/lib/version2/GlobalNotification/GlobalNotification.module.css

@@ -126,17 +126,12 @@
   --globalnotification_text_color: var(--zdt_globalnotification_info_text);
 }
 
-.danger {
+.danger,.error {
   --commonalert_border_color: var(--zdt_commonalert_danger_border);
   --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
   --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
 }
 
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-  --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
-  --globalnotification_text_color: var(--zdt_globalnotification_error_text);
-}
 
 .warning {
   --commonalert_border_color: var(--zdt_commonalert_warning_border);
@@ -144,6 +139,13 @@
   --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
 }
 
+.primary {
+  --commonalert_border_color: var(--zdt_commonalert_primary_border);
+  --globalnotification_bg_color: var(--zdt_globalnotification_primary_bg);
+  --globalnotification_text_color: var(--zdt_globalnotification_primary_text);
+}
+
+
 .text {
   font-size: var(--zd_font_size14) ;
   font-family: var(--zd_semibold);
@@ -152,10 +154,12 @@
   overflow: hidden;
 }
 
+
 [dir=ltr] .text {
   text-align: left;
 }
 
+
 [dir=rtl] .text {
   text-align: right;
 }

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', 'primary']),
   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', 'primary']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
   }),

package/lib/version2/alertIcons/AlertIcons.js

@@ -74,6 +74,9 @@ var alertIconsObject = {
   },
   alarm: {
     AlertIcon: _AlarmAlertIcon["default"]
+  },
+  primary: {
+    AlertIcon: _InfoAlertIcon["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,28 +30,37 @@
 .outer_cls6 {
     fill: var(--alerticons_fill);
 }
-.danger {
+
+.danger,.error {
     --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);
 }
+
 .warning {
     --alerticons_fill: var(--zdt_commonalert_warning_icon);
 }
+
+.primary {
+    --alerticons_fill: var(--zdt_commonalert_primary_icon);
+}
+
 .danger_primary,
 .info_primary,
 .warning_primary,
 .success_primary,
 .error_primary,
 .notify_primary,
-.alarm_primary {
+.alarm_primary,
+.primary_primary {
     fill: var(--zdt_commonalert_secondlayer_bg);
 }
 
@@ -60,8 +70,8 @@
 .success_secondary,
 .error_secondary,
 .notify_secondary,
-.alarm_secondary {
+.alarm_secondary,
+.primary_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', 'primary']),
   variant: _propTypes["default"].oneOf(['primary', 'secondary']),
   dataSelectorId: _propTypes["default"].string
 };

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

@@ -1,88 +1,84 @@
-.varClass {
-  --commonalert_border_color: var(--zdt_commonalert_default_border);
-}
-.container {
-  composes: varClass;
-  position: relative;
-  background-color: var(--zdt_alertlookup_bg);
-  border-style: solid;
-  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) ;
-}
-
-.success {
-  --commonalert_border_color: var(--zdt_commonalert_success_border);
-}
-
-.info,.notification {
-  --commonalert_border_color: var(--zdt_commonalert_info_border);
-}
-
-.danger {
-  --commonalert_border_color: var(--zdt_commonalert_danger_border);
-}
-
-.error {
-  --commonalert_border_color: var(--zdt_commonalert_error_border);
-}
-
-.warning {
-  --commonalert_border_color: var(--zdt_commonalert_warning_border);
-}
-
-[dir=ltr] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
-}
-
-[dir=rtl] .extraSmall {
-  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
-}
-
-.iconContainer {
-  height: var(--zd_size51) ;
-  width: var(--zd_size51) ;
-}
-
-.title {
-  color: var(--zdt_alertlookupnew_text);
-  font-size: var(--zd_font_size18) ;
-  line-height: 1.2222;
-  font-family: var(--zd_bold);
-  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  vertical-align: middle;
-  cursor: default;
-}
-
-[dir=ltr] .title {
-  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
-}
-
-[dir=rtl] .title {
-  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
-}
-
-.iconStyle {
-  display: block;
-}
-
-.close {
-  position: absolute;
-  top: var(--zd_size12) ;
-}
-
-[dir=ltr] .close {
-  right: var(--zd_size12) ;
-}
-
-[dir=rtl] .close {
-  left: var(--zd_size12) ;
+.varClass {
+  --commonalert_border_color: var(--zdt_commonalert_default_border);
+}
+.container {
+  composes: varClass;
+  position: relative;
+  background-color: var(--zdt_alertlookup_bg);
+  border-style: solid;
+  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) ;
+}
+
+.success {
+  --commonalert_border_color: var(--zdt_commonalert_success_border);
+}
+
+.info,.notification {
+  --commonalert_border_color: var(--zdt_commonalert_info_border);
+}
+
+.danger,.error {
+  --commonalert_border_color: var(--zdt_commonalert_danger_border);
+}
+
+.warning {
+  --commonalert_border_color: var(--zdt_commonalert_warning_border);
+}
+
+[dir=ltr] .extraSmall {
+  padding: var(--zd_size12) var(--zd_size45) var(--zd_size12) var(--zd_size16) ;
+}
+
+[dir=rtl] .extraSmall {
+  padding: var(--zd_size12) var(--zd_size16) var(--zd_size12) var(--zd_size45) ;
+}
+
+.iconContainer {
+  height: var(--zd_size51) ;
+  width: var(--zd_size51) ;
+}
+
+.title {
+  color: var(--zdt_alertlookupnew_text);
+  font-size: var(--zd_font_size18) ;
+  line-height: 1.2222;
+  font-family: var(--zd_bold);
+  composes: ftsmooth wbreak from '~@zohodesk/components/lib/common/common.module.css';
+  vertical-align: middle;
+  cursor: default;
+}
+
+[dir=ltr] .title {
+  margin: 0 var(--zd_size5) 0 var(--zd_size10) ;
+}
+
+[dir=rtl] .title {
+  margin: 0 var(--zd_size10) 0 var(--zd_size5) ;
+}
+
+.iconStyle {
+  display: block;
+}
+
+.close {
+  position: absolute;
+  top: var(--zd_size12) ;
+}
+
+[dir=ltr] .close {
+  right: var(--zd_size12) ;
+}
+
+[dir=rtl] .close {
+  left: var(--zd_size12) ;
 }