@kumori/aurora-wui-components 0.0.269-dev4119.2 → 0.0.269-dev4124.1

package/dist/components/axebow-button/axebow-button.d.ts

@@ -31,8 +31,6 @@ export declare class AxebowButton extends LitElement {
     private _syncPaddingVar;
     private _guardDisabledClick;
     static styles: import('lit').CSSResult[];
-    private _handlePrefixChange;
-    private _handleSuffixChange;
     render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=axebow-button.d.ts.map

package/dist/components/axebow-button/axebow-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BA0KX;IAEF,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,mBAAmB;IAY3B,MAAM;CAyBP"}
+{"version":3,"file":"axebow-button.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-button/axebow-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAkB,MAAM,KAAK,CAAC;AAIvD,OAAO,2DAA2D,CAAC;AAEnE,qBACa,YAAa,SAAQ,UAAU;IACC,OAAO,EAC9C,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAa;IAEoB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC7C,OAAO,UAAS;IAChB,IAAI,UAAS;IACb,MAAM,UAAS;IACZ,QAAQ,UAAS;IACpB,OAAO,UAAS;IAChB,KAAK,UAAS;IAC9B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;OAKG;IACyB,UAAU,EAAE,QAAQ,GAAG,QAAQ,CAAY;;IAOvE,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAerC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,mBAAmB,CAKzB;IAEF,MAAM,CAAC,MAAM,4BAsLX;IAEF,MAAM;CAyBP"}

package/dist/components/axebow-deploy-card/axebow-deploy-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-deploy-card.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-card/axebow-deploy-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,WAAW,SAAM;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,SAAgB;IACrB,MAAM,SAAc;IAEvC,OAAO,CAAC,cAAc,CAAS;IAExC,MAAM,CAAC,MAAM,4BAcX;IAEF,MAAM;CAkCP"}
+{"version":3,"file":"axebow-deploy-card.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-card/axebow-deploy-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C;;;;GAIG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,WAAW,SAAM;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,SAAgB;IACrB,MAAM,SAAc;IAEvC,OAAO,CAAC,cAAc,CAAS;IAExC,MAAM,CAAC,MAAM,4BAgBX;IAEF,MAAM;CAkCP"}

package/dist/index.js

@@ -396,7 +396,35 @@ var AxebowButton = class AxebowButton extends LitElement {
         line-height: calc(var(--axebow-button-height, 2.5rem) - var(--sl-input-border-width) * 2);
         width: var(--axebow-button-width, auto);
         min-width: var(--axebow-button-width, 9.375rem);
-        gap: 1rem;
+      }
+
+      /**
+       * The label part carries sl-button's own internal left/right spacing
+       * via a higher-specificity internal rule
+       * (.button--has-label.button--{size} .button__label), which an
+       * external ::part() override of equal-or-lower specificity cannot
+       * beat on its own - !important is required here, not optional
+       * styling preference. Each size's fallback points at shoelace's own
+       * token for that size, so unconfigured buttons render byte-for-byte
+       * as before - only an explicit padding* property changes anything.
+       */
+      sl-button[size='small']::part(label) {
+        padding-top: var(--axebow-button-padding-top, 0) !important;
+        padding-right: var(--axebow-button-padding-right, var(--sl-spacing-small)) !important;
+        padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
+        padding-left: var(--axebow-button-padding-left, var(--sl-spacing-small)) !important;
+      }
+      sl-button[size='medium']::part(label) {
+        padding-top: var(--axebow-button-padding-top, 0) !important;
+        padding-right: var(--axebow-button-padding-right, var(--sl-spacing-medium)) !important;
+        padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
+        padding-left: var(--axebow-button-padding-left, var(--sl-spacing-medium)) !important;
+      }
+      sl-button[size='large']::part(label) {
+        padding-top: var(--axebow-button-padding-top, 0) !important;
+        padding-right: var(--axebow-button-padding-right, var(--sl-spacing-large)) !important;
+        padding-bottom: var(--axebow-button-padding-bottom, 0) !important;
+        padding-left: var(--axebow-button-padding-left, var(--sl-spacing-large)) !important;
       }
 
       /**
@@ -487,6 +515,7 @@ var AxebowButton = class AxebowButton extends LitElement {
         outline-color: var(--axebow-error);
       }
       sl-button[variant='danger'][outline]:not([disabled]):hover::part(base) {
+        background: color-mix(in srgb, var(--axebow-gray) 15%, transparent);
         color: var(--axebow-gray);
         border-color: var(--axebow-gray);
         outline-color: var(--axebow-gray);
@@ -533,37 +562,8 @@ var AxebowButton = class AxebowButton extends LitElement {
       sl-button[hoverstyle='border']:not([disabled]):hover::part(label) {
         color: var(--axebow-gray) !important;
       }
-
-      sl-button::part(label) {
-        padding: 0 !important;
-      }
-
-      sl-button::part(prefix),
-      sl-button::part(suffix) {
-        display: none !important;
-      }
-
-      :host([has-prefix]) sl-button::part(prefix) {
-        display: flex !important;
-      }
-
-      :host([has-suffix]) sl-button::part(suffix) {
-        display: flex !important;
-      }
     `];
 	}
-	_handlePrefixChange(e) {
-		if (e.target.assignedNodes().some((node) => {
-			return node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== "";
-		})) this.setAttribute("has-prefix", "");
-		else this.removeAttribute("has-prefix");
-	}
-	_handleSuffixChange(e) {
-		if (e.target.assignedNodes().some((node) => {
-			return node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== "";
-		})) this.setAttribute("has-suffix", "");
-		else this.removeAttribute("has-suffix");
-	}
 	render() {
 		return html`
       <sl-button
@@ -583,9 +583,9 @@ var AxebowButton = class AxebowButton extends LitElement {
         name=${ifDefined(this.name)}
         value=${ifDefined(this.value)}
       >
-        <slot name="prefix" slot="prefix" @slotchange=${this._handlePrefixChange}></slot>
+        <slot name="prefix" slot="prefix"></slot>
         <slot></slot>
-        <slot name="suffix" slot="suffix" @slotchange=${this._handleSuffixChange}></slot>
+        <slot name="suffix" slot="suffix"></slot>
       </sl-button>
     `;
 	}
@@ -7096,6 +7096,8 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
       }
       axebow-button[variant='text']:hover::part(base) {
         background-color: var(--axebow-base);
+        width: 6.875rem;
+        min-width: 6.875rem;
       }
       axebow-button[variant='text']:hover::part(label) {
         color: var(--axebow-gray);
@@ -7120,7 +7122,7 @@ var AxebowDeployCard = class AxebowDeployCard extends LitElement {
         <axebow-button
           variant="text"
           class="ml-auto"
-          fixedWidth="6.875rem"
+          fixedWidth="5.75rem"
           fixedHeight="2rem"
           @click=${() => this.onClick?.()}
           @mouseenter=${() => this._deployHovered = true}