@aws-amplify/ui-react 6.5.5 → 6.7.0

package/dist/internal.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-CIQvkMkM.js');
+var Field = require('./Field-DbA9eYRa.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
@@ -154,6 +154,73 @@ const IconUpload = (props) => {
             React__namespace.createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z", fill: "currentColor" }))));
 };
 
+const STORAGE_BROWSER_ICON_PATHS = {
+    // "Do Not Disturb On"
+    'action-canceled': 'M280-440h400v-80H280v80ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Error"
+    'action-error': 'M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Info"
+    'action-info': 'M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Adjust"
+    'action-initial': 'M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 280q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Progress Activity"
+    'action-progress': 'M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z',
+    // "Pending"
+    'action-queued': 'M280-420q25 0 42.5-17.5T340-480q0-25-17.5-42.5T280-540q-25 0-42.5 17.5T220-480q0 25 17.5 42.5T280-420Zm200 0q25 0 42.5-17.5T540-480q0-25-17.5-42.5T480-540q-25 0-42.5 17.5T420-480q0 25 17.5 42.5T480-420Zm200 0q25 0 42.5-17.5T740-480q0-25-17.5-42.5T680-540q-25 0-42.5 17.5T620-480q0 25 17.5 42.5T680-420ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Check Circle" icon
+    'action-success': 'm424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Cancel"
+    cancel: 'm336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Create New Folder"
+    'create-folder': 'M560-320h80v-80h80v-80h-80v-80h-80v80h-80v80h80v80ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "Copy file"
+    'copy-file': 'M760-200H320q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200ZM560-640v-200H320v560h440v-360H560ZM160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-800v200-200 560-560Z',
+    // "Delete file"
+    'delete-file': 'M240-800v200-200 640-9.5 9.5-640Zm0 720q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v174q-19-7-39-10.5t-41-3.5v-120H520v-200H240v640h254q8 23 20 43t28 37H240Zm396-20-56-56 84-84-84-84 56-56 84 84 84-84 56 56-83 84 83 84-56 56-84-83-84 83Z',
+    // "Close"
+    dismiss: 'm256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z',
+    // "Download" icon
+    download: 'M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z',
+    // "Error"
+    error: 'M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Arrow Left Alt" icon
+    exit: 'M400-240 160-480l240-240 56 58-142 142h486v80H314l142 142-56 58Z',
+    // "Draft" icon
+    file: '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',
+    // "Folder" icon
+    folder: 'M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "Info" icon
+    info: 'M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Progress Activity" icon
+    loading: 'M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 86T480-80Z',
+    // "More Vert" icon
+    menu: 'M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z',
+    // "Chevron Right" icon
+    'paginate-next': 'M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z',
+    // "Chevron Left" icon
+    'paginate-previous': 'M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z',
+    // "Refresh" icon
+    refresh: 'M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z',
+    // "Search" icon
+    search: 'M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z',
+    // "Arrow Drop Up" icon
+    'sort-ascending': 'm280-400 200-200 200 200H280Z',
+    // "Arrow Drop Down" icon
+    'sort-descending': 'M480-360 280-560h400L480-360Z',
+    // "Check Indeterminate Small" icon
+    'sort-indeterminate': 'M240-440v-80h480v80H240Z',
+    // "Check Circle" icon
+    success: 'm424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
+    // "Upload File"
+    'upload-file': 'M440-200h80v-167l64 64 56-57-160-160-160 160 57 56 63-63v167ZM240-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',
+    // "Upload Folder"
+    'upload-folder': 'M440-280h80v-168l64 64 56-56-160-160-160 160 56 56 64-64v168ZM160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z',
+    // "More Vert" icon
+    'vertical-kebab': 'M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z',
+    // "Warning" icon
+    warning: 'm40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z',
+};
+
 const PrimitiveCatalog = {
     "Alert": {
         "properties": {
@@ -2391,6 +2458,334 @@ const PrimitiveCatalog = {
             }
         }
     },
+    "Checkbox": {
+        "properties": {
+            "label": {
+                "type": "string"
+            },
+            "labelHidden": {
+                "type": "boolean"
+            },
+            "name": {
+                "type": "string"
+            },
+            "value": {
+                "type": "string"
+            },
+            "labelPosition": {
+                "type": "string"
+            },
+            "isIndeterminate": {
+                "type": "boolean"
+            },
+            "isDisabled": {
+                "type": "boolean"
+            },
+            "id": {
+                "type": "string"
+            },
+            "children": {
+                "type": "string"
+            },
+            "className": {
+                "type": "string"
+            },
+            "testId": {
+                "type": "string"
+            },
+            "inert": {
+                "type": "boolean"
+            },
+            "alignSelf": {
+                "type": "string"
+            },
+            "backgroundColor": {
+                "type": "string"
+            },
+            "backgroundImage": {
+                "type": "string"
+            },
+            "border": {
+                "type": "string"
+            },
+            "borderColor": {
+                "type": "string"
+            },
+            "borderWidth": {
+                "type": "string"
+            },
+            "borderStyle": {
+                "type": "string"
+            },
+            "borderRadius": {
+                "type": "string"
+            },
+            "bottom": {
+                "type": "string"
+            },
+            "boxShadow": {
+                "type": "string"
+            },
+            "color": {
+                "type": "string"
+            },
+            "display": {
+                "type": "string"
+            },
+            "fontFamily": {
+                "type": "string"
+            },
+            "fontSize": {
+                "type": "string"
+            },
+            "fontStyle": {
+                "type": "string"
+            },
+            "fontWeight": {
+                "type": "string"
+            },
+            "height": {
+                "type": "string"
+            },
+            "left": {
+                "type": "string"
+            },
+            "letterSpacing": {
+                "type": "string"
+            },
+            "lineHeight": {
+                "type": "string"
+            },
+            "margin": {
+                "type": "string"
+            },
+            "marginBlock": {
+                "type": "string"
+            },
+            "marginBlockEnd": {
+                "type": "string"
+            },
+            "marginBlockStart": {
+                "type": "string"
+            },
+            "marginBottom": {
+                "type": "string"
+            },
+            "marginInline": {
+                "type": "string"
+            },
+            "marginInlineEnd": {
+                "type": "string"
+            },
+            "marginInlineStart": {
+                "type": "string"
+            },
+            "marginLeft": {
+                "type": "string"
+            },
+            "marginRight": {
+                "type": "string"
+            },
+            "marginTop": {
+                "type": "string"
+            },
+            "maxHeight": {
+                "type": "string"
+            },
+            "maxWidth": {
+                "type": "string"
+            },
+            "minHeight": {
+                "type": "string"
+            },
+            "minWidth": {
+                "type": "string"
+            },
+            "opacity": {
+                "type": "string"
+            },
+            "overflow": {
+                "type": "string"
+            },
+            "padding": {
+                "type": "string"
+            },
+            "paddingBlock": {
+                "type": "string"
+            },
+            "paddingBlockEnd": {
+                "type": "string"
+            },
+            "paddingBlockStart": {
+                "type": "string"
+            },
+            "paddingBottom": {
+                "type": "string"
+            },
+            "paddingInline": {
+                "type": "string"
+            },
+            "paddingInlineEnd": {
+                "type": "string"
+            },
+            "paddingInlineStart": {
+                "type": "string"
+            },
+            "paddingLeft": {
+                "type": "string"
+            },
+            "paddingRight": {
+                "type": "string"
+            },
+            "paddingTop": {
+                "type": "string"
+            },
+            "position": {
+                "type": "string"
+            },
+            "right": {
+                "type": "string"
+            },
+            "textAlign": {
+                "type": "string"
+            },
+            "textDecoration": {
+                "type": "string"
+            },
+            "textTransform": {
+                "type": "string"
+            },
+            "top": {
+                "type": "string"
+            },
+            "transform": {
+                "type": "string"
+            },
+            "transformOrigin": {
+                "type": "string"
+            },
+            "width": {
+                "type": "string"
+            },
+            "whiteSpace": {
+                "type": "string"
+            },
+            "flex": {
+                "type": "string"
+            },
+            "order": {
+                "type": "string"
+            },
+            "grow": {
+                "type": "string"
+            },
+            "shrink": {
+                "type": "string"
+            },
+            "basis": {
+                "type": "string"
+            },
+            "area": {
+                "type": "string"
+            },
+            "column": {
+                "type": "string"
+            },
+            "columnEnd": {
+                "type": "string"
+            },
+            "columnSpan": {
+                "type": "string"
+            },
+            "columnStart": {
+                "type": "string"
+            },
+            "row": {
+                "type": "string"
+            },
+            "rowEnd": {
+                "type": "string"
+            },
+            "rowSpan": {
+                "type": "string"
+            },
+            "rowStart": {
+                "type": "string"
+            },
+            "ariaLabel": {
+                "type": "string"
+            },
+            "ariaValuetext": {
+                "type": "string"
+            },
+            "role": {
+                "type": "string"
+            },
+            "direction": {
+                "type": "string"
+            },
+            "wrap": {
+                "type": "string"
+            },
+            "alignItems": {
+                "type": "string"
+            },
+            "alignContent": {
+                "type": "string"
+            },
+            "justifyContent": {
+                "type": "string"
+            },
+            "gap": {
+                "type": "string"
+            },
+            "columnGap": {
+                "type": "string"
+            },
+            "rowGap": {
+                "type": "string"
+            },
+            "autoComplete": {
+                "type": "string"
+            },
+            "checked": {
+                "type": "boolean"
+            },
+            "defaultChecked": {
+                "type": "boolean"
+            },
+            "defaultValue": {
+                "type": "string"
+            },
+            "hasError": {
+                "type": "boolean"
+            },
+            "enterKeyHint": {
+                "type": "string"
+            },
+            "inputMode": {
+                "type": "string"
+            },
+            "isReadOnly": {
+                "type": "boolean"
+            },
+            "isRequired": {
+                "type": "boolean"
+            },
+            "placeholder": {
+                "type": "string"
+            },
+            "size": {
+                "type": "string"
+            },
+            "type": {
+                "type": "string"
+            },
+            "variation": {
+                "type": "string"
+            }
+        }
+    },
     "CheckboxField": {
         "properties": {
             "label": {
@@ -16681,6 +17076,7 @@ const PrimitiveCatalog = {
 
 exports.AlertIcon = Field.AlertIcon;
 exports.Field = Field.Field;
+exports.FileSelect = Field.FileSelect;
 exports.IconAdd = Field.IconAdd;
 exports.IconCheck = Field.IconCheck;
 exports.IconCheckCircle = Field.IconCheckCircle;
@@ -16702,6 +17098,7 @@ exports.IconWarning = Field.IconWarning;
 exports.useAuth = Field.useAuth;
 exports.useColorMode = Field.useColorMode;
 exports.useDeprecationWarning = Field.useDeprecationWarning;
+exports.useFileSelect = Field.useFileSelect;
 exports.useIcons = Field.useIcons;
 Object.defineProperty(exports, "useDropZone", {
     enumerable: true,
@@ -16716,5 +17113,6 @@ exports.IconFile = IconFile;
 exports.IconSend = IconSend;
 exports.IconUpload = IconUpload;
 exports.PrimitiveCatalog = PrimitiveCatalog;
+exports.STORAGE_BROWSER_ICON_PATHS = STORAGE_BROWSER_ICON_PATHS;
 exports.useStorageURL = useStorageURL;
 exports.useThemeBreakpoint = useThemeBreakpoint;

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/StorageBrowser.css

@@ -0,0 +1,150 @@
+.amplify-storage-browser {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  position: relative;
+  padding: var(--amplify-space-small);
+  gap: var(--amplify-space-small);
+  /* Error boundary */
+}
+.amplify-storage-browser__error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+  padding: var(--amplify-space-medium);
+}
+.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
+  align-self: flex-start;
+}
+.amplify-storage-browser__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+}
+.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: var(--amplify-space-medium);
+}
+.amplify-storage-browser__footer {
+  justify-content: flex-end;
+}
+.amplify-storage-browser__search {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__drop-zone {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+.amplify-storage-browser__data-table {
+  overflow: auto;
+  position: relative;
+  border-width: var(--amplify-border-widths-small);
+  border-style: solid;
+  border-color: var(--amplify-colors-border-primary);
+  border-radius: var(--amplify-radii-small);
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.amplify-storage-browser__table {
+  width: 100%;
+  position: relative;
+}
+.amplify-storage-browser__table-head {
+  position: sticky;
+  top: 0;
+  background: var(--amplify-colors-background-primary);
+  box-shadow: var(--amplify-shadows-small);
+  z-index: 2;
+}
+.amplify-storage-browser__table-header {
+  border: none;
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell {
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+}
+.amplify-storage-browser__table-data-cell-icon {
+  vertical-align: middle;
+  margin-inline-end: var(--amplify-space-xs);
+}
+.amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
+  text-align: center;
+}
+.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
+  text-align: end;
+}
+.amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
+  display: flex;
+  width: 100%;
+  gap: var(--amplify-space-xxs);
+  padding: var(--amplify-space-xxs);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
+}
+.amplify-storage-browser__status {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__status-display {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--amplify-space-small);
+  flex: 1;
+}
+.amplify-storage-browser__status-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__status-value {
+  color: var(--amplify-colors-font-secondary);
+}
+.amplify-storage-browser__destination {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__destination-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__message {
+  flex: 1;
+}
+.amplify-storage-browser__buttons {
+  justify-content: flex-end;
+  display: flex;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__loader {
+  position: absolute;
+  stroke-width: var(--amplify-border-widths-large);
+  height: var(--amplify-border-widths-large);
+  top: 0;
+  z-index: 3;
+}