@entur/dropdown 3.0.19-RC.1 → 3.0.19-RC.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.
package/dist/styles.css CHANGED
@@ -15,71 +15,6 @@
15
15
  color: #181c56;
16
16
  }/* DO NOT CHANGE!*/
17
17
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
18
- .eds-dropdown-list {
19
- border-radius: 0.25rem;
20
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
21
- display: none;
22
- list-style: none;
23
- margin: 0;
24
- max-height: 50vh;
25
- padding: 0;
26
- position: relative;
27
- overflow-y: auto;
28
- width: 100%;
29
- z-index: 20;
30
- }
31
- .eds-contrast .eds-dropdown-list {
32
- box-shadow: 0 0.0625rem 0.1875rem #393d79;
33
- }
34
- .eds-dropdown-list--open {
35
- display: inline-block;
36
- }
37
- .eds-dropdown-list:focus {
38
- outline: none;
39
- }
40
- @media all and (min-width: 50rem) {
41
- .eds-dropdown-list {
42
- max-height: 30vh;
43
- }
44
- }
45
-
46
- .eds-dropdown-list__item {
47
- align-items: center;
48
- background-color: #f8f8f8;
49
- border-bottom: 0.125rem solid #e9e9e9;
50
- border-left: 0.125rem solid #e9e9e9;
51
- border-right: 0.125rem solid #e9e9e9;
52
- color: #181c56;
53
- display: flex;
54
- justify-content: space-between;
55
- font-family: inherit;
56
- font-size: 1rem;
57
- line-height: 1.25rem;
58
- padding: 0.75rem 1rem;
59
- width: 100%;
60
- }
61
- .eds-dropdown-list__item:first-child {
62
- border-top: 0.125rem solid #e9e9e9;
63
- }
64
- .eds-dropdown-list__item:last-child {
65
- border-bottom: none;
66
- }
67
- .eds-contrast .eds-dropdown-list__item {
68
- color: #181c56;
69
- border-color: #54568c;
70
- background-color: #ffffff;
71
- }
72
- .eds-dropdown-list__item--highlighted {
73
- background-color: #d1d4e3;
74
- }
75
- .eds-contrast .eds-dropdown-list__item--highlighted {
76
- background-color: #d1d4e3;
77
- }
78
-
79
- .eds-dropdown-list__item-icon {
80
- margin-left: 0.75rem;
81
- }/* DO NOT CHANGE!*/
82
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
83
18
  .eds-multi-select {
84
19
  position: relative;
85
20
  }
@@ -161,28 +96,79 @@
161
96
  }
162
97
  .eds-multiselect-checkbox--checked .eds-checkbox-icon__path {
163
98
  stroke: #ffffff;
164
- -webkit-animation: stroke ease-in-out 0.2s 0.1s forwards;
165
- animation: stroke ease-in-out 0.2s 0.1s forwards;
166
- }
167
-
168
- @-webkit-keyframes stroke {
169
- 100% {
170
- stroke-dashoffset: 0;
171
- }
99
+ animation: stroke ease-in-out 0.2s 0.1s forwards;
172
100
  }
173
101
 
