@florid-kit/components 0.9.38 → 0.9.40

package/components/tag.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage";
+type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage" | "eyebrow";
 type bgstyle = "background-emphasis" | "background-white";
 export declare class OccitaneTag extends LitElement {
     static styles: import('lit').CSSResult;

package/index.js

@@ -1291,9 +1291,6 @@
       font-family: var(--font-family-loccitane-sans);
       letter-spacing: var(--letter-spacing-400);
       position: relative;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
     }
 
     .tag.background-emphasis {
@@ -1331,6 +1328,17 @@
       background-color: var(--color-content-success);
     }
 
+    :host([type="eyebrow"]) .tag {
+      text-transform: lowercase;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      &::first-letter {
+        text-transform: uppercase;
+      }
+    }
+
   `;Jt([a({type:String,reflect:!0})],mt.prototype,"type",2);Jt([a({type:String,reflect:!0})],mt.prototype,"bgstyle",2);mt=Jt([g("o-tag")],mt);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ei(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ti(t,e,i),i};let xt=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
       <div class="tooltip">
         <span class="tooltiptext">${this.text}</span>
@@ -2810,6 +2818,7 @@
       --card-height-mobile: 153px;
       --overlay-bg: rgba(0,0,0,0.56);
       --overlay-opacity: 1;    
+      --card-filter: none;
 
       .card {
         position: relative;
@@ -2819,6 +2828,7 @@
         background-color: var(--colors-noir-des-terres-500);
         clip-path: url(#arch-gift-finder);
         -webkit-clip-path: url(#arch-gift-finder);
+        filter: var(--card-filter, none);
 
         @media (max-width: 1024px) {
           width: var(--card-width-mobile);

package/index.mjs

@@ -2816,9 +2816,6 @@ mt.styles = v`
       font-family: var(--font-family-loccitane-sans);
       letter-spacing: var(--letter-spacing-400);
       position: relative;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
     }
 
     .tag.background-emphasis {
@@ -2856,6 +2853,17 @@ mt.styles = v`
       background-color: var(--color-content-success);
     }
 
+    :host([type="eyebrow"]) .tag {
+      text-transform: lowercase;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      &::first-letter {
+        text-transform: uppercase;
+      }
+    }
+
   `;
 Jt([
   a({ type: String, reflect: !0 })
@@ -5145,6 +5153,7 @@ J.styles = v`
       --card-height-mobile: 153px;
       --overlay-bg: rgba(0,0,0,0.56);
       --overlay-opacity: 1;    
+      --card-filter: none;
 
       .card {
         position: relative;
@@ -5154,6 +5163,7 @@ J.styles = v`
         background-color: var(--colors-noir-des-terres-500);
         clip-path: url(#arch-gift-finder);
         -webkit-clip-path: url(#arch-gift-finder);
+        filter: var(--card-filter, none);
 
         @media (max-width: 1024px) {
           width: var(--card-width-mobile);

package/package.json

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