@alfalab/core-components-file-upload-item 5.6.2 → 5.6.4

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.
package/Component.js CHANGED
@@ -19,7 +19,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
 
22
- var styles = {"component":"file-upload-item__component_j7bg8","infoSection":"file-upload-item__infoSection_j7bg8","info":"file-upload-item__info_j7bg8","icon":"file-upload-item__icon_j7bg8","errorIcon":"file-upload-item__errorIcon_j7bg8","successIcon":"file-upload-item__successIcon_j7bg8","name":"file-upload-item__name_j7bg8","rowLimit":"file-upload-item__rowLimit_j7bg8","meta":"file-upload-item__meta_j7bg8","size":"file-upload-item__size_j7bg8","delete":"file-upload-item__delete_j7bg8","download":"file-upload-item__download_j7bg8","errorWrapper":"file-upload-item__errorWrapper_j7bg8","restore":"file-upload-item__restore_j7bg8","spinnerWrapper":"file-upload-item__spinnerWrapper_j7bg8","spinner":"file-upload-item__spinner_j7bg8","uploadPercent":"file-upload-item__uploadPercent_j7bg8"};
22
+ var styles = {"component":"file-upload-item__component_iqb9a","infoSection":"file-upload-item__infoSection_iqb9a","info":"file-upload-item__info_iqb9a","icon":"file-upload-item__icon_iqb9a","errorIcon":"file-upload-item__errorIcon_iqb9a","successIcon":"file-upload-item__successIcon_iqb9a","name":"file-upload-item__name_iqb9a","rowLimit":"file-upload-item__rowLimit_iqb9a","meta":"file-upload-item__meta_iqb9a","size":"file-upload-item__size_iqb9a","delete":"file-upload-item__delete_iqb9a","download":"file-upload-item__download_iqb9a","errorWrapper":"file-upload-item__errorWrapper_iqb9a","restore":"file-upload-item__restore_iqb9a","spinnerWrapper":"file-upload-item__spinnerWrapper_iqb9a","spinner":"file-upload-item__spinner_iqb9a","uploadPercent":"file-upload-item__uploadPercent_iqb9a"};
23
23
  require('./index.css')
24
24
 
