@aws-amplify/ui-react 6.5.4 → 6.6.0

package/dist/{ThemeStyle-CgfvQJ7V.js → ThemeStyle-DA2-Clfz.js}

@@ -22,10 +22,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const Style = ({ cssText, ...rest }) => {
     /*
       Only inject theme CSS variables if given a theme.
@@ -81,10 +77,6 @@ const Style = ({ cssText, ...rest }) => {
 };
 Style.displayName = 'Style';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const ThemeStyle = ({ theme, ...rest }) => {
     if (!theme)
         return null;

package/dist/esm/components/Authenticator/shared/SignInSignUpTabs.mjs

@@ -14,7 +14,11 @@ const SignInSignUpTabs = ({ className, hideSignUp, variation, }) => {
         context.toSignIn,
         context.toSignUp,
     ]);
-    return (React__default.createElement(RouteContainer, { className: className, variation: variation }, hideSignUp ? (React__default.createElement(View, { "data-amplify-router-content": "" }, route === 'signIn' && React__default.createElement(SignIn, null))) : (React__default.createElement(Tabs.Container, { value: route, isLazy: true, onValueChange: () => (route === 'signIn' ? toSignUp() : toSignIn()) },
+    return (React__default.createElement(RouteContainer, { className: className, variation: variation }, hideSignUp ? (React__default.createElement(View, { "data-amplify-router-content": "" }, route === 'signIn' && React__default.createElement(SignIn, null))) : (React__default.createElement(Tabs.Container, { value: route, isLazy: true, onValueChange: (newRoute) => {
+            if (newRoute !== route) {
+                newRoute === 'signIn' ? toSignIn() : toSignUp();
+            }
+        } },
         React__default.createElement(Tabs.List, { spacing: "equal", indicatorPosition: "top" },
             React__default.createElement(Tabs.Item, { value: "signIn" }, getSignInTabText()),
             React__default.createElement(Tabs.Item, { value: "signUp" }, getSignUpTabText())),

package/dist/esm/components/ThemeProvider/ComponentStyle.mjs

@@ -2,10 +2,6 @@ import * as React from 'react';
 import { createComponentCSS } from '@aws-amplify/ui';
 import { Style } from './Style.mjs';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const ComponentStyle = ({ theme, componentThemes = [], ...rest }) => {
     if (!theme || !componentThemes.length) {
         return null;

package/dist/esm/components/ThemeProvider/GlobalStyle.mjs

@@ -2,10 +2,6 @@ import * as React from 'react';
 import { createGlobalCSS } from '@aws-amplify/ui';
 import { Style } from './Style.mjs';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const GlobalStyle = ({ styles, ...rest }) => {
     if (!styles) {
         return null;

package/dist/esm/components/ThemeProvider/Style.mjs

@@ -1,9 +1,5 @@
 import * as React from 'react';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const Style = ({ cssText, ...rest }) => {
     /*
       Only inject theme CSS variables if given a theme.

package/dist/esm/components/ThemeProvider/ThemeStyle.mjs

@@ -1,10 +1,6 @@
 import * as React from 'react';
 import { Style } from './Style.mjs';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const ThemeStyle = ({ theme, ...rest }) => {
     if (!theme)
         return null;

package/dist/esm/primitives/TextArea/useAutoresizeTextarea.mjs

@@ -4,7 +4,7 @@ import { useEffect } from 'react';
 const useAutoresizeTextArea = (textAreaRef, value) => {
     useEffect(() => {
         const resizeTextArea = () => {
-            if (textAreaRef && value) {
+            if (textAreaRef) {
                 // We need to reset the height momentarily to get the correct scrollHeight for the textarea
                 textAreaRef.style.height = 'auto';
                 const { scrollHeight } = textAreaRef;

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '6.5.4';
+const VERSION = '6.6.0';
 
 export { VERSION };

package/dist/index.js

@@ -14,7 +14,7 @@ var RadixSlider = require('@radix-ui/react-slider');
 var QRCode = require('qrcode');
 var utils = require('aws-amplify/utils');
 var RadixDirection = require('@radix-ui/react-direction');
-var ThemeStyle = require('./ThemeStyle-CgfvQJ7V.js');
+var ThemeStyle = require('./ThemeStyle-DA2-Clfz.js');
 require('@aws-amplify/core');
 require('aws-amplify/auth');
 
@@ -2254,7 +2254,7 @@ TextArea.displayName = 'TextArea';
 const useAutoresizeTextArea = (textAreaRef, value) => {
     React.useEffect(() => {
         const resizeTextArea = () => {
-            if (textAreaRef && value) {
+            if (textAreaRef) {
                 // We need to reset the height momentarily to get the correct scrollHeight for the textarea
                 textAreaRef.style.height = 'auto';
                 const { scrollHeight } = textAreaRef;
@@ -2521,7 +2521,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.5.4';
+const VERSION = '6.6.0';
 
 const logger$2 = ui.getLogger('AccountSettings');
 const getIsDisabled = (formValues, validationError) => {
@@ -3172,7 +3172,11 @@ const SignInSignUpTabs = ({ className, hideSignUp, variation, }) => {
         context.toSignIn,
         context.toSignUp,
     ]);
-    return (React__namespace["default"].createElement(RouteContainer, { className: className, variation: variation }, hideSignUp ? (React__namespace["default"].createElement(Field.View, { "data-amplify-router-content": "" }, route === 'signIn' && React__namespace["default"].createElement(SignIn, null))) : (React__namespace["default"].createElement(Tabs.Container, { value: route, isLazy: true, onValueChange: () => (route === 'signIn' ? toSignUp() : toSignIn()) },
+    return (React__namespace["default"].createElement(RouteContainer, { className: className, variation: variation }, hideSignUp ? (React__namespace["default"].createElement(Field.View, { "data-amplify-router-content": "" }, route === 'signIn' && React__namespace["default"].createElement(SignIn, null))) : (React__namespace["default"].createElement(Tabs.Container, { value: route, isLazy: true, onValueChange: (newRoute) => {
+            if (newRoute !== route) {
+                newRoute === 'signIn' ? toSignIn() : toSignUp();
+            }
+        } },
         React__namespace["default"].createElement(Tabs.List, { spacing: "equal", indicatorPosition: "top" },
             React__namespace["default"].createElement(Tabs.Item, { value: "signIn" }, getSignInTabText()),
             React__namespace["default"].createElement(Tabs.Item, { value: "signUp" }, getSignUpTabText())),

package/dist/server.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ThemeStyle = require('./ThemeStyle-CgfvQJ7V.js');
+var ThemeStyle = require('./ThemeStyle-DA2-Clfz.js');
 var React = require('react');
 var ui = require('@aws-amplify/ui');
 
@@ -26,10 +26,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const ComponentStyle = ({ theme, componentThemes = [], ...rest }) => {
     if (!theme || !componentThemes.length) {
         return null;
@@ -42,10 +38,6 @@ const ComponentStyle = ({ theme, componentThemes = [], ...rest }) => {
 };
 ComponentStyle.displayName = 'ComponentStyle';
 
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 const GlobalStyle = ({ styles, ...rest }) => {
     if (!styles) {
         return null;

package/dist/styles/AIConversation.css

@@ -41,6 +41,7 @@
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -49,10 +50,20 @@
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/styles/AIConversation.layer.css

@@ -42,6 +42,7 @@
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -50,10 +51,20 @@
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/styles/base.css

@@ -40,6 +40,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);

package/dist/styles/base.layer.css

@@ -41,6 +41,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);

package/dist/styles.css

@@ -40,6 +40,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
@@ -6642,6 +6643,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -6650,10 +6652,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/styles.layer.css

@@ -41,6 +41,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
@@ -6643,6 +6644,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -6651,10 +6653,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/types/components/ThemeProvider/ComponentStyle.d.ts

@@ -11,10 +11,6 @@ interface ComponentStyleProps extends React.ComponentProps<'style'> {
     theme: Pick<WebTheme, 'name' | 'breakpoints' | 'tokens'>;
     componentThemes: BaseComponentTheme[];
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const ComponentStyle: {
     ({ theme, componentThemes, ...rest }: ComponentStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/GlobalStyle.d.ts

@@ -9,10 +9,6 @@ interface GlobalStyleProps extends React.ComponentProps<'style'> {
     nonce?: string;
     styles: Parameters<typeof createGlobalCSS>[0];
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const GlobalStyle: {
     ({ styles, ...rest }: GlobalStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/Style.d.ts

@@ -2,10 +2,6 @@ import * as React from 'react';
 interface StyleProps extends React.ComponentProps<'style'> {
     cssText?: string;
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const Style: {
     ({ cssText, ...rest }: StyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/ThemeStyle.d.ts

@@ -9,10 +9,6 @@ interface ThemeStyleProps extends React.ComponentProps<'style'> {
     nonce?: string;
     theme?: WebTheme;
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const ThemeStyle: {
     ({ theme, ...rest }: ThemeStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.5.4";
+export declare const VERSION = "6.6.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.5.4",
+  "version": "6.6.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -55,8 +55,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.6.4",
-    "@aws-amplify/ui-react-core": "3.0.28",
+    "@aws-amplify/ui": "6.6.6",
+    "@aws-amplify/ui-react-core": "3.0.30",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
@@ -67,7 +67,7 @@
   },
   "peerDependencies": {
     "@aws-amplify/core": "*",
-    "aws-amplify": "^6.6.0",
+    "aws-amplify": "^6.6.5",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },