@kumori/aurora-wui-components 0.0.93 → 0.0.94

package/dist/index.js

@@ -4160,31 +4160,31 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
         class="w-286 h-7.25 flex items-center gap-2 rounded-md bg-(--axebow-base) border border-solid border-(--axebow-table-header-border) px-4"
       >
         <div class="flex items-center gap-2 w-63.5 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600 truncate">${this.labels.accountsEnv}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600 truncate">${this.labels.accountsEnv}</span>
           ${this._renderDivider()}
         </div>
         <div class="flex items-center gap-2 w-18 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.vCpu}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.vCpu}</span>
           ${this._renderDivider()}
         </div>
         <div class="flex items-center gap-2 w-37 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.vCpuUtil}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.vCpuUtil}</span>
           ${this._renderDivider()}
         </div>
         <div class="flex items-center gap-2 w-20 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.memory}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.memory}</span>
           ${this._renderDivider()}
         </div>
         <div class="flex items-center gap-2 w-37 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.memUtil}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.memUtil}</span>
           ${this._renderDivider()}
         </div>
         <div class="flex items-center gap-2 w-25 shrink-0">
-          <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.storage}</span>
+          <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.storage}</span>
           ${this.showActions ? this._renderDivider() : ""}
         </div>
         ${this.showActions ? html`<div class="flex items-center flex-1 min-w-53.25">
-              <span class="flex-1 text-center text-sm font-bold text-gray-600">${this.labels.actions}</span>
+              <span class="flex-1 text-center text-base font-bold text-gray-600">${this.labels.actions}</span>
             </div>` : ""}
       </div>
     `;
@@ -4201,7 +4201,7 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
           .yAxisMax=${chart.max}
           .animated=${false}
         ></table-chart>
-        <span class="text-sm whitespace-nowrap">${percent}%</span>
+        <span class="text-base whitespace-nowrap">${percent}%</span>
       </div>
     `;
 	}
@@ -4231,21 +4231,21 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
               class="shrink-0"
             ></axebow-icon>
             <img src=${row.logoUrl} class="w-6 h-6 object-contain shrink-0" />
-            <span class="text-sm font-semibold truncate">${row.name}</span>
+            <span class="text-base font-semibold truncate">${row.name}</span>
             ${this._renderStatusIcon(row.statusIcon)}
             <span class="flex-1"></span>
             ${this._renderStatusIcon(row.warningIcon)}
           </div>
-          <div class="w-18 shrink-0 text-center text-sm whitespace-nowrap">${row.vCpu}</div>
+          <div class="w-18 shrink-0 text-center text-base whitespace-nowrap">${row.vCpu}</div>
           <div class="w-37 shrink-0">
             ${this._renderChartCell(row.vCpuChart, row.vCpuUtilizationPercent, `chart-account-${index}-vcpu`)}
           </div>
-          <div class="w-20 shrink-0 text-center text-sm whitespace-nowrap">${row.memory}</div>
+          <div class="w-20 shrink-0 text-center text-base whitespace-nowrap">${row.memory}</div>
           <div class="w-37 shrink-0">
             ${this._renderChartCell(row.memoryChart, row.memoryUtilizationPercent, `chart-account-${index}-mem`)}
           </div>
           <div class="w-25 shrink-0 flex items-center justify-center gap-2 min-w-0">
