@alfalab/core-components-file-upload-item 5.6.0 → 5.6.1

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 +28 -28
  5. package/index.css +28 -28
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +28 -28
  8. package/package.json +2 -2
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_15h75","infoSection":"file-upload-item__infoSection_15h75","info":"file-upload-item__info_15h75","icon":"file-upload-item__icon_15h75","errorIcon":"file-upload-item__errorIcon_15h75","successIcon":"file-upload-item__successIcon_15h75","name":"file-upload-item__name_15h75","rowLimit":"file-upload-item__rowLimit_15h75","meta":"file-upload-item__meta_15h75","size":"file-upload-item__size_15h75","delete":"file-upload-item__delete_15h75","download":"file-upload-item__download_15h75","errorWrapper":"file-upload-item__errorWrapper_15h75","restore":"file-upload-item__restore_15h75","spinnerWrapper":"file-upload-item__spinnerWrapper_15h75","spinner":"file-upload-item__spinner_15h75","uploadPercent":"file-upload-item__uploadPercent_15h75"};
22
+ var styles = {"component":"file-upload-item__component_6o5ui","infoSection":"file-upload-item__infoSection_6o5ui","info":"file-upload-item__info_6o5ui","icon":"file-upload-item__icon_6o5ui","errorIcon":"file-upload-item__errorIcon_6o5ui","successIcon":"file-upload-item__successIcon_6o5ui","name":"file-upload-item__name_6o5ui","rowLimit":"file-upload-item__rowLimit_6o5ui","meta":"file-upload-item__meta_6o5ui","size":"file-upload-item__size_6o5ui","delete":"file-upload-item__delete_6o5ui","download":"file-upload-item__download_6o5ui","errorWrapper":"file-upload-item__errorWrapper_6o5ui","restore":"file-upload-item__restore_6o5ui","spinnerWrapper":"file-upload-item__spinnerWrapper_6o5ui","spinner":"file-upload-item__spinner_6o5ui","uploadPercent":"file-upload-item__uploadPercent_6o5ui"};
23
23
  require('./index.css')
24
24
 
25
25
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -1,11 +1,11 @@
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: #0e0e0e;
3
+ --color-light-neutral-1500: #121213;
4
4
  --color-light-neutral-300: #e7e8eb;
5
- --color-light-status-negative: #ff5431;
5
+ --color-light-status-negative: #ff4837;
6
6
  --color-light-status-positive: #0cc44d;
7
- --color-light-text-negative: #ec2e14;
8
- --color-light-text-primary: #0e0e0e;
7
+ --color-light-text-negative: #ec2d20;
8
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
9
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 {
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_15h75","infoSection":"file-upload-item__infoSection_15h75","info":"file-upload-item__info_15h75","icon":"file-upload-item__icon_15h75","errorIcon":"file-upload-item__errorIcon_15h75","successIcon":"file-upload-item__successIcon_15h75","name":"file-upload-item__name_15h75","rowLimit":"file-upload-item__rowLimit_15h75","meta":"file-upload-item__meta_15h75","size":"file-upload-item__size_15h75","delete":"file-upload-item__delete_15h75","download":"file-upload-item__download_15h75","errorWrapper":"file-upload-item__errorWrapper_15h75","restore":"file-upload-item__restore_15h75","spinnerWrapper":"file-upload-item__spinnerWrapper_15h75","spinner":"file-upload-item__spinner_15h75","uploadPercent":"file-upload-item__uploadPercent_15h75"};
13
+ var styles = {"component":"file-upload-item__component_6o5ui","infoSection":"file-upload-item__infoSection_6o5ui","info":"file-upload-item__info_6o5ui","icon":"file-upload-item__icon_6o5ui","errorIcon":"file-upload-item__errorIcon_6o5ui","successIcon":"file-upload-item__successIcon_6o5ui","name":"file-upload-item__name_6o5ui","rowLimit":"file-upload-item__rowLimit_6o5ui","meta":"file-upload-item__meta_6o5ui","size":"file-upload-item__size_6o5ui","delete":"file-upload-item__delete_6o5ui","download":"file-upload-item__download_6o5ui","errorWrapper":"file-upload-item__errorWrapper_6o5ui","restore":"file-upload-item__restore_6o5ui","spinnerWrapper":"file-upload-item__spinnerWrapper_6o5ui","spinner":"file-upload-item__spinner_6o5ui","uploadPercent":"file-upload-item__uploadPercent_6o5ui"};
14
14
  require('./index.css')
15
15
 
16
16
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: ycu52 */
1
+ /* hash: 1dzds */
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: #0e0e0e;
4
+ --color-light-neutral-1500: #121213;
5
5
  --color-light-neutral-300: #e7e8eb;
6
- --color-light-status-negative: #ff5431;
6
+ --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
- --color-light-text-negative: #ec2e14;
9
- --color-light-text-primary: #0e0e0e;
8
+ --color-light-text-negative: #ec2d20;
9
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
10
10
  --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 */
11
11
  } :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 */
