@aws-amplify/ui-react-storage 3.0.9 → 3.0.11

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.0.9';
+const VERSION = '3.0.11';
 
 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 = '3.0.9';
+const VERSION = '3.0.11';
 
 const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey, onStorageGetError, validateObjectExistence, ...rest }) => {
     const resolvedValidateObjectExistence = ui.isUndefined(validateObjectExistence)

package/dist/styles.css

@@ -197,10 +197,10 @@
   --amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);
   --amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);
   --amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);
-  --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-60);
+  --amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-80);
   --amplify-components-button-outlined-error-background-color: transparent;
   --amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);
-  --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-60);
+  --amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-80);
   --amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);
   --amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);
   --amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);
@@ -851,6 +851,19 @@
   --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
   --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
   --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
+  --amplify-components-passwordfield-button-error-color: var(--amplify-components-button-outlined-error-color);
+  --amplify-components-passwordfield-button-error-background-color: var(--amplify-components-button-outlined-error-background-color);
+  --amplify-components-passwordfield-button-error-border-color: var(--amplify-components-button-outlined-error-border-color);
+  --amplify-components-passwordfield-button-error-active-border-color: var(--amplify-components-button-outlined-error-active-border-color);
+  --amplify-components-passwordfield-button-error-active-background-color: var(--amplify-components-button-outlined-error-active-background-color);
+  --amplify-components-passwordfield-button-error-active-color: var(--amplify-components-button-outlined-error-active-color);
+  --amplify-components-passwordfield-button-error-focus-border-color: var(--amplify-components-button-outlined-error-focus-border-color);
+  --amplify-components-passwordfield-button-error-focus-background-color: var(--amplify-components-button-outlined-error-focus-background-color);
+  --amplify-components-passwordfield-button-error-focus-color: var(--amplify-components-button-outlined-error-focus-color);
+  --amplify-components-passwordfield-button-error-focus-box-shadow: var(--amplify-components-button-outlined-error-focus-box-shadow);
+  --amplify-components-passwordfield-button-error-hover-border-color: var(--amplify-components-button-outlined-error-hover-border-color);
+  --amplify-components-passwordfield-button-error-hover-background-color: var(--amplify-components-button-outlined-error-hover-background-color);
+  --amplify-components-passwordfield-button-error-hover-color: var(--amplify-components-button-outlined-error-hover-color);
   --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
   --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
   --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
@@ -3911,6 +3924,12 @@ html[dir=rtl] .amplify-field-group__inner-start {
   right: var(--amplify-space-medium);
 }
 
+.liveness-detector .amplify-button--primary:focus {
+  box-shadow: unset;
+  outline: var(--amplify-components-button-focus-color) solid 2px;
+  outline-offset: 2px;
+}
+
 .amplify-liveness-cancel-button {
   background-color: #fff;
   color: hsl(190, 95%, 30%);
@@ -3945,6 +3964,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 
 .amplify-liveness-video {
@@ -4014,7 +4034,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-instruction-overlay {
-  z-index: 1;
+  z-index: 2;
 }
 
 .amplify-liveness-countdown-container {
@@ -4248,6 +4268,10 @@ html[dir=rtl] .amplify-field-group__inner-start {
   font-weight: var(--amplify-font-weights-bold);
 }
 
+.amplify-liveness-hint--mobile {
+  margin-top: var(--amplify-space-xxxl);
+}
+
 .amplify-liveness-hint__text {
   align-items: center;
   gap: var(--amplify-space-xs);
@@ -4325,6 +4349,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
   height: 480px;
 }
 
@@ -4580,11 +4605,45 @@ html[dir=rtl] .amplify-field-group__inner-start {
   --amplify-components-button-hover-color: var(
     --amplify-components-passwordfield-button-hover-color
   );
-}
-
-.amplify-field__show-password--error {
-  color: var(--amplify-components-fieldcontrol-error-color);
-  border-color: var(--amplify-components-fieldcontrol-error-border-color);
+  --amplify-components-button-outlined-error-color: var(
+    --amplify-components-passwordfield-button-error-color
+  );
+  --amplify-components-button-outlined-error-border-color: var(
+    --amplify-components-passwordfield-button-error-border-color
+  );
+  --amplify-components-button-outlined-error-background-color: var(
+    --amplify-components-passwordfield-button-error-background-color
+  );
+  --amplify-components-button-outlined-error-active-color: var(
+    --amplify-components-passwordfield-button-error-active-color
+  );
+  --amplify-components-button-outlined-error-active-border-color: var(
+    --amplify-components-passwordfield-button-error-active-border-color
+  );
+  --amplify-components-button-outlined-error-active-background-color: var(
+    --amplify-components-passwordfield-button-error-active-background-color
+  );
+  --amplify-components-button-outlined-error-hover-color: var(
+    --amplify-components-passwordfield-button-error-hover-color
+  );
+  --amplify-components-button-outlined-error-hover-border-color: var(
+    --amplify-components-passwordfield-button-error-hover-border-color
+  );
+  --amplify-components-button-outlined-error-hover-background-color: var(
+    --amplify-components-passwordfield-button-error-hover-background-color
+  );
+  --amplify-components-button-outlined-error-focus-color: var(
+    --amplify-components-passwordfield-button-error-focus-color
+  );
+  --amplify-components-button-outlined-error-focus-box-shadow: var(
+    --amplify-components-passwordfield-button-error-focus-box-shadow
+  );
+  --amplify-components-button-outlined-error-focus-border-color: var(
+    --amplify-components-passwordfield-button-error-focus-border-color
+  );
+  --amplify-components-button-outlined-error-focus-background-color: var(
+    --amplify-components-passwordfield-button-error-focus-background-color
+  );
 }
 
 .amplify-phonenumberfield select:not(:focus) {
@@ -5327,6 +5386,9 @@ html[dir=rtl] .amplify-field-group__inner-start {
     var(--amplify-components-table-header-border-width)
     var(--amplify-components-table-header-border-width);
 }
+.amplify-table--striped .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
+  background-color: var(--amplify-components-table-row-striped-background-color);
+}
 .amplify-table__caption {
   caption-side: var(--amplify-components-table-caption-caption-side);
   color: var(--amplify-components-table-caption-color);
@@ -5385,9 +5447,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
 .amplify-table__td:last-child {
   border-right-width: var(--amplify-components-table-data-border-width);
 }
-.amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
-  background-color: var(--amplify-components-table-row-striped-background-color);
-}
 .amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover {
   background-color: var(--amplify-components-table-row-hover-background-color);
 }

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.0.9";
+export declare const VERSION = "3.0.11";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.0.9",
+  "version": "3.0.11",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -39,9 +39,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.6",
-    "@aws-amplify/ui-react": "6.1.0",
-    "@aws-amplify/ui-react-core": "3.0.6",
+    "@aws-amplify/ui": "6.0.8",
+    "@aws-amplify/ui-react": "6.1.2",
+    "@aws-amplify/ui-react-core": "3.0.8",
     "lodash": "4.17.21",
     "tslib": "^2.5.2"
   },