@pairbo/ui-kit 0.3.7 → 0.3.8

package/dist/ui-kit.js

@@ -2070,7 +2070,7 @@
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function*qh(n,t){if(n!==void 0){let e=0;for(const i of n)yield t(i,e++)}}var lm=Object.defineProperty,cm=Object.getOwnPropertyDescriptor,Fr=(n,t,e,i)=>{for(var s=i>1?void 0:i?cm(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&lm(t,e,s),s};let Mi=class extends Dt{constructor(){super(...arguments),this.cards=[],this.skeleton=!1,this.firstUpdated=()=>{this.imageSplide=new Ga(this.imageCarousel,{perPage:2,perMove:1,autoHeight:!0,gap:"0.6%",rewind:!1,pagination:!1,isNavigation:!1,mediaQuery:"min",breakpoints:{640:{perPage:4,gap:"16px"}}}),this.imageSplide.on("arrows:mounted arrows:updated",()=>{this.updateArrowVisibility()}),this.imageSplide.mount()},this.disconnectedCallback=()=>{var t;super.disconnectedCallback(),(t=this.imageSplide)==null||t.destroy()},this.clickHandler=t=>{const e=t.target;this.emit("pbo-category-card-selected",{detail:{cardId:e.dataset.cardId}})}}updateArrowVisibility(){const t=this.imageCarousel.querySelector(".splide__arrow--next"),e=this.imageCarousel.querySelector(".splide__arrow--prev");t.style.visibility=t.disabled?"hidden":"visible",e.style.visibility=e.disabled?"hidden":"visible"}render(){return this.skeleton?V`
+ */function*qh(n,t){if(n!==void 0){let e=0;for(const i of n)yield t(i,e++)}}var lm=Object.defineProperty,cm=Object.getOwnPropertyDescriptor,Fr=(n,t,e,i)=>{for(var s=i>1?void 0:i?cm(t,e):t,r=n.length-1,o;r>=0;r--)(o=n[r])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&lm(t,e,s),s};let Mi=class extends Dt{constructor(){super(...arguments),this.cards=[],this.skeleton=!1,this.firstUpdated=()=>{this.imageSplide=new Ga(this.imageCarousel,{perPage:2,perMove:1,autoHeight:!0,gap:"0.6%",rewind:!1,pagination:!1,isNavigation:!1,mediaQuery:"min",breakpoints:{640:{perPage:3,gap:"16px"},768:{perPage:4,gap:"16px"}}}),this.imageSplide.on("arrows:mounted arrows:updated",()=>{this.updateArrowVisibility()}),this.imageSplide.mount()},this.disconnectedCallback=()=>{var t;super.disconnectedCallback(),(t=this.imageSplide)==null||t.destroy()},this.clickHandler=t=>{const e=t.target;this.emit("pbo-category-card-selected",{detail:{cardId:e.dataset.cardId}})}}updateArrowVisibility(){const t=this.imageCarousel.querySelector(".splide__arrow--next"),e=this.imageCarousel.querySelector(".splide__arrow--prev");t.style.visibility=t.disabled?"hidden":"visible",e.style.visibility=e.disabled?"hidden":"visible"}render(){return this.skeleton?V`
         <div class="category-container skeleton">
           <div class="title"></div>
           <div
@@ -3037,10 +3037,7 @@ void main() {
   .close-button svg {
     height: 32px;
     width: 32px;
-    fill: rgb(92, 92, 92);
-    background: rgba(223, 223, 223, 0.8);
-    border-radius: 100%;
-    color: black;
+    fill: #595959;
   }
 
   .close-button svg:hover {
@@ -3058,6 +3055,7 @@ void main() {
 
         <div class="close-button" @click=${this.close}>
           <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#F3F3F3">
+            <circle cx="480" cy="-480" r="390" fill="#FFFFFF" />
             <path
               d="m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
             />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pairbo/ui-kit",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "",
   "type": "module",
   "readme": "./README-NPM.md",