@sb1/ffe-chips 100.6.0 → 100.7.0
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/css/chip.css +11 -10
- package/package.json +4 -4
package/css/chip.css
CHANGED
|
@@ -9,16 +9,17 @@
|
|
|
9
9
|
--offset-y: calc(var(--ffe-spacing-2xs) - var(--border-width));
|
|
10
10
|
--space-between: var(--ffe-spacing-2xs);
|
|
11
11
|
all: unset;
|
|
12
|
+
display: -ms-grid;
|
|
12
13
|
display: grid;
|
|
13
14
|
place-items: center;
|
|
14
|
-
grid-
|
|
15
|
-
|
|
15
|
+
-ms-grid-columns: var(--text-offset) 1fr var(--text-offset);
|
|
16
|
+
grid-template-columns: var(--text-offset) 1fr var(--text-offset);
|
|
17
|
+
-ms-grid-rows: var(--offset-y) auto var(--offset-y);
|
|
18
|
+
grid-template-rows: var(--offset-y) auto var(--offset-y);
|
|
16
19
|
border: var(--border-width) solid var(--border-color);
|
|
17
20
|
background: var(--background-color);
|
|
18
21
|
color: var(--text-color);
|
|
19
22
|
border-radius: var(--border-radius);
|
|
20
|
-
-webkit-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
21
|
-
-o-transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
22
23
|
transition: all var(--ffe-transition-duration) var(--ffe-ease);
|
|
23
24
|
outline: var(--ffe-g-outline-width) solid transparent;
|
|
24
25
|
outline-offset: var(--ffe-g-outline-offset);
|
|
@@ -51,8 +52,7 @@
|
|
|
51
52
|
.ffe-chip:active {
|
|
52
53
|
--background-color: var(--ffe-color-fill-primary-subtle-pressed);
|
|
53
54
|
--border-color: var(--ffe-color-border-primary-default-pressed);
|
|
54
|
-
|
|
55
|
-
transform: scale(0.97);
|
|
55
|
+
transform: scale(0.97);
|
|
56
56
|
}
|
|
57
57
|
.ffe-chip--selectable .ffe-icons {
|
|
58
58
|
display: none;
|
|
@@ -69,8 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
.ffe-chip--selected:active {
|
|
71
71
|
--background-color: var(--ffe-color-fill-primary-selected-pressed);
|
|
72
|
-
|
|
73
|
-
transform: scale(0.97);
|
|
72
|
+
transform: scale(0.97);
|
|
74
73
|
}
|
|
75
74
|
.ffe-chip--sm {
|
|
76
75
|
--text-offset: 12px;
|
|
@@ -89,7 +88,8 @@
|
|
|
89
88
|
--space-between: var(--ffe-spacing-xs);
|
|
90
89
|
}
|
|
91
90
|
.ffe-chip--icon-right {
|
|
92
|
-
grid-
|
|
91
|
+
-ms-grid-columns: var(--text-offset) 1fr var(--space-between) auto var(--icon-offset);
|
|
92
|
+
grid-template-columns: var(--text-offset) 1fr var(--space-between) auto var(--icon-offset);
|
|
93
93
|
}
|
|
94
94
|
.ffe-chip--icon-right .ffe-icons {
|
|
95
95
|
grid-area: 2 / 4 / span 1 / span 1;
|
|
@@ -98,7 +98,8 @@
|
|
|
98
98
|
grid-area: 2 / 2 / span 1 / span 1;
|
|
99
99
|
}
|
|
100
100
|
.ffe-chip--icon-left {
|
|
101
|
-
grid-
|
|
101
|
+
-ms-grid-columns: var(--icon-offset) auto var(--space-between) 1fr var(--text-offset);
|
|
102
|
+
grid-template-columns: var(--icon-offset) auto var(--space-between) 1fr var(--text-offset);
|
|
102
103
|
}
|
|
103
104
|
.ffe-chip--icon-left .ffe-icons {
|
|
104
105
|
grid-area: 2 / 2 / span 1 / span 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-chips",
|
|
3
|
-
"version": "100.
|
|
3
|
+
"version": "100.7.0",
|
|
4
4
|
"description": "Chips are compact elements that represent an input, attribute, or action.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -23,13 +23,13 @@
|
|
|
23
23
|
"build": "lessc less/chip.less css/chip.css --autoprefix"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@sb1/ffe-core": "^100.
|
|
26
|
+
"@sb1/ffe-core": "^100.7.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@sb1/ffe-buildtool": "^100.
|
|
29
|
+
"@sb1/ffe-buildtool": "^100.7.0"
|
|
30
30
|
},
|
|
31
31
|
"publishConfig": {
|
|
32
32
|
"access": "public"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "206ebc01a87406a446cd81ee712e2e192ab3f193"
|
|
35
35
|
}
|