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

package/lib/services/components/ToastNotification/ToastNotificationWrapper.module.css

@@ -0,0 +1,193 @@
+.wrapper {
+    position: absolute;
+    top: 0 ;
+    overflow-y: auto;
+    pointer-events: none;
+    z-index: 1000;
+    scrollbar-width: none;
+}
+
+.wrapper::-webkit-scrollbar {
+    display: none;
+}
+
+
+.header {
+    height: var(--zd_size29) ;
+    width: var(--zd_size420) ;
+    z-index: 3;
+    flex-shrink: 0;
+    position: sticky;
+    top: 0 ;
+    gap: var(--zd_size5) ;
+    pointer-events: auto;
+    background-color: var(--zdt_globalnotification_wrapper_bg);
+    padding: 0 var(--zd_size20) ;
+    box-shadow: 0px 1px 4px 0px var(--zdt_globalNotification_header_shadow);
+    margin-bottom: var(--zd_size2) ;
+    border-top: 1px solid var(--zdt_globalNotification_header_barder);
+}
+
+.showAllButton {
+    color: var(--zdt_globalnotification_wrappar_showall_text);
+    font-size: var(--zd_font_size12) ;
+    transition: background-color var(--zd_transition2);
+    cursor: pointer;
+    padding: var(--zd_size4) var(--zd_size8) ;
+    border-radius: 4px;
+}
+
+.showAllButton:hover {
+    background-color: var(--zdt_globalnotification_wrappar_showall_bg);
+}
+
+[dir=ltr] .showAllButtonText {
+    margin-right: var(--zd_size5) ;
+}
+
+[dir=rtl] .showAllButtonText {
+    margin-left: var(--zd_size5) ;
+}
+
+.clearButton {
+    color: var(--zdt_globalnotification_wrappar_header_text);
+}
+
+.count {
+    composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
+    font-family: var(--zd_semibold);
+    font-size: var(--zd_font_size12) ;
+    color: var(--zdt_globalnotification_wrappar_header_text);
+}
+
+.countText {
+    composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .countText {
+    margin-right: var(--zd_size5) ;
+}
+
+[dir=rtl] .countText {
+    margin-left: var(--zd_size5) ;
+}
+
+.parent {
+    z-index: 2;
+    position: relative;
+    gap: var(--zd_size4) ;
+    align-items: center;
+    width: 100% ;
+}
+
+/* .settingsIcon {
+    color: gray;
+    display: none;
+  }
+  .settingsIcon:hover{
+    color: initial;
+  } */
+
+.notificationToolTip {
+    display: none;
+    position: relative;
+    white-space: initial;
+    top: var(--zd_size70) ;
+    color: var(--zdt_tooltip_default_text);
+    font-size: var(--zd_font_size13) ;
+    line-height: 1.5;
+    font-family: var(--zd_semibold);
+    word-break: break-word;
+    max-width: var(--zd_size420) ;
+    min-height: var(--zd_size24) ;
+    overflow: hidden;
+    z-index: 9999999;
+    pointer-events: none;
+    composes: fadeIn modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+    background-color: var(--zdt_tooltip_default_bg);
+    padding: var(--zd_size3) var(--zd_size13) ;
+    box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
+    border-radius: 4px;
+}
+
+[dir=ltr] .notificationToolTip {
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
+    animation-duration: var(--zd_transition7);
+}
+
+[dir=rtl] .notificationToolTip {
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
+    animation-duration: var(--zd_transition7);
+}
+
+
+.expanded {
+    composes: flyDown modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+}
+
+
+[dir=ltr] .expanded {
+    animation-duration: var(--zd_transition3);
+}
+
+
+[dir=rtl] .expanded {
+    animation-duration: var(--zd_transition3);
+}
+
+.collapse {
+    composes: flyUp modeForward from '~@zohodesk/components/lib/common/animation.module.css';
+}
+
+[dir=ltr] .collapse {
+    animation-duration: var(--zd_transition3);
+}
+
+[dir=rtl] .collapse {
+    animation-duration: var(--zd_transition3);
+}
+
+@keyframes positionCollapseChange {
+    0% {
+        position: relative;
+    }
+
+    100% {
+        position: absolute;
+    }
+}
+
+[dir=ltr] .expanadToCollapseAnimation.collapse>div {
+    animation: positionCollapseChange 0.3s forwards;
+}
+
+[dir=rtl] .expanadToCollapseAnimation.collapse>div {
+    animation: positionCollapseChange 0.3s forwards;
+}
+
+.collapse>div {
+    position: absolute;
+    white-space: nowrap;
+    word-wrap: normal;
+    text-overflow: ellipsis;
+}
+
+.expanded>div {
+    position: relative;
+}
+
+.collapse>div:not(:nth-last-child(-n+2)) {
+    display: none;
+}
+
+.collapse>div:nth-last-child(-n+2) {
+    display: block;
+}
+
+.collapse>div:last-child {
+    white-space: initial;
+}
+
+.parent:hover+.notificationToolTip {
+    display: block;
+}

package/lib/services/components/ToastNotification/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  messagesArray: [],
+  a11y_isErrorNotificationAutoClose: false,
+  a11y_isSuccessNotificationAutoClose: true,
+  a11y_errorNotificationAutoCloseTime: '10',
+  a11y_successNotifcationAutoCloseTime: '3',
+  a11y_notificationView: 'stack',
+  headerTitle: 'Info Message',
+  showAllText: 'Show all',
+  showLessText: 'Show less',
+  clearAllText: 'Clear All'
+};
+exports["default"] = _default;

