@aws-amplify/ui 6.6.2 → 6.6.4

package/dist/styles.layer.css

@@ -26,6 +26,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);
@@ -6569,13 +6604,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;
@@ -6586,89 +6626,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/theme.css

@@ -22,6 +22,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);

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

@@ -0,0 +1,22 @@
+import { Modifiers, ComponentStyles, Elements } from './utils';
+export type AIConversationTheme<Required extends boolean = false> = ComponentStyles & Elements<{
+    message?: ComponentStyles & Modifiers<'user' | 'assistant' | 'bubble', Required>;
+    message__list?: ComponentStyles;
+    message__avatar?: ComponentStyles;
+    message__sender?: ComponentStyles;
+    message__sender__username?: ComponentStyles;
+    message__sender__timestamp?: ComponentStyles;
+    message__body?: ComponentStyles;
+    message__actions?: ComponentStyles;
+    form?: ComponentStyles;
+    form__dropzone?: ComponentStyles;
+    form__attatch?: ComponentStyles;
+    form__send?: ComponentStyles;
+    form_field?: ComponentStyles;
+    attachment?: ComponentStyles;
+    attachment__list?: ComponentStyles;
+    attachment__image?: ComponentStyles;
+    attachment__size?: ComponentStyles;
+    attachment__name?: ComponentStyles;
+    attachment__remove?: ComponentStyles;
+}, Required>;

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

@@ -1,4 +1,5 @@
 import { WebTokens } from '../tokens';
+import { AIConversationTheme } from './aiConverstion';
 import { AccordionTheme } from './accordion';
 import { AlertTheme } from './alert';
 import { AutoCompleteTheme } from './autocomplete';
@@ -45,9 +46,10 @@ 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<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<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<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;
     alert: AlertTheme;
     autocomplete: AutoCompleteTheme;
     avatar: AvatarTheme;

package/dist/types/theme/createTheme/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULTS: {
+    ignoreKeys: string[];
+};
+export declare const OPTIONS: {
+    openingCharacter: string;
+    closingCharacter: string;
+    separator: string;
+};
+export declare const REFERENCE_REGEX: RegExp;

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

@@ -2,5 +2,6 @@ export { createTheme } from './createTheme';
 export { defineComponentTheme } from './defineComponentTheme';
 export { createComponentCSS } from './createComponentCSS';
 export { createGlobalCSS } from './createGlobalCSS';
-export { cssNameTransform, setupTokens, SetupToken, isDesignToken, } from './utils';
+export { cssNameTransform, deepExtend, isDesignToken, setupTokens, SetupToken, } from './utils';
 export { createComponentClasses, ClassNameArgs, } from './createComponentClasses';
+export { resolveObject } from './resolveObject';

package/dist/types/theme/createTheme/resolveObject.d.ts

@@ -0,0 +1,24 @@
+export declare function resolveObject<T>(object: Record<string, any>): T;
+/**
+ * Recursively traverses an object (slice) to resolve and uses
+ * compileValue to replace any string references found within it
+ */
+export declare function traverseObject<T>({ slice, fullObj, currentContext, foundCirc, }: {
+    slice: any;
+    fullObj: any;
+    currentContext: any;
+    foundCirc: any;
+}): T;
+/**
+ * Resolves references in a value, performing recursive lookups when references are nested.
+ * value: The string that may contain references (e.g., {color.border.light}) that need to be replaced
+ * stack: keeps track of the current chain of references to detect circular references
+ * foundCirc: stores any detected circular references
+ * fullObj: The full object where references are looked up, essentially the source of all values
+ */
+export declare function compileValue({ value, stack, foundCirc, fullObj }: {
+    value: any;
+    stack: any;
+    foundCirc: any;
+    fullObj: any;
+}): any;

package/dist/types/theme/createTheme/utils.d.ts

