@alfalab/core-components-file-upload-item 5.2.9 → 5.2.11

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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +4 -4
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +26 -26
  5. package/index.css +26 -26
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +26 -26
  8. package/package.json +3 -3
package/Component.js CHANGED
@@ -24,7 +24,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
24
24
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
25
25
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
26
26
 
27
- var styles = {"component":"file-upload-item__component_gj4mf","infoSection":"file-upload-item__infoSection_gj4mf","info":"file-upload-item__info_gj4mf","icon":"file-upload-item__icon_gj4mf","errorIcon":"file-upload-item__errorIcon_gj4mf","successIcon":"file-upload-item__successIcon_gj4mf","name":"file-upload-item__name_gj4mf","meta":"file-upload-item__meta_gj4mf","size":"file-upload-item__size_gj4mf","delete":"file-upload-item__delete_gj4mf","download":"file-upload-item__download_gj4mf","errorWrapper":"file-upload-item__errorWrapper_gj4mf","restore":"file-upload-item__restore_gj4mf","spinnerWrapper":"file-upload-item__spinnerWrapper_gj4mf","spinner":"file-upload-item__spinner_gj4mf","uploadPercent":"file-upload-item__uploadPercent_gj4mf"};
27
+ var styles = {"component":"file-upload-item__component_1j1cr","infoSection":"file-upload-item__infoSection_1j1cr","info":"file-upload-item__info_1j1cr","icon":"file-upload-item__icon_1j1cr","errorIcon":"file-upload-item__errorIcon_1j1cr","successIcon":"file-upload-item__successIcon_1j1cr","name":"file-upload-item__name_1j1cr","meta":"file-upload-item__meta_1j1cr","size":"file-upload-item__size_1j1cr","delete":"file-upload-item__delete_1j1cr","download":"file-upload-item__download_1j1cr","errorWrapper":"file-upload-item__errorWrapper_1j1cr","restore":"file-upload-item__restore_1j1cr","spinnerWrapper":"file-upload-item__spinnerWrapper_1j1cr","spinner":"file-upload-item__spinner_1j1cr","uploadPercent":"file-upload-item__uploadPercent_1j1cr"};
28
28
  require('./index.css')
29
29
 
30
30
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-primary: #dcdcdd;
4
- --color-light-graphic-negative: #f15045;
5
- --color-light-graphic-positive: #2fc26e;
3
+ --color-light-border-primary: #d5d6dc;
4
+ --color-light-graphic-negative: #ff5431;
5
+ --color-light-graphic-positive: #0cc44d;
6
6
  --color-light-text-accent: #ef3124;
7
7
  --color-light-text-primary: #0e0e0e;