package/lib/services/components/ToastNotification/props/propTypes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  notificationI18nKeys: _propTypes["default"].object,
+  messages: _propTypes["default"].array,
+  hideToastNotification: _propTypes["default"].func,
+  clearToastNotifications: _propTypes["default"].func,
+  notificationTooltipInfo: _propTypes["default"].string,
+  notificationView: _propTypes["default"].string,
+  isSuccessNotificationAutoClose: _propTypes["default"].bool,
+  successNotifcationAutoCloseTime: _propTypes["default"].string,
+  isErrorNotificationAutoClose: _propTypes["default"].bool,
+  errorNotificationAutoCloseTime: _propTypes["default"].string,
+  headerTitle: _propTypes["default"].string,
+  showAllText: _propTypes["default"].string,
+  showLessText: _propTypes["default"].string,
+  clearAllText: _propTypes["default"].string
+};
+exports["default"] = _default;

package/lib/services/context/DOTAttachmentService.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DOTAttachmentService = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _AttachmentViewer = _interopRequireDefault(require("../components/Attachment/AttachmentViewer"));
+
+var _useDOTAttachmentViewerService = _interopRequireDefault(require("@zohodesk/dotkit/es/react/service/hooks/useDOTAttachmentViewerService"));
+
+var _dotAttachmentServiceMethods = require("@zohodesk/dotkit/es/service/helpers/dotAttachmentServiceMethods");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var DOTAttachmentService = function DOTAttachmentService(props) {
+  var _useDOTAttachmentView = (0, _useDOTAttachmentViewerService["default"])(),
+      attachment = _useDOTAttachmentView.attachment;
+
+  return /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], _extends({
+    attachment: attachment,
+    hideAttachmentViewer: _dotAttachmentServiceMethods.hideAtachmentViewer
+  }, props));
+};
+
+exports.DOTAttachmentService = DOTAttachmentService;
+var _default = DOTAttachmentService;
+exports["default"] = _default;

package/lib/services/context/DOTToastNotificationService.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DOTToastNotificationService = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ToastNotification = _interopRequireDefault(require("../components/ToastNotification/ToastNotification"));
+
+var _useDOTToastNotificationService = _interopRequireDefault(require("@zohodesk/dotkit/es/react/service/hooks/useDOTToastNotificationService"));
+
+var _dotToastNotificationsServiceMethods = require("@zohodesk/dotkit/es/service/helpers/dotToastNotificationsServiceMethods");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+var DOTToastNotificationService = function DOTToastNotificationService(props) {
+  var _useDOTToastNotificat = (0, _useDOTToastNotificationService["default"])(),
+      notifications = _useDOTToastNotificat.notifications;
+
+  return notifications.length > 0 ? /*#__PURE__*/_react["default"].createElement(_ToastNotification["default"], _extends({
+    messages: notifications,
+    hideToastNotification: _dotToastNotificationsServiceMethods.hideToastNotification,
+    clearToastNotifications: _dotToastNotificationsServiceMethods.clearToastNotifications
+  }, props)) : null;
+};
+
+exports.DOTToastNotificationService = DOTToastNotificationService;
+var _default = DOTToastNotificationService;
+exports["default"] = _default;

