@aws-amplify/ui 3.12.1 → 3.12.4

package/dist/styles.css

@@ -3,7 +3,7 @@
  */
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 22:47:24 GMT
+ * Generated on Tue, 26 Jul 2022 22:28:56 GMT
  */
 :root, [data-amplify-theme] {
   --amplify-transforms-slide-x-large: translateX(2em);
@@ -441,7 +441,6 @@
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
-  --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
   --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
   --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
   --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
@@ -685,6 +684,7 @@
   --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
+  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
@@ -918,6 +918,7 @@
   --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
   --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
   --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
+  --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
   --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
   --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
   --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -1441,6 +1442,10 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
 }
 .amplify-input:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -1524,6 +1529,10 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
 }
 .amplify-textarea:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -2949,14 +2958,15 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-select--quiet[aria-invalid=true]:focus {
   box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
 }
+.amplify-select option {
+  color: initial;
+}
 @-moz-document url-prefix() {
   .amplify-select option {
     background-color: var(--amplify-components-select-option-background-color);
+    color: var(--amplify-components-select-option-color);
   }
 }
-.amplify-select option {
-  color: initial;
-}
 .amplify-select--small {
   min-width: var(--amplify-components-select-small-min-width);
 }
@@ -3171,29 +3181,29 @@ html[dir=rtl] .amplify-field-group__inner-start {
   );
 }
 
