@kumori/aurora-wui-components 0.0.273-dev4131.8 → 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 (28) 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.map +1 -1
  18. package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
  19. package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
  20. package/dist/components/axebow-tenant-card/axebow-tenant-card.d.ts.map +1 -1
  21. package/dist/components/axebow-usage-tooltip/axebow-usage-tooltip.d.ts.map +1 -1
  22. package/dist/index.d.ts +1 -0
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +95 -65
  25. package/dist/index.js.map +1 -1
  26. package/dist/playground/schemas/axebow-divider.schema.d.ts +9 -0
  27. package/dist/playground/schemas/axebow-divider.schema.d.ts.map +1 -0
  28. 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
  }
@@ -11036,7 +11075,7 @@ var AxebowSummaryFlavors = class AxebowSummaryFlavors extends LitElement {
11036
11075
  </div>
11037
11076
  </div>
11038
11077
  ${this.supportedStorage.some((s) => this.flavors?.[s]?.[0]) ? html`
11039
- <sl-divider></sl-divider>
11078
+ <axebow-divider type="dashed"></axebow-divider>
11040
11079
  <div class="flex w-full gap-[2%] mt-2">
11041
11080
  <div class="flex-1 flex flex-col gap-2">
11042
11081
  ${this.supportedStorage.includes("volatile") && this.flavors?.volatile?.[0] ? html`<p>${this.labels.volatile}</p>` : ""}
@@ -12113,9 +12152,6 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12113
12152
  border: 3px solid var(--axebow-table-border);
12114
12153
  width: 300px;
12115
12154
  }
12116
- sl-divider.dotted-divider {
12117
- border-top: 1.5px dashed var(--axebow-light-gray);
12118
- }
12119
12155
  `];
12120
12156
  }
12121
12157
  render() {
@@ -12129,19 +12165,19 @@ var AxebowUsageTooltip = class AxebowUsageTooltip extends LitElement {
12129
12165
  <span>${this.storageLabel} </span>
12130
12166
  <span class="tooltip-value"> ${current.storage} / ${limit.storage.max} GB</span>
12131
12167
  </div>
12132
- <sl-divider class="dotted-divider"></sl-divider>
12168
+ <axebow-divider type="dashed"></axebow-divider>
12133
12169
  <div class="flex space-between ml-2 items-center gap-1">
12134
12170
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12135
12171
  <span>${this.volatileLabel} </span>
12136
12172
  <span class="tooltip-value"> ${current.volatileStorage} / ${limit.volatileStorage.max} GB</span>
12137
12173
  </div>
12138
- <sl-divider class="dotted-divider"></sl-divider>
12174
+ <axebow-divider type="dashed"></axebow-divider>
12139
12175
  <div class="flex space-between ml-2 items-center gap-1">
12140
12176
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12141
12177
  <span>${this.nonRepPersLabel} </span>
12142
12178
  <span class="tooltip-value"> ${current.nonReplicatedStorage} / ${limit.nonReplicatedStorage.max} GB</span>
12143
12179
  </div>
12144
- <sl-divider class="dotted-divider"></sl-divider>
12180
+ <axebow-divider type="dashed"></axebow-divider>
12145
12181
  <div class="flex space-between ml-2 items-center gap-1">
12146
12182
  <axebow-icon iconName="subdirectory_arrow_right" size="xl"></axebow-icon>
12147
12183
  <span>${this.persistentRepLabel} </span>
@@ -12635,12 +12671,6 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12635
12671
  .log-filter-dropdown::part(panel) {
12636
12672
  width: 17rem !important;
12637
12673
  }
12638
- sl-divider {
12639
- height: 0.0625rem !important;
12640
- border-top: none !important;
12641
- background-color: var(--axebow-light-gray);
12642
- margin-bottom: 0.90625rem !important;
12643
- }
12644
12674
  `
12645
12675
  ];
12646
12676
  }
@@ -12790,7 +12820,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12790
12820
  </div>
12791
12821
  </div>
12792
12822
  </div>
12793
- <sl-divider class="w-full"></sl-divider>
12823
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12794
12824
  <iframe
12795
12825
  id="${this.logsIframeId}"
12796
12826
  allow="storage-access"
@@ -12820,7 +12850,7 @@ var AxebowObservabilityContainer = class AxebowObservabilityContainer extends Li
12820
12850
  <div class="flex justify-between items-center">
12821
12851
  <h1 class="m-0 text-base uppercase font-semibold text-(--axebow-gray)">${this.terminalTitle}</h1>
12822
12852
  </div>
12823
- <sl-divider class="w-full"></sl-divider>
12853
+ <axebow-divider margin="0.5rem 0 0.90625rem 0"></axebow-divider>
12824
12854
  <iframe
12825
12855
  id="${this.terminalIframeId}"
12826
12856
  allow="storage-access"
@@ -12904,6 +12934,6 @@ __decorate([property({ type: String })], AxebowObservabilityContainer.prototype,
12904
12934
  __decorate([property({ type: String })], AxebowObservabilityContainer.prototype, "terminalIframeId", void 0);
12905
12935
  AxebowObservabilityContainer = __decorate([customElement("axebow-observability-container")], AxebowObservabilityContainer);
12906
12936
  //#endregion
12907
- 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 };
12908
12938
 
12909
12939
  //# sourceMappingURL=index.js.map