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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +10 -9
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +32 -31
  5. package/index.css +32 -31
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +32 -31
  8. package/package.json +3 -3
  9. package/src/index.module.css +5 -5
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_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"};
27
+ var styles = {"component":"file-upload-item__component_793bp","infoSection":"file-upload-item__infoSection_793bp","info":"file-upload-item__info_793bp","icon":"file-upload-item__icon_793bp","errorIcon":"file-upload-item__errorIcon_793bp","successIcon":"file-upload-item__successIcon_793bp","name":"file-upload-item__name_793bp","meta":"file-upload-item__meta_793bp","size":"file-upload-item__size_793bp","delete":"file-upload-item__delete_793bp","download":"file-upload-item__download_793bp","errorWrapper":"file-upload-item__errorWrapper_793bp","restore":"file-upload-item__restore_793bp","spinnerWrapper":"file-upload-item__spinnerWrapper_793bp","spinner":"file-upload-item__spinner_793bp","uploadPercent":"file-upload-item__uploadPercent_793bp"};
28
28
  require('./index.css')
29
29
 
30
30
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -1,9 +1,10 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-primary: #d5d6dc;
4
- --color-light-graphic-negative: #ff5431;
5
- --color-light-graphic-positive: #0cc44d;
6
- --color-light-text-accent: #ef3124;
3
+ --color-light-neutral-1500: #0e0e0e;
4
+ --color-light-neutral-300: #e7e8eb;
5
+ --color-light-status-negative: #ff5431;
6
+ --color-light-status-positive: #0cc44d;
7
+ --color-light-text-negative: #ec2e14;
7
8
  --color-light-text-primary: #0e0e0e;
8
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 */
9
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 */
@@ -33,7 +34,7 @@
33
34
  width: 100%;
34
35
  padding: var(--gap-xs);
35
36
  color: var(--color-light-text-secondary);
36
- box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
37
+ box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
37
38
  box-sizing: border-box