8
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
8
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
9
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
10
  } :root {
11
11
  } :root {
package/esm/Component.js CHANGED
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
16
16
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
17
17
 
18
- var styles = {"component":"file-upload-item__component_gj4mf","infoSection":"file-upload-item__infoSection_gj4mf","info":"file-upload-item__info_gj4mf","icon":"file-upload-item__icon_gj4mf","errorIcon":"file-upload-item__errorIcon_gj4mf","successIcon":"file-upload-item__successIcon_gj4mf","name":"file-upload-item__name_gj4mf","meta":"file-upload-item__meta_gj4mf","size":"file-upload-item__size_gj4mf","delete":"file-upload-item__delete_gj4mf","download":"file-upload-item__download_gj4mf","errorWrapper":"file-upload-item__errorWrapper_gj4mf","restore":"file-upload-item__restore_gj4mf","spinnerWrapper":"file-upload-item__spinnerWrapper_gj4mf","spinner":"file-upload-item__spinner_gj4mf","uploadPercent":"file-upload-item__uploadPercent_gj4mf"};
18
+ var styles = {"component":"file-upload-item__component_1j1cr","infoSection":"file-upload-item__infoSection_1j1cr","info":"file-upload-item__info_1j1cr","icon":"file-upload-item__icon_1j1cr","errorIcon":"file-upload-item__errorIcon_1j1cr","successIcon":"file-upload-item__successIcon_1j1cr","name":"file-upload-item__name_1j1cr","meta":"file-upload-item__meta_1j1cr","size":"file-upload-item__size_1j1cr","delete":"file-upload-item__delete_1j1cr","download":"file-upload-item__download_1j1cr","errorWrapper":"file-upload-item__errorWrapper_1j1cr","restore":"file-upload-item__restore_1j1cr","spinnerWrapper":"file-upload-item__spinnerWrapper_1j1cr","spinner":"file-upload-item__spinner_1j1cr","uploadPercent":"file-upload-item__uploadPercent_1j1cr"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: 1iywd */
1
+ /* hash: 1s2od */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #dcdcdd;
5
- --color-light-graphic-negative: #f15045;
6
- --color-light-graphic-positive: #2fc26e;
4
+ --color-light-border-primary: #d5d6dc;
5
+ --color-light-graphic-negative: #ff5431;
6
+ --color-light-graphic-positive: #0cc44d;
7
7
  --color-light-text-accent: #ef3124;
8
8
  --color-light-text-primary: #0e0e0e;
9
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
10
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
11
  } :root {
12
12
  } :root {
@@ -25,7 +25,7 @@
25
25
  --gap-xl: 24px;
26
26
  } :root {
27
27
  } :root {
28
- } .file-upload-item__component_gj4mf {
28
+ } .file-upload-item__component_1j1cr {
29
29
  font-size: 13px;
30
30
  line-height: 16px;
31
31
  font-weight: 400;
@@ -36,78 +36,78 @@
36
36
  color: var(--color-light-text-secondary);
37
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
38
  box-sizing: border-box
39
- } .file-upload-item__component_gj4mf svg {
39
+ } .file-upload-item__component_1j1cr svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_gj4mf {
41
+ } .file-upload-item__infoSection_1j1cr {
42
42
  display: flex;
43
43
  flex-direction: column;
44
44
  flex: 1;
45
45
  margin-top: var(--gap-2xs);
46
46
  margin-left: var(--gap-s);
47
47
  min-width: 40%;
48
- } .file-upload-item__info_gj4mf {
48
+ } .file-upload-item__info_1j1cr {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_gj4mf {
53
+ } .file-upload-item__icon_1j1cr {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_gj4mf {
57
+ } .file-upload-item__errorIcon_1j1cr {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_gj4mf {
60
+ } .file-upload-item__successIcon_1j1cr {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_gj4mf {
63
+ } .file-upload-item__name_1j1cr {
64
64
  white-space: nowrap;
65
65
  overflow: hidden;
66
66
  text-overflow: ellipsis;
67
67
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_gj4mf a {
68
+ } .file-upload-item__name_1j1cr a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_gj4mf {
71
+ } .file-upload-item__meta_1j1cr {
72
72
  display: flex;
73
73
  white-space: nowrap;
74
74
  margin-right: var(--gap-2xs);
75
75
  margin-left: 36px;
76
76
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_gj4mf > * {
77
+ } .file-upload-item__meta_1j1cr > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_gj4mf > *:last-child {
79
+ } .file-upload-item__meta_1j1cr > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_gj4mf {
81
+ } .file-upload-item__size_1j1cr {
82
82
  text-align: right;
83
- } .file-upload-item__delete_gj4mf,
84
- .file-upload-item__download_gj4mf {
83
+ } .file-upload-item__delete_1j1cr,
84
+ .file-upload-item__download_1j1cr {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_gj4mf {
88
+ } .file-upload-item__errorWrapper_1j1cr {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_gj4mf {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_gj4mf {
95
+ } .file-upload-item__restore_1j1cr {
96
96
  font-size: 14px;
97
97
  line-height: 20px;
98
98
  font-weight: 400;
99
99
 
100
100
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_gj4mf {
101
+ } .file-upload-item__spinnerWrapper_1j1cr {
102
102
  display: flex;
103
103
  justify-content: center;
104
104
  align-items: center;
105
105
  width: 24px;
106
106
  height: 24px;
107
- } .file-upload-item__spinner_gj4mf {
107
+ } .file-upload-item__spinner_1j1cr {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_gj4mf {
110
+ } .file-upload-item__uploadPercent_1j1cr {
111
111
  margin-top: var(--gap-2xs);
112
112
  margin-left: var(--gap-xl);
113
113
  }
package/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: 1iywd */
1
+ /* hash: 1s2od */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #dcdcdd;
5
- --color-light-graphic-negative: #f15045;
6
- --color-light-graphic-positive: #2fc26e;
4
+ --color-light-border-primary: #d5d6dc;
5
+ --color-light-graphic-negative: #ff5431;
6
+ --color-light-graphic-positive: #0cc44d;
7
7
  --color-light-text-accent: #ef3124;
8
8
  --color-light-text-primary: #0e0e0e;
9
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
10
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
11
  } :root {
12
12
  } :root {
@@ -25,7 +25,7 @@
25
25
  --gap-xl: 24px;
26
26
  } :root {
27
27
  } :root {
28
- } .file-upload-item__component_gj4mf {
28
+ } .file-upload-item__component_1j1cr {
29
29
  font-size: 13px;
30
30
  line-height: 16px;
31
31
  font-weight: 400;
@@ -36,78 +36,78 @@
36
36
  color: var(--color-light-text-secondary);
37
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
38
  box-sizing: border-box
39
- } .file-upload-item__component_gj4mf svg {
39
+ } .file-upload-item__component_1j1cr svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_gj4mf {
41
+ } .file-upload-item__infoSection_1j1cr {
42
42
  display: flex;
43
43
  flex-direction: column;
44
44
  flex: 1;
45
45
  margin-top: var(--gap-2xs);
46
46
  margin-left: var(--gap-s);
47
47
  min-width: 40%;
48
- } .file-upload-item__info_gj4mf {
48
+ } .file-upload-item__info_1j1cr {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_gj4mf {
53
+ } .file-upload-item__icon_1j1cr {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_gj4mf {
57
+ } .file-upload-item__errorIcon_1j1cr {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_gj4mf {
60
+ } .file-upload-item__successIcon_1j1cr {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_gj4mf {
63
+ } .file-upload-item__name_1j1cr {
64
64
  white-space: nowrap;
65
65
  overflow: hidden;
66
66
  text-overflow: ellipsis;
67
67
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_gj4mf a {
68
+ } .file-upload-item__name_1j1cr a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_gj4mf {
71
+ } .file-upload-item__meta_1j1cr {
72
72
  display: flex;
73
73
  white-space: nowrap;
74
74
  margin-right: var(--gap-2xs);
75
75
  margin-left: 36px;
76
76
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_gj4mf > * {
77
+ } .file-upload-item__meta_1j1cr > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_gj4mf > *:last-child {
79
+ } .file-upload-item__meta_1j1cr > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_gj4mf {
81
+ } .file-upload-item__size_1j1cr {
82
82
  text-align: right;
83
- } .file-upload-item__delete_gj4mf,
84
- .file-upload-item__download_gj4mf {
83
+ } .file-upload-item__delete_1j1cr,
84
+ .file-upload-item__download_1j1cr {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_gj4mf {
88
+ } .file-upload-item__errorWrapper_1j1cr {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_gj4mf {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_gj4mf {
95
+ } .file-upload-item__restore_1j1cr {
96
96
  font-size: 14px;
97
97
  line-height: 20px;
98
98
  font-weight: 400;
99
99
 
100
100
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_gj4mf {
101
+ } .file-upload-item__spinnerWrapper_1j1cr {
102
102
  display: flex;
103
103
  justify-content: center;
104
104
  align-items: center;
105
105
  width: 24px;
106
106
  height: 24px;
107
- } .file-upload-item__spinner_gj4mf {
107
+ } .file-upload-item__spinner_1j1cr {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_gj4mf {
110
+ } .file-upload-item__uploadPercent_1j1cr {
111
111
  margin-top: var(--gap-2xs);
112
112
  margin-left: var(--gap-xl);
113
113
  }
package/modern/Component.js CHANGED
@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/DocumentPdfMIcon';
15
15
  import '@alfalab/icons-glyph/DocumentTxtMIcon';
16
16
  import '@alfalab/icons-glyph/DocumentUnknownMIcon';
17
17
 
18
- const styles = {"component":"file-upload-item__component_gj4mf","infoSection":"file-upload-item__infoSection_gj4mf","info":"file-upload-item__info_gj4mf","icon":"file-upload-item__icon_gj4mf","errorIcon":"file-upload-item__errorIcon_gj4mf","successIcon":"file-upload-item__successIcon_gj4mf","name":"file-upload-item__name_gj4mf","meta":"file-upload-item__meta_gj4mf","size":"file-upload-item__size_gj4mf","delete":"file-upload-item__delete_gj4mf","download":"file-upload-item__download_gj4mf","errorWrapper":"file-upload-item__errorWrapper_gj4mf","restore":"file-upload-item__restore_gj4mf","spinnerWrapper":"file-upload-item__spinnerWrapper_gj4mf","spinner":"file-upload-item__spinner_gj4mf","uploadPercent":"file-upload-item__uploadPercent_gj4mf"};
18
+ const styles = {"component":"file-upload-item__component_1j1cr","infoSection":"file-upload-item__infoSection_1j1cr","info":"file-upload-item__info_1j1cr","icon":"file-upload-item__icon_1j1cr","errorIcon":"file-upload-item__errorIcon_1j1cr","successIcon":"file-upload-item__successIcon_1j1cr","name":"file-upload-item__name_1j1cr","meta":"file-upload-item__meta_1j1cr","size":"file-upload-item__size_1j1cr","delete":"file-upload-item__delete_1j1cr","download":"file-upload-item__download_1j1cr","errorWrapper":"file-upload-item__errorWrapper_1j1cr","restore":"file-upload-item__restore_1j1cr","spinnerWrapper":"file-upload-item__spinnerWrapper_1j1cr","spinner":"file-upload-item__spinner_1j1cr","uploadPercent":"file-upload-item__uploadPercent_1j1cr"};
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,12 +1,12 @@
1
- /* hash: 1iywd */
1
+ /* hash: 1s2od */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #dcdcdd;
5
- --color-light-graphic-negative: #f15045;
6
- --color-light-graphic-positive: #2fc26e;
4
+ --color-light-border-primary: #d5d6dc;
5
+ --color-light-graphic-negative: #ff5431;
6
+ --color-light-graphic-positive: #0cc44d;
7
7
  --color-light-text-accent: #ef3124;
8
8
  --color-light-text-primary: #0e0e0e;
9
- --color-light-text-secondary: rgba(60, 60, 67, 0.66); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
9
+ --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
10
10
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
11
11
  } :root {
12
12
  } :root {
@@ -25,7 +25,7 @@
25
25
  --gap-xl: 24px;
26
26
  } :root {
27
27
  } :root {
28
- } .file-upload-item__component_gj4mf {
28
+ } .file-upload-item__component_1j1cr {
29
29
  font-size: 13px;
30
30
  line-height: 16px;
31
31
  font-weight: 400;
@@ -36,78 +36,78 @@
36
36
  color: var(--color-light-text-secondary);
37
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
38
  box-sizing: border-box
39
- } .file-upload-item__component_gj4mf svg {
39
+ } .file-upload-item__component_1j1cr svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_gj4mf {
41
+ } .file-upload-item__infoSection_1j1cr {
42
42
  display: flex;
43
43
  flex-direction: column;
44
44
  flex: 1;
45
45
  margin-top: var(--gap-2xs);
46
46
  margin-left: var(--gap-s);
47
47
  min-width: 40%;
48
- } .file-upload-item__info_gj4mf {
48
+ } .file-upload-item__info_1j1cr {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_gj4mf {
53
+ } .file-upload-item__icon_1j1cr {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_gj4mf {
57
+ } .file-upload-item__errorIcon_1j1cr {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_gj4mf {
60
+ } .file-upload-item__successIcon_1j1cr {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_gj4mf {
63
+ } .file-upload-item__name_1j1cr {
64
64
  white-space: nowrap;
65
65
  overflow: hidden;
66
66
  text-overflow: ellipsis;
67
67
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_gj4mf a {
68
+ } .file-upload-item__name_1j1cr a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_gj4mf {
71
+ } .file-upload-item__meta_1j1cr {
72
72
  display: flex;
73
73
  white-space: nowrap;
74
74
  margin-right: var(--gap-2xs);
75
75
  margin-left: 36px;
76
76
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_gj4mf > * {
77
+ } .file-upload-item__meta_1j1cr > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_gj4mf > *:last-child {
79
+ } .file-upload-item__meta_1j1cr > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_gj4mf {
81
+ } .file-upload-item__size_1j1cr {
82
82
  text-align: right;
83
- } .file-upload-item__delete_gj4mf,
84
- .file-upload-item__download_gj4mf {
83
+ } .file-upload-item__delete_1j1cr,
84
+ .file-upload-item__download_1j1cr {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_gj4mf {
88
+ } .file-upload-item__errorWrapper_1j1cr {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_gj4mf {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_gj4mf {
95
+ } .file-upload-item__restore_1j1cr {
96
96
  font-size: 14px;
97
97
  line-height: 20px;
98
98
  font-weight: 400;
99
99
 
100
100
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_gj4mf {
101
+ } .file-upload-item__spinnerWrapper_1j1cr {
102
102
  display: flex;
103
103
  justify-content: center;
104
104
  align-items: center;
105
105
  width: 24px;
106
106
  height: 24px;
107
- } .file-upload-item__spinner_gj4mf {
107
+ } .file-upload-item__spinner_1j1cr {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_gj4mf {
110
+ } .file-upload-item__uploadPercent_1j1cr {
111
111
  margin-top: var(--gap-2xs);
112
112
  margin-left: var(--gap-xl);
113
113
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.2.9",
3
+ "version": "5.2.11",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,9 +14,9 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^6.3.2",
17
+ "@alfalab/core-components-icon-button": "^6.4.1",
18
18
  "@alfalab/core-components-link": "^5.1.1",
19
- "@alfalab/core-components-spinner": "^3.1.0",
19
+ "@alfalab/core-components-spinner": "^3.2.0",
20
20
  "@alfalab/icons-glyph": "^2.108.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"