@alfalab/core-components-file-upload-item 5.2.8 → 5.2.10

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_d1nkc","infoSection":"file-upload-item__infoSection_d1nkc","info":"file-upload-item__info_d1nkc","icon":"file-upload-item__icon_d1nkc","errorIcon":"file-upload-item__errorIcon_d1nkc","successIcon":"file-upload-item__successIcon_d1nkc","name":"file-upload-item__name_d1nkc","meta":"file-upload-item__meta_d1nkc","size":"file-upload-item__size_d1nkc","delete":"file-upload-item__delete_d1nkc","download":"file-upload-item__download_d1nkc","errorWrapper":"file-upload-item__errorWrapper_d1nkc","restore":"file-upload-item__restore_d1nkc","spinnerWrapper":"file-upload-item__spinnerWrapper_d1nkc","spinner":"file-upload-item__spinner_d1nkc","uploadPercent":"file-upload-item__uploadPercent_d1nkc"};
27
+ var styles = {"component":"file-upload-item__component_9nmtf","infoSection":"file-upload-item__infoSection_9nmtf","info":"file-upload-item__info_9nmtf","icon":"file-upload-item__icon_9nmtf","errorIcon":"file-upload-item__errorIcon_9nmtf","successIcon":"file-upload-item__successIcon_9nmtf","name":"file-upload-item__name_9nmtf","meta":"file-upload-item__meta_9nmtf","size":"file-upload-item__size_9nmtf","delete":"file-upload-item__delete_9nmtf","download":"file-upload-item__download_9nmtf","errorWrapper":"file-upload-item__errorWrapper_9nmtf","restore":"file-upload-item__restore_9nmtf","spinnerWrapper":"file-upload-item__spinnerWrapper_9nmtf","spinner":"file-upload-item__spinner_9nmtf","uploadPercent":"file-upload-item__uploadPercent_9nmtf"};
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_d1nkc","infoSection":"file-upload-item__infoSection_d1nkc","info":"file-upload-item__info_d1nkc","icon":"file-upload-item__icon_d1nkc","errorIcon":"file-upload-item__errorIcon_d1nkc","successIcon":"file-upload-item__successIcon_d1nkc","name":"file-upload-item__name_d1nkc","meta":"file-upload-item__meta_d1nkc","size":"file-upload-item__size_d1nkc","delete":"file-upload-item__delete_d1nkc","download":"file-upload-item__download_d1nkc","errorWrapper":"file-upload-item__errorWrapper_d1nkc","restore":"file-upload-item__restore_d1nkc","spinnerWrapper":"file-upload-item__spinnerWrapper_d1nkc","spinner":"file-upload-item__spinner_d1nkc","uploadPercent":"file-upload-item__uploadPercent_d1nkc"};
18
+ var styles = {"component":"file-upload-item__component_9nmtf","infoSection":"file-upload-item__infoSection_9nmtf","info":"file-upload-item__info_9nmtf","icon":"file-upload-item__icon_9nmtf","errorIcon":"file-upload-item__errorIcon_9nmtf","successIcon":"file-upload-item__successIcon_9nmtf","name":"file-upload-item__name_9nmtf","meta":"file-upload-item__meta_9nmtf","size":"file-upload-item__size_9nmtf","delete":"file-upload-item__delete_9nmtf","download":"file-upload-item__download_9nmtf","errorWrapper":"file-upload-item__errorWrapper_9nmtf","restore":"file-upload-item__restore_9nmtf","spinnerWrapper":"file-upload-item__spinnerWrapper_9nmtf","spinner":"file-upload-item__spinner_9nmtf","uploadPercent":"file-upload-item__uploadPercent_9nmtf"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: gl0co */
1
+ /* hash: e3p8h */
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_d1nkc {
28
+ } .file-upload-item__component_9nmtf {
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_d1nkc svg {
39
+ } .file-upload-item__component_9nmtf svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_d1nkc {
41
+ } .file-upload-item__infoSection_9nmtf {
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_d1nkc {
48
+ } .file-upload-item__info_9nmtf {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_d1nkc {
53
+ } .file-upload-item__icon_9nmtf {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_d1nkc {
57
+ } .file-upload-item__errorIcon_9nmtf {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_d1nkc {
60
+ } .file-upload-item__successIcon_9nmtf {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_d1nkc {
63
+ } .file-upload-item__name_9nmtf {
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_d1nkc a {
68
+ } .file-upload-item__name_9nmtf a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_d1nkc {
71
+ } .file-upload-item__meta_9nmtf {
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_d1nkc > * {
77
+ } .file-upload-item__meta_9nmtf > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_d1nkc > *:last-child {
79
+ } .file-upload-item__meta_9nmtf > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_d1nkc {
81
+ } .file-upload-item__size_9nmtf {
82
82
  text-align: right;
83
- } .file-upload-item__delete_d1nkc,
84
- .file-upload-item__download_d1nkc {
83
+ } .file-upload-item__delete_9nmtf,
84
+ .file-upload-item__download_9nmtf {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_d1nkc {
88
+ } .file-upload-item__errorWrapper_9nmtf {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_d1nkc {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_9nmtf {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_d1nkc {
95
+ } .file-upload-item__restore_9nmtf {
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_d1nkc {
101
+ } .file-upload-item__spinnerWrapper_9nmtf {
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_d1nkc {
107
+ } .file-upload-item__spinner_9nmtf {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_d1nkc {
110
+ } .file-upload-item__uploadPercent_9nmtf {
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: gl0co */
1
+ /* hash: e3p8h */
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_d1nkc {
28
+ } .file-upload-item__component_9nmtf {
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_d1nkc svg {
39
+ } .file-upload-item__component_9nmtf svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_d1nkc {
41
+ } .file-upload-item__infoSection_9nmtf {
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_d1nkc {
48
+ } .file-upload-item__info_9nmtf {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_d1nkc {
53
+ } .file-upload-item__icon_9nmtf {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_d1nkc {
57
+ } .file-upload-item__errorIcon_9nmtf {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_d1nkc {
60
+ } .file-upload-item__successIcon_9nmtf {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_d1nkc {
63
+ } .file-upload-item__name_9nmtf {
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_d1nkc a {
68
+ } .file-upload-item__name_9nmtf a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_d1nkc {
71
+ } .file-upload-item__meta_9nmtf {
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_d1nkc > * {
77
+ } .file-upload-item__meta_9nmtf > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_d1nkc > *:last-child {
79
+ } .file-upload-item__meta_9nmtf > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_d1nkc {
81
+ } .file-upload-item__size_9nmtf {
82
82
  text-align: right;
83
- } .file-upload-item__delete_d1nkc,
84
- .file-upload-item__download_d1nkc {
83
+ } .file-upload-item__delete_9nmtf,
84
+ .file-upload-item__download_9nmtf {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_d1nkc {
88
+ } .file-upload-item__errorWrapper_9nmtf {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_d1nkc {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_9nmtf {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_d1nkc {
95
+ } .file-upload-item__restore_9nmtf {
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_d1nkc {
101
+ } .file-upload-item__spinnerWrapper_9nmtf {
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_d1nkc {
107
+ } .file-upload-item__spinner_9nmtf {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_d1nkc {
110
+ } .file-upload-item__uploadPercent_9nmtf {
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_d1nkc","infoSection":"file-upload-item__infoSection_d1nkc","info":"file-upload-item__info_d1nkc","icon":"file-upload-item__icon_d1nkc","errorIcon":"file-upload-item__errorIcon_d1nkc","successIcon":"file-upload-item__successIcon_d1nkc","name":"file-upload-item__name_d1nkc","meta":"file-upload-item__meta_d1nkc","size":"file-upload-item__size_d1nkc","delete":"file-upload-item__delete_d1nkc","download":"file-upload-item__download_d1nkc","errorWrapper":"file-upload-item__errorWrapper_d1nkc","restore":"file-upload-item__restore_d1nkc","spinnerWrapper":"file-upload-item__spinnerWrapper_d1nkc","spinner":"file-upload-item__spinner_d1nkc","uploadPercent":"file-upload-item__uploadPercent_d1nkc"};
18
+ const styles = {"component":"file-upload-item__component_9nmtf","infoSection":"file-upload-item__infoSection_9nmtf","info":"file-upload-item__info_9nmtf","icon":"file-upload-item__icon_9nmtf","errorIcon":"file-upload-item__errorIcon_9nmtf","successIcon":"file-upload-item__successIcon_9nmtf","name":"file-upload-item__name_9nmtf","meta":"file-upload-item__meta_9nmtf","size":"file-upload-item__size_9nmtf","delete":"file-upload-item__delete_9nmtf","download":"file-upload-item__download_9nmtf","errorWrapper":"file-upload-item__errorWrapper_9nmtf","restore":"file-upload-item__restore_9nmtf","spinnerWrapper":"file-upload-item__spinnerWrapper_9nmtf","spinner":"file-upload-item__spinner_9nmtf","uploadPercent":"file-upload-item__uploadPercent_9nmtf"};
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: gl0co */
1
+ /* hash: e3p8h */
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_d1nkc {
28
+ } .file-upload-item__component_9nmtf {
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_d1nkc svg {
39
+ } .file-upload-item__component_9nmtf svg {
40
40
  display: block;
41
- } .file-upload-item__infoSection_d1nkc {
41
+ } .file-upload-item__infoSection_9nmtf {
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_d1nkc {
48
+ } .file-upload-item__info_9nmtf {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- } .file-upload-item__icon_d1nkc {
53
+ } .file-upload-item__icon_9nmtf {
54
54
  display: block;
55
55
  flex-shrink: 0;
56
56
  color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_d1nkc {
57
+ } .file-upload-item__errorIcon_9nmtf {
58
58
  flex-shrink: 0;
59
59
  color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_d1nkc {
60
+ } .file-upload-item__successIcon_9nmtf {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_d1nkc {
63
+ } .file-upload-item__name_9nmtf {
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_d1nkc a {
68
+ } .file-upload-item__name_9nmtf a {
69
69
  display: block;
70
70
  margin-bottom: 1px;
71
- } .file-upload-item__meta_d1nkc {
71
+ } .file-upload-item__meta_9nmtf {
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_d1nkc > * {
77
+ } .file-upload-item__meta_9nmtf > * {
78
78
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_d1nkc > *:last-child {
79
+ } .file-upload-item__meta_9nmtf > *:last-child {
80
80
  margin-right: 0;
81
- } .file-upload-item__size_d1nkc {
81
+ } .file-upload-item__size_9nmtf {
82
82
  text-align: right;
83
- } .file-upload-item__delete_d1nkc,
84
- .file-upload-item__download_d1nkc {
83
+ } .file-upload-item__delete_9nmtf,
84
+ .file-upload-item__download_9nmtf {
85
85
  height: 24px;
86
86
  width: 24px;
87
87
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_d1nkc {
88
+ } .file-upload-item__errorWrapper_9nmtf {
89
89
  margin-top: var(--gap-s);
90
90
  color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_d1nkc {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_9nmtf {
92
92
  flex: 1 0 100%;
93
93
  margin-top: var(--gap-3xs)
94
94
  }
95
- } .file-upload-item__restore_d1nkc {
95
+ } .file-upload-item__restore_9nmtf {
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_d1nkc {
101
+ } .file-upload-item__spinnerWrapper_9nmtf {
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_d1nkc {
107
+ } .file-upload-item__spinner_9nmtf {
108
108
  width: 20px;
109
109
  height: 20px;
110
- } .file-upload-item__uploadPercent_d1nkc {
110
+ } .file-upload-item__uploadPercent_9nmtf {
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.8",
3
+ "version": "5.2.10",
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.1",
17
+ "@alfalab/core-components-icon-button": "^6.4.0",
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"