@aws-amplify/ui-react 6.10.0 → 6.11.1

package/dist/{Field-31Y_jcOe.js → Field-BjInyX0G.js}

@@ -1064,7 +1064,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
             }, "data-testid": LINEAR_FILLED }),
         isDeterminate ? (React__namespace.createElement("text", { "aria-live": "polite", className: ui.classNames(ui.ComponentClassName.LoaderLabel, isPercentageTextHidden ? ui.ComponentClassName.VisuallyHidden : null), 
             // -1% offset makes the text position look nicest
-            x: `${-1 + percentage}%`, y: "200%" }, percent)) : null));
+            x: `${ -1 + percentage}%`, y: "200%" }, percent)) : null));
     // r + stroke-width should add up to 50% to avoid overflow
     const circularLoader = (React__namespace.createElement("g", null,
         React__namespace.createElement("circle", { cx: "50%", cy: "50%", r: `${RADIUS}%`, strokeWidth: `${CIRCULAR_STROKE_WIDTH}%`, style: { stroke: String(emptyColor) }, "data-testid": CIRCULAR_EMPTY }),
@@ -1080,7 +1080,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
         isDeterminate ? (React__namespace.createElement("text", { "aria-live": "polite", className: ui.classNames(ui.ComponentClassName.LoaderLabel, isPercentageTextHidden ? ui.ComponentClassName.VisuallyHidden : null), 
             // this x and y make text position look nicest
             x: "130%", y: "80%" }, percent)) : null));
-    return (React__namespace.createElement(View, { as: "svg", className: componentClasses, ref: ref, role: "img", ...rest }, variation === 'linear' ? linearLoader : circularLoader));
+    return (React__namespace.createElement(View, { as: "svg", "aria-valuenow": isDeterminate ? percentage : undefined, className: componentClasses, ref: ref, role: "progressbar", ...rest }, variation === 'linear' ? linearLoader : circularLoader));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/loader)

package/dist/esm/components/Authenticator/FederatedSignIn/FederatedSignIn.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { FederatedIdentityProviders, authenticatorTextUtil } from '@aws-amplify/ui';
+import { authenticatorTextUtil, FederatedIdentityProviders } from '@aws-amplify/ui';
 import { Divider } from '../../../primitives/Divider/Divider.mjs';
 import { Flex } from '../../../primitives/Flex/Flex.mjs';
 import { useAuthenticator } from '@aws-amplify/ui-react-core';

package/dist/esm/components/Authenticator/RouteContainer/RouteContainer.mjs

@@ -3,14 +3,6 @@ import { View } from '../../../primitives/View/View.mjs';
 import { useAuthenticator } from '@aws-amplify/ui-react-core';
 import { useCustomComponents } from '../hooks/useCustomComponents/useCustomComponents.mjs';
 