174
102
  @keyframes stroke {
175
103
  100% {
176
104
  stroke-dashoffset: 0;
177
105
  }
178
- }/* DO NOT CHANGE!*/
106
+ }@charset "UTF-8";
107
+ /* DO NOT CHANGE!*/
179
108
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
180
- .eds-inline-spinner {
109
+ .eds-dropdown-list {
110
+ border-radius: 0.25rem;
111
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
112
+ display: none;
113
+ list-style: none;
114
+ margin: 0;
115
+ max-height: 50vh;
116
+ padding: 0;
117
+ position: relative;
118
+ overflow-y: auto;
119
+ width: 100%;
120
+ z-index: 20;
121
+ }
122
+ .eds-contrast .eds-dropdown-list {
123
+ box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
124
+ }
125
+ .eds-dropdown-list--open {
126
+ display: inline-block;
127
+ }
128
+ .eds-dropdown-list:focus {
129
+ outline: none;
130
+ }
131
+ @media all and (min-width: 50rem) {
132
+ .eds-dropdown-list {
133
+ max-height: 30vh;
134
+ }
135
+ }
136
+
137
+ .eds-dropdown-list__item {
181
138
  align-items: center;
139
+ background-color: #f8f8f8;
140
+ border-bottom: 0.125rem solid #e9e9e9;
141
+ border-left: 0.125rem solid #e9e9e9;
142
+ border-right: 0.125rem solid #e9e9e9;
143
+ color: #181c56;
182
144
  display: flex;
183
- justify-content: center;
184
- height: 100%;
145
+ justify-content: space-between;
146
+ font-family: inherit;
147
+ font-size: 1rem;
148
+ line-height: 1.25rem;
149
+ padding: 0.75rem 1rem;
185
150
  width: 100%;
151
+ }
152
+ .eds-dropdown-list__item:first-child {
153
+ border-top: 0.125rem solid #e9e9e9;
154
+ }
155
+ .eds-dropdown-list__item:last-child {
156
+ border-bottom: none;
157
+ }
158
+ .eds-contrast .eds-dropdown-list__item {
159
+ color: #181c56;
160
+ border-color: #54568c;
161
+ background-color: #ffffff;
162
+ }
163
+ .eds-dropdown-list__item--highlighted  {
164
+ background-color: #d1d4e3;
165
+ }
166
+ .eds-contrast .eds-dropdown-list__item--highlighted  {
167
+ background-color: #d1d4e3;
168
+ }
169
+
170
+ .eds-dropdown-list__item-icon {
171
+ margin-left: 0.75rem;
186
172
  }/* DO NOT CHANGE!*/
187
173
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
188
174
  .eds-dropdown__searchable-selected-item {
@@ -205,15 +191,19 @@
205
191
  transition: none;
206
192
  }
207
193
 
208
- .eds-form-control.eds-dropdown__input:-ms-input-placeholder {
209
- -ms-transition: none;
210
- transition: none;
211
- }
212
-
213
194
  .eds-form-control.eds-dropdown__input::placeholder {
214
195
  transition: none;
215
196
  }/* DO NOT CHANGE!*/
216
197
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
198
+ .eds-inline-spinner {
199
+ align-items: center;
200
+ display: flex;
201
+ justify-content: center;
202
+ height: 100%;
203
+ width: 100%;
204
+ }@charset "UTF-8";
205
+ /* DO NOT CHANGE!*/
206
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
217
207
  .eds-searchable-dropdown__wrapper {
218
208
  position: relative;
219
209
  }
@@ -324,7 +314,7 @@
324
314
  .eds-searchable-dropdown__list__item-icon {
325
315
  margin-left: 0.75rem;
326
316
  }
327
- .eds-searchable-dropdown__list__item--highlighted {
317
+ .eds-searchable-dropdown__list__item--highlighted  {
328
318
  background-color: #d1d4e3;
329
319
  }
330
320
 
@@ -335,13 +325,6 @@
335
325
  bottom: 1px;
336
326
  }
337
327
 
338
- .eds-form-control.eds-searchable-dropdown__input:-ms-input-placeholder {
339
- -ms-transition: none;
340
- transition: none;
341
- position: relative;
342
- bottom: 1px;
343
- }
344
-
345
328
  .eds-form-control.eds-searchable-dropdown__input::placeholder {
346
329
  transition: none;
347
330
  position: relative;
@@ -363,10 +346,6 @@
363
346
  color: #656782;
364
347
  }
365
348
 
366
- .eds-dropdown__input:-ms-input-placeholder {
367
- color: #656782;
368
- }
369
-
370
349
  .eds-dropdown__input::placeholder {
371
350
  color: #656782;
372
351
  }
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  /** A dropdown item has a string label and a string value */
3
- export declare type NormalizedDropdownItemType = {
3
+ export type NormalizedDropdownItemType = {
4
4
  value: string;
5
5
  label: string;
6
6
  icons?: React.ComponentType<any>[];
7
7
  };
8
- export declare type DropdownItemType = {
8
+ export type DropdownItemType = {
9
9
  value?: string;
10
10
  label: string;
11
11
  icons?: React.ComponentType<any>[];
@@ -1,7 +1,7 @@
1
1
  import { DropdownItemType, NormalizedDropdownItemType } from './useNormalizedItems';
2
- declare type AsyncDropdownItemType = (inputType: string) => Promise<DropdownItemType[]>;
3
- declare type SyncDropdownItemType = (inputType: string) => DropdownItemType[];
4
- export declare type PotentiallyAsyncDropdownItemType = DropdownItemType[] | SyncDropdownItemType | AsyncDropdownItemType;
2
+ type AsyncDropdownItemType = (inputType: string) => Promise<DropdownItemType[]>;
3
+ type SyncDropdownItemType = (inputType: string) => DropdownItemType[];
4
+ export type PotentiallyAsyncDropdownItemType = DropdownItemType[] | SyncDropdownItemType | AsyncDropdownItemType;
5
5
  export declare const useResolvedItems: (itemsOrItemsResolver: PotentiallyAsyncDropdownItemType, debounceTimeout?: number) => {
6
6
  fetchItems: (arg: string) => void;
7
7
  loading: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/dropdown",
3
- "version": "3.0.19-RC.1",
3
+ "version": "3.0.19-RC.2",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/dropdown.esm.js",
@@ -27,16 +27,16 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.50-RC.1",
31
- "@entur/chip": "^0.6.9-RC.1",
32
- "@entur/form": "^5.4.6-RC.1",
33
- "@entur/icons": "^5.0.1-RC.1",
34
- "@entur/loader": "^0.4.13-RC.1",
30
+ "@entur/a11y": "^0.2.50-RC.2",
31
+ "@entur/chip": "^0.6.9-RC.2",
32
+ "@entur/form": "^5.4.6-RC.2",
33
+ "@entur/icons": "^5.0.1-RC.2",
34
+ "@entur/loader": "^0.4.13-RC.2",
35
35
  "@entur/tokens": "^3.4.1",
36
- "@entur/tooltip": "^2.5.18-RC.1",
37
- "@entur/utils": "^0.5.0-RC.1",
36
+ "@entur/tooltip": "^2.5.18-RC.2",
37
+ "@entur/utils": "^0.5.0-RC.2",
38
38
  "classnames": "^2.3.1",
39
39
  "downshift": "^6.1.7"
40
40
  },
41
- "gitHead": "f961e0f1cc0c331a09e7e561c14c0870871bf875"
41
+ "gitHead": "c994dd720e55fc4652ef5f05d7235d61b6bbfbf9"
42
42
  }