@aws-amplify/ui-react-storage 3.3.6 → 3.3.8

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.3.6';
+const VERSION = '3.3.8';
 
 export { VERSION };

package/dist/index.js

@@ -546,7 +546,7 @@ function FilePicker$1({ children, className = ui.ComponentClassName.FileUploader
     return (React__namespace["default"].createElement(uiReact.Button, { ...props, className: className, size: size }, children));
 }
 
-const VERSION = '3.3.6';
+const VERSION = '3.3.8';
 
 const logger$1 = ui.getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE$1 = '`FileUploader` requires a `maxFileCount` prop to be provided.';

package/dist/styles.css

@@ -25,6 +25,41 @@
   --amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);
   --amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);
   --amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
+  --amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary);
+  --amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large);
+  --amplify-components-ai-conversation-message-gap: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary);
+  --amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10);
+  --amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small);
+  --amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary);
+  --amplify-components-ai-conversation-message-sender-username-font-size: inherit;
+  --amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold);
+  --amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary);
+  --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-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);
+  --amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small);
+  --amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small);
+  --amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small);
+  --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-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);
+  --amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal);
+  --amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary);
+  --amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small);
+  --amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal);
+  --amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs);
+  --amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium);
+  --amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium);
   --amplify-components-alert-align-items: center;
   --amplify-components-alert-justify-content: space-between;
   --amplify-components-alert-color: var(--amplify-colors-font-primary);
@@ -6568,13 +6603,18 @@ html[dir=rtl] .amplify-field-group__inner-start {
   display: flex;
   flex-direction: column;
   height: 100%;
+  flex: 1;
 }
 .amplify-ai-conversation__message {
-  --content-bg: transparent;
+  --internal-content-bg: ;
+  --internal-flex-direction: ;
+  --internal-content-padding: ;
+  --internal-body-align-items: ;
   display: flex;
-  flex-direction: var(--flex-direction);
-  gap: var(--amplify-space-small);
-  padding: var(--amplify-space-small);
+  flex-direction: var(--internal-flex-direction);
+  gap: var(--amplify-components-ai-conversation-message-gap);
+  padding-inline: var(--amplify-components-ai-conversation-message-padding-inline);
+  padding-block: var(--amplify-components-ai-conversation-message-padding-block);
 }
 .amplify-ai-conversation__message__list {
   display: flex;
@@ -6585,89 +6625,105 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-ai-conversation__message__sender {
   display: flex;
-  flex-direction: var(--flex-direction);
+  flex-direction: var(--internal-flex-direction);
   align-items: center;
-  height: var(--amplify-components-avatar-height);
-  gap: var(--amplify-space-small);
+  min-height: var(--amplify-components-avatar-height);
+  gap: var(--amplify-components-ai-conversation-message-sender-gap);
 }
 .amplify-ai-conversation__message__sender__username {
-  font-weight: bold;
+  color: var(--amplify-components-ai-conversation-message-sender-username-color);
+  font-size: var(--amplify-components-ai-conversation-message-sender-username-font-size);
+  font-weight: var(--amplify-components-ai-conversation-message-sender-username-font-weight);
 }
 .amplify-ai-conversation__message__sender__timestamp {
-  color: var(--amplify-colors-font-tertiary);
-  font-size: var(--amplify-font-sizes-small);
+  color: var(--amplify-components-ai-conversation-message-sender-timestamp-color);
+  font-size: var(--amplify-components-ai-conversation-message-sender-timestamp-font-size);
+  font-weight: var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight);
 }
 .amplify-ai-conversation__message__body {
   display: flex;
   flex-direction: column;
-  align-items: var(--body-align-items);
-  gap: var(--amplify-space-xs);
+  align-items: var(--internal-body-align-items);
+  gap: var(--amplify-components-ai-conversation-message-body-gap);
 }
 .amplify-ai-conversation__message__content {
-  background-color: var(--content-bg);
+  background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
-  padding: var(--content-padding);
+  padding: var(--internal-content-padding);
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
 }
 .amplify-ai-conversation__message--bubble {
-  --content-bg: var(--bg-color);
-  --content-padding: var(--amplify-space-xxs) var(--amplify-space-xs);
-  --flex-direction: row-reverse;
-  --body-align-items: flex-end;
+  --internal-content-bg: var(--internal-bg-color);
+  --internal-content-padding: var(--amplify-space-xxs)
+    var(--amplify-space-xs);
+  --internal-flex-direction: row-reverse;
+  --internal-body-align-items: flex-end;
 }
 .amplify-ai-conversation__message--user {
-  --bg-color: var(--amplify-colors-background-secondary);
+  --internal-bg-color: var(
+    --amplify-components-ai-conversation-message-user-background-color
+  );
 }
 .amplify-ai-conversation__message--assistant {
-  --bg-color: var(--amplify-colors-primary-10);
-  --flex-direction: row;
-  --body-align-items: flex-start;
+  --internal-bg-color: var(
+    --amplify-components-ai-conversation-message-assistant-background-color
+  );
+  --internal-flex-direction: row;
+  --internal-body-align-items: flex-start;
 }
 .amplify-ai-conversation__form {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: var(--amplify-space-small);
+  gap: var(--amplify-components-ai-conversation-form-gap);
+  padding: var(--amplify-components-ai-conversation-form-padding);
 }
 .amplify-ai-conversation__form__dropzone {
   text-align: initial;
   border: none;
-  padding: var(--amplify-space-xs);
+  padding: 0;
 }
 .amplify-ai-conversation__attachment {
   display: flex;
   flex-direction: row;
-  padding-block: var(--amplify-space-xxxs);
-  padding-inline: var(--amplify-space-xs);
-  border-width: var(--amplify-border-widths-small);
-  border-style: solid;
-  border-color: var(--amplify-colors-border-secondary);
-  border-radius: var(--amplify-radii-small);
   align-items: center;
-  gap: var(--amplify-space-xs);
-  font-size: var(--amplify-font-sizes-small);
+  padding-block: var(--amplify-components-ai-conversation-attachment-padding-block);
+  padding-inline: var(--amplify-components-ai-conversation-attachment-padding-inline);
+  border-width: var(--amplify-components-ai-conversation-attachment-border-width);
+  border-style: solid;
+  border-color: var(--amplify-components-ai-conversation-attachment-border-color);
+  border-radius: var(--amplify-components-ai-conversation-attachment-border-radius);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
+  font-size: var(--amplify-components-ai-conversation-attachment-font-size);
 }
 .amplify-ai-conversation__attachment__list {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: var(--amplify-space-small);
-  padding-block-start: var(--amplify-space-small);
+  gap: var(--amplify-components-ai-conversation-attachment-list-gap);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
-  width: 1rem;
-  height: 1rem;
+  width: var(--amplify-components-ai-conversation-attachment-image-width);
+  height: var(--amplify-components-ai-conversation-attachment-image-height);
   -o-object-fit: cover;
      object-fit: cover;
 }
