@kumori/aurora-wui-components 0.0.273-dev4131.7 → 0.0.273-dev4131.9

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 (29) hide show
  1. package/dist/components/axebow-actions-footer/axebow-actions-footer.d.ts.map +1 -1
  2. package/dist/components/axebow-collaborators-dialog/axebow-collaborators-dialog.d.ts.map +1 -1
  3. package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map +1 -1
  4. package/dist/components/axebow-divider/axebow-divider.d.ts +17 -0
  5. package/dist/components/axebow-divider/axebow-divider.d.ts.map +1 -0
  6. package/dist/components/axebow-expandable-header/axebow-expandable-header.d.ts.map +1 -1
  7. package/dist/components/axebow-getting-started-card/axebow-getting-started-card.d.ts.map +1 -1
  8. package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts +0 -9
  9. package/dist/components/axebow-mesh-node-renderer/axebow-mesh-node-renderer.d.ts.map +1 -1
  10. package/dist/components/axebow-observability-container/axebow-observability-container.d.ts.map +1 -1
  11. package/dist/components/axebow-refresh-period-panel/axebow-refresh-period-panel.d.ts.map +1 -1
  12. package/dist/components/axebow-registry-selector/axebow-registry-selector.d.ts.map +1 -1
  13. package/dist/components/axebow-role-card/axebow-role-card.d.ts.map +1 -1
  14. package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +1 -1
  15. package/dist/components/axebow-sidebar/axebow-sidebar.d.ts.map +1 -1
  16. package/dist/components/axebow-summary/axebow-summary-card.d.ts.map +1 -1
  17. package/dist/components/axebow-summary/axebow-summary-flavors.d.ts +0 -3
  18. package/dist/components/axebow-summary/axebow-summary-flavors.d.ts.map +1 -1
  19. package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
  20. package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
  21. package/dist/components/axebow-tenant-card/axebow-tenant-card.d.ts.map +1 -1
  22. package/dist/components/axebow-usage-tooltip/axebow-usage-tooltip.d.ts.map +1 -1
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.d.ts.map +1 -1
  25. package/dist/index.js +95 -68
  26. package/dist/index.js.map +1 -1
  27. package/dist/playground/schemas/axebow-divider.schema.d.ts +9 -0
  28. package/dist/playground/schemas/axebow-divider.schema.d.ts.map +1 -0
  29. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -11,7 +11,6 @@ import "@shoelace-style/shoelace/dist/components/switch/switch.js";
11
11
  import "@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";
12
12
  import "@shoelace-style/shoelace/dist/components/tab/tab.js";
13
13
  import "@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js";
14
- import "@shoelace-style/shoelace/dist/components/divider/divider.js";
15
14
  import { live } from "lit/directives/live.js";
16
15
  import "@shoelace-style/shoelace/dist/components/checkbox/checkbox.js";
17
16
  import "@shoelace-style/shoelace/dist/components/carousel/carousel.js";
