@alfalab/core-components-file-upload-item 5.1.12 → 5.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +28 -45
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +30 -47
  5. package/index.css +30 -47
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +30 -47
  8. 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_ay8pd","infoSection":"file-upload-item__infoSection_ay8pd","info":"file-upload-item__info_ay8pd","icon":"file-upload-item__icon_ay8pd","errorIcon":"file-upload-item__errorIcon_ay8pd","successIcon":"file-upload-item__successIcon_ay8pd","name":"file-upload-item__name_ay8pd","meta":"file-upload-item__meta_ay8pd","size":"file-upload-item__size_ay8pd","delete":"file-upload-item__delete_ay8pd","download":"file-upload-item__download_ay8pd","errorWrapper":"file-upload-item__errorWrapper_ay8pd","restore":"file-upload-item__restore_ay8pd","spinnerWrapper":"file-upload-item__spinnerWrapper_ay8pd","spinner":"file-upload-item__spinner_ay8pd","uploadPercent":"file-upload-item__uploadPercent_ay8pd"};
25
+ var styles = {"component":"file-upload-item__component_8rywk","infoSection":"file-upload-item__infoSection_8rywk","info":"file-upload-item__info_8rywk","icon":"file-upload-item__icon_8rywk","errorIcon":"file-upload-item__errorIcon_8rywk","successIcon":"file-upload-item__successIcon_8rywk","name":"file-upload-item__name_8rywk","meta":"file-upload-item__meta_8rywk","size":"file-upload-item__size_8rywk","delete":"file-upload-item__delete_8rywk","download":"file-upload-item__download_8rywk","errorWrapper":"file-upload-item__errorWrapper_8rywk","restore":"file-upload-item__restore_8rywk","spinnerWrapper":"file-upload-item__spinnerWrapper_8rywk","spinner":"file-upload-item__spinner_8rywk","uploadPercent":"file-upload-item__uploadPercent_8rywk"};
26
26
  require('./index.css')
27
27
 
