@kumori/aurora-wui-components 0.0.297-dev4423.4 → 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 (6) 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/index.js +33 -9
  4. package/dist/index.js.map +1 -1
  5. package/dist/playground/schemas/axebow-dialog.schema.d.ts.map +1 -1
  6. 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/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);