@entur/dropdown 5.4.2 → 5.4.4
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 +124 -124
- package/package.json +11 -11
package/dist/styles.css
CHANGED
|
@@ -1,55 +1,93 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
.eds-multi-select {
|
|
4
|
+
position: relative;
|
|
5
|
+
}
|
|
6
|
+
.eds-multi-select__selected-items {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
flex-wrap: wrap;
|
|
10
|
+
position: relative;
|
|
11
|
+
flex: 1 1 0%;
|
|
12
|
+
padding: 0.25rem;
|
|
13
|
+
}
|
|
14
|
+
.eds-multi-select__selected-items-tag.eds-tag-chip {
|
|
15
|
+
margin-left: 0.25rem;
|
|
12
16
|
white-space: nowrap;
|
|
13
17
|
}
|
|
14
|
-
.eds-
|
|
15
|
-
|
|
18
|
+
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip svg {
|
|
19
|
+
color: #181c56;
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
-moz-transition: none;
|
|
20
|
-
transition: none;
|
|
21
|
+
.eds-multi-select__selected-items-tag.eds-tag-chip:focus {
|
|
22
|
+
outline-offset: 0.125rem;
|
|
21
23
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip {
|
|
25
|
+
color: #181c56;
|
|
26
|
+
background: #ebebf1;
|
|
27
|
+
border: 0.0625rem solid #d1d4e3;
|
|
25
28
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
background: none;
|
|
33
|
-
border: none;
|
|
34
|
-
border-radius: 0;
|
|
35
|
-
color: inherit;
|
|
36
|
-
font-size: inherit;
|
|
37
|
-
font-family: inherit;
|
|
38
|
-
margin-right: -0.75rem;
|
|
39
|
-
padding: 0.5rem;
|
|
29
|
+
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip .eds-tag-chip__close-button:hover {
|
|
30
|
+
background: #babbcf;
|
|
31
|
+
}
|
|
32
|
+
.eds-multi-select__input {
|
|
33
|
+
flex: 1 1;
|
|
34
|
+
min-height: 44px;
|
|
40
35
|
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
}
|
|
38
|
+
.eds-multi-select__placeholder {
|
|
39
|
+
padding-left: 1.5rem;
|
|
40
|
+
line-height: 1.375rem;
|
|
41
|
+
font-size: 1rem;
|
|
42
|
+
}
|
|
43
|
+
.eds-checkbox-icon {
|
|
44
|
+
height: 1rem;
|
|
45
|
+
width: 1rem;
|
|
46
|
+
visibility: hidden;
|
|
47
|
+
}
|
|
48
|
+
.eds-checkbox-icon__path {
|
|
49
|
+
transform-origin: 50% 50%;
|
|
50
|
+
stroke-dasharray: 48;
|
|
51
|
+
stroke-dashoffset: 48;
|
|
52
|
+
stroke-width: 0.375rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.eds-multiselect {
|
|
56
|
+
position: relative;
|
|
57
|
+
}
|
|
58
|
+
.eds-multiselect__button {
|
|
59
|
+
text-overflow: ellipsis;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.eds-multiselect-checkbox {
|
|
63
|
+
display: inline-flex;
|
|
41
64
|
justify-content: center;
|
|
65
|
+
align-items: center;
|
|
66
|
+
position: relative;
|
|
67
|
+
margin-right: 0.75rem;
|
|
68
|
+
height: 1.25rem;
|
|
69
|
+
width: 1.25rem;
|
|
70
|
+
border: 0.125rem solid #181c56;
|
|
71
|
+
border-radius: 0.0625rem;
|
|
72
|
+
background-color: transparent;
|
|
73
|
+
color: #ffffff;
|
|
42
74
|
}
|
|
43
|
-
|
|
44
|
-
|
|
75
|
+
|
|
76
|
+
.eds-multiselect-checkbox--checked {
|
|
77
|
+
background-color: #181c56;
|
|
45
78
|
}
|
|
46
|
-
.eds-
|
|
47
|
-
|
|
48
|
-
outline: none;
|
|
49
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
79
|
+
.eds-multiselect-checkbox--checked .eds-checkbox-icon {
|
|
80
|
+
visibility: visible;
|
|
50
81
|
}
|
|
51
|
-
.eds-
|
|
52
|
-
|
|
82
|
+
.eds-multiselect-checkbox--checked .eds-checkbox-icon__path {
|
|
83
|
+
stroke: #ffffff;
|
|
84
|
+
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@keyframes stroke {
|
|
88
|
+
100% {
|
|
89
|
+
stroke-dashoffset: 0;
|
|
90
|
+
}
|
|
53
91
|
}
|
|
54
92
|
/* DO NOT CHANGE!*/
|
|
55
93
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
@@ -115,13 +153,6 @@
|
|
|
115
153
|
.eds-dropdown-list-icon {
|
|
116
154
|
margin-left: 0.75rem;
|
|
117
155
|
}
|
|
118
|
-
.eds-inline-spinner {
|
|
119
|
-
align-items: center;
|
|
120
|
-
display: flex;
|
|
121
|
-
justify-content: center;
|
|
122
|
-
height: 100%;
|
|
123
|
-
width: 100%;
|
|
124
|
-
}
|
|
125
156
|
/* DO NOT CHANGE!*/
|
|
126
157
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
127
158
|
.eds-dropdown-wrapper {
|
|
@@ -182,94 +213,63 @@
|
|
|
182
213
|
}
|
|
183
214
|
/* DO NOT CHANGE!*/
|
|
184
215
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
185
|
-
.eds-
|
|
186
|
-
|
|
187
|
-
}
|
|
188
|
-
.eds-multi-select__selected-items {
|
|
189
|
-
display: flex;
|
|
190
|
-
align-items: center;
|
|
191
|
-
flex-wrap: wrap;
|
|
192
|
-
position: relative;
|
|
193
|
-
flex: 1 1 0%;
|
|
194
|
-
padding: 0.25rem;
|
|
195
|
-
}
|
|
196
|
-
.eds-multi-select__selected-items-tag.eds-tag-chip {
|
|
197
|
-
margin-left: 0.25rem;
|
|
198
|
-
white-space: nowrap;
|
|
199
|
-
}
|
|
200
|
-
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip svg {
|
|
201
|
-
color: #181c56;
|
|
202
|
-
}
|
|
203
|
-
.eds-multi-select__selected-items-tag.eds-tag-chip:focus {
|
|
204
|
-
outline-offset: 0.125rem;
|
|
205
|
-
}
|
|
206
|
-
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip {
|
|
207
|
-
color: #181c56;
|
|
208
|
-
background: #ebebf1;
|
|
209
|
-
border: 0.0625rem solid #d1d4e3;
|
|
210
|
-
}
|
|
211
|
-
.eds-contrast .eds-multi-select__selected-items-tag.eds-tag-chip .eds-tag-chip__close-button:hover {
|
|
212
|
-
background: #babbcf;
|
|
213
|
-
}
|
|
214
|
-
.eds-multi-select__input {
|
|
215
|
-
flex: 1 1;
|
|
216
|
-
min-height: 44px;
|
|
217
|
-
display: flex;
|
|
218
|
-
align-items: center;
|
|
219
|
-
}
|
|
220
|
-
.eds-multi-select__placeholder {
|
|
221
|
-
padding-left: 1.5rem;
|
|
222
|
-
line-height: 1.375rem;
|
|
216
|
+
.eds-dropdown__searchable-selected-item {
|
|
217
|
+
display: block;
|
|
223
218
|
font-size: 1rem;
|
|
219
|
+
line-height: 1rem;
|
|
220
|
+
margin-right: -1rem;
|
|
221
|
+
padding: calc(1rem + 0.25rem) 0 0.25rem 1rem;
|
|
222
|
+
font-family: inherit;
|
|
223
|
+
overflow-x: hidden;
|
|
224
|
+
text-overflow: ellipsis;
|
|
225
|
+
white-space: nowrap;
|
|
224
226
|
}
|
|
225
|
-
.eds-
|
|
226
|
-
|
|
227
|
-
width: 1rem;
|
|
228
|
-
visibility: hidden;
|
|
229
|
-
}
|
|
230
|
-
.eds-checkbox-icon__path {
|
|
231
|
-
transform-origin: 50% 50%;
|
|
232
|
-
stroke-dasharray: 48;
|
|
233
|
-
stroke-dashoffset: 48;
|
|
234
|
-
stroke-width: 0.375rem;
|
|
227
|
+
.eds-dropdown__searchable-selected-item__wrapper {
|
|
228
|
+
max-width: 65%;
|
|
235
229
|
}
|
|
236
230
|
|
|
237
|
-
.eds-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
.eds-multiselect__button {
|
|
241
|
-
text-overflow: ellipsis;
|
|
231
|
+
.eds-form-control.eds-dropdown__input::-moz-placeholder {
|
|
232
|
+
-moz-transition: none;
|
|
233
|
+
transition: none;
|
|
242
234
|
}
|
|
243
235
|
|
|
244
|
-
.eds-
|
|
245
|
-
|
|
236
|
+
.eds-form-control.eds-dropdown__input::placeholder {
|
|
237
|
+
transition: none;
|
|
238
|
+
}
|
|
239
|
+
/* DO NOT CHANGE!*/
|
|
240
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
241
|
+
.eds-dropdown__toggle-button {
|
|
242
|
+
-webkit-appearance: none;
|
|
243
|
+
-moz-appearance: none;
|
|
244
|
+
appearance: none;
|
|
245
|
+
background: none;
|
|
246
|
+
border: none;
|
|
247
|
+
border-radius: 0;
|
|
248
|
+
color: inherit;
|
|
249
|
+
font-size: inherit;
|
|
250
|
+
font-family: inherit;
|
|
251
|
+
margin-right: -0.75rem;
|
|
252
|
+
padding: 0.5rem;
|
|
253
|
+
display: flex;
|
|
246
254
|
justify-content: center;
|
|
247
|
-
align-items: center;
|
|
248
|
-
position: relative;
|
|
249
|
-
margin-right: 0.75rem;
|
|
250
|
-
height: 1.25rem;
|
|
251
|
-
width: 1.25rem;
|
|
252
|
-
border: 0.125rem solid #181c56;
|
|
253
|
-
border-radius: 0.0625rem;
|
|
254
|
-
background-color: transparent;
|
|
255
|
-
color: #ffffff;
|
|
256
255
|
}
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
background-color: #181c56;
|
|
256
|
+
.eds-dropdown__toggle-button--open svg {
|
|
257
|
+
transform: rotate(180deg);
|
|
260
258
|
}
|
|
261
|
-
.eds-
|
|
262
|
-
|
|
259
|
+
.eds-dropdown__toggle-button:focus {
|
|
260
|
+
outline-offset: 0.125rem;
|
|
261
|
+
outline: none;
|
|
262
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
263
263
|
}
|
|
264
|
-
.eds-
|
|
265
|
-
|
|
266
|
-
animation: stroke ease-in-out 0.2s 0.1s forwards;
|
|
264
|
+
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
265
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
267
266
|
}
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
267
|
+
.eds-inline-spinner {
|
|
268
|
+
align-items: center;
|
|
269
|
+
display: flex;
|
|
270
|
+
justify-content: center;
|
|
271
|
+
height: 100%;
|
|
272
|
+
width: 100%;
|
|
273
273
|
}
|
|
274
274
|
/* DO NOT CHANGE!*/
|
|
275
275
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.4",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.
|
|
31
|
-
"@entur/button": "^3.2.
|
|
32
|
-
"@entur/chip": "^0.7.
|
|
33
|
-
"@entur/form": "^7.1.
|
|
34
|
-
"@entur/icons": "^6.15.
|
|
35
|
-
"@entur/loader": "^0.4.
|
|
36
|
-
"@entur/tokens": "^3.
|
|
37
|
-
"@entur/tooltip": "^2.7.
|
|
38
|
-
"@entur/utils": "^0.11.
|
|
30
|
+
"@entur/a11y": "^0.2.84",
|
|
31
|
+
"@entur/button": "^3.2.20",
|
|
32
|
+
"@entur/chip": "^0.7.5",
|
|
33
|
+
"@entur/form": "^7.1.4",
|
|
34
|
+
"@entur/icons": "^6.15.8",
|
|
35
|
+
"@entur/loader": "^0.4.64",
|
|
36
|
+
"@entur/tokens": "^3.14.0",
|
|
37
|
+
"@entur/tooltip": "^2.7.4",
|
|
38
|
+
"@entur/utils": "^0.11.1",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"downshift": "^8.3.3"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "bbca019e64cca63b6558abed97643bd12f0dca1b"
|
|
43
43
|
}
|