impact-ui 5.0.1-beta.1 → 5.0.1-beta.2

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.
Files changed (65) hide show
  1. package/dist/assets/halloween_devil_morning_final.html.js +1304 -0
  2. package/dist/assets/halloween_devil_night_Final.html.js +1299 -0
  3. package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.d.ts.map +1 -1
  4. package/dist/components/HalloweenStyleIntro/HalloweenStyleIntroProvider.js +23 -4
  5. package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts +5 -0
  6. package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.d.ts.map +1 -1
  7. package/dist/components/HalloweenStyleIntro/halloweenIntro.constants.js +5 -0
  8. package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts +10 -3
  9. package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.d.ts.map +1 -1
  10. package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.js +129 -9
  11. package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts +2 -0
  12. package/dist/components/HalloweenStyleIntro/halloweenIntroHtml.test.d.ts.map +1 -0
  13. package/dist/components/Header/Header.types.d.ts +5 -0
  14. package/dist/components/Header/Header.types.d.ts.map +1 -1
  15. package/dist/components/Header/index.d.ts +1 -1
  16. package/dist/components/Header/index.d.ts.map +1 -1
  17. package/dist/components/Header/index.js +4 -0
  18. package/dist/components/Input/index.js +1 -1
  19. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.d.ts.map +1 -1
  20. package/dist/components/Notification/NotificationBody/NotificationList/NotificationChipsList.js +3 -1
  21. package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
  22. package/dist/components/Notification/NotificationBody/NotificationTaskList.js +4 -2
  23. package/dist/components/Notification/index.js +1 -1
  24. package/dist/components/ProfileMenu/ProfileMenu.types.d.ts +5 -0
  25. package/dist/components/ProfileMenu/ProfileMenu.types.d.ts.map +1 -1
  26. package/dist/components/ProfileMenu/index.d.ts +1 -1
  27. package/dist/components/ProfileMenu/index.d.ts.map +1 -1
  28. package/dist/components/ProfileMenu/index.js +5 -1
  29. package/dist/components/TableV36/index.d.ts.map +1 -1
  30. package/dist/components/TableV36/index.js +8 -1
  31. package/dist/components/ThemingPanel/StylesSection.d.ts.map +1 -1
  32. package/dist/components/ThemingPanel/StylesSection.js +5 -4
  33. package/dist/components/ThemingPanel/ThemingPanel.d.ts +1 -1
  34. package/dist/components/ThemingPanel/ThemingPanel.d.ts.map +1 -1
  35. package/dist/components/ThemingPanel/ThemingPanel.js +24 -11
  36. package/dist/components/ThemingPanel/ThemingPanel.types.d.ts +5 -3
  37. package/dist/components/ThemingPanel/ThemingPanel.types.d.ts.map +1 -1
  38. package/dist/components/ThemingPanel/themingPanel.constants.d.ts +4 -0
  39. package/dist/components/ThemingPanel/themingPanel.constants.d.ts.map +1 -1
  40. package/dist/components/ThemingPanel/themingPanel.constants.js +11 -3
  41. package/dist/locales/de-DE.json.d.ts +4 -1
  42. package/dist/locales/de-DE.json.js +4 -1
  43. package/dist/locales/en-US.json.d.ts +4 -1
  44. package/dist/locales/en-US.json.js +4 -1
  45. package/dist/locales/es-ES.json.d.ts +4 -1
  46. package/dist/locales/es-ES.json.js +4 -1
  47. package/dist/mcp-component-registry.json +14 -53
  48. package/dist/stories/designTokensStoryHelpers.d.ts.map +1 -1
  49. package/dist/tokens/ImpactUiThemeProvider.js +2 -2
  50. package/dist/tokens/impactUiPreferences.d.ts +23 -0
  51. package/dist/tokens/impactUiPreferences.d.ts.map +1 -0
  52. package/dist/tokens/impactUiPreferences.js +92 -0
  53. package/dist/tokens/impactUiPreferences.test.d.ts +2 -0
  54. package/dist/tokens/impactUiPreferences.test.d.ts.map +1 -0
  55. package/dist/tokens/index.d.ts +1 -0
  56. package/dist/tokens/index.d.ts.map +1 -1
  57. package/dist/tokens/interfaceStyleDom.d.ts +7 -2
  58. package/dist/tokens/interfaceStyleDom.d.ts.map +1 -1
  59. package/dist/tokens/interfaceStyleDom.js +4 -10
  60. package/dist/tokens/themeDom.d.ts +4 -1
  61. package/dist/tokens/themeDom.d.ts.map +1 -1
  62. package/dist/tokens/themeDom.js +4 -10
  63. package/package.json +1 -1
  64. package/dist/assets/halloween_candle_light.html.js +0 -2320
  65. package/dist/assets/halloween_night.html.js +0 -2307
