@alfalab/core-components-file-upload-item 3.8.3 → 3.9.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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Component.js +1 -1
  3. package/cssm/index.module.css +4 -0
  4. package/esm/Component.js +1 -1
  5. package/esm/index.css +26 -22
  6. package/index.css +26 -22
  7. package/modern/Component.js +1 -1
  8. package/modern/index.css +26 -22
  9. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [3.9.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.8.3...@alfalab/core-components-file-upload-item@3.9.0) (2022-08-04)
7
+
8
+
9
+ ### Features
10
+
11
+ * react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [3.8.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-file-upload-item@3.8.2...@alfalab/core-components-file-upload-item@3.8.3) (2022-07-18)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-file-upload-item
package/Component.js CHANGED
@@ -24,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
24
24
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
26
26
 
27
- var styles = {"component":"file-upload-item__component_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
27
+ var styles = {"component":"file-upload-item__component_2ctun","infoSection":"file-upload-item__infoSection_2ctun","info":"file-upload-item__info_2ctun","icon":"file-upload-item__icon_2ctun","errorIcon":"file-upload-item__errorIcon_2ctun","successIcon":"file-upload-item__successIcon_2ctun","name":"file-upload-item__name_2ctun","meta":"file-upload-item__meta_2ctun","size":"file-upload-item__size_2ctun","delete":"file-upload-item__delete_2ctun","download":"file-upload-item__download_2ctun","errorWrapper":"file-upload-item__errorWrapper_2ctun","restore":"file-upload-item__restore_2ctun","spinnerWrapper":"file-upload-item__spinnerWrapper_2ctun","spinner":"file-upload-item__spinner_2ctun","uploadPercent":"file-upload-item__uploadPercent_2ctun"};
28
28
  require('./index.css')
29
29
 
30
30
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -69,6 +69,10 @@
69
69
  text-overflow: ellipsis;
70
70
  color: var(--color-light-text-primary)
71
71
  }
