@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/styles.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  /**
5
5
  * Do not edit directly
6
- * Generated on Thu, 23 Jun 2022 22:01:45 GMT
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 Thu, 23 Jun 2022 22:01:45 GMT
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
  };
@@ -12,4 +12,5 @@ export { zhDict } from './zh';
12
12
  export { svDict } from './sv';
13
13
  export { idDict } from './id';
14
14
  export { trDict } from './tr';
15
+ export { ruDict } from './ru';
15
16
  export { defaultTexts } from './defaultTexts';
@@ -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>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui",
3
- "version": "3.12.0",
3
+ "version": "3.12.3",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "exports": {