@kumori/aurora-wui-components 0.0.199 → 0.0.201

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 (5) hide show
  1. package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts +5 -0
  2. package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map +1 -1
  3. package/dist/index.js +52 -41
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts CHANGED
@@ -21,6 +21,11 @@ export interface RuntimeZipDialogLabels extends UploadZoneLabels {
21
21
  * and copy come through props/labels, all actions are callback props -
22
22
  * validation, file handling and the actual deploy call stay with the
23
23
  * caller.
24
+ *
25
+ * Layout: the default sl-dialog header/footer are hidden - title,
26
+ * description, content and the button row are all rendered as direct
27
+ * children of the body, which spaces them with a 24px gap. No icon
28
+ * precedes the title, so it carries no padding of its own.
24
29
  */
25
30
  export declare class AxebowRuntimeZipDialog extends LitElement {
26
31
  open: boolean;
package/dist/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-runtime-zip-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AACnE,OAAO,yDAAyD,CAAC;AACjE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AACjE,OAAO,iEAAiE,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iEAAiE,CAAC;AAIxG,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACR,IAAI,UAAS;IACzB,MAAM,EAAG,sBAAsB,CAAC;IAEpC,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,eAAe,SAAM;IACtB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IAExC,WAAW,SAAM;IACjB,gBAAgB,SAAM;IAClB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,QAAQ,UAAS;IACd,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C,QAAQ,SAAM;IACd,aAAa,SAAM;IACnB,SAAS,SAAM;IACX,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEhD,eAAe,UAAS;IACxB,WAAW,UAAS;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErD,MAAM,CAAC,MAAM,4BA4CX;IAEF,MAAM;CAsEP"}
1
+ {"version":3,"file":"axebow-runtime-zip-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-runtime-zip-dialog/axebow-runtime-zip-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AACnE,OAAO,yDAAyD,CAAC;AACjE,OAAO,6DAA6D,CAAC;AACrE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AACjE,OAAO,iEAAiE,CAAC;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iEAAiE,CAAC;AAIxG,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB,EAAE,MAAM,CAAC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACR,IAAI,UAAS;IACzB,MAAM,EAAG,sBAAsB,CAAC;IAEpC,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,eAAe,SAAM;IACtB,cAAc,EAAE,iBAAiB,EAAE,CAAM;IAExC,WAAW,SAAM;IACjB,gBAAgB,SAAM;IAClB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD,QAAQ,UAAS;IACd,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C,QAAQ,SAAM;IACd,aAAa,SAAM;IACnB,SAAS,SAAM;IACX,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEhD,eAAe,UAAS;IACxB,WAAW,UAAS;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErD,MAAM,CAAC,MAAM,4BA0CX;IAEF,MAAM;CAmFP"}
package/dist/index.js CHANGED
@@ -3147,32 +3147,30 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3147
3147
  --width: 36.1875rem; /* 579px */
3148
3148
  }
3149
3149
  sl-dialog::part(panel) {
3150
+ background-color: var(--axebow-base);
3150
3151
  height: min(712.22px, 90vh);
3152
+ padding: 24px;
3151
3153
  box-sizing: border-box;
3152
3154
  display: flex;
3153
3155
  flex-direction: column;
3154
3156
  border-radius: 4px;
3155
3157
  overflow: hidden;
3156
3158
  }
3159
+ sl-dialog::part(header) {
3160
+ display: none;
3161
+ }
3157
3162
  sl-dialog::part(body) {
3158
- background-color: var(--axebow-base);
3163
+ padding: 0;
3164
+ margin: 0;
3159
3165
  flex: 1 1 auto;
3160
3166
  min-height: 0;
3161
3167
  overflow-y: auto;
3162
- padding-left: 47px;
3163
- }
3164
- sl-dialog::part(header) {
3165
- background-color: var(--axebow-base);
3166
- padding-left: 47px;
3167
- }
3168
- /* No icon precedes the title - the 47px header padding is the only
3169
- left offset, so the title text starts flush there. */
3170
- sl-dialog::part(title) {
3171
- font-size: 1.25rem; /* 20px */
3172
- font-weight: 600;
3168
+ display: flex;
3169
+ flex-direction: column;
3170
+ gap: 24px;
3173
3171
  }
3174
3172
  sl-dialog::part(footer) {
3175
- background-color: var(--axebow-base);
3173
+ display: none;
3176
3174
  }
3177
3175
  sl-input::part(base) {
3178
3176
  --sl-input-focus-ring-color: black;
@@ -3195,24 +3193,37 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3195
3193
  else this.onClose?.();
3196
3194
  }}
3197
3195
  >