@@ -1576,6 +1575,65 @@ __decorate([property({ type: String })], AxebowHeader.prototype, "markAllAsReadL
1576
1575
  __decorate([property({ attribute: false })], AxebowHeader.prototype, "onMarkAllAsRead", void 0);
1577
1576
  AxebowHeader = __decorate([customElement("axebow-header")], AxebowHeader);
1578
1577
  //#endregion
1578
+ //#region src/components/axebow-divider/axebow-divider.ts
1579
+ var AxebowDivider = class AxebowDivider extends LitElement {
1580
+ constructor(..._args) {
1581
+ super(..._args);
1582
+ this.type = "solid";
1583
+ this.width = "100%";
1584
+ this.color = "var(--axebow-light-gray)";
1585
+ this.margin = "0.5rem 0";
1586
+ this.thickness = "1px";
1587
+ }
1588
+ static {
1589
+ this.styles = [
1590
+ unsafeCSS(tailwind_default),
1591
+ axebowTheme,
1592
+ css`
1593
+ :host {
1594
+ display: block;
1595
+ width: 100%;
1596
+ }
1597
+ .divider {
1598
+ box-sizing: border-box;
1599
+ border: none;
1600
+ }
1601
+ .divider.solid {
1602
+ height: var(--divider-thickness, 1px);
1603
+ background-color: var(--divider-color, var(--axebow-light-gray));
1604
+ }
1605
+ .divider.dashed {
1606
+ height: 0;
1607
+ border-top: var(--divider-thickness, 1px) dashed var(--divider-color, var(--axebow-light-gray));
1608
+ }
1609
+ .divider.dotted {
1610
+ height: 0;
1611
+ border-top: var(--divider-thickness, 1px) dotted var(--divider-color, var(--axebow-light-gray));
1612
+ }
1613
+ `
1614
+ ];
1615
+ }
1616
+ render() {
1617
+ return html`
1618
+ <div
1619
+ class="divider ${this.type}"
1620
+ style="
1621
+ width: ${this.width};
1622
+ margin: ${this.margin};
1623
+ --divider-color: ${this.color};
1624
+ --divider-thickness: ${this.thickness};
1625
+ "
1626
+ ></div>
1627
+ `;
1628
+ }
1629
+ };
1630
+ __decorate([property({ type: String })], AxebowDivider.prototype, "type", void 0);
1631
+ __decorate([property({ type: String })], AxebowDivider.prototype, "width", void 0);
1632
+ __decorate([property({ type: String })], AxebowDivider.prototype, "color", void 0);
1633
+ __decorate([property({ type: String })], AxebowDivider.prototype, "margin", void 0);
1634
+ __decorate([property({ type: String })], AxebowDivider.prototype, "thickness", void 0);
1635
+ AxebowDivider = __decorate([customElement("axebow-divider")], AxebowDivider);
1636
+ //#endregion
1579
1637
  //#region src/components/axebow-sidebar/axebow-sidebar.ts
1580
1638
  var AxebowSidebar = class AxebowSidebar extends LitElement {
1581
1639
  constructor(..._args) {
@@ -1659,8 +1717,8 @@ var AxebowSidebar = class AxebowSidebar extends LitElement {
1659
1717
  class="sidebar-nav h-full flex flex-col justify-between overflow-hidden pt-2"
1660
1718
  >
1661
1719
  <ul class="flex flex-col gap-0 w-full pb-1">
1662
- ${this.items.map((entry) => "divider" in entry ? html` <sl-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5 h-px bg-(--axebow-light-gray)"></sl-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
1663
- <sl-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5 h-px bg-(--axebow-light-gray)"></sl-divider>
1720
+ ${this.items.map((entry) => "divider" in entry ? html` <axebow-divider class="sidebar-divider w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider> ` : this._renderNavItem(entry, this._isSelected(entry)))}
1721
+ <axebow-divider class="compact-divider hidden w-[calc(100%-10px)] mx-auto my-1.5" margin="0"></axebow-divider>
1664
1722
  </ul>
1665
1723
  <ul class="flex flex-col gap-0 w-full">
1666
1724
  ${this.bottomItems.map((item) => this._renderBottomItem(item))}
@@ -3524,7 +3582,7 @@ var AxebowRegistrySelector = class AxebowRegistrySelector extends LitElement {
3524
3582
  <axebow-icon iconName="add" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
3525
3583
  ${this.labels.createNewSecretLabel}
3526
3584
  </div>
3527
- ${secretOptions.length > 0 ? html`<sl-divider></sl-divider>` : ""}
3585
+ ${secretOptions.length > 0 ? html`<axebow-divider margin="0.25rem 0"></axebow-divider>` : ""}
3528
3586
  ${secretOptions.map((s) => html`<sl-option value="${s.name}">${s.name}</sl-option>`)}
3529
3587
  ${secretOptions.length === 0 ? html`<sl-option disabled>${this.labels.noSecretsAvailableLabel}</sl-option>` : ""}
3530
3588
  </sl-select>
@@ -3740,9 +3798,6 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3740
3798
  padding: 1rem;
3741
3799
  }
3742
3800
  }
3743
- sl-divider.nomargin {
3744
- margin: 0 !important;
3745
- }
3746
3801
  .collaborators-scroll::-webkit-scrollbar {
3747
3802
  width: 4px;
3748
3803
  }
@@ -3849,12 +3904,12 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3849
3904
  </div>
3850
3905
  </div>
3851
3906
  <div class="flex flex-col flex-1 min-h-0 mt-5">
3852
- <sl-divider></sl-divider>
3907
+ <axebow-divider></axebow-divider>
3853
3908
  <h3 class="text-base font-medium text-black mb-3 mt-4 shrink-0">${this.labels.actualCollaborators}</h3>
3854
3909
  <div class="collaborators-scroll flex-1 min-h-0 overflow-y-auto">
3855
3910
  ${this.collaborators.length > 0 ? html`
3856
3911
  <div class="mr-2">
3857
- <sl-divider class="nomargin"></sl-divider>
3912
+ <axebow-divider margin="0"></axebow-divider>
3858
3913
  ${this.collaborators.map((c, index) => html`
3859
3914
  <div
3860
3915
  class="flex items-center justify-between py-2.5
@@ -3918,7 +3973,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3918
3973
  `)}
3919
3974
  </div>
3920
3975
 
3921
- <sl-divider class="nomargin"></sl-divider>
3976
+ <axebow-divider margin="0"></axebow-divider>
3922
3977
 
3923
3978
  <div class="py-1">
3924
3979
  ${this.selectedRole[c.email] && this.selectedRole[c.email] !== c.permission ? html` <sl-menu-item
@@ -3973,7 +4028,7 @@ var AxebowCollaboratorsDialog = class AxebowCollaboratorsDialog extends LitEleme
3973
4028
  `}
3974
4029
  </div>
3975
4030
  </div>
3976
- <sl-divider class="nomargin"></sl-divider>
4031
+ <axebow-divider margin="0"></axebow-divider>
3977
4032
  `)}
3978
4033
  </div>
3979
4034
  ` : html`
@@ -5164,9 +5219,12 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
5164
5219
  </p>
5165
5220
  </axebow-banner>
5166
5221
 
5167
- <sl-divider
5168
- style="width: 100%; max-width: 30.25rem; --width: 0.0625rem; --color: var(--axebow-gray); --spacing: 0; margin: 0 !important;"
5169
- ></sl-divider>
5222
+ <axebow-divider
5223
+ width="100%"
5224
+ color="var(--axebow-gray)"
5225
+ margin="0"
5226
+ style="max-width: 30.25rem;"
5227
+ ></axebow-divider>
5170
5228
 
5171
5229
  <axebow-input
5172
5230
  style="width: 30.25rem;"
@@ -7145,7 +7203,7 @@ function buildAddButton(channelType) {
7145
7203
  return container;
7146
7204
  }
7147
7205
  function buildDivider() {
7148
- const divider = document.createElement("sl-divider");
7206
+ const divider = document.createElement("axebow-divider");
7149
7207
  divider.classList.add("mesh-node-divider");
7150
7208
  return divider;
7151
7209
  }
@@ -7528,7 +7586,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
7528
7586
  <div class="w-294 flex flex-col bg-white rounded-md shadow-sm">
7529
7587
  <h2 class="text-md font-bold text-center mt-6 mx-6 mb-4 text-(--axebow-primary)">${this.heading}</h2>
7530
7588
  <div class="w-282 mx-6">
7531
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
7589
+ <axebow-divider margin="0"></axebow-divider>
7532
7590
  </div>
7533
7591
  <div class="w-282 h-52.75 mx-6 flex flex-col">
7534
7592
  <p class="text-base text-center my-4 text-black">${this.description}</p>
@@ -7546,7 +7604,7 @@ var AxebowGettingStartedCard = class AxebowGettingStartedCard extends LitElement
7546
7604
  </div>
7547
7605
  </div>
7548
7606
  <div class="w-282 mx-6 mt-4 mb-4">
7549
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
7607
+ <axebow-divider margin="0"></axebow-divider>
7550
7608
  </div>
7551
7609
  <div class="w-139 h-9.5 mx-auto mb-6 flex items-center justify-center gap-4">
7552
7610
  ${this.contactUrl ? html`
@@ -8810,7 +8868,7 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
8810
8868
  </div>
8811
8869
 
8812
8870
  <div class="w-full">
8813
- <sl-divider style="width: 100%; margin: 0;"></sl-divider>
8871
+ <axebow-divider margin="0"></axebow-divider>
8814
8872
  </div>
8815
8873
 
8816
8874
  ${this._renderContent()}
@@ -9104,14 +9162,11 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
9104
9162
  :host {
9105
9163
  display: block;
9106
9164
  }
9107
- sl-divider {
9108
- margin: 0;
9109
- }
9110
9165
  `];
9111
9166
  }
9112
9167
  render() {
9113
9168
  return html`
9114
- <sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
9169
+ <axebow-divider margin="0"></axebow-divider>
9115
9170
  <div
9116
9171
  class="flex items-center gap-2 flex-wrap pt-4"
9117
9172
  style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
@@ -9136,7 +9191,7 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
9136
9191
  <div class="${this.expanded ? "block pb-4" : "hidden"}">
9137
9192
  <slot></slot>
9138
9193
  </div>
9139
- <sl-divider class="h-px bg-(--axebow-light-gray)"></sl-divider>
9194
+ <axebow-divider margin="0"></axebow-divider>
9140
9195
  `;
9141
9196
  }
9142
9197
  };
@@ -9183,7 +9238,7 @@ var AxebowActionsFooter = class AxebowActionsFooter extends LitElement {
9183
9238
  <div
9184
9239
  class="w-full bg-(--axebow-base) box-border ${this.isOverlappingContent ? "shadow-[0_-8px_8px_-8px_rgba(13,24,33,0.15)]" : ""}"
9185
9240
  >
9186
- <sl-divider class="h-px bg-(--axebow-light-gray)" style="margin: 1rem 0;"></sl-divider>
9241
+ <axebow-divider margin="1rem 0"></axebow-divider>
9187
9242
  <div class="h-10 box-content flex items-center pb-6">
9188
9243
  <div class="flex items-center gap-8 shrink-0 mr-8">
9189
9244
  <axebow-button
@@ -9421,10 +9476,6 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
9421
9476
  :host {
9422
9477
  display: block;
9423
9478
  }
9424
- sl-divider {
9425
- --color: var(--axebow-gray);
9426
- --width: 1px;
9427
- }
9428
9479
  sl-input::part(base) {
9429
9480
  width: 100%;
9430
9481
  height: 2.5rem;
@@ -9450,7 +9501,7 @@ var AxebowRoleCard = class AxebowRoleCard extends LitElement {
9450
9501
  <div class="w-87 h-4.25 flex items-center">
9451
9502
  <h1 class="m-0 uppercase text-left text-base font-semibold text-(--axebow-gray) truncate">${this.name}</h1>
9452
9503
  </div>
9453
- <sl-divider></sl-divider>
9504
+ <axebow-divider color="var(--axebow-gray)"></axebow-divider>
9454
9505
  <div class="w-12.5 h-12.5 shrink-0">
9455
9506
  <img src=${this.logoUrl} class="w-full h-full object-contain" />
9456
9507
  </div>
@@ -9856,7 +9907,7 @@ var AxebowRefreshPeriodPanel = class AxebowRefreshPeriodPanel extends LitElement
9856
9907
  <sl-menu-item @click=${() => this._handleSelect(null)} ?selected=${this.offSelected}>
9857
9908
  <div class="flex items-center gap-2">${this.offLabel}</div>
9858
9909
  </sl-menu-item>
9859
- <sl-divider></sl-divider>
9910
+ <axebow-divider margin="0.25rem 0"></axebow-divider>
9860
9911
  ${this.periods.map((period) => html`
9861
9912
  <sl-menu-item @click=${() => this._handleSelect(period.value)} ?selected=${period.selected}>
9862
9913
  <div class="flex items-center gap-2">${period.label}</div>
@@ -10207,18 +10258,6 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10207
10258
  display: block;
10208
10259
  height: 100%;
10209
10260
  }
10210
- /* The plain, solid divider used between every summary section -
10211
- matches whatever separates the step titles. */
10212
- sl-divider.summary-title-divider {
10213
- --color: var(--axebow-table-header-border, #dbdde4);
10214
- --spacing: 0.75rem;
10215
- }
10216
- /* Dashed variant used inside the autoscaling summary. */
10217
- sl-divider.summary-dashed-divider {
10218
- --color: var(--axebow-base);
10219
- --spacing: 0.75rem;
10220
- border-top-style: dashed !important;
10221
- }
10222
10261
  `
10223
10262
  ];
10224
10263
  }
@@ -10253,7 +10292,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10253
10292
  ${this._renderDeploymentInfo()}
10254
10293
  <div class="h-px border-t border-dashed border-gray-400 my-4"></div>
10255
10294
  ${this._renderResourceLimits()}
10256
- <sl-divider class="summary-title-divider"></sl-divider>
10295
+ <axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>
10257
10296
  <div class="flex-1 overflow-y-auto flex flex-col">
10258
10297
  ${this._renderIdentificationStep()} ${this._renderResourcesStep()} ${this._renderScalingStep()}
10259
10298
  ${this._renderChannelsStep()} ${this._renderConfigurationStep()}
@@ -10436,11 +10475,11 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10436
10475
  <p class="font-semibold text-base lg:text-lg text-(--axebow-black) mb-2">${config.title}</p>
10437
10476
  ${config.minReplicas ? this._field(config.minLabel, config.minReplicas.value, config.minReplicas.hasError) : ""}
10438
10477
  ${config.maxReplicas ? this._field(config.maxLabel, config.maxReplicas.value) : ""}
10439
- ${hasScaleDownInfo ? html`<sl-divider class="summary-dashed-divider"></sl-divider>` : ""}
10478
+ ${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
10440
10479
  ${config.cpuDown ? this._field(config.scaleDownCpuLabel, `${config.cpuDown}%`) : ""}
10441
10480
  ${config.cpuDown && config.memoryDown ? html`<p class="text-base text-(--axebow-black)">${config.andLabel}</p>` : ""}
10442
10481
  ${config.memoryDown ? this._field(config.scaleDownMemoryLabel, `${config.memoryDown}%`) : ""}
10443
- ${hasScaleDownInfo ? html`<sl-divider class="summary-dashed-divider"></sl-divider>` : ""}
10482
+ ${hasScaleDownInfo ? html`<axebow-divider type="dashed" color="var(--axebow-base)" margin="0.75rem 0"></axebow-divider>` : ""}
10444
10483
  ${config.histeresys ? this._field(config.cooldownLabel, config.histeresys) : ""}
10445
10484
  </div>
10446
10485
  `;
@@ -10532,7 +10571,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
10532
10571
  <div>
10533
10572
  ${step.items.length ? html`
10534
10573
  ${plainItems.length ? this._renderNameValueGrid(plainItems, step.variableNameLabel, step.variableValueLabel) : ""}
10535
- ${pathItems.length && plainItems.length ? html`<sl-divider class="summary-title-divider"></sl-divider>` : ""}
10574
+ ${pathItems.length && plainItems.length ? html`<axebow-divider color="var(--axebow-table-header-border, #dbdde4)" margin="0.75rem 0"></axebow-divider>` : ""}
10536
10575
  ${pathItems.length ? this._renderNameValueGrid(pathItems.map((item) => ({
10537
10576
  name: item.name,
10538
10577
  value: item.path
@@ -10821,7 +10860,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10821
10860
  <slot></slot>
10822
10861
  </div>
10823
10862
  ` : ""}
10824
- <sl-divider></sl-divider>
10863
+ <axebow-divider></axebow-divider>
10825
10864
  `;
10826
10865
  }
10827
10866
  _handleToggle() {
@@ -10892,7 +10931,7 @@ var AxebowSummaryCard = class AxebowSummaryCard extends LitElement {
10892
10931
  >
10893
10932
  <div class="h-full flex flex-col">
10894
10933
  ${this._renderHeader()}
10895
- <sl-divider></sl-divider>
10934
+ <axebow-divider></axebow-divider>
10896
10935
  <div class="${this.isSummaryOpen ? "" : "hidden"} lg:block flex-1 mt-4">
10897
10936
  <slot></slot>
10898
10937
  </div>
@@ -10992,7 +11031,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
10992
11031
  if (!this.limits || !this.labels) return html``;
10993
11032
  return html`
10994
11033
  ${this.renderSection(this.labels.hardLimits, "max")}
10995
- <sl-divider></sl-divider>
11034
+ <axebow-divider></axebow-divider>
10996
11035
  ${this.renderSection(this.labels.softLimits, "min")}
10997
11036
  `;
10998
11037
  }
@@ -11018,14 +11057,12 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
11018
11057
  ${this.hasFlavors || this.nodes || this.highAvailable !== void 0 || this.autoscale !== void 0 || this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
11019
11058
  <div class="flex w-full gap-[2%]">
11020
11059
  <div class="flex-1 flex flex-col gap-2">
11021
- <p class="font-semibold">${this.labels.workload}</p>
11022
11060
  ${this.hasFlavors && this.flavors?.small?.[0] ? html`<p>${this.labels.runtimePlane}</p>` : ""}
11023
11061
  <p>${this.labels.numberOfVms}</p>
11024
11062
  ${this.hasFlavors && this.flavors?.medium?.[0] ? html`<p>${this.labels.controlPlane}</p>` : ""}
11025
11063
  ${this.highAvailable !== void 0 ? html`<p>${this.labels.highAvailable}</p>` : ""}
11026
11064
  </div>
11027
11065
  <div class="flex-1 flex flex-col gap-2">
11028
- <p class="font-semibold">${this.labels.selectedFlavor}</p>
11029
11066
  ${this.hasFlavors && this.flavors?.small?.[0] ? html`<p><span class="text-(--axebow-primary)">${this.flavors?.small?.[0]}</span></p>` : ""}
11030
11067
  <p><span class="text-(--axebow-primary)">${this.nodes?.max || "0"}</span></p>
11031
11068
 
@@ -11038,15 +11075,14 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
11038
11075
  </div>
11039
11076
  </div>
11040
11077
  ${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
11078
+ <axebow-divider type="dashed"></axebow-divider>
11041
11079
  <div class="flex w-full gap-[2%] mt-2">
11042
11080
  <div class="flex-1 flex flex-col gap-2">
11043
- <p class="font-semibold">${this.labels.storage}</p>
11044
11081
  ${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
11045
11082
  ${this.supportedStorage.includes("nonReplicated") && this.flavors?.nonReplicated?.[0] ? html`<p>${this.labels.nonReplPersistent}</p>` : ""}
11046
11083
  ${this.supportedStorage.includes("persistent") && this.flavors?.persistent?.[0] ? html`<p>${this.labels.persistentReplicated}</p>` : ""}
11047
11084
  </div>
11048
11085
  <div class="flex-1 flex flex-col gap-2">
11049
- <p class="font-semibold">${this.labels.selectedFlavor}</p>
11050
11086
  ${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>
11051
11087
  <span class="text-(--axebow-primary)">${this.flavors?.volatile?.[0]}</span>
11052
11088
  </p>` : ""}
@@ -12116,9 +12152,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12116
12152
  border: 3px solid var(--axebow-table-border);
12117
12153
  width: 300px;
12118
12154
  }
12119
- sl-divider.dotted-divider {
12120
- border-top: 1.5px dashed var(--axebow-light-gray);
12121
- }
12122
12155
  `];
12123
12156
  }
12124
12157
  render() {
@@ -12132,19 +12165,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12132
12165
  <span>${this.storageLabel} </span>
12133
12166
  <span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
12134
12167
  </div>
12135
- <sl-divider class="dotted-divider"></sl-divider>
12168
+ <axebow-divider type="dashed"></axebow-divider>
12136
12169
  <div class="flex space-between ml-2 items-center gap-1">
12137
12170
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12138
12171
  <span>${this.volatileLabel} </span>
12139
12172
  <span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
12140
12173
  </div>
12141
- <sl-divider class="dotted-divider"></sl-divider>
12174
+ <axebow-divider type="dashed"></axebow-divider>
12142
12175
  <div class="flex space-between ml-2 items-center gap-1">
12143
12176
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12144
12177
  <span>${this.nonRepPersLabel} </span>
12145
12178
  <span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
12146
12179
  </div>
12147
- <sl-divider class="dotted-divider"></sl-divider>
12180
+ <axebow-divider type="dashed"></axebow-divider>
12148
12181
  <div class="flex space-between ml-2 items-center gap-1">
12149
12182
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12150
12183
  <span>${this.persistentRepLabel} </span>
@@ -12638,12 +12671,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12638
12671
  .log-filter-dropdown::part(panel) {
12639
12672
  width: 17rem !important;
12640
12673
  }
12641
- sl-divider {
12642
- height: 0.0625rem !important;
12643
- border-top: none !important;
12644
- background-color: var(--axebow-light-gray);
12645
- margin-bottom: 0.90625rem !important;
12646
- }
12647
12674
  `
12648
12675
  ];
12649
12676
  }
@@ -12793,7 +12820,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12793
12820
  </div>
12794
12821
  </div>
12795
12822
  </div>
12796
- <sl-divider class="w-full"></sl-divider>
12823
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12797
12824
  <iframe
12798
12825
  id="${this.logsIframeId}"
12799
12826
  allow="storage-access"
@@ -12823,7 +12850,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12823
12850
  <div class="flex justify-between items-center">
12824
12851
  <h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
12825
12852
  </div>
12826
- <sl-divider class="w-full"></sl-divider>
12853
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12827
12854
  <iframe
12828
12855
  id="${this.terminalIframeId}"
12829
12856
  allow="storage-access"
@@ -12907,6 +12934,6 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
12907
12934
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
12908
12935
  AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
12909
12936
  //#endregion
12910
- export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
12937
+ export { AxebowActionsFooter, AxebowAdjustmentResourcesCounter, AxebowAlert, AxebowBanner, AxebowBaseCard, AxebowBoxSection, AxebowBreadcrumbHeader, AxebowButton, AxebowCardActionBanner, AxebowCardAttentionBanner, AxebowCardCloudLogo, AxebowCardFilter, AxebowCardFilterItem, AxebowCardFooter, AxebowCardHeader, AxebowCardResourceRow, AxebowCardResourceTable, AxebowCardSpecialLink, AxebowCardStatItem, AxebowCardStatsRow, AxebowCardStatus, AxebowCardTableHeader, AxebowCardVersionSelector, AxebowCarouselInput, AxebowCarouselSelectorItem, AxebowCarouselSelectorTenant, AxebowChannelConfigPanel, AxebowCheckboxInput, AxebowCollaboratorsDialog, AxebowCopyBox, AxebowDeployCard, AxebowDeploySummary, AxebowDialog, AxebowDivider, AxebowDragDropUploadFile, AxebowDraggableService, AxebowExpandableCard, AxebowExpandableHeader, AxebowFilterBar, AxebowFooter, AxebowFormPanelField, AxebowGettingStartedCard, AxebowHeader, AxebowHelpBubble, AxebowIcon, AxebowInfrastructureCard, AxebowInput, AxebowInputBase, AxebowInstancesTable, AxebowLimitsCounter, AxebowManageHyperlinks, AxebowMarketplaceCard, AxebowModalsConfirmation, AxebowMoreActions, AxebowNumberCard, AxebowNumbersSection, AxebowNumericInput, AxebowObservabilityContainer, AxebowPill, AxebowPlanSelectField, AxebowProgressBar, AxebowProvidersInput, AxebowQuickTipButton, AxebowQuickTipSection, AxebowRefreshPeriodPanel, AxebowRegistrySelector, AxebowResourceBar, AxebowResourceBoxForm, AxebowResourceCard, AxebowResourceLimitInput, AxebowResourceLimitsPanel, AxebowResourcesCounter, AxebowRoleCard, AxebowRoleContainerDropdown, AxebowRoleTooltip, AxebowRuntimeZipDialog, AxebowSearch, AxebowSearchBarFilters, AxebowSelectInput, AxebowSelectInputWithDivider, AxebowSelectorCard, AxebowSelectorSlider, AxebowServiceDetailHeader, AxebowServicesPanel, AxebowSidebar, AxebowStatus, AxebowStepHeader, AxebowSummaryCard, AxebowSummaryFlavors, AxebowSummaryKeyValue, AxebowSummaryLimits, AxebowSummaryStep, AxebowSummaryStepHeader, AxebowSwitch, AxebowSwitchInput, AxebowTabSelector, AxebowTabsSubmenu, AxebowTagsInput, AxebowTenantCard, AxebowTenantResourceTable, AxebowTenantsTable, AxebowTextInput, AxebowTimeRangePanel, AxebowTooltip, AxebowUndeployCard, AxebowUnderlineTabSelector, AxebowUsageTooltip, CustomHomePageBody, DEFAULT_ADD_DIALOG_LABELS, DeployModalComponent, DeployModalFooter, DeployModalHeader, DeployPageBody, STATUS_COLORS, TableChart, axebowTheme, buildAddButton, buildExternalNodeContent, buildMainNodeContent, createElement, createIcon };
12911
12938
 
12912
12939
  //# sourceMappingURL=index.js.map