@florid-kit/components 0.8.44 → 0.8.45
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.
- package/components/tag.d.ts +1 -1
- package/index.js +9 -7
- package/index.mjs +9 -7
- package/package.json +1 -1
package/components/tag.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
|
|
3
|
-
type TagType = "" | "nostock" | "lowstock" | "instock";
|
|
3
|
+
type TagType = "" | "nostock" | "lowstock" | "instock" | "percentage";
|
|
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
|
@@ -1163,13 +1163,6 @@
|
|
|
1163
1163
|
font-family: var(--font-family-loccitane-sans);
|
|
1164
1164
|
letter-spacing: var(--letter-spacing-400);
|
|
1165
1165
|
position: relative;
|
|
1166
|
-
|
|
1167
|
-
@media (max-width: 375px) {
|
|
1168
|
-
overflow: hidden;
|
|
1169
|
-
white-space: nowrap;
|
|
1170
|
-
text-overflow: ellipsis;
|
|
1171
|
-
max-width: 19ch;
|
|
1172
|
-
}
|
|
1173
1166
|
}
|
|
1174
1167
|
|
|
1175
1168
|
.tag.background-emphasis {
|
|
@@ -1207,6 +1200,15 @@
|
|
|
1207
1200
|
background-color: var(--color-content-success);
|
|
1208
1201
|
}
|
|
1209
1202
|
|
|
1203
|
+
:host(:not([type$="percentage"])) .tag, {
|
|
1204
|
+
@media (max-width: 375px) {
|
|
1205
|
+
overflow: hidden;
|
|
1206
|
+
white-space: nowrap;
|
|
1207
|
+
text-overflow: ellipsis;
|
|
1208
|
+
max-width: 19ch;
|
|
1209
|
+
}
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1210
1212
|
`;jt([a({type:String,reflect:!0})],lt.prototype,"type",2);jt([a({type:String,reflect:!0})],lt.prototype,"bgstyle",2);lt=jt([x("o-tag")],lt);var So=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,Ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Lo(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&&So(t,e,i),i};let ct=class extends f{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1211
1213
|
<div class="tooltip">
|
|
1212
1214
|
<span class="tooltiptext">${this.text}</span>
|
package/index.mjs
CHANGED
|
@@ -2553,13 +2553,6 @@ lt.styles = y`
|
|
|
2553
2553
|
font-family: var(--font-family-loccitane-sans);
|
|
2554
2554
|
letter-spacing: var(--letter-spacing-400);
|
|
2555
2555
|
position: relative;
|
|
2556
|
-
|
|
2557
|
-
@media (max-width: 375px) {
|
|
2558
|
-
overflow: hidden;
|
|
2559
|
-
white-space: nowrap;
|
|
2560
|
-
text-overflow: ellipsis;
|
|
2561
|
-
max-width: 19ch;
|
|
2562
|
-
}
|
|
2563
2556
|
}
|
|
2564
2557
|
|
|
2565
2558
|
.tag.background-emphasis {
|
|
@@ -2597,6 +2590,15 @@ lt.styles = y`
|
|
|
2597
2590
|
background-color: var(--color-content-success);
|
|
2598
2591
|
}
|
|
2599
2592
|
|
|
2593
|
+
:host(:not([type$="percentage"])) .tag, {
|
|
2594
|
+
@media (max-width: 375px) {
|
|
2595
|
+
overflow: hidden;
|
|
2596
|
+
white-space: nowrap;
|
|
2597
|
+
text-overflow: ellipsis;
|
|
2598
|
+
max-width: 19ch;
|
|
2599
|
+
}
|
|
2600
|
+
}
|
|
2601
|
+
|
|
2600
2602
|
`;
|
|
2601
2603
|
jt([
|
|
2602
2604
|
a({ type: String, reflect: !0 })
|