@entur/chip 0.6.16 → 0.6.17
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/dist/styles.css +49 -39
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -2,44 +2,6 @@
|
|
|
2
2
|
--eds-chip: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
.eds-action-chip {
|
|
6
|
-
cursor: pointer;
|
|
7
|
-
}
|
|
8
|
-
.eds-action-chip:focus {
|
|
9
|
-
outline: none;
|
|
10
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
11
|
-
outline-offset: 0.125rem;
|
|
12
|
-
}
|
|
13
|
-
.eds-contrast .eds-action-chip:focus {
|
|
14
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
15
|
-
}
|
|
16
|
-
.eds-action-chip:hover {
|
|
17
|
-
border-color: #181c56;
|
|
18
|
-
}
|
|
19
|
-
.eds-contrast .eds-action-chip:hover {
|
|
20
|
-
background-color: #54568c;
|
|
21
|
-
border-color: #54568c;
|
|
22
|
-
}
|
|
23
|
-
.eds-action-chip:active {
|
|
24
|
-
background: #d1d4e3;
|
|
25
|
-
}
|
|
26
|
-
.eds-contrast .eds-action-chip:active {
|
|
27
|
-
background-color: #292b6a;
|
|
28
|
-
border-color: #292b6a;
|
|
29
|
-
}
|
|
30
|
-
.eds-action-chip--disabled {
|
|
31
|
-
opacity: 0.5;
|
|
32
|
-
pointer-events: none;
|
|
33
|
-
}
|
|
34
|
-
.eds-action-chip--disabled__wrapper {
|
|
35
|
-
cursor: not-allowed;
|
|
36
|
-
width: -moz-fit-content;
|
|
37
|
-
width: fit-content;
|
|
38
|
-
}
|
|
39
|
-
.eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
|
|
40
|
-
background-color: #ffffff;
|
|
41
|
-
}/* DO NOT CHANGE!*/
|
|
42
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
43
5
|
.eds-chip {
|
|
44
6
|
background: #ebebf1;
|
|
45
7
|
border: 0.0625rem solid #d1d4e3;
|
|
@@ -143,6 +105,7 @@
|
|
|
143
105
|
.eds-tag-chip {
|
|
144
106
|
cursor: default;
|
|
145
107
|
padding-right: 0.25rem;
|
|
108
|
+
width: -webkit-fit-content;
|
|
146
109
|
width: -moz-fit-content;
|
|
147
110
|
width: fit-content;
|
|
148
111
|
}
|
|
@@ -179,6 +142,45 @@
|
|
|
179
142
|
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
180
143
|
}/* DO NOT CHANGE!*/
|
|
181
144
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
145
|
+
.eds-action-chip {
|
|
146
|
+
cursor: pointer;
|
|
147
|
+
}
|
|
148
|
+
.eds-action-chip:focus {
|
|
149
|
+
outline: none;
|
|
150
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
151
|
+
outline-offset: 0.125rem;
|
|
152
|
+
}
|
|
153
|
+
.eds-contrast .eds-action-chip:focus {
|
|
154
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
155
|
+
}
|
|
156
|
+
.eds-action-chip:hover {
|
|
157
|
+
border-color: #181c56;
|
|
158
|
+
}
|
|
159
|
+
.eds-contrast .eds-action-chip:hover {
|
|
160
|
+
background-color: #54568c;
|
|
161
|
+
border-color: #54568c;
|
|
162
|
+
}
|
|
163
|
+
.eds-action-chip:active {
|
|
164
|
+
background: #d1d4e3;
|
|
165
|
+
}
|
|
166
|
+
.eds-contrast .eds-action-chip:active {
|
|
167
|
+
background-color: #292b6a;
|
|
168
|
+
border-color: #292b6a;
|
|
169
|
+
}
|
|
170
|
+
.eds-action-chip--disabled {
|
|
171
|
+
opacity: 0.5;
|
|
172
|
+
pointer-events: none;
|
|
173
|
+
}
|
|
174
|
+
.eds-action-chip--disabled__wrapper {
|
|
175
|
+
cursor: not-allowed;
|
|
176
|
+
width: -webkit-fit-content;
|
|
177
|
+
width: -moz-fit-content;
|
|
178
|
+
width: fit-content;
|
|
179
|
+
}
|
|
180
|
+
.eds-contrast .eds-action-chip__loading-dots .eds-loading-dots__dot {
|
|
181
|
+
background-color: #ffffff;
|
|
182
|
+
}/* DO NOT CHANGE!*/
|
|
183
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
182
184
|
.eds-filter-chip {
|
|
183
185
|
cursor: pointer;
|
|
184
186
|
-webkit-user-select: none;
|
|
@@ -186,6 +188,7 @@
|
|
|
186
188
|
-ms-user-select: none;
|
|
187
189
|
user-select: none;
|
|
188
190
|
padding-left: 0.25rem;
|
|
191
|
+
width: -webkit-fit-content;
|
|
189
192
|
width: -moz-fit-content;
|
|
190
193
|
width: fit-content;
|
|
191
194
|
}
|
|
@@ -200,7 +203,8 @@
|
|
|
200
203
|
}
|
|
201
204
|
.eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
202
205
|
stroke: #181c56;
|
|
203
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
206
|
+
-webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
207
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
204
208
|
}
|
|
205
209
|
.eds-contrast .eds-filter-chip__input:checked + .eds-filter-chip__icon .eds-filter-chip-icon__path {
|
|
206
210
|
stroke: #5ac39a;
|
|
@@ -259,6 +263,12 @@
|
|
|
259
263
|
stroke-width: 0.375rem;
|
|
260
264
|
}
|
|
261
265
|
|
|
266
|
+
@-webkit-keyframes stroke {
|
|
267
|
+
100% {
|
|
268
|
+
stroke-dashoffset: 0;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
262
272
|
@keyframes stroke {
|
|
263
273
|
100% {
|
|
264
274
|
stroke-dashoffset: 0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/chip",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.17",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/chip.esm.js",
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/form": "^5.4.
|
|
31
|
-
"@entur/icons": "^5.4.
|
|
32
|
-
"@entur/loader": "^0.4.
|
|
30
|
+
"@entur/form": "^5.4.14",
|
|
31
|
+
"@entur/icons": "^5.4.2",
|
|
32
|
+
"@entur/loader": "^0.4.17",
|
|
33
33
|
"@entur/tokens": "^3.4.4",
|
|
34
|
-
"@entur/utils": "^0.
|
|
34
|
+
"@entur/utils": "^0.5.0",
|
|
35
35
|
"classnames": "^2.3.1"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
|
|
38
38
|
}
|