@cloudscape-design/components 3.0.801 → 3.0.803

package/internal/components/dropdown-footer/index.js

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
+import InternalLiveRegion from '../../../live-region/internal.js';
 import DropdownStatus from '../dropdown-status/index.js';
-import InternalLiveRegion from '../live-region/internal';
 import styles from './styles.css.js';
 const DropdownFooter = ({ content, id, hasItems = true }) => (React.createElement("div", { className: clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems }) },
     React.createElement(InternalLiveRegion, { id: id }, content && React.createElement(DropdownStatus, null, content))));

package/internal/components/dropdown-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAkB,EAAE,EAAE,CAAC,CACrG,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;IACvG,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,IAAG,OAAO,IAAI,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAsB,CACpG,CACP,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport DropdownStatus from '../dropdown-status/index.js';\nimport InternalLiveRegion from '../live-region/internal';\n\nimport styles from './styles.css.js';\n\ninterface DropdownFooter {\n  content?: React.ReactNode | null;\n  hasItems?: boolean;\n  id?: string;\n}\n\nconst DropdownFooter: React.FC<DropdownFooter> = ({ content, id, hasItems = true }: DropdownFooter) => (\n  <div className={clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems })}>\n    <InternalLiveRegion id={id}>{content && <DropdownStatus>{content}</DropdownStatus>}</InternalLiveRegion>\n  </div>\n);\n\nexport default DropdownFooter;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,kBAAkB,MAAM,kCAAkC,CAAC;AAClE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAkB,EAAE,EAAE,CAAC,CACrG,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;IACvG,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,IAAG,OAAO,IAAI,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAsB,CACpG,CACP,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalLiveRegion from '../../../live-region/internal.js';\nimport DropdownStatus from '../dropdown-status/index.js';\n\nimport styles from './styles.css.js';\n\ninterface DropdownFooter {\n  content?: React.ReactNode | null;\n  hasItems?: boolean;\n  id?: string;\n}\n\nconst DropdownFooter: React.FC<DropdownFooter> = ({ content, id, hasItems = true }: DropdownFooter) => (\n  <div className={clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems })}>\n    <InternalLiveRegion id={id}>{content && <DropdownStatus>{content}</DropdownStatus>}</InternalLiveRegion>\n  </div>\n);\n\nexport default DropdownFooter;\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (fd869236)";
+export var PACKAGE_VERSION = "3.0.0 (063937a8)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (fd869236)",
+  "PACKAGE_VERSION": "3.0.0 (063937a8)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.js

@@ -298,8 +298,8 @@ export var colorTextAvatar = "var(--color-text-avatar-jddpvm, #ffffff)";
 export var colorBackgroundLoadingBarGenAi = "var(--color-background-loading-bar-gen-ai-7qfi9s, linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%))";
 export var colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubble-outgoing-pfqan2, transparent)";
 export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-brq006, #f3f3f7)";
-export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-bvbr0v, #0f141a)";
-export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-x2kig8, #0f141a)";
+export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-25z5e0, #424650)";
+export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-t2slde, #424650)";
 export var colorBorderButtonNormalActive = "var(--color-border-button-normal-active-mn0ayd, #002b66)";
 export var colorBorderButtonNormalDefault = "var(--color-border-button-normal-default-uzqi0v, #006ce0)";
 export var colorBorderToggleButtonNormalPressed = "var(--color-border-toggle-button-normal-pressed-lylxt2, #006ce0)";
@@ -558,7 +558,7 @@ export var borderRadiusPopover = "var(--border-radius-popover-clv1ya, 8px)";
 export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-1q0rjo, 20px)";
 export var borderRadiusTiles = "var(--border-radius-tiles-60y8e6, 8px)";
 export var borderRadiusToken = "var(--border-radius-token-923jqq, 8px)";
