@aws-amplify/ui-react-storage 3.3.1 → 3.3.2
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.
- package/dist/esm/version.mjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +200 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +7 -7
package/dist/esm/version.mjs
CHANGED
package/dist/index.js
CHANGED
|
@@ -579,7 +579,7 @@ function FilePicker$1({ children, className = ui.ComponentClassName.FileUploader
|
|
|
579
579
|
return (React__default["default"].createElement(uiReact.Button, { ...props, className: className, size: size }, children));
|
|
580
580
|
}
|
|
581
581
|
|
|
582
|
-
const VERSION = '3.3.
|
|
582
|
+
const VERSION = '3.3.2';
|
|
583
583
|
|
|
584
584
|
const logger$1 = ui.getLogger('Storage');
|
|
585
585
|
const MISSING_REQUIRED_PROPS_MESSAGE$1 = '`FileUploader` requires a `maxFileCount` prop to be provided.';
|
package/dist/styles.css
CHANGED
|
@@ -701,6 +701,67 @@
|
|
|
701
701
|
--amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
|
|
702
702
|
--amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
|
|
703
703
|
--amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);
|
|
704
|
+
--amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);
|
|
705
|
+
--amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);
|
|
706
|
+
--amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);
|
|
707
|
+
--amplify-components-fileuploader-dropzone-border-style: dashed;
|
|
708
|
+
--amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);
|
|
709
|
+
--amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);
|
|
710
|
+
--amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);
|
|
711
|
+
--amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);
|
|
712
|
+
--amplify-components-fileuploader-dropzone-text-align: center;
|
|
713
|
+
--amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-primary-10);
|
|
714
|
+
--amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
|
|
715
|
+
--amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);
|
|
716
|
+
--amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);
|
|
717
|
+
--amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);
|
|
718
|
+
--amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);
|
|
719
|
+
--amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);
|
|
720
|
+
--amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);
|
|
721
|
+
--amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);
|
|
722
|
+
--amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);
|
|
723
|
+
--amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);
|
|
724
|
+
--amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);
|
|
725
|
+
--amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);
|
|
726
|
+
--amplify-components-fileuploader-file-border-style: solid;
|
|
727
|
+
--amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);
|
|
728
|
+
--amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
|
|
729
|
+
--amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
|
|
730
|
+
--amplify-components-fileuploader-file-gap: var(--amplify-space-small);
|
|
731
|
+
--amplify-components-fileuploader-file-align-items: baseline;
|
|
732
|
+
--amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
|
|
733
|
+
--amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
|
|
734
|
+
--amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
|
|
735
|
+
--amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);
|
|
736
|
+
--amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);
|
|
737
|
+
--amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);
|
|
738
|
+
--amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);
|
|
739
|
+
--amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);
|
|
740
|
+
--amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);
|
|
741
|
+
--amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);
|
|
742
|
+
--amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);
|
|
743
|
+
--amplify-components-fileuploader-filelist-flex-direction: column;
|
|
744
|
+
--amplify-components-fileuploader-filelist-gap: var(--amplify-space-small);
|
|
745
|
+
--amplify-components-fileuploader-loader-stroke-linecap: round;
|
|
746
|
+
--amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);
|
|
747
|
+
--amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);
|
|
748
|
+
--amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);
|
|
749
|
+
--amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);
|
|
750
|
+
--amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);
|
|
751
|
+
--amplify-components-fileuploader-previewer-border-style: solid;
|
|
752
|
+
--amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);
|
|
753
|
+
--amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);
|
|
754
|
+
--amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);
|
|
755
|
+
--amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);
|
|
756
|
+
--amplify-components-fileuploader-previewer-max-height: 40rem;
|
|
757
|
+
--amplify-components-fileuploader-previewer-max-width: auto;
|
|
758
|
+
--amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);
|
|
759
|
+
--amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);
|
|
760
|
+
--amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);
|
|
761
|
+
--amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);
|
|
762
|
+
--amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);
|
|
763
|
+
--amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);
|
|
764
|
+
--amplify-components-fileuploader-previewer-footer-justify-content: flex-end;
|
|
704
765
|
--amplify-components-flex-gap: var(--amplify-space-medium);
|
|
705
766
|
--amplify-components-flex-justify-content: normal;
|
|
706
767
|
--amplify-components-flex-align-items: stretch;
|
|
@@ -6006,6 +6067,145 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6006
6067
|
}
|
|
6007
6068
|
}
|
|
6008
6069
|
|
|
6070
|
+
.amplify-fileuploader__dropzone {
|
|
6071
|
+
background-color: var(--amplify-components-fileuploader-dropzone-background-color);
|
|
6072
|
+
border-color: var(--amplify-components-fileuploader-dropzone-border-color);
|
|
6073
|
+
border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);
|
|
6074
|
+
border-style: var(--amplify-components-fileuploader-dropzone-border-style);
|
|
6075
|
+
border-width: var(--amplify-components-fileuploader-dropzone-border-width);
|
|
6076
|
+
text-align: var(--amplify-components-fileuploader-dropzone-text-align);
|
|
6077
|
+
padding-block: var(--amplify-components-fileuploader-dropzone-padding-block);
|
|
6078
|
+
padding-inline: var(--amplify-components-fileuploader-dropzone-padding-inline);
|
|
6079
|
+
display: flex;
|
|
6080
|
+
flex-direction: column;
|
|
6081
|
+
align-items: center;
|
|
6082
|
+
gap: var(--amplify-components-fileuploader-dropzone-gap);
|
|
6083
|
+
}
|
|
6084
|
+
.amplify-fileuploader__dropzone--small {
|
|
6085
|
+
flex-direction: row;
|
|
6086
|
+
justify-content: center;
|
|
6087
|
+
}
|
|
6088
|
+
.amplify-fileuploader__dropzone--active {
|
|
6089
|
+
border-color: var(--amplify-components-fileuploader-dropzone-active-border-color);
|
|
6090
|
+
border-width: var(--amplify-components-fileuploader-dropzone-active-border-width);
|
|
6091
|
+
background-color: var(--amplify-components-fileuploader-dropzone-active-background-color);
|
|
6092
|
+
}
|
|
6093
|
+
.amplify-fileuploader__dropzone__icon {
|
|
6094
|
+
font-size: var(--amplify-components-fileuploader-dropzone-icon-font-size);
|
|
6095
|
+
color: var(--amplify-components-fileuploader-dropzone-icon-color);
|
|
6096
|
+
}
|
|
6097
|
+
.amplify-fileuploader__dropzone__text {
|
|
6098
|
+
color: var(--amplify-components-fileuploader-dropzone-text-color);
|
|
6099
|
+
font-size: var(--amplify-components-fileuploader-dropzone-text-font-size);
|
|
6100
|
+
font-weight: var(--amplify-components-fileuploader-dropzone-text-font-weight);
|
|
6101
|
+
}
|
|
6102
|
+
.amplify-fileuploader__file__list {
|
|
6103
|
+
display: flex;
|
|
6104
|
+
flex-direction: var(--amplify-components-fileuploader-filelist-flex-direction);
|
|
6105
|
+
gap: var(--amplify-components-fileuploader-filelist-gap);
|
|
6106
|
+
}
|
|
6107
|
+
.amplify-fileuploader__file {
|
|
6108
|
+
position: relative;
|
|
6109
|
+
border-width: var(--amplify-components-fileuploader-file-border-width);
|
|
6110
|
+
border-style: var(--amplify-components-fileuploader-file-border-style);
|
|
6111
|
+
border-color: var(--amplify-components-fileuploader-file-border-color);
|
|
6112
|
+
border-radius: var(--amplify-components-fileuploader-file-border-radius);
|
|
6113
|
+
display: flex;
|
|
6114
|
+
flex-direction: column;
|
|
6115
|
+
padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
|
|
6116
|
+
padding-block: var(--amplify-components-fileuploader-file-padding-block);
|
|
6117
|
+
align-items: var(--amplify-components-fileuploader-file-align-items);
|
|
6118
|
+
}
|
|
6119
|
+
.amplify-fileuploader__file__wrapper {
|
|
6120
|
+
width: 100%;
|
|
6121
|
+
display: flex;
|
|
6122
|
+
flex-direction: row;
|
|
6123
|
+
align-items: center;
|
|
6124
|
+
gap: var(--amplify-components-fileuploader-file-gap);
|
|
6125
|
+
}
|
|
6126
|
+
.amplify-fileuploader__file__name {
|
|
6127
|
+
text-overflow: ellipsis;
|
|
6128
|
+
overflow: hidden;
|
|
6129
|
+
font-weight: var(--amplify-components-fileuploader-file-name-font-weight);
|
|
6130
|
+
font-size: var(--amplify-components-fileuploader-file-name-font-size);
|
|
6131
|
+
color: var(--amplify-components-fileuploader-file-name-color);
|
|
6132
|
+
}
|
|
6133
|
+
.amplify-fileuploader__file__size {
|
|
6134
|
+
font-weight: var(--amplify-components-fileuploader-file-size-font-weight);
|
|
6135
|
+
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
6136
|
+
color: var(--amplify-components-fileuploader-file-size-color);
|
|
6137
|
+
}
|
|
6138
|
+
.amplify-fileuploader__file__main {
|
|
6139
|
+
flex: 1;
|
|
6140
|
+
white-space: nowrap;
|
|
6141
|
+
overflow: hidden;
|
|
6142
|
+
}
|
|
6143
|
+
.amplify-fileuploader__file__image {
|
|
6144
|
+
position: relative;
|
|
6145
|
+
display: flex;
|
|
6146
|
+
align-items: center;
|
|
6147
|
+
justify-content: center;
|
|
6148
|
+
width: var(--amplify-components-fileuploader-file-image-width);
|
|
6149
|
+
height: var(--amplify-components-fileuploader-file-image-height);
|
|
6150
|
+
background-color: var(--amplify-components-fileuploader-file-image-background-color);
|
|
6151
|
+
border-radius: var(--amplify-components-fileuploader-file-image-border-radius);
|
|
6152
|
+
color: var(--amplify-components-fileuploader-file-image-color);
|
|
6153
|
+
}
|
|
6154
|
+
.amplify-fileuploader__file__image img {
|
|
6155
|
+
max-height: 100%;
|
|
6156
|
+
}
|
|
6157
|
+
.amplify-fileuploader__file__status--error {
|
|
6158
|
+
color: var(--amplify-colors-font-error);
|
|
6159
|
+
font-size: var(--amplify-components-fileuploader-file-size-font-size);
|
|
6160
|
+
}
|
|
6161
|
+
.amplify-fileuploader__file__status--success {
|
|
6162
|
+
color: var(--amplify-colors-font-success);
|
|
6163
|
+
}
|
|
6164
|
+
.amplify-fileuploader__loader {
|
|
6165
|
+
stroke-linecap: var(--amplify-components-fileuploader-loader-stroke-linecap);
|
|
6166
|
+
stroke: var(--amplify-components-fileuploader-loader-stroke-empty);
|
|
6167
|
+
stroke-width: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
6168
|
+
height: var(--amplify-components-fileuploader-loader-stroke-width);
|
|
6169
|
+
--amplify-components-loader-linear-stroke-filled: var(
|
|
6170
|
+
--amplify-components-fileuploader-loader-stroke-filled
|
|
6171
|
+
);
|
|
6172
|
+
overflow: hidden;
|
|
6173
|
+
position: absolute;
|
|
6174
|
+
bottom: 0;
|
|
6175
|
+
left: 0;
|
|
6176
|
+
width: 100%;
|
|
6177
|
+
}
|
|
6178
|
+
.amplify-fileuploader__previewer {
|
|
6179
|
+
display: flex;
|
|
6180
|
+
flex-direction: column;
|
|
6181
|
+
max-width: var(--amplify-components-fileuploader-previewer-max-width);
|
|
6182
|
+
max-height: var(--amplify-components-fileuploader-previewer-max-height);
|
|
6183
|
+
overflow: auto;
|
|
6184
|
+
gap: var(--amplify-components-fileuploader-previewer-body-gap);
|
|
6185
|
+
padding-inline: var(--amplify-components-fileuploader-previewer-body-padding-inline);
|
|
6186
|
+
padding-block: var(--amplify-components-fileuploader-previewer-body-padding-block);
|
|
6187
|
+
background-color: var(--amplify-components-fileuploader-previewer-background-color);
|
|
6188
|
+
border-width: var(--amplify-components-fileuploader-previewer-border-width);
|
|
6189
|
+
border-style: var(--amplify-components-fileuploader-previewer-border-style);
|
|
6190
|
+
border-color: var(--amplify-components-fileuploader-previewer-border-color);
|
|
6191
|
+
border-radius: var(--amplify-components-fileuploader-previewer-border-radius);
|
|
6192
|
+
}
|
|
6193
|
+
.amplify-fileuploader__previewer__text {
|
|
6194
|
+
font-weight: var(--amplify-components-fileuploader-previewer-text-font-weight);
|
|
6195
|
+
font-size: var(--amplify-components-fileuploader-previewer-text-font-size);
|
|
6196
|
+
color: var(--amplify-components-fileuploader-previewer-text-color);
|
|
6197
|
+
}
|
|
6198
|
+
.amplify-fileuploader__previewer__footer {
|
|
6199
|
+
display: flex;
|
|
6200
|
+
flex-direction: row;
|
|
6201
|
+
justify-content: var(--amplify-components-fileuploader-previewer-footer-justify-content);
|
|
6202
|
+
}
|
|
6203
|
+
.amplify-fileuploader__previewer__actions {
|
|
6204
|
+
display: flex;
|
|
6205
|
+
flex-direction: row;
|
|
6206
|
+
gap: var(--amplify-space-small);
|
|
6207
|
+
}
|
|
6208
|
+
|
|
6009
6209
|
.amplify-inappmessaging-backdrop {
|
|
6010
6210
|
background-color: var(--amplify-colors-overlay-50);
|
|
6011
6211
|
inset: 0;
|
package/dist/types/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const VERSION = "3.3.
|
|
1
|
+
export declare const VERSION = "3.3.2";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aws-amplify/ui-react-storage",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.2",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/esm/index.mjs",
|
|
6
6
|
"exports": {
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"typecheck": "tsc --noEmit"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@aws-amplify/ui": "6.4.
|
|
43
|
-
"@aws-amplify/ui-react": "6.3.
|
|
44
|
-
"@aws-amplify/ui-react-core": "3.0.
|
|
42
|
+
"@aws-amplify/ui": "6.4.1",
|
|
43
|
+
"@aws-amplify/ui-react": "6.3.1",
|
|
44
|
+
"@aws-amplify/ui-react-core": "3.0.22",
|
|
45
45
|
"lodash": "4.17.21",
|
|
46
46
|
"tslib": "^2.5.2"
|
|
47
47
|
},
|
|
@@ -58,19 +58,19 @@
|
|
|
58
58
|
"name": "FileUploader",
|
|
59
59
|
"path": "dist/esm/index.mjs",
|
|
60
60
|
"import": "{ FileUploader }",
|
|
61
|
-
"limit": "
|
|
61
|
+
"limit": "21.5 kB"
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
64
|
"name": "StorageImage",
|
|
65
65
|
"path": "dist/esm/index.mjs",
|
|
66
66
|
"import": "{ StorageImage }",
|
|
67
|
-
"limit": "
|
|
67
|
+
"limit": "14.5 kB"
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
"name": "StorageManager",
|
|
71
71
|
"path": "dist/esm/index.mjs",
|
|
72
72
|
"import": "{ StorageManager }",
|
|
73
|
-
"limit": "
|
|
73
|
+
"limit": "21.5 kB"
|
|
74
74
|
}
|
|
75
75
|
]
|
|
76
76
|
}
|