+.amplify-ai-conversation__attachment__name {
+  color: var(--amplify-components-ai-conversation-attachment-name-color);
+  font-size: var(--amplify-components-ai-conversation-attachment-name-font-size);
+  font-weight: var(--amplify-components-ai-conversation-attachment-name-font-weight);
+}
 .amplify-ai-conversation__attachment__size {
-  color: var(--amplify-colors-font-tertiary);
+  color: var(--amplify-components-ai-conversation-attachment-size-color);
+  font-size: var(--amplify-components-ai-conversation-attachment-size-font-size);
+  font-weight: var(--amplify-components-ai-conversation-attachment-size-font-weight);
 }
 .amplify-ai-conversation__attachment__remove {
-  padding: var(--amplify-space-xxs);
+  padding: var(--amplify-components-ai-conversation-attachment-remove-padding);
 }
 .amplify-ai-conversation__prompt {
   font-weight: normal;

package/dist/types/components/FileUploader/types.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import type { StorageAccessLevel } from '@aws-amplify/core';
 import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
 import { FileUploaderDisplayText, PathCallback, UploadTask } from './utils';
 export declare enum FileStatus {
@@ -32,6 +31,7 @@ export type ProcessFile = (params: ProcessFileParams) => Promise<ProcessFilePara
 export interface FileUploaderHandle {
     clearFiles: () => void;
 }
+export type StorageAccessLevel = 'guest' | 'protected' | 'private';
 export interface FileUploaderProps {
     /**
      * List of accepted File types, values of `['*']` or undefined allow any files

package/dist/types/components/FileUploader/utils/getInput.d.ts

@@ -1,6 +1,5 @@
-import { StorageAccessLevel } from '@aws-amplify/core';
 import { UploadDataWithPathInput, UploadDataInput } from 'aws-amplify/storage';
-import { ProcessFile } from '../types';
+import { ProcessFile, StorageAccessLevel } from '../types';
 import { PathCallback, PathInput } from './uploadFile';
 export interface GetInputParams {
     accessLevel: StorageAccessLevel | undefined;

package/dist/types/components/StorageImage/types.d.ts

@@ -1,5 +1,5 @@
-import { StorageAccessLevel } from '@aws-amplify/core';
 import { ImageProps } from '@aws-amplify/ui-react';
+type StorageAccessLevel = 'guest' | 'protected' | 'private';
 export interface StorageImageProps extends Omit<ImageProps, 'src'> {
     /**
      * @deprecated

package/dist/types/components/StorageManager/types.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import type { StorageAccessLevel } from '@aws-amplify/core';
-import { FileStatus } from '../FileUploader/types';
+import { FileStatus, StorageAccessLevel } from '../FileUploader/types';
 import { FileUploaderDisplayText as StorageManagerDisplayText, PathCallback, UploadTask } from '../FileUploader/utils';
 import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
 export interface StorageFile {

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.6";
+export declare const VERSION = "3.3.8";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.3.6",
+  "version": "3.3.8",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -39,14 +39,13 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.6.2",
-    "@aws-amplify/ui-react": "6.5.2",
-    "@aws-amplify/ui-react-core": "3.0.26",
+    "@aws-amplify/ui": "6.6.4",
+    "@aws-amplify/ui-react": "6.5.4",
+    "@aws-amplify/ui-react-core": "3.0.28",
     "lodash": "4.17.21",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "@aws-amplify/core": "*",
     "aws-amplify": "^6.6.0",
     "react": "^16.14.0 || ^17.0 || ^18.0",
     "react-dom": "^16.14.0 || ^17.0 || ^18.0"