@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.
@@ -1,3 +1,3 @@
1
- const VERSION = '3.3.0';
1
+ const VERSION = '3.3.2';
2
2
 
3
3
  export { VERSION };
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.0';
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
  }
@@ -1 +1 @@
1
- export declare const VERSION = "3.3.0";
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.0",
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.3.0",
43
- "@aws-amplify/ui-react": "6.2.2",
44
- "@aws-amplify/ui-react-core": "3.0.20",
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": "25.5 kB"
73
+ "limit": "21.5 kB"
62
74
  }
63
75
  ]
64
76
  }