@entur/fileupload 0.4.18 → 0.4.19-beta.0

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 +233 -241
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -1,268 +1,260 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- /* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
1
  [data-color-mode=light],
8
- :root {
9
- --components-loader-fileupload-contrast-fill-default: rgba(255, 255, 255, 0);
10
- --components-loader-fileupload-contrast-icon: #ffffff;
11
- --components-loader-fileupload-contrast-icon-disabled: #949699;
12
- --components-loader-fileupload-contrast-stroke-default: #8284ab;
13
- --components-loader-fileupload-contrast-stroke-disabled: #949699;
14
- --components-loader-fileupload-contrast-stroke-negative: #ff9494;
15
- --components-loader-fileupload-contrast-stroke-success: #5ac39a;
16
- --components-loader-fileupload-contrast-text: #ffffff;
17
- --components-loader-fileupload-contrast-text-disabled: #949699;
18
- --components-loader-fileupload-standard-fill-default: rgba(255, 255, 255, 0);
19
- --components-loader-fileupload-standard-icon: #181c56;
20
- --components-loader-fileupload-standard-icon-disabled: #6e6f73;
21
- --components-loader-fileupload-standard-stroke-default: #8284ab;
22
- --components-loader-fileupload-standard-stroke-disabled: #949699;
23
- --components-loader-fileupload-standard-stroke-negative: #d31b1b;
24
- --components-loader-fileupload-standard-stroke-success: #1a8e60;
25
- --components-loader-fileupload-standard-text: #181c56;
26
- --components-loader-fileupload-standard-text-disabled: #6e6f73;
2
+ :root{
3
+ --components-loader-fileupload-contrast-fill-default:rgba(255, 255, 255, 0);
4
+ --components-loader-fileupload-contrast-icon:#ffffff;
5
+ --components-loader-fileupload-contrast-icon-disabled:#949699;
6
+ --components-loader-fileupload-contrast-stroke-default:#8284ab;
7
+ --components-loader-fileupload-contrast-stroke-disabled:#949699;
8
+ --components-loader-fileupload-contrast-stroke-negative:#ff9494;
9
+ --components-loader-fileupload-contrast-stroke-success:#5ac39a;
10
+ --components-loader-fileupload-contrast-text:#ffffff;
11
+ --components-loader-fileupload-contrast-text-disabled:#949699;
12
+ --components-loader-fileupload-standard-fill-default:rgba(255, 255, 255, 0);
13
+ --components-loader-fileupload-standard-icon:#181c56;
14
+ --components-loader-fileupload-standard-icon-disabled:#6e6f73;
15
+ --components-loader-fileupload-standard-stroke-default:#8284ab;
16
+ --components-loader-fileupload-standard-stroke-disabled:#949699;
17
+ --components-loader-fileupload-standard-stroke-negative:#d31b1b;
18
+ --components-loader-fileupload-standard-stroke-success:#1a8e60;
19
+ --components-loader-fileupload-standard-text:#181c56;
20
+ --components-loader-fileupload-standard-text-disabled:#6e6f73;
27
21
  }
28
22
 
29
- [data-color-mode=dark] {
30
- --components-loader-fileupload-contrast-fill-default: rgba(255, 255, 255, 0);
31
- --components-loader-fileupload-contrast-icon: #e5e5e9;
32
- --components-loader-fileupload-contrast-icon-disabled: #949699;
33
- --components-loader-fileupload-contrast-stroke-default: #8284ab;
34
- --components-loader-fileupload-contrast-stroke-disabled: #81828f;
35
- --components-loader-fileupload-contrast-stroke-negative: #ff9494;
36
- --components-loader-fileupload-contrast-stroke-success: #5ac39a;
37
- --components-loader-fileupload-contrast-text: #e5e5e9;
38
- --components-loader-fileupload-contrast-text-disabled: #949699;
39
- --components-loader-fileupload-standard-fill-default: rgba(255, 255, 255, 0);
40
- --components-loader-fileupload-standard-icon: #e5e5e9;
41
- --components-loader-fileupload-standard-icon-disabled: #949699;
42
- --components-loader-fileupload-standard-stroke-default: #8284ab;
43
- --components-loader-fileupload-standard-stroke-disabled: #81828f;
44
- --components-loader-fileupload-standard-stroke-negative: #ff9494;
45
- --components-loader-fileupload-standard-stroke-success: #5ac39a;
46
- --components-loader-fileupload-standard-text: #e5e5e9;
47
- --components-loader-fileupload-standard-text-disabled: #949699;
23
+ [data-color-mode=dark]{
24
+ --components-loader-fileupload-contrast-fill-default:rgba(255, 255, 255, 0);
25
+ --components-loader-fileupload-contrast-icon:#e5e5e9;
26
+ --components-loader-fileupload-contrast-icon-disabled:#949699;
27
+ --components-loader-fileupload-contrast-stroke-default:#8284ab;
28
+ --components-loader-fileupload-contrast-stroke-disabled:#81828f;
29
+ --components-loader-fileupload-contrast-stroke-negative:#ff9494;
30
+ --components-loader-fileupload-contrast-stroke-success:#5ac39a;
31
+ --components-loader-fileupload-contrast-text:#e5e5e9;
32
+ --components-loader-fileupload-contrast-text-disabled:#949699;
33
+ --components-loader-fileupload-standard-fill-default:rgba(255, 255, 255, 0);
34
+ --components-loader-fileupload-standard-icon:#e5e5e9;
35
+ --components-loader-fileupload-standard-icon-disabled:#949699;
36
+ --components-loader-fileupload-standard-stroke-default:#8284ab;
37
+ --components-loader-fileupload-standard-stroke-disabled:#81828f;
38
+ --components-loader-fileupload-standard-stroke-negative:#ff9494;
39
+ --components-loader-fileupload-standard-stroke-success:#5ac39a;
40
+ --components-loader-fileupload-standard-text:#e5e5e9;
41
+ --components-loader-fileupload-standard-text-disabled:#949699;
48
42
  }
49
-
50
- /* DO NOT CHANGE!*/
51
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
52
- /* DO NOT CHANGE!*/
53
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
54
43
  [data-color-mode=light],
