@alfalab/core-components-file-upload-item 5.8.0 → 5.9.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 (10) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +3 -2
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +26 -25
  5. package/index.css +26 -25
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +26 -25
  8. package/moderncssm/index.module.css +2 -2
  9. package/package.json +5 -5
  10. package/src/index.module.css +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_1utz9","infoSection":"file-upload-item__infoSection_1utz9","info":"file-upload-item__info_1utz9","icon":"file-upload-item__icon_1utz9","errorIcon":"file-upload-item__errorIcon_1utz9","successIcon":"file-upload-item__successIcon_1utz9","name":"file-upload-item__name_1utz9","rowLimit":"file-upload-item__rowLimit_1utz9","meta":"file-upload-item__meta_1utz9","size":"file-upload-item__size_1utz9","delete":"file-upload-item__delete_1utz9","download":"file-upload-item__download_1utz9","errorWrapper":"file-upload-item__errorWrapper_1utz9","restore":"file-upload-item__restore_1utz9","spinnerWrapper":"file-upload-item__spinnerWrapper_1utz9","spinner":"file-upload-item__spinner_1utz9","uploadPercent":"file-upload-item__uploadPercent_1utz9"};
22
+ var styles = {"component":"file-upload-item__component_8sw4y","infoSection":"file-upload-item__infoSection_8sw4y","info":"file-upload-item__info_8sw4y","icon":"file-upload-item__icon_8sw4y","errorIcon":"file-upload-item__errorIcon_8sw4y","successIcon":"file-upload-item__successIcon_8sw4y","name":"file-upload-item__name_8sw4y","rowLimit":"file-upload-item__rowLimit_8sw4y","meta":"file-upload-item__meta_8sw4y","size":"file-upload-item__size_8sw4y","delete":"file-upload-item__delete_8sw4y","download":"file-upload-item__download_8sw4y","errorWrapper":"file-upload-item__errorWrapper_8sw4y","restore":"file-upload-item__restore_8sw4y","spinnerWrapper":"file-upload-item__spinnerWrapper_8sw4y","spinner":"file-upload-item__spinner_8sw4y","uploadPercent":"file-upload-item__uploadPercent_8sw4y"};
23
23
  require('./index.css')
24
24
 
25
25
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -27,6 +27,7 @@
27
27
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
28
 
29
29
  /* новые значения, используйте их */
30
+ --gap-0: 0;
30
31
  --gap-2: var(--gap-3xs);
31
32
  --gap-4: var(--gap-2xs);
32
33
  --gap-8: var(--gap-xs);
@@ -86,11 +87,11 @@
86
87
  white-space: nowrap;
87
88
  margin-right: var(--gap-4);
88
89
  margin-left: 36px;
89
- padding: var(--gap-4) 0
90
+ padding: var(--gap-4) var(--gap-0)
90
91
  } .meta > * {
91
92
  margin-right: var(--gap-12)
92
93
  } .meta > *:last-child {
93
- margin-right: 0;
94
+ margin-right: var(--gap-0);
94
95
  } .size {
95
96
  text-align: right;
96
97
  } .delete,
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_1utz9","infoSection":"file-upload-item__infoSection_1utz9","info":"file-upload-item__info_1utz9","icon":"file-upload-item__icon_1utz9","errorIcon":"file-upload-item__errorIcon_1utz9","successIcon":"file-upload-item__successIcon_1utz9","name":"file-upload-item__name_1utz9","rowLimit":"file-upload-item__rowLimit_1utz9","meta":"file-upload-item__meta_1utz9","size":"file-upload-item__size_1utz9","delete":"file-upload-item__delete_1utz9","download":"file-upload-item__download_1utz9","errorWrapper":"file-upload-item__errorWrapper_1utz9","restore":"file-upload-item__restore_1utz9","spinnerWrapper":"file-upload-item__spinnerWrapper_1utz9","spinner":"file-upload-item__spinner_1utz9","uploadPercent":"file-upload-item__uploadPercent_1utz9"};
13
+ var styles = {"component":"file-upload-item__component_8sw4y","infoSection":"file-upload-item__infoSection_8sw4y","info":"file-upload-item__info_8sw4y","icon":"file-upload-item__icon_8sw4y","errorIcon":"file-upload-item__errorIcon_8sw4y","successIcon":"file-upload-item__successIcon_8sw4y","name":"file-upload-item__name_8sw4y","rowLimit":"file-upload-item__rowLimit_8sw4y","meta":"file-upload-item__meta_8sw4y","size":"file-upload-item__size_8sw4y","delete":"file-upload-item__delete_8sw4y","download":"file-upload-item__download_8sw4y","errorWrapper":"file-upload-item__errorWrapper_8sw4y","restore":"file-upload-item__restore_8sw4y","spinnerWrapper":"file-upload-item__spinnerWrapper_8sw4y","spinner":"file-upload-item__spinner_8sw4y","uploadPercent":"file-upload-item__uploadPercent_8sw4y"};
14
14
  require('./index.css')
15
15
 
16
16
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xcsk9 */
1
+ /* hash: 1pcom */
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
4
  --color-light-neutral-300: #e7e8eb;
@@ -28,6 +28,7 @@
28
28
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
29
29
 
30
30
  /* новые значения, используйте их */
31
+ --gap-0: 0;
31
32
  --gap-2: var(--gap-3xs);
32
33
  --gap-4: var(--gap-2xs);
33
34
  --gap-8: var(--gap-xs);
@@ -35,7 +36,7 @@
35
36
  --gap-24: var(--gap-xl);
36
37
  } :root {
37
38
  } :root {
38
- } .file-upload-item__component_1utz9 {
39
+ } .file-upload-item__component_8sw4y {
39
40
  font-size: 13px;
40
41
  line-height: 16px;
41
42
  font-weight: 400;
@@ -47,78 +48,78 @@
47
48
  color: var(--color-light-text-secondary);
48
49
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
49
50
  box-sizing: border-box
50
- } .file-upload-item__component_1utz9 svg {
51
+ } .file-upload-item__component_8sw4y svg {
51
52
  display: block;
52
- } .file-upload-item__component_1utz9:last-child {
53
+ } .file-upload-item__component_8sw4y:last-child {
53
54
  box-shadow: none;
54
- } .file-upload-item__infoSection_1utz9 {
55
+ } .file-upload-item__infoSection_8sw4y {
55
56
  display: flex;
56
57
  flex-direction: column;
57
58
  flex: 1;
58
59
  margin-top: var(--gap-4);
59
60
  margin-left: var(--gap-12);
60
61
  min-width: 40%;
61
- } .file-upload-item__info_1utz9 {
62
+ } .file-upload-item__info_8sw4y {
62
63
  display: flex;
63
64
  flex-wrap: wrap;
64
65
  flex: 1;
65
66
  overflow: hidden;
66
- } .file-upload-item__icon_1utz9 {
67
+ } .file-upload-item__icon_8sw4y {
67
68
  display: block;
68
69
  flex-shrink: 0;
69
70
  color: var(--color-light-neutral-translucent-1300);
70
- } .file-upload-item__errorIcon_1utz9 {
71
+ } .file-upload-item__errorIcon_8sw4y {
71
72
  flex-shrink: 0;
72
73
  color: var(--color-light-status-negative);
73
- } .file-upload-item__successIcon_1utz9 {
74
+ } .file-upload-item__successIcon_8sw4y {
74
75
  flex-shrink: 0;
75
76
  color: var(--color-light-status-positive);
76
- } .file-upload-item__name_1utz9 {
77
+ } .file-upload-item__name_8sw4y {
77
78
  color: var(--color-light-text-primary)
78
- } .file-upload-item__name_1utz9 a {
79
+ } .file-upload-item__name_8sw4y a {
79
80
  display: block;
80
81
  margin-bottom: 1px;
81
- } .file-upload-item__name_1utz9.file-upload-item__rowLimit_1utz9 {
82
+ } .file-upload-item__name_8sw4y.file-upload-item__rowLimit_8sw4y {
82
83
  white-space: nowrap;
83
84
  overflow: hidden;
84
85
  text-overflow: ellipsis;
85
- } .file-upload-item__meta_1utz9 {
86
+ } .file-upload-item__meta_8sw4y {
86
87
  display: flex;
87
88
  white-space: nowrap;
88
89
  margin-right: var(--gap-4);
89
90
  margin-left: 36px;
90
- padding: var(--gap-4) 0
91
- } .file-upload-item__meta_1utz9 > * {
91
+ padding: var(--gap-4) var(--gap-0)
92
+ } .file-upload-item__meta_8sw4y > * {
92
93
  margin-right: var(--gap-12)
93
- } .file-upload-item__meta_1utz9 > *:last-child {
94
- margin-right: 0;
95
- } .file-upload-item__size_1utz9 {
94
+ } .file-upload-item__meta_8sw4y > *:last-child {
95
+ margin-right: var(--gap-0);
96
+ } .file-upload-item__size_8sw4y {
96
97
  text-align: right;
97
- } .file-upload-item__delete_1utz9,
98
- .file-upload-item__download_1utz9 {
98
+ } .file-upload-item__delete_8sw4y,
99
+ .file-upload-item__download_8sw4y {
99
100
  height: 24px;
100
101
  width: 24px;
101
102
  margin-left: var(--gap-8);
102
- } .file-upload-item__errorWrapper_1utz9 {
103
+ } .file-upload-item__errorWrapper_8sw4y {
103
104
  margin-top: var(--gap-4);
104
105
  color: var(--color-light-text-negative);
105
- } .file-upload-item__restore_1utz9 {
106
+ } .file-upload-item__restore_8sw4y {
106
107
  font-size: 14px;
107
108
  line-height: 20px;
108
109
  font-weight: 400;
109
110
 
110
111
  margin-left: var(--gap-12);
111
112
  margin-top: var(--gap-2);
112
- } .file-upload-item__spinnerWrapper_1utz9 {
113
+ } .file-upload-item__spinnerWrapper_8sw4y {
113
114
  display: flex;
114
115
  justify-content: center;
115
116
  align-items: center;
116
117
  width: 24px;
117
118
  height: 24px;
118
- } .file-upload-item__spinner_1utz9 {
119
+ } .file-upload-item__spinner_8sw4y {
119
120
  width: 20px;
120
121
  height: 20px;
121
- } .file-upload-item__uploadPercent_1utz9 {
122
+ } .file-upload-item__uploadPercent_8sw4y {
122
123
  margin-top: var(--gap-4);
123
124
  margin-left: var(--gap-24);
124
125
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xcsk9 */
1
+ /* hash: 1pcom */
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
4
  --color-light-neutral-300: #e7e8eb;
@@ -28,6 +28,7 @@
28
28
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
29
29
 
30
30
  /* новые значения, используйте их */
31
+ --gap-0: 0;
31
32
  --gap-2: var(--gap-3xs);
32
33
  --gap-4: var(--gap-2xs);
33
34
  --gap-8: var(--gap-xs);
@@ -35,7 +36,7 @@
35
36
  --gap-24: var(--gap-xl);
36
37
  } :root {
37
38
  } :root {
38
- } .file-upload-item__component_1utz9 {
39
+ } .file-upload-item__component_8sw4y {
39
40
  font-size: 13px;
40
41
  line-height: 16px;
41
42
  font-weight: 400;
@@ -47,78 +48,78 @@
47
48
  color: var(--color-light-text-secondary);
48
49
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
49
50
  box-sizing: border-box
50
- } .file-upload-item__component_1utz9 svg {
51
+ } .file-upload-item__component_8sw4y svg {
51
52
  display: block;
52
- } .file-upload-item__component_1utz9:last-child {
53
+ } .file-upload-item__component_8sw4y:last-child {
53
54
  box-shadow: none;
54
- } .file-upload-item__infoSection_1utz9 {
55
+ } .file-upload-item__infoSection_8sw4y {
55
56
  display: flex;
56
57
  flex-direction: column;
57
58
  flex: 1;
58
59
  margin-top: var(--gap-4);
59
60
  margin-left: var(--gap-12);
60
61
  min-width: 40%;
61
- } .file-upload-item__info_1utz9 {
62
+ } .file-upload-item__info_8sw4y {
62
63
  display: flex;
63
64
  flex-wrap: wrap;
64
65
  flex: 1;
65
66
  overflow: hidden;
66
- } .file-upload-item__icon_1utz9 {
67
+ } .file-upload-item__icon_8sw4y {
67
68
  display: block;
68
69
  flex-shrink: 0;
69
70
  color: var(--color-light-neutral-translucent-1300);
70
- } .file-upload-item__errorIcon_1utz9 {
71
+ } .file-upload-item__errorIcon_8sw4y {
71
72
  flex-shrink: 0;
72
73
  color: var(--color-light-status-negative);
73
- } .file-upload-item__successIcon_1utz9 {
74
+ } .file-upload-item__successIcon_8sw4y {
74
75
  flex-shrink: 0;
75
76
  color: var(--color-light-status-positive);
76
- } .file-upload-item__name_1utz9 {
77
+ } .file-upload-item__name_8sw4y {
77
78
  color: var(--color-light-text-primary)
78
- } .file-upload-item__name_1utz9 a {
79
+ } .file-upload-item__name_8sw4y a {
79
80
  display: block;
80
81
  margin-bottom: 1px;
81
- } .file-upload-item__name_1utz9.file-upload-item__rowLimit_1utz9 {
82
+ } .file-upload-item__name_8sw4y.file-upload-item__rowLimit_8sw4y {
82
83
  white-space: nowrap;
83
84
  overflow: hidden;
84
85
  text-overflow: ellipsis;
85
- } .file-upload-item__meta_1utz9 {
86
+ } .file-upload-item__meta_8sw4y {
86
87
  display: flex;
87
88
  white-space: nowrap;
88
89
  margin-right: var(--gap-4);
89
90
  margin-left: 36px;
90
- padding: var(--gap-4) 0
91
- } .file-upload-item__meta_1utz9 > * {
91
+ padding: var(--gap-4) var(--gap-0)
92
+ } .file-upload-item__meta_8sw4y > * {
92
93
  margin-right: var(--gap-12)
93
- } .file-upload-item__meta_1utz9 > *:last-child {
94
- margin-right: 0;
95
- } .file-upload-item__size_1utz9 {
94
+ } .file-upload-item__meta_8sw4y > *:last-child {
95
+ margin-right: var(--gap-0);
96
+ } .file-upload-item__size_8sw4y {
96
97
  text-align: right;
97
- } .file-upload-item__delete_1utz9,
98
- .file-upload-item__download_1utz9 {
98
+ } .file-upload-item__delete_8sw4y,
99
+ .file-upload-item__download_8sw4y {
99
100
  height: 24px;
100
101
  width: 24px;
101
102
  margin-left: var(--gap-8);
102
- } .file-upload-item__errorWrapper_1utz9 {
103
+ } .file-upload-item__errorWrapper_8sw4y {
103
104
  margin-top: var(--gap-4);
104
105
  color: var(--color-light-text-negative);
105
- } .file-upload-item__restore_1utz9 {
106
+ } .file-upload-item__restore_8sw4y {
106
107
  font-size: 14px;
107
108
  line-height: 20px;
108
109
  font-weight: 400;
109
110
 
110
111
  margin-left: var(--gap-12);
111
112
  margin-top: var(--gap-2);
112
- } .file-upload-item__spinnerWrapper_1utz9 {
113
+ } .file-upload-item__spinnerWrapper_8sw4y {
113
114
  display: flex;
114
115
  justify-content: center;
115
116
  align-items: center;
116
117
  width: 24px;
117
118
  height: 24px;
118
- } .file-upload-item__spinner_1utz9 {
119
+ } .file-upload-item__spinner_8sw4y {
119
120
  width: 20px;
120
121
  height: 20px;
121
- } .file-upload-item__uploadPercent_1utz9 {
122
+ } .file-upload-item__uploadPercent_8sw4y {
122
123
  margin-top: var(--gap-4);
123
124
  margin-left: var(--gap-24);
124
125
  }
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_1utz9","infoSection":"file-upload-item__infoSection_1utz9","info":"file-upload-item__info_1utz9","icon":"file-upload-item__icon_1utz9","errorIcon":"file-upload-item__errorIcon_1utz9","successIcon":"file-upload-item__successIcon_1utz9","name":"file-upload-item__name_1utz9","rowLimit":"file-upload-item__rowLimit_1utz9","meta":"file-upload-item__meta_1utz9","size":"file-upload-item__size_1utz9","delete":"file-upload-item__delete_1utz9","download":"file-upload-item__download_1utz9","errorWrapper":"file-upload-item__errorWrapper_1utz9","restore":"file-upload-item__restore_1utz9","spinnerWrapper":"file-upload-item__spinnerWrapper_1utz9","spinner":"file-upload-item__spinner_1utz9","uploadPercent":"file-upload-item__uploadPercent_1utz9"};
13
+ const styles = {"component":"file-upload-item__component_8sw4y","infoSection":"file-upload-item__infoSection_8sw4y","info":"file-upload-item__info_8sw4y","icon":"file-upload-item__icon_8sw4y","errorIcon":"file-upload-item__errorIcon_8sw4y","successIcon":"file-upload-item__successIcon_8sw4y","name":"file-upload-item__name_8sw4y","rowLimit":"file-upload-item__rowLimit_8sw4y","meta":"file-upload-item__meta_8sw4y","size":"file-upload-item__size_8sw4y","delete":"file-upload-item__delete_8sw4y","download":"file-upload-item__download_8sw4y","errorWrapper":"file-upload-item__errorWrapper_8sw4y","restore":"file-upload-item__restore_8sw4y","spinnerWrapper":"file-upload-item__spinnerWrapper_8sw4y","spinner":"file-upload-item__spinner_8sw4y","uploadPercent":"file-upload-item__uploadPercent_8sw4y"};
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, target, dataTestId, }) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: xcsk9 */
1
+ /* hash: 1pcom */
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
4
  --color-light-neutral-300: #e7e8eb;