package/dist/components/Notification/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode("@keyframes impact-notification-sync-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.impact-notification-sync-icon--rotating{animation:impact-notification-sync-spin 1s linear infinite}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-container{background-color:var(--iu-bg-surface-layer-bg);color:var(--iu-on-surface-body);height:100%;transition:width .2s ease-in;width:600px}.impact-notification-container .impact-notification-header{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact-notification-container .impact-notification-header .impact-notification-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:700;line-height:20px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns{align-items:center;display:flex;gap:12px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button{align-items:center;background-color:var(--iu-bg-surface-lighter);border:none;border-radius:8px;color:var(--iu-on-surface-icon);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button .impact-icon{color:inherit}.impact-notification-container .impact-notification-body-container{height:calc(100% - 96px);padding:20px 10px}.impact-notification-container .notification-body-container-full{height:calc(100% - 40px)}.impact-notification-container .impact-notification-body-header-container{align-items:baseline;display:flex;flex-direction:row;gap:12px}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer{height:100%;width:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel{height:calc(100% - 156px);overflow:hidden;padding:20px 6px 0;position:absolute;width:calc(100% - 32px)}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel{height:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel .MuiBox-root:has(.empty-state-container){height:100%}.impact-notification-container .impact-notification-body-header-container .ia-styles.ia-btn{flex-shrink:0}.impact-notification-container .impact-notification-task-list-filter-container{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-primary-lighter);border-radius:12px;min-height:128px;padding:16px;position:absolute;right:0;top:65px;width:379px;z-index:99999}.impact-notification-container .impact-notification-task-list-filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.impact-notification-container .impact-notification-task-list-title{align-items:center;display:flex;gap:4px;margin-bottom:8px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text{color:var(--iu-on-surface-body);font-size:16px;font-weight:600;line-height:24px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text-sub{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle{background-color:var(--iu-bg-surface-lighter);border:1px solid var(--iu-bg-disabled-2);cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:var(--iu-on-surface-caption)}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle{background-color:var(--iu-bg-primary-subtle);border:1px solid var(--iu-bg-primary);cursor:pointer}.impact-notification-container .impact-notification-task-list-filter-item-badge.selected .MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:var(--iu-bg-primary)}.impact-notification-container .body-header-container-full .ia-tabContainer .impact-tab-panel{height:calc(100% - 100px)}.impact-notification-container .impact-notification-footer-container{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact-notification-task-list-container{height:100vh}.impact-notification-task-list-container.empty-state-container{height:100%}.impact-notification-task-list-container .impact-notification-task-list-header{align-items:center;border-bottom:1px solid var(--iu-border-default);box-sizing:border-box;display:flex;justify-content:space-between;min-height:55px;padding-bottom:20px}.impact-notification-task-list-container .impact-notification-task-list-search-container{position:relative}.impact-notification-task-list-container .impact-notification-task-list-search-container .impact-input-wrapper{height:27px;min-width:100%!important;transition:width .2s ease-in-out;width:35px}.impact-notification-task-list-container .impact-notification-task-list-search-container .right-input-icon{position:relative;right:7px;top:1px}.impact-notification-task-list-container .search-expand .impact-input-wrapper{width:240px}.impact-notification-task-list-container .search-expand .right-input-icon{left:0}.impact-notification-task-list-container .impact-notification-task-list-chips{display:flex;flex-basis:90%;gap:4px;overflow:hidden}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item{display:flex;gap:4px}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item .MuiChip-label{font-size:12px!important}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item-hidden{display:flex;gap:4px;overflow:hidden;transition:width .2s ease-in;width:0}.impact-notification-task-list-container .impact-notification-task-list-chips .list-item-full-width{width:100%}.impact-notification-task-list-container .impact-notification-task-list-actions{align-items:center;display:flex;gap:4px}.impact-notification-list-container{height:100%;padding-top:20px}.impact-notification-list-container .impact-notification-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.impact-notification-list-container .impact-notification-list-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.impact-notification-list-container .impact-notification-list-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-notification-list-container .impact-notification-list-items-container{display:flex;flex-direction:column;gap:8px;height:calc(100% - 280px);overflow-y:auto;padding-bottom:20px;scroll-behavior:smooth}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item{align-items:flex-start;background-color:var(--iu-notification-read-read-card-bg);border-radius:12px;display:flex;flex-direction:row;gap:8px;padding:16px 12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-right{transition:width .4s ease-in-out;width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-3{max-width:76%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-2{max-width:84%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-1{max-width:92%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-0{max-width:100%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-checkbox{padding-top:5px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon .impact-notification-list-item-icon-line{height:15px;width:2px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success{background-color:var(--iu-bg-success-subtle);border:1px solid var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail{background-color:var(--iu-bg-error-subtle);border:1px solid var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending{background-color:var(--iu-bg-warning-subtle);border:1px solid var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-width:0;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover){cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left{flex:1;max-width:100%;transition:max-width .3s ease-out}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right){align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons{align-items:center;display:flex;gap:12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn{align-items:center;cursor:pointer;display:flex}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn img,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn img{height:16px;width:16px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn:hover .impact-notification-title-icon path{fill:var(--iu-bg-primary)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{justify-content:flex-end}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{overflow:hidden;width:0}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:none!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:has(.impact-notification-list-item-delete-btn) .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-schedule{align-items:center;color:var(--iu-legacy-gray-badge);display:flex;flex-direction:row;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:flex-start;line-height:15px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description span{color:var(--iu-bg-primary);cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-action-btns{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover) .impact-notification-list-item-header-right{width:0!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card:hover .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .list-item-selected{background-color:var(--iu-bg-primary-subtle)}.impact-notification-list-container .impact-notification-list-items-container .list-item-read{background-color:var(--iu-notification-read-read-bg);border-left:3px solid var(--iu-bg-primary)}.impact-notification-list-empty-state-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-icon{height:72px;width:72px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:28px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-description{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:21px}.impact-notification-container-expand{width:800px}.impact-notification-list-item-bookmark-btn.ia-styles.ia-btn.ia-btn-text svg path{fill:var(--iu-bg-primary)!important}.impact-notification-list-header .impact-notification-list-title-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-header .impact-notification-list-title-loader .css-58ftfq-MuiSkeleton-root{width:40px!important}.impact-notification-list-loader-container .css-70qvj9{left:calc(50% - 157px);position:absolute;top:calc(50% - 15px)}.impact-notification-list-action-btns-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-action-btns-loader .css-1366qbr{position:absolute;right:calc(50% - 150px)}.impact-notification-list-item-date{color:var(--iu-on-surface-label)}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode("@keyframes impact-notification-sync-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.impact-notification-sync-icon--rotating{animation:impact-notification-sync-spin 1s linear infinite}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-container{background-color:var(--iu-bg-surface-layer-bg);color:var(--iu-on-surface-body);height:100%;transition:width .2s ease-in;width:600px}.impact-notification-container .impact-notification-header{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border-bottom:1px solid var(--iu-border-default);display:flex;height:40px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:1}.impact-notification-container .impact-notification-header .impact-notification-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:700;line-height:20px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns{align-items:center;display:flex;gap:12px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button{align-items:center;background-color:var(--iu-bg-surface-lighter);border:none;border-radius:8px;color:var(--iu-on-surface-icon);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.impact-notification-container .impact-notification-header .impact-notification-header-action-btns button .impact-icon{color:inherit}.impact-notification-container .impact-notification-body-container{height:calc(100% - 96px);padding:20px 10px}.impact-notification-container .notification-body-container-full{height:calc(100% - 40px)}.impact-notification-container .impact-notification-body-header-container{align-items:baseline;display:flex;flex-direction:row;gap:12px}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer{height:100%;width:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel{height:calc(100% - 156px);overflow:hidden;padding:20px 6px 0;position:absolute;width:calc(100% - 32px)}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel{height:100%}.impact-notification-container .impact-notification-body-header-container .ia-tabContainer .impact-tab-panel .ia-tabPanel .MuiBox-root:has(.empty-state-container){height:100%}.impact-notification-container .impact-notification-body-header-container .ia-styles.ia-btn{flex-shrink:0}.impact-notification-container .impact-notification-task-list-filter-container{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-bg-primary-lighter);border-radius:12px;min-height:128px;padding:16px;position:absolute;right:0;top:65px;width:379px;z-index:99999}.impact-notification-container .impact-notification-task-list-filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.impact-notification-container .impact-notification-task-list-title{align-items:center;display:flex;gap:4px;margin-bottom:8px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text{color:var(--iu-on-surface-body);font-size:16px;font-weight:600;line-height:24px}.impact-notification-container .impact-notification-task-list-title .impact-notification-task-list-title-text-sub{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.impact-notification-container .impact-notification-task-list-filter-item-badge{display:flex}.impact-notification-container .body-header-container-full .ia-tabContainer .impact-tab-panel{height:calc(100% - 100px)}.impact-notification-container .impact-notification-footer-container{align-items:center;background:var(--iu-bg-surface-layer-bg);border-top:1px solid var(--iu-border-default);bottom:0;display:flex;gap:8px;height:56px;justify-content:flex-end;left:0;padding:0 16px;position:absolute;right:0;z-index:1}.impact-notification-task-list-container{height:100vh}.impact-notification-task-list-container.empty-state-container{height:100%}.impact-notification-task-list-container .impact-notification-task-list-header{align-items:center;border-bottom:1px solid var(--iu-border-default);box-sizing:border-box;display:flex;justify-content:space-between;min-height:55px;padding-bottom:20px}.impact-notification-task-list-container .impact-notification-task-list-search-container{position:relative}.impact-notification-task-list-container .impact-notification-task-list-search-container .impact-input-wrapper{height:27px;min-width:100%!important;transition:width .2s ease-in-out;width:35px}.impact-notification-task-list-container .impact-notification-task-list-search-container .right-input-icon{position:relative;right:7px;top:1px}.impact-notification-task-list-container .search-expand .impact-input-wrapper{width:240px}.impact-notification-task-list-container .search-expand .right-input-icon{left:0}.impact-notification-task-list-container .impact-notification-task-list-chips{display:flex;flex-basis:90%;gap:4px;overflow:hidden}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item{display:flex;gap:4px}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item .MuiChip-label{font-size:12px!important}.impact-notification-task-list-container .impact-notification-task-list-chips .impact-notification-task-list-item-hidden{display:flex;gap:4px;overflow:hidden;transition:width .2s ease-in;width:0}.impact-notification-task-list-container .impact-notification-task-list-chips .list-item-full-width{width:100%}.impact-notification-task-list-container .impact-notification-task-list-actions{align-items:center;display:flex;gap:4px}.impact-notification-list-container{height:100%;padding-top:20px}.impact-notification-list-container .impact-notification-list-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.impact-notification-list-container .impact-notification-list-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.impact-notification-list-container .impact-notification-list-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-notification-list-container .impact-notification-list-items-container{display:flex;flex-direction:column;gap:8px;height:calc(100% - 280px);overflow-y:auto;padding-bottom:20px;scroll-behavior:smooth}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item{align-items:flex-start;background-color:var(--iu-notification-read-read-card-bg);border-radius:12px;display:flex;flex-direction:row;gap:8px;padding:16px 12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-right{transition:width .4s ease-in-out;width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-3{max-width:76%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-2{max-width:84%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-1{max-width:92%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item:hover .impact-notification-list-item-header-left--btns-0{max-width:100%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-checkbox{padding-top:5px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-icon .impact-notification-list-item-icon-line{height:15px;width:2px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success{background-color:var(--iu-bg-success-subtle);border:1px solid var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-success .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-green-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail{background-color:var(--iu-bg-error-subtle);border:1px solid var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-fail .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-red-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending{background-color:var(--iu-bg-warning-subtle);border:1px solid var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .status-pending .impact-notification-list-item-icon-line{background-color:var(--iu-legacy-yellow-badge)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-width:0;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover){cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left{flex:1;max-width:100%;transition:max-width .3s ease-out}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right){align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-start}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons{align-items:center;display:flex;gap:12px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn{align-items:center;cursor:pointer;display:flex}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-left .impact-notification-list-item-title-icons .title-icon-btn img,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn .impact-notification-title-icon,.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-title-icons .title-icon-btn img{height:16px;width:16px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header :is(.impact-notification-list-item-header-left,.impact-notification-list-item-header-right) .impact-notification-list-item-title-icons .title-icon-btn:hover .impact-notification-title-icon path{fill:var(--iu-bg-primary)}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{justify-content:flex-end}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-title{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:800;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{overflow:hidden;width:0}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:none!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:has(.impact-notification-list-item-delete-btn) .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-header:hover .impact-notification-list-item-header-right .impact-notification-list-item-delete-btn~*{display:inline-flex!important;opacity:1!important;visibility:visible!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-schedule{align-items:center;color:var(--iu-legacy-gray-badge);display:flex;flex-direction:row;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:8px;justify-content:flex-start;line-height:15px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description{color:var(--iu-on-surface-body);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-description span{color:var(--iu-bg-primary);cursor:pointer}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item .impact-notification-list-item-container .impact-notification-list-item-action-btns{align-items:center;display:flex;flex-direction:row;gap:8px}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card .impact-notification-list-item-container :is(.impact-notification-list-item-header:focus,.impact-notification-list-item-header:hover) .impact-notification-list-item-header-right{width:0!important}.impact-notification-list-container .impact-notification-list-items-container .impact-notification-list-item.impact-notification-list-item-hover-on-card:hover .impact-notification-list-item-container .impact-notification-list-item-header .impact-notification-list-item-header-right{width:24%!important}.impact-notification-list-container .impact-notification-list-items-container .list-item-selected{background-color:var(--iu-bg-primary-subtle)}.impact-notification-list-container .impact-notification-list-items-container .list-item-read{background-color:var(--iu-notification-read-read-bg);border-left:3px solid var(--iu-bg-primary)}.impact-notification-list-empty-state-container{align-items:center;display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-icon{height:72px;width:72px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:28px}.impact-notification-list-empty-state-container .impact-notification-list-empty-state-content .impact-notification-list-empty-state-description{color:var(--iu-on-surface-caption);font-size:14px;font-weight:500;line-height:21px}.impact-notification-container-expand{width:800px}.impact-notification-list-item-bookmark-btn.ia-styles.ia-btn.ia-btn-text svg path{fill:var(--iu-bg-primary)!important}.impact-notification-list-header .impact-notification-list-title-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-header .impact-notification-list-title-loader .css-58ftfq-MuiSkeleton-root{width:40px!important}.impact-notification-list-loader-container .css-70qvj9{left:calc(50% - 157px);position:absolute;top:calc(50% - 15px)}.impact-notification-list-action-btns-loader .css-tqb5fd-MuiSkeleton-root{display:none}.impact-notification-list-action-btns-loader .css-1366qbr{position:absolute;right:calc(50% - 150px)}.impact-notification-list-item-date{color:var(--iu-on-surface-label)}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState, useCallback, Suspense } from "react";
4
4
  import { NotificationBody } from "./NotificationBody/index.js";
package/dist/components/ProfileMenu/ProfileMenu.types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { BaseComponentProps } from '../../types';
3
3
  import { AvatarProps } from '../Avatar/Avatar.types';
4
+ import { ThemingPanelSettings } from '../ThemingPanel/ThemingPanel.types';
4
5
 
5
6
  /** Configurable row in the profile menu (below Themes, above Logout). */
6
7
  export interface ProfileMenuItem {
@@ -44,6 +45,10 @@ export interface ProfileMenuProps extends BaseComponentProps {
44
45
  onAllSettingsClick?: () => void;
45
46
  /** Called when "Logout" is clicked */
46
47
  onLogoutClick?: () => void;
48
+ /** Called when the user applies changes in the Appearance (Themes) panel */
49
+ onAppearanceApply?: (settings: ThemingPanelSettings) => void;
50
+ /** Called when the user cancels the Appearance panel without applying */
51
+ onAppearanceCancel?: () => void;
47
52
  /** Custom rows after Themes and before the Logout divider */
48
53
  menuItems?: ProfileMenuItem[];
49
54
  }
package/dist/components/ProfileMenu/ProfileMenu.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProfileMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/ProfileMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,4EAA4E;IAC5E,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;CAC/B"}
1
+ {"version":3,"file":"ProfileMenu.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/ProfileMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,yEAAyE;AACzE,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,4EAA4E;IAC5E,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,gFAAgF;IAChF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,wEAAwE;IACxE,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC7D,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;CAC/B"}
package/dist/components/ProfileMenu/index.d.ts CHANGED
@@ -4,7 +4,7 @@ export type { ProfileMenuProps, ProfileMenuItem } from './ProfileMenu.types';
4
4
  /**
5
5
  * Header-avatar profile surface ({@link Popover} `contentOnly`). **Themes** opens {@link ThemingPanel}.
6
6
  */
7
- export declare function ProfileMenu({ anchorEl, open, onClose, userName, userEmail, avatarProps, onMuteNotificationsClick: _onMuteNotificationsClick, onKeyboardShortcutsClick: _onKeyboardShortcutsClick, onReleaseNotesClick: _onReleaseNotesClick, onHelpClick: _onHelpClick, onAllSettingsClick: _onAllSettingsClick, onLogoutClick, menuItems, className, id, 'data-testid': dataTestId, }: ProfileMenuProps): import("react").JSX.Element;
7
+ export declare function ProfileMenu({ anchorEl, open, onClose, userName, userEmail, avatarProps, onMuteNotificationsClick: _onMuteNotificationsClick, onKeyboardShortcutsClick: _onKeyboardShortcutsClick, onReleaseNotesClick: _onReleaseNotesClick, onHelpClick: _onHelpClick, onAllSettingsClick: _onAllSettingsClick, onLogoutClick, onAppearanceApply, onAppearanceCancel, menuItems, className, id, 'data-testid': dataTestId, }: ProfileMenuProps): import("react").JSX.Element;
8
8
  export declare namespace ProfileMenu {
9
9
  var displayName: string;
10
10
  }
package/dist/components/ProfileMenu/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI7E;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,wBAAwB,EAAE,yBAAyB,EACnD,wBAAwB,EAAE,yBAAyB,EACnD,mBAAmB,EAAE,oBAAoB,EACzC,WAAW,EAAE,YAAY,EACzB,kBAAkB,EAAE,mBAAmB,EACvC,aAAa,EACb,SAAS,EACT,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,gBAAgB,+BAyHlB;yBA1Ie,WAAW"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProfileMenu/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI7E;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,wBAAwB,EAAE,yBAAyB,EACnD,wBAAwB,EAAE,yBAAyB,EACnD,mBAAmB,EAAE,oBAAoB,EACzC,WAAW,EAAE,YAAY,EACzB,kBAAkB,EAAE,mBAAmB,EACvC,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,gBAAgB,+BA2HlB;yBA9Ie,WAAW"}
package/dist/components/ProfileMenu/index.js CHANGED
@@ -1,4 +1,4 @@
1
- !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-profile-menu :is(.MuiPaper-root,.ia-profile-menu-paper){background:var(--iu-bg-disabled-1);background-image:none;border:.5px solid var(--iu-border-default);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);color:var(--iu-on-surface-body);margin-top:8px;overflow:hidden;padding:0!important;width:280px}.ia-profile-menu-container{background:var(--iu-bg-disabled-1);display:flex;flex-direction:column;font-family:Manrope,sans-serif;position:relative;width:100%}.ia-profile-menu-banner{background-color:var(--iu-bg-disabled-1);border-radius:16px 16px 0 0;height:148px;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.ia-profile-menu-banner:before{background-image:var(--ia-profile-menu-banner-url);background-position:6px top;background-repeat:no-repeat;background-size:cover;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:rotate(180deg) scale(1.55);transform-origin:center center;z-index:1}.ia-profile-menu-avatar{z-index:1}.ia-profile-menu-avatar .ia-avatar{background-color:var(--iu-primitive-color-green-500)!important;border:4px solid var(--iu-bg-disabled-1);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-bar-elevation);color:var(--iu-on-primary-text);font-size:20px;font-weight:700;height:64px!important;width:64px!important}.ia-profile-menu-identity{align-items:center;display:flex;flex-direction:column;gap:2px;padding:12px 16px 16px;text-align:center;width:100%}.ia-profile-menu-name{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.ia-profile-menu-email{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:24px}.ia-profile-menu-list{background:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:column;gap:2px;padding:8px 8px 12px;width:100%}.ia-profile-menu-item{align-items:center;border-radius:10px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;gap:8px;height:44px;padding:0 12px;width:100%}.ia-profile-menu-item:hover{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-item:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:1px}.ia-profile-menu-item-icon{color:var(--iu-on-surface-icon);flex:none;height:16px;width:16px}.ia-profile-menu-item-label{flex:1;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-profile-menu-item-chevron{color:var(--iu-on-surface-icon);flex:none;height:18px;width:18px}.ia-profile-menu-item-chevron-expand{transition:transform .15s ease}.ia-profile-menu-item-chevron-expanded{transform:rotate(180deg)}.ia-profile-menu-item-active{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-theme-options{display:flex;flex-direction:column;gap:2px;margin:0 0 2px;padding:4px 0 4px 36px}.ia-profile-menu-theme-option{align-items:center;border-radius:8px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;justify-content:space-between;padding:0 12px}.ia-profile-menu-theme-option:hover{background:var(--iu-bg-surface-lighter)}.ia-profile-menu-theme-option-selected{color:var(--iu-bg-primary);font-weight:600}.ia-profile-menu-theme-option-check{color:var(--iu-bg-primary);height:16px;width:16px}.ia-profile-menu-divider{background:var(--iu-border-default);height:1px;margin:4px 6px}.ia-profile-menu-item-logout{background:var(--iu-bg-surface-layer-bg);color:var(--iu-bg-error)}.ia-profile-menu-item-logout .ia-profile-menu-item-icon{color:var(--iu-on-error)}.ia-profile-menu-item-logout:hover{background:var(--iu-bg-primary-subtle)}.ia_profile_main{align-items:center;align-self:stretch;display:flex;flex-direction:column;padding-top:12px;position:relative;width:100%;z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
1
+ !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-styles.ia-profile-menu :is(.MuiPaper-root,.ia-profile-menu-paper){background:var(--iu-bg-disabled-1);background-image:none;border:.5px solid var(--iu-border-default);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);color:var(--iu-on-surface-body);margin-top:8px;overflow:hidden;padding:0!important;width:280px}.ia-profile-menu-container{background:var(--iu-bg-disabled-1);display:flex;flex-direction:column;font-family:Manrope,sans-serif;position:relative;width:100%}.ia-profile-menu-banner{background-color:var(--iu-bg-disabled-1);border-radius:16px 16px 0 0;height:148px;left:-1px;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.ia-profile-menu-banner:before{background-image:var(--ia-profile-menu-banner-url);background-position:6px top;background-repeat:no-repeat;background-size:cover;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:rotate(180deg) scale(1.55);transform-origin:center center;z-index:1}.ia-profile-menu-avatar{z-index:1}.ia-profile-menu-avatar .ia-avatar{background-color:var(--iu-primitive-color-green-500)!important;border:4px solid var(--iu-bg-disabled-1);border-radius:16px;box-shadow:var(--iu-effect-shadow-header-bar-elevation);color:var(--iu-on-primary-text);font-size:20px;font-weight:700;height:64px!important;width:64px!important}.ia-profile-menu-identity{align-items:center;display:flex;flex-direction:column;gap:2px;padding:12px 16px 16px;text-align:center;width:100%}.ia-profile-menu-name{color:var(--iu-on-surface-title);font-size:16px;font-weight:800;line-height:24px}.ia-profile-menu-email{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:24px}.ia-profile-menu-list{background:var(--iu-bg-surface-layer-bg);display:flex;flex-direction:column;gap:2px;padding:8px 8px 12px;width:100%}.ia-profile-menu-item{align-items:center;border-radius:10px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;gap:8px;height:44px;padding:0 12px;width:100%}.ia-profile-menu-item:hover{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-item:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:1px}.ia-profile-menu-item-icon{color:var(--iu-on-surface-icon);flex:none;height:16px;width:16px}.ia-profile-menu-item-label{flex:1;font-size:14px;font-weight:500;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-profile-menu-item-chevron{color:var(--iu-on-surface-icon);flex:none;height:18px;width:18px}.ia-profile-menu-item-chevron-expand{transition:transform .15s ease}.ia-profile-menu-item-chevron-expanded{transform:rotate(180deg)}.ia-profile-menu-item-active{background:var(--iu-bg-primary-subtle)}.ia-profile-menu-theme-options{display:flex;flex-direction:column;gap:2px;margin:0 0 2px;padding:4px 0 4px 36px}.ia-profile-menu-theme-option{align-items:center;border-radius:8px;color:var(--iu-on-surface-body);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:36px;justify-content:space-between;padding:0 12px}.ia-profile-menu-theme-option:hover{background:var(--iu-bg-surface-lighter)}.ia-profile-menu-theme-option-selected{color:var(--iu-bg-primary);font-weight:600}.ia-profile-menu-theme-option-check{color:var(--iu-bg-primary);height:16px;width:16px}.ia-profile-menu-divider{background:var(--iu-border-default);height:1px;margin:4px 6px}.ia-profile-menu-item-logout{background:var(--iu-bg-surface-layer-bg);color:var(--iu-bg-error)}.ia-profile-menu-item-logout .ia-profile-menu-item-icon{color:var(--iu-on-error)}.ia-profile-menu-item-logout:hover{background:var(--iu-bg-primary-subtle)}.ia_profile_main{align-items:center;align-self:stretch;display:flex;flex-direction:column;padding-top:12px;position:relative;width:100%;z-index:1}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { useState } from "react";
4
4
  import { PaintTheme as PaintTheme_default, LogoutIcon as LogoutIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
@@ -24,6 +24,8 @@ function ProfileMenu({
24
24
  onHelpClick: _onHelpClick,
25
25
  onAllSettingsClick: _onAllSettingsClick,
26
26
  onLogoutClick,
27
+ onAppearanceApply,
28
+ onAppearanceCancel,
27
29
  menuItems,
28
30
  className,
29
31
  id,
@@ -147,6 +149,8 @@ function ProfileMenu({
147
149
  ThemingPanel,
148
150
  {
149
151
  open: themingPanelOpen,
152
+ onApply: onAppearanceApply,
153
+ onCancel: onAppearanceCancel,
150
154
  onClose: () => {
151
155
  setThemingPanelOpen(false);
152
156
  }
package/dist/components/TableV36/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA4jE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAqkE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}