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

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.
@@ -9,7 +9,7 @@ import { DeploySummaryInfo, DeploySummaryResourceLimits, DeploySummaryIdentifica
9
9
  *
10
10
  * Body copy is uniformly 14px (text-base in this design system's scale) -
11
11
  * only step titles and the "Autoscaling" section title keep their larger
12
- * size. Every field name renders in black, every value in axebow-gray.
12
+ * size. Every field name renders in black, every value in axebow-primary.
13
13
  */
14
14
  export declare class AxebowDeploySummary extends LitElement {
15
15
  static styles: import('lit').CSSResult[];
@@ -30,7 +30,7 @@ export declare class AxebowDeploySummary extends LitElement {
30
30
  render(): import('lit-html').TemplateResult<1>;
31
31
  private _renderDeploymentInfo;
32
32
  private _renderResourceLimits;
33
- /** label:value pair with the shared black-name/gray-value convention. */
33
+ /** label:value pair with the shared black-name/primary-value convention. */
34
34
  private _field;
35
35
  private _renderIdentificationStep;
36
36
  private _renderRegistrySummary;
@@ -1 +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,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"}
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,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 CHANGED
@@ -11074,12 +11074,13 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11074
11074
  </div>
11075
11075
  `;
11076
11076
  }
11077
- /** label:value pair with the shared black-name/gray-value convention. */
11078
- _field(label, value, hasError = false) {
11077
+ /** label:value pair with the shared black-name/primary-value convention. */
11078
+ _field(label, value, hasError = false, bold = true) {
11079
+ const colorClass = hasError ? "text-(--axebow-error)" : "text-(--axebow-primary)";
11079
11080
  return html`
11080
11081
  <p class="text-base">
11081
11082
  <span class="text-(--axebow-black)">${label}</span>
11082
- <strong class="${hasError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${value}</strong>
11083
+ ${bold ? html`<strong class="${colorClass}">${value}</strong>` : html`<span class="font-normal ${colorClass}">${value}</span>`}
11083
11084
  </p>
11084
11085
  `;
11085
11086
  }
@@ -11097,20 +11098,20 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11097
11098
  .enabled=${step.enabled}
11098
11099
  >
11099
11100
  <div class="space-y-1">
11100
- ${step.imageName ? this._field(step.imageNameLabel, step.imageName) : ""}
11101
- ${step.serviceName ? this._field(step.serviceNameLabel, step.serviceName) : ""}
11102
- ${step.project ? this._field(step.projectLabel, step.project) : ""}
11103
11101
  ${step.registry ? this._renderRegistrySummary(step.registry) : ""}
11102
+ ${step.imageName ? this._field(step.imageNameLabel, step.imageName, false, false) : ""}
11103
+ ${step.serviceName ? this._field(step.serviceNameLabel, step.serviceName, false, false) : ""}
11104
+ ${step.project ? this._field(step.projectLabel, step.project) : ""}
11104
11105
  ${step.entrypoint ? html`<div class="border-t border-dashed border-gray-300 pt-2 flex items-center gap-1 min-w-0 text-base">
11105
11106
  <span class="shrink-0 text-(--axebow-black)">${step.entrypointLabel}</span>
11106
11107
  <axebow-tooltip content="${step.entrypoint}">
11107
- <strong class="text-(--axebow-gray) block truncate max-w-36">${step.entrypoint}</strong>
11108
+ <strong class="text-(--axebow-primary) block truncate max-w-36">${step.entrypoint}</strong>
11108
11109
  </axebow-tooltip>
11109
11110
  </div>` : ""}
11110
11111
  ${step.cmd ? html`<div class="flex items-center gap-1 min-w-0 text-base">
11111
11112
  <span class="shrink-0 text-(--axebow-black)">${step.commandLabel}</span>
11112
11113
  <axebow-tooltip content="${step.cmd}">
11113
- <strong class="text-(--axebow-gray) block truncate max-w-36">${step.cmd}</strong>
11114
+ <strong class="text-(--axebow-primary) block truncate max-w-36">${step.cmd}</strong>
11114
11115
  </axebow-tooltip>
11115
11116
  </div>` : ""}
11116
11117
  </div>
@@ -11122,13 +11123,13 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11122
11123
  <div class="flex items-center gap-2 min-w-0 text-base">
11123
11124
  <p class="shrink-0 text-(--axebow-black)">${registry.containerRegistryLabel}</p>
11124
11125
  ${!registry.logoSrc ? html`<axebow-tooltip content="${registry.value}">
11125
- <strong class="text-(--axebow-gray) block truncate w-full">${registry.value}</strong>
11126
+ <strong class="text-(--axebow-primary) block truncate w-full">${registry.value}</strong>
11126
11127
  </axebow-tooltip>` : html`<img src="${registry.logoSrc}" class="w-6 h-4 object-contain" />`}
11127
11128
  </div>
11128
11129
  ${registry.credentialSecret ? html` <div class="flex items-center gap-2 min-w-0 text-base">
11129
11130
  <p class="shrink-0 text-(--axebow-black)">${registry.registryCredentialsLabel}</p>
11130
11131
  <axebow-tooltip content="${registry.credentialSecret}">
11131
- <strong class="text-(--axebow-gray) block truncate w-full">${registry.credentialSecret}</strong>
11132
+ <strong class="text-(--axebow-primary) block truncate w-full">${registry.credentialSecret}</strong>
11132
11133
  </axebow-tooltip>
11133
11134
  </div>` : ""}
11134
11135
  `;
@@ -11148,8 +11149,8 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11148
11149
  >
11149
11150
  <div class="pr-2 space-y-2">
11150
11151
  <div class="flex flex-row gap-x-4 flex-wrap">
11151
- ${this._field(step.cpus.label, `${step.cpus.value} ${step.cpus.unit}`, step.cpus.hasError)}
11152
- ${this._field(step.memory.label, `${step.memory.value} ${step.memory.unit}`, step.memory.hasError)}
11152
+ ${this._field(step.cpus.label, `${step.cpus.value} ${step.cpus.unit}`, step.cpus.hasError, false)}
11153
+ ${this._field(step.memory.label, `${step.memory.value} ${step.memory.unit}`, step.memory.hasError, false)}
11153
11154
  </div>
11154
11155
  </div>
11155
11156
  </axebow-summary-step>
@@ -11229,7 +11230,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11229
11230
  ${hasAnyLink ? html`<span class="font-medium text-(--axebow-black)">${linkedToLabel} (${totalLinked}):</span>` : ""}
11230
11231
  ${group.channels.map((ch) => html`
11231
11232
  <div class="flex items-center min-w-0">
11232
- <strong class="text-(--axebow-gray) flex items-center gap-1 min-w-0 truncate">
11233
+ <strong class="text-(--axebow-primary) flex items-center gap-1 min-w-0 truncate">
11233
11234
  <span class="truncate">${ch.name}${ch.port ? `:${ch.port}` : ""}</span>
11234
11235
  ${ch.isPublic ? html`<axebow-icon
11235
11236
  class="shrink-0"
@@ -11240,7 +11241,7 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
11240
11241
  ></axebow-icon>` : ""}
11241
11242
  </strong>
11242
11243
  </div>
11243
- ${hasAnyLink ? html`<span class="text-(--axebow-gray) font-semibold truncate">${ch.linked.join(", ") || "—"}</span>` : ""}
11244
+ ${hasAnyLink ? html`<span class="text-(--axebow-primary) font-semibold truncate">${ch.linked.join(", ") || "—"}</span>` : ""}
11244
11245
  `)}
11245
11246
  </div>
11246
11247
  `;