@florid-kit/components 0.9.38 → 0.9.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { LitElement } from 'lit';
2
2
 
3
- type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage";
3
+ type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage" | "eyebrow";
4
4
  type bgstyle = "background-emphasis" | "background-white";
5
5
  export declare class OccitaneTag extends LitElement {
6
6
  static styles: import('lit').CSSResult;
package/index.js CHANGED
@@ -1291,9 +1291,6 @@
1291
1291
  font-family: var(--font-family-loccitane-sans);
1292
1292
  letter-spacing: var(--letter-spacing-400);
1293
1293
  position: relative;
1294
- overflow: hidden;
1295
- white-space: nowrap;
1296
- text-overflow: ellipsis;
1297
1294
  }
1298
1295
 
1299
1296
  .tag.background-emphasis {
@@ -1331,6 +1328,17 @@
1331
1328
  background-color: var(--color-content-success);
1332
1329
  }
1333
1330
 
1331
+ :host([type="eyebrow"]) .tag {
1332
+ text-transform: lowercase;
1333
+ overflow: hidden;
1334
+ white-space: nowrap;
1335
+ text-overflow: ellipsis;
1336
+
1337
+ &::first-letter {
1338
+ text-transform: uppercase;
1339
+ }
1340
+ }
1341
+
1334
1342
  `;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`
1335
1343
  <div class="tooltip">
1336
1344
  <span class="tooltiptext">${this.text}</span>
package/index.mjs CHANGED
@@ -2816,9 +2816,6 @@ mt.styles = v`
2816
2816
  font-family: var(--font-family-loccitane-sans);
2817
2817
  letter-spacing: var(--letter-spacing-400);
2818
2818
  position: relative;
2819
- overflow: hidden;
2820
- white-space: nowrap;
2821
- text-overflow: ellipsis;
2822
2819
  }
2823
2820
 
2824
2821
  .tag.background-emphasis {
@@ -2856,6 +2853,17 @@ mt.styles = v`
2856
2853
  background-color: var(--color-content-success);
2857
2854
  }
2858
2855
 
2856
+ :host([type="eyebrow"]) .tag {
2857
+ text-transform: lowercase;
2858
+ overflow: hidden;
2859
+ white-space: nowrap;
2860
+ text-overflow: ellipsis;
2861
+
2862
+ &::first-letter {
2863
+ text-transform: uppercase;
2864
+ }
2865
+ }
2866
+
2859
2867
  `;
2860
2868
  Jt([
2861
2869
  a({ type: String, reflect: !0 })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.9.38",
3
+ "version": "0.9.39",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",