@aws-amplify/ui-react 6.6.0 → 6.7.1

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 (30) hide show
  1. package/dist/{Field-CIQvkMkM.js → Field-DbA9eYRa.js} +108 -0
  2. package/dist/esm/PrimitiveCatalog.mjs +328 -0
  3. package/dist/esm/components/AccountSettings/ChangePassword/ChangePassword.mjs +2 -0
  4. package/dist/esm/components/AccountSettings/ChangePassword/defaults.mjs +1 -0
  5. package/dist/esm/components/AccountSettings/DeleteUser/DeleteUser.mjs +2 -0
  6. package/dist/esm/components/AccountSettings/DeleteUser/defaults.mjs +1 -0
  7. package/dist/esm/components/AccountSettings/shared/Defaults.mjs +1 -0
  8. package/dist/esm/components/FileSelect/FileSelect.mjs +70 -0
  9. package/dist/esm/index.mjs +1 -0
  10. package/dist/esm/internal.mjs +2 -0
  11. package/dist/esm/primitives/Icon/context/StorageBrowserIcons.mjs +68 -0
  12. package/dist/esm/primitives/index.mjs +1 -0
  13. package/dist/esm/version.mjs +1 -1
  14. package/dist/index.js +24 -62
  15. package/dist/internal.js +399 -1
  16. package/dist/styles/AIConversation.css +6 -2
  17. package/dist/styles/AIConversation.layer.css +6 -2
  18. package/dist/styles/StorageBrowser.css +150 -0
  19. package/dist/styles/StorageBrowser.layer.css +152 -0
  20. package/dist/styles.css +157 -2
  21. package/dist/styles.layer.css +157 -2
  22. package/dist/types/components/FileSelect/FileSelect.d.ts +59 -0
  23. package/dist/types/components/FileSelect/index.d.ts +1 -0
  24. package/dist/types/internal.d.ts +2 -0
  25. package/dist/types/primitives/Icon/context/IconsContext.d.ts +2 -0
  26. package/dist/types/primitives/Icon/context/StorageBrowserIcons.d.ts +35 -0
  27. package/dist/types/primitives/components.d.ts +1 -0
  28. package/dist/types/primitives/types/field.d.ts +1 -1
  29. package/dist/types/version.d.ts +1 -1
  30. package/package.json +4 -4
