@kumori/aurora-wui-components 0.0.221 → 0.0.222

package/dist/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-carousel-selector-item.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhE,qBACa,0BAA2B,SAAQ,UAAU;IACxD,MAAM,CAAC,MAAM,4BAqBX;IAE0B,OAAO,EAAE,uBAAuB,CAAa;IAC7C,MAAM,SAAM;IACX,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,SAAS,SAAM;IACf,IAAI,SAAM;IACV,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,OAAO,SAAM;IAEzC,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,kBAAkB;IA4B1B,MAAM;CAeP"}
+{"version":3,"file":"axebow-carousel-selector-item.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-carousel-selector-tenant/parts/axebow-carousel-selector-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAEvD,OAAO,+DAA+D,CAAC;AACvE,OAAO,kCAAkC,CAAC;AAE1C,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhE,qBACa,0BAA2B,SAAQ,UAAU;IACxD,MAAM,CAAC,MAAM,4BAqBX;IAE0B,OAAO,EAAE,uBAAuB,CAAa;IAC7C,MAAM,SAAM;IACX,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,SAAS,SAAM;IACf,IAAI,SAAM;IACV,UAAU,SAAM;IAChB,WAAW,SAAM;IACjB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9B,OAAO,SAAM;IAEzC,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA2B1B,MAAM;CAgBP"}

package/dist/index.js

@@ -6491,9 +6491,9 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
         padding: 0;
       }
       .item-checkbox::part(control) {
-        width: 1.125rem; 
-        height: 1.125rem; 
-        border-radius: 0.25rem;
+        width: 1.125rem;
+        height: 1.125rem;
+        border-radius: 50%;
       }
       .item-checkbox::part(control--checked) {
         background-color: var(--axebow-primary);
@@ -6516,7 +6516,7 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
 	}
 	_renderCheck() {
 		return html`
-      <div class="w-4.5 h-4.5 shrink-0">
+      <div class="absolute top-0 right-0 w-4.5 h-4.5 shrink-0">
         <sl-checkbox
           class="item-checkbox"
           .checked=${this.selected}
@@ -6540,8 +6540,7 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
 	}
 	_renderAccount() {
 		return html`
-      <div class="flex flex-col items-start w-full max-w-51.5 h-9.5">
-        ${this._renderCheck()}
+      <div class="flex flex-col items-start w-full max-w-51.5 h-9.5 justify-center">
         <p class="leading-tight text-md font-semibold text-(--axebow-primary) truncate w-full m-0" title=${this.name}>
           ${this.name}
         </p>
@@ -6553,7 +6552,6 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
       <div class="flex flex-row items-start gap-2 w-full">
         ${this.logoSrc ? html`<img src=${this.logoSrc} alt=${this.logoAlt} class="w-12.5 h-12.5 shrink-0 object-contain" />` : html`<axebow-icon iconName="cloud" size="large" class="w-12.5 h-12.5 shrink-0"></axebow-icon>`}
         <div class="flex flex-col items-start gap-1 flex-1 min-w-0">
-          ${this._renderCheck()}
           <div class="w-36 overflow-hidden">
             <p class="text-sm font-semibold text-(--axebow-primary) truncate m-0" title=${this.tenantName}>
               ${this.tenantName}
@@ -6574,9 +6572,10 @@ var AxebowCarouselSelectorItem = class AxebowCarouselSelectorItem extends LitEle
 	render() {
 		return html`
       <div
-        class="relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors ${this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0"} ${this.selected ? "border-(--axebow-primary) bg-(--axebow-primary-light)" : "border-(--axebow-light-gray) bg-(--axebow-white)"} ${this.disabled ? "opacity-60 pointer-events-none" : ""}"
+        class="relative w-full h-full box-border rounded-md border border-solid overflow-hidden transition-colors bg-(--axebow-base) ${this.variant === "environment" ? "pt-3 px-1.5 pb-0" : "pt-3 px-3 pb-0"} ${this.selected ? "border-(--axebow-primary)" : "border-(--axebow-light-gray)"} ${this.disabled ? "opacity-60 pointer-events-none" : ""}"
       >
         ${this.variant === "environment" ? this._renderEnvironment() : this._renderAccount()}
+        ${this._renderCheck()}
         ${this._renderBadge()}
       </div>
     `;