@ebay/skin 19.24.1 → 19.24.2
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.
|
@@ -144,6 +144,7 @@ button.filter-chip--expressive {
|
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
a.filter-chip--selected,
|
|
147
|
+
button.filter-chip.filter-chip--selected,
|
|
147
148
|
button.filter-chip[aria-pressed="true"] {
|
|
148
149
|
animation: fill-horizontal-background 0s var(--motion-easing-quick-enter)
|
|
149
150
|
forwards;
|
|
@@ -158,6 +159,7 @@ button.filter-chip[aria-pressed="true"] {
|
|
|
158
159
|
}
|
|
159
160
|
|
|
160
161
|
a.filter-chip--selected:after,
|
|
162
|
+
button.filter-chip.filter-chip--selected:after,
|
|
161
163
|
button.filter-chip[aria-pressed="true"]:after {
|
|
162
164
|
background-color: var(--color-state-layer-neutral-on-strong);
|
|
163
165
|
content: "";
|
|
@@ -168,6 +170,11 @@ button.filter-chip[aria-pressed="true"]:after {
|
|
|
168
170
|
|
|
169
171
|
a.filter-chip--selected:not([disabled], [aria-disabled="true"]):hover:after,
|
|
170
172
|
a.filter-chip--selected[href]:hover:after,
|
|
173
|
+
button.filter-chip.filter-chip--selected:not(
|
|
174
|
+
[disabled],
|
|
175
|
+
[aria-disabled="true"]
|
|
176
|
+
):hover:after,
|
|
177
|
+
button.filter-chip.filter-chip--selected[href]:hover:after,
|
|
171
178
|
button.filter-chip[aria-pressed="true"]:not(
|
|
172
179
|
[disabled],
|
|
173
180
|
[aria-disabled="true"]
|
|
@@ -181,6 +188,11 @@ a.filter-chip--selected:not(
|
|
|
181
188
|
[aria-disabled="true"]
|
|
182
189
|
):focus-visible:after,
|
|
183
190
|
a.filter-chip--selected[href]:focus-visible:after,
|
|
191
|
+
button.filter-chip.filter-chip--selected:not(
|
|
192
|
+
[disabled],
|
|
193
|
+
[aria-disabled="true"]
|
|
194
|
+
):focus-visible:after,
|
|
195
|
+
button.filter-chip.filter-chip--selected[href]:focus-visible:after,
|
|
184
196
|
button.filter-chip[aria-pressed="true"]:not(
|
|
185
197
|
[disabled],
|
|
186
198
|
[aria-disabled="true"]
|
|
@@ -191,6 +203,11 @@ button.filter-chip[aria-pressed="true"][href]:focus-visible:after {
|
|
|
191
203
|
|
|
192
204
|
a.filter-chip--selected:not([disabled], [aria-disabled="true"]):active:after,
|
|
193
205
|
a.filter-chip--selected[href]:active:after,
|
|
206
|
+
button.filter-chip.filter-chip--selected:not(
|
|
207
|
+
[disabled],
|
|
208
|
+
[aria-disabled="true"]
|
|
209
|
+
):active:after,
|
|
210
|
+
button.filter-chip.filter-chip--selected[href]:active:after,
|
|
194
211
|
button.filter-chip[aria-pressed="true"]:not(
|
|
195
212
|
[disabled],
|
|
196
213
|
[aria-disabled="true"]
|
|
@@ -199,6 +216,7 @@ button.filter-chip[aria-pressed="true"][href]:active:after {
|
|
|
199
216
|
background-color: var(--color-state-layer-pressed-on-strong);
|
|
200
217
|
}
|
|
201
218
|
|
|
219
|
+
button.filter-chip--animated.filter-chip--selected,
|
|
202
220
|
button.filter-chip--animated[aria-pressed="true"] {
|
|
203
221
|
animation-duration: var(--motion-duration-medium-2);
|
|
204
222
|
transition: color var(--motion-duration-instant)
|