@alfalab/core-components-file-upload-item 5.1.9 → 5.1.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 (7) hide show
  1. package/Component.js +1 -1
  2. package/esm/Component.js +1 -1
  3. package/esm/index.css +22 -22
  4. package/index.css +22 -22
  5. package/modern/Component.js +1 -1
  6. package/modern/index.css +22 -22
  7. package/package.json +2 -2
package/Component.js CHANGED
@@ -22,7 +22,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
22
22
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
23
23
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
24
24
 
25
- var styles = {"component":"file-upload-item__component_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
25
+ var styles = {"component":"file-upload-item__component_1af4w","infoSection":"file-upload-item__infoSection_1af4w","info":"file-upload-item__info_1af4w","icon":"file-upload-item__icon_1af4w","errorIcon":"file-upload-item__errorIcon_1af4w","successIcon":"file-upload-item__successIcon_1af4w","name":"file-upload-item__name_1af4w","meta":"file-upload-item__meta_1af4w","size":"file-upload-item__size_1af4w","delete":"file-upload-item__delete_1af4w","download":"file-upload-item__download_1af4w","errorWrapper":"file-upload-item__errorWrapper_1af4w","restore":"file-upload-item__restore_1af4w","spinnerWrapper":"file-upload-item__spinnerWrapper_1af4w","spinner":"file-upload-item__spinner_1af4w","uploadPercent":"file-upload-item__uploadPercent_1af4w"};
26
26
  require('./index.css')
27
27
 
28
28
  var FileUploadItem = function (_a) {
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_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
18
+ var styles = {"component":"file-upload-item__component_1af4w","infoSection":"file-upload-item__infoSection_1af4w","info":"file-upload-item__info_1af4w","icon":"file-upload-item__icon_1af4w","errorIcon":"file-upload-item__errorIcon_1af4w","successIcon":"file-upload-item__successIcon_1af4w","name":"file-upload-item__name_1af4w","meta":"file-upload-item__meta_1af4w","size":"file-upload-item__size_1af4w","delete":"file-upload-item__delete_1af4w","download":"file-upload-item__download_1af4w","errorWrapper":"file-upload-item__errorWrapper_1af4w","restore":"file-upload-item__restore_1af4w","spinnerWrapper":"file-upload-item__spinnerWrapper_1af4w","spinner":"file-upload-item__spinner_1af4w","uploadPercent":"file-upload-item__uploadPercent_1af4w"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gwn2u */
1
+ /* hash: 1eoci */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1kz2s {
25
+ .file-upload-item__component_1af4w {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1kz2s svg {
37
+ .file-upload-item__component_1af4w svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1kz2s {
40
+ .file-upload-item__infoSection_1af4w {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1kz2s {
48
+ .file-upload-item__info_1af4w {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1kz2s {
54
+ .file-upload-item__icon_1af4w {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1kz2s {
59
+ .file-upload-item__errorIcon_1af4w {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1kz2s {
63
+ .file-upload-item__successIcon_1af4w {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1kz2s {
67
+ .file-upload-item__name_1af4w {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_1kz2s a {
73
+ .file-upload-item__name_1af4w a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_1kz2s {
77
+ .file-upload-item__meta_1af4w {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_1kz2s > * {
84
+ .file-upload-item__meta_1af4w > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_1kz2s > *:last-child {
87
+ .file-upload-item__meta_1af4w > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_1kz2s {
90
+ .file-upload-item__size_1af4w {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_1kz2s,
94
- .file-upload-item__download_1kz2s {
93
+ .file-upload-item__delete_1af4w,
94
+ .file-upload-item__download_1af4w {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_1kz2s {
99
+ .file-upload-item__errorWrapper_1af4w {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1kz2s {
104
+ .file-upload-item__errorWrapper_1af4w {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_1kz2s {
109
+ .file-upload-item__restore_1af4w {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_1kz2s {
116
+ .file-upload-item__spinnerWrapper_1af4w {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_1kz2s {
123
+ .file-upload-item__spinner_1af4w {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_1kz2s {
127
+ .file-upload-item__uploadPercent_1af4w {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: gwn2u */
1
+ /* hash: 1eoci */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1kz2s {
25
+ .file-upload-item__component_1af4w {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1kz2s svg {
37
+ .file-upload-item__component_1af4w svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1kz2s {
40
+ .file-upload-item__infoSection_1af4w {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1kz2s {
48
+ .file-upload-item__info_1af4w {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1kz2s {
54
+ .file-upload-item__icon_1af4w {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1kz2s {
59
+ .file-upload-item__errorIcon_1af4w {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1kz2s {
63
+ .file-upload-item__successIcon_1af4w {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1kz2s {
67
+ .file-upload-item__name_1af4w {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_1kz2s a {
73
+ .file-upload-item__name_1af4w a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_1kz2s {
77
+ .file-upload-item__meta_1af4w {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_1kz2s > * {
84
+ .file-upload-item__meta_1af4w > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_1kz2s > *:last-child {
87
+ .file-upload-item__meta_1af4w > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_1kz2s {
90
+ .file-upload-item__size_1af4w {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_1kz2s,
94
- .file-upload-item__download_1kz2s {
93
+ .file-upload-item__delete_1af4w,
94
+ .file-upload-item__download_1af4w {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_1kz2s {
99
+ .file-upload-item__errorWrapper_1af4w {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1kz2s {
104
+ .file-upload-item__errorWrapper_1af4w {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_1kz2s {
109
+ .file-upload-item__restore_1af4w {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_1kz2s {
116
+ .file-upload-item__spinnerWrapper_1af4w {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_1kz2s {
123
+ .file-upload-item__spinner_1af4w {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_1kz2s {
127
+ .file-upload-item__uploadPercent_1af4w {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
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_1kz2s","infoSection":"file-upload-item__infoSection_1kz2s","info":"file-upload-item__info_1kz2s","icon":"file-upload-item__icon_1kz2s","errorIcon":"file-upload-item__errorIcon_1kz2s","successIcon":"file-upload-item__successIcon_1kz2s","name":"file-upload-item__name_1kz2s","meta":"file-upload-item__meta_1kz2s","size":"file-upload-item__size_1kz2s","delete":"file-upload-item__delete_1kz2s","download":"file-upload-item__download_1kz2s","errorWrapper":"file-upload-item__errorWrapper_1kz2s","restore":"file-upload-item__restore_1kz2s","spinnerWrapper":"file-upload-item__spinnerWrapper_1kz2s","spinner":"file-upload-item__spinner_1kz2s","uploadPercent":"file-upload-item__uploadPercent_1kz2s"};
18
+ const styles = {"component":"file-upload-item__component_1af4w","infoSection":"file-upload-item__infoSection_1af4w","info":"file-upload-item__info_1af4w","icon":"file-upload-item__icon_1af4w","errorIcon":"file-upload-item__errorIcon_1af4w","successIcon":"file-upload-item__successIcon_1af4w","name":"file-upload-item__name_1af4w","meta":"file-upload-item__meta_1af4w","size":"file-upload-item__size_1af4w","delete":"file-upload-item__delete_1af4w","download":"file-upload-item__download_1af4w","errorWrapper":"file-upload-item__errorWrapper_1af4w","restore":"file-upload-item__restore_1af4w","spinnerWrapper":"file-upload-item__spinnerWrapper_1af4w","spinner":"file-upload-item__spinner_1af4w","uploadPercent":"file-upload-item__uploadPercent_1af4w"};
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,4 +1,4 @@
1
- /* hash: gwn2u */
1
+ /* hash: 1eoci */
2
2
  :root {
3
3
  --color-light-border-primary: #dbdee1;
4
4
  --color-light-graphic-negative: #f15045;
@@ -22,7 +22,7 @@
22
22
  --gap-s: 12px;
23
23
  --gap-xl: 24px;
24
24
  }
25
- .file-upload-item__component_1kz2s {
25
+ .file-upload-item__component_1af4w {
26
26
  font-size: 13px;
27
27
  line-height: 16px;
28
28
  font-weight: 400;
@@ -34,10 +34,10 @@
34
34
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
35
  box-sizing: border-box
36
36
  }
37
- .file-upload-item__component_1kz2s svg {
37
+ .file-upload-item__component_1af4w svg {
38
38
  display: block;
39
39
  }
40
- .file-upload-item__infoSection_1kz2s {
40
+ .file-upload-item__infoSection_1af4w {
41
41
  display: flex;
42
42
  flex-direction: column;
43
43
  flex: 1;
@@ -45,86 +45,86 @@
45
45
  margin-left: var(--gap-s);
46
46
  min-width: 40%;
47
47
  }
48
- .file-upload-item__info_1kz2s {
48
+ .file-upload-item__info_1af4w {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
53
  }
54
- .file-upload-item__icon_1kz2s {
54
+ .file-upload-item__icon_1af4w {
55
55
  display: block;
56
56
  flex-shrink: 0;
57
57
  color: var(--color-light-text-primary);
58
58
  }
59
- .file-upload-item__errorIcon_1kz2s {
59
+ .file-upload-item__errorIcon_1af4w {
60
60
  flex-shrink: 0;
61
61
  color: var(--color-light-graphic-negative);
62
62
  }
63
- .file-upload-item__successIcon_1kz2s {
63
+ .file-upload-item__successIcon_1af4w {
64
64
  flex-shrink: 0;
65
65
  color: var(--color-light-graphic-positive);
66
66
  }
67
- .file-upload-item__name_1kz2s {
67
+ .file-upload-item__name_1af4w {
68
68
  white-space: nowrap;
69
69
  overflow: hidden;
70
70
  text-overflow: ellipsis;
71
71
  color: var(--color-light-text-primary)
72
72
  }
73
- .file-upload-item__name_1kz2s a {
73
+ .file-upload-item__name_1af4w a {
74
74
  display: block;
75
75
  margin-bottom: 1px;
76
76
  }
77
- .file-upload-item__meta_1kz2s {
77
+ .file-upload-item__meta_1af4w {
78
78
  display: flex;
79
79
  white-space: nowrap;
80
80
  margin-right: var(--gap-2xs);
81
81
  margin-left: var(--gap-xl);
82
82
  padding: var(--gap-2xs) 0
83
83
  }
84
- .file-upload-item__meta_1kz2s > * {
84
+ .file-upload-item__meta_1af4w > * {
85
85
  margin-right: var(--gap-s)
86
86
  }
87
- .file-upload-item__meta_1kz2s > *:last-child {
87
+ .file-upload-item__meta_1af4w > *:last-child {
88
88
  margin-right: 0;
89
89
  }
90
- .file-upload-item__size_1kz2s {
90
+ .file-upload-item__size_1af4w {
91
91
  text-align: right;
92
92
  }
93
- .file-upload-item__delete_1kz2s,
94
- .file-upload-item__download_1kz2s {
93
+ .file-upload-item__delete_1af4w,
94
+ .file-upload-item__download_1af4w {
95
95
  height: 24px;
96
96
  width: 24px;
97
97
  margin-left: var(--gap-xs);
98
98
  }
99
- .file-upload-item__errorWrapper_1kz2s {
99
+ .file-upload-item__errorWrapper_1af4w {
100
100
  margin-top: var(--gap-s);
101
101
  color: var(--color-light-text-accent)
102
102
  }
103
103
  @media (--small-only) {
104
- .file-upload-item__errorWrapper_1kz2s {
104
+ .file-upload-item__errorWrapper_1af4w {
105
105
  flex: 1 0 100%;
106
106
  margin-top: var(--gap-3xs)
107
107
  }
108
108
  }
109
- .file-upload-item__restore_1kz2s {
109
+ .file-upload-item__restore_1af4w {
110
110
  font-size: 14px;
111
111
  line-height: 20px;
112
112
  font-weight: 400;
113
113
 
114
114
  margin-left: var(--gap-s);
115
115
  }
116
- .file-upload-item__spinnerWrapper_1kz2s {
116
+ .file-upload-item__spinnerWrapper_1af4w {
117
117
  display: flex;
118
118
  justify-content: center;
119
119
  align-items: center;
120
120
  width: 24px;
121
121
  height: 24px;
122
122
  }
123
- .file-upload-item__spinner_1kz2s {
123
+ .file-upload-item__spinner_1af4w {
124
124
  width: 20px;
125
125
  height: 20px;
126
126
  }
127
- .file-upload-item__uploadPercent_1kz2s {
127
+ .file-upload-item__uploadPercent_1af4w {
128
128
  margin-top: var(--gap-2xs);
129
129
  margin-left: var(--gap-xl);
130
130
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.1.9",
3
+ "version": "5.1.10",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,6 +17,6 @@
17
17
  "@alfalab/core-components-icon-button": "^6.0.2",
18
18
  "@alfalab/core-components-link": "^5.0.2",
19
19
  "@alfalab/core-components-spinner": "^3.0.3",
20
- "@alfalab/icons-glyph": "^2.71.0"
20
+ "@alfalab/icons-glyph": "^2.89.0"
21
21
  }
22
22
  }