@alfalab/core-components-file-upload-item 5.6.8 → 5.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +13 -13
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +35 -35
  5. package/index.css +35 -35
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +35 -35
  8. package/package.json +5 -3
  9. package/src/index.module.css +1 -6
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_sr4cm","infoSection":"file-upload-item__infoSection_sr4cm","info":"file-upload-item__info_sr4cm","icon":"file-upload-item__icon_sr4cm","errorIcon":"file-upload-item__errorIcon_sr4cm","successIcon":"file-upload-item__successIcon_sr4cm","name":"file-upload-item__name_sr4cm","rowLimit":"file-upload-item__rowLimit_sr4cm","meta":"file-upload-item__meta_sr4cm","size":"file-upload-item__size_sr4cm","delete":"file-upload-item__delete_sr4cm","download":"file-upload-item__download_sr4cm","errorWrapper":"file-upload-item__errorWrapper_sr4cm","restore":"file-upload-item__restore_sr4cm","spinnerWrapper":"file-upload-item__spinnerWrapper_sr4cm","spinner":"file-upload-item__spinner_sr4cm","uploadPercent":"file-upload-item__uploadPercent_sr4cm"};
22
+ var styles = {"component":"file-upload-item__component_1vzfs","infoSection":"file-upload-item__infoSection_1vzfs","info":"file-upload-item__info_1vzfs","icon":"file-upload-item__icon_1vzfs","errorIcon":"file-upload-item__errorIcon_1vzfs","successIcon":"file-upload-item__successIcon_1vzfs","name":"file-upload-item__name_1vzfs","rowLimit":"file-upload-item__rowLimit_1vzfs","meta":"file-upload-item__meta_1vzfs","size":"file-upload-item__size_1vzfs","delete":"file-upload-item__delete_1vzfs","download":"file-upload-item__download_1vzfs","errorWrapper":"file-upload-item__errorWrapper_1vzfs","restore":"file-upload-item__restore_1vzfs","spinnerWrapper":"file-upload-item__spinnerWrapper_1vzfs","spinner":"file-upload-item__spinner_1vzfs","uploadPercent":"file-upload-item__uploadPercent_1vzfs"};
23
23
  require('./index.css')
24
24
 
25
25
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -16,13 +16,17 @@
16
16
  /* Up */
17
17
 
18
18
  /* Hard up */