25
25
  var FileUploadItem = function (_a) {
@@ -1,7 +1,7 @@
1
1
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
2
  } /* deprecated */ :root {
3
- --color-light-neutral-1500: #121213;
4
3
  --color-light-neutral-300: #e7e8eb;
4
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
5
5
  --color-light-status-negative: #ff4837;
6
6
  --color-light-status-positive: #0cc44d;
7
7
  --color-light-text-negative: #ec2d20;
@@ -56,7 +56,7 @@
56
56
  } .icon {
57
57
  display: block;
58
58
  flex-shrink: 0;
59
- color: var(--color-light-neutral-1500);
59
+ color: var(--color-light-neutral-translucent-1300);
60
60
  } .errorIcon {
61
61
  flex-shrink: 0;
62
62
  color: var(--color-light-status-negative);
package/esm/Component.js CHANGED
@@ -10,7 +10,7 @@ import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
10
  import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import { fileIcon, humanFileSize } from './utils.js';
12
12
 
13
- var styles = {"component":"file-upload-item__component_j7bg8","infoSection":"file-upload-item__infoSection_j7bg8","info":"file-upload-item__info_j7bg8","icon":"file-upload-item__icon_j7bg8","errorIcon":"file-upload-item__errorIcon_j7bg8","successIcon":"file-upload-item__successIcon_j7bg8","name":"file-upload-item__name_j7bg8","rowLimit":"file-upload-item__rowLimit_j7bg8","meta":"file-upload-item__meta_j7bg8","size":"file-upload-item__size_j7bg8","delete":"file-upload-item__delete_j7bg8","download":"file-upload-item__download_j7bg8","errorWrapper":"file-upload-item__errorWrapper_j7bg8","restore":"file-upload-item__restore_j7bg8","spinnerWrapper":"file-upload-item__spinnerWrapper_j7bg8","spinner":"file-upload-item__spinner_j7bg8","uploadPercent":"file-upload-item__uploadPercent_j7bg8"};
13
+ var styles = {"component":"file-upload-item__component_iqb9a","infoSection":"file-upload-item__infoSection_iqb9a","info":"file-upload-item__info_iqb9a","icon":"file-upload-item__icon_iqb9a","errorIcon":"file-upload-item__errorIcon_iqb9a","successIcon":"file-upload-item__successIcon_iqb9a","name":"file-upload-item__name_iqb9a","rowLimit":"file-upload-item__rowLimit_iqb9a","meta":"file-upload-item__meta_iqb9a","size":"file-upload-item__size_iqb9a","delete":"file-upload-item__delete_iqb9a","download":"file-upload-item__download_iqb9a","errorWrapper":"file-upload-item__errorWrapper_iqb9a","restore":"file-upload-item__restore_iqb9a","spinnerWrapper":"file-upload-item__spinnerWrapper_iqb9a","spinner":"file-upload-item__spinner_iqb9a","uploadPercent":"file-upload-item__uploadPercent_iqb9a"};
14
14
  require('./index.css')
15
15
 
16
16
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: vjwao */
1
+ /* hash: 2e0yl */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #121213;
5
4
  --color-light-neutral-300: #e7e8eb;
5
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
6
6
  --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
8
  --color-light-text-negative: #ec2d20;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_j7bg8 {
29
+ } .file-upload-item__component_iqb9a {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -38,82 +38,82 @@
38
38
  color: var(--color-light-text-secondary);
39
39
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
40
  box-sizing: border-box
41
- } .file-upload-item__component_j7bg8 svg {
41
+ } .file-upload-item__component_iqb9a svg {
42
42
  display: block;
43
- } .file-upload-item__component_j7bg8:last-child {
43
+ } .file-upload-item__component_iqb9a:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_j7bg8 {
45
+ } .file-upload-item__infoSection_iqb9a {
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
49
  margin-top: var(--gap-2xs);
50
50
  margin-left: var(--gap-s);
51
51
  min-width: 40%;
52
- } .file-upload-item__info_j7bg8 {
52
+ } .file-upload-item__info_iqb9a {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_j7bg8 {
57
+ } .file-upload-item__icon_iqb9a {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
- color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_j7bg8 {
60
+ color: var(--color-light-neutral-translucent-1300);
61
+ } .file-upload-item__errorIcon_iqb9a {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_j7bg8 {
64
+ } .file-upload-item__successIcon_iqb9a {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_j7bg8 {
67
+ } .file-upload-item__name_iqb9a {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_j7bg8 a {
69
+ } .file-upload-item__name_iqb9a a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_j7bg8.file-upload-item__rowLimit_j7bg8 {
72
+ } .file-upload-item__name_iqb9a.file-upload-item__rowLimit_iqb9a {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_j7bg8 {
76
+ } .file-upload-item__meta_iqb9a {
77
77
  display: flex;
78
78
  white-space: nowrap;
79
79
  margin-right: var(--gap-2xs);
80
80
  margin-left: 36px;
81
81
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_j7bg8 > * {
82
+ } .file-upload-item__meta_iqb9a > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_j7bg8 > *:last-child {
84
+ } .file-upload-item__meta_iqb9a > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_j7bg8 {
86
+ } .file-upload-item__size_iqb9a {
87
87
  text-align: right;
88
- } .file-upload-item__delete_j7bg8,
89
- .file-upload-item__download_j7bg8 {
88
+ } .file-upload-item__delete_iqb9a,
89
+ .file-upload-item__download_iqb9a {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_j7bg8 {
93
+ } .file-upload-item__errorWrapper_iqb9a {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_j7bg8 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_iqb9a {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_j7bg8 {
100
+ } .file-upload-item__restore_iqb9a {
101
101
  font-size: 14px;
102
102
  line-height: 20px;
103
103
  font-weight: 400;
104
104
 
105
105
  margin-left: var(--gap-s);
106
106
  margin-top: var(--gap-3xs);
107
- } .file-upload-item__spinnerWrapper_j7bg8 {
107
+ } .file-upload-item__spinnerWrapper_iqb9a {
108
108
  display: flex;
109
109
  justify-content: center;
110
110
  align-items: center;
111
111
  width: 24px;
112
112
  height: 24px;
113
- } .file-upload-item__spinner_j7bg8 {
113
+ } .file-upload-item__spinner_iqb9a {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_j7bg8 {
116
+ } .file-upload-item__uploadPercent_iqb9a {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
package/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: vjwao */
1
+ /* hash: 2e0yl */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #121213;
5
4
  --color-light-neutral-300: #e7e8eb;
5
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
6
6
  --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
8
  --color-light-text-negative: #ec2d20;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_j7bg8 {
29
+ } .file-upload-item__component_iqb9a {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -38,82 +38,82 @@
38
38
  color: var(--color-light-text-secondary);
39
39
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
40
  box-sizing: border-box
41
- } .file-upload-item__component_j7bg8 svg {
41
+ } .file-upload-item__component_iqb9a svg {
42
42
  display: block;
43
- } .file-upload-item__component_j7bg8:last-child {
43
+ } .file-upload-item__component_iqb9a:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_j7bg8 {
45
+ } .file-upload-item__infoSection_iqb9a {
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
49
  margin-top: var(--gap-2xs);
50
50
  margin-left: var(--gap-s);
51
51
  min-width: 40%;
52
- } .file-upload-item__info_j7bg8 {
52
+ } .file-upload-item__info_iqb9a {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_j7bg8 {
57
+ } .file-upload-item__icon_iqb9a {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
- color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_j7bg8 {
60
+ color: var(--color-light-neutral-translucent-1300);
61
+ } .file-upload-item__errorIcon_iqb9a {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_j7bg8 {
64
+ } .file-upload-item__successIcon_iqb9a {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_j7bg8 {
67
+ } .file-upload-item__name_iqb9a {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_j7bg8 a {
69
+ } .file-upload-item__name_iqb9a a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_j7bg8.file-upload-item__rowLimit_j7bg8 {
72
+ } .file-upload-item__name_iqb9a.file-upload-item__rowLimit_iqb9a {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_j7bg8 {
76
+ } .file-upload-item__meta_iqb9a {
77
77
  display: flex;
78
78
  white-space: nowrap;
79
79
  margin-right: var(--gap-2xs);
80
80
  margin-left: 36px;
81
81
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_j7bg8 > * {
82
+ } .file-upload-item__meta_iqb9a > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_j7bg8 > *:last-child {
84
+ } .file-upload-item__meta_iqb9a > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_j7bg8 {
86
+ } .file-upload-item__size_iqb9a {
87
87
  text-align: right;
88
- } .file-upload-item__delete_j7bg8,
89
- .file-upload-item__download_j7bg8 {
88
+ } .file-upload-item__delete_iqb9a,
89
+ .file-upload-item__download_iqb9a {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_j7bg8 {
93
+ } .file-upload-item__errorWrapper_iqb9a {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_j7bg8 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_iqb9a {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_j7bg8 {
100
+ } .file-upload-item__restore_iqb9a {
101
101
  font-size: 14px;
102
102
  line-height: 20px;
103
103
  font-weight: 400;
104
104
 
105
105
  margin-left: var(--gap-s);
106
106
  margin-top: var(--gap-3xs);
107
- } .file-upload-item__spinnerWrapper_j7bg8 {
107
+ } .file-upload-item__spinnerWrapper_iqb9a {
108
108
  display: flex;
109
109
  justify-content: center;
110
110
  align-items: center;
111
111
  width: 24px;
112
112
  height: 24px;
113
- } .file-upload-item__spinner_j7bg8 {
113
+ } .file-upload-item__spinner_iqb9a {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_j7bg8 {
116
+ } .file-upload-item__uploadPercent_iqb9a {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
@@ -10,7 +10,7 @@ import { CrossSIcon } from '@alfalab/icons-glyph/CrossSIcon';
10
10
  import { PointerDownSIcon } from '@alfalab/icons-glyph/PointerDownSIcon';
11
11
  import { humanFileSize, fileIcon } from './utils.js';
12
12
 
13
- const styles = {"component":"file-upload-item__component_j7bg8","infoSection":"file-upload-item__infoSection_j7bg8","info":"file-upload-item__info_j7bg8","icon":"file-upload-item__icon_j7bg8","errorIcon":"file-upload-item__errorIcon_j7bg8","successIcon":"file-upload-item__successIcon_j7bg8","name":"file-upload-item__name_j7bg8","rowLimit":"file-upload-item__rowLimit_j7bg8","meta":"file-upload-item__meta_j7bg8","size":"file-upload-item__size_j7bg8","delete":"file-upload-item__delete_j7bg8","download":"file-upload-item__download_j7bg8","errorWrapper":"file-upload-item__errorWrapper_j7bg8","restore":"file-upload-item__restore_j7bg8","spinnerWrapper":"file-upload-item__spinnerWrapper_j7bg8","spinner":"file-upload-item__spinner_j7bg8","uploadPercent":"file-upload-item__uploadPercent_j7bg8"};
13
+ const styles = {"component":"file-upload-item__component_iqb9a","infoSection":"file-upload-item__infoSection_iqb9a","info":"file-upload-item__info_iqb9a","icon":"file-upload-item__icon_iqb9a","errorIcon":"file-upload-item__errorIcon_iqb9a","successIcon":"file-upload-item__successIcon_iqb9a","name":"file-upload-item__name_iqb9a","rowLimit":"file-upload-item__rowLimit_iqb9a","meta":"file-upload-item__meta_iqb9a","size":"file-upload-item__size_iqb9a","delete":"file-upload-item__delete_iqb9a","download":"file-upload-item__download_iqb9a","errorWrapper":"file-upload-item__errorWrapper_iqb9a","restore":"file-upload-item__restore_iqb9a","spinnerWrapper":"file-upload-item__spinnerWrapper_iqb9a","spinner":"file-upload-item__spinner_iqb9a","uploadPercent":"file-upload-item__uploadPercent_iqb9a"};
14
14
  require('./index.css')
15
15
 
16
16
  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, multiline = false, dataTestId, }) => {
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: vjwao */
1
+ /* hash: 2e0yl */
2
2
  :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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
- --color-light-neutral-1500: #121213;
5
4
  --color-light-neutral-300: #e7e8eb;
5
+ --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
6
6
  --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
8
  --color-light-text-negative: #ec2d20;
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_j7bg8 {
29
+ } .file-upload-item__component_iqb9a {
30
30
  font-size: 13px;
31
31
  line-height: 16px;
32
32
  font-weight: 400;
@@ -38,82 +38,82 @@
38
38
  color: var(--color-light-text-secondary);
39
39
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
40
  box-sizing: border-box
41
- } .file-upload-item__component_j7bg8 svg {
41
+ } .file-upload-item__component_iqb9a svg {
42
42
  display: block;
43
- } .file-upload-item__component_j7bg8:last-child {
43
+ } .file-upload-item__component_iqb9a:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_j7bg8 {
45
+ } .file-upload-item__infoSection_iqb9a {
46
46
  display: flex;
47
47
  flex-direction: column;
48
48
  flex: 1;
49
49
  margin-top: var(--gap-2xs);
50
50
  margin-left: var(--gap-s);
51
51
  min-width: 40%;
52
- } .file-upload-item__info_j7bg8 {
52
+ } .file-upload-item__info_iqb9a {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_j7bg8 {
57
+ } .file-upload-item__icon_iqb9a {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
- color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_j7bg8 {
60
+ color: var(--color-light-neutral-translucent-1300);
61
+ } .file-upload-item__errorIcon_iqb9a {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_j7bg8 {
64
+ } .file-upload-item__successIcon_iqb9a {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_j7bg8 {
67
+ } .file-upload-item__name_iqb9a {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_j7bg8 a {
69
+ } .file-upload-item__name_iqb9a a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_j7bg8.file-upload-item__rowLimit_j7bg8 {
72
+ } .file-upload-item__name_iqb9a.file-upload-item__rowLimit_iqb9a {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_j7bg8 {
76
+ } .file-upload-item__meta_iqb9a {
77
77
  display: flex;
78
78
  white-space: nowrap;
79
79
  margin-right: var(--gap-2xs);
80
80
  margin-left: 36px;
81
81
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_j7bg8 > * {
82
+ } .file-upload-item__meta_iqb9a > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_j7bg8 > *:last-child {
84
+ } .file-upload-item__meta_iqb9a > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_j7bg8 {
86
+ } .file-upload-item__size_iqb9a {
87
87
  text-align: right;
88
- } .file-upload-item__delete_j7bg8,
89
- .file-upload-item__download_j7bg8 {
88
+ } .file-upload-item__delete_iqb9a,
89
+ .file-upload-item__download_iqb9a {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_j7bg8 {
93
+ } .file-upload-item__errorWrapper_iqb9a {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_j7bg8 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_iqb9a {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_j7bg8 {
100
+ } .file-upload-item__restore_iqb9a {
101
101
  font-size: 14px;
102
102
  line-height: 20px;
103
103
  font-weight: 400;
104
104
 
105
105
  margin-left: var(--gap-s);
106
106
  margin-top: var(--gap-3xs);
107
- } .file-upload-item__spinnerWrapper_j7bg8 {
107
+ } .file-upload-item__spinnerWrapper_iqb9a {
108
108
  display: flex;
109
109
  justify-content: center;
110
110
  align-items: center;
111
111
  width: 24px;
112
112
  height: 24px;
113
- } .file-upload-item__spinner_j7bg8 {
113
+ } .file-upload-item__spinner_iqb9a {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_j7bg8 {
116
+ } .file-upload-item__uploadPercent_iqb9a {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.6.2",
3
+ "version": "5.6.4",
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.5.7",
18
- "@alfalab/core-components-link": "^5.2.1",
19
- "@alfalab/core-components-spinner": "^3.3.0",
17
+ "@alfalab/core-components-icon-button": "^6.6.1",
18
+ "@alfalab/core-components-link": "^5.2.2",
19
+ "@alfalab/core-components-spinner": "^3.3.1",
20
20
  "@alfalab/icons-glyph": "^2.139.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
@@ -39,7 +39,7 @@
39
39
  .icon {
40
40
  display: block;
41
41
  flex-shrink: 0;
42
- color: var(--color-light-neutral-1500);
42
+ color: var(--color-light-neutral-translucent-1300);
43
43
  }
44
44
 
45
45
  .errorIcon {