@aws-amplify/ui-react-storage 3.3.0 → 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 +450 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +17 -5
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
|
@@ -83,6 +83,35 @@
|
|
|
83
83
|
--amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
|
|
84
84
|
--amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
|
|
85
85
|
--amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
|
|
86
|
+
--amplify-components-avatar-color: var(--amplify-colors-font-tertiary);
|
|
87
|
+
--amplify-components-avatar-line-height: 1;
|
|
88
|
+
--amplify-components-avatar-font-weight: var(--amplify-font-weights-semibold);
|
|
89
|
+
--amplify-components-avatar-font-size: var(--amplify-font-sizes-small);
|
|
90
|
+
--amplify-components-avatar-text-align: center;
|
|
91
|
+
--amplify-components-avatar-width: var(--amplify-font-sizes-xxl);
|
|
92
|
+
--amplify-components-avatar-height: var(--amplify-font-sizes-xxl);
|
|
93
|
+
--amplify-components-avatar-background-color: var(--amplify-colors-background-tertiary);
|
|
94
|
+
--amplify-components-avatar-border-radius: 100%;
|
|
95
|
+
--amplify-components-avatar-border-color: var(--amplify-colors-border-primary);
|
|
96
|
+
--amplify-components-avatar-border-width: var(--amplify-border-widths-medium);
|
|
97
|
+
--amplify-components-avatar-info-color: var(--amplify-colors-font-info);
|
|
98
|
+
--amplify-components-avatar-info-background-color: var(--amplify-colors-background-info);
|
|
99
|
+
--amplify-components-avatar-info-border-color: var(--amplify-colors-border-info);
|
|
100
|
+
--amplify-components-avatar-warning-color: var(--amplify-colors-font-warning);
|
|
101
|
+
--amplify-components-avatar-warning-background-color: var(--amplify-colors-background-warning);
|
|
102
|
+
--amplify-components-avatar-warning-border-color: var(--amplify-colors-border-warning);
|
|
103
|
+
--amplify-components-avatar-success-color: var(--amplify-colors-font-success);
|
|
104
|
+
--amplify-components-avatar-success-background-color: var(--amplify-colors-background-success);
|
|
105
|
+
--amplify-components-avatar-success-border-color: var(--amplify-colors-border-success);
|
|
106
|
+
--amplify-components-avatar-error-color: var(--amplify-colors-font-error);
|
|
107
|
+
--amplify-components-avatar-error-background-color: var(--amplify-colors-background-error);
|
|
108
|
+
--amplify-components-avatar-error-border-color: var(--amplify-colors-border-error);
|
|
109
|
+
--amplify-components-avatar-small-font-size: var(--amplify-font-sizes-xs);
|
|
110
|
+
--amplify-components-avatar-small-width: var(--amplify-font-sizes-xl);
|
|
111
|
+
--amplify-components-avatar-small-height: var(--amplify-font-sizes-xl);
|
|
112
|
+
--amplify-components-avatar-large-font-size: var(--amplify-font-sizes-medium);
|
|
113
|
+
--amplify-components-avatar-large-width: var(--amplify-font-sizes-xxxl);
|
|
114
|
+
--amplify-components-avatar-large-height: var(--amplify-font-sizes-xxxl);
|
|
86
115
|
--amplify-components-badge-color: var(--amplify-colors-font-primary);
|
|
87
116
|
--amplify-components-badge-line-height: 1;
|
|
88
117
|
--amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);
|
|
@@ -672,6 +701,67 @@
|
|
|
672
701
|
--amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);
|
|
673
702
|
--amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);
|
|
674
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;
|
|
675
765
|
--amplify-components-flex-gap: var(--amplify-space-medium);
|
|
676
766
|
--amplify-components-flex-justify-content: normal;
|
|
677
767
|
--amplify-components-flex-align-items: stretch;
|
|
@@ -3421,6 +3511,118 @@ strong.amplify-text {
|
|
|
3421
3511
|
gap: var(--amplify-space-medium);
|
|
3422
3512
|
}
|
|
3423
3513
|
|
|
3514
|
+
.amplify-avatar {
|
|
3515
|
+
--avatar-color: var(--amplify-components-avatar-color);
|
|
3516
|
+
--avatar-background-color: var(--amplify-components-avatar-background-color);
|
|
3517
|
+
--avatar-filled-background-color: var(--amplify-components-avatar-color);
|
|
3518
|
+
--avatar-filled-color: var(--amplify-components-avatar-background-color);
|
|
3519
|
+
--avatar-border-color: var(--amplify-components-avatar-border-color);
|
|
3520
|
+
--avatar-size: var(--amplify-components-avatar-width);
|
|
3521
|
+
--amplify-components-icon-height: 100%;
|
|
3522
|
+
display: inline-flex;
|
|
3523
|
+
align-items: center;
|
|
3524
|
+
justify-content: center;
|
|
3525
|
+
color: var(--avatar-color);
|
|
3526
|
+
background-color: var(--avatar-background-color);
|
|
3527
|
+
font-weight: var(--amplify-components-avatar-font-weight);
|
|
3528
|
+
font-size: var(--amplify-components-avatar-font-size);
|
|
3529
|
+
width: var(--amplify-components-avatar-width);
|
|
3530
|
+
height: var(--amplify-components-avatar-height);
|
|
3531
|
+
overflow: hidden;
|
|
3532
|
+
border-radius: var(--amplify-components-avatar-border-radius);
|
|
3533
|
+
}
|
|
3534
|
+
.amplify-avatar--filled {
|
|
3535
|
+
background-color: var(--avatar-filled-background-color);
|
|
3536
|
+
color: var(--avatar-filled-color);
|
|
3537
|
+
}
|
|
3538
|
+
.amplify-avatar--outlined {
|
|
3539
|
+
border-width: var(--amplify-components-avatar-border-width);
|
|
3540
|
+
border-style: solid;
|
|
3541
|
+
padding: var(--amplify-components-avatar-border-width);
|
|
3542
|
+
border-color: var(--avatar-border-color);
|
|
3543
|
+
background-color: transparent;
|
|
3544
|
+
color: var(--avatar-color);
|
|
3545
|
+
}
|
|
3546
|
+
.amplify-avatar--small {
|
|
3547
|
+
--avatar-size: var(--amplify-components-avatar-small-width);
|
|
3548
|
+
width: var(--amplify-components-avatar-small-width);
|
|
3549
|
+
height: var(--amplify-components-avatar-small-height);
|
|
3550
|
+
font-size: var(--amplify-components-avatar-small-font-size);
|
|
3551
|
+
}
|
|
3552
|
+
.amplify-avatar--large {
|
|
3553
|
+
--avatar-size: var(--amplify-components-avatar-large-width);
|
|
3554
|
+
width: var(--amplify-components-avatar-large-width);
|
|
3555
|
+
height: var(--amplify-components-avatar-large-height);
|
|
3556
|
+
font-size: var(--amplify-components-avatar-large-font-size);
|
|
3557
|
+
}
|
|
3558
|
+
.amplify-avatar--warning {
|
|
3559
|
+
--avatar-border-color: var(
|
|
3560
|
+
--amplify-components-avatar-warning-border-color
|
|
3561
|
+
);
|
|
3562
|
+
--avatar-background-color: var(
|
|
3563
|
+
--amplify-components-avatar-warning-background-color
|
|
3564
|
+
);
|
|
3565
|
+
--avatar-color: var(--amplify-components-avatar-warning-color);
|
|
3566
|
+
--avatar-filled-background-color: var(
|
|
3567
|
+
--amplify-components-avatar-warning-color
|
|
3568
|
+
);
|
|
3569
|
+
--avatar-filled-color: var(
|
|
3570
|
+
--amplify-components-avatar-warning-background-color
|
|
3571
|
+
);
|
|
3572
|
+
}
|
|
3573
|
+
.amplify-avatar--error {
|
|
3574
|
+
--avatar-border-color: var(--amplify-components-avatar-error-border-color);
|
|
3575
|
+
--avatar-background-color: var(
|
|
3576
|
+
--amplify-components-avatar-error-background-color
|
|
3577
|
+
);
|
|
3578
|
+
--avatar-color: var(--amplify-components-avatar-error-color);
|
|
3579
|
+
--avatar-filled-background-color: var(
|
|
3580
|
+
--amplify-components-avatar-error-color
|
|
3581
|
+
);
|
|
3582
|
+
--avatar-filled-color: var(
|
|
3583
|
+
--amplify-components-avatar-error-background-color
|
|
3584
|
+
);
|
|
3585
|
+
}
|
|
3586
|
+
.amplify-avatar--info {
|
|
3587
|
+
--avatar-border-color: var(--amplify-components-avatar-info-border-color);
|
|
3588
|
+
--avatar-background-color: var(
|
|
3589
|
+
--amplify-components-avatar-info-background-color
|
|
3590
|
+
);
|
|
3591
|
+
--avatar-color: var(--amplify-components-avatar-info-color);
|
|
3592
|
+
--avatar-filled-background-color: var(
|
|
3593
|
+
--amplify-components-avatar-info-color
|
|
3594
|
+
);
|
|
3595
|
+
--avatar-filled-color: var(
|
|
3596
|
+
--amplify-components-avatar-info-background-color
|
|
3597
|
+
);
|
|
3598
|
+
}
|
|
3599
|
+
.amplify-avatar--success {
|
|
3600
|
+
--avatar-border-color: var(
|
|
3601
|
+
--amplify-components-avatar-success-border-color
|
|
3602
|
+
);
|
|
3603
|
+
--avatar-background-color: var(
|
|
3604
|
+
--amplify-components-avatar-success-background-color
|
|
3605
|
+
);
|
|
3606
|
+
--avatar-color: var(--amplify-components-avatar-success-color);
|
|
3607
|
+
--avatar-filled-background-color: var(
|
|
3608
|
+
--amplify-components-avatar-success-color
|
|
3609
|
+
);
|
|
3610
|
+
--avatar-filled-color: var(
|
|
3611
|
+
--amplify-components-avatar-success-background-color
|
|
3612
|
+
);
|
|
3613
|
+
}
|
|
3614
|
+
.amplify-avatar__icon {
|
|
3615
|
+
display: flex;
|
|
3616
|
+
font-size: calc(var(--avatar-size) * 0.6);
|
|
3617
|
+
}
|
|
3618
|
+
.amplify-avatar__image {
|
|
3619
|
+
width: 100%;
|
|
3620
|
+
height: 100%;
|
|
3621
|
+
-o-object-fit: cover;
|
|
3622
|
+
object-fit: cover;
|
|
3623
|
+
display: block;
|
|
3624
|
+
}
|
|
3625
|
+
|
|
3424
3626
|
.amplify-breadcrumbs__list {
|
|
3425
3627
|
display: flex;
|
|
3426
3628
|
flex-wrap: var(--amplify-components-breadcrumbs-flex-wrap);
|
|
@@ -5865,6 +6067,145 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
5865
6067
|
}
|
|
5866
6068
|
}
|
|
5867
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
|
+
|
|
5868
6209
|
.amplify-inappmessaging-backdrop {
|
|
5869
6210
|
background-color: var(--amplify-colors-overlay-50);
|
|
5870
6211
|
inset: 0;
|
|
@@ -6184,6 +6525,115 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6184
6525
|
gap: var(--amplify-space-small);
|
|
6185
6526
|
}
|
|
6186
6527
|
|
|
6528
|
+
.amplify-ai-conversation {
|
|
6529
|
+
display: flex;
|
|
6530
|
+
flex-direction: column;
|
|
6531
|
+
height: 100%;
|
|
6532
|
+
}
|
|
6533
|
+
.amplify-ai-conversation__message {
|
|
6534
|
+
--content-bg: transparent;
|
|
6535
|
+
display: flex;
|
|
6536
|
+
flex-direction: var(--flex-direction);
|
|
6537
|
+
gap: var(--amplify-space-small);
|
|
6538
|
+
padding: var(--amplify-space-small);
|
|
6539
|
+
}
|
|
6540
|
+
.amplify-ai-conversation__message__list {
|
|
6541
|
+
display: flex;
|
|
6542
|
+
flex-direction: column;
|
|
6543
|
+
}
|
|
6544
|
+
.amplify-ai-conversation__message__avatar {
|
|
6545
|
+
flex-shrink: 0;
|
|
6546
|
+
}
|
|
6547
|
+
.amplify-ai-conversation__message__sender {
|
|
6548
|
+
display: flex;
|
|
6549
|
+
flex-direction: var(--flex-direction);
|
|
6550
|
+
align-items: center;
|
|
6551
|
+
height: var(--amplify-components-avatar-height);
|
|
6552
|
+
gap: var(--amplify-space-small);
|
|
6553
|
+
}
|
|
6554
|
+
.amplify-ai-conversation__message__sender__username {
|
|
6555
|
+
font-weight: bold;
|
|
6556
|
+
}
|
|
6557
|
+
.amplify-ai-conversation__message__sender__timestamp {
|
|
6558
|
+
color: var(--amplify-colors-font-tertiary);
|
|
6559
|
+
font-size: var(--amplify-font-sizes-small);
|
|
6560
|
+
}
|
|
6561
|
+
.amplify-ai-conversation__message__body {
|
|
6562
|
+
display: flex;
|
|
6563
|
+
flex-direction: column;
|
|
6564
|
+
align-items: var(--body-align-items);
|
|
6565
|
+
gap: var(--amplify-space-xs);
|
|
6566
|
+
}
|
|
6567
|
+
.amplify-ai-conversation__message__content {
|
|
6568
|
+
background-color: var(--content-bg);
|
|
6569
|
+
border-radius: var(--amplify-radii-medium);
|
|
6570
|
+
padding: var(--content-padding);
|
|
6571
|
+
}
|
|
6572
|
+
.amplify-ai-conversation__message__actions {
|
|
6573
|
+
display: flex;
|
|
6574
|
+
flex-direction: row;
|
|
6575
|
+
}
|
|
6576
|
+
.amplify-ai-conversation__message--bubble {
|
|
6577
|
+
--content-bg: var(--bg-color);
|
|
6578
|
+
--content-padding: var(--amplify-space-xxs) var(--amplify-space-xs);
|
|
6579
|
+
--flex-direction: row-reverse;
|
|
6580
|
+
--body-align-items: flex-end;
|
|
6581
|
+
}
|
|
6582
|
+
.amplify-ai-conversation__message--user {
|
|
6583
|
+
--bg-color: var(--amplify-colors-background-secondary);
|
|
6584
|
+
}
|
|
6585
|
+
.amplify-ai-conversation__message--assistant {
|
|
6586
|
+
--bg-color: var(--amplify-colors-primary-10);
|
|
6587
|
+
--flex-direction: row;
|
|
6588
|
+
--body-align-items: flex-start;
|
|
6589
|
+
}
|
|
6590
|
+
.amplify-ai-conversation__form {
|
|
6591
|
+
display: flex;
|
|
6592
|
+
flex-direction: row;
|
|
6593
|
+
align-items: flex-start;
|
|
6594
|
+
gap: var(--amplify-space-small);
|
|
6595
|
+
}
|
|
6596
|
+
.amplify-ai-conversation__form__dropzone {
|
|
6597
|
+
text-align: initial;
|
|
6598
|
+
border: none;
|
|
6599
|
+
padding: var(--amplify-space-xs);
|
|
6600
|
+
}
|
|
6601
|
+
.amplify-ai-conversation__attachment {
|
|
6602
|
+
display: flex;
|
|
6603
|
+
flex-direction: row;
|
|
6604
|
+
padding-block: var(--amplify-space-xxxs);
|
|
6605
|
+
padding-inline: var(--amplify-space-xs);
|
|
6606
|
+
border-width: var(--amplify-border-widths-small);
|
|
6607
|
+
border-style: solid;
|
|
6608
|
+
border-color: var(--amplify-colors-border-secondary);
|
|
6609
|
+
border-radius: var(--amplify-radii-small);
|
|
6610
|
+
align-items: center;
|
|
6611
|
+
gap: var(--amplify-space-xs);
|
|
6612
|
+
font-size: var(--amplify-font-sizes-small);
|
|
6613
|
+
}
|
|
6614
|
+
.amplify-ai-conversation__attachment__list {
|
|
6615
|
+
display: flex;
|
|
6616
|
+
flex-direction: row;
|
|
6617
|
+
flex-wrap: wrap;
|
|
6618
|
+
gap: var(--amplify-space-small);
|
|
6619
|
+
padding-block-start: var(--amplify-space-small);
|
|
6620
|
+
}
|
|
6621
|
+
.amplify-ai-conversation__attachment__image {
|
|
6622
|
+
width: 1rem;
|
|
6623
|
+
height: 1rem;
|
|
6624
|
+
-o-object-fit: cover;
|
|
6625
|
+
object-fit: cover;
|
|
6626
|
+
}
|
|
6627
|
+
.amplify-ai-conversation__attachment__size {
|
|
6628
|
+
color: var(--amplify-colors-font-tertiary);
|
|
6629
|
+
}
|
|
6630
|
+
.amplify-ai-conversation__attachment__remove {
|
|
6631
|
+
padding: var(--amplify-space-xxs);
|
|
6632
|
+
}
|
|
6633
|
+
.amplify-ai-conversation__prompt {
|
|
6634
|
+
font-weight: normal;
|
|
6635
|
+
}
|
|
6636
|
+
|
|
6187
6637
|
.amplify-label-start {
|
|
6188
6638
|
flex-direction: row;
|
|
6189
6639
|
}
|
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.
|
|
43
|
-
"@aws-amplify/ui-react": "6.
|
|
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
|
},
|
|
@@ -54,11 +54,23 @@
|
|
|
54
54
|
"dist/**/*.css"
|
|
55
55
|
],
|
|
56
56
|
"size-limit": [
|
|
57
|
+
{
|
|
58
|
+
"name": "FileUploader",
|
|
59
|
+
"path": "dist/esm/index.mjs",
|
|
60
|
+
"import": "{ FileUploader }",
|
|
61
|
+
"limit": "21.5 kB"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"name": "StorageImage",
|
|
65
|
+
"path": "dist/esm/index.mjs",
|
|
66
|
+
"import": "{ StorageImage }",
|
|
67
|
+
"limit": "14.5 kB"
|
|
68
|
+
},
|
|
57
69
|
{
|
|
58
70
|
"name": "StorageManager",
|
|
59
71
|
"path": "dist/esm/index.mjs",
|
|
60
72
|
"import": "{ StorageManager }",
|
|
61
|
-
"limit": "
|
|
73
|
+
"limit": "21.5 kB"
|
|
62
74
|
}
|
|
63
75
|
]
|
|
64
76
|
}
|