72
+ .name a {
73
+ display: block;
74
+ margin-bottom: 1px;
75
+ }
72
76
  .meta {
73
77
  display: flex;
74
78
  white-space: nowrap;
package/esm/Component.js CHANGED
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
18
+ var styles = {"component":"file-upload-item__component_2ctun","infoSection":"file-upload-item__infoSection_2ctun","info":"file-upload-item__info_2ctun","icon":"file-upload-item__icon_2ctun","errorIcon":"file-upload-item__errorIcon_2ctun","successIcon":"file-upload-item__successIcon_2ctun","name":"file-upload-item__name_2ctun","meta":"file-upload-item__meta_2ctun","size":"file-upload-item__size_2ctun","delete":"file-upload-item__delete_2ctun","download":"file-upload-item__download_2ctun","errorWrapper":"file-upload-item__errorWrapper_2ctun","restore":"file-upload-item__restore_2ctun","spinnerWrapper":"file-upload-item__spinnerWrapper_2ctun","spinner":"file-upload-item__spinner_2ctun","uploadPercent":"file-upload-item__uploadPercent_2ctun"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: 1vy0x */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1ac58 {
25
+ .file-upload-item__component_2ctun {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1ac58 svg {
37
+ .file-upload-item__component_2ctun svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_2ctun {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_2ctun {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_2ctun {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_2ctun {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_2ctun {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_2ctun {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__meta_1ac58 {
73
+ .file-upload-item__name_2ctun a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_2ctun {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_2ctun > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_2ctun > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_2ctun {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_2ctun,
94
+ .file-upload-item__download_2ctun {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_2ctun svg, .file-upload-item__download_2ctun svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_2ctun {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_2ctun {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_2ctun {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_2ctun {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_2ctun {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_2ctun {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: 1vy0x */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1ac58 {
25
+ .file-upload-item__component_2ctun {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1ac58 svg {
37
+ .file-upload-item__component_2ctun svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_2ctun {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_2ctun {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_2ctun {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_2ctun {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_2ctun {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_2ctun {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__meta_1ac58 {
73
+ .file-upload-item__name_2ctun a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_2ctun {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_2ctun > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_2ctun > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_2ctun {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_2ctun,
94
+ .file-upload-item__download_2ctun {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_2ctun svg, .file-upload-item__download_2ctun svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_2ctun {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_2ctun {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_2ctun {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_2ctun {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_2ctun {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_2ctun {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/modern/Component.js CHANGED
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentUnknownMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentImageMIcon';
16
16
  import { fileIcon, humanFileSize } from './utils.js';
17
17
 
18
- var styles = {"component":"file-upload-item__component_1ac58","infoSection":"file-upload-item__infoSection_1ac58","info":"file-upload-item__info_1ac58","icon":"file-upload-item__icon_1ac58","errorIcon":"file-upload-item__errorIcon_1ac58","successIcon":"file-upload-item__successIcon_1ac58","name":"file-upload-item__name_1ac58","meta":"file-upload-item__meta_1ac58","size":"file-upload-item__size_1ac58","delete":"file-upload-item__delete_1ac58","download":"file-upload-item__download_1ac58","errorWrapper":"file-upload-item__errorWrapper_1ac58","restore":"file-upload-item__restore_1ac58","spinnerWrapper":"file-upload-item__spinnerWrapper_1ac58","spinner":"file-upload-item__spinner_1ac58","uploadPercent":"file-upload-item__uploadPercent_1ac58"};
18
+ var styles = {"component":"file-upload-item__component_2ctun","infoSection":"file-upload-item__infoSection_2ctun","info":"file-upload-item__info_2ctun","icon":"file-upload-item__icon_2ctun","errorIcon":"file-upload-item__errorIcon_2ctun","successIcon":"file-upload-item__successIcon_2ctun","name":"file-upload-item__name_2ctun","meta":"file-upload-item__meta_2ctun","size":"file-upload-item__size_2ctun","delete":"file-upload-item__delete_2ctun","download":"file-upload-item__download_2ctun","errorWrapper":"file-upload-item__errorWrapper_2ctun","restore":"file-upload-item__restore_2ctun","spinnerWrapper":"file-upload-item__spinnerWrapper_2ctun","spinner":"file-upload-item__spinner_2ctun","uploadPercent":"file-upload-item__uploadPercent_2ctun"};
19
19
  require('./index.css')
20
20
 
21
21
  const FileUploadItem = ({ className, children, id = '0', name = '', size, icon: Icon = fileIcon(name), uploadDate, downloadLink, download, uploadStatus, uploadPercent = 0, error, showDelete, showRestore, onDelete, onDownload, onRestore, disableButtons, dataTestId, }) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 15rxd */
1
+ /* hash: 1vy0x */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1ac58 {
25
+ .file-upload-item__component_2ctun {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1ac58 svg {
37
+ .file-upload-item__component_2ctun svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1ac58 {
40
+ .file-upload-item__infoSection_2ctun {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,90 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1ac58 {
48
+ .file-upload-item__info_2ctun {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1ac58 {
54
+ .file-upload-item__icon_2ctun {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1ac58 {
59
+ .file-upload-item__errorIcon_2ctun {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1ac58 {
63
+ .file-upload-item__successIcon_2ctun {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1ac58 {
67
+ .file-upload-item__name_2ctun {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__meta_1ac58 {
73
+ .file-upload-item__name_2ctun a {
74
+ display: block;
75
+ margin-bottom: 1px;
76
+ }
77
+ .file-upload-item__meta_2ctun {
74
78
  display: flex;
75
79
  white-space: nowrap;
76
80
  margin-right: var(--gap-2xs);
77
81
  margin-left: var(--gap-xl);
78
82
  padding: var(--gap-2xs) 0
79
83
  }
80
- .file-upload-item__meta_1ac58 > * {
84
+ .file-upload-item__meta_2ctun > * {
81
85
  margin-right: var(--gap-s)
82
86
  }
83
- .file-upload-item__meta_1ac58 > *:last-child {
87
+ .file-upload-item__meta_2ctun > *:last-child {
84
88
  margin-right: 0;
85
89
  }
86
- .file-upload-item__size_1ac58 {
90
+ .file-upload-item__size_2ctun {
87
91
  text-align: right;
88
92
  }
89
- .file-upload-item__delete_1ac58,
90
- .file-upload-item__download_1ac58 {
93
+ .file-upload-item__delete_2ctun,
94
+ .file-upload-item__download_2ctun {
91
95
  height: 24px;
92
96
  width: 24px;
93
97
  margin-left: var(--gap-xs)
94
98
  }
95
- .file-upload-item__delete_1ac58 svg, .file-upload-item__download_1ac58 svg {
99
+ .file-upload-item__delete_2ctun svg, .file-upload-item__download_2ctun svg {
96
100
  width: 18px;
97
101
  height: 18px;
98
102
  }
99
- .file-upload-item__errorWrapper_1ac58 {
103
+ .file-upload-item__errorWrapper_2ctun {
100
104
  margin-top: var(--gap-s);
101
105
  color: var(--color-light-text-accent)
102
106
  }
103
107
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1ac58 {
108
+ .file-upload-item__errorWrapper_2ctun {
105
109
  flex: 1 0 100%;
106
110
  margin-top: var(--gap-3xs)
107
111
  }
108
112
  }
109
- .file-upload-item__restore_1ac58 {
113
+ .file-upload-item__restore_2ctun {
110
114
  font-size: 14px;
111
115
  line-height: 20px;
112
116
  font-weight: 400;
113
117
 
114
118
  margin-left: var(--gap-s);
115
119
  }
116
- .file-upload-item__spinnerWrapper_1ac58 {
120
+ .file-upload-item__spinnerWrapper_2ctun {
117
121
  display: flex;
118
122
  justify-content: center;
119
123
  align-items: center;
120
124
  width: 24px;
121
125
  height: 24px;
122
126
  }
123
- .file-upload-item__spinner_1ac58 {
127
+ .file-upload-item__spinner_2ctun {
124
128
  width: 20px;
125
129
  height: 20px;
126
130
  }
127
- .file-upload-item__uploadPercent_1ac58 {
131
+ .file-upload-item__uploadPercent_2ctun {
128
132
  margin-top: var(--gap-2xs);
129
133
  margin-left: var(--gap-xl);
130
134
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "3.8.3",
3
+ "version": "3.9.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,12 +11,12 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "peerDependencies": {
14
- "react": "^16.9.0 || ^17.0.1"
14
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^4.2.3",
18
- "@alfalab/core-components-link": "^3.3.3",
19
- "@alfalab/core-components-spinner": "^2.2.3",
17
+ "@alfalab/core-components-icon-button": "^4.3.0",
18
+ "@alfalab/core-components-link": "^3.4.0",
19
+ "@alfalab/core-components-spinner": "^2.3.0",
20
20
  "@alfalab/icons-glyph": "^2.16.0"
21
21
  }
22
22
  }