@@ -63,7 +63,7 @@ type SetupTokensProps = {
  * and perform the setupToken function on each token.
  * Similar to what Style Dictionary does.
  */
-export declare function setupTokens({ tokens, path, setupToken, }: SetupTokensProps): any;
+export declare function setupTokens({ tokens, path, setupToken, }: SetupTokensProps): Record<string, any>;
 /**
  * Takes an plain javascript object and will make a flat array of all the leaf nodes.
  * A leaf node in this context has a 'value' property. Potentially refactor this to
@@ -83,10 +83,4 @@ export declare function flattenProperties(properties: object, to_ret?: object[])
  * @returns {Object}
  */
 export declare function deepExtend<T>(objects?: (object | undefined)[], collision?: Function, path?: string[]): T;
-/**
- * Checks if the value uses a value reference.
- * @param {string} value
- * @returns {boolean} - True, if the value uses a value reference
- */
-export declare function usesReference(value: any): boolean;
 export {};

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

@@ -1,4 +1,4 @@
-export { createTheme, defineComponentTheme, createComponentClasses, createComponentCSS, createGlobalCSS, cssNameTransform, isDesignToken, setupTokens, SetupToken, } from './createTheme';
+export { createTheme, deepExtend, defineComponentTheme, createComponentClasses, createComponentCSS, createGlobalCSS, cssNameTransform, isDesignToken, resolveObject, setupTokens, SetupToken, } from './createTheme';
 export { BaseComponentTheme } from './components';
 export { defaultTheme } from './defaultTheme';
 export { defaultDarkModeOverride, reactNativeDarkTokens, } from './defaultDarkModeOverride';

package/dist/types/theme/tokens/components/aiConversation.d.ts

@@ -0,0 +1,21 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+export interface AIConversationTokens<OutputType extends OutputVariantKey> {
+    message?: DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'paddingBlock' | 'paddingInline' | 'gap', OutputType> & {
+        sender?: DesignTokenProperties<'gap', OutputType> & {
+            username?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
+            timestamp?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
+        };
+        body?: DesignTokenProperties<'gap', OutputType>;
+        user?: DesignTokenProperties<'backgroundColor', OutputType>;
+        assistant?: DesignTokenProperties<'backgroundColor', OutputType>;
+    };
+    form?: DesignTokenProperties<'gap' | 'padding', OutputType>;
+    attachment?: DesignTokenProperties<'borderColor' | 'borderWidth' | 'borderRadius' | 'fontSize' | 'paddingBlock' | 'paddingInline' | 'gap', OutputType> & {
+        list?: DesignTokenProperties<'paddingBlockStart' | 'gap', OutputType>;
+        image?: DesignTokenProperties<'width' | 'height', OutputType>;
+        size?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
+        name?: DesignTokenProperties<'color' | 'fontSize' | 'fontWeight', OutputType>;
+        remove?: DesignTokenProperties<'padding', OutputType>;
+    };
+}
+export declare const aiConversation: Required<AIConversationTokens<'default'>>;

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

@@ -1,4 +1,5 @@
 import { AlertTokens } from './alert';
+import { AIConversationTokens } from './aiConversation';
 import { AutocompleteTokens } from './autocomplete';
 import { AuthenticatorTokens } from './authenticator';
 import { AvatarTokens } from './avatar';
@@ -56,6 +57,7 @@ import { ToggleButtonGroupTokens } from './toggleButtonGroup';
 import { OutputVariantKey } from '../types/designToken';
 type BaseComponentTokens<Output extends OutputVariantKey> = {
     accordion?: AccordionTokens<Output>;
+    aiConversation?: AIConversationTokens<Output>;
     alert?: AlertTokens<Output>;
     authenticator?: AuthenticatorTokens<Output>;
     autocomplete?: AutocompleteTokens<Output>;

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

@@ -2,3 +2,4 @@ export { setUserAgent, SetUserAgentOptions } from './setUserAgent';
 export * from './utils';
 export { classNames, ClassNamesArgs } from './classNames';
 export { humanFileSize } from './humanFileSize';
+export { getName, getPathFromName, resolveReference, usesReference, } from './references';

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

@@ -0,0 +1,15 @@
+/**
+ * Checks if the value uses a value reference.
+ * @param {string} value
+ * @returns {boolean} - True, if the value uses a value reference
+ */
+export declare function usesReference(value: unknown): boolean;
+export declare function resolveReference(path: string[], obj: object): object;
+/**
+ * Returns the path from a path name be splitting the name by a given separator.
+ */
+export declare function getPathFromName(pathName: string): string[];
+/**
+ * Returns the paths name be joining its parts with a given separator.
+ */
+export declare function getName(path: Array<string>): string;

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

@@ -146,3 +146,4 @@ export declare function groupLog(groupName: string, ...events: any[]): void;
  * @returns
  */
 export declare function splitObject(obj: Record<string, unknown>, predicate: (key: string) => boolean): readonly [Record<string, unknown>, Record<string, unknown>];
+export declare const cloneDeep: (obj: unknown) => any;

package/package.json

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