@crystaldesign/diva-navigator 26.9.0 → 26.10.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2135,9 +2135,8 @@ var popupDate = "popup-date--2qrU";
2135
2135
  var popupDivider = "popup-divider-oKq0i";
2136
2136
  var popupContainer = "popup-container-StVOE";
2137
2137
  var popupContent = "popup-content-Ixtbi";
2138
- var popupContentNoScroll = "popup-content-no-scroll-BoC3y";
2139
2138
  var popupRichContent = "popup-rich-content-RUDYQ";
2140
- var css_248z$4 = ".wrapper-nEeiH {\n position: relative;\n display: flex;\n align-items: center;\n height: 100%;\n border-left: #f2f2f2 solid 1px;\n padding: 0 14px;\n}\n\n.bell-button-4FCzu {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n color: #333333;\n font-size: 22px;\n line-height: 1;\n}\n\n.bell-button-4FCzu:hover {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.badge-VJAez .MuiBadge-badge {\n color: #ffffff;\n}\n\n.dropdown-header--L5ev {\n padding: 12px 16px;\n border-bottom: 1px solid #ffffff;\n font-weight: 600;\n color: #333333;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.refresh-button-iYphX {\n background: none;\n border: none;\n padding: 4px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #666666;\n border-radius: 4px;\n transition:\n background-color 0.2s,\n color 0.2s;\n}\n\n.refresh-button-iYphX:hover {\n background-color: #e8e8e8;\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.refresh-button-iYphX:active {\n background-color: #d8d8d8;\n}\n\n.list-oAERO {\n overflow-y: auto;\n flex: 1;\n}\n\n.list-item-5776s {\n display: block;\n width: 100%;\n text-align: left;\n border: none;\n border-bottom: 1px solid #ffffff;\n padding: 12px 16px 12px 32px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n position: relative;\n transition: background-color 0.2s ease;\n}\n\n.list-item-unread-4vv9t {\n background-color: #ffffff;\n}\n\n.list-item-read-pcnu8 {\n background-color: #f7f7f7;\n}\n\n.list-item-5776s:hover {\n background-color: #e8e8e8;\n}\n\n.unread-dot-9o8ro {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n background-color: #1677ff;\n background-color: var(--diva-theme-palette-primary-main, #1677ff);\n border-radius: 50%;\n}\n\n.item-header-la3nu {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n width: 100%;\n}\n\n.item-subject-1QAAc {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.list-item-unread-4vv9t .item-subject-1QAAc {\n font-weight: 600;\n color: #111111;\n}\n\n.list-item-read-pcnu8 .item-subject-1QAAc {\n font-weight: 400;\n color: #555555;\n}\n\n.item-date-1p9lQ {\n flex-shrink: 0;\n font-size: 11px;\n}\n\n.list-item-unread-4vv9t .item-date-1p9lQ {\n color: #666666;\n}\n\n.list-item-read-pcnu8 .item-date-1p9lQ {\n color: #999999;\n}\n\n.empty-AMurs {\n padding: 24px 16px;\n text-align: center;\n color: #666666;\n}\n\n.loading-nJYWk {\n display: flex;\n justify-content: center;\n padding: 24px 16px;\n}\n\n.loading-nJYWk .MuiCircularProgress-root {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.loading-more-zz2Ht {\n display: flex;\n justify-content: center;\n padding: 10px 16px;\n}\n\n.loading-more-zz2Ht .MuiCircularProgress-root {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.alert-dGmPN {\n margin: 8px 12px;\n}\n\n.popup-date--2qrU {\n font-size: 11px;\n color: #888888;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0 4px;\n}\n\n.popup-divider-oKq0i {\n height: 1px;\n background-color: #eef0f2;\n margin: 12px 0 16px 0;\n border: none;\n}\n\n.popup-container-StVOE {\n display: flex;\n flex-direction: column;\n max-height: 80vh;\n overflow: hidden;\n}\n\n.popup-content-Ixtbi {\n font-size: 14px;\n line-height: 1.6;\n color: #2c2c2c;\n white-space: pre-wrap;\n word-break: break-word;\n padding: 0 4px 4px 4px;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n}\n\n/* Rich content brings its own scroll container, so the popup content area must not scroll as well. */\n.popup-content-no-scroll-BoC3y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.popup-rich-content-RUDYQ {\n white-space: normal;\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar {\n width: 5px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 3px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 3px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}\n\n.darkmode .dropdown-header--L5ev,\n.darkmode .list-item-5776s,\n.darkmode .item-subject-1QAAc,\n.darkmode .item-date-1p9lQ,\n.darkmode .empty-AMurs {\n color: #333333;\n}\n\n.darkmode .list-item-unread-4vv9t .item-subject-1QAAc {\n color: #111111;\n}\n\n.darkmode .list-item-read-pcnu8 .item-subject-1QAAc {\n color: #555555;\n}\n\n.darkmode .list-item-unread-4vv9t .item-date-1p9lQ {\n color: #666666;\n}\n\n.darkmode .list-item-read-pcnu8 .item-date-1p9lQ {\n color: #999999;\n}\n\n.darkmode .wrapper-nEeiH {\n border-left: black solid 1px;\n}\n";
2139
+ var css_248z$4 = ".wrapper-nEeiH {\n position: relative;\n display: flex;\n align-items: center;\n height: 100%;\n border-left: #f2f2f2 solid 1px;\n padding: 0 14px;\n}\n\n.bell-button-4FCzu {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n color: #333333;\n font-size: 22px;\n line-height: 1;\n}\n\n.bell-button-4FCzu:hover {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.badge-VJAez .MuiBadge-badge {\n color: #ffffff;\n}\n\n.dropdown-header--L5ev {\n padding: 12px 16px;\n border-bottom: 1px solid #ffffff;\n font-weight: 600;\n color: #333333;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.refresh-button-iYphX {\n background: none;\n border: none;\n padding: 4px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #666666;\n border-radius: 4px;\n transition:\n background-color 0.2s,\n color 0.2s;\n}\n\n.refresh-button-iYphX:hover {\n background-color: #e8e8e8;\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.refresh-button-iYphX:active {\n background-color: #d8d8d8;\n}\n\n.list-oAERO {\n overflow-y: auto;\n flex: 1;\n}\n\n.list-item-5776s {\n display: block;\n width: 100%;\n text-align: left;\n border: none;\n border-bottom: 1px solid #ffffff;\n padding: 12px 16px 12px 32px;\n cursor: pointer;\n font-family: inherit;\n font-size: inherit;\n position: relative;\n transition: background-color 0.2s ease;\n}\n\n.list-item-unread-4vv9t {\n background-color: #ffffff;\n}\n\n.list-item-read-pcnu8 {\n background-color: #f7f7f7;\n}\n\n.list-item-5776s:hover {\n background-color: #e8e8e8;\n}\n\n.unread-dot-9o8ro {\n position: absolute;\n left: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n height: 8px;\n background-color: #1677ff;\n background-color: var(--diva-theme-palette-primary-main, #1677ff);\n border-radius: 50%;\n}\n\n.item-header-la3nu {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n width: 100%;\n}\n\n.item-subject-1QAAc {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.list-item-unread-4vv9t .item-subject-1QAAc {\n font-weight: 600;\n color: #111111;\n}\n\n.list-item-read-pcnu8 .item-subject-1QAAc {\n font-weight: 400;\n color: #555555;\n}\n\n.item-date-1p9lQ {\n flex-shrink: 0;\n font-size: 11px;\n}\n\n.list-item-unread-4vv9t .item-date-1p9lQ {\n color: #666666;\n}\n\n.list-item-read-pcnu8 .item-date-1p9lQ {\n color: #999999;\n}\n\n.empty-AMurs {\n padding: 24px 16px;\n text-align: center;\n color: #666666;\n}\n\n.loading-nJYWk {\n display: flex;\n justify-content: center;\n padding: 24px 16px;\n}\n\n.loading-nJYWk .MuiCircularProgress-root {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.loading-more-zz2Ht {\n display: flex;\n justify-content: center;\n padding: 10px 16px;\n}\n\n.loading-more-zz2Ht .MuiCircularProgress-root {\n color: #1677ff;\n color: var(--diva-theme-palette-primary-main, #1677ff);\n}\n\n.alert-dGmPN {\n margin: 8px 12px;\n}\n\n.popup-date--2qrU {\n font-size: 11px;\n color: #888888;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0 4px;\n}\n\n.popup-divider-oKq0i {\n height: 1px;\n background-color: #eef0f2;\n margin: 12px 0 16px 0;\n border: none;\n}\n\n.popup-container-StVOE {\n display: flex;\n flex-direction: column;\n max-height: 80vh;\n overflow: hidden;\n}\n\n.popup-content-Ixtbi {\n font-size: 14px;\n line-height: 1.6;\n color: #2c2c2c;\n white-space: pre-wrap;\n word-break: break-word;\n padding: 0 4px 4px 4px;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: thin;\n}\n\n.popup-rich-content-RUDYQ {\n white-space: normal;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar {\n width: 5px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 3px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 3px;\n}\n\n.popup-content-Ixtbi::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}\n\n.darkmode .dropdown-header--L5ev,\n.darkmode .list-item-5776s,\n.darkmode .item-subject-1QAAc,\n.darkmode .item-date-1p9lQ,\n.darkmode .empty-AMurs {\n color: #333333;\n}\n\n.darkmode .list-item-unread-4vv9t .item-subject-1QAAc {\n color: #111111;\n}\n\n.darkmode .list-item-read-pcnu8 .item-subject-1QAAc {\n color: #555555;\n}\n\n.darkmode .list-item-unread-4vv9t .item-date-1p9lQ {\n color: #666666;\n}\n\n.darkmode .list-item-read-pcnu8 .item-date-1p9lQ {\n color: #999999;\n}\n\n.darkmode .wrapper-nEeiH {\n border-left: black solid 1px;\n}\n";
2141
2140
  styleInject(css_248z$4);
