@kumori/aurora-wui-components 0.0.267-dev4119.1 → 0.0.267-dev4121.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,4BAqLX;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/components/axebow-expandable-header/axebow-expandable-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-expandable-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-expandable-header/axebow-expandable-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,6DAA6D,CAAC;AACrE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C;;;;;;GAMG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAUX;IAE0B,KAAK,SAAM;IACV,QAAQ,UAAS;IAClB,UAAU,SAAM;IAChB,cAAc,SAAM;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvE,MAAM;CAqBP"}
+{"version":3,"file":"axebow-expandable-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-expandable-header/axebow-expandable-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,KAAK,CAAC;AAEvD,OAAO,6DAA6D,CAAC;AACrE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAG3C;;;;;;GAMG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAUX;IAE0B,KAAK,SAAM;IACV,QAAQ,UAAS;IAClB,UAAU,SAAM;IAChB,cAAc,SAAM;IAChB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvE,MAAM;CAuBP"}

package/dist/index.js

@@ -395,7 +395,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;
       }
 
       /**
@@ -532,37 +560,8 @@ var AxebowButton = class AxebowButton extends LitElement {
       sl-button[hoverstyle='border']: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
@@ -582,9 +581,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>
     `;
 	}
@@ -6911,6 +6910,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);
@@ -6935,7 +6936,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}
@@ -8185,9 +8186,11 @@ var AxebowExpandableHeader = class AxebowExpandableHeader extends LitElement {
         class="flex items-center gap-2 flex-wrap pt-4"
         style="padding-bottom: ${this.expanded ? "1.09375rem" : "1rem"};"
       >
-        <h3 class="text-base font-semibold text-(--axebow-tertiary) m-0">${this.title}</h3>
-        <axebow-switch .checked=${this.expanded} .onChange=${(checked) => this.onToggle?.(checked)}>
-        </axebow-switch>
+        <h3 class="text-base font-semibold text-(--axebow-tertiary) hover:text-(--axebow-gray) m-0">${this.title}</h3>
+        <div class="w-10 h-5">
+          <axebow-switch .checked=${this.expanded} .onChange=${(checked) => this.onToggle?.(checked)}>
+          </axebow-switch>
+        </div>
         <span class="text-sm text-(--axebow-gray) italic">${this.stateLabel}</span>
         <axebow-tooltip content="${this.tooltipContent}">
           <axebow-icon iconName="help" iconColor="var(--axebow-primary)" size="md" filled></axebow-icon>