@cloudscape-design/chat-components 1.0.79 → 1.0.81

package/internal/generated/theming/index.cjs.d.ts

@@ -1,6 +1,7 @@
 import { ThemePreset, GlobalValue, TypedModeValueOverride, ReferenceTokens } from '@amzn/awsui-theming-build';
+
 export declare interface TypedOverride {
-  referenceTokens?: ReferenceTokens;
+  referenceTokens?: ReferenceTokens,
   tokens: {
     colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorChartsStatusHigh?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -273,7 +274,7 @@ export declare interface TypedOverride {
     borderWidthIconMedium?: GlobalValue;
     borderWidthIconBig?: GlobalValue;
     borderWidthIconLarge?: GlobalValue;
-  };
+  },
   contexts?: {
     'compact-table'?: {
       tokens: {
@@ -548,7 +549,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'top-navigation'?: {
       tokens: {
@@ -823,7 +824,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'header'?: {
       tokens: {
@@ -1098,7 +1099,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'flashbar'?: {
       tokens: {
@@ -1373,7 +1374,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'flashbar-warning'?: {
       tokens: {
@@ -1648,7 +1649,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'alert'?: {
       tokens: {
@@ -1923,7 +1924,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'alert-header'?: {
       tokens: {
@@ -2198,7 +2199,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'app-layout-toolbar'?: {
       tokens: {
@@ -2473,8 +2474,8 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
-    };
-  };
+      }
+    }
+  }
 }
-export declare const preset: ThemePreset;
+export declare const preset: ThemePreset;

package/internal/generated/theming/index.d.ts

@@ -1,6 +1,7 @@
 import { ThemePreset, GlobalValue, TypedModeValueOverride, ReferenceTokens } from '@amzn/awsui-theming-runtime';
+
 export declare interface TypedOverride {
-  referenceTokens?: ReferenceTokens;
+  referenceTokens?: ReferenceTokens,
   tokens: {
     colorChartsStatusCritical?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorChartsStatusHigh?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -273,7 +274,7 @@ export declare interface TypedOverride {
     borderWidthIconMedium?: GlobalValue;
     borderWidthIconBig?: GlobalValue;
     borderWidthIconLarge?: GlobalValue;
-  };
+  },
   contexts?: {
     'compact-table'?: {
       tokens: {
@@ -548,7 +549,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'top-navigation'?: {
       tokens: {
@@ -823,7 +824,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'header'?: {
       tokens: {
@@ -1098,7 +1099,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'flashbar'?: {
       tokens: {
@@ -1373,7 +1374,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'flashbar-warning'?: {
       tokens: {
@@ -1648,7 +1649,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'alert'?: {
       tokens: {
@@ -1923,7 +1924,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'alert-header'?: {
       tokens: {
@@ -2198,7 +2199,7 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
+      }
     };
     'app-layout-toolbar'?: {
       tokens: {
@@ -2473,8 +2474,8 @@ export declare interface TypedOverride {
         borderWidthIconMedium?: GlobalValue;
         borderWidthIconBig?: GlobalValue;
         borderWidthIconLarge?: GlobalValue;
-      };
-    };
-  };
+      }
+    }
+  }
 }
-export declare const preset: ThemePreset;
+export declare const preset: ThemePreset;

package/internal/generated/theming/index.js

@@ -6631,8 +6631,8 @@ export var preset = {
             "dark": "{colorNeutral100}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -6883,8 +6883,8 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -6903,12 +6903,12 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorNeutral100}",
+            "dark": "{colorNeutral100}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorWhite}",
+            "dark": "{colorWhite}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorWhite}",
@@ -7745,8 +7745,8 @@ export var preset = {
             "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBodySecondary": {
-            "light": "{colorNeutral650}",
-            "dark": "{colorNeutral350}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextBreadcrumbCurrent": {
             "light": "{colorNeutral600}",
@@ -7997,8 +7997,8 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLabel": {
-            "light": "{colorTextFormLabel}",
-            "dark": "{colorTextFormLabel}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLayoutToggle": {
             "light": "{colorWhite}",
@@ -8017,12 +8017,12 @@ export var preset = {
             "dark": "{colorNeutral950}"
           },
           "colorTextLinkDefault": {
-            "light": "{colorPrimary600}",
-            "dark": "{colorPrimary400}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkHover": {
-            "light": "{colorPrimary900}",
-            "dark": "{colorPrimary300}"
+            "light": "{colorTextNotificationYellow}",
+            "dark": "{colorTextNotificationYellow}"
           },
           "colorTextLinkInvertedHover": {
             "light": "{colorTextNotificationYellow}",
@@ -13269,18 +13269,18 @@ export var preset = {
     "colorStrokeCodeEditorGutterActiveLineHover": "--color-stroke-code-editor-gutter-active-line-hover-vqrb6s",
     "colorTextAccent": "--color-text-accent-n1kmht",
     "colorTextBodyDefault": "--color-text-body-default-vvtq8u",
-    "colorTextBodySecondary": "--color-text-body-secondary-bcbgoi",
+    "colorTextBodySecondary": "--color-text-body-secondary-yna5sb",
     "colorTextBreadcrumbCurrent": "--color-text-breadcrumb-current-2mqnkk",
     "colorTextBreadcrumbIcon": "--color-text-breadcrumb-icon-9j48ot",
-    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-f8xgpk",
+    "colorTextButtonInlineIconDefault": "--color-text-button-inline-icon-default-sm4ql6",
     "colorTextButtonInlineIconDisabled": "--color-text-button-inline-icon-disabled-82hho0",
-    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-c08r6g",
+    "colorTextButtonInlineIconHover": "--color-text-button-inline-icon-hover-rbyzfc",
     "colorTextButtonNormalActive": "--color-text-button-normal-active-vihsxh",
     "colorTextToggleButtonNormalPressed": "--color-text-toggle-button-normal-pressed-wnx2zl",
     "colorTextButtonNormalDefault": "--color-text-button-normal-default-nzalii",
     "colorTextButtonNormalHover": "--color-text-button-normal-hover-gusgyv",
-    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-5w3m67",
-    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-4awpjm",
+    "colorTextLinkButtonNormalDefault": "--color-text-link-button-normal-default-srprth",
+    "colorTextLinkButtonNormalHover": "--color-text-link-button-normal-hover-jrnyw3",
     "colorTextLinkButtonNormalActive": "--color-text-link-button-normal-active-js9ryu",
     "colorTextButtonPrimaryActive": "--color-text-button-primary-active-refmba",
     "colorTextButtonPrimaryDefault": "--color-text-button-primary-default-mwl31m",
@@ -13332,13 +13332,13 @@ export var preset = {
     "colorTextInteractiveInvertedDefault": "--color-text-interactive-inverted-default-xlc0d5",
     "colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
     "colorTextInverted": "--color-text-inverted-4v4dmq",
-    "colorTextLabel": "--color-text-label-8248dg",
+    "colorTextLabel": "--color-text-label-28gfmc",
     "colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
     "colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
     "colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
     "colorTextLayoutToggleSelected": "--color-text-layout-toggle-selected-xpximc",
-    "colorTextLinkDefault": "--color-text-link-default-1dmm7z",
-    "colorTextLinkHover": "--color-text-link-hover-sq1gxg",
+    "colorTextLinkDefault": "--color-text-link-default-hude44",
+    "colorTextLinkHover": "--color-text-link-hover-2hfec2",
     "colorTextLinkInvertedHover": "--color-text-link-inverted-hover-ocd3u3",
     "colorTextLinkButtonUnderline": "--color-text-link-button-underline-z4wjnv",
     "colorTextLinkButtonUnderlineHover": "--color-text-link-button-underline-hover-cn3mqh",

package/internal/keycode.d.ts

@@ -1,19 +1,19 @@
 export declare enum KeyCode {
-  pageUp = 33,
-  pageDown = 34,
-  end = 35,
-  home = 36,
-  backspace = 8,
-  space = 32,
-  down = 40,
-  left = 37,
-  right = 39,
-  up = 38,
-  escape = 27,
-  enter = 13,
-  tab = 9,
-  shift = 16,
-  control = 17,
-  alt = 18,
-  meta = 91,
-}
+    pageUp = 33,
+    pageDown = 34,
+    end = 35,
+    home = 36,
+    backspace = 8,
+    space = 32,
+    down = 40,
+    left = 37,
+    right = 39,
+    up = 38,
+    escape = 27,
+    enter = 13,
+    tab = 9,
+    shift = 16,
+    control = 17,
+    alt = 18,
+    meta = 91
+}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "27954508bc3f2d8c81135ea380a2070eaf3033f3"
+  "commit": "07a245e721b0581a861155b47300ca3c051cb0f2"
 }

package/internal/utils/apply-display-name.d.ts

@@ -1 +1 @@
-export declare function applyDisplayName<T>(component: T, displayName: string): void;
+export declare function applyDisplayName<T>(component: T, displayName: string): void;

package/internal/utils/get-visual-theme.d.ts

@@ -1 +1 @@
-export declare const getVisualTheme: (theme: string, isVR: boolean) => string;
+export declare const getVisualTheme: (theme: string, isVR: boolean) => string;

package/internal/utils/use-forward-focus.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export interface ForwardFocusRef {
-  focus(): void;
+    focus(): void;
 }
 export default function useForwardFocus(mainRef: React.Ref<any>, controlRef: React.RefObject<{
-  focus: HTMLElement["focus"];
-}>): void;
+    focus: HTMLElement["focus"];
+}>): void;

package/loading-bar/index.d.ts

@@ -1,3 +1,3 @@
 import type { LoadingBarProps } from "./interfaces";
 export type { LoadingBarProps };
-export default function LoadingBar(props: LoadingBarProps): import("react/jsx-runtime").JSX.Element;
+export default function LoadingBar(props: LoadingBarProps): import("react/jsx-runtime").JSX.Element;

package/loading-bar/interfaces.d.ts

@@ -1,11 +1,11 @@
 export interface LoadingBarProps {
-  /**
-   * Specifies the variant of the loading bar. Use `gen-ai` to indicate an ongoing generative AI process.
-   * Use `gen-ai-masked` for generative AI processes where the bar is displayed at the edge of an element
-   * with rounded corners.
-   */
-  variant: LoadingBarProps.Variant;
+    /**
+     * Specifies the variant of the loading bar. Use `gen-ai` to indicate an ongoing generative AI process.
+     * Use `gen-ai-masked` for generative AI processes where the bar is displayed at the edge of an element
+     * with rounded corners.
+     */
+    variant: LoadingBarProps.Variant;
 }
 export declare namespace LoadingBarProps {
-  type Variant = "gen-ai" | "gen-ai-masked";
-}
+    type Variant = "gen-ai" | "gen-ai-masked";
+}

package/loading-bar/internal.d.ts

@@ -1,7 +1,3 @@
 import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
 import { LoadingBarProps } from "./interfaces";
-export declare function InternalLoadingBar({
-  variant,
-  __internalRootRef,
-  ...rest
-}: LoadingBarProps & InternalBaseComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function InternalLoadingBar({ variant, __internalRootRef, ...rest }: LoadingBarProps & InternalBaseComponentProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chat-components",
-  "version": "1.0.79",
+  "version": "1.0.81",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chat-components.git"

package/support-prompt-group/focus-helpers.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare function getNextFocusTarget(containerObjectRef: React.RefObject<HTMLDivElement>, focusedIdRef: React.MutableRefObject<string | null>): null | HTMLElement;
 export declare function onUnregisterActive(focusableElement: HTMLElement, navigationAPI: React.RefObject<{
-  getFocusTarget: () => HTMLElement | null;
-}>): void;
+    getFocusTarget: () => HTMLElement | null;
+}>): void;

package/support-prompt-group/index.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { SupportPromptGroupProps } from "./interfaces";
 export type { SupportPromptGroupProps };
 declare const SupportPromptGroup: import("react").ForwardRefExoticComponent<SupportPromptGroupProps & import("react").RefAttributes<SupportPromptGroupProps.Ref>>;
-export default SupportPromptGroup;
+export default SupportPromptGroup;

package/support-prompt-group/interfaces.d.ts

@@ -1,39 +1,39 @@
 import { ClickDetail as _ClickDetail, NonCancelableEventHandler } from "../internal/events";
 export interface SupportPromptGroupProps {
-  /**
-   * Alignment of the prompts. Defaults to `vertical`.
-   **/
-  alignment?: SupportPromptGroupProps.Alignment;
-  /**
-   * An array of objects representing support prompts.
-   * Each item has the following properties:
-   *   - text: The text of the support prompt.
-   *   - id: The ID of the support prompt.
-   **/
-  items: ReadonlyArray<SupportPromptGroupProps.Item>;
-  /**
-   * Called when the user clicks on a support prompt. The event detail object contains the ID of the clicked item.
-   */
-  onItemClick: NonCancelableEventHandler<SupportPromptGroupProps.ItemClickDetail>;
-  /**
-   * Adds an aria label to the support prompt group.
-   * Use this to provide a unique accessible name for each support prompt group on the page.
-   */
-  ariaLabel: string;
-}
-export declare namespace SupportPromptGroupProps {
-  type Alignment = "vertical" | "horizontal";
-  interface Item {
-    text: string;
-    id: string;
-  }
-  interface ItemClickDetail extends _ClickDetail {
-    id: string;
-  }
-  interface Ref {
     /**
-     * Focuses support prompt group item by ID.
+     * Alignment of the prompts. Defaults to `vertical`.
+     **/
+    alignment?: SupportPromptGroupProps.Alignment;
+    /**
+     * An array of objects representing support prompts.
+     * Each item has the following properties:
+     *   - text: The text of the support prompt.
+     *   - id: The ID of the support prompt.
+     **/
+    items: ReadonlyArray<SupportPromptGroupProps.Item>;
+    /**
+     * Called when the user clicks on a support prompt. The event detail object contains the ID of the clicked item.
      */
-    focus(itemId: string): void;
-  }
-}
+    onItemClick: NonCancelableEventHandler<SupportPromptGroupProps.ItemClickDetail>;
+    /**
+     * Adds an aria label to the support prompt group.
+     * Use this to provide a unique accessible name for each support prompt group on the page.
+     */
+    ariaLabel: string;
+}
+export declare namespace SupportPromptGroupProps {
+    type Alignment = "vertical" | "horizontal";
+    interface Item {
+        text: string;
+        id: string;
+    }
+    interface ItemClickDetail extends _ClickDetail {
+        id: string;
+    }
+    interface Ref {
+        /**
+         * Focuses support prompt group item by ID.
+         */
+        focus(itemId: string): void;
+    }
+}

package/support-prompt-group/internal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
 import { SupportPromptGroupProps } from "./interfaces";
-export declare const InternalSupportPromptGroup: import("react").ForwardRefExoticComponent<SupportPromptGroupProps & InternalBaseComponentProps & import("react").RefAttributes<SupportPromptGroupProps.Ref>>;
+export declare const InternalSupportPromptGroup: import("react").ForwardRefExoticComponent<SupportPromptGroupProps & InternalBaseComponentProps & import("react").RefAttributes<SupportPromptGroupProps.Ref>>;

package/support-prompt-group/prompt.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export interface PromptProps {
-  children: string;
-  id: string;
-  onClick: (event: React.MouseEvent, id: string) => void;
+    children: string;
+    id: string;
+    onClick: (event: React.MouseEvent, id: string) => void;
 }
-export declare const Prompt: import("react").ForwardRefExoticComponent<PromptProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Prompt: import("react").ForwardRefExoticComponent<PromptProps & import("react").RefAttributes<HTMLButtonElement>>;

package/test-utils/dom/avatar/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/dom";
 export default class AvatarWrapper extends ComponentWrapper {
-  static rootSelector: string;
-  findTooltip(): ElementWrapper | null;
-}
+    static rootSelector: string;
+    findTooltip(): ElementWrapper | null;
+}

package/test-utils/dom/chat-bubble/index.d.ts

@@ -1,9 +1,9 @@
 import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/dom";
 import LoadingBarWrapper from "../loading-bar";
 export default class ChatBubbleWrapper extends ComponentWrapper {
-  static rootSelector: string;
-  findAvatarSlot(): ElementWrapper | null;
-  findContentSlot(): ElementWrapper | null;
-  findActionsSlot(): ElementWrapper | null;
-  findLoadingBar(): LoadingBarWrapper | null;
-}
+    static rootSelector: string;
+    findAvatarSlot(): ElementWrapper | null;
+    findContentSlot(): ElementWrapper | null;
+    findActionsSlot(): ElementWrapper | null;
+    findLoadingBar(): LoadingBarWrapper | null;
+}