package/dist/styles/StorageBrowser.layer.css ADDED
@@ -0,0 +1,152 @@
1
+ @layer amplify.components {
2
+ .amplify-storage-browser {
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: stretch;
6
+ height: 100%;
7
+ position: relative;
8
+ padding: var(--amplify-space-small);
9
+ gap: var(--amplify-space-small);
10
+ /* Error boundary */
11
+ }
12
+ .amplify-storage-browser__error {
13
+ background-color: var(--amplify-colors-background-error);
14
+ color: var(--amplify-colors-font-error);
15
+ padding: var(--amplify-space-medium);
16
+ }
17
+ .amplify-storage-browser__navigation, .amplify-storage-browser__exit {
18
+ align-self: flex-start;
19
+ }
20
+ .amplify-storage-browser__title {
21
+ font-weight: var(--amplify-font-weights-bold);
22
+ font-size: var(--amplify-font-sizes-large);
23
+ }
24
+ .amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
25
+ display: flex;
26
+ flex-direction: row;
27
+ align-items: center;
28
+ justify-content: space-between;
29
+ width: 100%;
30
+ gap: var(--amplify-space-medium);
31
+ }
32
+ .amplify-storage-browser__footer {
33
+ justify-content: flex-end;
34
+ }
35
+ .amplify-storage-browser__search {
36
+ display: flex;
37
+ flex-direction: row;
38
+ flex: 1;
39
+ gap: var(--amplify-space-small);
40
+ }
41
+ .amplify-storage-browser__drop-zone {
42
+ flex: 1;
43
+ overflow: hidden;
44
+ position: relative;
45
+ width: 100%;
46
+ display: block;
47
+ }
48
+ .amplify-storage-browser__data-table {
49
+ overflow: auto;
50
+ position: relative;
51
+ border-width: var(--amplify-border-widths-small);
52
+ border-style: solid;
53
+ border-color: var(--amplify-colors-border-primary);
54
+ border-radius: var(--amplify-radii-small);
55
+ width: 100%;
56
+ height: 100%;
57
+ display: block;
58
+ }
59
+ .amplify-storage-browser__table {
60
+ width: 100%;
61
+ position: relative;
62
+ }
63
+ .amplify-storage-browser__table-head {
64
+ position: sticky;
65
+ top: 0;
66
+ background: var(--amplify-colors-background-primary);
67
+ box-shadow: var(--amplify-shadows-small);
68
+ z-index: 2;
69
+ }
70
+ .amplify-storage-browser__table-header {
71
+ border: none;
72
+ padding: var(--amplify-space-xxxs);
73
+ }
74
+ .amplify-storage-browser__table-data-cell {
75
+ padding: var(--amplify-space-xxxs);
76
+ }
77
+ .amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
78
+ border-inline-start-width: 0;
79
+ border-inline-end-width: 0;
80
+ }
81
+ .amplify-storage-browser__table-data-cell-icon {
82
+ vertical-align: middle;
83
+ margin-inline-end: var(--amplify-space-xs);
84
+ }
85
+ .amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
86
+ text-align: center;
87
+ }
88
+ .amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
89
+ text-align: end;
90
+ }
91
+ .amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
92
+ display: flex;
93
+ width: 100%;
94
+ gap: var(--amplify-space-xxs);
95
+ padding: var(--amplify-space-xxs);
96
+ text-overflow: ellipsis;
97
+ overflow: hidden;
98
+ white-space: nowrap;
99
+ align-items: center;
100
+ justify-content: flex-start;
101
+ }
102
+ .amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
103
+ animation-name: amplify-loader-circular;
104
+ animation-timing-function: linear;
105
+ animation-iteration-count: infinite;
106
+ animation-duration: var(--amplify-components-loader-animation-duration);
107
+ }
108
+ .amplify-storage-browser__status {
109
+ display: flex;
110
+ flex-direction: row;
111
+ gap: var(--amplify-space-xs);
112
+ align-items: center;
113
+ }
114
+ .amplify-storage-browser__status-display {
115
+ display: flex;
116
+ flex-direction: row;
117
+ justify-content: flex-end;
118
+ align-items: center;
119
+ gap: var(--amplify-space-small);
120
+ flex: 1;
121
+ }
122
+ .amplify-storage-browser__status-label {
123
+ font-weight: var(--amplify-font-weights-bold);
124
+ }
125
+ .amplify-storage-browser__status-value {
126
+ color: var(--amplify-colors-font-secondary);
127
+ }
128
+ .amplify-storage-browser__destination {
129
+ display: flex;
130
+ flex-direction: row;
131
+ gap: var(--amplify-space-xs);
132
+ align-items: center;
133
+ }
134
+ .amplify-storage-browser__destination-label {
135
+ font-weight: var(--amplify-font-weights-bold);
136
+ }
137
+ .amplify-storage-browser__message {
138
+ flex: 1;
139
+ }
140
+ .amplify-storage-browser__buttons {
141
+ justify-content: flex-end;
142
+ display: flex;
143
+ gap: var(--amplify-space-small);
144
+ }
145
+ .amplify-storage-browser__loader {
146
+ position: absolute;
147
+ stroke-width: var(--amplify-border-widths-large);
148
+ height: var(--amplify-border-widths-large);
149
+ top: 0;
150
+ z-index: 3;
151
+ }
152
+ }
package/dist/styles.css CHANGED
@@ -6600,6 +6600,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
6600
6600
  gap: var(--amplify-space-small);
6601
6601
  }
6602
6602
 
