@florid-kit/components 0.9.37 → 0.9.39

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

@@ -1328,12 +1328,14 @@
       background-color: var(--color-content-success);
     }
 
-    :host(:not([type$="percentage"])) .tag {
-      @media (max-width: 480px) {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        max-width: 19ch;
+    :host([type="eyebrow"]) .tag {
+      text-transform: lowercase;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      &::first-letter {
+        text-transform: uppercase;
       }
     }
 

package/index.mjs

@@ -2853,12 +2853,14 @@ mt.styles = v`
       background-color: var(--color-content-success);
     }
 
-    :host(:not([type$="percentage"])) .tag {
-      @media (max-width: 480px) {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        max-width: 19ch;
+    :host([type="eyebrow"]) .tag {
+      text-transform: lowercase;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+
+      &::first-letter {
+        text-transform: uppercase;
       }
     }
 

package/package.json

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