@aws-amplify/ui-react 6.0.7 → 6.1.1

package/dist/{Field-0ebfe8d5.js → Field-e99a3ed1.js}

@@ -864,21 +864,21 @@ const IconWarning = (props) => {
 /**
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
-const AlertIcon = ({ variation, ariaHidden, }) => {
+const AlertIcon = ({ variation, ariaHidden, ariaLabel, role, }) => {
     const icons = useIcons('alert');
     let icon;
     switch (variation) {
         case 'info':
-            icon = icons?.info ?? React__namespace.createElement(IconInfo, { "aria-hidden": ariaHidden });
+            icon = icons?.info ?? (React__namespace.createElement(IconInfo, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'error':
-            icon = icons?.error ?? React__namespace.createElement(IconError, { "aria-hidden": ariaHidden });
+            icon = icons?.error ?? (React__namespace.createElement(IconError, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'warning':
-            icon = icons?.warning ?? React__namespace.createElement(IconWarning, { "aria-hidden": ariaHidden });
+            icon = icons?.warning ?? (React__namespace.createElement(IconWarning, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'success':
-            icon = icons?.success ?? React__namespace.createElement(IconCheckCircle, { "aria-hidden": ariaHidden });
+            icon = icons?.success ?? (React__namespace.createElement(IconCheckCircle, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
     }
     return icon ? (React__namespace.createElement("span", { className: ui.ComponentClassName.AlertIcon }, icon)) : null;

package/dist/esm/components/FilterChildren/FilterChildren.mjs

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const FilterChildren = ({ allowedFilters, children = null, targetFilter, }) => {
+    const showContent = Array.isArray(allowedFilters) &&
+        allowedFilters.some((filter) => filter === targetFilter);
+    return showContent ? React__default.createElement(React__default.Fragment, null, children) : null;
+};
+
+export { FilterChildren };

package/dist/esm/internal.mjs

@@ -2,6 +2,7 @@ export { useAuth } from './hooks/useAuth.mjs';
 export { useStorageURL } from './hooks/useStorageURL.mjs';
 export { useThemeBreakpoint } from './hooks/useThemeBreakpoint.mjs';
 export { useColorMode } from './hooks/useTheme.mjs';
+export { FilterChildren } from './components/FilterChildren/FilterChildren.mjs';
 export { AlertIcon } from './primitives/Alert/AlertIcon.mjs';
 export { IconAdd } from './primitives/Icon/icons/IconAdd.mjs';
 export { IconCheckCircleOutline } from './primitives/Icon/icons/IconCheckCircleOutline.mjs';

package/dist/esm/primitives/Alert/AlertIcon.mjs

@@ -12,21 +12,21 @@ import { IconWarning } from '../Icon/icons/IconWarning.mjs';
 /**
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
-const AlertIcon = ({ variation, ariaHidden, }) => {
+const AlertIcon = ({ variation, ariaHidden, ariaLabel, role, }) => {
     const icons = useIcons('alert');
     let icon;
     switch (variation) {
         case 'info':
-            icon = icons?.info ?? React.createElement(IconInfo, { "aria-hidden": ariaHidden });
+            icon = icons?.info ?? (React.createElement(IconInfo, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'error':
-            icon = icons?.error ?? React.createElement(IconError, { "aria-hidden": ariaHidden });
+            icon = icons?.error ?? (React.createElement(IconError, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'warning':
-            icon = icons?.warning ?? React.createElement(IconWarning, { "aria-hidden": ariaHidden });
+            icon = icons?.warning ?? (React.createElement(IconWarning, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
         case 'success':
-            icon = icons?.success ?? React.createElement(IconCheckCircle, { "aria-hidden": ariaHidden });
+            icon = icons?.success ?? (React.createElement(IconCheckCircle, { "aria-hidden": ariaHidden, "aria-label": ariaLabel, role: role }));
             break;
     }
     return icon ? (React.createElement("span", { className: ComponentClassName.AlertIcon }, icon)) : null;

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.0.7';
+const VERSION = '6.1.1';
 
 export { VERSION };

package/dist/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var isEqual = require('lodash/isEqual.js');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 var ui = require('@aws-amplify/ui');
-var Field = require('./Field-0ebfe8d5.js');
+var Field = require('./Field-e99a3ed1.js');
 require('aws-amplify/storage');
 var debounce = require('lodash/debounce.js');
 var Dropdown = require('@radix-ui/react-dropdown-menu');
@@ -2383,7 +2383,7 @@ const defaultDeleteUserDisplayText = {
     warningText: 'Deleting your account is not reversible. You will lose access to your account and all data associated with it.',
 };
 
-const VERSION = '6.0.7';
+const VERSION = '6.1.1';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-0ebfe8d5.js');
+var Field = require('./Field-e99a3ed1.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
@@ -10,6 +10,8 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 require('@aws-amplify/core');
 require('aws-amplify/auth');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -29,6 +31,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Storage__namespace = /*#__PURE__*/_interopNamespace(Storage);
 
 const useStorageURL = ({ key, options, fallbackURL, onStorageGetError, }) => {
@@ -80,6 +83,12 @@ const useThemeBreakpoint = () => {
     return breakpoint;
 };
 
+const FilterChildren = ({ allowedFilters, children = null, targetFilter, }) => {
+    const showContent = Array.isArray(allowedFilters) &&
+        allowedFilters.some((filter) => filter === targetFilter);
+    return showContent ? React__default["default"].createElement(React__default["default"].Fragment, null, children) : null;
+};
+
 /**
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
@@ -16395,6 +16404,7 @@ exports.useAuth = Field.useAuth;
 exports.useColorMode = Field.useColorMode;
 exports.useDropZone = Field.useDropZone;
 exports.useIcons = Field.useIcons;
+exports.FilterChildren = FilterChildren;
 exports.IconCheckCircleOutline = IconCheckCircleOutline;
 exports.IconEdit = IconEdit;
 exports.IconFile = IconFile;

package/dist/styles/liveness.css

@@ -5,6 +5,12 @@
   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%);
@@ -39,6 +45,7 @@
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 
 .amplify-liveness-video {
@@ -108,7 +115,7 @@
 }
 
 .amplify-liveness-instruction-overlay {
-  z-index: 1;
+  z-index: 2;
 }
 
 .amplify-liveness-countdown-container {
@@ -342,6 +349,10 @@
   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);
@@ -419,5 +430,6 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
   height: 480px;
 }

package/dist/styles/liveness.layer.css

@@ -6,6 +6,12 @@
   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%);
@@ -40,6 +46,7 @@
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 
 .amplify-liveness-video {
@@ -109,7 +116,7 @@
 }
 
 .amplify-liveness-instruction-overlay {
-  z-index: 1;
+  z-index: 2;
 }
 
 .amplify-liveness-countdown-container {
@@ -343,6 +350,10 @@
   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);
@@ -420,6 +431,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
   height: 480px;
 }
 }

package/dist/styles/table.css

@@ -80,6 +80,9 @@
     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);
@@ -138,9 +141,6 @@
 .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/styles/table.layer.css

@@ -81,6 +81,9 @@
     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);
@@ -139,9 +142,6 @@
 .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/styles.css

@@ -3911,6 +3911,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 +3951,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 
 .amplify-liveness-video {
@@ -4014,7 +4021,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 +4255,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 +4336,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
   height: 480px;
 }
 
@@ -5327,6 +5339,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 +5400,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/styles.layer.css

@@ -3912,6 +3912,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%);
@@ -3946,6 +3952,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   left: 0;
   height: 100%;
   width: 100%;
+  z-index: 2;
 }
 
 .amplify-liveness-video {
@@ -4015,7 +4022,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-liveness-instruction-overlay {
-  z-index: 1;
+  z-index: 2;
 }
 
 .amplify-liveness-countdown-container {
@@ -4249,6 +4256,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);
@@ -4326,6 +4337,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
   height: 480px;
 }
 
@@ -5328,6 +5340,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);
@@ -5386,9 +5401,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/components/FilterChildren/FilterChildren.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FilterChildrenProps {
+    children?: React.ReactNode;
+    /**
+     * string values to match against `targetFilter` against
+     */
+    allowedFilters?: string[];
+    targetFilter?: string;
+}
+export declare const FilterChildren: ({ allowedFilters, children, targetFilter, }: FilterChildrenProps) => JSX.Element | null;

package/dist/types/components/FilterChildren/index.d.ts

@@ -0,0 +1 @@
+export { FilterChildren, FilterChildrenProps } from './FilterChildren';

package/dist/types/internal.d.ts

@@ -2,6 +2,7 @@ export * from './hooks/useAuth';
 export * from './hooks/useStorageURL';
 export * from './hooks/useThemeBreakpoint';
 export { useColorMode } from './hooks/useTheme';
+export * from './components/FilterChildren';
 export { AlertIcon } from './primitives/Alert/AlertIcon';
 export * from './primitives/Icon/internal';
 export { useDropZone } from './primitives/DropZone/useDropZone';

package/dist/types/primitives/Alert/AlertIcon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AlertVariations } from '../types';
-interface AlertIconProps {
+import { AlertVariations, ViewProps } from '../types';
+interface AlertIconProps extends Pick<ViewProps, 'role' | 'ariaLabel'> {
     variation?: AlertVariations;
     ariaHidden?: boolean;
 }
@@ -8,7 +8,7 @@ interface AlertIconProps {
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
 export declare const AlertIcon: {
-    ({ variation, ariaHidden, }: AlertIconProps): JSX.Element | null;
+    ({ variation, ariaHidden, ariaLabel, role, }: AlertIconProps): JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.0.7";
+export declare const VERSION = "6.1.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.0.7",
+  "version": "6.1.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -49,8 +49,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.6",
-    "@aws-amplify/ui-react-core": "3.0.6",
+    "@aws-amplify/ui": "6.0.7",
+    "@aws-amplify/ui-react-core": "3.0.7",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",