@kumori/aurora-wui-components 0.0.309-dev4554.1 → 0.0.309-dev4554.2

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

@@ -1 +1 @@
-{"version":3,"file":"axebow-modal.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-modal/axebow-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,WAAY,SAAQ,UAAU;IACG,IAAI,UAAS;IAC7C,KAAK,EAAE,MAAM,CAAuB;IACpC,QAAQ,EAAE,MAAM,CAAY;IAC5B,SAAS,EAAE,MAAM,CAAU;IAC3B,MAAM,EAAE,MAAM,CAAuB;IACrC,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAM;IACzB,aAAa,EAAE,MAAM,CAAW;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,qBAAqB,CAAS;IAC/C,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,mBAAmB;IAO3B,MAAM,CAAC,MAAM,4BA+DX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAW/C,oBAAoB;IAQpB,OAAO,CAAC,YAAY;IAKpB,MAAM;CA2CP"}
+{"version":3,"file":"axebow-modal.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-modal/axebow-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAGvD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,WAAY,SAAQ,UAAU;IACG,IAAI,UAAS;IAC7C,KAAK,EAAE,MAAM,CAAuB;IACpC,QAAQ,EAAE,MAAM,CAAY;IAC5B,SAAS,EAAE,MAAM,CAAU;IAC3B,MAAM,EAAE,MAAM,CAAuB;IACrC,KAAK,EAAE,MAAM,CAAM;IACnB,WAAW,EAAE,MAAM,CAAM;IACzB,aAAa,EAAE,MAAM,CAAW;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAE5B,OAAO,CAAC,qBAAqB,CAAS;IAC/C,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,mBAAmB;IAO3B,MAAM,CAAC,MAAM,4BAmEX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAW/C,oBAAoB;IAQpB,OAAO,CAAC,YAAY;IAKpB,MAAM;CA8CP"}

package/dist/index.js

@@ -14544,6 +14544,8 @@ var AxebowModal = class AxebowModal extends LitElement {
 	static {
 		this.styles = [unsafeCSS(tailwind_default), css`
       :host {
+        --axebow-modal-title-line-height: 1.75rem;
+        --axebow-modal-close-size: 2.125rem;
         display: none;
         position: fixed;
         background-color: rgba(0, 0, 0, 0.5);
@@ -14586,10 +14588,12 @@ var AxebowModal = class AxebowModal extends LitElement {
 
       .close-button {
         position: absolute;
-        top: 1.25rem;
+        top: calc(1rem + (var(--axebow-modal-title-line-height) - var(--axebow-modal-close-size)) / 2);
         right: 1.25rem;
+        width: var(--axebow-modal-close-size);
+        height: var(--axebow-modal-close-size);
         cursor: pointer;
-        padding: 0.5rem;
+        padding: 0;
         border-radius: 50%;
         color: var(--axebow-gray);
         transition: all 0.2s;
@@ -14638,13 +14642,18 @@ var AxebowModal = class AxebowModal extends LitElement {
       >
         ${this.title ? html`
               <div class="p-4 pr-14 border-b border-solid border-(--axebow-light-gray) relative">
-                <h2 class="text-lg font-bold text-(--axebow-primary) m-0">${this.title}</h2>
+                <h2
+                  class="text-lg font-bold text-(--axebow-primary) m-0"
+                  style="line-height: var(--axebow-modal-title-line-height);"
+                >
+                  ${this.title}
+                </h2>
                 ${this.description ? html`<p class="text-(--axebow-gray) mt-1 m-0">${this.description}</p>` : ""}
                 <slot name="description"></slot>
 
                 <div
                   class="close-button"
-                  style=${ifDefined(this.closeButtonSize ? `width: ${this.closeButtonSize}; height: ${this.closeButtonSize}; padding: 0;` : void 0)}
+                  style=${ifDefined(this.closeButtonSize ? `--axebow-modal-close-size: ${this.closeButtonSize};` : void 0)}
                   @click=${this._handleClose}
                 >
                   <axebow-icon iconName=${this.closeIconName} iconColor=${ifDefined(this.closeIconColor)} size="xl"></axebow-icon>