@aws-amplify/ui-react-notifications 2.2.3 → 2.2.4

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '2.2.3';
+const VERSION = '2.2.4';
 
 export { VERSION };

package/dist/index.js

@@ -332,7 +332,7 @@ const handleMessageLinkAction = (input) => {
     window.open(input);
 };
 
-const VERSION = '2.2.3';
+const VERSION = '2.2.4';
 
 // TODO: replace below components incrementally as they become available
 function CarouselMessage(_) {

package/dist/styles.css

@@ -50,7 +50,8 @@
   --amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);
   --amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);
   --amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);
-  --amplify-components-ai-conversation-attachment-list-padding-block-start: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-padding: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-attachment-list-padding-block-start: 0;
   --amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);
   --amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);
   --amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);
@@ -3077,6 +3078,7 @@ strong.amplify-text {
      -moz-user-select: text;
           user-select: text;
   white-space: pre-wrap;
+  max-height: 100%;
 }
 .amplify-textarea:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -5802,6 +5804,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 
 .amplify-textareafield {
+  max-height: 100%;
   flex-direction: column;
   --amplify-components-fieldcontrol-color: var(
     --amplify-components-textareafield-color
@@ -6837,16 +6840,24 @@ html[dir=rtl] .amplify-field-group__inner-start {
   --internal-flex-direction: row;
   --internal-body-align-items: flex-start;
 }
+.amplify-ai-conversation__scrollview {
+  flex: 1 0 50%;
+}
 .amplify-ai-conversation__form {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
+  padding: var(--amplify-components-ai-conversation-form-padding);
   gap: var(--amplify-components-ai-conversation-form-gap);
+  max-height: 100%;
+  overflow: hidden;
 }
 .amplify-ai-conversation__form__dropzone {
   text-align: initial;
   border: none;
-  padding: var(--amplify-components-ai-conversation-form-padding);
+  padding: 0;
+  display: grid;
+  overflow: hidden;
 }
 .amplify-ai-conversation__form__error {
   padding: 0;
@@ -6871,6 +6882,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--amplify-components-ai-conversation-attachment-list-gap);
+  padding: var(--amplify-components-ai-conversation-attachment-list-padding);
   padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "2.2.3";
+export declare const VERSION = "2.2.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-notifications",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -39,10 +39,10 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.9.0",
-    "@aws-amplify/ui-react": "6.9.3",
-    "@aws-amplify/ui-react-core": "3.3.3",
-    "@aws-amplify/ui-react-core-notifications": "2.2.3",
+    "@aws-amplify/ui": "6.9.1",
+    "@aws-amplify/ui-react": "6.9.4",
+    "@aws-amplify/ui-react-core": "3.3.4",
+    "@aws-amplify/ui-react-core-notifications": "2.2.4",
     "tinycolor2": "1.4.2"
   },
   "peerDependencies": {