@sb1/ffe-file-upload 100.6.0 → 100.7.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/css/file-upload.css +75 -56
  2. package/package.json +5 -5
package/css/file-upload.css CHANGED
@@ -1,8 +1,10 @@
1
1
  .ffe-file-upload {
2
2
  margin-top: var(--ffe-spacing-2xl);
3
+ display: -ms-grid;
3
4
  display: grid;
4
5
  max-width: 400px;
5
- grid-template-columns: 1fr;
6
+ -ms-grid-columns: 1fr;
7
+ grid-template-columns: 1fr;
6
8
  font-family: var(--ffe-g-font);
7
9
  }
8
10
  @media (min-width: 768px) {
@@ -27,13 +29,15 @@
27
29
  font-size: var(--ffe-fontsize-body-text);
28
30
  overflow-wrap: anywhere;
29
31
  margin-bottom: var(--ffe-spacing-md);
30
- grid-row: 2;
32
+ -ms-grid-row: 2;
33
+ grid-row: 2;
31
34
  }
32
35
  @media (min-width: 768px) {
33
36
  .ffe-file-upload__info-section {
34
37
  margin-right: var(--ffe-spacing-md);
35
38
  margin-bottom: 0;
36
- grid-column: 1;
39
+ -ms-grid-column: 1;
40
+ grid-column: 1;
37
41
  }
38
42
  }
