@cloudscape-design/chat-components 1.0.94 → 1.0.96

package/avatar/interfaces.d.ts

@@ -51,6 +51,8 @@ export interface AvatarProps {
      */
     imgUrl?: string;
     /**
+     * An object containing CSS properties to customize the avatar's visual appearance.
+     * Refer to the [style](/components/avatar/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: AvatarProps.Style;

package/avatar/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/avatar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from \"@cloudscape-design/components/icon\";\n\nexport interface AvatarProps {\n  /**\n   * Determines the color of the avatar.\n   * Use `gen-ai` for AI assistants and `default` otherwise.\n   */\n  color?: AvatarProps.Color;\n\n  /**\n   * The text content shown in the avatar's tooltip.\n   *\n   * When you use this property, make sure to include it in the `ariaLabel`.\n   */\n  tooltipText?: string;\n\n  /**\n   * The text content shown directly in the avatar's body.\n   * Can be 1 or 2 symbols long, every subsequent symbol is ignored.\n   * Use it to define initials that uniquely identify the avatar's owner.\n   */\n  initials?: string;\n\n  /**\n   * When set to true, a loading indicator is shown in avatar.\n   */\n  loading?: boolean;\n\n  /**\n   * Text to describe the avatar for assistive technology.\n   * When more than one avatar is used, provide a unique label for each.\n   * For example, \"Avatar of John Doe\" or \"Avatar of generative AI assistant\".\n   *\n   * If `tooltipText` is used make sure to include it in the `ariaLabel`.\n   */\n  ariaLabel: string;\n\n  /**\n   * Specifies the icon to be displayed as Avatar.\n   * Use `gen-ai` icon for AI assistants. By default `user-profile` icon is used.\n   *\n   * If you set both `iconName` and `initials`, `initials` will take precedence.\n   */\n  iconName?: IconProps.Name;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon can't be an SVG.\n   * @deprecated Use `iconSvg` or `imgUrl` instead.\n   */\n  iconUrl?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   * Use this property if the icon you want isn't available.\n   */\n  iconSvg?: React.ReactNode;\n\n  /**\n   * Specifies the URL of a custom image. If you set both `iconUrl` and `imgUrl`, `imgUrl` will take precedence.\n   */\n  imgUrl?: string;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: AvatarProps.Style;\n\n  /**\n   * Defines the width and height of the avatar.\n   * This value corresponds to the `width` CSS-property and will center and crop images using `object-fit: cover`.\n   * The default and minimum width value is 28px.\n   */\n  width?: number;\n}\n\nexport namespace AvatarProps {\n  export type Color = \"default\" | \"gen-ai\";\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/avatar/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from \"@cloudscape-design/components/icon\";\n\nexport interface AvatarProps {\n  /**\n   * Determines the color of the avatar.\n   * Use `gen-ai` for AI assistants and `default` otherwise.\n   */\n  color?: AvatarProps.Color;\n\n  /**\n   * The text content shown in the avatar's tooltip.\n   *\n   * When you use this property, make sure to include it in the `ariaLabel`.\n   */\n  tooltipText?: string;\n\n  /**\n   * The text content shown directly in the avatar's body.\n   * Can be 1 or 2 symbols long, every subsequent symbol is ignored.\n   * Use it to define initials that uniquely identify the avatar's owner.\n   */\n  initials?: string;\n\n  /**\n   * When set to true, a loading indicator is shown in avatar.\n   */\n  loading?: boolean;\n\n  /**\n   * Text to describe the avatar for assistive technology.\n   * When more than one avatar is used, provide a unique label for each.\n   * For example, \"Avatar of John Doe\" or \"Avatar of generative AI assistant\".\n   *\n   * If `tooltipText` is used make sure to include it in the `ariaLabel`.\n   */\n  ariaLabel: string;\n\n  /**\n   * Specifies the icon to be displayed as Avatar.\n   * Use `gen-ai` icon for AI assistants. By default `user-profile` icon is used.\n   *\n   * If you set both `iconName` and `initials`, `initials` will take precedence.\n   */\n  iconName?: IconProps.Name;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon can't be an SVG.\n   * @deprecated Use `iconSvg` or `imgUrl` instead.\n   */\n  iconUrl?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   * Use this property if the icon you want isn't available.\n   */\n  iconSvg?: React.ReactNode;\n\n  /**\n   * Specifies the URL of a custom image. If you set both `iconUrl` and `imgUrl`, `imgUrl` will take precedence.\n   */\n  imgUrl?: string;\n\n  /**\n   * An object containing CSS properties to customize the avatar's visual appearance.\n   * Refer to the [style](/components/avatar/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: AvatarProps.Style;\n\n  /**\n   * Defines the width and height of the avatar.\n   * This value corresponds to the `width` CSS-property and will center and crop images using `object-fit: cover`.\n   * The default and minimum width value is 28px.\n   */\n  width?: number;\n}\n\nexport namespace AvatarProps {\n  export type Color = \"default\" | \"gen-ai\";\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}

package/chat-bubble/interfaces.d.ts

@@ -23,6 +23,8 @@ export interface ChatBubbleProps {
      */
     hideAvatar?: boolean;
     /**
+     * An object containing CSS properties to customize the chat bubble's visual appearance.
+     * Refer to the [style](/components/chat-bubble/?tabId=style) tab for more details.
      * @awsuiSystem core
      */
     style?: ChatBubbleProps.Style;

package/chat-bubble/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/chat-bubble/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface ChatBubbleProps {\n  /** Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/). */\n  avatar: React.ReactNode;\n\n  /** Defines the type of the chat bubble and sets its color accordingly.  */\n  type: ChatBubbleProps.Type;\n\n  /** Content of the chat bubble */\n  children: React.ReactNode;\n\n  /** Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/). */\n  actions?: React.ReactNode;\n\n  /**\n   * Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.\n   * If avatar is being used, set its `loading` state to true.\n   */\n  showLoadingBar?: boolean;\n\n  /**\n   * Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.\n   * For example, \"John Doe at 3:42:10am\".\n   */\n  ariaLabel: string;\n\n  /**\n   * Hides the avatar while preserving its space.\n   * Useful for when there are multiple consecutive messages coming from the same author.\n   */\n  hideAvatar?: boolean;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: ChatBubbleProps.Style;\n}\n\nexport namespace ChatBubbleProps {\n  export type Type = \"incoming\" | \"outgoing\";\n  export interface Style {\n    root?: {\n      columnGap?: string;\n    };\n    bubble?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n      fontSize?: string;\n      fontWeight?: string;\n      rowGap?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/chat-bubble/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface ChatBubbleProps {\n  /** Avatar slot paired with the chat bubble content. Use [avatar](/components/avatar/). */\n  avatar: React.ReactNode;\n\n  /** Defines the type of the chat bubble and sets its color accordingly.  */\n  type: ChatBubbleProps.Type;\n\n  /** Content of the chat bubble */\n  children: React.ReactNode;\n\n  /** Actions slot of the chat bubble, placed at the footer. Use [button group](/components/button-group/). */\n  actions?: React.ReactNode;\n\n  /**\n   * Adds a loading bar to the bottom of the chat bubble. This property should only be used for Generative AI loading state.\n   * If avatar is being used, set its `loading` state to true.\n   */\n  showLoadingBar?: boolean;\n\n  /**\n   * Adds aria-label to the chat bubble container. Use this to provide a unique accessible name for each chat bubble on the page.\n   * For example, \"John Doe at 3:42:10am\".\n   */\n  ariaLabel: string;\n\n  /**\n   * Hides the avatar while preserving its space.\n   * Useful for when there are multiple consecutive messages coming from the same author.\n   */\n  hideAvatar?: boolean;\n\n  /**\n   * An object containing CSS properties to customize the chat bubble's visual appearance.\n   * Refer to the [style](/components/chat-bubble/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: ChatBubbleProps.Style;\n}\n\nexport namespace ChatBubbleProps {\n  export type Type = \"incoming\" | \"outgoing\";\n  export interface Style {\n    root?: {\n      columnGap?: string;\n    };\n    bubble?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n      fontSize?: string;\n      fontWeight?: string;\n      rowGap?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n  }\n}\n"]}

package/internal/api-docs/components/avatar.js

@@ -282,6 +282,7 @@ module.exports = {
         ]
       },
       "optional": true,
+      "description": "An object containing CSS properties to customize the avatar's visual appearance.\nRefer to the [style](/components/avatar/?tabId=style) tab for more details.",
       "systemTags": [
         "core"
       ]

package/internal/api-docs/components/chat-bubble.js

@@ -131,6 +131,7 @@ module.exports = {
         ]
       },
       "optional": true,
+      "description": "An object containing CSS properties to customize the chat bubble's visual appearance.\nRefer to the [style](/components/chat-bubble/?tabId=style) tab for more details.",
       "systemTags": [
         "core"
       ]

package/internal/environment.js

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "chat-components";
-export var PACKAGE_VERSION = "1.0.0 (ae48760e)";
+export var PACKAGE_VERSION = "1.0.0 (d77e3ef0)";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "chat-components",
-  "PACKAGE_VERSION": "1.0.0 (ae48760e)",
+  "PACKAGE_VERSION": "1.0.0 (d77e3ef0)",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "ae48760eac4aed7e7f82e25634c5b1e3666e2d76"
+  "commit": "d77e3ef0509a8a0cc86fb038f100072e8a875646"
 }

package/package.json

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