6603
+ .amplify-storage-browser {
6604
+ display: flex;
6605
+ flex-direction: column;
6606
+ align-items: stretch;
6607
+ height: 100%;
6608
+ position: relative;
6609
+ padding: var(--amplify-space-small);
6610
+ gap: var(--amplify-space-small);
6611
+ /* Error boundary */
6612
+ }
6613
+ .amplify-storage-browser__error {
6614
+ background-color: var(--amplify-colors-background-error);
6615
+ color: var(--amplify-colors-font-error);
6616
+ padding: var(--amplify-space-medium);
6617
+ }
6618
+ .amplify-storage-browser__navigation, .amplify-storage-browser__exit {
6619
+ align-self: flex-start;
6620
+ }
6621
+ .amplify-storage-browser__title {
6622
+ font-weight: var(--amplify-font-weights-bold);
6623
+ font-size: var(--amplify-font-sizes-large);
6624
+ }
6625
+ .amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
6626
+ display: flex;
6627
+ flex-direction: row;
6628
+ align-items: center;
6629
+ justify-content: space-between;
6630
+ width: 100%;
6631
+ gap: var(--amplify-space-medium);
6632
+ }
6633
+ .amplify-storage-browser__footer {
6634
+ justify-content: flex-end;
6635
+ }
6636
+ .amplify-storage-browser__search {
6637
+ display: flex;
6638
+ flex-direction: row;
6639
+ flex: 1;
6640
+ gap: var(--amplify-space-small);
6641
+ }
6642
+ .amplify-storage-browser__drop-zone {
6643
+ flex: 1;
6644
+ overflow: hidden;
6645
+ position: relative;
6646
+ width: 100%;
6647
+ display: block;
6648
+ }
6649
+ .amplify-storage-browser__data-table {
6650
+ overflow: auto;
6651
+ position: relative;
6652
+ border-width: var(--amplify-border-widths-small);
6653
+ border-style: solid;
6654
+ border-color: var(--amplify-colors-border-primary);
6655
+ border-radius: var(--amplify-radii-small);
6656
+ width: 100%;
6657
+ height: 100%;
6658
+ display: block;
6659
+ }
6660
+ .amplify-storage-browser__table {
6661
+ width: 100%;
6662
+ position: relative;
6663
+ }
6664
+ .amplify-storage-browser__table-head {
6665
+ position: sticky;
6666
+ top: 0;
6667
+ background: var(--amplify-colors-background-primary);
6668
+ box-shadow: var(--amplify-shadows-small);
6669
+ z-index: 2;
6670
+ }
6671
+ .amplify-storage-browser__table-header {
6672
+ border: none;
6673
+ padding: var(--amplify-space-xxxs);
6674
+ }
6675
+ .amplify-storage-browser__table-data-cell {
6676
+ padding: var(--amplify-space-xxxs);
6677
+ }
6678
+ .amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
6679
+ border-inline-start-width: 0;
6680
+ border-inline-end-width: 0;
6681
+ }
6682
+ .amplify-storage-browser__table-data-cell-icon {
6683
+ vertical-align: middle;
6684
+ margin-inline-end: var(--amplify-space-xs);
6685
+ }
6686
+ .amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
6687
+ text-align: center;
6688
+ }
6689
+ .amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
6690
+ text-align: end;
6691
+ }
6692
+ .amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
6693
+ display: flex;
6694
+ width: 100%;
6695
+ gap: var(--amplify-space-xxs);
6696
+ padding: var(--amplify-space-xxs);
6697
+ text-overflow: ellipsis;
6698
+ overflow: hidden;
6699
+ white-space: nowrap;
6700
+ align-items: center;
6701
+ justify-content: flex-start;
6702
+ }
6703
+ .amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
6704
+ animation-name: amplify-loader-circular;
6705
+ animation-timing-function: linear;
6706
+ animation-iteration-count: infinite;
6707
+ animation-duration: var(--amplify-components-loader-animation-duration);
6708
+ }
6709
+ .amplify-storage-browser__status {
6710
+ display: flex;
6711
+ flex-direction: row;
6712
+ gap: var(--amplify-space-xs);
6713
+ align-items: center;
6714
+ }
6715
+ .amplify-storage-browser__status-display {
6716
+ display: flex;
6717
+ flex-direction: row;
6718
+ justify-content: flex-end;
6719
+ align-items: center;
6720
+ gap: var(--amplify-space-small);
6721
+ flex: 1;
6722
+ }
6723
+ .amplify-storage-browser__status-label {
6724
+ font-weight: var(--amplify-font-weights-bold);
6725
+ }
6726
+ .amplify-storage-browser__status-value {
6727
+ color: var(--amplify-colors-font-secondary);
6728
+ }
6729
+ .amplify-storage-browser__destination {
6730
+ display: flex;
6731
+ flex-direction: row;
6732
+ gap: var(--amplify-space-xs);
6733
+ align-items: center;
6734
+ }
6735
+ .amplify-storage-browser__destination-label {
6736
+ font-weight: var(--amplify-font-weights-bold);
6737
+ }
6738
+ .amplify-storage-browser__message {
6739
+ flex: 1;
6740
+ }
6741
+ .amplify-storage-browser__buttons {
6742
+ justify-content: flex-end;
6743
+ display: flex;
6744
+ gap: var(--amplify-space-small);
6745
+ }
6746
+ .amplify-storage-browser__loader {
6747
+ position: absolute;
6748
+ stroke-width: var(--amplify-border-widths-large);
6749
+ height: var(--amplify-border-widths-large);
6750
+ top: 0;
6751
+ z-index: 3;
6752
+ }
6753
+
6603
6754
  .amplify-ai-conversation {
6604
6755
  display: flex;
6605
6756
  flex-direction: column;
@@ -6691,12 +6842,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
6691
6842
  flex-direction: row;
6692
6843
  align-items: flex-start;
6693
6844
  gap: var(--amplify-components-ai-conversation-form-gap);
6694
- padding: var(--amplify-components-ai-conversation-form-padding);
6695
6845
  }
