@aws-amplify/ui 6.0.3 → 6.0.5

package/dist/esm/machines/authenticator/index.mjs

@@ -34,6 +34,7 @@ const LEGACY_WAIT_CONFIG = {
             actions: ['configure'],
             target: 'getConfig',
         },
+        SIGN_OUT: '#authenticator.signOut',
     },
 };
 // setup step proceeds directly to configure
@@ -59,7 +60,7 @@ function createAuthenticatorMachine(options) {
             idle: {
                 invoke: {
                     src: 'handleGetCurrentUser',
-                    onDone: { actions: 'setUser', target: 'authenticated' },
+                    onDone: { actions: 'setUser', target: 'setup' },
                     onError: { target: 'setup' },
                 },
             },
@@ -70,10 +71,17 @@ function createAuthenticatorMachine(options) {
                     getConfig: {
                         invoke: {
                             src: 'getAmplifyConfig',
-                            onDone: {
-                                actions: ['applyAmplifyConfig', 'setHasSetup'],
-                                target: 'goToInitialState',
-                            },
+                            onDone: [
+                                {
+                                    actions: ['applyAmplifyConfig', 'setHasSetup'],
+                                    cond: 'hasUser',
+                                    target: '#authenticator.authenticated',
+                                },
+                                {
+                                    actions: ['applyAmplifyConfig', 'setHasSetup'],
+                                    target: 'goToInitialState',
+                                },
+                            ],
                         },
                     },
                     goToInitialState: {
@@ -332,7 +340,7 @@ function createAuthenticatorMachine(options) {
             configure: assign((_, event) => {
                 const { services: customServices, ...config } = !isEmptyObject(overrideConfigServices)
                     ? overrideConfigServices
-                    : event.data;
+                    : event.data ?? {};
                 return {
                     services: { ...defaultServices, ...customServices },
                     config,
@@ -346,6 +354,9 @@ function createAuthenticatorMachine(options) {
             isInitialStateSignUp: ({ config }) => config.initialState === 'signUp',
             isInitialStateResetPassword: ({ config }) => config.initialState === 'forgotPassword',
             shouldSetup: ({ hasSetup }) => !hasSetup,
+            hasUser: ({ user }) => {
+                return !!user;
+            },
         },
         services: {
             getAmplifyConfig: ({ services }) => services.getAmplifyConfig(),

package/dist/index.js

@@ -4630,6 +4630,7 @@ const LEGACY_WAIT_CONFIG = {
             actions: ['configure'],
             target: 'getConfig',
         },
+        SIGN_OUT: '#authenticator.signOut',
     },
 };
 // setup step proceeds directly to configure
@@ -4655,7 +4656,7 @@ function createAuthenticatorMachine(options) {
             idle: {
                 invoke: {
                     src: 'handleGetCurrentUser',
-                    onDone: { actions: 'setUser', target: 'authenticated' },
+                    onDone: { actions: 'setUser', target: 'setup' },
                     onError: { target: 'setup' },
                 },
             },
@@ -4666,10 +4667,17 @@ function createAuthenticatorMachine(options) {
                     getConfig: {
                         invoke: {
                             src: 'getAmplifyConfig',
-                            onDone: {
-                                actions: ['applyAmplifyConfig', 'setHasSetup'],
-                                target: 'goToInitialState',
-                            },
+                            onDone: [
+                                {
+                                    actions: ['applyAmplifyConfig', 'setHasSetup'],
+                                    cond: 'hasUser',
+                                    target: '#authenticator.authenticated',
+                                },
+                                {
+                                    actions: ['applyAmplifyConfig', 'setHasSetup'],
+                                    target: 'goToInitialState',
+                                },
+                            ],
                         },
                     },
                     goToInitialState: {
@@ -4928,7 +4936,7 @@ function createAuthenticatorMachine(options) {
             configure: xstate.assign((_, event) => {
                 const { services: customServices, ...config } = !isEmptyObject(overrideConfigServices)
                     ? overrideConfigServices
-                    : event.data;
+                    : event.data ?? {};
                 return {
                     services: { ...defaultServices, ...customServices },
                     config,
@@ -4942,6 +4950,9 @@ function createAuthenticatorMachine(options) {
             isInitialStateSignUp: ({ config }) => config.initialState === 'signUp',
             isInitialStateResetPassword: ({ config }) => config.initialState === 'forgotPassword',
             shouldSetup: ({ hasSetup }) => !hasSetup,
+            hasUser: ({ user }) => {
+                return !!user;
+            },
         },
         services: {
             getAmplifyConfig: ({ services }) => services.getAmplifyConfig(),

package/dist/styles/liveness.css

@@ -206,7 +206,7 @@
   content: "";
   width: 100%;
   height: 100%;
-  background: var(--amplify-colors-primary-40);
+  background: var(--amplify-colors-primary-80);
   left: -100%;
   transform: translate(var(--percentage), 0);
   transition: var(--amplify-liveness-match-indicator-transition);
@@ -307,7 +307,7 @@
 
 .amplify-liveness-start-screen-warning {
   color: var(--amplify-colors-blue-90);
-  background-color: var(--amplify-colors-blue-20);
+  background-color: var(--amplify-colors-blue-10);
   align-items: center;
   z-index: 3;
 }
@@ -349,13 +349,12 @@
 
 .amplify-liveness-popover {
   position: relative;
-  cursor: pointer;
 }
 
 .amplify-liveness-popover__anchor {
   position: absolute;
   top: 26px;
-  left: 3px;
+  left: 20px;
   z-index: 3;
   border-style: solid;
   border-width: 0 9px 9px 9px;
@@ -365,7 +364,7 @@
 .amplify-liveness-popover__anchor-secondary {
   position: absolute;
   top: 24px;
-  left: 2px;
+  left: 19px;
   z-index: 2;
   border-style: solid;
   border-width: 0 10px 10px 10px;
@@ -378,6 +377,7 @@
   color: var(--amplify-colors-font-primary);
   flex-direction: row;
   font-size: var(--amplify-font-sizes-xs);
+  font-weight: var(--amplify-font-weights-normal);
   padding: var(--amplify-space-small);
   top: 33px;
   width: 240px;

package/dist/styles/liveness.layer.css

@@ -207,7 +207,7 @@
   content: "";
   width: 100%;
   height: 100%;
-  background: var(--amplify-colors-primary-40);
+  background: var(--amplify-colors-primary-80);
   left: -100%;
   transform: translate(var(--percentage), 0);
   transition: var(--amplify-liveness-match-indicator-transition);
@@ -308,7 +308,7 @@
 
 .amplify-liveness-start-screen-warning {
   color: var(--amplify-colors-blue-90);
-  background-color: var(--amplify-colors-blue-20);
+  background-color: var(--amplify-colors-blue-10);
   align-items: center;
   z-index: 3;
 }
@@ -350,13 +350,12 @@
 
 .amplify-liveness-popover {
   position: relative;
-  cursor: pointer;
 }
 
 .amplify-liveness-popover__anchor {
   position: absolute;
   top: 26px;
-  left: 3px;
+  left: 20px;
   z-index: 3;
   border-style: solid;
   border-width: 0 9px 9px 9px;
@@ -366,7 +365,7 @@
 .amplify-liveness-popover__anchor-secondary {
   position: absolute;
   top: 24px;
-  left: 2px;
+  left: 19px;
   z-index: 2;
   border-style: solid;
   border-width: 0 10px 10px 10px;
@@ -379,6 +378,7 @@
   color: var(--amplify-colors-font-primary);
   flex-direction: row;
   font-size: var(--amplify-font-sizes-xs);
+  font-weight: var(--amplify-font-weights-normal);
   padding: var(--amplify-space-small);
   top: 33px;
   width: 240px;

package/dist/styles.css

@@ -4112,7 +4112,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   content: "";
   width: 100%;
   height: 100%;
-  background: var(--amplify-colors-primary-40);
+  background: var(--amplify-colors-primary-80);
   left: -100%;
   transform: translate(var(--percentage), 0);
   transition: var(--amplify-liveness-match-indicator-transition);
@@ -4213,7 +4213,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-start-screen-warning {
   color: var(--amplify-colors-blue-90);
-  background-color: var(--amplify-colors-blue-20);
+  background-color: var(--amplify-colors-blue-10);
   align-items: center;
   z-index: 3;
 }
@@ -4255,13 +4255,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-popover {
   position: relative;
-  cursor: pointer;
 }
 
 .amplify-liveness-popover__anchor {
   position: absolute;
   top: 26px;
-  left: 3px;
+  left: 20px;
   z-index: 3;
   border-style: solid;
   border-width: 0 9px 9px 9px;
@@ -4271,7 +4270,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-popover__anchor-secondary {
   position: absolute;
   top: 24px;
-  left: 2px;
+  left: 19px;
   z-index: 2;
   border-style: solid;
   border-width: 0 10px 10px 10px;
@@ -4284,6 +4283,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   color: var(--amplify-colors-font-primary);
   flex-direction: row;
   font-size: var(--amplify-font-sizes-xs);
+  font-weight: var(--amplify-font-weights-normal);
   padding: var(--amplify-space-small);
   top: 33px;
   width: 240px;

package/dist/styles.layer.css

@@ -4113,7 +4113,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   content: "";
   width: 100%;
   height: 100%;
-  background: var(--amplify-colors-primary-40);
+  background: var(--amplify-colors-primary-80);
   left: -100%;
   transform: translate(var(--percentage), 0);
   transition: var(--amplify-liveness-match-indicator-transition);
@@ -4214,7 +4214,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-start-screen-warning {
   color: var(--amplify-colors-blue-90);
-  background-color: var(--amplify-colors-blue-20);
+  background-color: var(--amplify-colors-blue-10);
   align-items: center;
   z-index: 3;
 }
@@ -4256,13 +4256,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
 
 .amplify-liveness-popover {
   position: relative;
-  cursor: pointer;
 }
 
 .amplify-liveness-popover__anchor {
   position: absolute;
   top: 26px;
-  left: 3px;
+  left: 20px;
   z-index: 3;
   border-style: solid;
   border-width: 0 9px 9px 9px;
@@ -4272,7 +4271,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-liveness-popover__anchor-secondary {
   position: absolute;
   top: 24px;
-  left: 2px;
+  left: 19px;
   z-index: 2;
   border-style: solid;
   border-width: 0 10px 10px 10px;
@@ -4285,6 +4284,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   color: var(--amplify-colors-font-primary);
   flex-direction: row;
   font-size: var(--amplify-font-sizes-xs);
+  font-weight: var(--amplify-font-weights-normal);
   padding: var(--amplify-space-small);
   top: 33px;
   width: 240px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.0.3",
+  "version": "6.0.5",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -46,7 +46,7 @@
   "dependencies": {
     "csstype": "^3.1.1",
     "lodash": "4.17.21",
-    "style-dictionary": "3.7.1",
+    "style-dictionary": "3.9.1",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
@@ -62,6 +62,7 @@
     "@types/lodash": "^4.14.170",
     "@types/webpack-env": "^1.16.2",
     "autoprefixer": "^10.3.1",
+    "glob": "^10.3.10",
     "postcss": "^8.4.31",
     "sass": "^1.35.2"
   },