-            <span class="text-sm">${row.storage}</span>
+            <span class="text-base">${row.storage}</span>
             <usage-tooltip .usage=${row.usage}></usage-tooltip>
           </div>
           ${this.showActions ? html`<div
@@ -4281,20 +4281,20 @@ var AxebowTenantResourceTable = class AxebowTenantResourceTable extends LitEleme
             size="small"
             class="shrink-0"
           ></axebow-icon>
-          <span class="text-sm truncate">${env.name}</span>
+          <span class="text-base truncate">${env.name}</span>
           <span class="flex-1"></span>
           ${this._renderStatusIcon(env.warningIcon)}
         </div>
-        <div class="w-18 shrink-0 text-center text-sm whitespace-nowrap">${env.vCpu}</div>
+        <div class="w-18 shrink-0 text-center text-base whitespace-nowrap">${env.vCpu}</div>
         <div class="w-37 shrink-0">
           ${this._renderChartCell(env.vCpuChart, env.vCpuUtilizationPercent, `chart-env-${accountIndex}-${envIndex}-vcpu`)}
         </div>
-        <div class="w-20 shrink-0 text-center text-sm whitespace-nowrap">${env.memory}</div>
+        <div class="w-20 shrink-0 text-center text-base whitespace-nowrap">${env.memory}</div>
         <div class="w-37 shrink-0">
           ${this._renderChartCell(env.memoryChart, env.memoryUtilizationPercent, `chart-env-${accountIndex}-${envIndex}-mem`)}
         </div>
         <div class="w-25 shrink-0 flex items-center justify-center gap-2 min-w-0">
-          <span class="text-sm">${env.storage}</span>
+          <span class="text-base">${env.storage}</span>
           <usage-tooltip .usage=${env.usage}></usage-tooltip>
         </div>
         ${this.showActions ? html`<div class="flex-1 min-w-53.25 flex items-center">
@@ -4379,13 +4379,13 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
 	_renderPlanBadge() {
 		if (this.isDeleting || this.isLeaving) return html`
         <div class="flex items-center gap-2">
-          <p class="text-(--axebow-gray) text-sm m-0">${this.isDeleting ? this.deletingLabel : this.leavingLabel}</p>
+          <p class="text-(--axebow-gray) text-base m-0">${this.isDeleting ? this.deletingLabel : this.leavingLabel}</p>
           <sl-spinner style="font-size: 1rem; --indicator-color: var(--axebow-tertiary);"></sl-spinner>
         </div>
       `;
 		return html`
       <div class="w-21.5 h-8 flex items-center justify-center rounded-lg bg-gray-100 px-2">
-        <span class="text-sm font-bold capitalize text-(--axebow-gray) truncate">${this.planLabel}</span>
+        <span class="text-base font-bold capitalize text-(--axebow-gray) truncate">${this.planLabel}</span>
       </div>
     `;
 	}
@@ -4429,12 +4429,12 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
 	_renderContent() {
 		if (this.contentState === "invitation") return html`
         <div class="w-286 h-14.25 rounded-md bg-(--axebow-base) flex items-center justify-center text-center px-4">
-          <span class="text-sm">${this.invitationText}</span>
+          <span class="text-base">${this.invitationText}</span>
         </div>
       `;
 		if (this.contentState === "empty") return html`
         <div class="w-286 h-14.25 rounded-md bg-(--axebow-base) flex items-center justify-center text-center px-4">
-          <span class="text-sm">
+          <span class="text-base">
             ${this.emptyTextPrefix}
             <span
               class="text-(--axebow-tertiary) font-bold cursor-pointer hover:underline"
@@ -4477,13 +4477,13 @@ var AxebowTenantCard = class AxebowTenantCard extends LitElement {
         <div class="flex items-center justify-between flex-wrap gap-2">
           <div class="flex items-center gap-5 text-(--axebow-gray)">
             ${this.resourceStats.map((stat) => html`
-                <span class="flex items-center gap-1 text-sm whitespace-nowrap">
+                <span class="flex items-center gap-1 text-base whitespace-nowrap">
                   <axebow-icon iconName=${stat.icon} iconColor="var(--axebow-gray)" size="small"></axebow-icon>
                   <b>${stat.label}</b> ${stat.value}
                 </span>
               `)}
           </div>
-          ${this.showInvitedNotice ? html`<span class="text-sm text-black">${this.invitedNoticeText}</span>` : this.showNoAccountsWarning ? html`<span class="flex items-center gap-1 text-sm text-black">
+          ${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">
                   <axebow-icon iconName="warning" iconColor="var(--axebow-warning)" size="small"></axebow-icon>
                   ${this.noAccountsWarningText}
                 </span>` : ""}