6696
6846
  .amplify-ai-conversation__form__dropzone {
6697
6847
  text-align: initial;
6698
6848
  border: none;
6849
+ padding: var(--amplify-components-ai-conversation-form-padding);
6850
+ }
6851
+ .amplify-ai-conversation__form__error {
6699
6852
  padding: 0;
6853
+ padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
6854
+ gap: var(--amplify-components-ai-conversation-attachment-gap);
6700
6855
  }
6701
6856
  .amplify-ai-conversation__attachment {
6702
6857
  display: flex;
@@ -6716,7 +6871,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
6716
6871
  flex-direction: row;
6717
6872
  flex-wrap: wrap;
6718
6873
  gap: var(--amplify-components-ai-conversation-attachment-list-gap);
6719
- padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
6874
+ padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
6720
6875
  }
6721
6876
  .amplify-ai-conversation__attachment__image {
6722
6877
  width: var(--amplify-components-ai-conversation-attachment-image-width);
package/dist/styles.layer.css CHANGED
@@ -6601,6 +6601,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
6601
6601
  gap: var(--amplify-space-small);
6602
6602
  }
6603
6603
 
6604
+ .amplify-storage-browser {
6605
+ display: flex;
6606
+ flex-direction: column;
6607
+ align-items: stretch;
6608
+ height: 100%;
6609
+ position: relative;
6610
+ padding: var(--amplify-space-small);
6611
+ gap: var(--amplify-space-small);
6612
+ /* Error boundary */
6613
+ }
6614
+ .amplify-storage-browser__error {
6615
+ background-color: var(--amplify-colors-background-error);
6616
+ color: var(--amplify-colors-font-error);
6617
+ padding: var(--amplify-space-medium);
6618
+ }
6619
+ .amplify-storage-browser__navigation, .amplify-storage-browser__exit {
6620
+ align-self: flex-start;
6621
+ }
6622
+ .amplify-storage-browser__title {
6623
+ font-weight: var(--amplify-font-weights-bold);
6624
+ font-size: var(--amplify-font-sizes-large);
6625
+ }
6626
+ .amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
6627
+ display: flex;
6628
+ flex-direction: row;
6629
+ align-items: center;
6630
+ justify-content: space-between;
6631
+ width: 100%;
6632
+ gap: var(--amplify-space-medium);
6633
+ }
6634
+ .amplify-storage-browser__footer {
6635
+ justify-content: flex-end;
6636
+ }
6637
+ .amplify-storage-browser__search {
6638
+ display: flex;
6639
+ flex-direction: row;
6640
+ flex: 1;
6641
+ gap: var(--amplify-space-small);
6642
+ }
6643
+ .amplify-storage-browser__drop-zone {
6644
+ flex: 1;
6645
+ overflow: hidden;
6646
+ position: relative;
6647
+ width: 100%;
6648
+ display: block;
6649
+ }
6650
+ .amplify-storage-browser__data-table {
6651
+ overflow: auto;
6652
+ position: relative;
6653
+ border-width: var(--amplify-border-widths-small);
6654
+ border-style: solid;
6655
+ border-color: var(--amplify-colors-border-primary);
6656
+ border-radius: var(--amplify-radii-small);
6657
+ width: 100%;
6658
+ height: 100%;
6659
+ display: block;
6660
+ }
6661
+ .amplify-storage-browser__table {
6662
+ width: 100%;
6663
+ position: relative;
6664
+ }
6665
+ .amplify-storage-browser__table-head {
6666
+ position: sticky;
6667
+ top: 0;
6668
+ background: var(--amplify-colors-background-primary);
6669
+ box-shadow: var(--amplify-shadows-small);
6670
+ z-index: 2;
6671
+ }
6672
+ .amplify-storage-browser__table-header {
6673
+ border: none;
6674
+ padding: var(--amplify-space-xxxs);
6675
+ }
6676
+ .amplify-storage-browser__table-data-cell {
6677
+ padding: var(--amplify-space-xxxs);
6678
+ }
6679
+ .amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
6680
+ border-inline-start-width: 0;
6681
+ border-inline-end-width: 0;
6682
+ }
6683
+ .amplify-storage-browser__table-data-cell-icon {
6684
+ vertical-align: middle;
6685
+ margin-inline-end: var(--amplify-space-xs);
6686
+ }
6687
+ .amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
6688
+ text-align: center;
6689
+ }
6690
+ .amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
6691
+ text-align: end;
6692
+ }
6693
+ .amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
6694
+ display: flex;
6695
+ width: 100%;
6696
+ gap: var(--amplify-space-xxs);
6697
+ padding: var(--amplify-space-xxs);
6698
+ text-overflow: ellipsis;
6699
+ overflow: hidden;
6700
+ white-space: nowrap;
6701
+ align-items: center;
6702
+ justify-content: flex-start;
6703
+ }
6704
+ .amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
6705
+ animation-name: amplify-loader-circular;
6706
+ animation-timing-function: linear;
6707
+ animation-iteration-count: infinite;
6708
+ animation-duration: var(--amplify-components-loader-animation-duration);
6709
+ }
6710
+ .amplify-storage-browser__status {
6711
+ display: flex;
6712
+ flex-direction: row;
6713
+ gap: var(--amplify-space-xs);
6714
+ align-items: center;
6715
+ }
6716
+ .amplify-storage-browser__status-display {
6717
+ display: flex;
6718
+ flex-direction: row;
6719
+ justify-content: flex-end;
6720
+ align-items: center;
6721
+ gap: var(--amplify-space-small);
6722
+ flex: 1;
6723
+ }
6724
+ .amplify-storage-browser__status-label {
6725
+ font-weight: var(--amplify-font-weights-bold);
6726
+ }
6727
+ .amplify-storage-browser__status-value {
6728
+ color: var(--amplify-colors-font-secondary);
6729
+ }
6730
+ .amplify-storage-browser__destination {
6731
+ display: flex;
6732
+ flex-direction: row;
6733
+ gap: var(--amplify-space-xs);
6734
+ align-items: center;
6735
+ }
6736
+ .amplify-storage-browser__destination-label {
6737
+ font-weight: var(--amplify-font-weights-bold);
6738
+ }
6739
+ .amplify-storage-browser__message {
6740
+ flex: 1;
6741
+ }
6742
+ .amplify-storage-browser__buttons {
6743
+ justify-content: flex-end;
6744
+ display: flex;
6745
+ gap: var(--amplify-space-small);
6746
+ }
6747
+ .amplify-storage-browser__loader {
6748
+ position: absolute;
6749
+ stroke-width: var(--amplify-border-widths-large);
6750
+ height: var(--amplify-border-widths-large);
6751
+ top: 0;
6752
+ z-index: 3;
6753
+ }
6754
+
6604
6755
  .amplify-ai-conversation {
6605
6756
  display: flex;
6606
6757
  flex-direction: column;
@@ -6692,12 +6843,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
6692
6843
  flex-direction: row;
6693
6844
  align-items: flex-start;
6694
6845
  gap: var(--amplify-components-ai-conversation-form-gap);
6695
- padding: var(--amplify-components-ai-conversation-form-padding);
6696
6846
  }
6697
6847
  .amplify-ai-conversation__form__dropzone {
6698
6848
  text-align: initial;
6699
6849
  border: none;
6850
+ padding: var(--amplify-components-ai-conversation-form-padding);
6851
+ }
6852
+ .amplify-ai-conversation__form__error {
6700
6853
  padding: 0;
6854
+ padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
6855
+ gap: var(--amplify-components-ai-conversation-attachment-gap);
6701
6856
  }
6702
6857
  .amplify-ai-conversation__attachment {
6703
6858
  display: flex;
@@ -6717,7 +6872,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
6717
6872
  flex-direction: row;
6718
6873
  flex-wrap: wrap;
6719
6874
  gap: var(--amplify-components-ai-conversation-attachment-list-gap);
6720
- padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
6875
+ padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
6721
6876
  }
6722
6877
  .amplify-ai-conversation__attachment__image {
6723
6878
  width: var(--amplify-components-ai-conversation-attachment-image-width);
package/dist/types/components/FileSelect/FileSelect.d.ts ADDED
@@ -0,0 +1,59 @@
1
+ import React from 'react';
2
+ export type SelectType = 'FILE' | 'FOLDER';
3
+ /**
4
+ * @internal @unstable
5
+ */
6
+ export interface FileSelectProps {
7
+ accept?: string;
8
+ id?: string;
9
+ multiple?: boolean;
10
+ onChange?: React.ChangeEventHandler<HTMLInputElement>;
11
+ type?: SelectType;
12
+ testId?: string;
13
+ }
14
+ /**
15
+ * @internal @unstable
16
+ */
17
+ export interface FileSelectOptions extends Omit<FileSelectProps, 'type'> {
18
+ }
19
+ export type HandleFileSelect = (selectType: SelectType, options?: FileSelectOptions) => void;
20
+ /**
21
+ * @internal @unstable
22
+ */
23
+ export type UseFileSelect = [
24
+ fileSelect: React.ReactNode,
25
+ handleFileSelect: HandleFileSelect
26
+ ];
27
+ export declare const DEFAULT_PROPS: {
28
+ style: {
29
+ display: string;
30
+ };
31
+ type: string;
32
+ 'data-testid': string;
33
+ };
34
+ /**
35
+ * @internal @unstable
36
+ */
37
+ export declare const FileSelect: React.ForwardRefExoticComponent<FileSelectProps & React.RefAttributes<HTMLInputElement>>;
38
+ /**
39
+ * @internal @unstable
40
+ *
41
+ * @usage
42
+ * ```tsx
43
+ * function MyUploadButton() {
44
+ * const [files, setFiles] = React.useState<File[]>([]);
45
+ * const [fileSelect, handleFileSelect] = useFileSelect(setFiles);
46
+ * return (
47
+ * <>
48
+ * {fileSelect}
49
+ * <Button
50
+ * onClick={() => {
51
+ * handleFileSelect('file');
52
+ * }}
53
+ * />
54
+ * </>
55
+ * );
56
+ * }
57
+ * ```
58
+ */
59
+ export declare const useFileSelect: (onSelect?: ((files: File[]) => void) | undefined) => UseFileSelect;
package/dist/types/components/FileSelect/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { FileSelect, FileSelectOptions, FileSelectProps, HandleFileSelect, useFileSelect, UseFileSelect, } from './FileSelect';
package/dist/types/internal.d.ts CHANGED
@@ -7,5 +7,7 @@ export { useDropZone } from '@aws-amplify/ui-react-core';
7
7
  export * from './components/FilterChildren';
8
8
  export { AlertIcon } from './primitives/Alert/AlertIcon';
9
9
  export * from './primitives/Icon/internal';
10
+ export { STORAGE_BROWSER_ICON_PATHS, StorageBrowserIconType, } from './primitives/Icon/context/StorageBrowserIcons';
11
+ export { FileSelect, FileSelectOptions, FileSelectProps, HandleFileSelect, useFileSelect, UseFileSelect, } from './components/FileSelect';
10
12
  export { Field } from './primitives/Field';
11
13
  export { PrimitiveCatalog } from './PrimitiveCatalog';
package/dist/types/primitives/Icon/context/IconsContext.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ type StorageBrowserIconType = 'action-canceled' | 'action-error' | 'action-info' | 'action-initial' | 'action-progress' | 'action-queued' | 'action-success' | 'cancel' | 'create-folder' | 'copy-file' | 'delete-file' | 'dismiss' | 'download' | 'error' | 'exit' | 'file' | 'folder' | 'info' | 'loading' | 'menu' | 'paginate-next' | 'paginate-previous' | 'refresh' | 'search' | 'sort-ascending' | 'sort-descending' | 'sort-indeterminate' | 'success' | 'upload-file' | 'upload-folder' | 'vertical-kebab' | 'warning';
2
3
  type ComponentIcons<Keys extends string> = {
3
4
  [Key in Keys]?: React.ReactNode;
4
5
  };
@@ -17,6 +18,7 @@ export type IconsContextInterface = {
17
18
  searchField?: ComponentIcons<'search'>;
18
19
  select?: ComponentIcons<'expand'>;
19
20
  stepperField?: ComponentIcons<'add' | 'remove'>;
21
+ storageBrowser?: ComponentIcons<StorageBrowserIconType>;
20
22
  storageManager?: ComponentIcons<'upload' | 'remove' | 'error' | 'success' | 'file'>;
21
23
  };
22
24
  export declare const IconsContext: React.Context<IconsContextInterface | undefined>;
package/dist/types/primitives/Icon/context/StorageBrowserIcons.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ export type StorageBrowserIconType = 'action-queued' | 'action-progress' | 'action-canceled' | 'action-success' | 'action-error' | 'action-initial' | 'action-info' | 'cancel' | 'create-folder' | 'copy-file' | 'delete-file' | 'dismiss' | 'download' | 'error' | 'exit' | 'info' | 'file' | 'folder' | 'loading' | 'menu' | `paginate-${'next' | 'previous'}` | 'refresh' | 'search' | 'sort-ascending' | 'sort-descending' | 'sort-indeterminate' | 'success' | 'upload-file' | 'upload-folder' | 'vertical-kebab' | 'warning';
2
+ export declare const STORAGE_BROWSER_ICON_PATHS: {
3
+ readonly 'action-canceled': "M280-440h400v-80H280v80ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
4
+ readonly 'action-error': "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
5
+ readonly 'action-info': "M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
6
+ readonly 'action-initial': "M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 280q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
7
+ readonly 'action-progress': "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z";
8
+ readonly 'action-queued': "M280-420q25 0 42.5-17.5T340-480q0-25-17.5-42.5T280-540q-25 0-42.5 17.5T220-480q0 25 17.5 42.5T280-420Zm200 0q25 0 42.5-17.5T540-480q0-25-17.5-42.5T480-540q-25 0-42.5 17.5T420-480q0 25 17.5 42.5T480-420Zm200 0q25 0 42.5-17.5T740-480q0-25-17.5-42.5T680-540q-25 0-42.5 17.5T620-480q0 25 17.5 42.5T680-420ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
9
+ readonly 'action-success': "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
10
+ readonly cancel: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
11
+ readonly 'create-folder': "M560-320h80v-80h80v-80h-80v-80h-80v80h-80v80h80v80ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z";
12
+ readonly 'copy-file': "M760-200H320q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200ZM560-640v-200H320v560h440v-360H560ZM160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-800v200-200 560-560Z";
13
+ readonly 'delete-file': "M240-800v200-200 640-9.5 9.5-640Zm0 720q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v174q-19-7-39-10.5t-41-3.5v-120H520v-200H240v640h254q8 23 20 43t28 37H240Zm396-20-56-56 84-84-84-84 56-56 84 84 84-84 56 56-83 84 83 84-56 56-84-83-84 83Z";
14
+ readonly dismiss: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z";
15
+ readonly download: "M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z";
16
+ readonly error: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
17
+ readonly exit: "M400-240 160-480l240-240 56 58-142 142h486v80H314l142 142-56 58Z";
18
+ readonly file: "M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z";
19
+ readonly folder: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z";
20
+ readonly info: "M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
21
+ readonly loading: "M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z";
22
+ readonly menu: "M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z";
23
+ readonly 'paginate-next': "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z";
24
+ readonly 'paginate-previous': "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z";
25
+ readonly refresh: "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z";
26
+ readonly search: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z";
27
+ readonly 'sort-ascending': "m280-400 200-200 200 200H280Z";
28
+ readonly 'sort-descending': "M480-360 280-560h400L480-360Z";
29
+ readonly 'sort-indeterminate': "M240-440v-80h480v80H240Z";
30
+ readonly success: "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z";
31
+ readonly 'upload-file': "M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63v167ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z";
32
+ readonly 'upload-folder': "M440-280h80v-168l64 64 56-56-160-160-160 160 56 56 64-64v168ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z";
33
+ readonly 'vertical-kebab': "M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z";
34
+ readonly warning: "m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z";
35
+ };
package/dist/types/primitives/components.d.ts CHANGED
@@ -6,6 +6,7 @@ export { Breadcrumbs } from './Breadcrumbs';
6
6
  export { Button } from './Button';
7
7
  export { ButtonGroup } from './ButtonGroup';
8
8
  export { Card } from './Card';
9
+ export { Checkbox } from './Checkbox';
9
10
  export { CheckboxField } from './CheckboxField';
10
11
  export { Collection } from './Collection';
11
12
  export { Divider } from './Divider';
package/dist/types/primitives/types/field.d.ts CHANGED
@@ -19,7 +19,7 @@ export interface BaseFieldProps extends BaseViewProps {
19
19
  * @description
20
20
  * When defined and `hasError` is true, show error message
21
21
  */
22
- errorMessage?: string;
22
+ errorMessage?: React.ReactNode;
23
23
  /**
24
24
  * @description
25
25
  * Label text for field (required)
package/dist/types/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "6.6.0";
1
+ export declare const VERSION = "6.7.1";