@aws-amplify/ui-react 6.11.0 → 6.11.1

package/dist/{Field-Bkpcn7E9.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 }),

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/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/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 }),

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.11.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-Bkpcn7E9.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.11.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-Bkpcn7E9.js');
+var Field = require('./Field-BjInyX0G.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');

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;
 };

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.11.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.1",
-    "@aws-amplify/ui-react-core": "3.4.1",
+    "@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"
     }
   ]
-}
+}