38
39
  } .component svg {
39
40
  display: block;
@@ -52,13 +53,13 @@
52
53
  } .icon {
53
54
  display: block;
54
55
  flex-shrink: 0;
55
- color: var(--color-light-text-primary);
56
+ color: var(--color-light-neutral-1500);
56
57
  } .errorIcon {
57
58
  flex-shrink: 0;
58
- color: var(--color-light-graphic-negative);
59
+ color: var(--color-light-status-negative);
59
60
  } .successIcon {
60
61
  flex-shrink: 0;
61
- color: var(--color-light-graphic-positive);
62
+ color: var(--color-light-status-positive);
62
63
  } .name {
63
64
  white-space: nowrap;
64
65
  overflow: hidden;
@@ -86,7 +87,7 @@
86
87
  margin-left: var(--gap-xs);
87
88
  } .errorWrapper {
88
89
  margin-top: var(--gap-s);
89
- color: var(--color-light-text-accent)
90
+ color: var(--color-light-text-negative)
90
91
  } @media (--small-only) { .errorWrapper {
91
92
  flex: 1 0 100%;
92
93
  margin-top: var(--gap-3xs)
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_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"};
18
+ var styles = {"component":"file-upload-item__component_793bp","infoSection":"file-upload-item__infoSection_793bp","info":"file-upload-item__info_793bp","icon":"file-upload-item__icon_793bp","errorIcon":"file-upload-item__errorIcon_793bp","successIcon":"file-upload-item__successIcon_793bp","name":"file-upload-item__name_793bp","meta":"file-upload-item__meta_793bp","size":"file-upload-item__size_793bp","delete":"file-upload-item__delete_793bp","download":"file-upload-item__download_793bp","errorWrapper":"file-upload-item__errorWrapper_793bp","restore":"file-upload-item__restore_793bp","spinnerWrapper":"file-upload-item__spinnerWrapper_793bp","spinner":"file-upload-item__spinner_793bp","uploadPercent":"file-upload-item__uploadPercent_793bp"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,10 +1,11 @@
1
- /* hash: 1s2od */
1
+ /* hash: 12psg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #d5d6dc;
5
- --color-light-graphic-negative: #ff5431;
6
- --color-light-graphic-positive: #0cc44d;
7
- --color-light-text-accent: #ef3124;
4
+ --color-light-neutral-1500: #0e0e0e;
5
+ --color-light-neutral-300: #e7e8eb;
6
+ --color-light-status-negative: #ff5431;
7
+ --color-light-status-positive: #0cc44d;
8
+ --color-light-text-negative: #ec2e14;
8
9
  --color-light-text-primary: #0e0e0e;
9
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 */
10
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 */
@@ -25,7 +26,7 @@
25
26
  --gap-xl: 24px;
26
27
  } :root {
27
28
  } :root {
28
- } .file-upload-item__component_1j1cr {
29
+ } .file-upload-item__component_793bp {
29
30
  font-size: 13px;
30
31
  line-height: 16px;
31
32
  font-weight: 400;
@@ -34,80 +35,80 @@
34
35
  width: 100%;
35
36
  padding: var(--gap-xs);
36
37
  color: var(--color-light-text-secondary);
37
- box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
+ box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
38
39
  box-sizing: border-box
39
- } .file-upload-item__component_1j1cr svg {
40
+ } .file-upload-item__component_793bp svg {
40
41
  display: block;
41
- } .file-upload-item__infoSection_1j1cr {
42
+ } .file-upload-item__infoSection_793bp {
42
43
  display: flex;
43
44
  flex-direction: column;
44
45
  flex: 1;
45
46
  margin-top: var(--gap-2xs);
46
47
  margin-left: var(--gap-s);
47
48
  min-width: 40%;
48
- } .file-upload-item__info_1j1cr {
49
+ } .file-upload-item__info_793bp {
49
50
  display: flex;
50
51
  flex-wrap: wrap;
51
52
  flex: 1;
52
53
  overflow: hidden;
53
- } .file-upload-item__icon_1j1cr {
54
+ } .file-upload-item__icon_793bp {
54
55
  display: block;
55
56
  flex-shrink: 0;
56
- color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_1j1cr {
57
+ color: var(--color-light-neutral-1500);
58
+ } .file-upload-item__errorIcon_793bp {
58
59
  flex-shrink: 0;
59
- color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_1j1cr {
60
+ color: var(--color-light-status-negative);
61
+ } .file-upload-item__successIcon_793bp {
61
62
  flex-shrink: 0;
62
- color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_1j1cr {
63
+ color: var(--color-light-status-positive);
64
+ } .file-upload-item__name_793bp {
64
65
  white-space: nowrap;
65
66
  overflow: hidden;
66
67
  text-overflow: ellipsis;
67
68
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_1j1cr a {
69
+ } .file-upload-item__name_793bp a {
69
70
  display: block;
70
71
  margin-bottom: 1px;
71
- } .file-upload-item__meta_1j1cr {
72
+ } .file-upload-item__meta_793bp {
72
73
  display: flex;
73
74
  white-space: nowrap;
74
75
  margin-right: var(--gap-2xs);
75
76
  margin-left: 36px;
76
77
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_1j1cr > * {
78
+ } .file-upload-item__meta_793bp > * {
78
79
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_1j1cr > *:last-child {
80
+ } .file-upload-item__meta_793bp > *:last-child {
80
81
  margin-right: 0;
81
- } .file-upload-item__size_1j1cr {
82
+ } .file-upload-item__size_793bp {
82
83
  text-align: right;
83
- } .file-upload-item__delete_1j1cr,
84
- .file-upload-item__download_1j1cr {
84
+ } .file-upload-item__delete_793bp,
85
+ .file-upload-item__download_793bp {
85
86
  height: 24px;
86
87
  width: 24px;
87
88
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_1j1cr {
89
+ } .file-upload-item__errorWrapper_793bp {
89
90
  margin-top: var(--gap-s);
90
- color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
91
+ color: var(--color-light-text-negative)
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_793bp {
92
93
  flex: 1 0 100%;
93
94
  margin-top: var(--gap-3xs)
94
95
  }
95
- } .file-upload-item__restore_1j1cr {
96
+ } .file-upload-item__restore_793bp {
96
97
  font-size: 14px;
97
98
  line-height: 20px;
98
99
  font-weight: 400;
99
100
 
100
101
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_1j1cr {
102
+ } .file-upload-item__spinnerWrapper_793bp {
102
103
  display: flex;
103
104
  justify-content: center;
104
105
  align-items: center;
105
106
  width: 24px;
106
107
  height: 24px;
107
- } .file-upload-item__spinner_1j1cr {
108
+ } .file-upload-item__spinner_793bp {
108
109
  width: 20px;
109
110
  height: 20px;
110
- } .file-upload-item__uploadPercent_1j1cr {
111
+ } .file-upload-item__uploadPercent_793bp {
111
112
  margin-top: var(--gap-2xs);
112
113
  margin-left: var(--gap-xl);
113
114
  }
package/index.css CHANGED
@@ -1,10 +1,11 @@
1
- /* hash: 1s2od */
1
+ /* hash: 12psg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #d5d6dc;
5
- --color-light-graphic-negative: #ff5431;
6
- --color-light-graphic-positive: #0cc44d;
7
- --color-light-text-accent: #ef3124;
4
+ --color-light-neutral-1500: #0e0e0e;
5
+ --color-light-neutral-300: #e7e8eb;
6
+ --color-light-status-negative: #ff5431;
7
+ --color-light-status-positive: #0cc44d;
8
+ --color-light-text-negative: #ec2e14;
8
9
  --color-light-text-primary: #0e0e0e;
9
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 */
10
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 */
@@ -25,7 +26,7 @@
25
26
  --gap-xl: 24px;
26
27
  } :root {
27
28
  } :root {
28
- } .file-upload-item__component_1j1cr {
29
+ } .file-upload-item__component_793bp {
29
30
  font-size: 13px;
30
31
  line-height: 16px;
31
32
  font-weight: 400;
@@ -34,80 +35,80 @@
34
35
  width: 100%;
35
36
  padding: var(--gap-xs);
36
37
  color: var(--color-light-text-secondary);
37
- box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
+ box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
38
39
  box-sizing: border-box
39
- } .file-upload-item__component_1j1cr svg {
40
+ } .file-upload-item__component_793bp svg {
40
41
  display: block;
41
- } .file-upload-item__infoSection_1j1cr {
42
+ } .file-upload-item__infoSection_793bp {
42
43
  display: flex;
43
44
  flex-direction: column;
44
45
  flex: 1;
45
46
  margin-top: var(--gap-2xs);
46
47
  margin-left: var(--gap-s);
47
48
  min-width: 40%;
48
- } .file-upload-item__info_1j1cr {
49
+ } .file-upload-item__info_793bp {
49
50
  display: flex;
50
51
  flex-wrap: wrap;
51
52
  flex: 1;
52
53
  overflow: hidden;
53
- } .file-upload-item__icon_1j1cr {
54
+ } .file-upload-item__icon_793bp {
54
55
  display: block;
55
56
  flex-shrink: 0;
56
- color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_1j1cr {
57
+ color: var(--color-light-neutral-1500);
58
+ } .file-upload-item__errorIcon_793bp {
58
59
  flex-shrink: 0;
59
- color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_1j1cr {
60
+ color: var(--color-light-status-negative);
61
+ } .file-upload-item__successIcon_793bp {
61
62
  flex-shrink: 0;
62
- color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_1j1cr {
63
+ color: var(--color-light-status-positive);
64
+ } .file-upload-item__name_793bp {
64
65
  white-space: nowrap;
65
66
  overflow: hidden;
66
67
  text-overflow: ellipsis;
67
68
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_1j1cr a {
69
+ } .file-upload-item__name_793bp a {
69
70
  display: block;
70
71
  margin-bottom: 1px;
71
- } .file-upload-item__meta_1j1cr {
72
+ } .file-upload-item__meta_793bp {
72
73
  display: flex;
73
74
  white-space: nowrap;
74
75
  margin-right: var(--gap-2xs);
75
76
  margin-left: 36px;
76
77
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_1j1cr > * {
78
+ } .file-upload-item__meta_793bp > * {
78
79
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_1j1cr > *:last-child {
80
+ } .file-upload-item__meta_793bp > *:last-child {
80
81
  margin-right: 0;
81
- } .file-upload-item__size_1j1cr {
82
+ } .file-upload-item__size_793bp {
82
83
  text-align: right;
83
- } .file-upload-item__delete_1j1cr,
84
- .file-upload-item__download_1j1cr {
84
+ } .file-upload-item__delete_793bp,
85
+ .file-upload-item__download_793bp {
85
86
  height: 24px;
86
87
  width: 24px;
87
88
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_1j1cr {
89
+ } .file-upload-item__errorWrapper_793bp {
89
90
  margin-top: var(--gap-s);
90
- color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
91
+ color: var(--color-light-text-negative)
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_793bp {
92
93
  flex: 1 0 100%;
93
94
  margin-top: var(--gap-3xs)
94
95
  }
95
- } .file-upload-item__restore_1j1cr {
96
+ } .file-upload-item__restore_793bp {
96
97
  font-size: 14px;
97
98
  line-height: 20px;
98
99
  font-weight: 400;
99
100
 
100
101
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_1j1cr {
102
+ } .file-upload-item__spinnerWrapper_793bp {
102
103
  display: flex;
103
104
  justify-content: center;
104
105
  align-items: center;
105
106
  width: 24px;
106
107
  height: 24px;
107
- } .file-upload-item__spinner_1j1cr {
108
+ } .file-upload-item__spinner_793bp {
108
109
  width: 20px;
109
110
  height: 20px;
110
- } .file-upload-item__uploadPercent_1j1cr {
111
+ } .file-upload-item__uploadPercent_793bp {
111
112
  margin-top: var(--gap-2xs);
112
113
  margin-left: var(--gap-xl);
113
114
  }
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_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"};
18
+ const styles = {"component":"file-upload-item__component_793bp","infoSection":"file-upload-item__infoSection_793bp","info":"file-upload-item__info_793bp","icon":"file-upload-item__icon_793bp","errorIcon":"file-upload-item__errorIcon_793bp","successIcon":"file-upload-item__successIcon_793bp","name":"file-upload-item__name_793bp","meta":"file-upload-item__meta_793bp","size":"file-upload-item__size_793bp","delete":"file-upload-item__delete_793bp","download":"file-upload-item__download_793bp","errorWrapper":"file-upload-item__errorWrapper_793bp","restore":"file-upload-item__restore_793bp","spinnerWrapper":"file-upload-item__spinnerWrapper_793bp","spinner":"file-upload-item__spinner_793bp","uploadPercent":"file-upload-item__uploadPercent_793bp"};
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,10 +1,11 @@
1
- /* hash: 1s2od */
1
+ /* hash: 12psg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-primary: #d5d6dc;
5
- --color-light-graphic-negative: #ff5431;
6
- --color-light-graphic-positive: #0cc44d;
7
- --color-light-text-accent: #ef3124;
4
+ --color-light-neutral-1500: #0e0e0e;
5
+ --color-light-neutral-300: #e7e8eb;
6
+ --color-light-status-negative: #ff5431;
7
+ --color-light-status-positive: #0cc44d;
8
+ --color-light-text-negative: #ec2e14;
8
9
  --color-light-text-primary: #0e0e0e;
9
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 */
10
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 */
@@ -25,7 +26,7 @@
25
26
  --gap-xl: 24px;
26
27
  } :root {
27
28
  } :root {
28
- } .file-upload-item__component_1j1cr {
29
+ } .file-upload-item__component_793bp {
29
30
  font-size: 13px;
30
31
  line-height: 16px;
31
32
  font-weight: 400;
@@ -34,80 +35,80 @@
34
35
  width: 100%;
35
36
  padding: var(--gap-xs);
36
37
  color: var(--color-light-text-secondary);
37
- box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
38
+ box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
38
39
  box-sizing: border-box
39
- } .file-upload-item__component_1j1cr svg {
40
+ } .file-upload-item__component_793bp svg {
40
41
  display: block;
41
- } .file-upload-item__infoSection_1j1cr {
42
+ } .file-upload-item__infoSection_793bp {
42
43
  display: flex;
43
44
  flex-direction: column;
44
45
  flex: 1;
45
46
  margin-top: var(--gap-2xs);
46
47
  margin-left: var(--gap-s);
47
48
  min-width: 40%;
48
- } .file-upload-item__info_1j1cr {
49
+ } .file-upload-item__info_793bp {
49
50
  display: flex;
50
51
  flex-wrap: wrap;
51
52
  flex: 1;
52
53
  overflow: hidden;
53
- } .file-upload-item__icon_1j1cr {
54
+ } .file-upload-item__icon_793bp {
54
55
  display: block;
55
56
  flex-shrink: 0;
56
- color: var(--color-light-text-primary);
57
- } .file-upload-item__errorIcon_1j1cr {
57
+ color: var(--color-light-neutral-1500);
58
+ } .file-upload-item__errorIcon_793bp {
58
59
  flex-shrink: 0;
59
- color: var(--color-light-graphic-negative);
60
- } .file-upload-item__successIcon_1j1cr {
60
+ color: var(--color-light-status-negative);
61
+ } .file-upload-item__successIcon_793bp {
61
62
  flex-shrink: 0;
62
- color: var(--color-light-graphic-positive);
63
- } .file-upload-item__name_1j1cr {
63
+ color: var(--color-light-status-positive);
64
+ } .file-upload-item__name_793bp {
64
65
  white-space: nowrap;
65
66
  overflow: hidden;
66
67
  text-overflow: ellipsis;
67
68
  color: var(--color-light-text-primary)
68
- } .file-upload-item__name_1j1cr a {
69
+ } .file-upload-item__name_793bp a {
69
70
  display: block;
70
71
  margin-bottom: 1px;
71
- } .file-upload-item__meta_1j1cr {
72
+ } .file-upload-item__meta_793bp {
72
73
  display: flex;
73
74
  white-space: nowrap;
74
75
  margin-right: var(--gap-2xs);
75
76
  margin-left: 36px;
76
77
  padding: var(--gap-2xs) 0
77
- } .file-upload-item__meta_1j1cr > * {
78
+ } .file-upload-item__meta_793bp > * {
78
79
  margin-right: var(--gap-s)
79
- } .file-upload-item__meta_1j1cr > *:last-child {
80
+ } .file-upload-item__meta_793bp > *:last-child {
80
81
  margin-right: 0;
81
- } .file-upload-item__size_1j1cr {
82
+ } .file-upload-item__size_793bp {
82
83
  text-align: right;
83
- } .file-upload-item__delete_1j1cr,
84
- .file-upload-item__download_1j1cr {
84
+ } .file-upload-item__delete_793bp,
85
+ .file-upload-item__download_793bp {
85
86
  height: 24px;
86
87
  width: 24px;
87
88
  margin-left: var(--gap-xs);
88
- } .file-upload-item__errorWrapper_1j1cr {
89
+ } .file-upload-item__errorWrapper_793bp {
89
90
  margin-top: var(--gap-s);
90
- color: var(--color-light-text-accent)
91
- } @media (--small-only) { .file-upload-item__errorWrapper_1j1cr {
91
+ color: var(--color-light-text-negative)
92
+ } @media (--small-only) { .file-upload-item__errorWrapper_793bp {
92
93
  flex: 1 0 100%;
93
94
  margin-top: var(--gap-3xs)
94
95
  }
95
- } .file-upload-item__restore_1j1cr {
96
+ } .file-upload-item__restore_793bp {
96
97
  font-size: 14px;
97
98
  line-height: 20px;
98
99
  font-weight: 400;
99
100
 
100
101
  margin-left: var(--gap-s);
101
- } .file-upload-item__spinnerWrapper_1j1cr {
102
+ } .file-upload-item__spinnerWrapper_793bp {
102
103
  display: flex;
103
104
  justify-content: center;
104
105
  align-items: center;
105
106
  width: 24px;
106
107
  height: 24px;
107
- } .file-upload-item__spinner_1j1cr {
108
+ } .file-upload-item__spinner_793bp {
108
109
  width: 20px;
109
110
  height: 20px;
110
- } .file-upload-item__uploadPercent_1j1cr {
111
+ } .file-upload-item__uploadPercent_793bp {
111
112
  margin-top: var(--gap-2xs);
112
113
  margin-left: var(--gap-xl);
113
114
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.2.11",
3
+ "version": "5.3.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,8 +14,8 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^6.4.1",
18
- "@alfalab/core-components-link": "^5.1.1",
17
+ "@alfalab/core-components-icon-button": "^6.4.3",
18
+ "@alfalab/core-components-link": "^5.2.0",
19
19
  "@alfalab/core-components-spinner": "^3.2.0",
20
20
  "@alfalab/icons-glyph": "^2.108.0",
21
21
  "classnames": "^2.3.1",
package/src/index.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  width: 100%;
8
8
  padding: var(--gap-xs);
9
9
  color: var(--color-light-text-secondary);
10
- box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
10
+ box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
11
11
  box-sizing: border-box;
12
12
 
13
13
  & svg {
@@ -34,17 +34,17 @@
34
34
  .icon {
35
35
  display: block;
36
36
  flex-shrink: 0;
37
- color: var(--color-light-text-primary);
37
+ color: var(--color-light-neutral-1500);
38
38
  }
39
39
 
40
40
  .errorIcon {
41
41
  flex-shrink: 0;
42
- color: var(--color-light-graphic-negative);
42
+ color: var(--color-light-status-negative);
43
43
  }
44
44
 
45
45
  .successIcon {
46
46
  flex-shrink: 0;
47
- color: var(--color-light-graphic-positive);
47
+ color: var(--color-light-status-positive);
48
48
  }
49
49
 
50
50
  .name {
@@ -88,7 +88,7 @@
88
88
 
89
89
  .errorWrapper {
90
90
  margin-top: var(--gap-s);
91
- color: var(--color-light-text-accent);
91
+ color: var(--color-light-text-negative);
92
92
 
93
93
  @media (--small-only) {
94
94
  flex: 1 0 100%;