55
- :root {
56
- --basecolors-frame-contrast: #181c56;
57
- --basecolors-frame-contrastalt: #393d79;
58
- --basecolors-frame-contrastalt-2: #292b6a;
59
- --basecolors-frame-default: #ffffff;
60
- --basecolors-frame-elevated: #ffffff;
61
- --basecolors-frame-elevatedalt: #f6f6f9;
62
- --basecolors-frame-subdued: #d9dae8;
63
- --basecolors-frame-tint: #f6f6f9;
64
- --basecolors-shape-accent: #181c56;
65
- --basecolors-shape-bicycle-contrast: #00db9b;
66
- --basecolors-shape-bicycle-default: #33826b;
67
- --basecolors-shape-bus-contrast: #ff6392;
68
- --basecolors-shape-bus-default: #c5044e;
69
- --basecolors-shape-cableway-contrast: #b482fb;
70
- --basecolors-shape-cableway-default: #78469a;
71
- --basecolors-shape-disabled: #6e6f73;
72
- --basecolors-shape-disabledalt: #b6b8ba;
73
- --basecolors-shape-ferry-contrast: #6fdfff;
74
- --basecolors-shape-ferry-default: #0c6693;
75
- --basecolors-shape-funicular-contrast: #b482fb;
76
- --basecolors-shape-funicular-default: #78469a;
77
- --basecolors-shape-helicopter-contrast: #fbafea;
78
- --basecolors-shape-helicopter-default: #800664;
79
- --basecolors-shape-highlight: #ff5959;
80
- --basecolors-shape-light: #ffffff;
81
- --basecolors-shape-mask: #ffffff;
82
- --basecolors-shape-maskalt: #ffffff;
83
- --basecolors-shape-metro-contrast: #f08901;
84
- --basecolors-shape-metro-default: #bf5826;
85
- --basecolors-shape-mobility-contrast: #00db9b;
86
- --basecolors-shape-mobility-default: #33826b;
87
- --basecolors-shape-plane-contrast: #fbafea;
88
- --basecolors-shape-plane-default: #800664;
89
- --basecolors-shape-subdued: #626493;
90
- --basecolors-shape-subduedalt: #d9dae8;
91
- --basecolors-shape-taxi-contrast: #ffe082;
92
- --basecolors-shape-taxi-default: #3d3e40;
93
- --basecolors-shape-train-contrast: #42a5f5;
94
- --basecolors-shape-train-default: #00367f;
95
- --basecolors-shape-tram-contrast: #b482fb;
96
- --basecolors-shape-tram-default: #78469a;
97
- --basecolors-shape-walk-contrast: #8284ab;
98
- --basecolors-shape-walk-default: #8d8e9c;
99
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
100
- --basecolors-shape-airportlinkbus-default: #800664;
101
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
102
- --basecolors-shape-airportlinkrail-default: #800664;
103
- --basecolors-stroke-contrast: #aeb7e2;
104
- --basecolors-stroke-default: #181c56;
105
- --basecolors-stroke-disabled: #949699;
106
- --basecolors-stroke-focus-contrast: #aeb7e2;
107
- --basecolors-stroke-focus-standard: #181c56;
108
- --basecolors-stroke-highlight: #ff5959;
109
- --basecolors-stroke-light: #ffffff;
110
- --basecolors-stroke-subdued: #8284ab;
111
- --basecolors-stroke-subduedalt: #e3e6e8;
112
- --basecolors-text-accent: #181c56;
113
- --basecolors-text-disabled: #6e6f73;
114
- --basecolors-text-disabledalt: #b6b8ba;
115
- --basecolors-text-highlight: #ff5959;
116
- --basecolors-text-light: #ffffff;
117
- --basecolors-text-subdued: #626493;
118
- --basecolors-text-subduedalt: #d9dae8;
44
+ :root{
45
+ --basecolors-frame-contrast:#181c56;
46
+ --basecolors-frame-contrastalt:#393d79;
47
+ --basecolors-frame-contrastalt-2:#292b6a;
48
+ --basecolors-frame-default:#ffffff;
49
+ --basecolors-frame-elevated:#ffffff;
50
+ --basecolors-frame-elevatedalt:#f6f6f9;
51
+ --basecolors-frame-subdued:#d9dae8;
52
+ --basecolors-frame-tint:#f6f6f9;
53
+ --basecolors-shape-accent:#181c56;
54
+ --basecolors-shape-bicycle-contrast:#00db9b;
55
+ --basecolors-shape-bicycle-default:#33826b;
56
+ --basecolors-shape-bus-contrast:#ff6392;
57
+ --basecolors-shape-bus-default:#c5044e;
58
+ --basecolors-shape-cableway-contrast:#b482fb;
59
+ --basecolors-shape-cableway-default:#78469a;
60
+ --basecolors-shape-disabled:#6e6f73;
61
+ --basecolors-shape-disabledalt:#b6b8ba;
62
+ --basecolors-shape-ferry-contrast:#6fdfff;
63
+ --basecolors-shape-ferry-default:#0c6693;
64
+ --basecolors-shape-funicular-contrast:#b482fb;
65
+ --basecolors-shape-funicular-default:#78469a;
66
+ --basecolors-shape-helicopter-contrast:#fbafea;
67
+ --basecolors-shape-helicopter-default:#800664;
68
+ --basecolors-shape-highlight:#ff5959;
69
+ --basecolors-shape-light:#ffffff;
70
+ --basecolors-shape-mask:#ffffff;
71
+ --basecolors-shape-maskalt:#ffffff;
72
+ --basecolors-shape-metro-contrast:#f08901;
73
+ --basecolors-shape-metro-default:#bf5826;
74
+ --basecolors-shape-mobility-contrast:#00db9b;
75
+ --basecolors-shape-mobility-default:#33826b;
76
+ --basecolors-shape-plane-contrast:#fbafea;
77
+ --basecolors-shape-plane-default:#800664;
78
+ --basecolors-shape-subdued:#626493;
79
+ --basecolors-shape-subduedalt:#d9dae8;
80
+ --basecolors-shape-taxi-contrast:#ffe082;
81
+ --basecolors-shape-taxi-default:#3d3e40;
82
+ --basecolors-shape-train-contrast:#42a5f5;
83
+ --basecolors-shape-train-default:#00367f;
84
+ --basecolors-shape-tram-contrast:#b482fb;
85
+ --basecolors-shape-tram-default:#78469a;
86
+ --basecolors-shape-walk-contrast:#8284ab;
87
+ --basecolors-shape-walk-default:#8d8e9c;
88
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
89
+ --basecolors-shape-airportlinkbus-default:#800664;
90
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
91
+ --basecolors-shape-airportlinkrail-default:#800664;
92
+ --basecolors-stroke-contrast:#aeb7e2;
93
+ --basecolors-stroke-default:#181c56;
94
+ --basecolors-stroke-disabled:#949699;
95
+ --basecolors-stroke-focus-contrast:#aeb7e2;
96
+ --basecolors-stroke-focus-standard:#181c56;
97
+ --basecolors-stroke-highlight:#ff5959;
98
+ --basecolors-stroke-light:#ffffff;
99
+ --basecolors-stroke-subdued:#8284ab;
100
+ --basecolors-stroke-subduedalt:#e3e6e8;
101
+ --basecolors-text-accent:#181c56;
102
+ --basecolors-text-disabled:#6e6f73;
103
+ --basecolors-text-disabledalt:#b6b8ba;
104
+ --basecolors-text-highlight:#ff5959;
105
+ --basecolors-text-light:#ffffff;
106
+ --basecolors-text-subdued:#626493;
107
+ --basecolors-text-subduedalt:#d9dae8;
119
108
  }
120
109
 
121
- [data-color-mode=dark] {
122
- --basecolors-frame-contrast: #212233;
123
- --basecolors-frame-contrastalt: #141527;
124
- --basecolors-frame-contrastalt-2: #08091c;
125
- --basecolors-frame-default: #08091c;
126
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
127
- --basecolors-frame-elevatedalt: #464755;
128
- --basecolors-frame-subdued: #2d2e3e;
129
- --basecolors-frame-tint: #141527;
130
- --basecolors-shape-accent: #e5e5e9;
131
- --basecolors-shape-bicycle-contrast: #4db295;
132
- --basecolors-shape-bicycle-default: #4db295;
133
- --basecolors-shape-bus-contrast: #ef7398;
134
- --basecolors-shape-bus-default: #ef7398;
135
- --basecolors-shape-cableway-contrast: #b898e5;
136
- --basecolors-shape-cableway-default: #b898e5;
137
- --basecolors-shape-disabled: #b6b8ba;
138
- --basecolors-shape-disabledalt: #b3b4bd;
139
- --basecolors-shape-ferry-contrast: #8ccfe2;
140
- --basecolors-shape-ferry-default: #8ccfe2;
141
- --basecolors-shape-funicular-contrast: #b898e5;
142
- --basecolors-shape-funicular-default: #b898e5;
143
- --basecolors-shape-helicopter-contrast: #f2b8e5;
144
- --basecolors-shape-helicopter-default: #f2b8e5;
145
- --basecolors-shape-highlight: #ff9494;
146
- --basecolors-shape-light: #e5e5e9;
147
- --basecolors-shape-mask: #2d2e3e;
148
- --basecolors-shape-maskalt: #393a49;
149
- --basecolors-shape-metro-contrast: #dd973c;
150
- --basecolors-shape-metro-default: #dd973c;
151
- --basecolors-shape-mobility-contrast: #4db295;
152
- --basecolors-shape-mobility-default: #4db295;
153
- --basecolors-shape-plane-contrast: #f2b8e5;
154
- --basecolors-shape-plane-default: #f2b8e5;
155
- --basecolors-shape-subdued: #b3b4bd;
156
- --basecolors-shape-subduedalt: #b3b4bd;
157
- --basecolors-shape-taxi-contrast: #ffe082;
158
- --basecolors-shape-taxi-default: #ffe082;
159
- --basecolors-shape-train-contrast: #60a2d7;
160
- --basecolors-shape-train-default: #60a2d7;
161
- --basecolors-shape-tram-contrast: #b898e5;
162
- --basecolors-shape-tram-default: #b898e5;
163
- --basecolors-shape-walk-contrast: #8d8e9c;
164
- --basecolors-shape-walk-default: #8d8e9c;
165
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
166
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
167
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
168
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
169
- --basecolors-stroke-contrast: #aeb7e2;
170
- --basecolors-stroke-default: #b3b4bd;
171
- --basecolors-stroke-disabled: #e3e6e8;
172
- --basecolors-stroke-focus-contrast: #aeb7e2;
173
- --basecolors-stroke-focus-standard: #aeb7e2;
174
- --basecolors-stroke-highlight: #ff9494;
175
- --basecolors-stroke-light: #b3b4bd;
176
- --basecolors-stroke-subdued: #81828f;
177
- --basecolors-stroke-subduedalt: #949699;
178
- --basecolors-text-accent: #e5e5e9;
179
- --basecolors-text-disabled: #b6b8ba;
180
- --basecolors-text-disabledalt: #b6b8ba;
181
- --basecolors-text-highlight: #ff9494;
182
- --basecolors-text-light: #e5e5e9;
183
- --basecolors-text-subdued: #b3b4bd;
184
- --basecolors-text-subduedalt: #b3b4bd;
110
+ [data-color-mode=dark]{
111
+ --basecolors-frame-contrast:#212233;
112
+ --basecolors-frame-contrastalt:#141527;
113
+ --basecolors-frame-contrastalt-2:#08091c;
114
+ --basecolors-frame-default:#08091c;
115
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
116
+ --basecolors-frame-elevatedalt:#464755;
117
+ --basecolors-frame-subdued:#2d2e3e;
118
+ --basecolors-frame-tint:#141527;
119
+ --basecolors-shape-accent:#e5e5e9;
120
+ --basecolors-shape-bicycle-contrast:#4db295;
121
+ --basecolors-shape-bicycle-default:#4db295;
122
+ --basecolors-shape-bus-contrast:#ef7398;
123
+ --basecolors-shape-bus-default:#ef7398;
124
+ --basecolors-shape-cableway-contrast:#b898e5;
125
+ --basecolors-shape-cableway-default:#b898e5;
126
+ --basecolors-shape-disabled:#b6b8ba;
127
+ --basecolors-shape-disabledalt:#b3b4bd;
128
+ --basecolors-shape-ferry-contrast:#8ccfe2;
129
+ --basecolors-shape-ferry-default:#8ccfe2;
130
+ --basecolors-shape-funicular-contrast:#b898e5;
131
+ --basecolors-shape-funicular-default:#b898e5;
132
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
133
+ --basecolors-shape-helicopter-default:#f2b8e5;
134
+ --basecolors-shape-highlight:#ff9494;
135
+ --basecolors-shape-light:#e5e5e9;
136
+ --basecolors-shape-mask:#2d2e3e;
137
+ --basecolors-shape-maskalt:#393a49;
138
+ --basecolors-shape-metro-contrast:#dd973c;
139
+ --basecolors-shape-metro-default:#dd973c;
140
+ --basecolors-shape-mobility-contrast:#4db295;
141
+ --basecolors-shape-mobility-default:#4db295;
142
+ --basecolors-shape-plane-contrast:#f2b8e5;
143
+ --basecolors-shape-plane-default:#f2b8e5;
144
+ --basecolors-shape-subdued:#b3b4bd;
145
+ --basecolors-shape-subduedalt:#b3b4bd;
146
+ --basecolors-shape-taxi-contrast:#ffe082;
147
+ --basecolors-shape-taxi-default:#ffe082;
148
+ --basecolors-shape-train-contrast:#60a2d7;
149
+ --basecolors-shape-train-default:#60a2d7;
150
+ --basecolors-shape-tram-contrast:#b898e5;
151
+ --basecolors-shape-tram-default:#b898e5;
152
+ --basecolors-shape-walk-contrast:#8d8e9c;
153
+ --basecolors-shape-walk-default:#8d8e9c;
154
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
155
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
156
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
157
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
158
+ --basecolors-stroke-contrast:#aeb7e2;
159
+ --basecolors-stroke-default:#b3b4bd;
160
+ --basecolors-stroke-disabled:#e3e6e8;
161
+ --basecolors-stroke-focus-contrast:#aeb7e2;
162
+ --basecolors-stroke-focus-standard:#aeb7e2;
163
+ --basecolors-stroke-highlight:#ff9494;
164
+ --basecolors-stroke-light:#b3b4bd;
165
+ --basecolors-stroke-subdued:#81828f;
166
+ --basecolors-stroke-subduedalt:#949699;
167
+ --basecolors-text-accent:#e5e5e9;
168
+ --basecolors-text-disabled:#b6b8ba;
169
+ --basecolors-text-disabledalt:#b6b8ba;
170
+ --basecolors-text-highlight:#ff9494;
171
+ --basecolors-text-light:#e5e5e9;
172
+ --basecolors-text-subdued:#b3b4bd;
173
+ --basecolors-text-subduedalt:#b3b4bd;
185
174
  }
186
175
 
187
- :root {
188
- --eds-fileupload: 1;
189
- }/* DO NOT CHANGE!*/
190
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
191
- .eds-file-upload__wrapper {
192
- display: inline-block;
193
- min-width: 13.75rem;
176
+ :root{
177
+ --eds-fileupload:1;
178
+ }.eds-file-upload__wrapper{
179
+ display:inline-block;
180
+ min-width:13.75rem;
194
181
  }
195
- .eds-file-upload__input {
196
- width: 100%;
182
+ .eds-file-upload__input{
183
+ width:100%;
197
184
  }
198
- .eds-file-upload__input:focus-visible {
199
- outline: 2px solid #181c56;
200
- outline-color: var(--basecolors-stroke-focus-standard);
201
- outline-offset: 0.125rem;
185
+ .eds-file-upload__input:focus-visible{
186
+ outline:2px solid #181c56;
187
+ outline-color:var(--basecolors-stroke-focus-standard);
188
+ outline-offset:0.125rem;
202
189
  }
203
- .eds-contrast .eds-file-upload__input:focus-visible {
204
- outline-color: var(--basecolors-stroke-focus-contrast);
190
+ .eds-contrast .eds-file-upload__input:focus-visible{
191
+ outline-color:var(--basecolors-stroke-focus-contrast);
205
192
  }
206
- .eds-file-upload__dropzone {
207
- border: 0.125rem var(--components-loader-fileupload-standard-stroke-default) dashed;
208
- display: inline-block;
209
- color: var(--components-loader-fileupload-standard-text);
210
- cursor: pointer;
211
- font-family: inherit;
212
- height: 3rem;
213
- padding: 0.5rem;
214
- text-align: center;
215
- width: 100%;
193
+ .eds-file-upload__dropzone{
194
+ border:0.125rem var(--components-loader-fileupload-standard-stroke-default) dashed;
195
+ display:inline-block;
196
+ color:var(--components-loader-fileupload-standard-text);
197
+ cursor:pointer;
198
+ font-family:inherit;
199
+ height:3rem;
200
+ padding:0.5rem;
201
+ text-align:center;
202
+ width:100%;
216
203
  }
217
- .eds-contrast .eds-file-upload__dropzone {
218
- border-color: var(--components-loader-fileupload-contrast-stroke-default);
219
- color: var(--components-loader-fileupload-contrast-text);
204
+ .eds-contrast .eds-file-upload__dropzone{
205
+ border-color:var(--components-loader-fileupload-contrast-stroke-default);
206
+ color:var(--components-loader-fileupload-contrast-text);
220
207
  }
221
- .eds-file-upload__dropzone--success {
222
- border-color: var(--components-loader-fileupload-standard-stroke-success);
223
- border-style: solid;
208
+ .eds-file-upload__dropzone--success{
209
+ border-color:var(--components-loader-fileupload-standard-stroke-success);
210
+ border-style:solid;
224
211
  }
225
- .eds-contrast .eds-file-upload__dropzone--success {
226
- border-color: var(--components-loader-fileupload-contrast-stroke-success);
212
+ .eds-contrast .eds-file-upload__dropzone--success{
213
+ border-color:var(--components-loader-fileupload-contrast-stroke-success);
227
214
  }
228
- .eds-file-upload__dropzone--error {
229
- border-color: var(--components-loader-fileupload-standard-stroke-negative);
230
- border-style: solid;
215
+ .eds-file-upload__dropzone--error{
216
+ border-color:var(--components-loader-fileupload-standard-stroke-negative);
217
+ border-style:solid;
231
218
  }
232
- .eds-contrast .eds-file-upload__dropzone--error {
233
- border-color: var(--components-loader-fileupload-contrast-stroke-negative);
219
+ .eds-contrast .eds-file-upload__dropzone--error{
220
+ border-color:var(--components-loader-fileupload-contrast-stroke-negative);
234
221
  }
235
- .eds-file-upload__dropzone--reject {
236
- color: var(--components-loader-fileupload-standard-text-disabled);
237
- border-color: var(--components-loader-fileupload-standard-stroke-disabled);
238
- opacity: 0.5;
222
+ .eds-file-upload__dropzone--reject{
223
+ color:var(--components-loader-fileupload-standard-text-disabled);
224
+ border-color:var(--components-loader-fileupload-standard-stroke-disabled);
225
+ opacity:0.5;
239
226
  }
240
- .eds-contrast .eds-file-upload__dropzone--reject {
241
- color: var(--components-loader-fileupload-contrast-text-disabled);
242
- border-color: var(--components-loader-fileupload-contrast-stroke-disabled);
227
+ .eds-contrast .eds-file-upload__dropzone--reject{
228
+ color:var(--components-loader-fileupload-contrast-text-disabled);
229
+ border-color:var(--components-loader-fileupload-contrast-stroke-disabled);
243
230
  }
244
- .eds-file-upload__file-list {
245
- width: 100%;
231
+ .eds-file-upload__file-list{
232
+ width:100%;
246
233
  }
247
- .eds-file-upload__file-name {
248
- display: grid;
249
- grid-template-columns: auto 1fr auto;
250
- align-items: center;
251
- font-size: 0.875rem;
234
+ .eds-file-upload__file-name{
235
+ display:grid;
236
+ grid-template-columns:auto 1fr auto;
237
+ -webkit-box-align:center;
238
+ -webkit-align-items:center;
239
+ -moz-box-align:center;
240
+ align-items:center;
241
+ font-size:0.875rem;
252
242
  }
253
- .eds-file-upload__file-name > .eds-file-upload__file-name-icon {
254
- align-self: flex-start;
255
- color: var(--components-loader-fileupload-standard-icon);
256
- margin: 0.5rem 0;
257
- margin-right: 0.25rem;
243
+ .eds-file-upload__file-name > .eds-file-upload__file-name-icon{
244
+ -webkit-align-self:flex-start;
245
+ align-self:flex-start;
246
+ color:var(--components-loader-fileupload-standard-icon);
247
+ margin:0.5rem 0;
248
+ margin-right:0.25rem;
258
249
  }
259
- .eds-contrast .eds-file-upload__file-name > .eds-file-upload__file-name-icon {
260
- color: var(--components-loader-fileupload-contrast-icon);
250
+ .eds-contrast .eds-file-upload__file-name > .eds-file-upload__file-name-icon{
251
+ color:var(--components-loader-fileupload-contrast-icon);
261
252
  }
262
- .eds-file-upload__file-name-path {
263
- word-break: break-word;
253
+ .eds-file-upload__file-name-path{
254
+ word-break:break-word;
264
255
  }
265
- .eds-file-upload__file-name .eds-icon-button {
266
- align-self: flex-start;
267
- margin-left: 0.75rem;
256
+ .eds-file-upload__file-name .eds-icon-button{
257
+ -webkit-align-self:flex-start;
258
+ align-self:flex-start;
259
+ margin-left:0.75rem;
268
260
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/fileupload",
3
- "version": "0.4.18",
3
+ "version": "0.4.19-beta.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/fileupload.cjs.js",
6
6
  "module": "dist/fileupload.esm.js",
@@ -28,10 +28,10 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@entur/a11y": "^0.2.102",
31
- "@entur/button": "^3.3.18",
32
- "@entur/icons": "^8.2.0",
31
+ "@entur/button": "^3.4.0-beta.0",
32
+ "@entur/icons": "^8.3.0-beta.0",
33
33
  "@entur/tokens": "^3.20.0",
34
- "@entur/typography": "^2.0.3",
34
+ "@entur/typography": "^2.0.4-beta.0",
35
35
  "@entur/utils": "^0.12.5",
36
36
  "classnames": "^2.5.1",
37
37
  "react-dropzone": "^11.7.1"
@@ -49,5 +49,5 @@
49
49
  "vite": "^7.1.3",
50
50
  "vite-plugin-dts": "^4.5.4"
51
51
  },
52
- "gitHead": "ace4c7d9d1ccb05c66a12669e1c702907840e099"
52
+ "gitHead": "e3da53c27deec5444106581c2339049814f633fe"
53
53
  }