package/lib/services/helpers/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.constructAttachmentUrl = constructAttachmentUrl;
+exports.getViewURL = getViewURL;
+
+var _Attachment = require("../../AttachmentViewer/Attachment");
+
+function getViewURL(attachment, orgId) {
+  var _attachment$href = attachment.href,
+      href = _attachment$href === void 0 ? '' : _attachment$href;
+  var name = attachment.name;
+  var hasBrowserSupport = (0, _Attachment.isBrowserSupportedFile)(name);
+
+  if (href.indexOf('/api/v1') !== -1) {
+    if (href.indexOf('orgId') === -1) {
+      href = "".concat(href, "?orgId=").concat(orgId);
+      href += hasBrowserSupport ? '&inline=true' : '&inline=false';
+    }
+
+    return href; // eslint-disable-next-line no-else-return
+  } else if (href.indexOf('/webdownload') !== -1) {
+    var URLArr = href.split('?');
+
+    if (URLArr.length === 1) {
+      return href;
+    }
+
+    var URLSearchObj = new URLSearchParams(URLArr[1]);
+    var clientMsg = JSON.parse(URLSearchObj.get('x-cli-msg'));
+    clientMsg.inline = hasBrowserSupport ? 'true' : 'false';
+    URLSearchObj.set('x-cli-msg', JSON.stringify(clientMsg));
+    URLArr[1] = URLSearchObj.toString();
+    return URLArr.join('?');
+  }
+
+  return "".concat(href);
+}
+
+function constructAttachmentUrl() {
+  var href = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var orgId = arguments.length > 1 ? arguments[1] : undefined;
+  var pos = href.indexOf('/api');
+  var url = href;
+
+  if (pos > -1 && url.indexOf('orgId=') === -1) {
+    url = "".concat(url, "?orgId=").concat(orgId);
+  }
+
+  if (url.indexOf('/inlineattachments/') !== -1) {
+    return url;
+  } else if (url.indexOf('&mode=view') !== -1) {
+    url = url.replace('&mode=view', '');
+  } else if (url.indexOf('&inline=true') !== -1) {
+    url = url.replace('&inline=true', '');
+  } else if (url.indexOf(window.encodeURIComponent(',"inline":"true"')) !== -1) {
+    url = url.replace(window.encodeURIComponent(',"inline":"true"'), '');
+  } else if (url.indexOf('/ImageDisplayZSupport?') !== -1) {
+    url = url.endsWith('&') ? url.concat('type=download') : url.concat('&type=download');
+  } else if (url.indexOf('data:image') !== -1) {
+    url = url.replace(/^data:image\/[^;]/, 'data:application/octet-stream');
+  }
+
+  return url;
+}

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

@@ -7,15 +7,12 @@
 }[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;
@@ -31,11 +28,9 @@
 [dir=rtl] .icon {
   left: 0 ;
 }
-
 .icon:hover {
   color: var(--zdt_search_hover_icon);
 }
-
 .input {
   height: var(--zd_size26) ;
   font-size: var(--zd_font_size13) ;
@@ -49,33 +44,26 @@
   appearance: none;
   border: 0;
   border-bottom: 1px solid transparent;
-  background: var(--zdt_base_bg);
+  background: var(--zdt_search_input_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,46 +1,37 @@
 .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_base_color);
+  color: var(--zdt_tabletext_default_text);
 }
-
 .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/utils/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DUMMY_OBJECT = exports.DUMMY_FUNCTION = exports.DUMMY_ARRAY = void 0;
+var DUMMY_ARRAY = [];
+exports.DUMMY_ARRAY = DUMMY_ARRAY;
+var DUMMY_OBJECT = {};
+exports.DUMMY_OBJECT = DUMMY_OBJECT;
+
+var DUMMY_FUNCTION = function DUMMY_FUNCTION() {};
+
+exports.DUMMY_FUNCTION = DUMMY_FUNCTION;

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

@@ -27,11 +27,7 @@
 }
 
 .info:hover {
-  background-color: var(--zdt_commonalert_info_hover_bg);
-}
-
-.primaryInfo:hover {
-  background-color: var(--zdt_commonalert_primaryInfo_hover_bg);
+  background-color:var(--zdt_commonalert_info_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', 'primaryInfo'])
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error', 'light'])
 };
 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 _GlobalNotificationModule = _interopRequireDefault(require("./GlobalNotification.module.css"));
+var _v2GlobalNotificationModule = _interopRequireDefault(require("./v2GlobalNotification.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(_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      "),
+    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      "),
     "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(_GlobalNotificationModule["default"].container),
+    className: "".concat(_v2GlobalNotificationModule["default"].container),
     alignBox: "row",
     isCover: false,
     align: "vertical",
     isInline: true
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _GlobalNotificationModule["default"].icon
+    className: _v2GlobalNotificationModule["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: _GlobalNotificationModule["default"].text,
+    className: _v2GlobalNotificationModule["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: _GlobalNotificationModule["default"].close
+    className: _v2GlobalNotificationModule["default"].close
   }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
     dataId: "close_".concat(type, "_message"),
     dataTitle: closeTitle,

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', 'primaryInfo']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
   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', 'primaryInfo']),
+  type: _propTypes["default"].oneOf(['success', 'danger', 'info', 'warning', 'error']),
   customProps: _propTypes["default"].shape({
     ExtraProps: _propTypes["default"].object
   }),

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

@@ -132,12 +132,6 @@
   --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/alertIcons/AlertIcons.js

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

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

@@ -8,7 +8,6 @@
     width: 100% ;
     height: 100% ;
 }
-
 /* Common */
 .outer_cls2 {
     fill: var(--zdt_alerticons_green_fill);
@@ -30,36 +29,23 @@
 .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,
@@ -70,7 +56,6 @@
 
 .danger_secondary,
 .info_secondary,
-.primaryInfo_secondary,
 .warning_secondary,
 .success_secondary,
 .error_secondary,
@@ -78,4 +63,5 @@
 .alarm_secondary {
     fill: var(--alerticons_fill);
     opacity: 0.1;
-}
+}
+