-// TODO replace usage of this util with the `isSignInOrSignUpRoute` util in v3.
-// Currently `hasTabs` always returns `undefined` as the right condition always
-// resolves to truthy. This prevents the "data-amplify-router-content" attribute
-// from being applied below. Fixing it will cause consumer snapshot tests to break,
-// so wait to update.
-const hasTabs = (route) => {
-    return route === 'signIn' || 'signUp';
-};
 function RouteContainer({ children, className, variation = 'default', }) {
     const { route } = useAuthenticator(({ route }) => [route]);
     const { 
@@ -19,7 +11,7 @@ function RouteContainer({ children, className, variation = 'default', }) {
     return (React__default.createElement(View, { className: className, "data-amplify-authenticator": "", "data-variation": variation },
         React__default.createElement(View, { "data-amplify-container": "" },
             React__default.createElement(Header, null),
-            React__default.createElement(View, { "data-amplify-router": "", "data-amplify-router-content": hasTabs(route) ? undefined : '' }, children),
+            React__default.createElement(View, { "data-amplify-router": "", "data-amplify-router-content": undefined  }, children),
             React__default.createElement(Footer, null))));
 }
 

package/dist/esm/components/Authenticator/Router/Router.mjs

@@ -5,8 +5,8 @@ import { ForceNewPassword } from '../ForceNewPassword/ForceNewPassword.mjs';
 import { SetupTotp } from '../SetupTotp/SetupTotp.mjs';
 import '@aws-amplify/ui';
 import '../../../primitives/TextField/TextField.mjs';
-import '../../../primitives/Button/Button.mjs';
-import '../../../primitives/Flex/Flex.mjs';
+import '../shared/ConfirmSignInFooter.mjs';
+import '../shared/TwoButtonSubmitFooter.mjs';
 import '../../../primitives/Alert/Alert.mjs';
 import { SignInSignUpTabs } from '../shared/SignInSignUpTabs.mjs';
 import { ConfirmVerifyUser } from '../VerifyUser/ConfirmVerifyUser.mjs';

package/dist/esm/internal.mjs

@@ -15,6 +15,7 @@ export { IconCheck } from './primitives/Icon/icons/IconCheck.mjs';
 export { IconChevronLeft } from './primitives/Icon/icons/IconChevronLeft.mjs';
 export { IconChevronRight } from './primitives/Icon/icons/IconChevronRight.mjs';
 export { IconClose } from './primitives/Icon/icons/IconClose.mjs';
+export { IconDocument } from './primitives/Icon/icons/IconDocument.mjs';
 export { IconEdit } from './primitives/Icon/icons/IconEdit.mjs';
 export { IconError } from './primitives/Icon/icons/IconError.mjs';
 export { IconExpandMore } from './primitives/Icon/icons/IconExpandMore.mjs';

package/dist/esm/primitives/Collection/Collection.mjs

@@ -9,7 +9,7 @@ import { usePagination } from '../Pagination/usePagination.mjs';
 import { SearchField } from '../SearchField/SearchField.mjs';
 import { ComponentText } from '../shared/constants.mjs';
 import { strHasLength } from '../shared/utils.mjs';
-import { getPageCount, getItemsAtPage, itemHasText } from './utils.mjs';
+import { itemHasText, getPageCount, getItemsAtPage } from './utils.mjs';
 
 const DEFAULT_PAGE_SIZE = 10;
 const TYPEAHEAD_DELAY_MS = 300;

package/dist/esm/primitives/DropZone/DropZone.mjs

@@ -3,7 +3,7 @@ import { useDropZone } from '@aws-amplify/ui-react-core';
 import { DropZoneProvider } from './DropZoneProvider.mjs';
 import { DropZoneContainer } from './DropZoneContainer.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
-import { Accepted, Rejected, Default } from './DropZoneChildren.mjs';
+import { Default, Rejected, Accepted } from './DropZoneChildren.mjs';
 
 const DropZonePrimitive = ({ children, testId, isDisabled, acceptedFileTypes, onDropComplete, ...rest }, ref) => {
     const { dragState, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, } = useDropZone({

package/dist/esm/primitives/Icon/icons/IconDocument.mjs

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { classNames, ComponentClassName } from '@aws-amplify/ui';
+import { View } from '../../View/View.mjs';
+
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconDocument = (props) => {
+    const { className, ...rest } = props;
+    return (React.createElement(View, { as: "span", width: "1em", height: "1em", className: classNames(ComponentClassName.Icon, className), ...rest },
+        React.createElement("svg", { width: "24", height: "24", viewBox: "0 -960 960 960", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React.createElement("path", { d: "M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z", fill: "currentColor" }))));
+};
+
+export { IconDocument };

package/dist/esm/primitives/Loader/Loader.mjs

@@ -29,7 +29,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
             }, "data-testid": LINEAR_FILLED }),
         isDeterminate ? (React.createElement("text", { "aria-live": "polite", className: classNames(ComponentClassName.LoaderLabel, isPercentageTextHidden ? ComponentClassName.VisuallyHidden : null), 
             // -1% offset makes the text position look nicest
-            x: `${-1 + percentage}%`, y: "200%" }, percent)) : null));
+            x: `${ -1 + percentage}%`, y: "200%" }, percent)) : null));
     // r + stroke-width should add up to 50% to avoid overflow
     const circularLoader = (React.createElement("g", null,
         React.createElement("circle", { cx: "50%", cy: "50%", r: `${RADIUS}%`, strokeWidth: `${CIRCULAR_STROKE_WIDTH}%`, style: { stroke: String(emptyColor) }, "data-testid": CIRCULAR_EMPTY }),
@@ -45,7 +45,7 @@ const LoaderPrimitive = ({ className, filledColor, emptyColor, size, variation,
         isDeterminate ? (React.createElement("text", { "aria-live": "polite", className: classNames(ComponentClassName.LoaderLabel, isPercentageTextHidden ? ComponentClassName.VisuallyHidden : null), 
             // this x and y make text position look nicest
             x: "130%", y: "80%" }, percent)) : null));
-    return (React.createElement(View, { as: "svg", className: componentClasses, ref: ref, role: "img", ...rest }, variation === 'linear' ? linearLoader : circularLoader));
+    return (React.createElement(View, { as: "svg", "aria-valuenow": isDeterminate ? percentage : undefined, className: componentClasses, ref: ref, role: "progressbar", ...rest }, variation === 'linear' ? linearLoader : circularLoader));
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/loader)

package/dist/esm/primitives/PhoneNumberField/DialCodeSelect.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNames, ComponentClassName, countryDialCodes } from '@aws-amplify/ui';
+import { countryDialCodes, classNames, ComponentClassName } from '@aws-amplify/ui';
 import { SelectField } from '../SelectField/SelectField.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 

