@aws-amplify/ui 6.7.0 → 6.7.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/index.js

@@ -3009,6 +3009,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/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/package.json

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