19
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
19
22
  } :root {
20
- } :root {
21
- --gap-3xs: 2px;
22
- --gap-2xs: 4px;
23
- --gap-xs: 8px;
24
- --gap-s: 12px;
25
- --gap-xl: 24px;
23
+ --gap-3xs: 2px; /* deprecated */
24
+ --gap-2xs: 4px; /* deprecated */
25
+ --gap-xs: 8px; /* deprecated */
26
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
29
+ /* новые значения, используйте их */
26
30
  } :root {
27
31
  } :root {
28
32
  } .component {
@@ -90,13 +94,9 @@
90
94
  width: 24px;
91
95
  margin-left: var(--gap-xs);
92
96
  } .errorWrapper {
93
- margin-top: var(--gap-s);
94
- color: var(--color-light-text-negative)
95
- } @media (--small-only) { .errorWrapper {
96
- flex: 1 0 100%;
97
- margin-top: var(--gap-3xs)
98
- }
99
- } .restore {
97
+ margin-top: var(--gap-2xs);
98
+ color: var(--color-light-text-negative);
99
+ } .restore {
100
100
  font-size: 14px;
101
101
  line-height: 20px;
102
102
  font-weight: 400;
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_sr4cm","infoSection":"file-upload-item__infoSection_sr4cm","info":"file-upload-item__info_sr4cm","icon":"file-upload-item__icon_sr4cm","errorIcon":"file-upload-item__errorIcon_sr4cm","successIcon":"file-upload-item__successIcon_sr4cm","name":"file-upload-item__name_sr4cm","rowLimit":"file-upload-item__rowLimit_sr4cm","meta":"file-upload-item__meta_sr4cm","size":"file-upload-item__size_sr4cm","delete":"file-upload-item__delete_sr4cm","download":"file-upload-item__download_sr4cm","errorWrapper":"file-upload-item__errorWrapper_sr4cm","restore":"file-upload-item__restore_sr4cm","spinnerWrapper":"file-upload-item__spinnerWrapper_sr4cm","spinner":"file-upload-item__spinner_sr4cm","uploadPercent":"file-upload-item__uploadPercent_sr4cm"};
13
+ var styles = {"component":"file-upload-item__component_1vzfs","infoSection":"file-upload-item__infoSection_1vzfs","info":"file-upload-item__info_1vzfs","icon":"file-upload-item__icon_1vzfs","errorIcon":"file-upload-item__errorIcon_1vzfs","successIcon":"file-upload-item__successIcon_1vzfs","name":"file-upload-item__name_1vzfs","rowLimit":"file-upload-item__rowLimit_1vzfs","meta":"file-upload-item__meta_1vzfs","size":"file-upload-item__size_1vzfs","delete":"file-upload-item__delete_1vzfs","download":"file-upload-item__download_1vzfs","errorWrapper":"file-upload-item__errorWrapper_1vzfs","restore":"file-upload-item__restore_1vzfs","spinnerWrapper":"file-upload-item__spinnerWrapper_1vzfs","spinner":"file-upload-item__spinner_1vzfs","uploadPercent":"file-upload-item__uploadPercent_1vzfs"};
14
14
  require('./index.css')
15
15
 
16
16
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gvkug */
1
+ /* hash: dt4qp */
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;
@@ -17,16 +17,20 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
+
22
+ /* новые значения, используйте их */
20
23
  } :root {
21
- } :root {
22
- --gap-3xs: 2px;
23
- --gap-2xs: 4px;
24
- --gap-xs: 8px;
25
- --gap-s: 12px;
26
- --gap-xl: 24px;
24
+ --gap-3xs: 2px; /* deprecated */
25
+ --gap-2xs: 4px; /* deprecated */
26
+ --gap-xs: 8px; /* deprecated */
27
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
30
+ /* новые значения, используйте их */
27
31
  } :root {
28
32
  } :root {
29
- } .file-upload-item__component_sr4cm {
33
+ } .file-upload-item__component_1vzfs {
30
34
  font-size: 13px;
31
35
  line-height: 16px;
32
36
  font-weight: 400;
@@ -38,82 +42,78 @@
38
42
  color: var(--color-light-text-secondary);
39
43
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
44
  box-sizing: border-box
41
- } .file-upload-item__component_sr4cm svg {
45
+ } .file-upload-item__component_1vzfs svg {
42
46
  display: block;
43
- } .file-upload-item__component_sr4cm:last-child {
47
+ } .file-upload-item__component_1vzfs:last-child {
44
48
  box-shadow: none;
45
- } .file-upload-item__infoSection_sr4cm {
49
+ } .file-upload-item__infoSection_1vzfs {
46
50
  display: flex;
47
51
  flex-direction: column;
48
52
  flex: 1;
49
53
  margin-top: var(--gap-2xs);
50
54
  margin-left: var(--gap-s);
51
55
  min-width: 40%;
52
- } .file-upload-item__info_sr4cm {
56
+ } .file-upload-item__info_1vzfs {
53
57
  display: flex;
54
58
  flex-wrap: wrap;
55
59
  flex: 1;
56
60
  overflow: hidden;
57
- } .file-upload-item__icon_sr4cm {
61
+ } .file-upload-item__icon_1vzfs {
58
62
  display: block;
59
63
  flex-shrink: 0;
60
64
  color: var(--color-light-neutral-translucent-1300);
61
- } .file-upload-item__errorIcon_sr4cm {
65
+ } .file-upload-item__errorIcon_1vzfs {
62
66
  flex-shrink: 0;
63
67
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_sr4cm {
68
+ } .file-upload-item__successIcon_1vzfs {
65
69
  flex-shrink: 0;
66
70
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_sr4cm {
71
+ } .file-upload-item__name_1vzfs {
68
72
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_sr4cm a {
73
+ } .file-upload-item__name_1vzfs a {
70
74
  display: block;
71
75
  margin-bottom: 1px;
72
- } .file-upload-item__name_sr4cm.file-upload-item__rowLimit_sr4cm {
76
+ } .file-upload-item__name_1vzfs.file-upload-item__rowLimit_1vzfs {
73
77
  white-space: nowrap;
74
78
  overflow: hidden;
75
79
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_sr4cm {
80
+ } .file-upload-item__meta_1vzfs {
77
81
  display: flex;
78
82
  white-space: nowrap;
79
83
  margin-right: var(--gap-2xs);
80
84
  margin-left: 36px;
81
85
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_sr4cm > * {
86
+ } .file-upload-item__meta_1vzfs > * {
83
87
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_sr4cm > *:last-child {
88
+ } .file-upload-item__meta_1vzfs > *:last-child {
85
89
  margin-right: 0;
86
- } .file-upload-item__size_sr4cm {
90
+ } .file-upload-item__size_1vzfs {
87
91
  text-align: right;
88
- } .file-upload-item__delete_sr4cm,
89
- .file-upload-item__download_sr4cm {
92
+ } .file-upload-item__delete_1vzfs,
93
+ .file-upload-item__download_1vzfs {
90
94
  height: 24px;
91
95
  width: 24px;
92
96
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_sr4cm {
94
- margin-top: var(--gap-s);
95
- color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_sr4cm {
97
- flex: 1 0 100%;
98
- margin-top: var(--gap-3xs)
99
- }
100
- } .file-upload-item__restore_sr4cm {
97
+ } .file-upload-item__errorWrapper_1vzfs {
98
+ margin-top: var(--gap-2xs);
99
+ color: var(--color-light-text-negative);
100
+ } .file-upload-item__restore_1vzfs {
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_sr4cm {
107
+ } .file-upload-item__spinnerWrapper_1vzfs {
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_sr4cm {
113
+ } .file-upload-item__spinner_1vzfs {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_sr4cm {
116
+ } .file-upload-item__uploadPercent_1vzfs {
117
117
  margin-top: var(--gap-2xs);
118
118
  margin-left: var(--gap-xl);
119
119
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gvkug */
1
+ /* hash: dt4qp */
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;
@@ -17,16 +17,20 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
+
22
+ /* новые значения, используйте их */
20
23
  } :root {
21
- } :root {
22
- --gap-3xs: 2px;
23
- --gap-2xs: 4px;
24
- --gap-xs: 8px;
25
- --gap-s: 12px;
26
- --gap-xl: 24px;
24
+ --gap-3xs: 2px; /* deprecated */
25
+ --gap-2xs: 4px; /* deprecated */
26
+ --gap-xs: 8px; /* deprecated */
27
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
30
+ /* новые значения, используйте их */
27
31
  } :root {
28
32
  } :root {
29
- } .file-upload-item__component_sr4cm {
33
+ } .file-upload-item__component_1vzfs {
30
34
  font-size: 13px;
31
35
  line-height: 16px;
32
36
  font-weight: 400;
@@ -38,82 +42,78 @@
38
42
  color: var(--color-light-text-secondary);
39
43
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
44
  box-sizing: border-box
41
- } .file-upload-item__component_sr4cm svg {
45
+ } .file-upload-item__component_1vzfs svg {
42
46
  display: block;
43
- } .file-upload-item__component_sr4cm:last-child {
47
+ } .file-upload-item__component_1vzfs:last-child {
44
48
  box-shadow: none;
45
- } .file-upload-item__infoSection_sr4cm {
49
+ } .file-upload-item__infoSection_1vzfs {
46
50
  display: flex;
47
51
  flex-direction: column;
48
52
  flex: 1;
49
53
  margin-top: var(--gap-2xs);
50
54
  margin-left: var(--gap-s);
51
55
  min-width: 40%;
52
- } .file-upload-item__info_sr4cm {
56
+ } .file-upload-item__info_1vzfs {
53
57
  display: flex;
54
58
  flex-wrap: wrap;
55
59
  flex: 1;
56
60
  overflow: hidden;
57
- } .file-upload-item__icon_sr4cm {
61
+ } .file-upload-item__icon_1vzfs {
58
62
  display: block;
59
63
  flex-shrink: 0;
60
64
  color: var(--color-light-neutral-translucent-1300);
61
- } .file-upload-item__errorIcon_sr4cm {
65
+ } .file-upload-item__errorIcon_1vzfs {
62
66
  flex-shrink: 0;
63
67
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_sr4cm {
68
+ } .file-upload-item__successIcon_1vzfs {
65
69
  flex-shrink: 0;
66
70
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_sr4cm {
71
+ } .file-upload-item__name_1vzfs {
68
72
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_sr4cm a {
73
+ } .file-upload-item__name_1vzfs a {
70
74
  display: block;
71
75
  margin-bottom: 1px;
72
- } .file-upload-item__name_sr4cm.file-upload-item__rowLimit_sr4cm {
76
+ } .file-upload-item__name_1vzfs.file-upload-item__rowLimit_1vzfs {
73
77
  white-space: nowrap;
74
78
  overflow: hidden;
75
79
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_sr4cm {
80
+ } .file-upload-item__meta_1vzfs {
77
81
  display: flex;
78
82
  white-space: nowrap;
79
83
  margin-right: var(--gap-2xs);
80
84
  margin-left: 36px;
81
85
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_sr4cm > * {
86
+ } .file-upload-item__meta_1vzfs > * {
83
87
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_sr4cm > *:last-child {
88
+ } .file-upload-item__meta_1vzfs > *:last-child {
85
89
  margin-right: 0;
86
- } .file-upload-item__size_sr4cm {
90
+ } .file-upload-item__size_1vzfs {
87
91
  text-align: right;
88
- } .file-upload-item__delete_sr4cm,
89
- .file-upload-item__download_sr4cm {
92
+ } .file-upload-item__delete_1vzfs,
93
+ .file-upload-item__download_1vzfs {
90
94
  height: 24px;
91
95
  width: 24px;
92
96
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_sr4cm {
94
- margin-top: var(--gap-s);
95
- color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_sr4cm {
97
- flex: 1 0 100%;
98
- margin-top: var(--gap-3xs)
99
- }
100
- } .file-upload-item__restore_sr4cm {
97
+ } .file-upload-item__errorWrapper_1vzfs {
98
+ margin-top: var(--gap-2xs);
99
+ color: var(--color-light-text-negative);
100
+ } .file-upload-item__restore_1vzfs {
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_sr4cm {
107
+ } .file-upload-item__spinnerWrapper_1vzfs {
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_sr4cm {
113
+ } .file-upload-item__spinner_1vzfs {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_sr4cm {
116
+ } .file-upload-item__uploadPercent_1vzfs {
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_sr4cm","infoSection":"file-upload-item__infoSection_sr4cm","info":"file-upload-item__info_sr4cm","icon":"file-upload-item__icon_sr4cm","errorIcon":"file-upload-item__errorIcon_sr4cm","successIcon":"file-upload-item__successIcon_sr4cm","name":"file-upload-item__name_sr4cm","rowLimit":"file-upload-item__rowLimit_sr4cm","meta":"file-upload-item__meta_sr4cm","size":"file-upload-item__size_sr4cm","delete":"file-upload-item__delete_sr4cm","download":"file-upload-item__download_sr4cm","errorWrapper":"file-upload-item__errorWrapper_sr4cm","restore":"file-upload-item__restore_sr4cm","spinnerWrapper":"file-upload-item__spinnerWrapper_sr4cm","spinner":"file-upload-item__spinner_sr4cm","uploadPercent":"file-upload-item__uploadPercent_sr4cm"};
13
+ const styles = {"component":"file-upload-item__component_1vzfs","infoSection":"file-upload-item__infoSection_1vzfs","info":"file-upload-item__info_1vzfs","icon":"file-upload-item__icon_1vzfs","errorIcon":"file-upload-item__errorIcon_1vzfs","successIcon":"file-upload-item__successIcon_1vzfs","name":"file-upload-item__name_1vzfs","rowLimit":"file-upload-item__rowLimit_1vzfs","meta":"file-upload-item__meta_1vzfs","size":"file-upload-item__size_1vzfs","delete":"file-upload-item__delete_1vzfs","download":"file-upload-item__download_1vzfs","errorWrapper":"file-upload-item__errorWrapper_1vzfs","restore":"file-upload-item__restore_1vzfs","spinnerWrapper":"file-upload-item__spinnerWrapper_1vzfs","spinner":"file-upload-item__spinner_1vzfs","uploadPercent":"file-upload-item__uploadPercent_1vzfs"};
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,4 +1,4 @@
1
- /* hash: gvkug */
1
+ /* hash: dt4qp */
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;
@@ -17,16 +17,20 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
+
22
+ /* новые значения, используйте их */
20
23
  } :root {
21
- } :root {
22
- --gap-3xs: 2px;
23
- --gap-2xs: 4px;
24
- --gap-xs: 8px;
25
- --gap-s: 12px;
26
- --gap-xl: 24px;
24
+ --gap-3xs: 2px; /* deprecated */
25
+ --gap-2xs: 4px; /* deprecated */
26
+ --gap-xs: 8px; /* deprecated */
27
+ --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
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
+
30
+ /* новые значения, используйте их */
27
31
  } :root {
28
32
  } :root {
29
- } .file-upload-item__component_sr4cm {
33
+ } .file-upload-item__component_1vzfs {
30
34
  font-size: 13px;
31
35
  line-height: 16px;
32
36
  font-weight: 400;
@@ -38,82 +42,78 @@
38
42
  color: var(--color-light-text-secondary);
39
43
  box-shadow: 0 -1px 0 0 var(--color-light-neutral-300) inset;
40
44
  box-sizing: border-box
41
- } .file-upload-item__component_sr4cm svg {
45
+ } .file-upload-item__component_1vzfs svg {
42
46
  display: block;
43
- } .file-upload-item__component_sr4cm:last-child {
47
+ } .file-upload-item__component_1vzfs:last-child {
44
48
  box-shadow: none;
45
- } .file-upload-item__infoSection_sr4cm {
49
+ } .file-upload-item__infoSection_1vzfs {
46
50
  display: flex;
47
51
  flex-direction: column;
48
52
  flex: 1;
49
53
  margin-top: var(--gap-2xs);
50
54
  margin-left: var(--gap-s);
51
55
  min-width: 40%;
52
- } .file-upload-item__info_sr4cm {
56
+ } .file-upload-item__info_1vzfs {
53
57
  display: flex;
54
58
  flex-wrap: wrap;
55
59
  flex: 1;
56
60
  overflow: hidden;
57
- } .file-upload-item__icon_sr4cm {
61
+ } .file-upload-item__icon_1vzfs {
58
62
  display: block;
59
63
  flex-shrink: 0;
60
64
  color: var(--color-light-neutral-translucent-1300);
61
- } .file-upload-item__errorIcon_sr4cm {
65
+ } .file-upload-item__errorIcon_1vzfs {
62
66
  flex-shrink: 0;
63
67
  color: var(--color-light-status-negative);
64
- } .file-upload-item__successIcon_sr4cm {
68
+ } .file-upload-item__successIcon_1vzfs {
65
69
  flex-shrink: 0;
66
70
  color: var(--color-light-status-positive);
67
- } .file-upload-item__name_sr4cm {
71
+ } .file-upload-item__name_1vzfs {
68
72
  color: var(--color-light-text-primary)
69
- } .file-upload-item__name_sr4cm a {
73
+ } .file-upload-item__name_1vzfs a {
70
74
  display: block;
71
75
  margin-bottom: 1px;
72
- } .file-upload-item__name_sr4cm.file-upload-item__rowLimit_sr4cm {
76
+ } .file-upload-item__name_1vzfs.file-upload-item__rowLimit_1vzfs {
73
77
  white-space: nowrap;
74
78
  overflow: hidden;
75
79
  text-overflow: ellipsis;
76
- } .file-upload-item__meta_sr4cm {
80
+ } .file-upload-item__meta_1vzfs {
77
81
  display: flex;
78
82
  white-space: nowrap;
79
83
  margin-right: var(--gap-2xs);
80
84
  margin-left: 36px;
81
85
  padding: var(--gap-2xs) 0
82
- } .file-upload-item__meta_sr4cm > * {
86
+ } .file-upload-item__meta_1vzfs > * {
83
87
  margin-right: var(--gap-s)
84
- } .file-upload-item__meta_sr4cm > *:last-child {
88
+ } .file-upload-item__meta_1vzfs > *:last-child {
85
89
  margin-right: 0;
86
- } .file-upload-item__size_sr4cm {
90
+ } .file-upload-item__size_1vzfs {
87
91
  text-align: right;
88
- } .file-upload-item__delete_sr4cm,
89
- .file-upload-item__download_sr4cm {
92
+ } .file-upload-item__delete_1vzfs,
93
+ .file-upload-item__download_1vzfs {
90
94
  height: 24px;
91
95
  width: 24px;
92
96
  margin-left: var(--gap-xs);
93
- } .file-upload-item__errorWrapper_sr4cm {
94
- margin-top: var(--gap-s);
95
- color: var(--color-light-text-negative)
96
- } @media (--small-only) { .file-upload-item__errorWrapper_sr4cm {
97
- flex: 1 0 100%;
98
- margin-top: var(--gap-3xs)
99
- }
100
- } .file-upload-item__restore_sr4cm {
97
+ } .file-upload-item__errorWrapper_1vzfs {
98
+ margin-top: var(--gap-2xs);
99
+ color: var(--color-light-text-negative);
100
+ } .file-upload-item__restore_1vzfs {
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_sr4cm {
107
+ } .file-upload-item__spinnerWrapper_1vzfs {
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_sr4cm {
113
+ } .file-upload-item__spinner_1vzfs {
114
114
  width: 20px;
115
115
  height: 20px;
116
- } .file-upload-item__uploadPercent_sr4cm {
116
+ } .file-upload-item__uploadPercent_1vzfs {
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.8",
3
+ "version": "5.6.10",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,11 +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.7.3",
17
+ "@alfalab/core-components-icon-button": "^6.7.4",
18
18
  "@alfalab/core-components-link": "^5.2.2",
19
19
  "@alfalab/core-components-spinner": "^3.4.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.0.1",
25
+ "varsVersion": "9.11.1"
24
26
  }
package/src/index.module.css CHANGED
@@ -95,13 +95,8 @@
95
95
  }
96
96
 
97
97
  .errorWrapper {
98
- margin-top: var(--gap-s);
98
+ margin-top: var(--gap-2xs);
99
99
  color: var(--color-light-text-negative);
100
-
101
- @media (--small-only) {
102
- flex: 1 0 100%;
103
- margin-top: var(--gap-3xs);
104
- }
105
100
  }
106
101
 
107
102
  .restore {