@entur/dropdown 3.0.31 → 3.0.33
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 +85 -81
- package/package.json +8 -8
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,71 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--eds-dropdown: 1;
|
|
3
|
-
}
|
|
3
|
+
}
|
|
4
|
+
/* DO NOT CHANGE!*/
|
|
5
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
6
|
+
.eds-dropdown-list {
|
|
7
|
+
border-radius: 0.25rem;
|
|
8
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
9
|
+
display: none;
|
|
10
|
+
list-style: none;
|
|
11
|
+
margin: 0;
|
|
12
|
+
max-height: 50vh;
|
|
13
|
+
padding: 0;
|
|
14
|
+
position: relative;
|
|
15
|
+
overflow-y: auto;
|
|
16
|
+
width: 100%;
|
|
17
|
+
z-index: 20;
|
|
18
|
+
}
|
|
19
|
+
.eds-contrast .eds-dropdown-list {
|
|
20
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
21
|
+
}
|
|
22
|
+
.eds-dropdown-list--open {
|
|
23
|
+
display: inline-block;
|
|
24
|
+
}
|
|
25
|
+
.eds-dropdown-list:focus {
|
|
26
|
+
outline: none;
|
|
27
|
+
}
|
|
28
|
+
@media all and (min-width: 50rem) {
|
|
29
|
+
.eds-dropdown-list {
|
|
30
|
+
max-height: 30vh;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
.eds-dropdown-list__item {
|
|
34
|
+
align-items: center;
|
|
35
|
+
background-color: #f8f8f8;
|
|
36
|
+
border-bottom: 0.125rem solid #e9e9e9;
|
|
37
|
+
border-left: 0.125rem solid #e9e9e9;
|
|
38
|
+
border-right: 0.125rem solid #e9e9e9;
|
|
39
|
+
color: #181c56;
|
|
40
|
+
display: flex;
|
|
41
|
+
justify-content: space-between;
|
|
42
|
+
font-family: inherit;
|
|
43
|
+
font-size: 1rem;
|
|
44
|
+
line-height: 1.25rem;
|
|
45
|
+
padding: 0.75rem 1rem;
|
|
46
|
+
width: 100%;
|
|
47
|
+
}
|
|
48
|
+
.eds-dropdown-list__item:first-child {
|
|
49
|
+
border-top: 0.125rem solid #e9e9e9;
|
|
50
|
+
}
|
|
51
|
+
.eds-dropdown-list__item:last-child {
|
|
52
|
+
border-bottom: none;
|
|
53
|
+
}
|
|
54
|
+
.eds-contrast .eds-dropdown-list__item {
|
|
55
|
+
color: #181c56;
|
|
56
|
+
border-color: #54568c;
|
|
57
|
+
background-color: #ffffff;
|
|
58
|
+
}
|
|
59
|
+
.eds-dropdown-list__item--highlighted {
|
|
60
|
+
background-color: #d1d4e3;
|
|
61
|
+
}
|
|
62
|
+
.eds-contrast .eds-dropdown-list__item--highlighted {
|
|
63
|
+
background-color: #d1d4e3;
|
|
64
|
+
}
|
|
65
|
+
.eds-dropdown-list-icon {
|
|
66
|
+
margin-left: 0.75rem;
|
|
67
|
+
}
|
|
68
|
+
/* DO NOT CHANGE!*/
|
|
4
69
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
70
|
.eds-multi-select {
|
|
6
71
|
position: relative;
|
|
@@ -90,73 +155,8 @@
|
|
|
90
155
|
100% {
|
|
91
156
|
stroke-dashoffset: 0;
|
|
92
157
|
}
|
|
93
|
-
}@charset "UTF-8";
|
|
94
|
-
/* DO NOT CHANGE!*/
|
|
95
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
96
|
-
.eds-dropdown-list {
|
|
97
|
-
border-radius: 0.25rem;
|
|
98
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
99
|
-
display: none;
|
|
100
|
-
list-style: none;
|
|
101
|
-
margin: 0;
|
|
102
|
-
max-height: 50vh;
|
|
103
|
-
padding: 0;
|
|
104
|
-
position: relative;
|
|
105
|
-
overflow-y: auto;
|
|
106
|
-
width: 100%;
|
|
107
|
-
z-index: 20;
|
|
108
|
-
}
|
|
109
|
-
.eds-contrast .eds-dropdown-list {
|
|
110
|
-
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
111
|
-
}
|
|
112
|
-
.eds-dropdown-list--open {
|
|
113
|
-
display: inline-block;
|
|
114
|
-
}
|
|
115
|
-
.eds-dropdown-list:focus {
|
|
116
|
-
outline: none;
|
|
117
|
-
}
|
|
118
|
-
@media all and (min-width: 50rem) {
|
|
119
|
-
.eds-dropdown-list {
|
|
120
|
-
max-height: 30vh;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.eds-dropdown-list__item {
|
|
125
|
-
align-items: center;
|
|
126
|
-
background-color: #f8f8f8;
|
|
127
|
-
border-bottom: 0.125rem solid #e9e9e9;
|
|
128
|
-
border-left: 0.125rem solid #e9e9e9;
|
|
129
|
-
border-right: 0.125rem solid #e9e9e9;
|
|
130
|
-
color: #181c56;
|
|
131
|
-
display: flex;
|
|
132
|
-
justify-content: space-between;
|
|
133
|
-
font-family: inherit;
|
|
134
|
-
font-size: 1rem;
|
|
135
|
-
line-height: 1.25rem;
|
|
136
|
-
padding: 0.75rem 1rem;
|
|
137
|
-
width: 100%;
|
|
138
|
-
}
|
|
139
|
-
.eds-dropdown-list__item:first-child {
|
|
140
|
-
border-top: 0.125rem solid #e9e9e9;
|
|
141
|
-
}
|
|
142
|
-
.eds-dropdown-list__item:last-child {
|
|
143
|
-
border-bottom: none;
|
|
144
|
-
}
|
|
145
|
-
.eds-contrast .eds-dropdown-list__item {
|
|
146
|
-
color: #181c56;
|
|
147
|
-
border-color: #54568c;
|
|
148
|
-
background-color: #ffffff;
|
|
149
|
-
}
|
|
150
|
-
.eds-dropdown-list__item--highlighted {
|
|
151
|
-
background-color: #d1d4e3;
|
|
152
|
-
}
|
|
153
|
-
.eds-contrast .eds-dropdown-list__item--highlighted {
|
|
154
|
-
background-color: #d1d4e3;
|
|
155
158
|
}
|
|
156
|
-
|
|
157
|
-
.eds-dropdown-list__item-icon {
|
|
158
|
-
margin-left: 0.75rem;
|
|
159
|
-
}/* DO NOT CHANGE!*/
|
|
159
|
+
/* DO NOT CHANGE!*/
|
|
160
160
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
161
161
|
.eds-dropdown + .eds-form-control__append {
|
|
162
162
|
margin-left: -2em;
|
|
@@ -169,15 +169,8 @@
|
|
|
169
169
|
}
|
|
170
170
|
.eds-contrast .eds-dropdown option {
|
|
171
171
|
color: #181c56;
|
|
172
|
-
}
|
|
173
|
-
/*
|
|
174
|
-
.eds-inline-spinner {
|
|
175
|
-
align-items: center;
|
|
176
|
-
display: flex;
|
|
177
|
-
justify-content: center;
|
|
178
|
-
height: 100%;
|
|
179
|
-
width: 100%;
|
|
180
|
-
}/* DO NOT CHANGE!*/
|
|
172
|
+
}
|
|
173
|
+
/* DO NOT CHANGE!*/
|
|
181
174
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
182
175
|
.eds-dropdown__searchable-selected-item {
|
|
183
176
|
display: block;
|
|
@@ -201,7 +194,16 @@
|
|
|
201
194
|
|
|
202
195
|
.eds-form-control.eds-dropdown__input::placeholder {
|
|
203
196
|
transition: none;
|
|
204
|
-
}
|
|
197
|
+
}
|
|
198
|
+
/* DO NOT CHANGE!*/
|
|
199
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
200
|
+
.eds-inline-spinner {
|
|
201
|
+
align-items: center;
|
|
202
|
+
display: flex;
|
|
203
|
+
justify-content: center;
|
|
204
|
+
height: 100%;
|
|
205
|
+
width: 100%;
|
|
206
|
+
}
|
|
205
207
|
/* DO NOT CHANGE!*/
|
|
206
208
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
207
209
|
.eds-searchable-dropdown__wrapper {
|
|
@@ -314,7 +316,7 @@
|
|
|
314
316
|
.eds-searchable-dropdown__list__item-icon {
|
|
315
317
|
margin-left: 0.75rem;
|
|
316
318
|
}
|
|
317
|
-
.eds-searchable-dropdown__list__item--highlighted
|
|
319
|
+
.eds-searchable-dropdown__list__item--highlighted {
|
|
318
320
|
background-color: #d1d4e3;
|
|
319
321
|
}
|
|
320
322
|
|
|
@@ -329,7 +331,8 @@
|
|
|
329
331
|
transition: none;
|
|
330
332
|
position: relative;
|
|
331
333
|
bottom: 1px;
|
|
332
|
-
}
|
|
334
|
+
}
|
|
335
|
+
/* DO NOT CHANGE!*/
|
|
333
336
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
334
337
|
.eds-dropdown-wrapper {
|
|
335
338
|
position: relative;
|
|
@@ -386,7 +389,8 @@
|
|
|
386
389
|
}
|
|
387
390
|
.eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
|
|
388
391
|
background-color: #8285a8;
|
|
389
|
-
}
|
|
392
|
+
}
|
|
393
|
+
/* DO NOT CHANGE!*/
|
|
390
394
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
391
395
|
.eds-dropdown__toggle-button {
|
|
392
396
|
-webkit-appearance: none;
|
|
@@ -413,4 +417,4 @@
|
|
|
413
417
|
}
|
|
414
418
|
.eds-contrast .eds-dropdown__toggle-button:focus {
|
|
415
419
|
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
416
|
-
}
|
|
420
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/dropdown",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.33",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/dropdown.esm.js",
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@entur/a11y": "^0.2.59",
|
|
31
|
-
"@entur/button": "^2.10.
|
|
32
|
-
"@entur/chip": "^0.6.
|
|
33
|
-
"@entur/form": "^5.4.
|
|
34
|
-
"@entur/icons": "^5.8.
|
|
35
|
-
"@entur/loader": "^0.4.
|
|
31
|
+
"@entur/button": "^2.10.15",
|
|
32
|
+
"@entur/chip": "^0.6.23",
|
|
33
|
+
"@entur/form": "^5.4.20",
|
|
34
|
+
"@entur/icons": "^5.8.1",
|
|
35
|
+
"@entur/loader": "^0.4.23",
|
|
36
36
|
"@entur/tokens": "^3.8.0",
|
|
37
|
-
"@entur/tooltip": "^2.6.
|
|
37
|
+
"@entur/tooltip": "^2.6.7",
|
|
38
38
|
"@entur/utils": "^0.5.5",
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"downshift": "^6.1.7"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "8019b1b3a39b30bf1052ae34ed1c06b6caf1aa34"
|
|
43
43
|
}
|