@aws-amplify/ui 6.6.5 → 6.7.0
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/theme/createTheme/defineComponentTheme.mjs +0 -1
- package/dist/esm/theme/tokens/components/aiConversation.mjs +1 -0
- package/dist/index.js +7 -7
- package/dist/styles/AIConversation.css +11 -0
- package/dist/styles/AIConversation.layer.css +11 -0
- package/dist/styles/StorageBrowser.css +150 -0
- package/dist/styles/StorageBrowser.layer.css +152 -0
- package/dist/styles/base.css +1 -0
- package/dist/styles/base.layer.css +1 -0
- package/dist/styles.css +163 -0
- package/dist/styles.layer.css +163 -0
- package/dist/theme.css +1 -0
- package/dist/types/machines/authenticator/defaultServices.d.ts +17 -0
- package/dist/types/theme/components/index.d.ts +3 -1
- package/dist/types/theme/components/storageBrowser.d.ts +26 -0
- package/dist/types/theme/createTheme/defineComponentTheme.d.ts +0 -1
- package/dist/types/theme/tokens/components/aiConversation.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 };
|
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 = {
|
|
@@ -5667,6 +5667,7 @@ const aiConversation = {
|
|
|
5667
5667
|
},
|
|
5668
5668
|
},
|
|
5669
5669
|
body: { gap: { value: '{space.xs.value}' } },
|
|
5670
|
+
actions: { gap: { value: '{space.xs.value}' } },
|
|
5670
5671
|
},
|
|
5671
5672
|
form: {
|
|
5672
5673
|
gap: { value: '{space.small.value}' },
|
|
@@ -9142,7 +9143,6 @@ function modifierClassnames({ className, modifiers, }) {
|
|
|
9142
9143
|
* to both completely customize built-in components and
|
|
9143
9144
|
* build your own components!
|
|
9144
9145
|
*
|
|
9145
|
-
* @experimental
|
|
9146
9146
|
*
|
|
9147
9147
|
* ```ts
|
|
9148
9148
|
* // built-in component styling
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
}
|
|
42
42
|
.amplify-ai-conversation__message__body {
|
|
43
43
|
display: flex;
|
|
44
|
+
flex: 1;
|
|
44
45
|
flex-direction: column;
|
|
45
46
|
align-items: var(--internal-body-align-items);
|
|
46
47
|
gap: var(--amplify-components-ai-conversation-message-body-gap);
|
|
@@ -49,10 +50,20 @@
|
|
|
49
50
|
background-color: var(--internal-content-bg);
|
|
50
51
|
border-radius: var(--amplify-radii-medium);
|
|
51
52
|
padding: var(--internal-content-padding);
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
gap: var(--amplify-space-small);
|
|
56
|
+
}
|
|
57
|
+
.amplify-ai-conversation__message__text {
|
|
58
|
+
display: block;
|
|
59
|
+
}
|
|
60
|
+
.amplify-ai-conversation__message__image {
|
|
61
|
+
max-width: 25%;
|
|
52
62
|
}
|
|
53
63
|
.amplify-ai-conversation__message__actions {
|
|
54
64
|
display: flex;
|
|
55
65
|
flex-direction: row;
|
|
66
|
+
gap: var(--amplify-components-ai-conversation-message-actions-gap);
|
|
56
67
|
}
|
|
57
68
|
.amplify-ai-conversation__message--bubble {
|
|
58
69
|
--internal-content-bg: var(--internal-bg-color);
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
}
|
|
43
43
|
.amplify-ai-conversation__message__body {
|
|
44
44
|
display: flex;
|
|
45
|
+
flex: 1;
|
|
45
46
|
flex-direction: column;
|
|
46
47
|
align-items: var(--internal-body-align-items);
|
|
47
48
|
gap: var(--amplify-components-ai-conversation-message-body-gap);
|
|
@@ -50,10 +51,20 @@
|
|
|
50
51
|
background-color: var(--internal-content-bg);
|
|
51
52
|
border-radius: var(--amplify-radii-medium);
|
|
52
53
|
padding: var(--internal-content-padding);
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-direction: column;
|
|
56
|
+
gap: var(--amplify-space-small);
|
|
57
|
+
}
|
|
58
|
+
.amplify-ai-conversation__message__text {
|
|
59
|
+
display: block;
|
|
60
|
+
}
|
|
61
|
+
.amplify-ai-conversation__message__image {
|
|
62
|
+
max-width: 25%;
|
|
53
63
|
}
|
|
54
64
|
.amplify-ai-conversation__message__actions {
|
|
55
65
|
display: flex;
|
|
56
66
|
flex-direction: row;
|
|
67
|
+
gap: var(--amplify-components-ai-conversation-message-actions-gap);
|
|
57
68
|
}
|
|
58
69
|
.amplify-ai-conversation__message--bubble {
|
|
59
70
|
--internal-content-bg: var(--internal-bg-color);
|
|
@@ -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/base.css
CHANGED
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
|
|
41
41
|
--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
|
|
42
42
|
--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
|
|
43
|
+
--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
|
|
43
44
|
--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
|
|
44
45
|
--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
|
|
45
46
|
--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
|
|
42
42
|
--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
|
|
43
43
|
--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
|
|
44
|
+
--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
|
|
44
45
|
--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
|
|
45
46
|
--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
|
|
46
47
|
--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
|
package/dist/styles.css
CHANGED
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
|
|
41
41
|
--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
|
|
42
42
|
--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
|
|
43
|
+
--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
|
|
43
44
|
--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
|
|
44
45
|
--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
|
|
45
46
|
--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
|
|
@@ -6599,6 +6600,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6599
6600
|
gap: var(--amplify-space-small);
|
|
6600
6601
|
}
|
|
6601
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
|
+
|
|
6602
6754
|
.amplify-ai-conversation {
|
|
6603
6755
|
display: flex;
|
|
6604
6756
|
flex-direction: column;
|
|
@@ -6642,6 +6794,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6642
6794
|
}
|
|
6643
6795
|
.amplify-ai-conversation__message__body {
|
|
6644
6796
|
display: flex;
|
|
6797
|
+
flex: 1;
|
|
6645
6798
|
flex-direction: column;
|
|
6646
6799
|
align-items: var(--internal-body-align-items);
|
|
6647
6800
|
gap: var(--amplify-components-ai-conversation-message-body-gap);
|
|
@@ -6650,10 +6803,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6650
6803
|
background-color: var(--internal-content-bg);
|
|
6651
6804
|
border-radius: var(--amplify-radii-medium);
|
|
6652
6805
|
padding: var(--internal-content-padding);
|
|
6806
|
+
display: flex;
|
|
6807
|
+
flex-direction: column;
|
|
6808
|
+
gap: var(--amplify-space-small);
|
|
6809
|
+
}
|
|
6810
|
+
.amplify-ai-conversation__message__text {
|
|
6811
|
+
display: block;
|
|
6812
|
+
}
|
|
6813
|
+
.amplify-ai-conversation__message__image {
|
|
6814
|
+
max-width: 25%;
|
|
6653
6815
|
}
|
|
6654
6816
|
.amplify-ai-conversation__message__actions {
|
|
6655
6817
|
display: flex;
|
|
6656
6818
|
flex-direction: row;
|
|
6819
|
+
gap: var(--amplify-components-ai-conversation-message-actions-gap);
|
|
6657
6820
|
}
|
|
6658
6821
|
.amplify-ai-conversation__message--bubble {
|
|
6659
6822
|
--internal-content-bg: var(--internal-bg-color);
|
package/dist/styles.layer.css
CHANGED
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
|
|
42
42
|
--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
|
|
43
43
|
--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
|
|
44
|
+
--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
|
|
44
45
|
--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
|
|
45
46
|
--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
|
|
46
47
|
--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
|
|
@@ -6600,6 +6601,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6600
6601
|
gap: var(--amplify-space-small);
|
|
6601
6602
|
}
|
|
6602
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
|
+
|
|
6603
6755
|
.amplify-ai-conversation {
|
|
6604
6756
|
display: flex;
|
|
6605
6757
|
flex-direction: column;
|
|
@@ -6643,6 +6795,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6643
6795
|
}
|
|
6644
6796
|
.amplify-ai-conversation__message__body {
|
|
6645
6797
|
display: flex;
|
|
6798
|
+
flex: 1;
|
|
6646
6799
|
flex-direction: column;
|
|
6647
6800
|
align-items: var(--internal-body-align-items);
|
|
6648
6801
|
gap: var(--amplify-components-ai-conversation-message-body-gap);
|
|
@@ -6651,10 +6804,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
6651
6804
|
background-color: var(--internal-content-bg);
|
|
6652
6805
|
border-radius: var(--amplify-radii-medium);
|
|
6653
6806
|
padding: var(--internal-content-padding);
|
|
6807
|
+
display: flex;
|
|
6808
|
+
flex-direction: column;
|
|
6809
|
+
gap: var(--amplify-space-small);
|
|
6810
|
+
}
|
|
6811
|
+
.amplify-ai-conversation__message__text {
|
|
6812
|
+
display: block;
|
|
6813
|
+
}
|
|
6814
|
+
.amplify-ai-conversation__message__image {
|
|
6815
|
+
max-width: 25%;
|
|
6654
6816
|
}
|
|
6655
6817
|
.amplify-ai-conversation__message__actions {
|
|
6656
6818
|
display: flex;
|
|
6657
6819
|
flex-direction: row;
|
|
6820
|
+
gap: var(--amplify-components-ai-conversation-message-actions-gap);
|
|
6658
6821
|
}
|
|
6659
6822
|
.amplify-ai-conversation__message--bubble {
|
|
6660
6823
|
--internal-content-bg: var(--internal-bg-color);
|
package/dist/theme.css
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
|
|
38
38
|
--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
|
|
39
39
|
--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
|
|
40
|
+
--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
|
|
40
41
|
--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
|
|
41
42
|
--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
|
|
42
43
|
--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
|
|
@@ -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
|
}>;
|
|
@@ -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, 'storagebrowser', 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
|
+
storagebrowser: 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 {};
|
|
@@ -5,6 +5,7 @@ export interface AIConversationTokens<OutputType extends OutputVariantKey> {
|
|
|
5
5
|
username?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
|
|
6
6
|
timestamp?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
|
|
7
7
|
};
|
|
8
|
+
actions?: DesignTokenProperties<'gap', OutputType>;
|
|
8
9
|
body?: DesignTokenProperties<'gap', OutputType>;
|
|
9
10
|
user?: DesignTokenProperties<'backgroundColor', OutputType>;
|
|
10
11
|
assistant?: DesignTokenProperties<'backgroundColor', OutputType>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aws-amplify/ui",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.7.0",
|
|
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": {
|