@kumori/aurora-wui-components 0.0.198 → 0.0.200

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 +42 -33
  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,4BAsCX;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,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;CA2EP"}
package/dist/index.js CHANGED
@@ -3148,25 +3148,29 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3148
3148
  }
3149
3149
  sl-dialog::part(panel) {
3150
3150
  height: min(712.22px, 90vh);
3151
+ padding: 24px;
3151
3152
  box-sizing: border-box;
3152
3153
  display: flex;
3153
3154
  flex-direction: column;
3154
3155
  border-radius: 4px;
3155
3156
  overflow: hidden;
3156
3157
  }
3158
+ sl-dialog::part(header) {
3159
+ display: none;
3160
+ }
3157
3161
  sl-dialog::part(body) {
3158
3162
  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;
3168
+ display: flex;
3169
+ flex-direction: column;
3170
+ gap: 24px;
3167
3171
  }
3168
3172
  sl-dialog::part(footer) {
3169
- background-color: var(--axebow-base);
3173
+ display: none;
3170
3174
  }
3171
3175
  sl-input::part(base) {
3172
3176
  --sl-input-focus-ring-color: black;
@@ -3189,24 +3193,29 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3189
3193
  else this.onClose?.();
3190
3194
  }}
3191
3195
  >
3192
- <p class="mb-4 m-0">
3193
- ${this.labels.uploadDescriptionPrefix} "${this.tenantName} &gt; ${this.accountName} &gt;
3194
- <strong>${this.environmentName}</strong>"
3195
- </p>
3196
+ <div class="flex flex-col gap-6 shrink-0">
3197
+ <h2 class="m-0 text-xl font-semibold">${this.labels.title}</h2>
3198
+ <p class="m-0">
3199
+ ${this.labels.uploadDescriptionPrefix} "${this.tenantName} &gt; ${this.accountName} &gt;
3200
+ <strong>${this.environmentName}</strong>"
3201
+ </p>
3202
+ </div>
3196
3203
 
3197
- ${this.resourceLimits.length > 0 ? html`<div class="mb-3 mt-4"><axebow-resources-counter .items=${this.resourceLimits}></axebow-resources-counter></div>` : ""}
3204
+ <div class="flex flex-col gap-4">
3205
+ ${this.resourceLimits.length > 0 ? html`<axebow-resources-counter .items=${this.resourceLimits}></axebow-resources-counter>` : ""}
3198
3206
 
3199
- <axebow-banner type="warning" rounded dismissible class="mb-4 mt-4">
3200
- <p class="m-0 font-medium">
3201
- <strong>${this.labels.zipWarningStrong} </strong>${this.labels.zipWarningEg}
3202
- <strong>${this.labels.zipWarningCannotValidate}</strong> ${this.labels.zipWarningFailing}
3203
- </p>
3204
- </axebow-banner>
3207
+ <axebow-banner type="warning" rounded dismissible>
3208
+ <p class="m-0 font-medium">
3209
+ <strong>${this.labels.zipWarningStrong} </strong>${this.labels.zipWarningEg}
3210
+ <strong>${this.labels.zipWarningCannotValidate}</strong> ${this.labels.zipWarningFailing}
3211
+ </p>
3212
+ </axebow-banner>
3213
+
3214
+ <sl-divider style="width: 484px; --width: 1px; --color: var(--axebow-gray); --spacing: 0;"></sl-divider>
3205
3215
 
3206
- <div class="mb-4 flex flex-row flex-wrap gap-4">
3207
3216
  <sl-input
3208
3217
  label=${this.labels.serviceName}
3209
- class="mb-4 w-full"
3218
+ class="w-full"
3210
3219
  placeholder=${this.labels.serviceNamePlaceholder}
3211
3220
  value=${this.serviceName}
3212
3221
  @sl-input=${(e) => this.onServiceNameInput?.(e.target.value)}
@@ -3215,23 +3224,23 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3215
3224
  ${this.serviceNameError || this.labels.serviceNameHelp}
3216
3225
  </span>
3217
3226
  </sl-input>
3218
- </div>
3219
3227
 
3220
- <div class="mb-4 flex items-center">
3221
- <axebow-switch .checked=${this.isDslZip} .onChange=${(checked) => this.onDslChange?.(checked)}>
3222
- ${this.labels.dslDeployment}
3223
- </axebow-switch>
3224
- </div>
3228
+ <div class="flex items-center">
3229
+ <axebow-switch .checked=${this.isDslZip} .onChange=${(checked) => this.onDslChange?.(checked)}>
3230
+ ${this.labels.dslDeployment}
3231
+ </axebow-switch>
3232
+ </div>
3225
3233
 
3226
- <axebow-drag-drop-upload-file
3227
- .fileName=${this.fileName}
3228
- .fileSizeLabel=${this.fileSizeLabel}
3229
- .errorMessage=${this.fileError}
3230
- .labels=${this.labels}
3231
- .onFileSelected=${(file) => this.onFileSelected?.(file)}
3232
- ></axebow-drag-drop-upload-file>
3234
+ <axebow-drag-drop-upload-file
3235
+ .fileName=${this.fileName}
3236
+ .fileSizeLabel=${this.fileSizeLabel}
3237
+ .errorMessage=${this.fileError}
3238
+ .labels=${this.labels}
3239
+ .onFileSelected=${(file) => this.onFileSelected?.(file)}
3240
+ ></axebow-drag-drop-upload-file>
3241
+ </div>
3233
3242
 
3234
- <div slot="footer" class="flex justify-end gap-4">
3243
+ <div class="flex justify-end gap-4 shrink-0">
3235
3244
  <axebow-button variant="danger" class="axebow-red-button" @click=${() => this.onClose?.()}>
3236
3245
  ${this.labels.cancel}
3237
3246
  </axebow-button>