2142
2141
 
2143
2142
  var NotificationsBell = /*#__PURE__*/React.forwardRef(function NotificationsBell(_ref, ref) {
@@ -2396,7 +2395,7 @@ function NotificationPopupContent(_ref) {
2396
2395
  }), /*#__PURE__*/jsx("hr", {
2397
2396
  className: popupDivider
2398
2397
  }), /*#__PURE__*/jsx("div", {
2399
- className: classNames(popupContent, _defineProperty({}, popupContentNoScroll, hasRichContent)),
2398
+ className: popupContent,
2400
2399
  children: hasRichContent ? /*#__PURE__*/jsx("div", {
2401
2400
  className: popupRichContent,
2402
2401
  children: /*#__PURE__*/jsx(ContentItemComponent, {
@@ -1 +1 @@
1
- {"version":3,"file":"PopupContent.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/Notifications/PopupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,UAAU,KAAK;IACb,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,qBAoBvE"}
1
+ {"version":3,"file":"PopupContent.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/Notifications/PopupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,UAAU,KAAK;IACb,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,qBAoBvE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystaldesign/diva-navigator",
3
- "version": "26.9.0",
3
+ "version": "26.10.0-beta.10",
4
4
  "license": "MIT",
5
5
  "devDependencies": {
6
6
  "@testing-library/jest-dom": "^6.5.0",
@@ -10,8 +10,8 @@
10
10
  "react-dom": "18.3.1"
11
11
  },
12
12
  "dependencies": {
13
- "@crystaldesign/content-item": "26.9.0",
14
- "@crystaldesign/organization-selection": "26.9.0",
13
+ "@crystaldesign/content-item": "26.10.0-beta.10",
14
+ "@crystaldesign/organization-selection": "26.10.0-beta.10",
15
15
  "classnames": "^2.5.1",
16
16
  "fuse.js": "^7.0.0",
17
17
  "html5-qrcode": "^2.3.8",
@@ -27,5 +27,5 @@
27
27
  },
28
28
  "module": "build/esm/index.js",
29
29
  "types": "./build/types/navigator/src/index.d.ts",
30
- "gitHead": "9443cddd03d6effa600b7aa62615a508c2ea642b"
30
+ "gitHead": "fbefcf38a7846af17aac44a1de593d47ca344dc1"
31
31
  }