package/dist/esm/primitives/RadioGroupField/RadioGroupField.mjs

@@ -12,7 +12,7 @@ import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 
 const RadioGroupFieldPrimitive = ({ children, className, defaultValue, descriptiveText, errorMessage, hasError = false, id, isDisabled, isRequired, isReadOnly, legend, legendHidden = false, labelPosition, onChange, name, size, testId, value, variation, ...rest }, ref) => {
     const fieldId = useStableId(id);

package/dist/esm/primitives/SelectField/SelectField.mjs

@@ -11,7 +11,7 @@ import { splitPrimitiveProps } from '../utils/splitPrimitiveProps.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const selectFieldChildren = ({ children, options, }) => {

package/dist/esm/primitives/SliderField/SliderField.mjs

@@ -14,7 +14,7 @@ import { useStableId } from '../utils/useStableId.mjs';
 import { useFieldset } from '../Fieldset/useFieldset.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const SLIDER_LABEL_TEST_ID = 'slider-label';

package/dist/esm/primitives/StepperField/StepperField.mjs

@@ -22,7 +22,7 @@ import { splitPrimitiveProps } from '../utils/splitPrimitiveProps.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const DECREASE_ICON = 'decrease-icon';

package/dist/esm/primitives/TextAreaField/TextAreaField.mjs

@@ -12,7 +12,7 @@ import { AutoresizeTextArea } from '../TextArea/AutoresizeTextarea.mjs';
 import { useStableId } from '../utils/useStableId.mjs';
 import { primitiveWithForwardRef } from '../utils/primitiveWithForwardRef.mjs';
 import { createSpaceSeparatedIds } from '../utils/createSpaceSeparatedIds.mjs';
-import { DESCRIPTION_SUFFIX, ERROR_SUFFIX } from '../../helpers/constants.mjs';
+import { ERROR_SUFFIX, DESCRIPTION_SUFFIX } from '../../helpers/constants.mjs';
 import { getUniqueComponentId } from '../utils/getUniqueComponentId.mjs';
 
 const DEFAULT_ROW_COUNT = 3;

package/dist/esm/primitives/shared/utils.mjs

@@ -1,4 +1,4 @@
-import { isDesignToken, cssNameTransform } from '@aws-amplify/ui';
+import { cssNameTransform, isDesignToken } from '@aws-amplify/ui';
 export { classNameModifier, classNameModifierByFlag } from '@aws-amplify/ui';
 import { isThemeStylePropKey } from '../types/theme.mjs';
 import { stylePropsToThemeKeys } from './constants.mjs';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.10.0';
+const VERSION = '6.11.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-31Y_jcOe.js');
+var Field = require('./Field-BjInyX0G.js');
 require('aws-amplify/storage');
 var debounce = require('lodash/debounce.js');
 var reactDropdownMenu = require('@radix-ui/react-dropdown-menu');
@@ -2469,7 +2469,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.10.0';
+const VERSION = '6.11.1';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -2719,14 +2719,6 @@ const useCustomComponents = () => {
     return context;
 };
 
