@aws-amplify/ui 6.7.0 → 6.7.2

package/dist/esm/theme/defaultDarkModeOverride.mjs

@@ -99,6 +99,11 @@ const darkModeTokens = {
             secondary: '{colors.neutral.40}',
             tertiary: '{colors.neutral.20}',
         },
+        shadow: {
+            primary: { value: 'hsla(100, 100%, 100%, 0.25)' },
+            secondary: { value: 'hsla(100, 100%, 100%, 0.15)' },
+            tertiary: { value: 'hsla(100, 100%, 100%, 0.05)' },
+        },
         overlay: {
             5: 'hsla(0, 0%, 100%, 0.05)',
             10: 'hsla(0, 0%, 100%, 0.1)',

package/dist/esm/types/primitives/componentClassName.mjs

@@ -30,6 +30,7 @@ const ComponentClassName = {
     AIConversationAttachmentRemove: 'amplify-ai-conversation__attachment__remove',
     AIConversationForm: 'amplify-ai-conversation__form',
     AIConversationFormAttach: 'amplify-ai-conversation__form__attach',
+    AIConversationFormError: 'amplify-ai-conversation__form__error',
     AIConversationFormSend: 'amplify-ai-conversation__form__send',
     AIConversationFormField: 'amplify-ai-conversation__form__field',
     AIConversationFormDropzone: 'amplify-ai-conversation__form__dropzone',

package/dist/esm/utils/setUserAgent/constants.mjs

@@ -55,5 +55,17 @@ const STORAGE_MANAGER_INPUT_BASE = {
     apis: [StorageAction.UploadData],
     category: Category.Storage,
 };
+const STORAGE_BROWSER_INPUT_BASE = {
+    apis: [
+        StorageAction.UploadData,
+        StorageAction.Copy,
+        StorageAction.GetUrl,
+        StorageAction.List,
+        StorageAction.Remove,
+        StorageAction.GetDataAccess,
+        StorageAction.ListCallerAccessGrants,
+    ],
+    category: Category.Storage,
+};
 
-export { ACCOUNT_SETTINGS_INPUT_BASE, AI_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, IN_APP_MESSAGING_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, MAP_VIEW_INPUT_BASE, STORAGE_MANAGER_INPUT_BASE };
+export { ACCOUNT_SETTINGS_INPUT_BASE, AI_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, IN_APP_MESSAGING_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, MAP_VIEW_INPUT_BASE, STORAGE_BROWSER_INPUT_BASE, STORAGE_MANAGER_INPUT_BASE };

package/dist/esm/utils/setUserAgent/setUserAgent.mjs

@@ -1,5 +1,5 @@
 import { setCustomUserAgent } from '@aws-amplify/core/internals/utils';
-import { STORAGE_MANAGER_INPUT_BASE, MAP_VIEW_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, IN_APP_MESSAGING_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, AI_INPUT_BASE } from './constants.mjs';
+import { STORAGE_BROWSER_INPUT_BASE, STORAGE_MANAGER_INPUT_BASE, MAP_VIEW_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, IN_APP_MESSAGING_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, AI_INPUT_BASE } from './constants.mjs';
 import { noop } from '../utils.mjs';
 
 /**
@@ -72,6 +72,13 @@ const setUserAgent = ({ componentName, packageName, version, }) => {
             });
             break;
         }
+        case 'StorageBrowser': {
+            setCustomUserAgent({
+                ...STORAGE_BROWSER_INPUT_BASE,
+                additionalDetails: [[componentName], packageData],
+            });
+            break;
+        }
     }
     return noop;
 };

package/dist/index.js

@@ -91,6 +91,18 @@ const STORAGE_MANAGER_INPUT_BASE = {
     apis: [utils.StorageAction.UploadData],
     category: utils.Category.Storage,
 };
+const STORAGE_BROWSER_INPUT_BASE = {
+    apis: [
+        utils.StorageAction.UploadData,
+        utils.StorageAction.Copy,
+        utils.StorageAction.GetUrl,
+        utils.StorageAction.List,
+        utils.StorageAction.Remove,
+        utils.StorageAction.GetDataAccess,
+        utils.StorageAction.ListCallerAccessGrants,
+    ],
+    category: utils.Category.Storage,
+};
 
 /**
  * Some libraries may not follow Node ES module spec and could be loaded as CommonJS modules,
@@ -416,6 +428,13 @@ const setUserAgent = ({ componentName, packageName, version, }) => {
             });
             break;
         }
+        case 'StorageBrowser': {
+            utils.setCustomUserAgent({
+                ...STORAGE_BROWSER_INPUT_BASE,
+                additionalDetails: [[componentName], packageData],
+            });
+            break;
+        }
     }
     return noop;
 };
@@ -3009,6 +3028,7 @@ const ComponentClassName = {
     AIConversationAttachmentRemove: 'amplify-ai-conversation__attachment__remove',
     AIConversationForm: 'amplify-ai-conversation__form',
     AIConversationFormAttach: 'amplify-ai-conversation__form__attach',
+    AIConversationFormError: 'amplify-ai-conversation__form__error',
     AIConversationFormSend: 'amplify-ai-conversation__form__send',
     AIConversationFormField: 'amplify-ai-conversation__form__field',
     AIConversationFormDropzone: 'amplify-ai-conversation__form__dropzone',
@@ -9429,6 +9449,11 @@ const darkModeTokens = {
             secondary: '{colors.neutral.40}',
             tertiary: '{colors.neutral.20}',
         },
+        shadow: {
+            primary: { value: 'hsla(100, 100%, 100%, 0.25)' },
+            secondary: { value: 'hsla(100, 100%, 100%, 0.15)' },
+            tertiary: { value: 'hsla(100, 100%, 100%, 0.05)' },
+        },
         overlay: {
             5: 'hsla(0, 0%, 100%, 0.05)',
             10: 'hsla(0, 0%, 100%, 0.1)',

package/dist/styles/AIConversation.css

@@ -89,12 +89,16 @@
   flex-direction: row;
   align-items: flex-start;
   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-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
   padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
 }
 .amplify-ai-conversation__attachment {
   display: flex;
@@ -114,7 +118,7 @@
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--amplify-components-ai-conversation-attachment-list-gap);
-  padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
   width: var(--amplify-components-ai-conversation-attachment-image-width);

package/dist/styles/AIConversation.layer.css

@@ -90,12 +90,16 @@
   flex-direction: row;
   align-items: flex-start;
   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-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
   padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
 }
 .amplify-ai-conversation__attachment {
   display: flex;
@@ -115,7 +119,7 @@
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--amplify-components-ai-conversation-attachment-list-gap);
-  padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
   width: var(--amplify-components-ai-conversation-attachment-image-width);

package/dist/styles.css

@@ -6842,12 +6842,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   align-items: flex-start;
   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-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
   padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
 }
 .amplify-ai-conversation__attachment {
   display: flex;
@@ -6867,7 +6871,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-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
   width: var(--amplify-components-ai-conversation-attachment-image-width);

package/dist/styles.layer.css

@@ -6843,12 +6843,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   align-items: flex-start;
   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-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
   padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
 }
 .amplify-ai-conversation__attachment {
   display: flex;
@@ -6868,7 +6872,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-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
   width: var(--amplify-components-ai-conversation-attachment-image-width);

package/dist/types/theme/components/aiConverstion.d.ts

@@ -12,6 +12,7 @@ export type AIConversationTheme<Required extends boolean = false> = ComponentSty
     form__dropzone?: ComponentStyles;
     form__attatch?: ComponentStyles;
     form__send?: ComponentStyles;
+    form_error?: ComponentStyles;
     form_field?: ComponentStyles;
     attachment?: ComponentStyles;
     attachment__list?: ComponentStyles;

package/dist/types/theme/components/index.d.ts

@@ -47,7 +47,7 @@ import { ToggleButtonTheme, ToggleButtonGroupTheme } from './toggleButton';
 import { ComponentTheme, BaseComponentTheme, BaseTheme } from './utils';
 export { ClassNameFunction } from '../createTheme/createComponentClasses';
 export type { ComponentTheme, BaseComponentTheme, BaseTheme };
-export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AIConversationTheme, 'ai-conversation', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<AvatarTheme, 'avatar', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<FileUploaderTheme, 'fileuploader', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageBrowserTheme, 'storagebrowser', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
+export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AIConversationTheme, 'ai-conversation', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<AvatarTheme, 'avatar', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<FileUploaderTheme, 'fileuploader', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageBrowserTheme, 'storage-browser', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
 export type AllComponentThemes = {
     accordion: AccordionTheme;
     'ai-conversation': AIConversationTheme;
@@ -84,7 +84,7 @@ export type AllComponentThemes = {
     selectfield: SelectFieldTheme;
     sliderfield: SliderFieldTheme;
     stepperfield: StepperFieldTheme;
-    storagebrowser: StorageBrowserTheme;
+    'storage-browser': StorageBrowserTheme;
     storagemanager: StorageManagerTheme;
     switch: SwitchTheme;
     switchfield: SwitchFieldTheme;

package/dist/types/types/primitives/componentClassName.d.ts

@@ -30,6 +30,7 @@ export declare const ComponentClassName: {
     readonly AIConversationAttachmentRemove: "amplify-ai-conversation__attachment__remove";
     readonly AIConversationForm: "amplify-ai-conversation__form";
     readonly AIConversationFormAttach: "amplify-ai-conversation__form__attach";
+    readonly AIConversationFormError: "amplify-ai-conversation__form__error";
     readonly AIConversationFormSend: "amplify-ai-conversation__form__send";
     readonly AIConversationFormField: "amplify-ai-conversation__form__field";
     readonly AIConversationFormDropzone: "amplify-ai-conversation__form__dropzone";

package/dist/types/utils/setUserAgent/constants.d.ts

@@ -7,3 +7,4 @@ export declare const IN_APP_MESSAGING_INPUT_BASE: Omit<InAppMessagingUserAgentIn
 export declare const LOCATION_SEARCH_INPUT_BASE: Omit<GeoUserAgentInput, 'additionalDetails'>;
 export declare const MAP_VIEW_INPUT_BASE: Omit<GeoUserAgentInput, 'additionalDetails'>;
 export declare const STORAGE_MANAGER_INPUT_BASE: Omit<StorageUserAgentInput, 'additionalDetails'>;
+export declare const STORAGE_BROWSER_INPUT_BASE: Omit<StorageUserAgentInput, 'additionalDetails'>;

package/dist/types/utils/setUserAgent/setUserAgent.d.ts

@@ -1,5 +1,5 @@
 export type PackageName = 'angular' | 'react' | 'react-ai' | 'react-auth' | 'react-geo' | 'react-liveness' | 'react-native' | 'react-native-auth' | 'react-notifications' | 'react-storage' | 'vue';
-export type ComponentName = 'AIConversation' | 'Authenticator' | 'ChangePassword' | 'DeleteUser' | 'FaceLivenessDetector' | 'FileUploader' | 'InAppMessaging' | 'LocationSearch' | 'MapView' | 'StorageManager' | 'StorageImage';
+export type ComponentName = 'AIConversation' | 'Authenticator' | 'ChangePassword' | 'DeleteUser' | 'FaceLivenessDetector' | 'FileUploader' | 'InAppMessaging' | 'LocationSearch' | 'MapView' | 'StorageBrowser' | 'StorageManager' | 'StorageImage';
 export type Version = `${string}.${string}.${string}`;
 export interface SetUserAgentOptions {
     componentName: ComponentName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.7.0",
+  "version": "6.7.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {