@aws-amplify/ui 6.6.6 → 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.
- package/dist/esm/i18n/dictionaries/authenticator/es.mjs +1 -1
- package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +5 -5
- package/dist/esm/types/primitives/componentClassName.mjs +1 -0
- package/dist/index.js +7 -6
- package/dist/styles/AIConversation.css +6 -2
- package/dist/styles/AIConversation.layer.css +6 -2
- package/dist/styles/StorageBrowser.css +150 -0
- package/dist/styles/StorageBrowser.layer.css +152 -0
- package/dist/styles.css +157 -2
- package/dist/styles.layer.css +157 -2
- package/dist/types/machines/authenticator/defaultServices.d.ts +17 -0
- package/dist/types/theme/components/aiConverstion.d.ts +1 -0
- package/dist/types/theme/components/index.d.ts +3 -1
- package/dist/types/theme/components/storageBrowser.d.ts +26 -0
- package/dist/types/types/primitives/componentClassName.d.ts +1 -0
- package/package.json +2 -2
|
@@ -94,7 +94,7 @@ const esDict = {
|
|
|
94
94
|
'Password did not conform with policy: Password must have lowercase characters': 'La contraseña debe tener al menos un carácter en minúsculas',
|
|
95
95
|
'Invalid verification code provided, please try again.': 'Código de verificación no válido, inténtelo de nuevo.',
|
|
96
96
|
'Attempt limit exceeded, please try after some time.': 'Número máximo de intentos excedido, por favor inténtelo de nuevo más tarde.',
|
|
97
|
-
'A network error has occurred.': 'Se ha producido un error de red.'
|
|
97
|
+
'A network error has occurred.': 'Se ha producido un error de red.',
|
|
98
98
|
};
|
|
99
99
|
|
|
100
100
|
export { esDict };
|
|
@@ -58,7 +58,7 @@ const frDict = {
|
|
|
58
58
|
'Add your Profile': 'Ajoutez votre profil',
|
|
59
59
|
'Add your Website': 'Ajoutez votre site web',
|
|
60
60
|
'An account with the given email already exists.': 'Un utilisateur avec cette adresse email existe déjà.',
|
|
61
|
-
|
|
61
|
+
Birthdate: 'Date de naissance',
|
|
62
62
|
Change: 'Modifier',
|
|
63
63
|
'Confirm a Code': 'Confirmer un code',
|
|
64
64
|
'Confirm Sign In': 'Confirmer la connexion',
|
|
@@ -88,11 +88,11 @@ const frDict = {
|
|
|
88
88
|
'Lost your code? ': 'Vous avez perdu votre code ? ',
|
|
89
89
|
'Network error': 'Erreur réseau',
|
|
90
90
|
'New Password': 'Nouveau mot de passe',
|
|
91
|
-
|
|
91
|
+
Name: 'Nom',
|
|
92
92
|
'No account? ': 'Pas de compte ? ',
|
|
93
93
|
'Please confirm your Password': 'Confirmez votre mot de passe',
|
|
94
94
|
'Preferred Username': "Nom d'utilisateur préféré",
|
|
95
|
-
|
|
95
|
+
Profile: 'Profil',
|
|
96
96
|
'Resend a Code': 'Renvoyer un code',
|
|
97
97
|
'Reset password': 'Réinitialiser le mot de passe',
|
|
98
98
|
'Reset Password': 'Réinitialiser le mot de passe',
|
|
@@ -110,7 +110,7 @@ const frDict = {
|
|
|
110
110
|
'Your code is on the way. To log in, enter the code we texted to': 'Votre code est en route. Pour vous connecter entrez le code reçu sur ce numéro de téléphone',
|
|
111
111
|
'Your passwords must match': 'Vos mots de passe doivent être identiques',
|
|
112
112
|
'It may take a minute to arrive.': 'Cela peut prendre quelques minutes.',
|
|
113
|
-
|
|
113
|
+
Website: 'Site web',
|
|
114
114
|
'Password must have at least 8 characters': 'Le mot de passe doit comporter au moins 8 caractères',
|
|
115
115
|
'Password did not conform with policy: Password must have uppercase characters': 'Le mot de passe doit comporter des caractères majuscules',
|
|
116
116
|
'Password did not conform with policy: Password must have numeric characters': 'Le mot de passe doit comporter des caractères numériques',
|
|
@@ -118,7 +118,7 @@ const frDict = {
|
|
|
118
118
|
'Password did not conform with policy: Password must have lowercase characters': 'Le mot de passe doit comporter des caractères minuscules',
|
|
119
119
|
'Invalid verification code provided, please try again.': 'Code de vérification invalide, veuillez réessayer.',
|
|
120
120
|
'Attempt limit exceeded, please try after some time.': 'Nombre maximum de tentatives dépassé, veuillez réessayer plus tard.',
|
|
121
|
-
'A network error has occurred.': "Une erreur de réseau s'est produite."
|
|
121
|
+
'A network error has occurred.': "Une erreur de réseau s'est produite.",
|
|
122
122
|
};
|
|
123
123
|
|
|
124
124
|
export { frDict };
|
|
@@ -30,6 +30,7 @@ const ComponentClassName = {
|
|
|
30
30
|
AIConversationAttachmentRemove: 'amplify-ai-conversation__attachment__remove',
|
|
31
31
|
AIConversationForm: 'amplify-ai-conversation__form',
|
|
32
32
|
AIConversationFormAttach: 'amplify-ai-conversation__form__attach',
|
|
33
|
+
AIConversationFormError: 'amplify-ai-conversation__form__error',
|
|
33
34
|
AIConversationFormSend: 'amplify-ai-conversation__form__send',
|
|
34
35
|
AIConversationFormField: 'amplify-ai-conversation__form__field',
|
|
35
36
|
AIConversationFormDropzone: 'amplify-ai-conversation__form__dropzone',
|
package/dist/index.js
CHANGED
|
@@ -1077,7 +1077,7 @@ const esDict$1 = {
|
|
|
1077
1077
|
'Password did not conform with policy: Password must have lowercase characters': 'La contraseña debe tener al menos un carácter en minúsculas',
|
|
1078
1078
|
'Invalid verification code provided, please try again.': 'Código de verificación no válido, inténtelo de nuevo.',
|
|
1079
1079
|
'Attempt limit exceeded, please try after some time.': 'Número máximo de intentos excedido, por favor inténtelo de nuevo más tarde.',
|
|
1080
|
-
'A network error has occurred.': 'Se ha producido un error de red.'
|
|
1080
|
+
'A network error has occurred.': 'Se ha producido un error de red.',
|
|
1081
1081
|
};
|
|
1082
1082
|
|
|
1083
1083
|
const frDict$1 = {
|
|
@@ -1140,7 +1140,7 @@ const frDict$1 = {
|
|
|
1140
1140
|
'Add your Profile': 'Ajoutez votre profil',
|
|
1141
1141
|
'Add your Website': 'Ajoutez votre site web',
|
|
1142
1142
|
'An account with the given email already exists.': 'Un utilisateur avec cette adresse email existe déjà.',
|
|
1143
|
-
|
|
1143
|
+
Birthdate: 'Date de naissance',
|
|
1144
1144
|
Change: 'Modifier',
|
|
1145
1145
|
'Confirm a Code': 'Confirmer un code',
|
|
1146
1146
|
'Confirm Sign In': 'Confirmer la connexion',
|
|
@@ -1170,11 +1170,11 @@ const frDict$1 = {
|
|
|
1170
1170
|
'Lost your code? ': 'Vous avez perdu votre code ? ',
|
|
1171
1171
|
'Network error': 'Erreur réseau',
|
|
1172
1172
|
'New Password': 'Nouveau mot de passe',
|
|
1173
|
-
|
|
1173
|
+
Name: 'Nom',
|
|
1174
1174
|
'No account? ': 'Pas de compte ? ',
|
|
1175
1175
|
'Please confirm your Password': 'Confirmez votre mot de passe',
|
|
1176
1176
|
'Preferred Username': "Nom d'utilisateur préféré",
|
|
1177
|
-
|
|
1177
|
+
Profile: 'Profil',
|
|
1178
1178
|
'Resend a Code': 'Renvoyer un code',
|
|
1179
1179
|
'Reset password': 'Réinitialiser le mot de passe',
|
|
1180
1180
|
'Reset Password': 'Réinitialiser le mot de passe',
|
|
@@ -1192,7 +1192,7 @@ const frDict$1 = {
|
|
|
1192
1192
|
'Your code is on the way. To log in, enter the code we texted to': 'Votre code est en route. Pour vous connecter entrez le code reçu sur ce numéro de téléphone',
|
|
1193
1193
|
'Your passwords must match': 'Vos mots de passe doivent être identiques',
|
|
1194
1194
|
'It may take a minute to arrive.': 'Cela peut prendre quelques minutes.',
|
|
1195
|
-
|
|
1195
|
+
Website: 'Site web',
|
|
1196
1196
|
'Password must have at least 8 characters': 'Le mot de passe doit comporter au moins 8 caractères',
|
|
1197
1197
|
'Password did not conform with policy: Password must have uppercase characters': 'Le mot de passe doit comporter des caractères majuscules',
|
|
1198
1198
|
'Password did not conform with policy: Password must have numeric characters': 'Le mot de passe doit comporter des caractères numériques',
|
|
@@ -1200,7 +1200,7 @@ const frDict$1 = {
|
|
|
1200
1200
|
'Password did not conform with policy: Password must have lowercase characters': 'Le mot de passe doit comporter des caractères minuscules',
|
|
1201
1201
|
'Invalid verification code provided, please try again.': 'Code de vérification invalide, veuillez réessayer.',
|
|
1202
1202
|
'Attempt limit exceeded, please try after some time.': 'Nombre maximum de tentatives dépassé, veuillez réessayer plus tard.',
|
|
1203
|
-
'A network error has occurred.': "Une erreur de réseau s'est produite."
|
|
1203
|
+
'A network error has occurred.': "Une erreur de réseau s'est produite.",
|
|
1204
1204
|
};
|
|
1205
1205
|
|
|
1206
1206
|
const itDict$1 = {
|
|
@@ -3009,6 +3009,7 @@ const ComponentClassName = {
|
|
|
3009
3009
|
AIConversationAttachmentRemove: 'amplify-ai-conversation__attachment__remove',
|
|
3010
3010
|
AIConversationForm: 'amplify-ai-conversation__form',
|
|
3011
3011
|
AIConversationFormAttach: 'amplify-ai-conversation__form__attach',
|
|
3012
|
+
AIConversationFormError: 'amplify-ai-conversation__form__error',
|
|
3012
3013
|
AIConversationFormSend: 'amplify-ai-conversation__form__send',
|
|
3013
3014
|
AIConversationFormField: 'amplify-ai-conversation__form__field',
|
|
3014
3015
|
AIConversationFormDropzone: 'amplify-ai-conversation__form__dropzone',
|
|
@@ -89,12 +89,16 @@
|
|
|
89
89
|
flex-direction: row;
|
|
90
90
|
align-items: flex-start;
|
|
91
91
|
gap: var(--amplify-components-ai-conversation-form-gap);
|
|
92
|
-
padding: var(--amplify-components-ai-conversation-form-padding);
|
|
93
92
|
}
|
|
94
93
|
.amplify-ai-conversation__form__dropzone {
|
|
95
94
|
text-align: initial;
|
|
96
95
|
border: none;
|
|
96
|
+
padding: var(--amplify-components-ai-conversation-form-padding);
|
|
97
|
+
}
|
|
98
|
+
.amplify-ai-conversation__form__error {
|
|
97
99
|
padding: 0;
|
|
100
|
+
padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
|
|
101
|
+
gap: var(--amplify-components-ai-conversation-attachment-gap);
|
|
98
102
|
}
|
|
99
103
|
.amplify-ai-conversation__attachment {
|
|
100
104
|
display: flex;
|
|
@@ -114,7 +118,7 @@
|
|
|
114
118
|
flex-direction: row;
|
|
115
119
|
flex-wrap: wrap;
|
|
116
120
|
gap: var(--amplify-components-ai-conversation-attachment-list-gap);
|
|
117
|
-
padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
|
|
121
|
+
padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
|
|
118
122
|
}
|
|
119
123
|
.amplify-ai-conversation__attachment__image {
|
|
120
124
|
width: var(--amplify-components-ai-conversation-attachment-image-width);
|
|
@@ -90,12 +90,16 @@
|
|
|
90
90
|
flex-direction: row;
|
|
91
91
|
align-items: flex-start;
|
|
92
92
|
gap: var(--amplify-components-ai-conversation-form-gap);
|
|
93
|
-
padding: var(--amplify-components-ai-conversation-form-padding);
|
|
94
93
|
}
|
|
95
94
|
.amplify-ai-conversation__form__dropzone {
|
|
96
95
|
text-align: initial;
|
|
97
96
|
border: none;
|
|
97
|
+
padding: var(--amplify-components-ai-conversation-form-padding);
|
|
98
|
+
}
|
|
99
|
+
.amplify-ai-conversation__form__error {
|
|
98
100
|
padding: 0;
|
|
101
|
+
padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
|
|
102
|
+
gap: var(--amplify-components-ai-conversation-attachment-gap);
|
|
99
103
|
}
|
|
100
104
|
.amplify-ai-conversation__attachment {
|
|
101
105
|
display: flex;
|
|
@@ -115,7 +119,7 @@
|
|
|
115
119
|
flex-direction: row;
|
|
116
120
|
flex-wrap: wrap;
|
|
117
121
|
gap: var(--amplify-components-ai-conversation-attachment-list-gap);
|
|
118
|
-
padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
|
|
122
|
+
padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
|
|
119
123
|
}
|
|
120
124
|
.amplify-ai-conversation__attachment__image {
|
|
121
125
|
width: var(--amplify-components-ai-conversation-attachment-image-width);
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
.amplify-storage-browser {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
align-items: stretch;
|
|
5
|
+
height: 100%;
|
|
6
|
+
position: relative;
|
|
7
|
+
padding: var(--amplify-space-small);
|
|
8
|
+
gap: var(--amplify-space-small);
|
|
9
|
+
/* Error boundary */
|
|
10
|
+
}
|
|
11
|
+
.amplify-storage-browser__error {
|
|
12
|
+
background-color: var(--amplify-colors-background-error);
|
|
13
|
+
color: var(--amplify-colors-font-error);
|
|
14
|
+
padding: var(--amplify-space-medium);
|
|
15
|
+
}
|
|
16
|
+
.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
|
|
17
|
+
align-self: flex-start;
|
|
18
|
+
}
|
|
19
|
+
.amplify-storage-browser__title {
|
|
20
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
21
|
+
font-size: var(--amplify-font-sizes-large);
|
|
22
|
+
}
|
|
23
|
+
.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
|
|
24
|
+
display: flex;
|
|
25
|
+
flex-direction: row;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: space-between;
|
|
28
|
+
width: 100%;
|
|
29
|
+
gap: var(--amplify-space-medium);
|
|
30
|
+
}
|
|
31
|
+
.amplify-storage-browser__footer {
|
|
32
|
+
justify-content: flex-end;
|
|
33
|
+
}
|
|
34
|
+
.amplify-storage-browser__search {
|
|
35
|
+
display: flex;
|
|
36
|
+
flex-direction: row;
|
|
37
|
+
flex: 1;
|
|
38
|
+
gap: var(--amplify-space-small);
|
|
39
|
+
}
|
|
40
|
+
.amplify-storage-browser__drop-zone {
|
|
41
|
+
flex: 1;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
position: relative;
|
|
44
|
+
width: 100%;
|
|
45
|
+
display: block;
|
|
46
|
+
}
|
|
47
|
+
.amplify-storage-browser__data-table {
|
|
48
|
+
overflow: auto;
|
|
49
|
+
position: relative;
|
|
50
|
+
border-width: var(--amplify-border-widths-small);
|
|
51
|
+
border-style: solid;
|
|
52
|
+
border-color: var(--amplify-colors-border-primary);
|
|
53
|
+
border-radius: var(--amplify-radii-small);
|
|
54
|
+
width: 100%;
|
|
55
|
+
height: 100%;
|
|
56
|
+
display: block;
|
|
57
|
+
}
|
|
58
|
+
.amplify-storage-browser__table {
|
|
59
|
+
width: 100%;
|
|
60
|
+
position: relative;
|
|
61
|
+
}
|
|
62
|
+
.amplify-storage-browser__table-head {
|
|
63
|
+
position: sticky;
|
|
64
|
+
top: 0;
|
|
65
|
+
background: var(--amplify-colors-background-primary);
|
|
66
|
+
box-shadow: var(--amplify-shadows-small);
|
|
67
|
+
z-index: 2;
|
|
68
|
+
}
|
|
69
|
+
.amplify-storage-browser__table-header {
|
|
70
|
+
border: none;
|
|
71
|
+
padding: var(--amplify-space-xxxs);
|
|
72
|
+
}
|
|
73
|
+
.amplify-storage-browser__table-data-cell {
|
|
74
|
+
padding: var(--amplify-space-xxxs);
|
|
75
|
+
}
|
|
76
|
+
.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
|
|
77
|
+
border-inline-start-width: 0;
|
|
78
|
+
border-inline-end-width: 0;
|
|
79
|
+
}
|
|
80
|
+
.amplify-storage-browser__table-data-cell-icon {
|
|
81
|
+
vertical-align: middle;
|
|
82
|
+
margin-inline-end: var(--amplify-space-xs);
|
|
83
|
+
}
|
|
84
|
+
.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 {
|
|
85
|
+
text-align: center;
|
|
86
|
+
}
|
|
87
|
+
.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
|
|
88
|
+
text-align: end;
|
|
89
|
+
}
|
|
90
|
+
.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 {
|
|
91
|
+
display: flex;
|
|
92
|
+
width: 100%;
|
|
93
|
+
gap: var(--amplify-space-xxs);
|
|
94
|
+
padding: var(--amplify-space-xxs);
|
|
95
|
+
text-overflow: ellipsis;
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
white-space: nowrap;
|
|
98
|
+
align-items: center;
|
|
99
|
+
justify-content: flex-start;
|
|
100
|
+
}
|
|
101
|
+
.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 {
|
|
102
|
+
animation-name: amplify-loader-circular;
|
|
103
|
+
animation-timing-function: linear;
|
|
104
|
+
animation-iteration-count: infinite;
|
|
105
|
+
animation-duration: var(--amplify-components-loader-animation-duration);
|
|
106
|
+
}
|
|
107
|
+
.amplify-storage-browser__status {
|
|
108
|
+
display: flex;
|
|
109
|
+
flex-direction: row;
|
|
110
|
+
gap: var(--amplify-space-xs);
|
|
111
|
+
align-items: center;
|
|
112
|
+
}
|
|
113
|
+
.amplify-storage-browser__status-display {
|
|
114
|
+
display: flex;
|
|
115
|
+
flex-direction: row;
|
|
116
|
+
justify-content: flex-end;
|
|
117
|
+
align-items: center;
|
|
118
|
+
gap: var(--amplify-space-small);
|
|
119
|
+
flex: 1;
|
|
120
|
+
}
|
|
121
|
+
.amplify-storage-browser__status-label {
|
|
122
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
123
|
+
}
|
|
124
|
+
.amplify-storage-browser__status-value {
|
|
125
|
+
color: var(--amplify-colors-font-secondary);
|
|
126
|
+
}
|
|
127
|
+
.amplify-storage-browser__destination {
|
|
128
|
+
display: flex;
|
|
129
|
+
flex-direction: row;
|
|
130
|
+
gap: var(--amplify-space-xs);
|
|
131
|
+
align-items: center;
|
|
132
|
+
}
|
|
133
|
+
.amplify-storage-browser__destination-label {
|
|
134
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
135
|
+
}
|
|
136
|
+
.amplify-storage-browser__message {
|
|
137
|
+
flex: 1;
|
|
138
|
+
}
|
|
139
|
+
.amplify-storage-browser__buttons {
|
|
140
|
+
justify-content: flex-end;
|
|
141
|
+
display: flex;
|
|
142
|
+
gap: var(--amplify-space-small);
|
|
143
|
+
}
|
|
144
|
+
.amplify-storage-browser__loader {
|
|
145
|
+
position: absolute;
|
|
146
|
+
stroke-width: var(--amplify-border-widths-large);
|
|
147
|
+
height: var(--amplify-border-widths-large);
|
|
148
|
+
top: 0;
|
|
149
|
+
z-index: 3;
|
|
150
|
+
}
|
|
@@ -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);
|
|
@@ -16,6 +16,7 @@ export declare const defaultServices: {
|
|
|
16
16
|
userAttributes?: never;
|
|
17
17
|
mfa?: never;
|
|
18
18
|
passwordFormat?: never;
|
|
19
|
+
groups?: never;
|
|
19
20
|
} | {
|
|
20
21
|
loginMechanisms: ("email" | "phone_number" | "username")[];
|
|
21
22
|
signUpAttributes: UserAttributeKey[];
|
|
@@ -45,6 +46,9 @@ export declare const defaultServices: {
|
|
|
45
46
|
requireNumbers?: boolean;
|
|
46
47
|
requireSpecialCharacters?: boolean;
|
|
47
48
|
};
|
|
49
|
+
groups?: Record<string, {
|
|
50
|
+
[x: string]: number;
|
|
51
|
+
}>[];
|
|
48
52
|
identityPoolId?: never;
|
|
49
53
|
allowGuestAccess?: never;
|
|
50
54
|
} | {
|
|
@@ -61,6 +65,7 @@ export declare const defaultServices: {
|
|
|
61
65
|
userAttributes?: never;
|
|
62
66
|
mfa?: never;
|
|
63
67
|
passwordFormat?: never;
|
|
68
|
+
groups?: never;
|
|
64
69
|
} | {
|
|
65
70
|
loginMechanisms: ("email" | "phone_number" | "username")[];
|
|
66
71
|
signUpAttributes: UserAttributeKey[];
|
|
@@ -75,6 +80,7 @@ export declare const defaultServices: {
|
|
|
75
80
|
userAttributes?: never;
|
|
76
81
|
mfa?: never;
|
|
77
82
|
passwordFormat?: never;
|
|
83
|
+
groups?: never;
|
|
78
84
|
} | {
|
|
79
85
|
loginMechanisms: ("email" | "phone_number" | "username")[];
|
|
80
86
|
signUpAttributes: UserAttributeKey[];
|
|
@@ -87,6 +93,7 @@ export declare const defaultServices: {
|
|
|
87
93
|
userAttributes?: never;
|
|
88
94
|
mfa?: never;
|
|
89
95
|
passwordFormat?: never;
|
|
96
|
+
groups?: never;
|
|
90
97
|
identityPoolId: never;
|
|
91
98
|
allowGuestAccess?: never;
|
|
92
99
|
} | {
|
|
@@ -118,6 +125,9 @@ export declare const defaultServices: {
|
|
|
118
125
|
requireNumbers?: boolean;
|
|
119
126
|
requireSpecialCharacters?: boolean;
|
|
120
127
|
};
|
|
128
|
+
groups?: Record<string, {
|
|
129
|
+
[x: string]: number;
|
|
130
|
+
}>[];
|
|
121
131
|
identityPoolId: never;
|
|
122
132
|
allowGuestAccess?: never;
|
|
123
133
|
} | {
|
|
@@ -132,6 +142,7 @@ export declare const defaultServices: {
|
|
|
132
142
|
userAttributes?: never;
|
|
133
143
|
mfa?: never;
|
|
134
144
|
passwordFormat?: never;
|
|
145
|
+
groups?: never;
|
|
135
146
|
identityPoolId: string;
|
|
136
147
|
allowGuestAccess?: boolean;
|
|
137
148
|
} | {
|
|
@@ -163,6 +174,9 @@ export declare const defaultServices: {
|
|
|
163
174
|
requireNumbers?: boolean;
|
|
164
175
|
requireSpecialCharacters?: boolean;
|
|
165
176
|
};
|
|
177
|
+
groups?: Record<string, {
|
|
178
|
+
[x: string]: number;
|
|
179
|
+
}>[];
|
|
166
180
|
identityPoolId: never;
|
|
167
181
|
allowGuestAccess?: never;
|
|
168
182
|
} | {
|
|
@@ -194,6 +208,9 @@ export declare const defaultServices: {
|
|
|
194
208
|
requireNumbers?: boolean;
|
|
195
209
|
requireSpecialCharacters?: boolean;
|
|
196
210
|
};
|
|
211
|
+
groups?: Record<string, {
|
|
212
|
+
[x: string]: number;
|
|
213
|
+
}>[];
|
|
197
214
|
identityPoolId: string;
|
|
198
215
|
allowGuestAccess?: boolean;
|
|
199
216
|
}>;
|
|
@@ -12,6 +12,7 @@ export type AIConversationTheme<Required extends boolean = false> = ComponentSty
|
|
|
12
12
|
form__dropzone?: ComponentStyles;
|
|
13
13
|
form__attatch?: ComponentStyles;
|
|
14
14
|
form__send?: ComponentStyles;
|
|
15
|
+
form_error?: ComponentStyles;
|
|
15
16
|
form_field?: ComponentStyles;
|
|
16
17
|
attachment?: ComponentStyles;
|
|
17
18
|
attachment__list?: ComponentStyles;
|
|
@@ -34,6 +34,7 @@ import { SelectTheme } from './select';
|
|
|
34
34
|
import { SelectFieldTheme } from './selectField';
|
|
35
35
|
import { SliderFieldTheme } from './sliderField';
|
|
36
36
|
import { StepperFieldTheme } from './stepperField';
|
|
37
|
+
import { StorageBrowserTheme } from './storageBrowser';
|
|
37
38
|
import { StorageManagerTheme } from './storageManager';
|
|
38
39
|
import { SwitchFieldTheme, SwitchTheme } from './switchField';
|
|
39
40
|
import { TableTheme } from './table';
|
|
@@ -46,7 +47,7 @@ import { ToggleButtonTheme, ToggleButtonGroupTheme } from './toggleButton';
|
|
|
46
47
|
import { ComponentTheme, BaseComponentTheme, BaseTheme } from './utils';
|
|
47
48
|
export { ClassNameFunction } from '../createTheme/createComponentClasses';
|
|
48
49
|
export type { ComponentTheme, BaseComponentTheme, BaseTheme };
|
|
49
|
-
export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AIConversationTheme, 'ai-conversation', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<AvatarTheme, 'avatar', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<FileUploaderTheme, 'fileuploader', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
|
|
50
|
+
export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AIConversationTheme, 'ai-conversation', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<AvatarTheme, 'avatar', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<FileUploaderTheme, 'fileuploader', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageBrowserTheme, 'storage-browser', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
|
|
50
51
|
export type AllComponentThemes = {
|
|
51
52
|
accordion: AccordionTheme;
|
|
52
53
|
'ai-conversation': AIConversationTheme;
|
|
@@ -83,6 +84,7 @@ export type AllComponentThemes = {
|
|
|
83
84
|
selectfield: SelectFieldTheme;
|
|
84
85
|
sliderfield: SliderFieldTheme;
|
|
85
86
|
stepperfield: StepperFieldTheme;
|
|
87
|
+
'storage-browser': StorageBrowserTheme;
|
|
86
88
|
storagemanager: StorageManagerTheme;
|
|
87
89
|
switch: SwitchTheme;
|
|
88
90
|
switchfield: SwitchFieldTheme;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Modifiers, ComponentStyles, Elements } from './utils';
|
|
2
|
+
type TableCellVariations = 'download' | 'select' | 'cancel';
|
|
3
|
+
export type StorageBrowserTheme<Required extends boolean = false> = ComponentStyles & Elements<{
|
|
4
|
+
error?: ComponentStyles;
|
|
5
|
+
exit?: ComponentStyles;
|
|
6
|
+
navigation?: ComponentStyles;
|
|
7
|
+
title?: ComponentStyles;
|
|
8
|
+
controls?: ComponentStyles;
|
|
9
|
+
pagination?: ComponentStyles;
|
|
10
|
+
search?: ComponentStyles;
|
|
11
|
+
refresh?: ComponentStyles;
|
|
12
|
+
menu?: ComponentStyles;
|
|
13
|
+
summary?: ComponentStyles;
|
|
14
|
+
footer?: ComponentStyles;
|
|
15
|
+
status?: ComponentStyles;
|
|
16
|
+
message?: ComponentStyles;
|
|
17
|
+
buttons?: ComponentStyles;
|
|
18
|
+
'drop-zone'?: ComponentStyles;
|
|
19
|
+
'data-table'?: ComponentStyles;
|
|
20
|
+
'table-head'?: ComponentStyles;
|
|
21
|
+
'table-header'?: Modifiers<TableCellVariations, Required> & ComponentStyles;
|
|
22
|
+
'table-body'?: ComponentStyles;
|
|
23
|
+
'table-row'?: ComponentStyles;
|
|
24
|
+
'table-data-cell'?: Modifiers<TableCellVariations, Required> & ComponentStyles;
|
|
25
|
+
}, Required>;
|
|
26
|
+
export {};
|
|
@@ -30,6 +30,7 @@ export declare const ComponentClassName: {
|
|
|
30
30
|
readonly AIConversationAttachmentRemove: "amplify-ai-conversation__attachment__remove";
|
|
31
31
|
readonly AIConversationForm: "amplify-ai-conversation__form";
|
|
32
32
|
readonly AIConversationFormAttach: "amplify-ai-conversation__form__attach";
|
|
33
|
+
readonly AIConversationFormError: "amplify-ai-conversation__form__error";
|
|
33
34
|
readonly AIConversationFormSend: "amplify-ai-conversation__form__send";
|
|
34
35
|
readonly AIConversationFormField: "amplify-ai-conversation__form__field";
|
|
35
36
|
readonly AIConversationFormDropzone: "amplify-ai-conversation__form__dropzone";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aws-amplify/ui",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/esm/index.mjs",
|
|
6
6
|
"exports": {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"@aws-amplify/core": "*",
|
|
53
|
-
"aws-amplify": "^6.
|
|
53
|
+
"aws-amplify": "^6.9.0",
|
|
54
54
|
"xstate": "^4.33.6"
|
|
55
55
|
},
|
|
56
56
|
"peerDependenciesMeta": {
|