@limetech/lime-elements 37.61.7 → 37.61.8
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/CHANGELOG.md +8 -0
- package/dist/cjs/limel-icon_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-icon_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/icon/icon.css +13 -19
- package/dist/esm/limel-icon_2.entry.js +1 -1
- package/dist/esm/limel-icon_2.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-441c0259.entry.js +2 -0
- package/dist/lime-elements/p-441c0259.entry.js.map +1 -0
- package/package.json +1 -1
- package/dist/lime-elements/p-5862b851.entry.js +0 -2
- package/dist/lime-elements/p-5862b851.entry.js.map +0 -1
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* This file is imported into every component!
|
|
3
|
-
*
|
|
4
|
-
* Nothing in this file may output any CSS
|
|
5
|
-
* without being explicitly called by outside code.
|
|
6
|
-
*/
|
|
7
1
|
/**
|
|
8
2
|
* @prop --icon-background-color: Background color when attribute `badge` is set to `true`. Defaults to `transparent`.
|
|
9
3
|
*/
|
|
@@ -29,8 +23,8 @@
|
|
|
29
23
|
}
|
|
30
24
|
|
|
31
25
|
:host([size=x-small]) {
|
|
32
|
-
height:
|
|
33
|
-
width:
|
|
26
|
+
height: 1rem !important;
|
|
27
|
+
width: 1rem !important;
|
|
34
28
|
}
|
|
35
29
|
|
|
36
30
|
:host([size=small]) {
|
|
@@ -39,25 +33,25 @@
|
|
|
39
33
|
}
|
|
40
34
|
|
|
41
35
|
:host([size=medium]) {
|
|
42
|
-
height: 1.
|
|
43
|
-
width: 1.
|
|
36
|
+
height: 1.5rem !important;
|
|
37
|
+
width: 1.5rem !important;
|
|
44
38
|
}
|
|
45
39
|
|
|
46
40
|
:host([size=large]) {
|
|
47
|
-
height: 1.
|
|
48
|
-
width: 1.
|
|
41
|
+
height: 1.75rem !important;
|
|
42
|
+
width: 1.75rem !important;
|
|
49
43
|
}
|
|
50
44
|
|
|
51
45
|
:host([badge][size=x-small]) {
|
|
52
|
-
height: 1.
|
|
53
|
-
width: 1.
|
|
46
|
+
height: 1.5rem !important;
|
|
47
|
+
width: 1.5rem !important;
|
|
54
48
|
--limel-icon-svg-margin: 0.25rem;
|
|
55
49
|
}
|
|
56
50
|
|
|
57
51
|
:host([badge][size=small]) {
|
|
58
|
-
height: 1.
|
|
59
|
-
width: 1.
|
|
60
|
-
--limel-icon-svg-margin: 0.
|
|
52
|
+
height: 1.75rem !important;
|
|
53
|
+
width: 1.75rem !important;
|
|
54
|
+
--limel-icon-svg-margin: 0.25rem;
|
|
61
55
|
}
|
|
62
56
|
|
|
63
57
|
:host([badge][size=medium]) {
|
|
@@ -67,7 +61,7 @@
|
|
|
67
61
|
}
|
|
68
62
|
|
|
69
63
|
:host([badge][size=large]) {
|
|
70
|
-
height: 2.
|
|
71
|
-
width: 2.
|
|
64
|
+
height: 2.75rem !important;
|
|
65
|
+
width: 2.75rem !important;
|
|
72
66
|
--limel-icon-svg-margin: 0.5rem;
|
|
73
67
|
}
|
|
@@ -149,7 +149,7 @@ const iconCache = (() => {
|
|
|
149
149
|
return createIconCache();
|
|
150
150
|
})();
|
|
151
151
|
|
|
152
|
-
const iconCss = ":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:
|
|
152
|
+
const iconCss = ":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host div{margin:var(--limel-icon-svg-margin, 0)}:host([hidden]){display:none}:host([size=x-small]){height:1rem !important;width:1rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5rem !important;width:1.5rem !important}:host([size=large]){height:1.75rem !important;width:1.75rem !important}:host([badge][size=x-small]){height:1.5rem !important;width:1.5rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=small]){height:1.75rem !important;width:1.75rem !important;--limel-icon-svg-margin:0.25rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important;--limel-icon-svg-margin:0.5rem}:host([badge][size=large]){height:2.75rem !important;width:2.75rem !important;--limel-icon-svg-margin:0.5rem}";
|
|
153
153
|
|
|
154
154
|
const Icon = class {
|
|
155
155
|
constructor(hostRef) {
|