-// TODO replace usage of this util with the `isSignInOrSignUpRoute` util in v3.
-// Currently `hasTabs` always returns `undefined` as the right condition always
-// resolves to truthy. This prevents the "data-amplify-router-content" attribute
-// from being applied below. Fixing it will cause consumer snapshot tests to break,
-// so wait to update.
-const hasTabs = (route) => {
-    return route === 'signIn' || 'signUp';
-};
 function RouteContainer({ children, className, variation = 'default', }) {
     const { route } = uiReactCore.useAuthenticator(({ route }) => [route]);
     const { 
@@ -2735,7 +2727,7 @@ function RouteContainer({ children, className, variation = 'default', }) {
     return (React__namespace["default"].createElement(Field.View, { className: className, "data-amplify-authenticator": "", "data-variation": variation },
         React__namespace["default"].createElement(Field.View, { "data-amplify-container": "" },
             React__namespace["default"].createElement(Header, null),
-            React__namespace["default"].createElement(Field.View, { "data-amplify-router": "", "data-amplify-router-content": hasTabs(route) ? undefined : '' }, children),
+            React__namespace["default"].createElement(Field.View, { "data-amplify-router": "", "data-amplify-router-content": undefined  }, children),
             React__namespace["default"].createElement(Footer, null))));
 }
 

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-31Y_jcOe.js');
+var Field = require('./Field-BjInyX0G.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
@@ -114,6 +114,16 @@ const IconCheckCircleOutline = (props) => {
     return (React__namespace.createElement(Field.View, { as: "span", width: "1em", height: "1em", className: ui.classNames(ui.ComponentClassName.Icon, className), ...rest }));
 };
 
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+const IconDocument = (props) => {
+    const { className, ...rest } = props;
+    return (React__namespace.createElement(Field.View, { as: "span", width: "1em", height: "1em", className: ui.classNames(ui.ComponentClassName.Icon, className), ...rest },
+        React__namespace.createElement("svg", { width: "24", height: "24", viewBox: "0 -960 960 960", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            React__namespace.createElement("path", { d: "M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z", fill: "currentColor" }))));
+};
+
 /**
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
@@ -17129,6 +17139,7 @@ exports.FilterChildren = FilterChildren;
 exports.IconAssistant = IconAssistant;
 exports.IconAttach = IconAttach;
 exports.IconCheckCircleOutline = IconCheckCircleOutline;
+exports.IconDocument = IconDocument;
 exports.IconEdit = IconEdit;
 exports.IconFile = IconFile;
 exports.IconSend = IconSend;

package/dist/types/primitives/Icon/context/IconsContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StorageBrowserIconType = 'action-canceled' | 'action-error' | 'action-info' | 'action-initial' | 'action-progress' | 'action-queued' | 'action-success' | 'cancel' | 'create-folder' | 'copy-file' | 'delete-file' | 'dismiss' | 'download' | 'error' | 'exit' | 'file' | 'folder' | 'info' | 'loading' | 'menu' | 'paginate-next' | 'paginate-previous' | 'refresh' | 'search' | 'sort-ascending' | 'sort-descending' | 'sort-indeterminate' | 'success' | 'upload-file' | 'upload-folder' | 'vertical-kebab' | 'warning';
+import { StorageBrowserIconType } from './StorageBrowserIcons';
 type ComponentIcons<Keys extends string> = {
     [Key in Keys]?: React.ReactNode;
 };
@@ -7,7 +7,7 @@ export type IconsContextInterface = {
     accordion?: ComponentIcons<'more'>;
     alert?: ComponentIcons<'close' | 'info' | 'error' | 'success' | 'warning'>;
     avatar?: ComponentIcons<'user'>;
-    aiConversation?: ComponentIcons<'attach' | 'close' | 'send' | 'remove' | 'assistant' | 'user'>;
+    aiConversation?: ComponentIcons<'attach' | 'close' | 'send' | 'remove' | 'assistant' | 'user' | 'document'>;
     checkbox?: ComponentIcons<'indeterminate' | 'checked'>;
     field?: ComponentIcons<'clear'>;
     menu?: ComponentIcons<'menu'>;

package/dist/types/primitives/Icon/icons/IconDocument.d.ts

@@ -0,0 +1,5 @@
+import { InternalIcon } from './types';
+/**
+ * @internal For internal Amplify UI use only. May be removed in a future release.
+ */
+export declare const IconDocument: InternalIcon;

package/dist/types/primitives/Icon/icons/index.d.ts

@@ -7,6 +7,7 @@ export * from './IconCheck';
 export * from './IconChevronLeft';
 export * from './IconChevronRight';
 export * from './IconClose';
+export * from './IconDocument';
 export * from './IconEdit';
 export * from './IconError';
 export * from './IconExpandMore';

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.10.0";
+export declare const VERSION = "6.11.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.10.0",
+  "version": "6.11.1",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -11,7 +11,8 @@
     },
     "./internal": {
       "import": "./dist/esm/internal.mjs",
-      "require": "./dist/internal.js"
+      "require": "./dist/internal.js",
+      "types": "./dist/types/internal.d.ts"
     },
     "./server": {
       "types": "./dist/types/server.d.ts",
@@ -55,11 +56,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.10.0",
-    "@aws-amplify/ui-react-core": "3.4.0",
+    "@aws-amplify/ui": "6.10.2",
+    "@aws-amplify/ui-react-core": "3.4.2",
     "@radix-ui/react-direction": "^1.1.0",
-    "@radix-ui/react-dropdown-menu": "^2.1.4",
-    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.10",
+    "@radix-ui/react-slider": "^1.3.2",
     "@xstate/react": "^3.2.2",
     "lodash": "4.17.21",
     "qrcode": "1.5.0",
@@ -67,7 +68,7 @@
   },
   "peerDependencies": {
     "@aws-amplify/core": "*",
-    "aws-amplify": "^6.9.0",
+    "aws-amplify": "^6.14.3",
     "react": "^16.14.0 || ^17.0 || ^18.0 || ^19",
     "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
@@ -98,4 +99,4 @@
       "limit": "25 kB"
     }
   ]
-}
+}