@florid-kit/components 0.10.22 → 0.10.24

package/index.js

@@ -1280,7 +1280,7 @@
       width: 0;
     }
   `;ot([a({type:Array})],F.prototype,"thumbnails",2);ot([a({type:Number})],F.prototype,"activeIndex",2);ot([a({type:Array})],F.prototype,"disabledIndexes",2);ot([a({type:String})],F.prototype,"maxWidth",2);ot([a({type:String})],F.prototype,"altressource",2);ot([a({type:Object})],F.prototype,"swiperInstance",2);ot([W()],F.prototype,"focusedIndex",2);F=ot([b("thumbnail-navigation")],F);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,te=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let wt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
-      <span class="tag ${this.bgstyle}"><slot></slot></span>
+      <p class="tag ${this.bgstyle}"><slot></slot></p>
     `}};wt.styles=v`
     .tag {
       display: inline-block;
@@ -1292,6 +1292,7 @@
       font-family: var(--font-family-loccitane-sans);
       letter-spacing: var(--letter-spacing-400);
       position: relative;
+      margin: var(--spacing-4-xs);
     }
 
     .tag.background-emphasis {
@@ -2764,7 +2765,7 @@
             margin: var(--spacing-4-xs);
             padding: var(--spacing-4-xs);
         }
-    `;qt=Ii([b("o-breadcrumbs")],qt);var Di=Object.defineProperty,Hi=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Hi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Di(t,e,i),i};let St=class extends u{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){return this.active?l`<span aria-current="page"><slot></slot></span>`:l`
+    `;qt=Ii([b("o-breadcrumbs")],qt);var Di=Object.defineProperty,Hi=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Hi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Di(t,e,i),i};let St=class extends u{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){return this.active?l`<p aria-current="page"><slot></slot></p>`:l`
             <li>
                 <a
                     href="${this.href}"
@@ -2782,8 +2783,10 @@
         }
 
         :host([active]) {
-            span {
+            p {
                 color: var(--color-content-body);
+                margin: var(--spacing-4-xs);
+                display: inline-block;
             }
         }
 
@@ -2791,7 +2794,7 @@
             display: inline-block;
         }
 
-        a, span {
+        a, p {
             color: var(--color-content-description);
             font-family: var(--font-family-loccitane-sans);
             font-size: var(--font-size-100);

package/index.mjs

@@ -2830,7 +2830,7 @@ let wt = class extends u {
   }
   render() {
     return l`
-      <span class="tag ${this.bgstyle}"><slot></slot></span>
+      <p class="tag ${this.bgstyle}"><slot></slot></p>
     `;
   }
 };
@@ -2845,6 +2845,7 @@ wt.styles = v`
       font-family: var(--font-family-loccitane-sans);
       letter-spacing: var(--letter-spacing-400);
       position: relative;
+      margin: var(--spacing-4-xs);
     }
 
     .tag.background-emphasis {
@@ -5114,7 +5115,7 @@ let St = class extends u {
     (!this.href || this.href === "#") && o.preventDefault();
   }
   render() {
-    return this.active ? l`<span aria-current="page"><slot></slot></span>` : l`
+    return this.active ? l`<p aria-current="page"><slot></slot></p>` : l`
             <li>
                 <a
                     href="${this.href}"
@@ -5135,8 +5136,10 @@ St.styles = v`
         }
 
         :host([active]) {
-            span {
+            p {
                 color: var(--color-content-body);
+                margin: var(--spacing-4-xs);
+                display: inline-block;
             }
         }
 
@@ -5144,7 +5147,7 @@ St.styles = v`
             display: inline-block;
         }
 
-        a, span {
+        a, p {
             color: var(--color-content-description);
             font-family: var(--font-family-loccitane-sans);
             font-size: var(--font-size-100);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@florid-kit/components",
-  "version": "0.10.22",
+  "version": "0.10.24",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",