@@ -28,6 +28,7 @@
28
28
  --gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
29
29
 
30
30
  /* новые значения, используйте их */
31
+ --gap-0: 0;
31
32
  --gap-2: var(--gap-3xs);
32
33
  --gap-4: var(--gap-2xs);
33
34
  --gap-8: var(--gap-xs);
@@ -35,7 +36,7 @@
35
36
  --gap-24: var(--gap-xl);
36
37
  } :root {
37
38
  } :root {
38
- } .file-upload-item__component_1utz9 {
39
+ } .file-upload-item__component_8sw4y {
39
40
  font-size: 13px;
40
41
  line-height: 16px;
41
42
  font-weight: 400;
@@ -47,78 +48,78 @@
47
48
  color: var(--color-light-text-secondary);
48
49
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
49
50
  box-sizing: border-box
50
- } .file-upload-item__component_1utz9 svg {
51
+ } .file-upload-item__component_8sw4y svg {
51
52
  display: block;
52
- } .file-upload-item__component_1utz9:last-child {
53
+ } .file-upload-item__component_8sw4y:last-child {
53
54
  box-shadow: none;
54
- } .file-upload-item__infoSection_1utz9 {
55
+ } .file-upload-item__infoSection_8sw4y {
55
56
  display: flex;
56
57
  flex-direction: column;
57
58
  flex: 1;
58
59
  margin-top: var(--gap-4);
59
60
  margin-left: var(--gap-12);
60
61
  min-width: 40%;
61
- } .file-upload-item__info_1utz9 {
62
+ } .file-upload-item__info_8sw4y {
62
63
  display: flex;
63
64
  flex-wrap: wrap;
64
65
  flex: 1;
65
66
  overflow: hidden;
66
- } .file-upload-item__icon_1utz9 {
67
+ } .file-upload-item__icon_8sw4y {
67
68
  display: block;
68
69
  flex-shrink: 0;
69
70
  color: var(--color-light-neutral-translucent-1300);
70
- } .file-upload-item__errorIcon_1utz9 {
71
+ } .file-upload-item__errorIcon_8sw4y {
71
72
  flex-shrink: 0;
72
73
  color: var(--color-light-status-negative);
73
- } .file-upload-item__successIcon_1utz9 {
74
+ } .file-upload-item__successIcon_8sw4y {
74
75
  flex-shrink: 0;
75
76
  color: var(--color-light-status-positive);
76
- } .file-upload-item__name_1utz9 {
77
+ } .file-upload-item__name_8sw4y {
77
78
  color: var(--color-light-text-primary)
78
- } .file-upload-item__name_1utz9 a {
79
+ } .file-upload-item__name_8sw4y a {
79
80
  display: block;
80
81
  margin-bottom: 1px;
81
- } .file-upload-item__name_1utz9.file-upload-item__rowLimit_1utz9 {
82
+ } .file-upload-item__name_8sw4y.file-upload-item__rowLimit_8sw4y {
82
83
  white-space: nowrap;
83
84
  overflow: hidden;
84
85
  text-overflow: ellipsis;
85
- } .file-upload-item__meta_1utz9 {
86
+ } .file-upload-item__meta_8sw4y {
86
87
  display: flex;
87
88
  white-space: nowrap;
88
89
  margin-right: var(--gap-4);
89
90
  margin-left: 36px;
90
- padding: var(--gap-4) 0
91
- } .file-upload-item__meta_1utz9 > * {
91
+ padding: var(--gap-4) var(--gap-0)
92
+ } .file-upload-item__meta_8sw4y > * {
92
93
  margin-right: var(--gap-12)
93
- } .file-upload-item__meta_1utz9 > *:last-child {
94
- margin-right: 0;
95
- } .file-upload-item__size_1utz9 {
94
+ } .file-upload-item__meta_8sw4y > *:last-child {
95
+ margin-right: var(--gap-0);
96
+ } .file-upload-item__size_8sw4y {
96
97
  text-align: right;
97
- } .file-upload-item__delete_1utz9,
98
- .file-upload-item__download_1utz9 {
98
+ } .file-upload-item__delete_8sw4y,
99
+ .file-upload-item__download_8sw4y {
99
100
  height: 24px;
100
101
  width: 24px;
101
102
  margin-left: var(--gap-8);
102
- } .file-upload-item__errorWrapper_1utz9 {
103
+ } .file-upload-item__errorWrapper_8sw4y {
103
104
  margin-top: var(--gap-4);
104
105
  color: var(--color-light-text-negative);
105
- } .file-upload-item__restore_1utz9 {
106
+ } .file-upload-item__restore_8sw4y {
106
107
  font-size: 14px;
107
108
  line-height: 20px;
108
109
  font-weight: 400;
109
110
 
110
111
  margin-left: var(--gap-12);
111
112
  margin-top: var(--gap-2);
112
- } .file-upload-item__spinnerWrapper_1utz9 {
113
+ } .file-upload-item__spinnerWrapper_8sw4y {
113
114
  display: flex;
114
115
  justify-content: center;
115
116
  align-items: center;
116
117
  width: 24px;
117
118
  height: 24px;
118
- } .file-upload-item__spinner_1utz9 {
119
+ } .file-upload-item__spinner_8sw4y {
119
120
  width: 20px;
120
121
  height: 20px;
121
- } .file-upload-item__uploadPercent_1utz9 {
122
+ } .file-upload-item__uploadPercent_8sw4y {
122
123
  margin-top: var(--gap-4);
123
124
  margin-left: var(--gap-24);
124
125
  }
