@aws-amplify/ui 3.12.0 → 3.12.3
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/utils.js +1 -1
- package/dist/esm/i18n/dictionaries/authenticator/de.js +1 -1
- package/dist/esm/i18n/dictionaries/authenticator/es.js +1 -1
- package/dist/esm/i18n/dictionaries/authenticator/ru.js +1 -0
- package/dist/esm/i18n/dictionaries/index.js +1 -1
- package/dist/esm/i18n/translations.js +1 -1
- package/dist/esm/machines/authenticator/signUp.js +1 -1
- package/dist/esm/theme/tokens/components/select.js +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +19 -8
- package/dist/theme.css +2 -1
- package/dist/types/i18n/dictionaries/authenticator/de.d.ts +5 -0
- package/dist/types/i18n/dictionaries/authenticator/es.d.ts +9 -1
- package/dist/types/i18n/dictionaries/authenticator/index.d.ts +1 -0
- package/dist/types/i18n/dictionaries/authenticator/ru.d.ts +50 -0
- package/dist/types/i18n/dictionaries/index.d.ts +64 -1
- package/dist/types/theme/tokens/components/select.d.ts +2 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
/**
|
|
5
5
|
* Do not edit directly
|
|
6
|
-
* Generated on
|
|
6
|
+
* Generated on Tue, 19 Jul 2022 22:59:24 GMT
|
|
7
7
|
*/
|
|
8
8
|
:root, [data-amplify-theme] {
|
|
9
9
|
--amplify-transforms-slide-x-large: translateX(2em);
|
|
@@ -685,6 +685,7 @@
|
|
|
685
685
|
--amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
|
|
686
686
|
--amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
|
|
687
687
|
--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
|
|
688
|
+
--amplify-components-select-option-color: var(--amplify-colors-font-primary);
|
|
688
689
|
--amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
|
|
689
690
|
--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
|
|
690
691
|
--amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
|
|
@@ -1441,6 +1442,10 @@ strong.amplify-text {
|
|
|
1441
1442
|
outline-style: var(--amplify-components-fieldcontrol-outline-style);
|
|
1442
1443
|
outline-width: var(--amplify-components-fieldcontrol-outline-width);
|
|
1443
1444
|
outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
|
|
1445
|
+
-webkit-user-select: text;
|
|
1446
|
+
-moz-user-select: text;
|
|
1447
|
+
-ms-user-select: text;
|
|
1448
|
+
user-select: text;
|
|
1444
1449
|
}
|
|
1445
1450
|
.amplify-input:focus {
|
|
1446
1451
|
border-color: var(--amplify-components-fieldcontrol-focus-border-color);
|
|
@@ -1524,6 +1529,10 @@ strong.amplify-text {
|
|
|
1524
1529
|
outline-style: var(--amplify-components-fieldcontrol-outline-style);
|
|
1525
1530
|
outline-width: var(--amplify-components-fieldcontrol-outline-width);
|
|
1526
1531
|
outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
|
|
1532
|
+
-webkit-user-select: text;
|
|
1533
|
+
-moz-user-select: text;
|
|
1534
|
+
-ms-user-select: text;
|
|
1535
|
+
user-select: text;
|
|
1527
1536
|
}
|
|
1528
1537
|
.amplify-textarea:focus {
|
|
1529
1538
|
border-color: var(--amplify-components-fieldcontrol-focus-border-color);
|
|
@@ -2949,14 +2958,15 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
2949
2958
|
.amplify-select--quiet[aria-invalid=true]:focus {
|
|
2950
2959
|
box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
|
|
2951
2960
|
}
|
|
2961
|
+
.amplify-select option {
|
|
2962
|
+
color: initial;
|
|
2963
|
+
}
|
|
2952
2964
|
@-moz-document url-prefix() {
|
|
2953
2965
|
.amplify-select option {
|
|
2954
2966
|
background-color: var(--amplify-components-select-option-background-color);
|
|
2967
|
+
color: var(--amplify-components-select-option-color);
|
|
2955
2968
|
}
|
|
2956
2969
|
}
|
|
2957
|
-
.amplify-select option {
|
|
2958
|
-
color: initial;
|
|
2959
|
-
}
|
|
2960
2970
|
.amplify-select--small {
|
|
2961
2971
|
min-width: var(--amplify-components-select-small-min-width);
|
|
2962
2972
|
}
|
|
@@ -3806,7 +3816,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
3806
3816
|
gap: 0;
|
|
3807
3817
|
}
|
|
3808
3818
|
|
|
3819
|
+
.amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed {
|
|
3820
|
+
z-index: 2;
|
|
3821
|
+
}
|
|
3809
3822
|
.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
|
|
3823
|
+
-webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
|
|
3824
|
+
margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
|
|
3810
3825
|
border-start-start-radius: 0;
|
|
3811
3826
|
border-end-start-radius: 0;
|
|
3812
3827
|
}
|
|
@@ -3816,10 +3831,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
|
|
|
3816
3831
|
border-bottom-left-radius: 0;
|
|
3817
3832
|
}
|
|
3818
3833
|
}
|
|
3819
|
-
.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type):not(:focus) {
|
|
3820
|
-
-webkit-border-start: 1px solid transparent;
|
|
3821
|
-
border-inline-start: 1px solid transparent;
|
|
3822
|
-
}
|
|
3823
3834
|
.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
|
|
3824
3835
|
border-start-end-radius: 0;
|
|
3825
3836
|
border-end-end-radius: 0;
|
package/dist/theme.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 19 Jul 2022 22:59:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [data-amplify-theme] {
|
|
@@ -683,6 +683,7 @@
|
|
|
683
683
|
--amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
|
|
684
684
|
--amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
|
|
685
685
|
--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
|
|
686
|
+
--amplify-components-select-option-color: var(--amplify-colors-font-primary);
|
|
686
687
|
--amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
|
|
687
688
|
--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
|
|
688
689
|
--amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
|
|
@@ -40,6 +40,7 @@ export declare const deDict: {
|
|
|
40
40
|
'Reset password': string;
|
|
41
41
|
'Reset your password': string;
|
|
42
42
|
'Send Code': string;
|
|
43
|
+
'Send code': string;
|
|
43
44
|
'Sign in': string;
|
|
44
45
|
'Sign In': string;
|
|
45
46
|
'Sign in to your account': string;
|
|
@@ -53,4 +54,8 @@ export declare const deDict: {
|
|
|
53
54
|
'Username cannot be empty': string;
|
|
54
55
|
Verify: string;
|
|
55
56
|
'Verify Contact': string;
|
|
57
|
+
'We Emailed You': string;
|
|
58
|
+
'Your code is on the way. To log in, enter the code we emailed to': string;
|
|
59
|
+
'Your code is on the way. To log in, enter the code we texted to': string;
|
|
60
|
+
'It may take a minute to arrive.': string;
|
|
56
61
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const esDict: {
|
|
2
2
|
'Account recovery requires verified contact information': string;
|
|
3
|
+
'An account with the given email already exists.': string;
|
|
3
4
|
'Back to Sign In': string;
|
|
4
5
|
'Change Password': string;
|
|
5
6
|
Changing: string;
|
|
@@ -13,10 +14,12 @@ export declare const esDict: {
|
|
|
13
14
|
'Confirmation Code': string;
|
|
14
15
|
Confirming: string;
|
|
15
16
|
'Create a new account': string;
|
|
17
|
+
'Create Account': string;
|
|
16
18
|
'Creating Account': string;
|
|
17
19
|
Email: string;
|
|
20
|
+
'Enter your email': string;
|
|
18
21
|
'Forgot Password': string;
|
|
19
|
-
'Incorrect username or password': string;
|
|
22
|
+
'Incorrect username or password.': string;
|
|
20
23
|
'Invalid password format': string;
|
|
21
24
|
'Invalid phone number format': string;
|
|
22
25
|
'Forgot your password?': string;
|
|
@@ -43,6 +46,10 @@ export declare const esDict: {
|
|
|
43
46
|
'Sign in to your account': string;
|
|
44
47
|
'Sign Out': string;
|
|
45
48
|
'Sign Up': string;
|
|
49
|
+
'Sign Up with Amazon': string;
|
|
50
|
+
'Sign Up with Apple': string;
|
|
51
|
+
'Sign Up with Facebook': string;
|
|
52
|
+
'Sign Up with Google': string;
|
|
46
53
|
'Signing in': string;
|
|
47
54
|
Skip: string;
|
|
48
55
|
Submit: string;
|
|
@@ -52,4 +59,5 @@ export declare const esDict: {
|
|
|
52
59
|
'Username cannot be empty': string;
|
|
53
60
|
Verify: string;
|
|
54
61
|
'Verify Contact': string;
|
|
62
|
+
'Your passwords must match': string;
|
|
55
63
|
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export declare const ruDict: {
|
|
2
|
+
'Account recovery requires verified contact information': string;
|
|
3
|
+
'Back to Sign In': string;
|
|
4
|
+
'Change Password': string;
|
|
5
|
+
Changing: string;
|
|
6
|
+
Code: string;
|
|
7
|
+
Confirm: string;
|
|
8
|
+
'Confirm Password': string;
|
|
9
|
+
'Confirm Sign Up': string;
|
|
10
|
+
'Confirm SMS Code': string;
|
|
11
|
+
'Confirm TOTP Code': string;
|
|
12
|
+
'Confirmation Code': string;
|
|
13
|
+
Confirming: string;
|
|
14
|
+
'Create Account': string;
|
|
15
|
+
'Creating Account': string;
|
|
16
|
+
Email: string;
|
|
17
|
+
'Enter your code': string;
|
|
18
|
+
'Enter your username': string;
|
|
19
|
+
'Enter your phone number': string;
|
|
20
|
+
'Enter your email': string;
|
|
21
|
+
'Forgot your password?': string;
|
|
22
|
+
'Hide password': string;
|
|
23
|
+
Loading: string;
|
|
24
|
+
Username: string;
|
|
25
|
+
'New password': string;
|
|
26
|
+
Password: string;
|
|
27
|
+
'Phone Number': string;
|
|
28
|
+
'Resend Code': string;
|
|
29
|
+
'Reset your password': string;
|
|
30
|
+
'Reset your Password': string;
|
|
31
|
+
'Send Code': string;
|
|
32
|
+
'Send code': string;
|
|
33
|
+
Sending: string;
|
|
34
|
+
'Setup TOTP': string;
|
|
35
|
+
'Show password': string;
|
|
36
|
+
'Sign in': string;
|
|
37
|
+
'Sign In': string;
|
|
38
|
+
'Sign In with Amazon': string;
|
|
39
|
+
'Sign In with Apple': string;
|
|
40
|
+
'Sign In with Facebook': string;
|
|
41
|
+
'Sign In with Google': string;
|
|
42
|
+
'Sign in to your account': string;
|
|
43
|
+
'Create a new account': string;
|
|
44
|
+
'Signing in': string;
|
|
45
|
+
Skip: string;
|
|
46
|
+
Submit: string;
|
|
47
|
+
Submitting: string;
|
|
48
|
+
'Verify Contact': string;
|
|
49
|
+
Verify: string;
|
|
50
|
+
};
|
|
@@ -40,6 +40,7 @@ export declare const deDict: {
|
|
|
40
40
|
'Reset password': string;
|
|
41
41
|
'Reset your password': string;
|
|
42
42
|
'Send Code': string;
|
|
43
|
+
'Send code': string;
|
|
43
44
|
'Sign in': string;
|
|
44
45
|
'Sign In': string;
|
|
45
46
|
'Sign in to your account': string;
|
|
@@ -53,6 +54,10 @@ export declare const deDict: {
|
|
|
53
54
|
'Username cannot be empty': string;
|
|
54
55
|
Verify: string;
|
|
55
56
|
'Verify Contact': string;
|
|
57
|
+
'We Emailed You': string;
|
|
58
|
+
'Your code is on the way. To log in, enter the code we emailed to': string;
|
|
59
|
+
'Your code is on the way. To log in, enter the code we texted to': string;
|
|
60
|
+
'It may take a minute to arrive.': string;
|
|
56
61
|
};
|
|
57
62
|
export declare const enDict: {
|
|
58
63
|
'Account recovery requires verified contact information': string;
|
|
@@ -106,6 +111,7 @@ export declare const enDict: {
|
|
|
106
111
|
};
|
|
107
112
|
export declare const esDict: {
|
|
108
113
|
'Account recovery requires verified contact information': string;
|
|
114
|
+
'An account with the given email already exists.': string;
|
|
109
115
|
'Back to Sign In': string;
|
|
110
116
|
'Change Password': string;
|
|
111
117
|
Changing: string;
|
|
@@ -119,10 +125,12 @@ export declare const esDict: {
|
|
|
119
125
|
'Confirmation Code': string;
|
|
120
126
|
Confirming: string;
|
|
121
127
|
'Create a new account': string;
|
|
128
|
+
'Create Account': string;
|
|
122
129
|
'Creating Account': string;
|
|
123
130
|
Email: string;
|
|
131
|
+
'Enter your email': string;
|
|
124
132
|
'Forgot Password': string;
|
|
125
|
-
'Incorrect username or password': string;
|
|
133
|
+
'Incorrect username or password.': string;
|
|
126
134
|
'Invalid password format': string;
|
|
127
135
|
'Invalid phone number format': string;
|
|
128
136
|
'Forgot your password?': string;
|
|
@@ -149,6 +157,10 @@ export declare const esDict: {
|
|
|
149
157
|
'Sign in to your account': string;
|
|
150
158
|
'Sign Out': string;
|
|
151
159
|
'Sign Up': string;
|
|
160
|
+
'Sign Up with Amazon': string;
|
|
161
|
+
'Sign Up with Apple': string;
|
|
162
|
+
'Sign Up with Facebook': string;
|
|
163
|
+
'Sign Up with Google': string;
|
|
152
164
|
'Signing in': string;
|
|
153
165
|
Skip: string;
|
|
154
166
|
Submit: string;
|
|
@@ -158,6 +170,7 @@ export declare const esDict: {
|
|
|
158
170
|
'Username cannot be empty': string;
|
|
159
171
|
Verify: string;
|
|
160
172
|
'Verify Contact': string;
|
|
173
|
+
'Your passwords must match': string;
|
|
161
174
|
};
|
|
162
175
|
export declare const frDict: {
|
|
163
176
|
'Account recovery requires verified contact information': string;
|
|
@@ -764,6 +777,56 @@ export declare const trDict: {
|
|
|
764
777
|
'Verify Contact': string;
|
|
765
778
|
Verify: string;
|
|
766
779
|
};
|
|
780
|
+
export declare const ruDict: {
|
|
781
|
+
'Account recovery requires verified contact information': string;
|
|
782
|
+
'Back to Sign In': string;
|
|
783
|
+
'Change Password': string;
|
|
784
|
+
Changing: string;
|
|
785
|
+
Code: string;
|
|
786
|
+
Confirm: string;
|
|
787
|
+
'Confirm Password': string;
|
|
788
|
+
'Confirm Sign Up': string;
|
|
789
|
+
'Confirm SMS Code': string;
|
|
790
|
+
'Confirm TOTP Code': string;
|
|
791
|
+
'Confirmation Code': string;
|
|
792
|
+
Confirming: string;
|
|
793
|
+
'Create Account': string;
|
|
794
|
+
'Creating Account': string;
|
|
795
|
+
Email: string;
|
|
796
|
+
'Enter your code': string;
|
|
797
|
+
'Enter your username': string;
|
|
798
|
+
'Enter your phone number': string;
|
|
799
|
+
'Enter your email': string;
|
|
800
|
+
'Forgot your password?': string;
|
|
801
|
+
'Hide password': string;
|
|
802
|
+
Loading: string;
|
|
803
|
+
Username: string;
|
|
804
|
+
'New password': string;
|
|
805
|
+
Password: string;
|
|
806
|
+
'Phone Number': string;
|
|
807
|
+
'Resend Code': string;
|
|
808
|
+
'Reset your password': string;
|
|
809
|
+
'Reset your Password': string;
|
|
810
|
+
'Send Code': string;
|
|
811
|
+
'Send code': string;
|
|
812
|
+
Sending: string;
|
|
813
|
+
'Setup TOTP': string;
|
|
814
|
+
'Show password': string;
|
|
815
|
+
'Sign in': string;
|
|
816
|
+
'Sign In': string;
|
|
817
|
+
'Sign In with Amazon': string;
|
|
818
|
+
'Sign In with Apple': string;
|
|
819
|
+
'Sign In with Facebook': string;
|
|
820
|
+
'Sign In with Google': string;
|
|
821
|
+
'Sign in to your account': string;
|
|
822
|
+
'Create a new account': string;
|
|
823
|
+
'Signing in': string;
|
|
824
|
+
Skip: string;
|
|
825
|
+
Submit: string;
|
|
826
|
+
Submitting: string;
|
|
827
|
+
'Verify Contact': string;
|
|
828
|
+
Verify: string;
|
|
829
|
+
};
|
|
767
830
|
export declare const defaultTexts: {
|
|
768
831
|
BACK_SIGN_IN: string;
|
|
769
832
|
BIRTHDATE: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AlignItemsValue, BackgroundColorValue, CursorValue, DesignToken, DisplayValue, FlexValue, PointerEventsValue, PositionValue, SpaceValue, TransformValue, WhiteSpaceValue } from '../types/designToken';
|
|
1
|
+
import { AlignItemsValue, BackgroundColorValue, ColorValue, CursorValue, DesignToken, DisplayValue, FlexValue, PointerEventsValue, PositionValue, SpaceValue, TransformValue, WhiteSpaceValue } from '../types/designToken';
|
|
2
2
|
interface SelectWrapperTokens {
|
|
3
3
|
flex: DesignToken<FlexValue>;
|
|
4
4
|
display: DesignToken<DisplayValue>;
|
|
@@ -15,6 +15,7 @@ interface SelectIconWrapperTokens {
|
|
|
15
15
|
}
|
|
16
16
|
interface SelectOptionTokens {
|
|
17
17
|
backgroundColor: DesignToken<BackgroundColorValue>;
|
|
18
|
+
color: DesignToken<ColorValue>;
|
|
18
19
|
}
|
|
19
20
|
interface SelectSizeTokens {
|
|
20
21
|
minWidth: DesignToken<SpaceValue>;
|