@kumori/aurora-wui-components 0.0.281-dev4205.12 → 0.0.281-dev4205.14

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 (7) hide show
  1. package/dist/components/axebow-header/axebow-header.d.ts +0 -4
  2. package/dist/components/axebow-header/axebow-header.d.ts.map +1 -1
  3. package/dist/components/axebow-header/parts/axebow-header-actions.d.ts +0 -5
  4. package/dist/components/axebow-header/parts/axebow-header-actions.d.ts.map +1 -1
  5. package/dist/index.js +39 -76
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/components/axebow-header/axebow-header.d.ts CHANGED
@@ -19,12 +19,8 @@ export declare class AxebowHeader extends LitElement {
19
19
  onLogout: () => void;
20
20
  notificationsLabel: string;
21
21
  notifications: FormattedNotificationVM[];
22
- actionNeededNotifications: FormattedNotificationVM[];
23
- myNotificationsTabLabel: string;
24
- actionNeededTabLabel: string;
25
22
  noNotificationsLabel: string;
26
23
  noUnreadNotificationsLabel: string;
27
- noActionNotificationsLabel: string;
28
24
  showUnreadOnlyLabel: string;
29
25
  onLabel: string;
30
26
  offLabel: string;
package/dist/components/axebow-header/axebow-header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-header/axebow-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAElD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,OAAO,UAAS;IAChC,OAAO,SAAM;IACb,OAAO,SAAM;IACT,WAAW,EAAE,MAAM,IAAI,CAAY;IACvC,QAAQ,SAAM;IACd,iBAAiB,SAAM;IACxB,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC9C,yBAAyB,EAAE,uBAAuB,EAAE,CAAM;IACzD,uBAAuB,SAAM;IAC7B,oBAAoB,SAAM;IAC1B,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAEvE,MAAM,CAAC,MAAM,4BAAyC;IAEtD,MAAM;CAiDP"}
1
+ {"version":3,"file":"axebow-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-header/axebow-header.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAElD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEjG;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACE,OAAO,UAAS;IAChC,OAAO,SAAM;IACb,OAAO,SAAM;IACT,WAAW,EAAE,MAAM,IAAI,CAAY;IACvC,QAAQ,SAAM;IACd,iBAAiB,SAAM;IACxB,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAEvE,MAAM,CAAC,MAAM,4BAAyC;IAEtD,MAAM;CA6CP"}
package/dist/components/axebow-header/parts/axebow-header-actions.d.ts CHANGED
@@ -16,7 +16,6 @@ export interface FormattedNotificationVM {
16
16
  color: string;
17
17
  status: 'read' | 'unread';
18
18
  date: string;
19
- callToAction: boolean;
20
19
  actions?: NotificationAction[];
21
20
  onClick: () => void;
22
21
  }
@@ -31,12 +30,8 @@ export declare class AxebowHeaderActions extends LitElement {
31
30
  onLogout: () => void;
32
31
  notificationsLabel: string;
33
32
  notifications: FormattedNotificationVM[];
34
- actionNeededNotifications: FormattedNotificationVM[];
35
- myNotificationsTabLabel: string;
36
- actionNeededTabLabel: string;
37
33
  noNotificationsLabel: string;
38
34
  noUnreadNotificationsLabel: string;
39
- noActionNotificationsLabel: string;
40
35
  showUnreadOnlyLabel: string;
41
36
  onLabel: string;
42
37
  offLabel: string;
package/dist/components/axebow-header/parts/axebow-header-actions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAC/D,OAAO,iEAAiE,CAAC;AACzE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,iEAAiE,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAgBX;IAE0B,QAAQ,SAAM;IACf,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC9C,yBAAyB,EAAE,uBAAuB,EAAE,CAAM;IACzD,uBAAuB,SAAM;IAC7B,oBAAoB,SAAM;IAC1B,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAE9D,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,0BAA0B;IAIlC,MAAM;IA6GN,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,sBAAsB;CA0C/B"}
1
+ {"version":3,"file":"axebow-header-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-header/parts/axebow-header-actions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+DAA+D,CAAC;AACvE,OAAO,uDAAuD,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAgBX;IAE0B,QAAQ,SAAM;IACf,gBAAgB,EAAE,eAAe,EAAE,CAAM;IACxC,WAAW,SAAM;IACb,QAAQ,EAAE,MAAM,IAAI,CAAY;IACpC,kBAAkB,SAAM;IACzB,aAAa,EAAE,uBAAuB,EAAE,CAAM;IAC7C,oBAAoB,SAAM;IAC1B,0BAA0B,SAAM;IAChC,mBAAmB,SAAM;IACzB,OAAO,SAAM;IACb,QAAQ,SAAM;IACd,kBAAkB,SAAM;IACpB,eAAe,EAAE,MAAM,IAAI,CAAY;IAE9D,OAAO,CAAC,cAAc,CAAS;IAExC,OAAO,CAAC,0BAA0B;IAIlC,MAAM;IA6FN,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,sBAAsB;CA0C/B"}
package/dist/index.js CHANGED
@@ -8,9 +8,6 @@ import "@shoelace-style/shoelace/dist/components/button/button.js";
8
8
  import "@shoelace-style/shoelace/dist/components/switch/switch.js";
9
9
  import "@shoelace-style/shoelace/dist/components/dropdown/dropdown.js";
10
10
  import "@shoelace-style/shoelace/dist/components/menu/menu.js";
11
- import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
12
- import "@shoelace-style/shoelace/dist/components/tab/tab.js";
13
- import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
14
11
  import { live } from "lit/directives/live.js";
15
12
  import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
16
13
  import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
@@ -1455,12 +1452,8 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
1455
1452
  this.onLogout = () => {};
1456
1453
  this.notificationsLabel = "";
1457
1454
  this.notifications = [];
1458
- this.actionNeededNotifications = [];
1459
- this.myNotificationsTabLabel = "";
1460
- this.actionNeededTabLabel = "";
1461
1455
  this.noNotificationsLabel = "";
1462
1456
  this.noUnreadNotificationsLabel = "";
1463
- this.noActionNotificationsLabel = "";
1464
1457
  this.showUnreadOnlyLabel = "";
1465
1458
  this.onLabel = "";
1466
1459
  this.offLabel = "";
@@ -1513,44 +1506,30 @@ var AxebowHeaderActions = class AxebowHeaderActions extends LitElement {
1513
1506
  >${this.notificationsLabel}</span
1514
1507
  >
1515
1508
  </div>
1516
- <sl-tab-group class="bg-white rounded-md w-120 text-base">
1517
- <sl-tab slot="nav" panel="my_notifications">${this.myNotificationsTabLabel}</sl-tab>
1518
- <sl-tab slot="nav" panel="action_needed">${this.actionNeededTabLabel}</sl-tab>
1519
-
1520
- <sl-tab-panel class="bg-gray-100" name="my_notifications">
1521
- <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
1522
- ${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
1523
- <div class="flex flex-col text-black gap-4">
1524
- <div class="flex justify-between items-center flex-wrap gap-4">
1525
- <div class="flex items-center py-1">
1526
- <p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
1527
- <axebow-switch
1528
- .checked=${this.showUnreadOnly}
1529
- .onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
1530
- ></axebow-switch>
1531
- <p class="italic text-gray-400 text-base">
1532
- ${this.showUnreadOnly ? this.onLabel : this.offLabel}
1533
- </p>
1534
- </div>
1535
- <button class="text-gray-500 cursor-pointer text-base" @click=${() => this.onMarkAllAsRead()}>
1536
- ${this.markAllAsReadLabel}
1537
- </button>
1509
+ <div class="bg-white rounded-md w-120 text-base pt-2">
1510
+ <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
1511
+ ${this.notifications.length === 0 ? this.renderEmptyState(this.noNotificationsLabel) : html`
1512
+ <div class="flex flex-col text-black gap-4">
1513
+ <div class="flex justify-between items-center flex-wrap gap-4">
1514
+ <div class="flex items-center py-1">
1515
+ <p class="mr-4 text-base">${this.showUnreadOnlyLabel}</p>
1516
+ <axebow-switch
1517
+ .checked=${this.showUnreadOnly}
1518
+ .onChange=${(checked) => this.handleShowUnreadOnlyChange(checked)}
1519
+ ></axebow-switch>
1520
+ <p class="italic text-gray-400 text-base">
1521
+ ${this.showUnreadOnly ? this.onLabel : this.offLabel}
1522
+ </p>
1538
1523
  </div>
1539
- ${this.showUnreadOnly && unreadNotifications.length === 0 ? this.renderEmptyState(this.noUnreadNotificationsLabel) : html` ${notificationsToShow.map((item) => this.renderNotificationCard(item))} `}
1540
- </div>
1541
- `}
1542
- </div>
1543
- </sl-tab-panel>
1544
- <sl-tab-panel class="bg-gray-100" name="action_needed">
1545
- <div class="flex flex-col gap-2 px-4 max-h-[40vh] overflow-auto w-full">
1546
- ${this.actionNeededNotifications.length === 0 ? this.renderEmptyState(this.noActionNotificationsLabel) : html`
1547
- <div class="flex flex-col text-black gap-4">
1548
- ${this.actionNeededNotifications.map((item) => this.renderNotificationCard(item))}
1524
+ <button class="text-gray-500 cursor-pointer text-base" @click=${() => this.onMarkAllAsRead()}>
1525
+ ${this.markAllAsReadLabel}
1526
+ </button>
1549
1527
  </div>
1550
- `}
1551
- </div>
1552
- </sl-tab-panel>
1553
- </sl-tab-group>
1528
+ ${this.showUnreadOnly && unreadNotifications.length === 0 ? this.renderEmptyState(this.noUnreadNotificationsLabel) : html` ${notificationsToShow.map((item) => this.renderNotificationCard(item))} `}
1529
+ </div>
1530
+ `}
1531
+ </div>
1532
+ </div>
1554
1533
  </sl-dropdown>
1555
1534
  <sl-dropdown class="shrink-0">
1556
1535
  <div
@@ -1633,12 +1612,8 @@ __decorate([property({ type: String })], AxebowHeaderActions.prototype, "logoutL
1633
1612
  __decorate([property({ attribute: false })], AxebowHeaderActions.prototype, "onLogout", void 0);
1634
1613
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "notificationsLabel", void 0);
1635
1614
  __decorate([property({ type: Array })], AxebowHeaderActions.prototype, "notifications", void 0);
1636
- __decorate([property({ type: Array })], AxebowHeaderActions.prototype, "actionNeededNotifications", void 0);
1637
- __decorate([property({ type: String })], AxebowHeaderActions.prototype, "myNotificationsTabLabel", void 0);
1638
- __decorate([property({ type: String })], AxebowHeaderActions.prototype, "actionNeededTabLabel", void 0);
1639
1615
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noNotificationsLabel", void 0);
1640
1616
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noUnreadNotificationsLabel", void 0);
1641
- __decorate([property({ type: String })], AxebowHeaderActions.prototype, "noActionNotificationsLabel", void 0);
1642
1617
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "showUnreadOnlyLabel", void 0);
1643
1618
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "onLabel", void 0);
1644
1619
  __decorate([property({ type: String })], AxebowHeaderActions.prototype, "offLabel", void 0);
@@ -1663,12 +1638,8 @@ var AxebowHeader = class AxebowHeader extends LitElement {
1663
1638
  this.onLogout = () => {};
1664
1639
  this.notificationsLabel = "";
1665
1640
  this.notifications = [];
1666
- this.actionNeededNotifications = [];
1667
- this.myNotificationsTabLabel = "";
1668
- this.actionNeededTabLabel = "";
1669
1641
  this.noNotificationsLabel = "";
1670
1642
  this.noUnreadNotificationsLabel = "";
1671
- this.noActionNotificationsLabel = "";
1672
1643
  this.showUnreadOnlyLabel = "";
1673
1644
  this.onLabel = "";
1674
1645
  this.offLabel = "";
@@ -1709,12 +1680,8 @@ var AxebowHeader = class AxebowHeader extends LitElement {
1709
1680
  .onLogout=${this.onLogout}
1710
1681
  .notificationsLabel=${this.notificationsLabel}
1711
1682
  .notifications=${this.notifications}
1712
- .actionNeededNotifications=${this.actionNeededNotifications}
1713
- .myNotificationsTabLabel=${this.myNotificationsTabLabel}
1714
- .actionNeededTabLabel=${this.actionNeededTabLabel}
1715
1683
  .noNotificationsLabel=${this.noNotificationsLabel}
1716
1684
  .noUnreadNotificationsLabel=${this.noUnreadNotificationsLabel}
1717
- .noActionNotificationsLabel=${this.noActionNotificationsLabel}
1718
1685
  .showUnreadOnlyLabel=${this.showUnreadOnlyLabel}
1719
1686
  .onLabel=${this.onLabel}
1720
1687
  .offLabel=${this.offLabel}
@@ -1741,12 +1708,8 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "logoutLabel",
1741
1708
  __decorate([property({ attribute: false })], AxebowHeader.prototype, "onLogout", void 0);
1742
1709
  __decorate([property({ type: String })], AxebowHeader.prototype, "notificationsLabel", void 0);
1743
1710
  __decorate([property({ type: Array })], AxebowHeader.prototype, "notifications", void 0);
1744
- __decorate([property({ type: Array })], AxebowHeader.prototype, "actionNeededNotifications", void 0);
1745
- __decorate([property({ type: String })], AxebowHeader.prototype, "myNotificationsTabLabel", void 0);
1746
- __decorate([property({ type: String })], AxebowHeader.prototype, "actionNeededTabLabel", void 0);
1747
1711
  __decorate([property({ type: String })], AxebowHeader.prototype, "noNotificationsLabel", void 0);
1748
1712
  __decorate([property({ type: String })], AxebowHeader.prototype, "noUnreadNotificationsLabel", void 0);
1749
- __decorate([property({ type: String })], AxebowHeader.prototype, "noActionNotificationsLabel", void 0);
1750
1713
  __decorate([property({ type: String })], AxebowHeader.prototype, "showUnreadOnlyLabel", void 0);
1751
1714
  __decorate([property({ type: String })], AxebowHeader.prototype, "onLabel", void 0);
1752
1715
  __decorate([property({ type: String })], AxebowHeader.prototype, "offLabel", void 0);
@@ -8527,7 +8490,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
8527
8490
  <div class="w-5 h-5 shrink-0 flex items-center justify-center">
8528
8491
  ${icon.spinner ? html`<sl-spinner style="font-size: 0.85rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>` : html`<axebow-icon iconName=${icon.iconName} iconColor=${icon.iconColor} size="md"></axebow-icon>`}
8529
8492
  </div>
8530
- ${icon.label ? html`<span class="text-sm font-semibold" style="color: ${icon.iconColor};">${icon.label}</span>` : ""}
8493
+ ${icon.label ? html`<span class="text-sm font-semibold" style="color: ${icon.iconColor};">: ${icon.label}</span>` : ""}
8531
8494
  </div>
8532
8495
  `;
8533
8496
  return icon.tooltip ? html`<axebow-tooltip content=${icon.tooltip}>${content}</axebow-tooltip>` : content;
@@ -9283,22 +9246,22 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
9283
9246
  </span>
9284
9247
  `)}
9285
9248
  </div>
9286
- ${this.showInvitedNotice ? html`<span class="text-base text-black">${this.invitedNoticeText}</span>` : this.showNoAccountsWarning ? html`<span class="flex items-center gap-1 text-base text-black">
9287
- <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
9288
- ${this.noAccountsWarningText}
9289
- </span>` : this.showCallToActionIssues ? html`<span
9290
- class="flex items-center gap-1 text-base cursor-pointer"
9291
- style="color: ${CRITICALITY_STYLES[this.callToActionCriticality].color};"
9292
- @click=${() => this.onCallToActionClick?.()}
9293
- >
9294
- <div class="w-5 h-5 shrink-0 flex items-center justify-center">
9295
- <axebow-icon
9296
- iconName=${CRITICALITY_STYLES[this.callToActionCriticality].iconName}
9297
- iconColor=${CRITICALITY_STYLES[this.callToActionCriticality].color}
9298
- size="md"
9299
- ></axebow-icon>
9300
- </div>
9301
- ${this.callToActionIssuesText}
9249
+ ${this.showInvitedNotice ? html`<span class="text-base text-black">${this.invitedNoticeText}</span>` : this.showCallToActionIssues ? html`<span
9250
+ class="flex items-center gap-1 text-base cursor-pointer"
9251
+ style="color: ${CRITICALITY_STYLES[this.callToActionCriticality].color};"
9252
+ @click=${() => this.onCallToActionClick?.()}
9253
+ >
9254
+ <div class="w-5 h-5 shrink-0 flex items-center justify-center">
9255
+ <axebow-icon
9256
+ iconName=${CRITICALITY_STYLES[this.callToActionCriticality].iconName}
9257
+ iconColor=${CRITICALITY_STYLES[this.callToActionCriticality].color}
9258
+ size="md"
9259
+ ></axebow-icon>
9260
+ </div>
9261
+ ${this.callToActionIssuesText}
9262
+ </span>` : this.showNoAccountsWarning ? html`<span class="flex items-center gap-1 text-base text-black">
9263
+ <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="md"></axebow-icon>
9264
+ ${this.noAccountsWarningText}
9302
9265
  </span>` : ""}
9303
9266
  </div>
9304
9267