@kumori/aurora-wui-components 0.0.297-dev4423.3 → 0.0.297-dev4423.5

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 (7) hide show
  1. package/dist/components/axebow-dialog/axebow-dialog.d.ts +2 -0
  2. package/dist/components/axebow-dialog/axebow-dialog.d.ts.map +1 -1
  3. package/dist/components/cards/parts/axebow-card-header.d.ts.map +1 -1
  4. package/dist/index.js +42 -22
  5. package/dist/index.js.map +1 -1
  6. package/dist/playground/schemas/axebow-dialog.schema.d.ts.map +1 -1
  7. package/package.json +1 -1
package/dist/components/axebow-dialog/axebow-dialog.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
2
  export type DialogType = 'basic' | 'form' | 'custom';
3
+ export type DialogVariant = 'default' | 'soft';
3
4
  export type DialogButtonVariant = 'default' | 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
4
5
  export interface DialogButtonConfig {
5
6
  label: string;
@@ -12,6 +13,7 @@ export interface DialogButtonConfig {
12
13
  export declare class AxebowDialog extends LitElement {
13
14
  static styles: import('lit').CSSResult[];
14
15
  open: boolean;
16
+ variant: DialogVariant;
15
17
  type: DialogType;
16
18
  width: string;
17
19
  dialogTitle: string;
package/dist/components/axebow-dialog/axebow-dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-dialog/axebow-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AACnE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAUX;IAE0C,IAAI,UAAS;IAC7B,IAAI,EAAE,UAAU,CAAW;IAC3B,KAAK,SAAgB;IACrB,WAAW,SAAM;IACjB,IAAI,SAAM;IACV,SAAS,SAAM;IACf,WAAW,SAAM;IAEb,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAEhC,SAAS,UAAS;IACnB,WAAW,SAAY;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,UAAS;IAClB,UAAU,SAAW;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,SAAW;IACpB,cAAc,SAA2B;IAE5D,OAAO,CAAC,0BAA0B,CAAS;IAEpD,OAAO,CAAC,wBAAwB;IAOhC,OAAO,KAAK,QAAQ,GAEnB;IAED,MAAM;CAoEP"}
1
+ {"version":3,"file":"axebow-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-dialog/axebow-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,2DAA2D,CAAC;AACnE,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAC/C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAgBX;IAE0C,IAAI,UAAS;IAC7B,OAAO,EAAE,aAAa,CAAa;IACnC,IAAI,EAAE,UAAU,CAAW;IAC3B,KAAK,SAAgB;IACrB,WAAW,SAAM;IACjB,IAAI,SAAM;IACV,SAAS,SAAM;IACf,WAAW,SAAM;IAEb,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAEhC,SAAS,UAAS;IACnB,WAAW,SAAY;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,QAAQ,UAAS;IAClB,UAAU,SAAW;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,SAAW;IACpB,cAAc,SAA2B;IAE5D,OAAO,CAAC,0BAA0B,CAAS;IAEpD,OAAO,CAAC,wBAAwB;IAOhC,OAAO,KAAK,QAAQ,GAEnB;IAED,MAAM;CAoFP"}
package/dist/components/cards/parts/axebow-card-header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-card-header.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,wCAAwC,CAAC;AAChD,OAAO,yDAAyD,CAAC;AACjE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAElC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAMX;IAE0B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,eAAe,SAAM;IACrB,IAAI,SAAM;IACV,KAAK,EAAE,SAAS,CAAU;IAC1B,QAAQ,SAAM;IACd,QAAQ,EAAE,QAAQ,CAAa;IAChC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACvB,aAAa,SAAe;IAC5B,aAAa,SAAyB;IACtC,YAAY,SAAgD;IAC5D,OAAO,SAAsB;IAC7B,OAAO,SAA+B;IACtC,IAAI,SAAM;IACV,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAM;IACtD,gBAAgB,SAA2B;IAEvE,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,aAAa;IAYrB,MAAM;IAgFN,OAAO,CAAC,iBAAiB;CAG1B"}
1
+ {"version":3,"file":"axebow-card-header.d.ts","sourceRoot":"","sources":["../../../../src/components/cards/parts/axebow-card-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,wCAAwC,CAAC;AAChD,OAAO,yDAAyD,CAAC;AACjE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,0BAA0B,CAAC;AAElC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,4BAMX;IAE0B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,eAAe,SAAM;IACrB,IAAI,SAAM;IACV,KAAK,EAAE,SAAS,CAAU;IAC1B,QAAQ,SAAM;IACd,QAAQ,EAAE,QAAQ,CAAa;IAChC,SAAS,EAAE,YAAY,EAAE,CAAM;IAC9B,iBAAiB,SAAM;IACvB,aAAa,SAAe;IAC5B,aAAa,SAAyB;IACtC,YAAY,SAAgD;IAC5D,OAAO,SAAsB;IAC7B,OAAO,SAA+B;IACtC,IAAI,SAAM;IACV,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAM;IACtD,gBAAgB,SAA2B;IAEvE,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,aAAa;IAYrB,MAAM;IA4EN,OAAO,CAAC,iBAAiB;CAG1B"}
package/dist/index.js CHANGED
@@ -4071,6 +4071,7 @@ var AxebowDialog = class AxebowDialog extends LitElement {
4071
4071
  constructor(..._args) {
4072
4072
  super(..._args);
4073
4073
  this.open = false;
4074
+ this.variant = "default";
4074
4075
  this.type = "basic";
4075
4076
  this.width = "36.1875rem";
4076
4077
  this.dialogTitle = "";
@@ -4093,6 +4094,12 @@ var AxebowDialog = class AxebowDialog extends LitElement {
4093
4094
  sl-dialog::part(footer) {
4094
4095
  padding: 2rem 1.5rem 1.5rem 1.5rem;
4095
4096
  }
4097
+ sl-dialog.soft::part(panel) {
4098
+ background-color: var(--axebow-base);
4099
+ }
4100
+ sl-dialog.soft::part(footer) {
4101
+ padding: 1.5rem;
4102
+ }
4096
4103
  `];
4097
4104
  }
4098
4105
  _onDescriptionSlotChange(e) {
@@ -4111,8 +4118,10 @@ var AxebowDialog = class AxebowDialog extends LitElement {
4111
4118
  render() {
4112
4119
  const hasTrailingContent = this.type === "form" || this.type === "custom";
4113
4120
  const showDescription = !!this.description || this._hasDescriptionSlotContent;
4121
+ const isSoft = this.variant === "soft";
4114
4122
  return html`
4115
4123
  <sl-dialog
4124
+ class=${isSoft ? "soft" : ""}
4116
4125
  ?open=${this.open}
4117
4126
  no-header
4118
4127
  label=${this.dialogTitle}
@@ -4121,17 +4130,31 @@ var AxebowDialog = class AxebowDialog extends LitElement {
4121
4130
  >
4122
4131
  <div class="flex items-center justify-between gap-4 mb-6">
4123
4132
  <div class="flex items-center gap-4 min-w-0">
4124
- ${this.icon ? html`<axebow-icon iconName=${this.icon} iconColor=${this.iconColor}></axebow-icon>` : ""}
4125
- <h2 class="m-0 font-semibold text-lg truncate">${this.dialogTitle}</h2>
4133
+ ${this.icon ? html`<div class="shrink-0 flex items-center justify-center ${isSoft ? "w-8 h-8" : ""}">
4134
+ <axebow-icon
4135
+ iconName=${this.icon}
4136
+ iconColor=${this.iconColor}
4137
+ size=${isSoft ? "2rem" : "medium"}
4138
+ class=${isSoft ? "leading-none" : ""}
4139
+ ></axebow-icon>
4140
+ </div>` : ""}
4141
+ <h2 class="m-0 font-semibold truncate ${isSoft ? "text-xl" : "text-lg"}">${this.dialogTitle}</h2>
4126
4142
  </div>
4127
4143
  ${this.canClose ? html`
4128
- <button
4129
- class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0"
4130
- aria-label=${this.closeLabel}
4131
- @click=${() => this.onClose?.()}
4132
- >
4133
- <axebow-icon iconName=${this.closeIcon} iconColor=${this.closeIconColor} size="xl"></axebow-icon>
4134
- </button>
4144
+ <div class="shrink-0 flex items-center justify-center ${isSoft ? "w-6 h-6" : ""}">
4145
+ <button
4146
+ class="p-0 border-0 bg-transparent cursor-pointer flex items-center justify-center shrink-0"
4147
+ aria-label=${this.closeLabel}
4148
+ @click=${() => this.onClose?.()}
4149
+ >
4150
+ <axebow-icon
4151
+ iconName=${this.closeIcon}
4152
+ iconColor=${this.closeIconColor}
4153
+ size=${isSoft ? "2xl" : "xl"}
4154
+ class=${isSoft ? "leading-none" : ""}
4155
+ ></axebow-icon>
4156
+ </button>
4157
+ </div>
4135
4158
  ` : ""}
4136
4159
  </div>
4137
4160
 
@@ -4168,6 +4191,7 @@ __decorate([property({
4168
4191
  type: Boolean,
4169
4192
  reflect: true
4170
4193
  })], AxebowDialog.prototype, "open", void 0);
4194
+ __decorate([property({ type: String })], AxebowDialog.prototype, "variant", void 0);
4171
4195
  __decorate([property({ type: String })], AxebowDialog.prototype, "type", void 0);
4172
4196
  __decorate([property({ type: String })], AxebowDialog.prototype, "width", void 0);
4173
4197
  __decorate([property({ type: String })], AxebowDialog.prototype, "dialogTitle", void 0);
@@ -6171,17 +6195,8 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
6171
6195
  const isCompact = this.cardType === "environment" || isTenant;
6172
6196
  const isRuntime = this.cardType === "runtime";
6173
6197
  const heightStyle = `height:${this._headerHeight()}`;
6174
- if (isCompact) {
6175
- const sizeClasses = isTenant ? "w-91 mx-auto p-2" : "w-91 px-2 py-3.25";
6176
- const subtitleTooltip = isTenant && this.roleTooltips[this.role] ? html`
6177
- <axebow-role-tooltip
6178
- .heading=${this.roleTooltips[this.role].title}
6179
- .items=${this.roleTooltips[this.role].items}
6180
- color=${this.roleTooltipColor}
6181
- ></axebow-role-tooltip>
6182
- ` : html`<slot name="subtitle-tooltip"></slot>`;
6183
- return html`
6184
- <div class="${sizeClasses} bg-(--axebow-anti-flash-white) rounded-md flex flex-col justify-center box-border" style=${heightStyle}>
6198
+ if (isCompact) return html`
6199
+ <div class="${isTenant ? "w-91 mx-auto p-2" : "w-91 px-2 py-3.25"} bg-(--axebow-anti-flash-white) rounded-md flex flex-col justify-center box-border" style=${heightStyle}>
6185
6200
  <div class="flex flex-col flex-1 min-w-0">
6186
6201
  ${this.tenantOrAccount || this.logoSrc ? html`
6187
6202
  <div class="flex gap-2 items-center leading-none ${isTenant ? "w-87 h-3" : ""}">
@@ -6198,13 +6213,18 @@ var AxebowCardHeader = class AxebowCardHeader extends LitElement {
6198
6213
  ${this.subtitle ? html`
6199
6214
  <div class="text-(--axebow-gray) flex items-center gap-1 ${isTenant ? "w-26.75 h-4 text-sm italic whitespace-nowrap" : ""}">
6200
6215
  ${this.subtitle}
6201
- ${isTenant ? html`<div class="w-3.5 h-3.5 shrink-0 flex items-center justify-center">${subtitleTooltip}</div>` : subtitleTooltip}
6216
+ ${isTenant && this.roleTooltips[this.role] ? html`
6217
+ <axebow-role-tooltip
6218
+ .heading=${this.roleTooltips[this.role].title}
6219
+ .items=${this.roleTooltips[this.role].items}
6220
+ color=${this.roleTooltipColor}
6221
+ ></axebow-role-tooltip>
6222
+ ` : html`<slot name="subtitle-tooltip"></slot>`}
6202
6223
  </div>
6203
6224
  ` : ""}
6204
6225
  </div>
6205
6226
  </div>
6206
6227
  `;
6207
- }
6208
6228
  return html`
6209
6229
  <div class="w-full bg-(--axebow-anti-flash-white) rounded-md flex items-center ${isRuntime ? "gap-3 py-2 px-3" : "gap-2 py-2 px-2"} box-border" style=${heightStyle}>
6210
6230
  <axebow-card-cloud-logo .src=${this.logoSrc} size="large"></axebow-card-cloud-logo>