28
28
  var FileUploadItem = function (_a) {
package/cssm/index.module.css CHANGED
@@ -1,27 +1,30 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-border-primary: #dbdee1;
3
4
  --color-light-graphic-negative: #f15045;
4
5
  --color-light-graphic-positive: #2fc26e;
5
6
  --color-light-text-accent: #ef3124;
6
7
  --color-light-text-primary: #0b1f35;
7
8
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
8
- }
9
- :root {
9
+ } :root {
10
+ } :root {
11
+ } :root {
10
12
 
11
13
  /* Hard */
12
14
 
13
15
  /* Up */
14
16
 
15
17
  /* Hard up */
16
- }
17
- :root {
18
+ } :root {
19
+ } :root {
18
20
  --gap-3xs: 2px;
19
21
  --gap-2xs: 4px;
20
22
  --gap-xs: 8px;
21
23
  --gap-s: 12px;
22
24
  --gap-xl: 24px;
23
- }
24
- .component {
25
+ } :root {
26
+ } :root {
27
+ } .component {
25
28
  font-size: 13px;
26
29
  line-height: 16px;
27
30
  font-weight: 400;
@@ -32,98 +35,78 @@
32
35
  color: var(--color-light-text-secondary);
33
36
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
34
37
  box-sizing: border-box
35
- }
36
- .component svg {
38
+ } .component svg {
37
39
  display: block;
38
- }
39
- .infoSection {
40
+ } .infoSection {
40
41
  display: flex;
41
42
  flex-direction: column;
42
43
  flex: 1;
43
44
  margin-top: var(--gap-2xs);
44
45
  margin-left: var(--gap-s);
45
46
  min-width: 40%;
46
- }
47
- .info {
47
+ } .info {
48
48
  display: flex;
49
49
  flex-wrap: wrap;
50
50
  flex: 1;
51
51
  overflow: hidden;
52
- }
53
- .icon {
52
+ } .icon {
54
53
  display: block;
55
54
  flex-shrink: 0;
56
55
  color: var(--color-light-text-primary);
57
- }
58
- .errorIcon {
56
+ } .errorIcon {
59
57
  flex-shrink: 0;
60
58
  color: var(--color-light-graphic-negative);
61
- }
62
- .successIcon {
59
+ } .successIcon {
63
60
  flex-shrink: 0;
64
61
  color: var(--color-light-graphic-positive);
65
- }
66
- .name {
62
+ } .name {
67
63
  white-space: nowrap;
68
64
  overflow: hidden;
69
65
  text-overflow: ellipsis;
70
66
  color: var(--color-light-text-primary)
71
- }
72
- .name a {
67
+ } .name a {
73
68
  display: block;
74
69
  margin-bottom: 1px;
75
- }
76
- .meta {
70
+ } .meta {
77
71
  display: flex;
78
72
  white-space: nowrap;
79
73
  margin-right: var(--gap-2xs);
80
74
  margin-left: var(--gap-xl);
81
75
  padding: var(--gap-2xs) 0
82
- }
83
- .meta > * {
76
+ } .meta > * {
84
77
  margin-right: var(--gap-s)
85
- }
86
- .meta > *:last-child {
78
+ } .meta > *:last-child {
87
79
  margin-right: 0;
88
- }
89
- .size {
80
+ } .size {
90
81
  text-align: right;
91
- }
92
- .delete,
82
+ } .delete,
93
83
  .download {
94
84
  height: 24px;
95
85
  width: 24px;
96
86
  margin-left: var(--gap-xs);
97
- }
98
- .errorWrapper {
87
+ } .errorWrapper {
99
88
  margin-top: var(--gap-s);
100
89
  color: var(--color-light-text-accent)
101
- }
102
- @media (--small-only) {
103
- .errorWrapper {
90
+ } @media (--small-only) { .errorWrapper {
104
91
  flex: 1 0 100%;
105
92
  margin-top: var(--gap-3xs)
106
93
  }
107
- }
108
- .restore {
94
+ } .restore {
109
95
  font-size: 14px;
110
96
  line-height: 20px;
111
97
  font-weight: 400;
112
98
 
113
99
  margin-left: var(--gap-s);
114
- }
115
- .spinnerWrapper {
100
+ } .spinnerWrapper {
116
101
  display: flex;
117
102
  justify-content: center;
118
103
  align-items: center;
119
104
  width: 24px;
120
105
  height: 24px;
121
- }
122
- .spinner {
106
+ } .spinner {
123
107
  width: 20px;
124
108
  height: 20px;
125
- }
126
- .uploadPercent {
109
+ } .uploadPercent {
127
110
  margin-top: var(--gap-2xs);
128
111
  margin-left: var(--gap-xl);
129
112
  }
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_ay8pd","infoSection":"file-upload-item__infoSection_ay8pd","info":"file-upload-item__info_ay8pd","icon":"file-upload-item__icon_ay8pd","errorIcon":"file-upload-item__errorIcon_ay8pd","successIcon":"file-upload-item__successIcon_ay8pd","name":"file-upload-item__name_ay8pd","meta":"file-upload-item__meta_ay8pd","size":"file-upload-item__size_ay8pd","delete":"file-upload-item__delete_ay8pd","download":"file-upload-item__download_ay8pd","errorWrapper":"file-upload-item__errorWrapper_ay8pd","restore":"file-upload-item__restore_ay8pd","spinnerWrapper":"file-upload-item__spinnerWrapper_ay8pd","spinner":"file-upload-item__spinner_ay8pd","uploadPercent":"file-upload-item__uploadPercent_ay8pd"};
18
+ var styles = {"component":"file-upload-item__component_8rywk","infoSection":"file-upload-item__infoSection_8rywk","info":"file-upload-item__info_8rywk","icon":"file-upload-item__icon_8rywk","errorIcon":"file-upload-item__errorIcon_8rywk","successIcon":"file-upload-item__successIcon_8rywk","name":"file-upload-item__name_8rywk","meta":"file-upload-item__meta_8rywk","size":"file-upload-item__size_8rywk","delete":"file-upload-item__delete_8rywk","download":"file-upload-item__download_8rywk","errorWrapper":"file-upload-item__errorWrapper_8rywk","restore":"file-upload-item__restore_8rywk","spinnerWrapper":"file-upload-item__spinnerWrapper_8rywk","spinner":"file-upload-item__spinner_8rywk","uploadPercent":"file-upload-item__uploadPercent_8rywk"};
19
19
  require('./index.css')
20
20
 
21
21
  var FileUploadItem = function (_a) {
package/esm/index.css CHANGED
@@ -1,28 +1,31 @@
1
- /* hash: uqfmo */
1
+ /* hash: 5qxpo */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-primary: #dbdee1;
4
5
  --color-light-graphic-negative: #f15045;
5
6
  --color-light-graphic-positive: #2fc26e;
6
7
  --color-light-text-accent: #ef3124;
7
8
  --color-light-text-primary: #0b1f35;
8
9
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
9
- }
10
- :root {
10
+ } :root {
11
+ } :root {
12
+ } :root {
11
13
 
12
14
  /* Hard */
13
15
 
14
16
  /* Up */
15
17
 
16
18
  /* Hard up */
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
19
21
  --gap-3xs: 2px;
20
22
  --gap-2xs: 4px;
21
23
  --gap-xs: 8px;
22
24
  --gap-s: 12px;
23
25
  --gap-xl: 24px;
24
- }
25
- .file-upload-item__component_ay8pd {
26
+ } :root {
27
+ } :root {
28
+ } .file-upload-item__component_8rywk {
26
29
  font-size: 13px;
27
30
  line-height: 16px;
28
31
  font-weight: 400;
@@ -33,98 +36,78 @@
33
36
  color: var(--color-light-text-secondary);
34
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
38
  box-sizing: border-box
36
- }
37
- .file-upload-item__component_ay8pd svg {
39
+ } .file-upload-item__component_8rywk svg {
38
40
  display: block;
39
- }
40
- .file-upload-item__infoSection_ay8pd {
41
+ } .file-upload-item__infoSection_8rywk {
41
42
  display: flex;
42
43
  flex-direction: column;
43
44
  flex: 1;
44
45
  margin-top: var(--gap-2xs);
45
46
  margin-left: var(--gap-s);
46
47
  min-width: 40%;
47
- }
48
- .file-upload-item__info_ay8pd {
48
+ } .file-upload-item__info_8rywk {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- }
54
- .file-upload-item__icon_ay8pd {
53
+ } .file-upload-item__icon_8rywk {
55
54
  display: block;
56
55
  flex-shrink: 0;
57
56
  color: var(--color-light-text-primary);
58
- }
59
- .file-upload-item__errorIcon_ay8pd {
57
+ } .file-upload-item__errorIcon_8rywk {
60
58
  flex-shrink: 0;
61
59
  color: var(--color-light-graphic-negative);
62
- }
63
- .file-upload-item__successIcon_ay8pd {
60
+ } .file-upload-item__successIcon_8rywk {
64
61
  flex-shrink: 0;
65
62
  color: var(--color-light-graphic-positive);
66
- }
67
- .file-upload-item__name_ay8pd {
63
+ } .file-upload-item__name_8rywk {
68
64
  white-space: nowrap;
69
65
  overflow: hidden;
70
66
  text-overflow: ellipsis;
71
67
  color: var(--color-light-text-primary)
72
- }
73
- .file-upload-item__name_ay8pd a {
68
+ } .file-upload-item__name_8rywk a {
74
69
  display: block;
75
70
  margin-bottom: 1px;
76
- }
77
- .file-upload-item__meta_ay8pd {
71
+ } .file-upload-item__meta_8rywk {
78
72
  display: flex;
79
73
  white-space: nowrap;
80
74
  margin-right: var(--gap-2xs);
81
75
  margin-left: var(--gap-xl);
82
76
  padding: var(--gap-2xs) 0
83
- }
84
- .file-upload-item__meta_ay8pd > * {
77
+ } .file-upload-item__meta_8rywk > * {
85
78
  margin-right: var(--gap-s)
86
- }
87
- .file-upload-item__meta_ay8pd > *:last-child {
79
+ } .file-upload-item__meta_8rywk > *:last-child {
88
80
  margin-right: 0;
89
- }
90
- .file-upload-item__size_ay8pd {
81
+ } .file-upload-item__size_8rywk {
91
82
  text-align: right;
92
- }
93
- .file-upload-item__delete_ay8pd,
94
- .file-upload-item__download_ay8pd {
83
+ } .file-upload-item__delete_8rywk,
84
+ .file-upload-item__download_8rywk {
95
85
  height: 24px;
96
86
  width: 24px;
97
87
  margin-left: var(--gap-xs);
98
- }
99
- .file-upload-item__errorWrapper_ay8pd {
88
+ } .file-upload-item__errorWrapper_8rywk {
100
89
  margin-top: var(--gap-s);
101
90
  color: var(--color-light-text-accent)
102
- }
103
- @media (--small-only) {
104
- .file-upload-item__errorWrapper_ay8pd {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_8rywk {
105
92
  flex: 1 0 100%;
106
93
  margin-top: var(--gap-3xs)
107
94
  }
108
- }
109
- .file-upload-item__restore_ay8pd {
95
+ } .file-upload-item__restore_8rywk {
110
96
  font-size: 14px;
111
97
  line-height: 20px;
112
98
  font-weight: 400;
113
99
 
114
100
  margin-left: var(--gap-s);
115
- }
116
- .file-upload-item__spinnerWrapper_ay8pd {
101
+ } .file-upload-item__spinnerWrapper_8rywk {
117
102
  display: flex;
118
103
  justify-content: center;
119
104
  align-items: center;
120
105
  width: 24px;
121
106
  height: 24px;
122
- }
123
- .file-upload-item__spinner_ay8pd {
107
+ } .file-upload-item__spinner_8rywk {
124
108
  width: 20px;
125
109
  height: 20px;
126
- }
127
- .file-upload-item__uploadPercent_ay8pd {
110
+ } .file-upload-item__uploadPercent_8rywk {
128
111
  margin-top: var(--gap-2xs);
129
112
  margin-left: var(--gap-xl);
130
113
  }
package/index.css CHANGED
@@ -1,28 +1,31 @@
1
- /* hash: uqfmo */
1
+ /* hash: 5qxpo */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-primary: #dbdee1;
4
5
  --color-light-graphic-negative: #f15045;
5
6
  --color-light-graphic-positive: #2fc26e;
6
7
  --color-light-text-accent: #ef3124;
7
8
  --color-light-text-primary: #0b1f35;
8
9
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
9
- }
10
- :root {
10
+ } :root {
11
+ } :root {
12
+ } :root {
11
13
 
12
14
  /* Hard */
13
15
 
14
16
  /* Up */
15
17
 
16
18
  /* Hard up */
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
19
21
  --gap-3xs: 2px;
20
22
  --gap-2xs: 4px;
21
23
  --gap-xs: 8px;
22
24
  --gap-s: 12px;
23
25
  --gap-xl: 24px;
24
- }
25
- .file-upload-item__component_ay8pd {
26
+ } :root {
27
+ } :root {
28
+ } .file-upload-item__component_8rywk {
26
29
  font-size: 13px;
27
30
  line-height: 16px;
28
31
  font-weight: 400;
@@ -33,98 +36,78 @@
33
36
  color: var(--color-light-text-secondary);
34
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
38
  box-sizing: border-box
36
- }
37
- .file-upload-item__component_ay8pd svg {
39
+ } .file-upload-item__component_8rywk svg {
38
40
  display: block;
39
- }
40
- .file-upload-item__infoSection_ay8pd {
41
+ } .file-upload-item__infoSection_8rywk {
41
42
  display: flex;
42
43
  flex-direction: column;
43
44
  flex: 1;
44
45
  margin-top: var(--gap-2xs);
45
46
  margin-left: var(--gap-s);
46
47
  min-width: 40%;
47
- }
48
- .file-upload-item__info_ay8pd {
48
+ } .file-upload-item__info_8rywk {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- }
54
- .file-upload-item__icon_ay8pd {
53
+ } .file-upload-item__icon_8rywk {
55
54
  display: block;
56
55
  flex-shrink: 0;
57
56
  color: var(--color-light-text-primary);
58
- }
59
- .file-upload-item__errorIcon_ay8pd {
57
+ } .file-upload-item__errorIcon_8rywk {
60
58
  flex-shrink: 0;
61
59
  color: var(--color-light-graphic-negative);
62
- }
63
- .file-upload-item__successIcon_ay8pd {
60
+ } .file-upload-item__successIcon_8rywk {
64
61
  flex-shrink: 0;
65
62
  color: var(--color-light-graphic-positive);
66
- }
67
- .file-upload-item__name_ay8pd {
63
+ } .file-upload-item__name_8rywk {
68
64
  white-space: nowrap;
69
65
  overflow: hidden;
70
66
  text-overflow: ellipsis;
71
67
  color: var(--color-light-text-primary)
72
- }
73
- .file-upload-item__name_ay8pd a {
68
+ } .file-upload-item__name_8rywk a {
74
69
  display: block;
75
70
  margin-bottom: 1px;
76
- }
77
- .file-upload-item__meta_ay8pd {
71
+ } .file-upload-item__meta_8rywk {
78
72
  display: flex;
79
73
  white-space: nowrap;
80
74
  margin-right: var(--gap-2xs);
81
75
  margin-left: var(--gap-xl);
82
76
  padding: var(--gap-2xs) 0
83
- }
84
- .file-upload-item__meta_ay8pd > * {
77
+ } .file-upload-item__meta_8rywk > * {
85
78
  margin-right: var(--gap-s)
86
- }
87
- .file-upload-item__meta_ay8pd > *:last-child {
79
+ } .file-upload-item__meta_8rywk > *:last-child {
88
80
  margin-right: 0;
89
- }
90
- .file-upload-item__size_ay8pd {
81
+ } .file-upload-item__size_8rywk {
91
82
  text-align: right;
92
- }
93
- .file-upload-item__delete_ay8pd,
94
- .file-upload-item__download_ay8pd {
83
+ } .file-upload-item__delete_8rywk,
84
+ .file-upload-item__download_8rywk {
95
85
  height: 24px;
96
86
  width: 24px;
97
87
  margin-left: var(--gap-xs);
98
- }
99
- .file-upload-item__errorWrapper_ay8pd {
88
+ } .file-upload-item__errorWrapper_8rywk {
100
89
  margin-top: var(--gap-s);
101
90
  color: var(--color-light-text-accent)
102
- }
103
- @media (--small-only) {
104
- .file-upload-item__errorWrapper_ay8pd {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_8rywk {
105
92
  flex: 1 0 100%;
106
93
  margin-top: var(--gap-3xs)
107
94
  }
108
- }
109
- .file-upload-item__restore_ay8pd {
95
+ } .file-upload-item__restore_8rywk {
110
96
  font-size: 14px;
111
97
  line-height: 20px;
112
98
  font-weight: 400;
113
99
 
114
100
  margin-left: var(--gap-s);
115
- }
116
- .file-upload-item__spinnerWrapper_ay8pd {
101
+ } .file-upload-item__spinnerWrapper_8rywk {
117
102
  display: flex;
118
103
  justify-content: center;
119
104
  align-items: center;
120
105
  width: 24px;
121
106
  height: 24px;
122
- }
123
- .file-upload-item__spinner_ay8pd {
107
+ } .file-upload-item__spinner_8rywk {
124
108
  width: 20px;
125
109
  height: 20px;
126
- }
127
- .file-upload-item__uploadPercent_ay8pd {
110
+ } .file-upload-item__uploadPercent_8rywk {
128
111
  margin-top: var(--gap-2xs);
129
112
  margin-left: var(--gap-xl);
130
113
  }
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_ay8pd","infoSection":"file-upload-item__infoSection_ay8pd","info":"file-upload-item__info_ay8pd","icon":"file-upload-item__icon_ay8pd","errorIcon":"file-upload-item__errorIcon_ay8pd","successIcon":"file-upload-item__successIcon_ay8pd","name":"file-upload-item__name_ay8pd","meta":"file-upload-item__meta_ay8pd","size":"file-upload-item__size_ay8pd","delete":"file-upload-item__delete_ay8pd","download":"file-upload-item__download_ay8pd","errorWrapper":"file-upload-item__errorWrapper_ay8pd","restore":"file-upload-item__restore_ay8pd","spinnerWrapper":"file-upload-item__spinnerWrapper_ay8pd","spinner":"file-upload-item__spinner_ay8pd","uploadPercent":"file-upload-item__uploadPercent_ay8pd"};
18
+ const styles = {"component":"file-upload-item__component_8rywk","infoSection":"file-upload-item__infoSection_8rywk","info":"file-upload-item__info_8rywk","icon":"file-upload-item__icon_8rywk","errorIcon":"file-upload-item__errorIcon_8rywk","successIcon":"file-upload-item__successIcon_8rywk","name":"file-upload-item__name_8rywk","meta":"file-upload-item__meta_8rywk","size":"file-upload-item__size_8rywk","delete":"file-upload-item__delete_8rywk","download":"file-upload-item__download_8rywk","errorWrapper":"file-upload-item__errorWrapper_8rywk","restore":"file-upload-item__restore_8rywk","spinnerWrapper":"file-upload-item__spinnerWrapper_8rywk","spinner":"file-upload-item__spinner_8rywk","uploadPercent":"file-upload-item__uploadPercent_8rywk"};
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,28 +1,31 @@
1
- /* hash: uqfmo */
1
+ /* hash: 5qxpo */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-border-primary: #dbdee1;
4
5
  --color-light-graphic-negative: #f15045;
5
6
  --color-light-graphic-positive: #2fc26e;
6
7
  --color-light-text-accent: #ef3124;
7
8
  --color-light-text-primary: #0b1f35;
8
9
  --color-light-text-secondary: rgba(11, 31, 53, 0.7);
9
- }
10
- :root {
10
+ } :root {
11
+ } :root {
12
+ } :root {
11
13
 
12
14
  /* Hard */
13
15
 
14
16
  /* Up */
15
17
 
16
18
  /* Hard up */
17
- }
18
- :root {
19
+ } :root {
20
+ } :root {
19
21
  --gap-3xs: 2px;
20
22
  --gap-2xs: 4px;
21
23
  --gap-xs: 8px;
22
24
  --gap-s: 12px;
23
25
  --gap-xl: 24px;
24
- }
25
- .file-upload-item__component_ay8pd {
26
+ } :root {
27
+ } :root {
28
+ } .file-upload-item__component_8rywk {
26
29
  font-size: 13px;
27
30
  line-height: 16px;
28
31
  font-weight: 400;
@@ -33,98 +36,78 @@
33
36
  color: var(--color-light-text-secondary);
34
37
  box-shadow: 0 -1px 0 0 var(--color-light-border-primary) inset;
35
38
  box-sizing: border-box
36
- }
37
- .file-upload-item__component_ay8pd svg {
39
+ } .file-upload-item__component_8rywk svg {
38
40
  display: block;
39
- }
40
- .file-upload-item__infoSection_ay8pd {
41
+ } .file-upload-item__infoSection_8rywk {
41
42
  display: flex;
42
43
  flex-direction: column;
43
44
  flex: 1;
44
45
  margin-top: var(--gap-2xs);
45
46
  margin-left: var(--gap-s);
46
47
  min-width: 40%;
47
- }
48
- .file-upload-item__info_ay8pd {
48
+ } .file-upload-item__info_8rywk {
49
49
  display: flex;
50
50
  flex-wrap: wrap;
51
51
  flex: 1;
52
52
  overflow: hidden;
53
- }
54
- .file-upload-item__icon_ay8pd {
53
+ } .file-upload-item__icon_8rywk {
55
54
  display: block;
56
55
  flex-shrink: 0;
57
56
  color: var(--color-light-text-primary);
58
- }
59
- .file-upload-item__errorIcon_ay8pd {
57
+ } .file-upload-item__errorIcon_8rywk {
60
58
  flex-shrink: 0;
61
59
  color: var(--color-light-graphic-negative);
62
- }
63
- .file-upload-item__successIcon_ay8pd {
60
+ } .file-upload-item__successIcon_8rywk {
64
61
  flex-shrink: 0;
65
62
  color: var(--color-light-graphic-positive);
66
- }
67
- .file-upload-item__name_ay8pd {
63
+ } .file-upload-item__name_8rywk {
68
64
  white-space: nowrap;
69
65
  overflow: hidden;
70
66
  text-overflow: ellipsis;
71
67
  color: var(--color-light-text-primary)
72
- }
73
- .file-upload-item__name_ay8pd a {
68
+ } .file-upload-item__name_8rywk a {
74
69
  display: block;
75
70
  margin-bottom: 1px;
76
- }
77
- .file-upload-item__meta_ay8pd {
71
+ } .file-upload-item__meta_8rywk {
78
72
  display: flex;
79
73
  white-space: nowrap;
80
74
  margin-right: var(--gap-2xs);
81
75
  margin-left: var(--gap-xl);
82
76
  padding: var(--gap-2xs) 0
83
- }
84
- .file-upload-item__meta_ay8pd > * {
77
+ } .file-upload-item__meta_8rywk > * {
85
78
  margin-right: var(--gap-s)
86
- }
87
- .file-upload-item__meta_ay8pd > *:last-child {
79
+ } .file-upload-item__meta_8rywk > *:last-child {
88
80
  margin-right: 0;
89
- }
90
- .file-upload-item__size_ay8pd {
81
+ } .file-upload-item__size_8rywk {
91
82
  text-align: right;
92
- }
93
- .file-upload-item__delete_ay8pd,
94
- .file-upload-item__download_ay8pd {
83
+ } .file-upload-item__delete_8rywk,
84
+ .file-upload-item__download_8rywk {
95
85
  height: 24px;
96
86
  width: 24px;
97
87
  margin-left: var(--gap-xs);
98
- }
99
- .file-upload-item__errorWrapper_ay8pd {
88
+ } .file-upload-item__errorWrapper_8rywk {
100
89
  margin-top: var(--gap-s);
101
90
  color: var(--color-light-text-accent)
102
- }
103
- @media (--small-only) {
104
- .file-upload-item__errorWrapper_ay8pd {
91
+ } @media (--small-only) { .file-upload-item__errorWrapper_8rywk {
105
92
  flex: 1 0 100%;
106
93
  margin-top: var(--gap-3xs)
107
94
  }
108
- }
109
- .file-upload-item__restore_ay8pd {
95
+ } .file-upload-item__restore_8rywk {
110
96
  font-size: 14px;
111
97
  line-height: 20px;
112
98
  font-weight: 400;
113
99
 
114
100
  margin-left: var(--gap-s);
115
- }
116
- .file-upload-item__spinnerWrapper_ay8pd {
101
+ } .file-upload-item__spinnerWrapper_8rywk {
117
102
  display: flex;
118
103
  justify-content: center;
119
104
  align-items: center;
120
105
  width: 24px;
121
106
  height: 24px;
122
- }
123
- .file-upload-item__spinner_ay8pd {
107
+ } .file-upload-item__spinner_8rywk {
124
108
  width: 20px;
125
109
  height: 20px;
126
- }
127
- .file-upload-item__uploadPercent_ay8pd {
110
+ } .file-upload-item__uploadPercent_8rywk {
128
111
  margin-top: var(--gap-2xs);
129
112
  margin-left: var(--gap-xl);
130
113
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-file-upload-item",
3
- "version": "5.1.12",
3
+ "version": "5.1.13",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-icon-button": "^6.0.4",
17
+ "@alfalab/core-components-icon-button": "^6.0.5",
18
18
  "@alfalab/core-components-link": "^5.0.2",
19
19
  "@alfalab/core-components-spinner": "^3.0.3",
20
20
  "@alfalab/icons-glyph": "^2.89.0"