@kumori/aurora-wui-components 0.0.299-dev4447.15 → 0.0.299-dev4447.16

package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts

@@ -9,7 +9,7 @@ import { DeploySummaryInfo, DeploySummaryResourceLimits, DeploySummaryIdentifica
  *
  * Body copy is uniformly 14px (text-base in this design system's scale) -
  * only step titles and the "Autoscaling" section title keep their larger
- * size. Every field name renders in black, every value in axebow-gray.
+ * size. Every field name renders in black, every value in axebow-primary.
  */
 export declare class AxebowDeploySummary extends LitElement {
     static styles: import('lit').CSSResult[];
@@ -30,9 +30,8 @@ export declare class AxebowDeploySummary extends LitElement {
     render(): import('lit-html').TemplateResult<1>;
     private _renderDeploymentInfo;
     private _renderResourceLimits;
-    /** label:value pair with the shared black-name/gray-value convention. */
+    /** label:value pair with the shared black-name/primary-value convention. */
     private _field;
-    private _primaryField;
     private _renderIdentificationStep;
     private _renderRegistrySummary;
     private _renderResourcesStep;

package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-deploy-summary.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-summary/axebow-deploy-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,yBAAyB,EAEzB,8BAA8B,EAE/B,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAaX;IAE0B,YAAY,SAAM;IACjB,kBAAkB,UAAS;IAC5B,aAAa,SAAM;IAEf,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAE7C,cAAc,CAAC,EAAE,+BAA+B,CAAC;IACjD,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAE/E,iGAAiG;IACrE,WAAW,SAAK;IAE5C,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAUnD,OAAO,CAAC,eAAe;IAcvB,MAAM;IA+BN,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IA4C7B,yEAAyE;IACzE,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,yBAAyB;IAwCjC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;IAyC3B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,wBAAwB;IAsChC,OAAO,CAAC,qBAAqB;CAG9B"}
+{"version":3,"file":"axebow-deploy-summary.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-summary/axebow-deploy-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,yBAAyB,EAEzB,8BAA8B,EAE/B,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAaX;IAE0B,YAAY,SAAM;IACjB,kBAAkB,UAAS;IAC5B,aAAa,SAAM;IAEf,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAE7C,cAAc,CAAC,EAAE,+BAA+B,CAAC;IACjD,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAE/E,iGAAiG;IACrE,WAAW,SAAK;IAE5C,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAUnD,OAAO,CAAC,eAAe;IAcvB,MAAM;IA+BN,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IA4C7B,4EAA4E;IAC5E,OAAO,CAAC,MAAM;IAYd,OAAO,CAAC,yBAAyB;IAwCjC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;IAyC3B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,wBAAwB;IAsChC,OAAO,CAAC,qBAAqB;CAG9B"}

package/dist/index.js

@@ -11074,20 +11074,13 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
       </div>
     `;
 	}
-	/** label:value pair with the shared black-name/gray-value convention. */
-	_field(label, value, hasError = false) {
+	/** label:value pair with the shared black-name/primary-value convention. */
+	_field(label, value, hasError = false, bold = true) {
+		const colorClass = hasError ? "text-(--axebow-error)" : "text-(--axebow-primary)";
 		return html`
       <p class="text-base">
         <span class="text-(--axebow-black)">${label}</span>
-        <strong class="${hasError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${value}</strong>
-      </p>
-    `;
-	}
-	_primaryField(label, value) {
-		return html`
-      <p class="text-base">
-        <span class="text-(--axebow-black)">${label}</span>
-        <span class="font-normal text-(--axebow-primary)">${value}</span>
+        ${bold ? html`<strong class="${colorClass}">${value}</strong>` : html`<span class="font-normal ${colorClass}">${value}</span>`}
       </p>
     `;
 	}
@@ -11106,19 +11099,19 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
       >
         <div class="space-y-1">
           ${step.registry ? this._renderRegistrySummary(step.registry) : ""}
-          ${step.imageName ? this._primaryField(step.imageNameLabel, step.imageName) : ""}
-          ${step.serviceName ? this._primaryField(step.serviceNameLabel, step.serviceName) : ""}
+          ${step.imageName ? this._field(step.imageNameLabel, step.imageName, false, false) : ""}
+          ${step.serviceName ? this._field(step.serviceNameLabel, step.serviceName, false, false) : ""}
           ${step.project ? this._field(step.projectLabel, step.project) : ""}
           ${step.entrypoint ? html`<div class="border-t border-dashed border-gray-300 pt-2 flex items-center gap-1 min-w-0 text-base">
                 <span class="shrink-0 text-(--axebow-black)">${step.entrypointLabel}</span>
                 <axebow-tooltip content="${step.entrypoint}">
-                  <strong class="text-(--axebow-gray) block truncate max-w-36">${step.entrypoint}</strong>
+                  <strong class="text-(--axebow-primary) block truncate max-w-36">${step.entrypoint}</strong>
                 </axebow-tooltip>
               </div>` : ""}
           ${step.cmd ? html`<div class="flex items-center gap-1 min-w-0 text-base">
                 <span class="shrink-0 text-(--axebow-black)">${step.commandLabel}</span>
                 <axebow-tooltip content="${step.cmd}">
-                  <strong class="text-(--axebow-gray) block truncate max-w-36">${step.cmd}</strong>
+                  <strong class="text-(--axebow-primary) block truncate max-w-36">${step.cmd}</strong>
                 </axebow-tooltip>
               </div>` : ""}
         </div>
@@ -11130,13 +11123,13 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
       <div class="flex items-center gap-2 min-w-0 text-base">
         <p class="shrink-0 text-(--axebow-black)">${registry.containerRegistryLabel}</p>
         ${!registry.logoSrc ? html`<axebow-tooltip content="${registry.value}">
-              <strong class="text-(--axebow-gray) block truncate w-full">${registry.value}</strong>
+              <strong class="text-(--axebow-primary) block truncate w-full">${registry.value}</strong>
             </axebow-tooltip>` : html`<img src="${registry.logoSrc}" class="w-6 h-4 object-contain" />`}
       </div>
       ${registry.credentialSecret ? html` <div class="flex items-center gap-2 min-w-0 text-base">
             <p class="shrink-0 text-(--axebow-black)">${registry.registryCredentialsLabel}</p>
             <axebow-tooltip content="${registry.credentialSecret}">
-              <strong class="text-(--axebow-gray) block truncate w-full">${registry.credentialSecret}</strong>
+              <strong class="text-(--axebow-primary) block truncate w-full">${registry.credentialSecret}</strong>
             </axebow-tooltip>
           </div>` : ""}
     `;
@@ -11156,8 +11149,8 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
       >
         <div class="pr-2 space-y-2">
           <div class="flex flex-row gap-x-4 flex-wrap">
-            ${this._field(step.cpus.label, `${step.cpus.value} ${step.cpus.unit}`, step.cpus.hasError)}
-            ${this._field(step.memory.label, `${step.memory.value} ${step.memory.unit}`, step.memory.hasError)}
+            ${this._field(step.cpus.label, `${step.cpus.value} ${step.cpus.unit}`, step.cpus.hasError, false)}
+            ${this._field(step.memory.label, `${step.memory.value} ${step.memory.unit}`, step.memory.hasError, false)}
           </div>
         </div>
       </axebow-summary-step>
@@ -11237,7 +11230,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
         ${hasAnyLink ? html`<span class="font-medium text-(--axebow-black)">${linkedToLabel} (${totalLinked}):</span>` : ""}
         ${group.channels.map((ch) => html`
             <div class="flex items-center min-w-0">
-              <strong class="text-(--axebow-gray) flex items-center gap-1 min-w-0 truncate">
+              <strong class="text-(--axebow-primary) flex items-center gap-1 min-w-0 truncate">
                 <span class="truncate">${ch.name}${ch.port ? `:${ch.port}` : ""}</span>
                 ${ch.isPublic ? html`<axebow-icon
                       class="shrink-0"
@@ -11248,7 +11241,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
                     ></axebow-icon>` : ""}
               </strong>
             </div>
-            ${hasAnyLink ? html`<span class="text-(--axebow-gray) font-semibold truncate">${ch.linked.join(", ") || "—"}</span>` : ""}
+            ${hasAnyLink ? html`<span class="text-(--axebow-primary) font-semibold truncate">${ch.linked.join(", ") || "—"}</span>` : ""}
           `)}
       </div>
     `;