12
12
  } :root {
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_15h75 {
29
+ } .file-upload-item__component_6o5ui {
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_15h75 svg {
41
+ } .file-upload-item__component_6o5ui svg {
42
42
  display: block;
43
- } .file-upload-item__component_15h75:last-child {
43
+ } .file-upload-item__component_6o5ui:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_15h75 {
45
+ } .file-upload-item__infoSection_6o5ui {
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_15h75 {
52
+ } .file-upload-item__info_6o5ui {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_15h75 {
57
+ } .file-upload-item__icon_6o5ui {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_15h75 {
61
+ } .file-upload-item__errorIcon_6o5ui {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_15h75 {
64
+ } .file-upload-item__successIcon_6o5ui {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_15h75 {
67
+ } .file-upload-item__name_6o5ui {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_15h75 a {
69
+ } .file-upload-item__name_6o5ui a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_15h75.file-upload-item__rowLimit_15h75 {
72
+ } .file-upload-item__name_6o5ui.file-upload-item__rowLimit_6o5ui {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_15h75 {
76
+ } .file-upload-item__meta_6o5ui {
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_15h75 > * {
82
+ } .file-upload-item__meta_6o5ui > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_15h75 > *:last-child {
84
+ } .file-upload-item__meta_6o5ui > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_15h75 {
86
+ } .file-upload-item__size_6o5ui {
87
87
  text-align: right;
88
- } .file-upload-item__delete_15h75,
89
- .file-upload-item__download_15h75 {
88
+ } .file-upload-item__delete_6o5ui,
89
+ .file-upload-item__download_6o5ui {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_15h75 {
93
+ } .file-upload-item__errorWrapper_6o5ui {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_15h75 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_6o5ui {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_15h75 {
100
+ } .file-upload-item__restore_6o5ui {
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_15h75 {
107
+ } .file-upload-item__spinnerWrapper_6o5ui {
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_15h75 {
113
+ } .file-upload-item__spinner_6o5ui {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_15h75 {
116
+ } .file-upload-item__uploadPercent_6o5ui {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
package/index.css CHANGED
@@ -1,12 +1,12 @@
1
- /* hash: ycu52 */
1
+ /* hash: 1dzds */
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: #0e0e0e;
4
+ --color-light-neutral-1500: #121213;
5
5
  --color-light-neutral-300: #e7e8eb;
6
- --color-light-status-negative: #ff5431;
6
+ --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
- --color-light-text-negative: #ec2e14;
9
- --color-light-text-primary: #0e0e0e;
8
+ --color-light-text-negative: #ec2d20;
9
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
10
10
  --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 */
11
11
  } :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 */
12
12
  } :root {
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_15h75 {
29
+ } .file-upload-item__component_6o5ui {
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_15h75 svg {
41
+ } .file-upload-item__component_6o5ui svg {
42
42
  display: block;
43
- } .file-upload-item__component_15h75:last-child {
43
+ } .file-upload-item__component_6o5ui:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_15h75 {
45
+ } .file-upload-item__infoSection_6o5ui {
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_15h75 {
52
+ } .file-upload-item__info_6o5ui {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_15h75 {
57
+ } .file-upload-item__icon_6o5ui {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_15h75 {
61
+ } .file-upload-item__errorIcon_6o5ui {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_15h75 {
64
+ } .file-upload-item__successIcon_6o5ui {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_15h75 {
67
+ } .file-upload-item__name_6o5ui {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_15h75 a {
69
+ } .file-upload-item__name_6o5ui a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_15h75.file-upload-item__rowLimit_15h75 {
72
+ } .file-upload-item__name_6o5ui.file-upload-item__rowLimit_6o5ui {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_15h75 {
76
+ } .file-upload-item__meta_6o5ui {
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_15h75 > * {
82
+ } .file-upload-item__meta_6o5ui > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_15h75 > *:last-child {
84
+ } .file-upload-item__meta_6o5ui > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_15h75 {
86
+ } .file-upload-item__size_6o5ui {
87
87
  text-align: right;
88
- } .file-upload-item__delete_15h75,
89
- .file-upload-item__download_15h75 {
88
+ } .file-upload-item__delete_6o5ui,
89
+ .file-upload-item__download_6o5ui {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_15h75 {
93
+ } .file-upload-item__errorWrapper_6o5ui {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_15h75 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_6o5ui {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_15h75 {
100
+ } .file-upload-item__restore_6o5ui {
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_15h75 {
107
+ } .file-upload-item__spinnerWrapper_6o5ui {
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_15h75 {
113
+ } .file-upload-item__spinner_6o5ui {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_15h75 {
116
+ } .file-upload-item__uploadPercent_6o5ui {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
package/modern/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 { humanFileSize, fileIcon } from './utils.js';
12
12
 
13
- const styles = {"component":"file-upload-item__component_15h75","infoSection":"file-upload-item__infoSection_15h75","info":"file-upload-item__info_15h75","icon":"file-upload-item__icon_15h75","errorIcon":"file-upload-item__errorIcon_15h75","successIcon":"file-upload-item__successIcon_15h75","name":"file-upload-item__name_15h75","rowLimit":"file-upload-item__rowLimit_15h75","meta":"file-upload-item__meta_15h75","size":"file-upload-item__size_15h75","delete":"file-upload-item__delete_15h75","download":"file-upload-item__download_15h75","errorWrapper":"file-upload-item__errorWrapper_15h75","restore":"file-upload-item__restore_15h75","spinnerWrapper":"file-upload-item__spinnerWrapper_15h75","spinner":"file-upload-item__spinner_15h75","uploadPercent":"file-upload-item__uploadPercent_15h75"};
13
+ const styles = {"component":"file-upload-item__component_6o5ui","infoSection":"file-upload-item__infoSection_6o5ui","info":"file-upload-item__info_6o5ui","icon":"file-upload-item__icon_6o5ui","errorIcon":"file-upload-item__errorIcon_6o5ui","successIcon":"file-upload-item__successIcon_6o5ui","name":"file-upload-item__name_6o5ui","rowLimit":"file-upload-item__rowLimit_6o5ui","meta":"file-upload-item__meta_6o5ui","size":"file-upload-item__size_6o5ui","delete":"file-upload-item__delete_6o5ui","download":"file-upload-item__download_6o5ui","errorWrapper":"file-upload-item__errorWrapper_6o5ui","restore":"file-upload-item__restore_6o5ui","spinnerWrapper":"file-upload-item__spinnerWrapper_6o5ui","spinner":"file-upload-item__spinner_6o5ui","uploadPercent":"file-upload-item__uploadPercent_6o5ui"};
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,12 +1,12 @@
1
- /* hash: ycu52 */
1
+ /* hash: 1dzds */
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: #0e0e0e;
4
+ --color-light-neutral-1500: #121213;
5
5
  --color-light-neutral-300: #e7e8eb;
6
- --color-light-status-negative: #ff5431;
6
+ --color-light-status-negative: #ff4837;
7
7
  --color-light-status-positive: #0cc44d;
8
- --color-light-text-negative: #ec2e14;
9
- --color-light-text-primary: #0e0e0e;
8
+ --color-light-text-negative: #ec2d20;
9
+ --color-light-text-primary: rgba(3, 3, 6, 0.88);
10
10
  --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 */
11
11
  } :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 */
12
12
  } :root {
@@ -26,7 +26,7 @@
26
26
  --gap-xl: 24px;
27
27
  } :root {
28
28
  } :root {
29
- } .file-upload-item__component_15h75 {
29
+ } .file-upload-item__component_6o5ui {
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_15h75 svg {
41
+ } .file-upload-item__component_6o5ui svg {
42
42
  display: block;
43
- } .file-upload-item__component_15h75:last-child {
43
+ } .file-upload-item__component_6o5ui:last-child {
44
44
  box-shadow: none;
45
- } .file-upload-item__infoSection_15h75 {
45
+ } .file-upload-item__infoSection_6o5ui {
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_15h75 {
52
+ } .file-upload-item__info_6o5ui {
53
53
  display: flex;
54
54
  flex-wrap: wrap;
55
55
  flex: 1;
56
56
  overflow: hidden;
57
- } .file-upload-item__icon_15h75 {
57
+ } .file-upload-item__icon_6o5ui {
58
58
  display: block;
59
59
  flex-shrink: 0;
60
60
  color: var(--color-light-neutral-1500);
61
- } .file-upload-item__errorIcon_15h75 {
61
+ } .file-upload-item__errorIcon_6o5ui {
62
62
  flex-shrink: 0;
63
63
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_15h75 {
64
+ } .file-upload-item__successIcon_6o5ui {
65
65
  flex-shrink: 0;
66
66
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_15h75 {
67
+ } .file-upload-item__name_6o5ui {
68
68
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_15h75 a {
69
+ } .file-upload-item__name_6o5ui a {
70
70
  display: block;
71
71
  margin-bottom: 1px;
72
- } .file-upload-item__name_15h75.file-upload-item__rowLimit_15h75 {
72
+ } .file-upload-item__name_6o5ui.file-upload-item__rowLimit_6o5ui {
73
73
  white-space: nowrap;
74
74
  overflow: hidden;
75
75
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_15h75 {
76
+ } .file-upload-item__meta_6o5ui {
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_15h75 > * {
82
+ } .file-upload-item__meta_6o5ui > * {
83
83
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_15h75 > *:last-child {
84
+ } .file-upload-item__meta_6o5ui > *:last-child {
85
85
  margin-right: 0;
86
- } .file-upload-item__size_15h75 {
86
+ } .file-upload-item__size_6o5ui {
87
87
  text-align: right;
88
- } .file-upload-item__delete_15h75,
89
- .file-upload-item__download_15h75 {
88
+ } .file-upload-item__delete_6o5ui,
89
+ .file-upload-item__download_6o5ui {
90
90
  height: 24px;
91
91
  width: 24px;
92
92
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_15h75 {
93
+ } .file-upload-item__errorWrapper_6o5ui {
94
94
  margin-top: var(--gap-s);
95
95
  color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_15h75 {
96
+ } @media (--small-only) { .file-upload-item__errorWrapper_6o5ui {
97
97
  flex: 1 0 100%;
98
98
  margin-top: var(--gap-3xs)
99
99
  }
100
- } .file-upload-item__restore_15h75 {
100
+ } .file-upload-item__restore_6o5ui {
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_15h75 {
107
+ } .file-upload-item__spinnerWrapper_6o5ui {
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_15h75 {
113
+ } .file-upload-item__spinner_6o5ui {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_15h75 {
116
+ } .file-upload-item__uploadPercent_6o5ui {
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.0",
3
+ "version": "5.6.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
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.5",
17
+ "@alfalab/core-components-icon-button": "^6.5.6",
18
18
  "@alfalab/core-components-link": "^5.2.1",
19
19
  "@alfalab/core-components-spinner": "^3.3.0",
20
20
  "@alfalab/icons-glyph": "^2.139.0",