-.amplify-stepperfield__button--decrease {
+.amplify-stepperfield__button--decrease,
+.amplify-stepperfield__button--increase {
   background-color: var(--amplify-components-stepperfield-button-background-color);
 }
-.amplify-stepperfield__button--decrease[data-invalid=true] {
-  -webkit-border-end: none;
-          border-inline-end: none;
+.amplify-stepperfield__button--decrease--disabled,
+.amplify-stepperfield__button--increase--disabled {
+  background-color: var(--amplify-components-stepperfield-button-disabled-background-color);
 }
-.amplify-stepperfield__button--decrease--quiet {
+.amplify-stepperfield__button--decrease--quiet,
+.amplify-stepperfield__button--increase--quiet {
   border-width: 0 0 var(--amplify-components-button-border-width) 0;
   border-radius: 0;
 }
 
-.amplify-stepperfield__button--increase {
-  background-color: var(--amplify-components-stepperfield-button-background-color);
+.amplify-stepperfield__button--decrease[data-invalid=true] {
+  -webkit-border-end: none;
+          border-inline-end: none;
 }
+
 .amplify-stepperfield__button--increase[data-invalid=true] {
   -webkit-border-start: none;
           border-inline-start: none;
 }
-.amplify-stepperfield__button--increase--quiet {
-  border-width: 0 0 var(--amplify-components-button-border-width) 0;
-  border-radius: 0;
-}
 
 .amplify-stepperfield__input {
   -moz-appearance: textfield;
@@ -3806,7 +3816,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: 0;
 }
 
+.amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed {
+  z-index: 2;
+}
 .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
+  -webkit-margin-start: calc(-1 * var(--amplify-components-button-border-width));
+          margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
@@ -3816,10 +3831,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
     border-bottom-left-radius: 0;
   }
 }
-.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type):not(:focus) {
-  -webkit-border-start: 1px solid transparent;
-          border-inline-start: 1px solid transparent;
-}
 .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
   border-start-end-radius: 0;
   border-end-end-radius: 0;

package/dist/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jun 2022 22:47:24 GMT
+ * Generated on Tue, 26 Jul 2022 22:28:56 GMT
  */
 
 :root, [data-amplify-theme] {
@@ -439,7 +439,6 @@
   --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
   --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
-  --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
   --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
   --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
   --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
@@ -683,6 +682,7 @@
   --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
   --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
+  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
@@ -916,6 +916,7 @@
   --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
   --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
   --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
+  --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
   --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
   --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
   --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);

package/dist/types/i18n/dictionaries/authenticator/es.d.ts

@@ -1,5 +1,6 @@
 export declare const esDict: {
     'Account recovery requires verified contact information': string;
+    'An account with the given email already exists.': string;
     'Back to Sign In': string;
     'Change Password': string;
     Changing: string;
@@ -13,10 +14,12 @@ export declare const esDict: {
     'Confirmation Code': string;
     Confirming: string;
     'Create a new account': string;
+    'Create Account': string;
     'Creating Account': string;
     Email: string;
+    'Enter your email': string;
     'Forgot Password': string;
-    'Incorrect username or password': string;
+    'Incorrect username or password.': string;
     'Invalid password format': string;
     'Invalid phone number format': string;
     'Forgot your password?': string;
@@ -43,6 +46,10 @@ export declare const esDict: {
     'Sign in to your account': string;
     'Sign Out': string;
     'Sign Up': string;
+    'Sign Up with Amazon': string;
+    'Sign Up with Apple': string;
+    'Sign Up with Facebook': string;
+    'Sign Up with Google': string;
     'Signing in': string;
     Skip: string;
     Submit: string;
@@ -52,4 +59,5 @@ export declare const esDict: {
     'Username cannot be empty': string;
     Verify: string;
     'Verify Contact': string;
+    'Your passwords must match': string;
 };

package/dist/types/i18n/dictionaries/authenticator/index.d.ts

@@ -12,4 +12,5 @@ export { zhDict } from './zh';
 export { svDict } from './sv';
 export { idDict } from './id';
 export { trDict } from './tr';
+export { ruDict } from './ru';
 export { defaultTexts } from './defaultTexts';

package/dist/types/i18n/dictionaries/authenticator/ja.d.ts

@@ -49,4 +49,8 @@ export declare const jaDict: {
     'Username cannot be empty': string;
     Verify: string;
     'Verify Contact': string;
+    'We Emailed You': string;
+    'Your code is on the way. To log in, enter the code we emailed to': string;
+    'Your code is on the way. To log in, enter the code we texted to': string;
+    'It may take a minute to arrive.': string;
 };

package/dist/types/i18n/dictionaries/authenticator/ru.d.ts

@@ -0,0 +1,50 @@
+export declare const ruDict: {
+    'Account recovery requires verified contact information': string;
+    'Back to Sign In': string;
+    'Change Password': string;
+    Changing: string;
+    Code: string;
+    Confirm: string;
+    'Confirm Password': string;
+    'Confirm Sign Up': string;
+    'Confirm SMS Code': string;
+    'Confirm TOTP Code': string;
+    'Confirmation Code': string;
+    Confirming: string;
+    'Create Account': string;
+    'Creating Account': string;
+    Email: string;
+    'Enter your code': string;
+    'Enter your username': string;
+    'Enter your phone number': string;
+    'Enter your email': string;
+    'Forgot your password?': string;
+    'Hide password': string;
+    Loading: string;
+    Username: string;
+    'New password': string;
+    Password: string;
+    'Phone Number': string;
+    'Resend Code': string;
+    'Reset your password': string;
+    'Reset your Password': string;
+    'Send Code': string;
+    'Send code': string;
+    Sending: string;
+    'Setup TOTP': string;
+    'Show password': string;
+    'Sign in': string;
+    'Sign In': string;
+    'Sign In with Amazon': string;
+    'Sign In with Apple': string;
+    'Sign In with Facebook': string;
+    'Sign In with Google': string;
+    'Sign in to your account': string;
+    'Create a new account': string;
+    'Signing in': string;
+    Skip: string;
+    Submit: string;
+    Submitting: string;
+    'Verify Contact': string;
+    Verify: string;
+};

package/dist/types/i18n/dictionaries/index.d.ts

@@ -111,6 +111,7 @@ export declare const enDict: {
 };
 export declare const esDict: {
     'Account recovery requires verified contact information': string;
+    'An account with the given email already exists.': string;
     'Back to Sign In': string;
     'Change Password': string;
     Changing: string;
@@ -124,10 +125,12 @@ export declare const esDict: {
     'Confirmation Code': string;
     Confirming: string;
     'Create a new account': string;
+    'Create Account': string;
     'Creating Account': string;
     Email: string;
+    'Enter your email': string;
     'Forgot Password': string;
-    'Incorrect username or password': string;
+    'Incorrect username or password.': string;
     'Invalid password format': string;
     'Invalid phone number format': string;
     'Forgot your password?': string;
@@ -154,6 +157,10 @@ export declare const esDict: {
     'Sign in to your account': string;
     'Sign Out': string;
     'Sign Up': string;
+    'Sign Up with Amazon': string;
+    'Sign Up with Apple': string;
+    'Sign Up with Facebook': string;
+    'Sign Up with Google': string;
     'Signing in': string;
     Skip: string;
     Submit: string;
@@ -163,6 +170,7 @@ export declare const esDict: {
     'Username cannot be empty': string;
     Verify: string;
     'Verify Contact': string;
+    'Your passwords must match': string;
 };
 export declare const frDict: {
     'Account recovery requires verified contact information': string;
@@ -329,6 +337,10 @@ export declare const jaDict: {
     'Username cannot be empty': string;
     Verify: string;
     'Verify Contact': string;
+    'We Emailed You': string;
+    'Your code is on the way. To log in, enter the code we emailed to': string;
+    'Your code is on the way. To log in, enter the code we texted to': string;
+    'It may take a minute to arrive.': string;
 };
 export declare const krDict: {
     'Back to Sign In': string;
@@ -769,6 +781,56 @@ export declare const trDict: {
     'Verify Contact': string;
     Verify: string;
 };
+export declare const ruDict: {
+    'Account recovery requires verified contact information': string;
+    'Back to Sign In': string;
+    'Change Password': string;
+    Changing: string;
+    Code: string;
+    Confirm: string;
+    'Confirm Password': string;
+    'Confirm Sign Up': string;
+    'Confirm SMS Code': string;
+    'Confirm TOTP Code': string;
+    'Confirmation Code': string;
+    Confirming: string;
+    'Create Account': string;
+    'Creating Account': string;
+    Email: string;
+    'Enter your code': string;
+    'Enter your username': string;
+    'Enter your phone number': string;
+    'Enter your email': string;
+    'Forgot your password?': string;
+    'Hide password': string;
+    Loading: string;
+    Username: string;
+    'New password': string;
+    Password: string;
+    'Phone Number': string;
+    'Resend Code': string;
+    'Reset your password': string;
+    'Reset your Password': string;
+    'Send Code': string;
+    'Send code': string;
+    Sending: string;
+    'Setup TOTP': string;
+    'Show password': string;
+    'Sign in': string;
+    'Sign In': string;
+    'Sign In with Amazon': string;
+    'Sign In with Apple': string;
+    'Sign In with Facebook': string;
+    'Sign In with Google': string;
+    'Sign in to your account': string;
+    'Create a new account': string;
+    'Signing in': string;
+    Skip: string;
+    Submit: string;
+    Submitting: string;
+    'Verify Contact': string;
+    Verify: string;
+};
 export declare const defaultTexts: {
     BACK_SIGN_IN: string;
     BIRTHDATE: string;

package/dist/types/theme/tokens/components/select.d.ts

@@ -1,4 +1,4 @@
-import { AlignItemsValue, BackgroundColorValue, CursorValue, DesignToken, DisplayValue, FlexValue, PointerEventsValue, PositionValue, SpaceValue, TransformValue, WhiteSpaceValue } from '../types/designToken';
+import { AlignItemsValue, BackgroundColorValue, ColorValue, CursorValue, DesignToken, DisplayValue, FlexValue, PointerEventsValue, PositionValue, SpaceValue, TransformValue, WhiteSpaceValue } from '../types/designToken';
 interface SelectWrapperTokens {
     flex: DesignToken<FlexValue>;
     display: DesignToken<DisplayValue>;
@@ -15,6 +15,7 @@ interface SelectIconWrapperTokens {
 }
 interface SelectOptionTokens {
     backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
 }
 interface SelectSizeTokens {
     minWidth: DesignToken<SpaceValue>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "3.12.1",
+  "version": "3.12.4",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {