@aws-amplify/ui-react-storage 3.0.0 → 3.0.2

package/dist/esm/components/StorageManager/hooks/useStorageManager/reducer.mjs

@@ -38,7 +38,9 @@ function storageManagerStateReducer(state, action) {
                     ...files,
                     {
                         ...currentFile,
-                        status: FileStatus.QUEUED,
+                        ...(currentFile.status === FileStatus.ADDED
+                            ? { status: FileStatus.QUEUED }
+                            : {}),
                     },
                 ];
             }, []);

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '2.3.1';
+const VERSION = '3.0.2';
 
 export { VERSION };

package/dist/index.js

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const VERSION = '2.3.1';
+const VERSION = '3.0.2';
 
 const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey, onStorageGetError, validateObjectExistence, ...rest }) => {
     const resolvedValidateObjectExistence = ui.isUndefined(validateObjectExistence)
@@ -115,7 +115,9 @@ function storageManagerStateReducer(state, action) {
                     ...files,
                     {
                         ...currentFile,
-                        status: FileStatus.QUEUED,
+                        ...(currentFile.status === FileStatus.ADDED
+                            ? { status: FileStatus.QUEUED }
+                            : {}),
                     },
                 ];
             }, []);

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/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.3.1";
+export declare const VERSION = "3.0.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@aws-amplify/ui": "6.0.0",
-    "@aws-amplify/ui-react": "6.0.0",
+    "@aws-amplify/ui-react": "6.0.1",
     "@aws-amplify/ui-react-core": "3.0.0",
     "lodash": "4.17.21",
     "tslib": "^2.5.2"