-export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-ur269r, 2px)";
+export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-qvkt36, 8px)";
 export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-b44p0a, 8px)";
 export var borderTableStickyWidth = "var(--border-table-sticky-width-87kf12, 1px)";
 export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-kkfop6, 0)";

package/internal/generated/theming/index.cjs

@@ -1078,12 +1078,12 @@ module.exports.preset = {
         "dark": "{colorGrey850}"
       },
       "colorTextChatBubbleOutgoing": {
-        "light": "{colorTextBodyDefault}",
-        "dark": "{colorTextBodyDefault}"
+        "light": "{colorTextBodySecondary}",
+        "dark": "{colorTextBodySecondary}"
       },
       "colorTextChatBubbleIncoming": {
-        "light": "{colorTextBodyDefault}",
-        "dark": "{colorTextBodyDefault}"
+        "light": "{colorTextBodySecondary}",
+        "dark": "{colorTextBodySecondary}"
       },
       "colorBorderButtonNormalActive": {
         "light": "{colorBlue800}",
@@ -1871,7 +1871,7 @@ module.exports.preset = {
       "borderRadiusTabsFocusRing": "20px",
       "borderRadiusTiles": "{borderRadiusInput}",
       "borderRadiusToken": "{borderRadiusInput}",
-      "borderRadiusChatBubble": "2px",
+      "borderRadiusChatBubble": "8px",
       "borderRadiusTutorialPanelItem": "{borderRadiusInput}",
       "borderTableStickyWidth": "1px",
       "borderLinkFocusRingOutline": "0",
@@ -3313,12 +3313,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -4467,12 +4467,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -5553,12 +5553,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorWhite}",
@@ -6639,12 +6639,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -7725,12 +7725,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -8813,12 +8813,12 @@ module.exports.preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -10226,6 +10226,8 @@ module.exports.preset = {
     "colorBackgroundStatusSuccess",
     "colorBackgroundStatusWarning",
     "colorBackgroundToggleCheckedDisabled",
+    "colorBackgroundChatBubbleOutgoing",
+    "colorBackgroundChatBubbleIncoming",
     "colorTextChatBubbleOutgoing",
     "colorTextChatBubbleIncoming",
     "colorBorderButtonNormalActive",
@@ -11751,8 +11753,8 @@ module.exports.preset = {
     "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
     "colorBackgroundChatBubbleOutgoing": "--color-background-chat-bubble-outgoing-pfqan2",
     "colorBackgroundChatBubbleIncoming": "--color-background-chat-bubble-incoming-brq006",
-    "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-bvbr0v",
-    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-x2kig8",
+    "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-25z5e0",
+    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-t2slde",
     "colorBorderButtonNormalActive": "--color-border-button-normal-active-mn0ayd",
     "colorBorderButtonNormalDefault": "--color-border-button-normal-default-uzqi0v",
     "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-lylxt2",
@@ -12011,7 +12013,7 @@ module.exports.preset = {
     "borderRadiusTabsFocusRing": "--border-radius-tabs-focus-ring-1q0rjo",
     "borderRadiusTiles": "--border-radius-tiles-60y8e6",
     "borderRadiusToken": "--border-radius-token-923jqq",
-    "borderRadiusChatBubble": "--border-radius-chat-bubble-ur269r",
+    "borderRadiusChatBubble": "--border-radius-chat-bubble-qvkt36",
     "borderRadiusTutorialPanelItem": "--border-radius-tutorial-panel-item-b44p0a",
     "borderTableStickyWidth": "--border-table-sticky-width-87kf12",
     "borderLinkFocusRingOutline": "--border-link-focus-ring-outline-kkfop6",

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

@@ -107,6 +107,8 @@ export declare interface TypedOverride {
     colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -340,6 +342,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -573,6 +577,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -806,6 +812,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1039,6 +1047,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1272,6 +1282,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1505,6 +1517,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1738,6 +1752,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

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

@@ -107,6 +107,8 @@ export declare interface TypedOverride {
     colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+    colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
     colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -340,6 +342,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -573,6 +577,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -806,6 +812,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1039,6 +1047,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1272,6 +1282,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1505,6 +1517,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1738,6 +1752,8 @@ export declare interface TypedOverride {
         colorBackgroundStatusSuccess?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundStatusWarning?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBackgroundToggleCheckedDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
+        colorBackgroundChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleOutgoing?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorTextChatBubbleIncoming?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
         colorBorderButtonNormalActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;

package/internal/generated/theming/index.js

@@ -1078,12 +1078,12 @@ export var preset = {
         "dark": "{colorGrey850}"
       },
       "colorTextChatBubbleOutgoing": {
-        "light": "{colorTextBodyDefault}",
-        "dark": "{colorTextBodyDefault}"
+        "light": "{colorTextBodySecondary}",
+        "dark": "{colorTextBodySecondary}"
       },
       "colorTextChatBubbleIncoming": {
-        "light": "{colorTextBodyDefault}",
-        "dark": "{colorTextBodyDefault}"
+        "light": "{colorTextBodySecondary}",
+        "dark": "{colorTextBodySecondary}"
       },
       "colorBorderButtonNormalActive": {
         "light": "{colorBlue800}",
@@ -1871,7 +1871,7 @@ export var preset = {
       "borderRadiusTabsFocusRing": "20px",
       "borderRadiusTiles": "{borderRadiusInput}",
       "borderRadiusToken": "{borderRadiusInput}",
-      "borderRadiusChatBubble": "2px",
+      "borderRadiusChatBubble": "8px",
       "borderRadiusTutorialPanelItem": "{borderRadiusInput}",
       "borderTableStickyWidth": "1px",
       "borderLinkFocusRingOutline": "0",
@@ -3313,12 +3313,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -4467,12 +4467,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -5553,12 +5553,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorWhite}",
@@ -6639,12 +6639,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -7725,12 +7725,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -8813,12 +8813,12 @@ export var preset = {
             "dark": "{colorGrey850}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodyDefault}",
-            "dark": "{colorTextBodyDefault}"
+            "light": "{colorTextBodySecondary}",
+            "dark": "{colorTextBodySecondary}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -10226,6 +10226,8 @@ export var preset = {
     "colorBackgroundStatusSuccess",
     "colorBackgroundStatusWarning",
     "colorBackgroundToggleCheckedDisabled",
+    "colorBackgroundChatBubbleOutgoing",
+    "colorBackgroundChatBubbleIncoming",
     "colorTextChatBubbleOutgoing",
     "colorTextChatBubbleIncoming",
     "colorBorderButtonNormalActive",
@@ -11751,8 +11753,8 @@ export var preset = {
     "colorBackgroundLoadingBarGenAi": "--color-background-loading-bar-gen-ai-7qfi9s",
     "colorBackgroundChatBubbleOutgoing": "--color-background-chat-bubble-outgoing-pfqan2",
     "colorBackgroundChatBubbleIncoming": "--color-background-chat-bubble-incoming-brq006",
-    "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-bvbr0v",
-    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-x2kig8",
+    "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-25z5e0",
+    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-t2slde",
     "colorBorderButtonNormalActive": "--color-border-button-normal-active-mn0ayd",
     "colorBorderButtonNormalDefault": "--color-border-button-normal-default-uzqi0v",
     "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-lylxt2",
@@ -12011,7 +12013,7 @@ export var preset = {
     "borderRadiusTabsFocusRing": "--border-radius-tabs-focus-ring-1q0rjo",
     "borderRadiusTiles": "--border-radius-tiles-60y8e6",
     "borderRadiusToken": "--border-radius-token-923jqq",
-    "borderRadiusChatBubble": "--border-radius-chat-bubble-ur269r",
+    "borderRadiusChatBubble": "--border-radius-chat-bubble-qvkt36",
     "borderRadiusTutorialPanelItem": "--border-radius-tutorial-panel-item-b44p0a",
     "borderTableStickyWidth": "--border-table-sticky-width-87kf12",
     "borderLinkFocusRingOutline": "--border-link-focus-ring-outline-kkfop6",

package/internal/hooks/use-dom-attribute/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useDOMAttribute(elementRef: React.RefObject<HTMLElement>, attributeName: string, value: string): {
+    [x: string]: string | undefined;
+};
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-dom-attribute/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-dom-attribute/index.tsx"],"names":[],"mappings":";AAQA,wBAAgB,eAAe,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;;EAY7G"}

package/internal/hooks/use-dom-attribute/index.js

@@ -0,0 +1,19 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef } from 'react';
+/*
+ * This hook allows setting an DOM attribute after the first render, without rerendering the component.
+ */
+export function useDOMAttribute(elementRef, attributeName, value) {
+    const attributeValueRef = useRef();
+    useEffect(() => {
+        var _a;
+        // With this effect, we apply the attribute only on the client, to avoid hydration errors.
+        attributeValueRef.current = value;
+        (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(attributeName, value);
+    }, [attributeName, value, elementRef]);
+    return {
+        [attributeName]: attributeValueRef.current,
+    };
+}
+//# sourceMappingURL=index.js.map

package/internal/hooks/use-dom-attribute/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-dom-attribute/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,UAAwC,EAAE,aAAqB,EAAE,KAAa;IAC5G,MAAM,iBAAiB,GAAG,MAAM,EAAsB,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;;QACb,0FAA0F;QAC1F,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvC,OAAO;QACL,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,OAAO;KAC3C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\n\n/*\n * This hook allows setting an DOM attribute after the first render, without rerendering the component.\n */\nexport function useDOMAttribute(elementRef: React.RefObject<HTMLElement>, attributeName: string, value: string) {\n  const attributeValueRef = useRef<string | undefined>();\n\n  useEffect(() => {\n    // With this effect, we apply the attribute only on the client, to avoid hydration errors.\n    attributeValueRef.current = value;\n    elementRef.current?.setAttribute(attributeName, value);\n  }, [attributeName, value, elementRef]);\n\n  return {\n    [attributeName]: attributeValueRef.current,\n  };\n}\n"]}

package/internal/hooks/use-performance-marks/index.d.ts

@@ -5,6 +5,6 @@
  * correctly.
  */
 export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): {
-    "data-analytics-performance-mark": string | undefined;
+    [x: string]: string | undefined;
 };
 //# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-performance-marks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AA4BA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EAyDnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AAUA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EA0DnC"}

package/internal/hooks/use-performance-marks/index.js

@@ -1,25 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 import { useModalContext } from '../../context/modal-context';
+import { useDOMAttribute } from '../use-dom-attribute';
 import { useEffectOnUpdate } from '../use-effect-on-update';
 import { useRandomId } from '../use-unique-id';
-/*
-This hook allows setting an HTML attribute after the first render, without rerendering the component.
-*/
-function usePerformanceMarkAttribute(elementRef, value) {
-    const attributeName = 'data-analytics-performance-mark';
-    const attributeValueRef = useRef();
-    useEffect(() => {
-        var _a;
-        // With this effect, we apply the attribute only on the client, to avoid hydration errors.
-        attributeValueRef.current = value;
-        (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(attributeName, value);
-    }, [value, elementRef]);
-    return {
-        [attributeName]: attributeValueRef.current,
-    };
-}
 /**
  * This function returns an object that needs to be spread onto the same
  * element as the `elementRef`, so that the data attribute is applied
@@ -28,7 +13,7 @@ function usePerformanceMarkAttribute(elementRef, value) {
 export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
     const id = useRandomId();
     const { isInModal } = useModalContext();
-    const attributes = usePerformanceMarkAttribute(elementRef, id);
+    const attributes = useDOMAttribute(elementRef, 'data-analytics-performance-mark', id);
     useEffect(() => {
         if (!enabled || !elementRef.current || isInModal) {
             return;