3198
- <p class="mb-4 m-0">
3199
- ${this.labels.uploadDescriptionPrefix} "${this.tenantName} &gt; ${this.accountName} &gt;
3200
- <strong>${this.environmentName}</strong>"
3201
- </p>
3196
+ <div class="flex flex-col gap-6 shrink-0">
3197
+ <div class="flex items-center justify-between gap-2">
3198
+ <h2 class="m-0 text-xl font-semibold">${this.labels.title}</h2>
3199
+ <div
3200
+ class="w-6 h-6 shrink-0 flex items-center justify-center cursor-pointer"
3201
+ @click=${() => this.onClose?.()}
3202
+ >
3203
+ <axebow-icon iconName="cancel" iconColor="var(--axebow-gray)" size="medium"></axebow-icon>
3204
+ </div>
3205
+ </div>
3206
+ <p class="m-0">
3207
+ ${this.labels.uploadDescriptionPrefix} "${this.tenantName} &gt; ${this.accountName} &gt;
3208
+ <strong>${this.environmentName}</strong>"
3209
+ </p>
3210
+ </div>
3202
3211
 
3203
- ${this.resourceLimits.length > 0 ? html`<div class="mb-3 mt-4"><axebow-resources-counter .items=${this.resourceLimits}></axebow-resources-counter></div>` : ""}
3212
+ <div class="flex flex-col gap-4">
3213
+ ${this.resourceLimits.length > 0 ? html`<axebow-resources-counter .items=${this.resourceLimits}></axebow-resources-counter>` : ""}
3204
3214
 
3205
- <axebow-banner type="warning" rounded dismissible class="mb-4 mt-4">
3206
- <p class="m-0 font-medium">
3207
- <strong>${this.labels.zipWarningStrong} </strong>${this.labels.zipWarningEg}
3208
- <strong>${this.labels.zipWarningCannotValidate}</strong> ${this.labels.zipWarningFailing}
3209
- </p>
3210
- </axebow-banner>
3215
+ <axebow-banner type="warning" rounded dismissible>
3216
+ <p class="m-0 font-medium">
3217
+ <strong>${this.labels.zipWarningStrong} </strong>${this.labels.zipWarningEg}
3218
+ <strong>${this.labels.zipWarningCannotValidate}</strong> ${this.labels.zipWarningFailing}
3219
+ </p>
3220
+ </axebow-banner>
3221
+
3222
+ <sl-divider style="width: 484px; --width: 1px; --color: var(--axebow-gray); --spacing: 0;"></sl-divider>
3211
3223
 
3212
- <div class="mb-4 flex flex-row flex-wrap gap-4">
3213
3224
  <sl-input
3214
3225
  label=${this.labels.serviceName}
3215
- class="mb-4 w-full"
3226
+ class="w-full"
3216
3227
  placeholder=${this.labels.serviceNamePlaceholder}
3217
3228
  value=${this.serviceName}
3218
3229
  @sl-input=${(e) => this.onServiceNameInput?.(e.target.value)}
@@ -3221,24 +3232,24 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3221
3232
  ${this.serviceNameError || this.labels.serviceNameHelp}
3222
3233
  </span>
3223
3234
  </sl-input>
3224
- </div>
3225
3235
 
3226
- <div class="mb-4 flex items-center">
3227
- <axebow-switch .checked=${this.isDslZip} .onChange=${(checked) => this.onDslChange?.(checked)}>
3228
- ${this.labels.dslDeployment}
3229
- </axebow-switch>
3230
- </div>
3236
+ <div class="flex items-center">
3237
+ <axebow-switch .checked=${this.isDslZip} .onChange=${(checked) => this.onDslChange?.(checked)}>
3238
+ ${this.labels.dslDeployment}
3239
+ </axebow-switch>
3240
+ </div>
3231
3241
 
3232
- <axebow-drag-drop-upload-file
3233
- .fileName=${this.fileName}
3234
- .fileSizeLabel=${this.fileSizeLabel}
3235
- .errorMessage=${this.fileError}
3236
- .labels=${this.labels}
3237
- .onFileSelected=${(file) => this.onFileSelected?.(file)}
3238
- ></axebow-drag-drop-upload-file>
3242
+ <axebow-drag-drop-upload-file
3243
+ .fileName=${this.fileName}
3244
+ .fileSizeLabel=${this.fileSizeLabel}
3245
+ .errorMessage=${this.fileError}
3246
+ .labels=${this.labels}
3247
+ .onFileSelected=${(file) => this.onFileSelected?.(file)}
3248
+ ></axebow-drag-drop-upload-file>
3249
+ </div>
3239
3250
 
3240
- <div slot="footer" class="flex justify-end gap-4">
3241
- <axebow-button variant="danger" class="axebow-red-button" @click=${() => this.onClose?.()}>
3251
+ <div class="flex justify-end gap-4 shrink-0">
3252
+ <axebow-button variant="primary" outline @click=${() => this.onClose?.()}>
3242
3253
  ${this.labels.cancel}
3243
3254
  </axebow-button>
3244
3255
  <axebow-button