@kumori/aurora-wui-components 0.0.199 → 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 -39
  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,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,31 +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;
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,29 @@ 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
+ <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>
3202
3203
 
3203
- ${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>` : ""}
3204
3206
 
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>
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>
3211
3215
 
3212
- <div class="mb-4 flex flex-row flex-wrap gap-4">
3213
3216
  <sl-input
3214
3217
  label=${this.labels.serviceName}
3215
- class="mb-4 w-full"
3218
+ class="w-full"
3216
3219
  placeholder=${this.labels.serviceNamePlaceholder}
3217
3220
  value=${this.serviceName}
3218
3221
  @sl-input=${(e) => this.onServiceNameInput?.(e.target.value)}
@@ -3221,23 +3224,23 @@ var AxebowRuntimeZipDialog = class AxebowRuntimeZipDialog extends LitElement {
3221
3224
  ${this.serviceNameError || this.labels.serviceNameHelp}
3222
3225
  </span>
3223
3226
  </sl-input>
3224
- </div>
3225
3227
 
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>
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>
3231
3233
 
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>
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>
3239
3242
 
3240
- <div slot="footer" class="flex justify-end gap-4">
3243
+ <div class="flex justify-end gap-4 shrink-0">
3241
3244
  <axebow-button variant="danger" class="axebow-red-button" @click=${() => this.onClose?.()}>
3242
3245
  ${this.labels.cancel}
3243
3246
  </axebow-button>