39
43
  .ffe-file-upload__info-section-text {
@@ -42,17 +46,21 @@
42
46
  .ffe-file-upload__file-items-section {
43
47
  margin-top: var(--ffe-spacing-sm);
44
48
  line-height: 2.1875rem;
45
- grid-row: 4;
49
+ -ms-grid-row: 4;
50
+ grid-row: 4;
46
51
  }
47
52
  @media (min-width: 768px) {
48
53
  .ffe-file-upload__file-items-section {
49
54
  margin-top: 0;
50
- grid-row: 2;
55
+ -ms-grid-row: 2;
56
+ grid-row: 2;
51
57
  }
52
58
  }
53
59
  .ffe-file-upload__file-items-section li {
60
+ display: -ms-grid;
54
61
  display: grid;
55
- grid-template-columns: 1fr;
62
+ -ms-grid-columns: 1fr;
63
+ grid-template-columns: 1fr;
56
64
  }
57
65
  .ffe-file-upload__upload-section {
58
66
  min-height: 150px;
@@ -60,7 +68,8 @@
60
68
  border-radius: 10px;
61
69
  text-align: center;
62
70
  padding: var(--ffe-spacing-2xs);
63
- grid-row: 3;
71
+ -ms-grid-row: 3;
72
+ grid-row: 3;
64
73
  }
65
74
  @media (min-width: 768px) {
66
75
  .ffe-file-upload__upload-section {
@@ -68,24 +77,21 @@
68
77
  min-height: 220px;
69
78
  width: 280px;
70
79
  padding: 0;
71
- grid-row: 2;
72
- grid-column: 2;
80
+ -ms-grid-row: 2;
81
+ grid-row: 2;
82
+ -ms-grid-column: 2;
83
+ grid-column: 2;
73
84
  }
74
85
  }
75
86
  .ffe-file-upload__upload-section-border {
76
- display: -webkit-box;
77
87
  display: -ms-flexbox;
78
88
  display: flex;
79
- -webkit-box-orient: vertical;
80
- -webkit-box-direction: normal;
81
- -ms-flex-direction: column;
82
- flex-direction: column;
83
- -webkit-box-pack: center;
84
- -ms-flex-pack: center;
85
- justify-content: center;
86
- -webkit-box-align: center;
87
- -ms-flex-align: center;
88
- align-items: center;
89
+ -ms-flex-direction: column;
90
+ flex-direction: column;
91
+ -ms-flex-pack: center;
92
+ justify-content: center;
93
+ -ms-flex-align: center;
94
+ align-items: center;
89
95
  min-height: 140px;
90
96
  margin: var(--ffe-spacing-2xs);
91
97
  padding: var(--ffe-spacing-2xs) var(--ffe-spacing-lg);
@@ -163,14 +169,14 @@
163
169
  color: var(--ffe-color-foreground-interactive-link);
164
170
  cursor: pointer;
165
171
  font-size: 0.875rem;
166
- grid-column: 3;
167
- grid-row: 1;
168
- display: -webkit-box;
172
+ -ms-grid-column: 3;
173
+ grid-column: 3;
174
+ -ms-grid-row: 1;
175
+ grid-row: 1;
169
176
  display: -ms-flexbox;
170
177
  display: flex;
171
- -webkit-box-align: center;
172
- -ms-flex-align: center;
173
- align-items: center;
178
+ -ms-flex-align: center;
179
+ align-items: center;
174
180
  }
175
181
  @media (min-width: 768px) {
176
182
  .ffe-file-upload__file-item-delete-button {
@@ -215,14 +221,20 @@
215
221
  text-decoration: underline;
216
222
  }
217
223
  .ffe-file-upload__file-item-stencil {
224
+ display: -ms-grid;
218
225
  display: grid;
219
- grid-template-columns: 1fr;
226
+ -ms-grid-columns: 1fr;
227
+ grid-template-columns: 1fr;
220
228
  }
221
229
  .ffe-file-upload__file-item-stencil-info {
230
+ display: -ms-grid;
222
231
  display: grid;
223
- grid-column: 1;
224
- grid-row: 1;
225
- grid-template-columns: 1fr;
232
+ -ms-grid-column: 1;
233
+ grid-column: 1;
234
+ -ms-grid-row: 1;
235
+ grid-row: 1;
236
+ -ms-grid-columns: 1fr;
237
+ grid-template-columns: 1fr;
226
238
  overflow: hidden;
227
239
  }
228
240
  .ffe-file-upload__file-item-stencil-info-background {
@@ -242,30 +254,34 @@
242
254
  margin-top: var(--ffe-spacing-2xs);
243
255
  white-space: nowrap;
244
256
  overflow: hidden;
245
- -o-text-overflow: ellipsis;
246
- text-overflow: ellipsis;
257
+ text-overflow: ellipsis;
247
258
  }
248
259
  .ffe-file-upload__file-item-stencil-info-filename--strong {
249
260
  font-family: var(--ffe-g-font-strong);
250
261
  }
251
262
  .ffe-file-upload__file-item-loaded {
263
+ display: -ms-grid;
252
264
  display: grid;
253
- grid-template-columns: 1fr;
265
+ -ms-grid-columns: 1fr;
266
+ grid-template-columns: 1fr;
254
267
  }
255
268
  .ffe-file-upload__file-item-filename {
256
- grid-row: 1;
257
- grid-column: 1;
269
+ -ms-grid-row: 1;
270
+ grid-row: 1;
271
+ -ms-grid-column: 1;
272
+ grid-column: 1;
258
273
  white-space: nowrap;
259
274
  overflow: hidden;
260
- -o-text-overflow: ellipsis;
261
- text-overflow: ellipsis;
275
+ text-overflow: ellipsis;
262
276
  margin-top: 2px;
263
277
  color: var(--ffe-color-foreground-emphasis);
264
278
  }
265
279
  .ffe-file-upload__file-item-error {
280
+ display: -ms-grid;
266
281
  display: grid;
267
282
  grid-gap: 5px;
268
- grid-template-columns: 25px 1fr;
283
+ -ms-grid-columns: 25px 1fr;
284
+ grid-template-columns: 25px 1fr;
269
285
  }
270
286
  .ffe-file-upload__file-item-error-icon {
271
287
  background-color: var(--ffe-color-foreground-feedback-critical);
@@ -275,28 +291,31 @@
275
291
  margin-right: var(--ffe-spacing-2xs);
276
292
  padding: 3px;
277
293
  font-family: arial, sans-serif;
278
- display: -webkit-inline-box;
279
294
  display: -ms-inline-flexbox;
280
295
  display: inline-flex;
281
- -webkit-box-align: center;
282
- -ms-flex-align: center;
283
- align-items: center;
284
- -webkit-box-pack: center;
285
- -ms-flex-pack: center;
286
- justify-content: center;
296
+ -ms-flex-align: center;
297
+ align-items: center;
298
+ -ms-flex-pack: center;
299
+ justify-content: center;
287
300
  -ms-flex-item-align: center;
288
301
  align-self: center;
289
- grid-column: 1;
290
- grid-row: 1;
302
+ -ms-grid-column: 1;
303
+ grid-column: 1;
304
+ -ms-grid-row: 1;
305
+ grid-row: 1;
291
306
  }
292
307
  .ffe-file-upload__file-item-error-icon .ffe-icons {
293
308
  color: var(--ffe-color-surface-primary-default);
294
309
  }
295
310
  .ffe-file-upload__file-item-error-info {
311
+ display: -ms-grid;
296
312
  display: grid;
297
- grid-row: 1;
298
- grid-column: 2;
299
- grid-template-columns: 1fr;
313
+ -ms-grid-row: 1;
314
+ grid-row: 1;
315
+ -ms-grid-column: 2;
316
+ grid-column: 2;
317
+ -ms-grid-columns: 1fr;
318
+ grid-template-columns: 1fr;
300
319
  -ms-flex-line-pack: center;
301
320
  align-content: center;
302
321
  }
@@ -309,11 +328,11 @@
309
328
  margin: 0;
310
329
  font-size: var(--ffe-fontsize-micro-text);
311
330
  overflow-wrap: anywhere;
312
- grid-row: 1;
331
+ -ms-grid-row: 1;
332
+ grid-row: 1;
313
333
  white-space: nowrap;
314
334
  overflow: hidden;
315
- -o-text-overflow: ellipsis;
316
- text-overflow: ellipsis;
335
+ text-overflow: ellipsis;
317
336
  }
318
337
  .ffe-file-upload__file-item-error-filename--strong {
319
338
  font-family: var(--ffe-g-font-strong);
@@ -327,11 +346,11 @@
327
346
  margin: 0;
328
347
  font-size: var(--ffe-fontsize-micro-text);
329
348
  overflow-wrap: anywhere;
330
- grid-row: 2;
349
+ -ms-grid-row: 2;
350
+ grid-row: 2;
331
351
  white-space: nowrap;
332
352
  overflow: hidden;
333
- -o-text-overflow: ellipsis;
334
- text-overflow: ellipsis;
353
+ text-overflow: ellipsis;
335
354
  }
336
355
  .ffe-file-upload__file-item-error-message--strong {
337
356
  font-family: var(--ffe-g-font-strong);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-file-upload",
3
- "version": "100.6.0",
3
+ "version": "100.7.0",
4
4
  "description": "File upload module",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -20,14 +20,14 @@
20
20
  "build": "lessc less/file-upload.less css/file-upload.css --autoprefix"
21
21
  },
22
22
  "dependencies": {
23
- "@sb1/ffe-core": "^100.6.0",
24
- "@sb1/ffe-form": "^100.6.0"
23
+ "@sb1/ffe-core": "^100.7.0",
24
+ "@sb1/ffe-form": "^100.7.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@sb1/ffe-buildtool": "^100.6.0"
27
+ "@sb1/ffe-buildtool": "^100.7.0"
28
28
  },
29
29
  "publishConfig": {
30
30
  "access": "public"
31
31
  },
32
- "gitHead": "2fb5ef0325f4cc6fb7e3e5ca177e34486828838d"
32
+ "gitHead": "206ebc01a87406a446cd81ee712e2e192ab3f193"
33
33
  }