package/moderncssm/index.module.css CHANGED
@@ -74,7 +74,7 @@
74
74
  white-space: nowrap;
75
75
  margin-right: var(--gap-4);
76
76
  margin-left: 36px;
77
- padding: var(--gap-4) 0
77
+ padding: var(--gap-4) var(--gap-0)
78
78
  }
79
79
 
80
80
  .meta > * {
@@ -82,7 +82,7 @@
82
82
  }
83
83
 
84
84
  .meta > *:last-child {
85
- margin-right: 0;
85
+ margin-right: var(--gap-0);
86
86
  }
87
87
 
88
88
  .size {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.8.0",
3
+ "version": "5.9.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,13 +14,13 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^6.8.0",
18
- "@alfalab/core-components-link": "^5.3.0",
17
+ "@alfalab/core-components-icon-button": "^6.9.0",
18
+ "@alfalab/core-components-link": "^5.3.1",
19
19
  "@alfalab/core-components-spinner": "^3.5.0",
20
20
  "@alfalab/icons-glyph": "^2.139.0",
21
21
  "classnames": "^2.3.1",
22
22
  "tslib": "^2.4.0"
23
23
  },
24
- "themesVersion": "13.1.0",
25
- "varsVersion": "9.12.0"
24
+ "themesVersion": "13.2.0",
25
+ "varsVersion": "9.13.0"
26
26
  }
package/src/index.module.css CHANGED
@@ -72,13 +72,13 @@
72
72
  white-space: nowrap;
73
73
  margin-right: var(--gap-4);
74
74
  margin-left: 36px;
75
- padding: var(--gap-4) 0;
75
+ padding: var(--gap-4) var(--gap-0);
76
76
 
77
77
  & > * {
78
78
  margin-right: var(--gap-12);
79
79
 
80
80
  &:last-child {
81
- margin-right: 0;
81
+ margin-right: var(--gap-0);
82
82
  }
83
83
  }
84
84
  }