@aws-amplify/ui 6.0.0 → 6.0.2

package/dist/esm/helpers/authenticator/textUtil.mjs

@@ -87,7 +87,7 @@ const authenticatorTextUtil = {
     getDeliveryMethodText,
     /** ConfirmSignIn */
     getChallengeText,
-    /** ResetPassword */
+    /** ForgotPassword */
     getResetYourPasswordText: () => translate(DefaultTexts.RESET_PASSWORD),
     /** SetupTotp */
     getSetupTotpText: () => translate(DefaultTexts.SETUP_TOTP),

package/dist/esm/machines/authenticator/actors/forgotPassword.mjs

@@ -122,7 +122,7 @@ function forgotPasswordActor({ services, }) {
                                 tags: 'pending',
                                 entry: ['clearError', 'sendUpdate'],
                                 invoke: {
-                                    src: 'resetPassword',
+                                    src: 'handleResetPassword',
                                     onDone: { target: 'idle' },
                                     onError: { actions: 'setRemoteError', target: 'idle' },
                                 },

package/dist/index.js

@@ -3121,7 +3121,7 @@ const authenticatorTextUtil = {
     getDeliveryMethodText,
     /** ConfirmSignIn */
     getChallengeText,
-    /** ResetPassword */
+    /** ForgotPassword */
     getResetYourPasswordText: () => translate(DefaultTexts.RESET_PASSWORD),
     /** SetupTotp */
     getSetupTotpText: () => translate(DefaultTexts.SETUP_TOTP),
@@ -3817,7 +3817,7 @@ function forgotPasswordActor({ services, }) {
                                 tags: 'pending',
                                 entry: ['clearError', 'sendUpdate'],
                                 invoke: {
-                                    src: 'resetPassword',
+                                    src: 'handleResetPassword',
                                     onDone: { target: 'idle' },
                                     onError: { actions: 'setRemoteError', target: 'idle' },
                                 },

package/dist/styles/liveness.css

@@ -6,7 +6,8 @@
 }
 
 .amplify-liveness-cancel-button {
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
+  color: hsl(190, 95%, 30%);
 }
 
 .amplify-liveness-fade-out {
@@ -46,6 +47,7 @@
   left: 0;
   width: 100%;
   height: 100%;
+  transform: scaleX(-1);
 }
 
 .amplify-liveness-freshness-canvas {
@@ -95,12 +97,16 @@
 .amplify-liveness-recording-icon {
   flex-direction: column;
   align-items: center;
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
   padding: var(--amplify-space-xxs);
   gap: var(--amplify-space-xxs);
   border-radius: var(--amplify-radii-small);
 }
 
+.amplify-liveness-recording-icon .amplify-text {
+  color: var(--amplify-colors-black);
+}
+
 .amplify-liveness-instruction-overlay {
   z-index: 1;
 }
@@ -121,7 +127,7 @@
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
   padding: var(--amplify-space-small);
-  border-radius: var(--amplify-radii-medium);
+  max-width: 100%;
 }
 
 .amplify-liveness-toast__message {
@@ -130,8 +136,13 @@
   flex-direction: column;
 }
 
+.amplify-liveness-toast--medium {
+  border-radius: var(--amplify-radii-medium);
+}
+
 .amplify-liveness-toast--large {
-  font-size: var(--amplify-font-sizes-xl);
+  font-size: var(--amplify-font-sizes-xxl);
+  padding: 0 var(--amplify-space-xs);
 }
 
 .amplify-liveness-toast--primary {
@@ -295,9 +306,10 @@
 }
 
 .amplify-liveness-start-screen-warning {
-  color: var(--amplify-colors-orange-80);
-  background-color: var(--amplify-colors-orange-20);
+  color: var(--amplify-colors-blue-90);
+  background-color: var(--amplify-colors-blue-20);
   align-items: center;
+  z-index: 3;
 }
 
 .amplify-liveness-start-screen-instructions__heading {
@@ -316,7 +328,7 @@
   top: 0;
   width: 100%;
   height: 100%;
-  padding: var(--amplify-space-xl);
+  padding: var(--amplify-space-large);
 }
 
 .amplify-liveness-error-modal {
@@ -371,4 +383,41 @@
   width: 240px;
   border: 1px solid var(--amplify-colors-border-secondary);
   border-radius: 2px;
+  z-index: 4;
+}
+
+.amplify-liveness-start-screen-camera-select {
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  z-index: 2;
+}
+
+.amplify-liveness-start-screen-camera-select__container {
+  display: flex;
+  justify-content: space-between;
+  align-items: inherit;
+  gap: var(--amplify-space-xs);
+}
+
+.amplify-liveness-start-screen-camera-select__label,
+.amplify-liveness-start-screen-camera-select .amplify-select,
+.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
+.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-start-screen-camera-waiting {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 480px;
 }

package/dist/styles/liveness.layer.css

@@ -7,7 +7,8 @@
 }
 
 .amplify-liveness-cancel-button {
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
+  color: hsl(190, 95%, 30%);
 }
 
 .amplify-liveness-fade-out {
@@ -47,6 +48,7 @@
   left: 0;
   width: 100%;
   height: 100%;
+  transform: scaleX(-1);
 }
 
 .amplify-liveness-freshness-canvas {
@@ -96,12 +98,16 @@
 .amplify-liveness-recording-icon {
   flex-direction: column;
   align-items: center;
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
   padding: var(--amplify-space-xxs);
   gap: var(--amplify-space-xxs);
   border-radius: var(--amplify-radii-small);
 }
 
+.amplify-liveness-recording-icon .amplify-text {
+  color: var(--amplify-colors-black);
+}
+
 .amplify-liveness-instruction-overlay {
   z-index: 1;
 }
@@ -122,7 +128,7 @@
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
   padding: var(--amplify-space-small);
-  border-radius: var(--amplify-radii-medium);
+  max-width: 100%;
 }
 
 .amplify-liveness-toast__message {
@@ -131,8 +137,13 @@
   flex-direction: column;
 }
 
+.amplify-liveness-toast--medium {
+  border-radius: var(--amplify-radii-medium);
+}
+
 .amplify-liveness-toast--large {
-  font-size: var(--amplify-font-sizes-xl);
+  font-size: var(--amplify-font-sizes-xxl);
+  padding: 0 var(--amplify-space-xs);
 }
 
 .amplify-liveness-toast--primary {
@@ -296,9 +307,10 @@
 }
 
 .amplify-liveness-start-screen-warning {
-  color: var(--amplify-colors-orange-80);
-  background-color: var(--amplify-colors-orange-20);
+  color: var(--amplify-colors-blue-90);
+  background-color: var(--amplify-colors-blue-20);
   align-items: center;
+  z-index: 3;
 }
 
 .amplify-liveness-start-screen-instructions__heading {
@@ -317,7 +329,7 @@
   top: 0;
   width: 100%;
   height: 100%;
-  padding: var(--amplify-space-xl);
+  padding: var(--amplify-space-large);
 }
 
 .amplify-liveness-error-modal {
@@ -372,5 +384,42 @@
   width: 240px;
   border: 1px solid var(--amplify-colors-border-secondary);
   border-radius: 2px;
+  z-index: 4;
+}
+
+.amplify-liveness-start-screen-camera-select {
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  z-index: 2;
+}
+
+.amplify-liveness-start-screen-camera-select__container {
+  display: flex;
+  justify-content: space-between;
+  align-items: inherit;
+  gap: var(--amplify-space-xs);
+}
+
+.amplify-liveness-start-screen-camera-select__label,
+.amplify-liveness-start-screen-camera-select .amplify-select,
+.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
+.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-start-screen-camera-waiting {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 480px;
 }
 }

package/dist/styles.css

@@ -3905,7 +3905,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-cancel-button {
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
+  color: hsl(190, 95%, 30%);
 }
 
 .amplify-liveness-fade-out {
@@ -3945,6 +3946,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   width: 100%;
   height: 100%;
+  transform: scaleX(-1);
 }
 
 .amplify-liveness-freshness-canvas {
@@ -3994,12 +3996,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-recording-icon {
   flex-direction: column;
   align-items: center;
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
   padding: var(--amplify-space-xxs);
   gap: var(--amplify-space-xxs);
   border-radius: var(--amplify-radii-small);
 }
 
+.amplify-liveness-recording-icon .amplify-text {
+  color: var(--amplify-colors-black);
+}
+
 .amplify-liveness-instruction-overlay {
   z-index: 1;
 }
@@ -4020,7 +4026,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
   padding: var(--amplify-space-small);
-  border-radius: var(--amplify-radii-medium);
+  max-width: 100%;
 }
 
 .amplify-liveness-toast__message {
@@ -4029,8 +4035,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
 }
 
+.amplify-liveness-toast--medium {
+  border-radius: var(--amplify-radii-medium);
+}
+
 .amplify-liveness-toast--large {
-  font-size: var(--amplify-font-sizes-xl);
+  font-size: var(--amplify-font-sizes-xxl);
+  padding: 0 var(--amplify-space-xs);
 }
 
 .amplify-liveness-toast--primary {
@@ -4194,9 +4205,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-start-screen-warning {
-  color: var(--amplify-colors-orange-80);
-  background-color: var(--amplify-colors-orange-20);
+  color: var(--amplify-colors-blue-90);
+  background-color: var(--amplify-colors-blue-20);
   align-items: center;
+  z-index: 3;
 }
 
 .amplify-liveness-start-screen-instructions__heading {
@@ -4215,7 +4227,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   top: 0;
   width: 100%;
   height: 100%;
-  padding: var(--amplify-space-xl);
+  padding: var(--amplify-space-large);
 }
 
 .amplify-liveness-error-modal {
@@ -4270,6 +4282,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
   width: 240px;
   border: 1px solid var(--amplify-colors-border-secondary);
   border-radius: 2px;
+  z-index: 4;
+}
+
+.amplify-liveness-start-screen-camera-select {
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  z-index: 2;
+}
+
+.amplify-liveness-start-screen-camera-select__container {
+  display: flex;
+  justify-content: space-between;
+  align-items: inherit;
+  gap: var(--amplify-space-xs);
+}
+
+.amplify-liveness-start-screen-camera-select__label,
+.amplify-liveness-start-screen-camera-select .amplify-select,
+.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
+.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-start-screen-camera-waiting {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 480px;
 }
 
 .amplify-menu__wrapper {

package/dist/styles.layer.css

@@ -3906,7 +3906,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-cancel-button {
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
+  color: hsl(190, 95%, 30%);
 }
 
 .amplify-liveness-fade-out {
@@ -3946,6 +3947,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   width: 100%;
   height: 100%;
+  transform: scaleX(-1);
 }
 
 .amplify-liveness-freshness-canvas {
@@ -3995,12 +3997,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-recording-icon {
   flex-direction: column;
   align-items: center;
-  background-color: var(--amplify-colors-background-primary);
+  background-color: #fff;
   padding: var(--amplify-space-xxs);
   gap: var(--amplify-space-xxs);
   border-radius: var(--amplify-radii-small);
 }
 
+.amplify-liveness-recording-icon .amplify-text {
+  color: var(--amplify-colors-black);
+}
+
 .amplify-liveness-instruction-overlay {
   z-index: 1;
 }
@@ -4021,7 +4027,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-toast {
   background-color: var(--amplify-colors-background-primary);
   padding: var(--amplify-space-small);
-  border-radius: var(--amplify-radii-medium);
+  max-width: 100%;
 }
 
 .amplify-liveness-toast__message {
@@ -4030,8 +4036,13 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
 }
 
+.amplify-liveness-toast--medium {
+  border-radius: var(--amplify-radii-medium);
+}
+
 .amplify-liveness-toast--large {
-  font-size: var(--amplify-font-sizes-xl);
+  font-size: var(--amplify-font-sizes-xxl);
+  padding: 0 var(--amplify-space-xs);
 }
 
 .amplify-liveness-toast--primary {
@@ -4195,9 +4206,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-start-screen-warning {
-  color: var(--amplify-colors-orange-80);
-  background-color: var(--amplify-colors-orange-20);
+  color: var(--amplify-colors-blue-90);
+  background-color: var(--amplify-colors-blue-20);
   align-items: center;
+  z-index: 3;
 }
 
 .amplify-liveness-start-screen-instructions__heading {
@@ -4216,7 +4228,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   top: 0;
   width: 100%;
   height: 100%;
-  padding: var(--amplify-space-xl);
+  padding: var(--amplify-space-large);
 }
 
 .amplify-liveness-error-modal {
@@ -4271,6 +4283,43 @@ html[dir=rtl] .amplify-field-group__inner-start {
   width: 240px;
   border: 1px solid var(--amplify-colors-border-secondary);
   border-radius: 2px;
+  z-index: 4;
+}
+
+.amplify-liveness-start-screen-camera-select {
+  flex-direction: column;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: var(--amplify-space-xl);
+  align-items: center;
+  justify-content: flex-end;
+  display: flex;
+  z-index: 2;
+}
+
+.amplify-liveness-start-screen-camera-select__container {
+  display: flex;
+  justify-content: space-between;
+  align-items: inherit;
+  gap: var(--amplify-space-xs);
+}
+
+.amplify-liveness-start-screen-camera-select__label,
+.amplify-liveness-start-screen-camera-select .amplify-select,
+.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,
+.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper {
+  background-color: var(--amplify-colors-background-primary);
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-liveness-start-screen-camera-waiting {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 480px;
 }
 
 .amplify-menu__wrapper {

package/dist/types/helpers/authenticator/textUtil.d.ts

@@ -33,7 +33,7 @@ export declare const authenticatorTextUtil: {
     readonly getDeliveryMethodText: (codeDeliveryDetails: V5CodeDeliveryDetails) => string;
     /** ConfirmSignIn */
     readonly getChallengeText: (challengeName?: ChallengeName) => string;
-    /** ResetPassword */
+    /** ForgotPassword */
     readonly getResetYourPasswordText: () => string;
     /** SetupTotp */
     readonly getSetupTotpText: () => string;

package/package.json

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