@entur/dropdown 5.4.1 → 5.4.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.
Files changed (2) hide show
  1. package/dist/styles.css +60 -60
  2. package/package.json +10 -10
package/dist/styles.css CHANGED
@@ -25,61 +25,31 @@
25
25
  }
26
26
  /* DO NOT CHANGE!*/
27
27
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
28
- .eds-dropdown-wrapper {
29
- position: relative;
30
- }
31
- .eds-dropdown-wrapper .eds-form-control {
32
- padding-right: 0;
33
- }
34
- .eds-dropdown-wrapper .eds-form-control__append {
35
- display: flex;
36
- align-items: center;
37
- }
38
-
39
- .eds-dropdown__input::-moz-placeholder {
40
- color: var(--components-form-baseform-standard-text-label);
41
- }
42
-
43
- .eds-dropdown__input::placeholder {
44
- color: var(--components-form-baseform-standard-text-label);
45
- }
46
-
47
- .eds-dropdown__selected-item {
48
- overflow-x: hidden;
49
- text-overflow: ellipsis;
50
- white-space: nowrap;
51
- }
52
-
53
- .eds-dropdown__clear-button {
28
+ .eds-dropdown__toggle-button {
29
+ -webkit-appearance: none;
30
+ -moz-appearance: none;
31
+ appearance: none;
54
32
  background: none;
55
33
  border: none;
56
- border-radius: 50%;
34
+ border-radius: 0;
57
35
  color: inherit;
58
- cursor: pointer;
59
- display: flex;
60
- font: inherit;
61
- font-size: 1rem;
62
- line-height: 1rem;
36
+ font-size: inherit;
37
+ font-family: inherit;
38
+ margin-right: -0.75rem;
63
39
  padding: 0.5rem;
40
+ display: flex;
41
+ justify-content: center;
64
42
  }
65
- .eds-dropdown__clear-button:hover {
66
- background: #f3f3f3;
43
+ .eds-dropdown__toggle-button--open svg {
44
+ transform: rotate(180deg);
67
45
  }
68
- .eds-dropdown__clear-button:focus {
46
+ .eds-dropdown__toggle-button:focus {
69
47
  outline-offset: 0.125rem;
70
48
  outline: none;
71
49
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
72
50
  }
73
-
74
- .eds-dropdown__divider {
75
- content: "";
76
- display: block;
77
- background-color: #e9e9e9;
78
- height: 1.5rem;
79
- width: 1px;
80
- }
81
- .eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
82
- background-color: #8285a8;
51
+ .eds-contrast .eds-dropdown__toggle-button:focus {
52
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
83
53
  }
84
54
  /* DO NOT CHANGE!*/
85
55
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -154,31 +124,61 @@
154
124
  }
155
125
  /* DO NOT CHANGE!*/
156
126
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
157
- .eds-dropdown__toggle-button {
158
- -webkit-appearance: none;
159
- -moz-appearance: none;
160
- appearance: none;
127
+ .eds-dropdown-wrapper {
128
+ position: relative;
129
+ }
130
+ .eds-dropdown-wrapper .eds-form-control {
131
+ padding-right: 0;
132
+ }
133
+ .eds-dropdown-wrapper .eds-form-control__append {
134
+ display: flex;
135
+ align-items: center;
136
+ }
137
+
138
+ .eds-dropdown__input::-moz-placeholder {
139
+ color: var(--components-form-baseform-standard-text-label);
140
+ }
141
+
142
+ .eds-dropdown__input::placeholder {
143
+ color: var(--components-form-baseform-standard-text-label);
144
+ }
145
+
146
+ .eds-dropdown__selected-item {
147
+ overflow-x: hidden;
148
+ text-overflow: ellipsis;
149
+ white-space: nowrap;
150
+ }
151
+
152
+ .eds-dropdown__clear-button {
161
153
  background: none;
162
154
  border: none;
163
- border-radius: 0;
155
+ border-radius: 50%;
164
156
  color: inherit;
165
- font-size: inherit;
166
- font-family: inherit;
167
- margin-right: -0.75rem;
168
- padding: 0.5rem;
157
+ cursor: pointer;
169
158
  display: flex;
170
- justify-content: center;
159
+ font: inherit;
160
+ font-size: 1rem;
161
+ line-height: 1rem;
162
+ padding: 0.5rem;
171
163
  }
172
- .eds-dropdown__toggle-button--open svg {
173
- transform: rotate(180deg);
164
+ .eds-dropdown__clear-button:hover {
165
+ background: #f3f3f3;
174
166
  }
175
- .eds-dropdown__toggle-button:focus {
167
+ .eds-dropdown__clear-button:focus {
176
168
  outline-offset: 0.125rem;
177
169
  outline: none;
178
170
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
179
171
  }
180
- .eds-contrast .eds-dropdown__toggle-button:focus {
181
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
172
+
173
+ .eds-dropdown__divider {
174
+ content: "";
175
+ display: block;
176
+ background-color: #e9e9e9;
177
+ height: 1.5rem;
178
+ width: 1px;
179
+ }
180
+ .eds-contrast .eds-form-control-wrapper--disabled .eds-dropdown__divider {
181
+ background-color: #8285a8;
182
182
  }
183
183
  /* DO NOT CHANGE!*/
184
184
  /* 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.1",
3
+ "version": "5.4.2",
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.81",
31
- "@entur/button": "^3.2.17",
32
- "@entur/chip": "^0.7.2",
33
- "@entur/form": "^7.1.1",
34
- "@entur/icons": "^6.15.6",
35
- "@entur/loader": "^0.4.61",
36
- "@entur/tokens": "^3.13.4",
37
- "@entur/tooltip": "^2.7.1",
30
+ "@entur/a11y": "^0.2.82",
31
+ "@entur/button": "^3.2.18",
32
+ "@entur/chip": "^0.7.3",
33
+ "@entur/form": "^7.1.2",
34
+ "@entur/icons": "^6.15.7",
35
+ "@entur/loader": "^0.4.62",
36
+ "@entur/tokens": "^3.13.5",
37
+ "@entur/tooltip": "^2.7.2",
38
38
  "@entur/utils": "^0.11.0",
39
39
  "classnames": "^2.3.1",
40
40
  "downshift": "^8.3.3"
41
41
  },
42
- "gitHead": "af2884729bb414d54d6cf9e9a28b2b6f7c74af74"
42
+ "gitHead": "1008c4e487e114c41234cc4ce7da912519ad26a5"
43
43
  }