@aws-amplify/ui 6.13.0 → 6.15.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/helpers/authenticator/facade.mjs +9 -2
- package/dist/esm/helpers/authenticator/formFields/defaults.mjs +34 -8
- package/dist/esm/helpers/authenticator/getRoute.mjs +8 -0
- package/dist/esm/helpers/authenticator/textUtil.mjs +34 -0
- package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs +27 -0
- package/dist/esm/i18n/dictionaries/authenticator/es.mjs +1 -1
- package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +1 -1
- package/dist/esm/machines/authenticator/actions.mjs +63 -4
- package/dist/esm/machines/authenticator/actors/signIn.mjs +199 -49
- package/dist/esm/machines/authenticator/actors/signUp.mjs +81 -27
- package/dist/esm/machines/authenticator/defaultServices.mjs +37 -0
- package/dist/esm/machines/authenticator/guards.mjs +49 -1
- package/dist/esm/machines/authenticator/index.mjs +29 -15
- package/dist/esm/machines/authenticator/utils.mjs +58 -6
- package/dist/index.js +625 -111
- package/dist/styles/StorageBrowser.css +0 -1
- package/dist/styles/StorageBrowser.layer.css +0 -1
- package/dist/styles/authenticator.css +17 -0
- package/dist/styles/authenticator.layer.css +17 -0
- package/dist/styles/modal.css +81 -0
- package/dist/styles/modal.layer.css +83 -0
- package/dist/styles.css +100 -1
- package/dist/styles.layer.css +100 -1
- package/dist/types/helpers/authenticator/facade.d.ts +6 -2
- package/dist/types/helpers/authenticator/textUtil.d.ts +24 -1
- package/dist/types/i18n/dictionaries/authenticator/defaultTexts.d.ts +27 -0
- package/dist/types/i18n/dictionaries/index.d.ts +27 -0
- package/dist/types/i18n/translations.d.ts +27 -0
- package/dist/types/machines/authenticator/defaultServices.d.ts +105 -0
- package/dist/types/machines/authenticator/types.d.ts +26 -2
- package/dist/types/machines/authenticator/utils.d.ts +14 -2
- package/dist/types/theme/components/index.d.ts +3 -1
- package/dist/types/theme/components/modal.d.ts +10 -0
- package/package.json +5 -4
|
@@ -69,4 +69,21 @@
|
|
|
69
69
|
.amplify-authenticator__federated-button {
|
|
70
70
|
font-weight: normal;
|
|
71
71
|
gap: var(--amplify-space-medium);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
|
|
75
|
+
font-size: var(--amplify-font-sizes-xxxl);
|
|
76
|
+
color: var(--amplify-colors-green-60, #34a853);
|
|
77
|
+
}
|
|
78
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
|
|
79
|
+
padding: var(--amplify-space-medium);
|
|
80
|
+
background-color: var(--amplify-colors-background-secondary);
|
|
81
|
+
border-radius: var(--amplify-radii-small);
|
|
82
|
+
}
|
|
83
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
|
|
84
|
+
color: var(--amplify-colors-font-error);
|
|
85
|
+
margin-top: var(--amplify-space-small);
|
|
86
|
+
}
|
|
87
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
|
|
88
|
+
font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
|
|
72
89
|
}
|
|
@@ -71,4 +71,21 @@
|
|
|
71
71
|
font-weight: normal;
|
|
72
72
|
gap: var(--amplify-space-medium);
|
|
73
73
|
}
|
|
74
|
+
|
|
75
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
|
|
76
|
+
font-size: var(--amplify-font-sizes-xxxl);
|
|
77
|
+
color: var(--amplify-colors-green-60, #34a853);
|
|
78
|
+
}
|
|
79
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
|
|
80
|
+
padding: var(--amplify-space-medium);
|
|
81
|
+
background-color: var(--amplify-colors-background-secondary);
|
|
82
|
+
border-radius: var(--amplify-radii-small);
|
|
83
|
+
}
|
|
84
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
|
|
85
|
+
color: var(--amplify-colors-font-error);
|
|
86
|
+
margin-top: var(--amplify-space-small);
|
|
87
|
+
}
|
|
88
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
|
|
89
|
+
font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
|
|
90
|
+
}
|
|
74
91
|
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/* Modal component with highest specificity to override global resets */
|
|
2
|
+
.amplify-modal__overlay.amplify-modal__overlay {
|
|
3
|
+
position: fixed;
|
|
4
|
+
top: 0;
|
|
5
|
+
left: 0;
|
|
6
|
+
right: 0;
|
|
7
|
+
bottom: 0;
|
|
8
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
9
|
+
z-index: 1000;
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
box-sizing: border-box;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.amplify-modal__content.amplify-modal__content {
|
|
17
|
+
background-color: var(--amplify-colors-background-primary);
|
|
18
|
+
padding: var(--amplify-space-large);
|
|
19
|
+
border-radius: var(--amplify-radii-medium);
|
|
20
|
+
box-shadow: var(--amplify-shadows-large);
|
|
21
|
+
max-width: 500px;
|
|
22
|
+
width: 90%;
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.amplify-modal__header.amplify-modal__header {
|
|
27
|
+
margin-bottom: var(--amplify-space-medium);
|
|
28
|
+
display: flex;
|
|
29
|
+
justify-content: space-between;
|
|
30
|
+
align-items: center;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.amplify-modal__title.amplify-modal__title {
|
|
34
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
35
|
+
font-size: var(--amplify-font-sizes-large);
|
|
36
|
+
margin: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.amplify-modal__close-button.amplify-modal__close-button {
|
|
40
|
+
background: none;
|
|
41
|
+
border: none;
|
|
42
|
+
font-size: var(--amplify-font-sizes-large);
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
padding: var(--amplify-space-xs);
|
|
45
|
+
color: var(--amplify-colors-font-secondary);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.amplify-modal__close-button.amplify-modal__close-button:hover {
|
|
49
|
+
color: var(--amplify-colors-font-primary);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.amplify-modal__body.amplify-modal__body {
|
|
53
|
+
margin-bottom: var(--amplify-space-medium);
|
|
54
|
+
color: var(--amplify-colors-font-primary);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.amplify-modal__footer.amplify-modal__footer {
|
|
58
|
+
display: flex;
|
|
59
|
+
gap: var(--amplify-space-xs);
|
|
60
|
+
justify-content: flex-end;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.amplify-modal__list-title.amplify-modal__list-title {
|
|
64
|
+
margin-bottom: var(--amplify-space-xs);
|
|
65
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
66
|
+
box-sizing: border-box;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.amplify-modal__list.amplify-modal__list {
|
|
70
|
+
margin: var(--amplify-space-xs) 0;
|
|
71
|
+
padding-left: var(--amplify-space-medium);
|
|
72
|
+
max-height: 250px;
|
|
73
|
+
overflow-y: auto;
|
|
74
|
+
box-sizing: border-box;
|
|
75
|
+
list-style: disc;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.amplify-modal__list-item.amplify-modal__list-item {
|
|
79
|
+
margin-bottom: var(--amplify-space-xxs);
|
|
80
|
+
box-sizing: border-box;
|
|
81
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@layer amplify.components {
|
|
2
|
+
/* Modal component with highest specificity to override global resets */
|
|
3
|
+
.amplify-modal__overlay.amplify-modal__overlay {
|
|
4
|
+
position: fixed;
|
|
5
|
+
top: 0;
|
|
6
|
+
left: 0;
|
|
7
|
+
right: 0;
|
|
8
|
+
bottom: 0;
|
|
9
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
10
|
+
z-index: 1000;
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.amplify-modal__content.amplify-modal__content {
|
|
18
|
+
background-color: var(--amplify-colors-background-primary);
|
|
19
|
+
padding: var(--amplify-space-large);
|
|
20
|
+
border-radius: var(--amplify-radii-medium);
|
|
21
|
+
box-shadow: var(--amplify-shadows-large);
|
|
22
|
+
max-width: 500px;
|
|
23
|
+
width: 90%;
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.amplify-modal__header.amplify-modal__header {
|
|
28
|
+
margin-bottom: var(--amplify-space-medium);
|
|
29
|
+
display: flex;
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
align-items: center;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.amplify-modal__title.amplify-modal__title {
|
|
35
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
36
|
+
font-size: var(--amplify-font-sizes-large);
|
|
37
|
+
margin: 0;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.amplify-modal__close-button.amplify-modal__close-button {
|
|
41
|
+
background: none;
|
|
42
|
+
border: none;
|
|
43
|
+
font-size: var(--amplify-font-sizes-large);
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
padding: var(--amplify-space-xs);
|
|
46
|
+
color: var(--amplify-colors-font-secondary);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.amplify-modal__close-button.amplify-modal__close-button:hover {
|
|
50
|
+
color: var(--amplify-colors-font-primary);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.amplify-modal__body.amplify-modal__body {
|
|
54
|
+
margin-bottom: var(--amplify-space-medium);
|
|
55
|
+
color: var(--amplify-colors-font-primary);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.amplify-modal__footer.amplify-modal__footer {
|
|
59
|
+
display: flex;
|
|
60
|
+
gap: var(--amplify-space-xs);
|
|
61
|
+
justify-content: flex-end;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.amplify-modal__list-title.amplify-modal__list-title {
|
|
65
|
+
margin-bottom: var(--amplify-space-xs);
|
|
66
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
67
|
+
box-sizing: border-box;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.amplify-modal__list.amplify-modal__list {
|
|
71
|
+
margin: var(--amplify-space-xs) 0;
|
|
72
|
+
padding-left: var(--amplify-space-medium);
|
|
73
|
+
max-height: 250px;
|
|
74
|
+
overflow-y: auto;
|
|
75
|
+
box-sizing: border-box;
|
|
76
|
+
list-style: disc;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.amplify-modal__list-item.amplify-modal__list-item {
|
|
80
|
+
margin-bottom: var(--amplify-space-xxs);
|
|
81
|
+
box-sizing: border-box;
|
|
82
|
+
}
|
|
83
|
+
}
|
package/dist/styles.css
CHANGED
|
@@ -3565,6 +3565,23 @@ strong.amplify-text {
|
|
|
3565
3565
|
gap: var(--amplify-space-medium);
|
|
3566
3566
|
}
|
|
3567
3567
|
|
|
3568
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
|
|
3569
|
+
font-size: var(--amplify-font-sizes-xxxl);
|
|
3570
|
+
color: var(--amplify-colors-green-60, #34a853);
|
|
3571
|
+
}
|
|
3572
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
|
|
3573
|
+
padding: var(--amplify-space-medium);
|
|
3574
|
+
background-color: var(--amplify-colors-background-secondary);
|
|
3575
|
+
border-radius: var(--amplify-radii-small);
|
|
3576
|
+
}
|
|
3577
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
|
|
3578
|
+
color: var(--amplify-colors-font-error);
|
|
3579
|
+
margin-top: var(--amplify-space-small);
|
|
3580
|
+
}
|
|
3581
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
|
|
3582
|
+
font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
|
|
3583
|
+
}
|
|
3584
|
+
|
|
3568
3585
|
.amplify-avatar {
|
|
3569
3586
|
--avatar-color: var(--amplify-components-avatar-color);
|
|
3570
3587
|
--avatar-background-color: var(--amplify-components-avatar-background-color);
|
|
@@ -4799,6 +4816,88 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4799
4816
|
gap: var(--amplify-components-message-dismiss-gap);
|
|
4800
4817
|
}
|
|
4801
4818
|
|
|
4819
|
+
/* Modal component with highest specificity to override global resets */
|
|
4820
|
+
.amplify-modal__overlay.amplify-modal__overlay {
|
|
4821
|
+
position: fixed;
|
|
4822
|
+
top: 0;
|
|
4823
|
+
left: 0;
|
|
4824
|
+
right: 0;
|
|
4825
|
+
bottom: 0;
|
|
4826
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
4827
|
+
z-index: 1000;
|
|
4828
|
+
display: flex;
|
|
4829
|
+
align-items: center;
|
|
4830
|
+
justify-content: center;
|
|
4831
|
+
box-sizing: border-box;
|
|
4832
|
+
}
|
|
4833
|
+
|
|
4834
|
+
.amplify-modal__content.amplify-modal__content {
|
|
4835
|
+
background-color: var(--amplify-colors-background-primary);
|
|
4836
|
+
padding: var(--amplify-space-large);
|
|
4837
|
+
border-radius: var(--amplify-radii-medium);
|
|
4838
|
+
box-shadow: var(--amplify-shadows-large);
|
|
4839
|
+
max-width: 500px;
|
|
4840
|
+
width: 90%;
|
|
4841
|
+
box-sizing: border-box;
|
|
4842
|
+
}
|
|
4843
|
+
|
|
4844
|
+
.amplify-modal__header.amplify-modal__header {
|
|
4845
|
+
margin-bottom: var(--amplify-space-medium);
|
|
4846
|
+
display: flex;
|
|
4847
|
+
justify-content: space-between;
|
|
4848
|
+
align-items: center;
|
|
4849
|
+
}
|
|
4850
|
+
|
|
4851
|
+
.amplify-modal__title.amplify-modal__title {
|
|
4852
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
4853
|
+
font-size: var(--amplify-font-sizes-large);
|
|
4854
|
+
margin: 0;
|
|
4855
|
+
}
|
|
4856
|
+
|
|
4857
|
+
.amplify-modal__close-button.amplify-modal__close-button {
|
|
4858
|
+
background: none;
|
|
4859
|
+
border: none;
|
|
4860
|
+
font-size: var(--amplify-font-sizes-large);
|
|
4861
|
+
cursor: pointer;
|
|
4862
|
+
padding: var(--amplify-space-xs);
|
|
4863
|
+
color: var(--amplify-colors-font-secondary);
|
|
4864
|
+
}
|
|
4865
|
+
|
|
4866
|
+
.amplify-modal__close-button.amplify-modal__close-button:hover {
|
|
4867
|
+
color: var(--amplify-colors-font-primary);
|
|
4868
|
+
}
|
|
4869
|
+
|
|
4870
|
+
.amplify-modal__body.amplify-modal__body {
|
|
4871
|
+
margin-bottom: var(--amplify-space-medium);
|
|
4872
|
+
color: var(--amplify-colors-font-primary);
|
|
4873
|
+
}
|
|
4874
|
+
|
|
4875
|
+
.amplify-modal__footer.amplify-modal__footer {
|
|
4876
|
+
display: flex;
|
|
4877
|
+
gap: var(--amplify-space-xs);
|
|
4878
|
+
justify-content: flex-end;
|
|
4879
|
+
}
|
|
4880
|
+
|
|
4881
|
+
.amplify-modal__list-title.amplify-modal__list-title {
|
|
4882
|
+
margin-bottom: var(--amplify-space-xs);
|
|
4883
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
4884
|
+
box-sizing: border-box;
|
|
4885
|
+
}
|
|
4886
|
+
|
|
4887
|
+
.amplify-modal__list.amplify-modal__list {
|
|
4888
|
+
margin: var(--amplify-space-xs) 0;
|
|
4889
|
+
padding-left: var(--amplify-space-medium);
|
|
4890
|
+
max-height: 250px;
|
|
4891
|
+
overflow-y: auto;
|
|
4892
|
+
box-sizing: border-box;
|
|
4893
|
+
list-style: disc;
|
|
4894
|
+
}
|
|
4895
|
+
|
|
4896
|
+
.amplify-modal__list-item.amplify-modal__list-item {
|
|
4897
|
+
margin-bottom: var(--amplify-space-xxs);
|
|
4898
|
+
box-sizing: border-box;
|
|
4899
|
+
}
|
|
4900
|
+
|
|
4802
4901
|
.amplify-pagination {
|
|
4803
4902
|
list-style-type: none;
|
|
4804
4903
|
}
|
|
@@ -7007,7 +7106,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
7007
7106
|
animation-timing-function: linear;
|
|
7008
7107
|
animation-name: spin;
|
|
7009
7108
|
}
|
|
7010
|
-
|
|
7011
7109
|
@keyframes spin {
|
|
7012
7110
|
0% {
|
|
7013
7111
|
transform: rotate(0deg);
|
|
@@ -7019,6 +7117,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
7019
7117
|
transform: rotate(360deg);
|
|
7020
7118
|
}
|
|
7021
7119
|
}
|
|
7120
|
+
|
|
7022
7121
|
.amplify-ai-conversation {
|
|
7023
7122
|
display: flex;
|
|
7024
7123
|
flex-direction: column;
|
package/dist/styles.layer.css
CHANGED
|
@@ -3566,6 +3566,23 @@ strong.amplify-text {
|
|
|
3566
3566
|
gap: var(--amplify-space-medium);
|
|
3567
3567
|
}
|
|
3568
3568
|
|
|
3569
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
|
|
3570
|
+
font-size: var(--amplify-font-sizes-xxxl);
|
|
3571
|
+
color: var(--amplify-colors-green-60, #34a853);
|
|
3572
|
+
}
|
|
3573
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
|
|
3574
|
+
padding: var(--amplify-space-medium);
|
|
3575
|
+
background-color: var(--amplify-colors-background-secondary);
|
|
3576
|
+
border-radius: var(--amplify-radii-small);
|
|
3577
|
+
}
|
|
3578
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
|
|
3579
|
+
color: var(--amplify-colors-font-error);
|
|
3580
|
+
margin-top: var(--amplify-space-small);
|
|
3581
|
+
}
|
|
3582
|
+
[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
|
|
3583
|
+
font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3569
3586
|
.amplify-avatar {
|
|
3570
3587
|
--avatar-color: var(--amplify-components-avatar-color);
|
|
3571
3588
|
--avatar-background-color: var(--amplify-components-avatar-background-color);
|
|
@@ -4800,6 +4817,88 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
4800
4817
|
gap: var(--amplify-components-message-dismiss-gap);
|
|
4801
4818
|
}
|
|
4802
4819
|
|
|
4820
|
+
/* Modal component with highest specificity to override global resets */
|
|
4821
|
+
.amplify-modal__overlay.amplify-modal__overlay {
|
|
4822
|
+
position: fixed;
|
|
4823
|
+
top: 0;
|
|
4824
|
+
left: 0;
|
|
4825
|
+
right: 0;
|
|
4826
|
+
bottom: 0;
|
|
4827
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
4828
|
+
z-index: 1000;
|
|
4829
|
+
display: flex;
|
|
4830
|
+
align-items: center;
|
|
4831
|
+
justify-content: center;
|
|
4832
|
+
box-sizing: border-box;
|
|
4833
|
+
}
|
|
4834
|
+
|
|
4835
|
+
.amplify-modal__content.amplify-modal__content {
|
|
4836
|
+
background-color: var(--amplify-colors-background-primary);
|
|
4837
|
+
padding: var(--amplify-space-large);
|
|
4838
|
+
border-radius: var(--amplify-radii-medium);
|
|
4839
|
+
box-shadow: var(--amplify-shadows-large);
|
|
4840
|
+
max-width: 500px;
|
|
4841
|
+
width: 90%;
|
|
4842
|
+
box-sizing: border-box;
|
|
4843
|
+
}
|
|
4844
|
+
|
|
4845
|
+
.amplify-modal__header.amplify-modal__header {
|
|
4846
|
+
margin-bottom: var(--amplify-space-medium);
|
|
4847
|
+
display: flex;
|
|
4848
|
+
justify-content: space-between;
|
|
4849
|
+
align-items: center;
|
|
4850
|
+
}
|
|
4851
|
+
|
|
4852
|
+
.amplify-modal__title.amplify-modal__title {
|
|
4853
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
4854
|
+
font-size: var(--amplify-font-sizes-large);
|
|
4855
|
+
margin: 0;
|
|
4856
|
+
}
|
|
4857
|
+
|
|
4858
|
+
.amplify-modal__close-button.amplify-modal__close-button {
|
|
4859
|
+
background: none;
|
|
4860
|
+
border: none;
|
|
4861
|
+
font-size: var(--amplify-font-sizes-large);
|
|
4862
|
+
cursor: pointer;
|
|
4863
|
+
padding: var(--amplify-space-xs);
|
|
4864
|
+
color: var(--amplify-colors-font-secondary);
|
|
4865
|
+
}
|
|
4866
|
+
|
|
4867
|
+
.amplify-modal__close-button.amplify-modal__close-button:hover {
|
|
4868
|
+
color: var(--amplify-colors-font-primary);
|
|
4869
|
+
}
|
|
4870
|
+
|
|
4871
|
+
.amplify-modal__body.amplify-modal__body {
|
|
4872
|
+
margin-bottom: var(--amplify-space-medium);
|
|
4873
|
+
color: var(--amplify-colors-font-primary);
|
|
4874
|
+
}
|
|
4875
|
+
|
|
4876
|
+
.amplify-modal__footer.amplify-modal__footer {
|
|
4877
|
+
display: flex;
|
|
4878
|
+
gap: var(--amplify-space-xs);
|
|
4879
|
+
justify-content: flex-end;
|
|
4880
|
+
}
|
|
4881
|
+
|
|
4882
|
+
.amplify-modal__list-title.amplify-modal__list-title {
|
|
4883
|
+
margin-bottom: var(--amplify-space-xs);
|
|
4884
|
+
font-weight: var(--amplify-font-weights-bold);
|
|
4885
|
+
box-sizing: border-box;
|
|
4886
|
+
}
|
|
4887
|
+
|
|
4888
|
+
.amplify-modal__list.amplify-modal__list {
|
|
4889
|
+
margin: var(--amplify-space-xs) 0;
|
|
4890
|
+
padding-left: var(--amplify-space-medium);
|
|
4891
|
+
max-height: 250px;
|
|
4892
|
+
overflow-y: auto;
|
|
4893
|
+
box-sizing: border-box;
|
|
4894
|
+
list-style: disc;
|
|
4895
|
+
}
|
|
4896
|
+
|
|
4897
|
+
.amplify-modal__list-item.amplify-modal__list-item {
|
|
4898
|
+
margin-bottom: var(--amplify-space-xxs);
|
|
4899
|
+
box-sizing: border-box;
|
|
4900
|
+
}
|
|
4901
|
+
|
|
4803
4902
|
.amplify-pagination {
|
|
4804
4903
|
list-style-type: none;
|
|
4805
4904
|
}
|
|
@@ -7008,7 +7107,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
7008
7107
|
animation-timing-function: linear;
|
|
7009
7108
|
animation-name: spin;
|
|
7010
7109
|
}
|
|
7011
|
-
|
|
7012
7110
|
@keyframes spin {
|
|
7013
7111
|
0% {
|
|
7014
7112
|
transform: rotate(0deg);
|
|
@@ -7020,6 +7118,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
7020
7118
|
transform: rotate(360deg);
|
|
7021
7119
|
}
|
|
7022
7120
|
}
|
|
7121
|
+
|
|
7023
7122
|
.amplify-ai-conversation {
|
|
7024
7123
|
display: flex;
|
|
7025
7124
|
flex-direction: column;
|
|
@@ -7,18 +7,22 @@ import type { Sender } from 'xstate';
|
|
|
7
7
|
import type { AuthUser } from 'aws-amplify/auth';
|
|
8
8
|
import type { FederatedProvider, LoginMechanism, SocialProvider, UnverifiedUserAttributes, ValidationError } from '../../types';
|
|
9
9
|
import type { AuthEvent, AuthEventData, AuthMachineState, AuthMFAType, ChallengeName, NavigableRoute, V5CodeDeliveryDetails } from '../../machines/authenticator/types';
|
|
10
|
-
export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'forgotPassword' | 'setup' | 'signOut' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
|
|
10
|
+
export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'forgotPassword' | 'passkeyPrompt' | 'setup' | 'signInSelectAuthFactor' | 'signOut' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
|
|
11
11
|
type AuthenticatorValidationErrors = ValidationError;
|
|
12
12
|
export type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
|
|
13
13
|
interface AuthenticatorServiceContextFacade {
|
|
14
14
|
allowedMfaTypes: AuthMFAType[] | undefined;
|
|
15
15
|
authStatus: AuthStatus;
|
|
16
|
+
availableAuthMethods: string[] | undefined;
|
|
16
17
|
challengeName: ChallengeName | undefined;
|
|
17
18
|
codeDeliveryDetails: V5CodeDeliveryDetails;
|
|
18
19
|
error: string;
|
|
19
20
|
hasValidationErrors: boolean;
|
|
20
21
|
isPending: boolean;
|
|
22
|
+
loginMechanism: LoginMechanism | undefined;
|
|
23
|
+
preferredChallenge: string | undefined;
|
|
21
24
|
route: AuthenticatorRoute;
|
|
25
|
+
selectedAuthMethod: string | undefined;
|
|
22
26
|
socialProviders: SocialProvider[];
|
|
23
27
|
totpSecretCode: string | null;
|
|
24
28
|
unverifiedUserAttributes: UnverifiedUserAttributes;
|
|
@@ -26,7 +30,7 @@ interface AuthenticatorServiceContextFacade {
|
|
|
26
30
|
username: string;
|
|
27
31
|
validationErrors: AuthenticatorValidationErrors;
|
|
28
32
|
}
|
|
29
|
-
type SendEventAlias = 'initializeMachine' | 'resendCode' | 'signOut' | 'submitForm' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toForgotPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
|
|
33
|
+
type SendEventAlias = 'initializeMachine' | 'resendCode' | 'selectAuthMethod' | 'signOut' | 'submitForm' | 'toShowAuthMethods' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toForgotPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
|
|
30
34
|
type AuthenticatorSendEventAliases = Record<SendEventAlias, (data?: AuthEventData) => void>;
|
|
31
35
|
export interface AuthenticatorServiceFacade extends AuthenticatorSendEventAliases, AuthenticatorServiceContextFacade {
|
|
32
36
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { SocialProvider } from '../../types';
|
|
1
|
+
import type { LoginMechanism, SocialProvider } from '../../types';
|
|
2
2
|
import type { AuthMFAType, ChallengeName, V5CodeDeliveryDetails } from '../../machines/authenticator/types';
|
|
3
3
|
import type { AuthenticatorRoute } from './facade';
|
|
4
4
|
export declare const authenticatorTextUtil: {
|
|
@@ -8,6 +8,7 @@ export declare const authenticatorTextUtil: {
|
|
|
8
8
|
readonly getChangingText: () => string;
|
|
9
9
|
readonly getConfirmText: () => string;
|
|
10
10
|
readonly getConfirmingText: () => string;
|
|
11
|
+
readonly getContinueText: () => string;
|
|
11
12
|
readonly getCopyText: () => string;
|
|
12
13
|
readonly getHidePasswordText: () => string;
|
|
13
14
|
readonly getLoadingText: () => string;
|
|
@@ -28,6 +29,9 @@ export declare const authenticatorTextUtil: {
|
|
|
28
29
|
/** SignUp */
|
|
29
30
|
readonly getCreatingAccountText: () => string;
|
|
30
31
|
readonly getCreateAccountText: () => string;
|
|
32
|
+
readonly getCreateAccountWithEmailText: () => string;
|
|
33
|
+
readonly getCreateAccountWithPasswordText: () => string;
|
|
34
|
+
readonly getCreateAccountWithSmsText: () => string;
|
|
31
35
|
/** ConfirmSignUp */
|
|
32
36
|
readonly getDeliveryMessageText: (codeDeliveryDetails: V5CodeDeliveryDetails) => string;
|
|
33
37
|
readonly getDeliveryMethodText: (codeDeliveryDetails: V5CodeDeliveryDetails) => string;
|
|
@@ -52,6 +56,25 @@ export declare const authenticatorTextUtil: {
|
|
|
52
56
|
readonly getVerifyText: () => string;
|
|
53
57
|
readonly getVerifyContactText: () => string;
|
|
54
58
|
readonly getAccountRecoveryInfoText: () => string;
|
|
59
|
+
/** Passwordless */
|
|
60
|
+
readonly getPasskeyPromptHeadingText: () => string;
|
|
61
|
+
readonly getPasskeyPromptDescriptionText: () => string;
|
|
62
|
+
readonly getCreatePasskeyText: () => string;
|
|
63
|
+
readonly getRegisteringText: () => string;
|
|
64
|
+
readonly getContinueWithoutPasskeyText: () => string;
|
|
65
|
+
readonly getPasskeyCreatedSuccessText: () => string;
|
|
66
|
+
readonly getPasskeyRegisteredText: () => string;
|
|
67
|
+
readonly getPasskeyRegistrationFailedText: () => string;
|
|
68
|
+
readonly getPasskeyLabelText: () => string;
|
|
69
|
+
readonly getExistingPasskeysText: () => string;
|
|
70
|
+
readonly getSetupAnotherPasskeyText: () => string;
|
|
71
|
+
readonly getSignInWithPasswordText: () => string;
|
|
72
|
+
readonly getSignInWithEmailText: () => string;
|
|
73
|
+
readonly getSignInWithSmsText: () => string;
|
|
74
|
+
readonly getSignInWithPasskeyText: () => string;
|
|
75
|
+
readonly getOtherSignInOptionsText: () => string;
|
|
76
|
+
readonly getEnterUsernameFirstText: () => string;
|
|
77
|
+
readonly getUsernameLabelByLoginMechanism: (loginMechanism?: LoginMechanism) => string;
|
|
55
78
|
/** Validations */
|
|
56
79
|
readonly getInvalidEmailText: () => string;
|
|
57
80
|
readonly getRequiredFieldText: () => string;
|
|
@@ -21,7 +21,13 @@ export declare const defaultTexts: {
|
|
|
21
21
|
CONFIRM: string;
|
|
22
22
|
CONFIRMATION_CODE: string;
|
|
23
23
|
CONFIRMING: string;
|
|
24
|
+
CONTINUE: string;
|
|
25
|
+
CONTINUE_WITHOUT_PASSKEY: string;
|
|
24
26
|
CREATE_ACCOUNT: string;
|
|
27
|
+
CREATE_ACCOUNT_WITH_EMAIL_OTP: string;
|
|
28
|
+
CREATE_ACCOUNT_WITH_PASSWORD: string;
|
|
29
|
+
CREATE_ACCOUNT_WITH_SMS_OTP: string;
|
|
30
|
+
CREATE_PASSKEY: string;
|
|
25
31
|
CREATING_ACCOUNT: string;
|
|
26
32
|
EMAIL_ADDRESS: string;
|
|
27
33
|
EMAIL_OTP: string;
|
|
@@ -38,6 +44,8 @@ export declare const defaultTexts: {
|
|
|
38
44
|
ENTER_PHONE_NUMBER: string;
|
|
39
45
|
ENTER_PREFERRED_USERNAME: string;
|
|
40
46
|
ENTER_USERNAME: string;
|
|
47
|
+
ENTER_USERNAME_FIRST: string;
|
|
48
|
+
EXISTING_PASSKEYS: string;
|
|
41
49
|
FAMILY_NAME: string;
|
|
42
50
|
GIVEN_NAME: string;
|
|
43
51
|
FORGOT_PASSWORD: string;
|
|
@@ -52,16 +60,30 @@ export declare const defaultTexts: {
|
|
|
52
60
|
NICKNAME: string;
|
|
53
61
|
NEW_PASSWORD: string;
|
|
54
62
|
OR: string;
|
|
63
|
+
OTHER_SIGN_IN_OPTIONS: string;
|
|
64
|
+
PASSKEY_AUTHENTICATION_CANCELED: string;
|
|
65
|
+
PASSKEY_CREATED_SUCCESS: string;
|
|
66
|
+
PASSKEY_LABEL: string;
|
|
67
|
+
PASSKEY_PROMPT_DESCRIPTION: string;
|
|
68
|
+
PASSKEY_PROMPT_HEADING: string;
|
|
69
|
+
PASSKEY_REGISTERED: string;
|
|
70
|
+
PASSKEY_REGISTRATION_FAILED: string;
|
|
55
71
|
PASSWORD: string;
|
|
72
|
+
PASSWORDLESS_NOT_ENABLED: string;
|
|
56
73
|
PHONE_NUMBER: string;
|
|
57
74
|
PREFERRED_USERNAME: string;
|
|
58
75
|
PROFILE: string;
|
|
76
|
+
REGISTERING: string;
|
|
59
77
|
RESEND_CODE: string;
|
|
60
78
|
RESET_PASSWORD_HEADING: string;
|
|
61
79
|
RESET_PASSWORD: string;
|
|
62
80
|
SEND_CODE: string;
|
|
81
|
+
CODE_DELIVERY_FAILED: string;
|
|
82
|
+
VERIFICATION_CODE_EXPIRED: string;
|
|
83
|
+
VERIFICATION_CODE_INVALID: string;
|
|
63
84
|
SENDING: string;
|
|
64
85
|
SELECT_MFA_TYPE: string;
|
|
86
|
+
SETUP_ANOTHER_PASSKEY: string;
|
|
65
87
|
SETUP_EMAIL: string;
|
|
66
88
|
SETUP_TOTP: string;
|
|
67
89
|
SHOW_PASSWORD: string;
|
|
@@ -69,8 +91,12 @@ export declare const defaultTexts: {
|
|
|
69
91
|
SIGN_IN_TAB: string;
|
|
70
92
|
SIGN_IN_WITH_AMAZON: string;
|
|
71
93
|
SIGN_IN_WITH_APPLE: string;
|
|
94
|
+
SIGN_IN_WITH_EMAIL: string;
|
|
72
95
|
SIGN_IN_WITH_FACEBOOK: string;
|
|
73
96
|
SIGN_IN_WITH_GOOGLE: string;
|
|
97
|
+
SIGN_IN_WITH_PASSKEY: string;
|
|
98
|
+
SIGN_IN_WITH_PASSWORD: string;
|
|
99
|
+
SIGN_IN_WITH_SMS: string;
|
|
74
100
|
SIGN_IN: string;
|
|
75
101
|
SIGN_UP_BUTTON: string;
|
|
76
102
|
SIGNING_IN_BUTTON: string;
|
|
@@ -80,6 +106,7 @@ export declare const defaultTexts: {
|
|
|
80
106
|
SUBMITTING: string;
|
|
81
107
|
SOFTWARE_TOKEN_MFA: string;
|
|
82
108
|
UPPERCASE_COPY: string;
|
|
109
|
+
USERNAME: string;
|
|
83
110
|
VERIFY_CONTACT: string;
|
|
84
111
|
VERIFY_HEADING: string;
|
|
85
112
|
VERIFY: string;
|