@cloudscape-design/components 3.0.805 → 3.0.807

package/file-upload/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/file-upload/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { ForwardedRef, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { ConstraintText, FormFieldError, FormFieldWarning } from '../form-field/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport TokenList from '../internal/components/token-list';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { joinStrings } from '../internal/utils/strings';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { Token } from '../token-group/token';\nimport { Dropzone, useDropzoneVisible } from './dropzone';\nimport FileInput from './file-input';\nimport { FileOption } from './file-option';\nimport { FileUploadProps } from './interfaces';\n\nimport tokenListStyles from '../internal/components/token-list/styles.css.js';\nimport fileInputStyles from './file-input/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalFileUploadProps = FileUploadProps & InternalBaseComponentProps;\n\nexport default React.forwardRef(InternalFileUpload);\n\nfunction InternalFileUpload(\n  {\n    accept,\n    ariaRequired,\n    multiple = false,\n    onChange,\n    value,\n    tokenLimit,\n    showFileSize,\n    showFileLastModified,\n    showFileThumbnail,\n    i18nStrings,\n    __internalRootRef = null,\n    constraintText,\n    errorText,\n    warningText,\n    fileErrors,\n    fileWarnings,\n    ...restProps\n  }: InternalFileUploadProps,\n  externalRef: ForwardedRef<ButtonProps.Ref>\n) {\n  const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n  const tokenListRef = useListFocusController({\n    nextFocusIndex,\n    onFocusMoved: target => {\n      target.focus();\n      setNextFocusIndex(null);\n    },\n    listItemSelector: `.${tokenListStyles['list-item']}`,\n    showMoreSelector: `.${tokenListStyles.toggle}`,\n    fallbackSelector: `.${fileInputStyles['upload-input']}`,\n  });\n\n  const baseProps = getBaseProps(restProps);\n  const metadata = { showFileSize, showFileLastModified, showFileThumbnail };\n\n  const errorId = useUniqueId('error-');\n  const warningId = useUniqueId('warning-');\n  const constraintTextId = useUniqueId('constraint-text-');\n\n  const fileInputRef = useRef<ButtonProps.Ref>(null);\n  const ref = useMergeRefs(fileInputRef, externalRef);\n\n  checkControlled('FileUpload', 'value', value, 'onChange', onChange);\n\n  if (!multiple && value.length > 1) {\n    warnOnce('FileUpload', 'Value must be an array of size 0 or 1 when `multiple=false`.');\n  }\n\n  const handleFilesChange = (newFiles: File[]) => {\n    const newValue = multiple ? [...value, ...newFiles] : newFiles[0] ? newFiles.slice(0, 1) : [...value];\n    fireNonCancelableEvent(onChange, { value: newValue });\n  };\n\n  const onFileRemove = (removeFileIndex: number) => {\n    const newValue = value.filter((_, fileIndex) => fileIndex !== removeFileIndex);\n    fireNonCancelableEvent(onChange, { value: newValue });\n    setNextFocusIndex(removeFileIndex);\n  };\n\n  const isDropzoneVisible = useDropzoneVisible(multiple);\n\n  const showWarning = warningText && !errorText;\n\n  if (warningText && errorText) {\n    warnOnce('FileUpload', 'Both `errorText` and `warningText` exist. `warningText` will not be shown.');\n  }\n\n  const formFieldContext = useFormFieldContext(restProps);\n  const ariaDescribedBy = joinStrings(\n    restProps.ariaDescribedby ?? formFieldContext.ariaDescribedby,\n    errorText ? errorId : undefined,\n    showWarning ? warningId : undefined,\n    constraintText ? constraintTextId : undefined\n  );\n\n  const hasError = Boolean(errorText || fileErrors?.filter(Boolean).length);\n  const invalid = restProps.invalid || formFieldContext.invalid || hasError;\n\n  return (\n    <InternalSpaceBetween\n      {...baseProps}\n      size=\"xs\"\n      className={clsx(baseProps.className, styles.root)}\n      __internalRootRef={__internalRootRef}\n      ref={tokenListRef}\n    >\n      <InternalBox>\n        {isDropzoneVisible ? (\n          <Dropzone onChange={handleFilesChange}>{i18nStrings.dropzoneText(multiple)}</Dropzone>\n        ) : (\n          <FileInput\n            ref={ref}\n            accept={accept}\n            ariaRequired={ariaRequired}\n            multiple={multiple}\n            onChange={handleFilesChange}\n            value={value}\n            {...restProps}\n            ariaDescribedby={ariaDescribedBy}\n            invalid={invalid}\n          >\n            {i18nStrings.uploadButtonText(multiple)}\n          </FileInput>\n        )}\n\n        {(constraintText || errorText || warningText) && (\n          <div className={styles.hints}>\n            {errorText && (\n              <FormFieldError id={errorId} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n                {errorText}\n              </FormFieldError>\n            )}\n            {showWarning && (\n              <FormFieldWarning id={warningId} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n                {warningText}\n              </FormFieldWarning>\n            )}\n            {constraintText && (\n              <ConstraintText id={constraintTextId} hasValidationText={!!errorText || !!warningText}>\n                {constraintText}\n              </ConstraintText>\n            )}\n          </div>\n        )}\n      </InternalBox>\n\n      {!multiple && value.length > 0 ? (\n        <InternalBox>\n          <Token\n            ariaLabel={value[0].name}\n            dismissLabel={i18nStrings.removeFileAriaLabel(0)}\n            onDismiss={() => onFileRemove(0)}\n            errorText={fileErrors?.[0]}\n            warningText={fileWarnings?.[0]}\n            errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n            warningIconAriaLabel={i18nStrings.warningIconAriaLabel}\n            data-index={0}\n          >\n            <FileOption file={value[0]} metadata={metadata} i18nStrings={i18nStrings} />\n          </Token>\n        </InternalBox>\n      ) : null}\n\n      {multiple && value.length > 0 ? (\n        <InternalBox>\n          <TokenList\n            alignment=\"vertical\"\n            items={value}\n            renderItem={(file, fileIndex) => (\n              <Token\n                ariaLabel={file.name}\n                dismissLabel={i18nStrings.removeFileAriaLabel(fileIndex)}\n                onDismiss={() => onFileRemove(fileIndex)}\n                errorText={fileErrors?.[fileIndex]}\n                warningText={fileWarnings?.[fileIndex]}\n                errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n                warningIconAriaLabel={i18nStrings.warningIconAriaLabel}\n                data-index={fileIndex}\n              >\n                <FileOption file={file} metadata={metadata} i18nStrings={i18nStrings} />\n              </Token>\n            )}\n            limit={tokenLimit}\n            i18nStrings={{\n              limitShowFewer: i18nStrings.limitShowFewer,\n              limitShowMore: i18nStrings.limitShowMore,\n            }}\n          />\n        </InternalBox>\n      ) : null}\n    </InternalSpaceBetween>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/file-upload/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { ForwardedRef, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { ConstraintText, FormFieldError, FormFieldWarning } from '../form-field/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalFileDropzone, { useFilesDragging } from '../internal/components/file-dropzone';\nimport TokenList from '../internal/components/token-list';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { joinStrings } from '../internal/utils/strings';\nimport InternalSpaceBetween from '../space-between/internal';\nimport { Token } from '../token-group/token';\nimport FileInput from './file-input';\nimport { FileOption } from './file-option';\nimport { FileUploadProps } from './interfaces';\n\nimport tokenListStyles from '../internal/components/token-list/styles.css.js';\nimport fileInputStyles from './file-input/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalFileUploadProps = FileUploadProps & InternalBaseComponentProps;\n\nexport default React.forwardRef(InternalFileUpload);\n\nfunction InternalFileUpload(\n  {\n    accept,\n    ariaRequired,\n    multiple = false,\n    onChange,\n    value,\n    tokenLimit,\n    showFileSize,\n    showFileLastModified,\n    showFileThumbnail,\n    i18nStrings,\n    __internalRootRef = null,\n    constraintText,\n    errorText,\n    warningText,\n    fileErrors,\n    fileWarnings,\n    ...restProps\n  }: InternalFileUploadProps,\n  externalRef: ForwardedRef<ButtonProps.Ref>\n) {\n  const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n  const tokenListRef = useListFocusController({\n    nextFocusIndex,\n    onFocusMoved: target => {\n      target.focus();\n      setNextFocusIndex(null);\n    },\n    listItemSelector: `.${tokenListStyles['list-item']}`,\n    showMoreSelector: `.${tokenListStyles.toggle}`,\n    fallbackSelector: `.${fileInputStyles['upload-input']}`,\n  });\n\n  const baseProps = getBaseProps(restProps);\n  const metadata = { showFileSize, showFileLastModified, showFileThumbnail };\n\n  const errorId = useUniqueId('error-');\n  const warningId = useUniqueId('warning-');\n  const constraintTextId = useUniqueId('constraint-text-');\n\n  const fileInputRef = useRef<ButtonProps.Ref>(null);\n  const ref = useMergeRefs(fileInputRef, externalRef);\n\n  checkControlled('FileUpload', 'value', value, 'onChange', onChange);\n\n  if (!multiple && value.length > 1) {\n    warnOnce('FileUpload', 'Value must be an array of size 0 or 1 when `multiple=false`.');\n  }\n\n  const handleFilesChange = (newFiles: File[]) => {\n    const newValue = multiple ? [...value, ...newFiles] : newFiles[0] ? newFiles.slice(0, 1) : [...value];\n    fireNonCancelableEvent(onChange, { value: newValue });\n  };\n\n  const onFileRemove = (removeFileIndex: number) => {\n    const newValue = value.filter((_, fileIndex) => fileIndex !== removeFileIndex);\n    fireNonCancelableEvent(onChange, { value: newValue });\n    setNextFocusIndex(removeFileIndex);\n  };\n\n  const { areFilesDragging } = useFilesDragging();\n\n  const showWarning = warningText && !errorText;\n\n  if (warningText && errorText) {\n    warnOnce('FileUpload', 'Both `errorText` and `warningText` exist. `warningText` will not be shown.');\n  }\n\n  const formFieldContext = useFormFieldContext(restProps);\n  const ariaDescribedBy = joinStrings(\n    restProps.ariaDescribedby ?? formFieldContext.ariaDescribedby,\n    errorText ? errorId : undefined,\n    showWarning ? warningId : undefined,\n    constraintText ? constraintTextId : undefined\n  );\n\n  const hasError = Boolean(errorText || fileErrors?.filter(Boolean).length);\n  const invalid = restProps.invalid || formFieldContext.invalid || hasError;\n\n  return (\n    <InternalSpaceBetween\n      {...baseProps}\n      size=\"xs\"\n      className={clsx(baseProps.className, styles.root)}\n      __internalRootRef={__internalRootRef}\n      ref={tokenListRef}\n    >\n      <InternalBox>\n        {areFilesDragging ? (\n          <InternalFileDropzone onChange={event => handleFilesChange(event.detail.value)}>\n            {i18nStrings.dropzoneText(multiple)}\n          </InternalFileDropzone>\n        ) : (\n          <FileInput\n            ref={ref}\n            accept={accept}\n            ariaRequired={ariaRequired}\n            multiple={multiple}\n            onChange={handleFilesChange}\n            value={value}\n            {...restProps}\n            ariaDescribedby={ariaDescribedBy}\n            invalid={invalid}\n          >\n            {i18nStrings.uploadButtonText(multiple)}\n          </FileInput>\n        )}\n\n        {(constraintText || errorText || warningText) && (\n          <div className={styles.hints}>\n            {errorText && (\n              <FormFieldError id={errorId} errorIconAriaLabel={i18nStrings?.errorIconAriaLabel}>\n                {errorText}\n              </FormFieldError>\n            )}\n            {showWarning && (\n              <FormFieldWarning id={warningId} warningIconAriaLabel={i18nStrings?.warningIconAriaLabel}>\n                {warningText}\n              </FormFieldWarning>\n            )}\n            {constraintText && (\n              <ConstraintText id={constraintTextId} hasValidationText={!!errorText || !!warningText}>\n                {constraintText}\n              </ConstraintText>\n            )}\n          </div>\n        )}\n      </InternalBox>\n\n      {!multiple && value.length > 0 ? (\n        <InternalBox>\n          <Token\n            ariaLabel={value[0].name}\n            dismissLabel={i18nStrings.removeFileAriaLabel(0)}\n            onDismiss={() => onFileRemove(0)}\n            errorText={fileErrors?.[0]}\n            warningText={fileWarnings?.[0]}\n            errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n            warningIconAriaLabel={i18nStrings.warningIconAriaLabel}\n            data-index={0}\n          >\n            <FileOption file={value[0]} metadata={metadata} i18nStrings={i18nStrings} />\n          </Token>\n        </InternalBox>\n      ) : null}\n\n      {multiple && value.length > 0 ? (\n        <InternalBox>\n          <TokenList\n            alignment=\"vertical\"\n            items={value}\n            renderItem={(file, fileIndex) => (\n              <Token\n                ariaLabel={file.name}\n                dismissLabel={i18nStrings.removeFileAriaLabel(fileIndex)}\n                onDismiss={() => onFileRemove(fileIndex)}\n                errorText={fileErrors?.[fileIndex]}\n                warningText={fileWarnings?.[fileIndex]}\n                errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n                warningIconAriaLabel={i18nStrings.warningIconAriaLabel}\n                data-index={fileIndex}\n              >\n                <FileOption file={file} metadata={metadata} i18nStrings={i18nStrings} />\n              </Token>\n            )}\n            limit={tokenLimit}\n            i18nStrings={{\n              limitShowFewer: i18nStrings.limitShowFewer,\n              limitShowMore: i18nStrings.limitShowMore,\n            }}\n          />\n        </InternalBox>\n      ) : null}\n    </InternalSpaceBetween>\n  );\n}\n"]}

package/internal/base-component/styles.scoped.css

@@ -243,9 +243,9 @@
   --color-text-avatar-jddpvm:#ffffff;
   --color-background-loading-bar-gen-ai-7qfi9s:linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%);
   --color-background-chat-bubble-outgoing-pfqan2:transparent;
-  --color-background-chat-bubble-incoming-brq006:#f3f3f7;
-  --color-text-chat-bubble-outgoing-25z5e0:#424650;
-  --color-text-chat-bubble-incoming-t2slde:#424650;
+  --color-background-chat-bubble-incoming-ljtp6c:#f3f3f7;
+  --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
+  --color-text-chat-bubble-incoming-x2kig8:#0f141a;
   --color-border-button-normal-active-mn0ayd:#002b66;
   --color-border-button-normal-default-uzqi0v:#006ce0;
   --color-border-toggle-button-normal-pressed-lylxt2:#006ce0;
@@ -874,9 +874,9 @@
     --color-background-tiles-disabled-ozblza:#1b232d;
     --color-background-toggle-checked-disabled-wk1i1j:#002b66;
     --color-background-toggle-default-ywflhx:#8c8c94;
-    --color-background-chat-bubble-incoming-brq006:#131920;
-    --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
-    --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
+    --color-background-chat-bubble-incoming-ljtp6c:#0f141a;
+    --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
+    --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
     --color-border-button-normal-active-mn0ayd:#75cfff;
     --color-border-button-normal-default-uzqi0v:#42b4ff;
     --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1186,9 +1186,9 @@
   --color-background-tiles-disabled-ozblza:#1b232d;
   --color-background-toggle-checked-disabled-wk1i1j:#002b66;
   --color-background-toggle-default-ywflhx:#8c8c94;
-  --color-background-chat-bubble-incoming-brq006:#131920;
-  --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
-  --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
+  --color-background-chat-bubble-incoming-ljtp6c:#0f141a;
+  --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
+  --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
   --color-border-button-normal-active-mn0ayd:#75cfff;
   --color-border-button-normal-default-uzqi0v:#42b4ff;
   --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1392,9 +1392,9 @@
   --color-background-tiles-disabled-ozblza:#1b232d;
   --color-background-toggle-checked-disabled-wk1i1j:#002b66;
   --color-background-toggle-default-ywflhx:#8c8c94;
-  --color-background-chat-bubble-incoming-brq006:#131920;
-  --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
-  --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
+  --color-background-chat-bubble-incoming-ljtp6c:#0f141a;
+  --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
+  --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
   --color-border-button-normal-active-mn0ayd:#75cfff;
   --color-border-button-normal-default-uzqi0v:#42b4ff;
   --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1556,6 +1556,8 @@
   --color-background-button-primary-hover-0qidjj:#ffffff;
   --color-background-segment-default-voaiuw:transparent;
   --color-background-segment-hover-jbzuvp:transparent;
+  --color-text-chat-bubble-outgoing-bvbr0v:#f9f9fa;
+  --color-text-chat-bubble-incoming-x2kig8:#f9f9fa;
   --color-border-button-normal-active-mn0ayd:#ffffff;
   --color-border-button-normal-default-uzqi0v:#f9f9fa;
   --color-border-button-normal-hover-2d2g0m:#ffffff;
@@ -1698,9 +1700,9 @@
   --color-background-tiles-disabled-ozblza:#1b232d;
   --color-background-toggle-checked-disabled-wk1i1j:#002b66;
   --color-background-toggle-default-ywflhx:#8c8c94;
-  --color-background-chat-bubble-incoming-brq006:#131920;
-  --color-text-chat-bubble-outgoing-25z5e0:#c6c6cd;
-  --color-text-chat-bubble-incoming-t2slde:#c6c6cd;
+  --color-background-chat-bubble-incoming-ljtp6c:#0f141a;
+  --color-text-chat-bubble-outgoing-bvbr0v:#c6c6cd;
+  --color-text-chat-bubble-incoming-x2kig8:#c6c6cd;
   --color-border-button-normal-active-mn0ayd:#ffffff;
   --color-border-button-normal-default-uzqi0v:#dedee3;
   --color-border-toggle-button-normal-pressed-lylxt2:#42b4ff;
@@ -1844,12 +1846,16 @@
 
 @media not print {
   .awsui-dark-mode .awsui-context-flashbar-warning:not(#\9) {
+    --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
+    --color-text-chat-bubble-incoming-x2kig8:#0f141a;
     --color-text-body-default-7v1jfn:#0f141a;
     --color-text-expandable-section-default-7w1jwq:#0f141a;
   }
 }
 @media not print {
   .awsui-context-flashbar-warning.awsui-dark-mode:not(#\9) {
+    --color-text-chat-bubble-outgoing-bvbr0v:#0f141a;
+    --color-text-chat-bubble-incoming-x2kig8:#0f141a;
     --color-text-body-default-7v1jfn:#0f141a;
     --color-text-expandable-section-default-7w1jwq:#0f141a;
   }

package/internal/components/file-dropzone/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FileDropzoneProps } from './interfaces';
+import { useFilesDragging } from './use-files-dragging';
+export { FileDropzoneProps, useFilesDragging };
+export default function InternalFileDropzone({ onChange, children }: FileDropzoneProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/file-dropzone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,eAqCrF"}

package/internal/components/file-dropzone/index.js

@@ -0,0 +1,33 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useState } from 'react';
+import clsx from 'clsx';
+import { fireNonCancelableEvent } from '../../events';
+import { useFilesDragging } from './use-files-dragging';
+import styles from './styles.css.js';
+export { useFilesDragging };
+export default function InternalFileDropzone({ onChange, children }) {
+    const [isDropzoneHovered, setDropzoneHovered] = useState(false);
+    const onDragOver = (event) => {
+        event.preventDefault();
+        if (event.dataTransfer) {
+            setDropzoneHovered(true);
+            event.dataTransfer.dropEffect = 'copy';
+        }
+    };
+    const onDragLeave = (event) => {
+        event.preventDefault();
+        setDropzoneHovered(false);
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'none';
+        }
+    };
+    const onDrop = (event) => {
+        event.preventDefault();
+        setDropzoneHovered(false);
+        fireNonCancelableEvent(onChange, { value: Array.from(event.dataTransfer.files) });
+    };
+    return (React.createElement("div", { className: clsx(styles.root, isDropzoneHovered && styles.hovered), onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop },
+        React.createElement("div", { className: styles.content }, children)));
+}
+//# sourceMappingURL=index.js.map

package/internal/components/file-dropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAqB,gBAAgB,EAAE,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAqB;IACpF,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,KAAK,CAAC,YAAY,EAAE;YACtB,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;SACxC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,KAAK,CAAC,YAAY,EAAE;YACtB,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;SACxC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAE1B,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACpF,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,iBAAiB,IAAI,MAAM,CAAC,OAAO,CAAC,EACjE,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM;QAEd,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { fireNonCancelableEvent } from '../../events';\nimport { FileDropzoneProps } from './interfaces';\nimport { useFilesDragging } from './use-files-dragging';\n\nimport styles from './styles.css.js';\n\nexport { FileDropzoneProps, useFilesDragging };\n\nexport default function InternalFileDropzone({ onChange, children }: FileDropzoneProps) {\n  const [isDropzoneHovered, setDropzoneHovered] = useState(false);\n\n  const onDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n\n    if (event.dataTransfer) {\n      setDropzoneHovered(true);\n      event.dataTransfer.dropEffect = 'copy';\n    }\n  };\n\n  const onDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    setDropzoneHovered(false);\n    if (event.dataTransfer) {\n      event.dataTransfer.dropEffect = 'none';\n    }\n  };\n\n  const onDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    setDropzoneHovered(false);\n\n    fireNonCancelableEvent(onChange, { value: Array.from(event.dataTransfer.files) });\n  };\n\n  return (\n    <div\n      className={clsx(styles.root, isDropzoneHovered && styles.hovered)}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n    >\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/internal/components/file-dropzone/interfaces.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { BaseComponentProps } from '../../base-component';
+import { NonCancelableEventHandler } from '../../events';
+export interface FileDropzoneProps extends BaseComponentProps {
+    /**
+     * Called when the user selects new file(s), or removes a file.
+     * The event `detail` contains the current value of the component.
+     */
+    onChange: NonCancelableEventHandler<FileDropzoneProps.ChangeDetail>;
+    /**
+     * Children of the Dropzone.
+     */
+    children: React.ReactNode;
+}
+export declare namespace FileDropzoneProps {
+    interface ChangeDetail {
+        value: File[];
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/file-dropzone/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/interfaces.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D;;;OAGG;IACH,QAAQ,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACpE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,yBAAiB,iBAAiB,CAAC;IACjC,UAAiB,YAAY;QAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;KACf;CACF"}

package/internal/components/file-dropzone/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/internal/components/file-dropzone/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface FileDropzoneProps extends BaseComponentProps {\n  /**\n   * Called when the user selects new file(s), or removes a file.\n   * The event `detail` contains the current value of the component.\n   */\n  onChange: NonCancelableEventHandler<FileDropzoneProps.ChangeDetail>;\n  /**\n   * Children of the Dropzone.\n   */\n  children: React.ReactNode;\n}\n\nexport namespace FileDropzoneProps {\n  export interface ChangeDetail {\n    value: File[];\n  }\n}\n"]}

package/internal/components/file-dropzone/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1tk3k_uajxe_177",
+  "hovered": "awsui_hovered_1tk3k_uajxe_193",
+  "content": "awsui_content_1tk3k_uajxe_198"
+};
+  

package/{file-upload/dropzone → internal/components/file-dropzone}/styles.scoped.css

@@ -174,7 +174,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_dropzone_1fham_10fkh_177:not(#\9) {
+.awsui_root_1tk3k_uajxe_177:not(#\9) {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -190,7 +190,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-dropzone-background-active-xjesd4, #ebebf0);
   font-weight: 700;
 }
-.awsui_dropzone-hovered_1fham_10fkh_193:not(#\9) {
+.awsui_root_1tk3k_uajxe_177.awsui_hovered_1tk3k_uajxe_193:not(#\9) {
   color: var(--color-dropzone-text-hover-xjyyuz, #002b66);
   background-color: var(--color-dropzone-background-hover-elxayo, #d1f1ff);
+}
+
+.awsui_content_1tk3k_uajxe_198:not(#\9) {
+  /* used in test-utils */
 }

package/{file-upload/dropzone → internal/components/file-dropzone}/styles.selectors.js

@@ -2,7 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropzone": "awsui_dropzone_1fham_10fkh_177",
-  "dropzone-hovered": "awsui_dropzone-hovered_1fham_10fkh_193"
+  "root": "awsui_root_1tk3k_uajxe_177",
+  "hovered": "awsui_hovered_1tk3k_uajxe_193",
+  "content": "awsui_content_1tk3k_uajxe_198"
 };
   

package/internal/components/file-dropzone/use-files-dragging.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A utility to determine whether or not a file is being currently dragged into the window.
+ *
+ * @returns An object with the following arguments:
+ * `areFilesDragging`: True if a file is being dragged over the current window, false otherwise.
+ */
+export declare function useFilesDragging(): {
+    areFilesDragging: boolean;
+};
+//# sourceMappingURL=use-files-dragging.d.ts.map

package/internal/components/file-dropzone/use-files-dragging.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-files-dragging.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/use-files-dragging.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,wBAAgB,gBAAgB;;EAoD/B"}

package/{file-upload/dropzone/index.js → internal/components/file-dropzone/use-files-dragging.js}

@@ -1,11 +1,14 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useState } from 'react';
-import clsx from 'clsx';
-import InternalIcon from '../../icon/internal';
-import styles from './styles.css.js';
-export function useDropzoneVisible(multiple) {
-    const [isDropzoneVisible, setDropzoneVisible] = useState(false);
+import { useEffect, useState } from 'react';
+/**
+ * A utility to determine whether or not a file is being currently dragged into the window.
+ *
+ * @returns An object with the following arguments:
+ * `areFilesDragging`: True if a file is being dragged over the current window, false otherwise.
+ */
+export function useFilesDragging() {
+    const [areFilesDragging, setFilesDragging] = useState(false);
     // Registering global drag events listeners.
     useEffect(() => {
         // The timer helps avoiding dropzone blinking.
@@ -20,20 +23,20 @@ export function useDropzoneVisible(multiple) {
                     files++;
                 }
             }
-            if (files > 0 && (multiple || files === 1)) {
-                setDropzoneVisible(true);
+            if (files > 0) {
+                setFilesDragging(true);
                 dragTimer && clearTimeout(dragTimer);
             }
         };
         // When the files are no longer dragged over the browser the state must be reset.
         const onDocumentDragLeave = (event) => {
             event.preventDefault();
-            dragTimer = setTimeout(() => setDropzoneVisible(false), 25);
+            dragTimer = setTimeout(() => setFilesDragging(false), 25);
         };
         // If the files were dropped the state must be reset.
         const onDocumentDrop = (event) => {
             event.preventDefault();
-            dragTimer = setTimeout(() => setDropzoneVisible(false), 25);
+            dragTimer = setTimeout(() => setFilesDragging(false), 25);
         };
         document.addEventListener('dragover', onDocumentDragOver, false);
         document.addEventListener('dragleave', onDocumentDragLeave, false);
@@ -44,32 +47,7 @@ export function useDropzoneVisible(multiple) {
             document.removeEventListener('dragleave', onDocumentDragLeave);
             document.removeEventListener('drop', onDocumentDrop);
         };
-    }, [multiple]);
-    return isDropzoneVisible;
+    }, []);
+    return { areFilesDragging };
 }
-export function Dropzone({ onChange, children }) {
-    const [isDropzoneHovered, setDropzoneHovered] = useState(false);
-    const onDragOver = (event) => {
-        event.preventDefault();
-        if (event.dataTransfer) {
-            setDropzoneHovered(true);
-            event.dataTransfer.dropEffect = 'copy';
-        }
-    };
-    const onDragLeave = (event) => {
-        event.preventDefault();
-        setDropzoneHovered(false);
-        if (event.dataTransfer) {
-            event.dataTransfer.dropEffect = 'none';
-        }
-    };
-    const onDrop = (event) => {
-        event.preventDefault();
-        setDropzoneHovered(false);
-        onChange(Array.from(event.dataTransfer.files));
-    };
-    return (React.createElement("div", { className: clsx(styles.dropzone, isDropzoneHovered && styles['dropzone-hovered']), onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop },
-        React.createElement(InternalIcon, { name: "upload" }),
-        React.createElement("span", null, children)));
-}
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=use-files-dragging.js.map

package/internal/components/file-dropzone/use-files-dragging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-files-dragging.js","sourceRoot":"","sources":["../../../../../src/internal/components/file-dropzone/use-files-dragging.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7D,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,8CAA8C;QAC9C,IAAI,SAAS,GAAyC,IAAI,CAAC;QAE3D,mFAAmF;QACnF,MAAM,kBAAkB,GAAG,CAAC,KAAgB,EAAE,EAAE;;YAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,CAAC,MAAM,KAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE;gBACzE,IAAI,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,CAAC,IAAI,CAAC,MAAK,OAAO,EAAE;oBAC/C,KAAK,EAAE,CAAC;iBACT;aACF;YAED,IAAI,KAAK,GAAG,CAAC,EAAE;gBACb,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACvB,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;aACtC;QACH,CAAC,CAAC;QAEF,iFAAiF;QACjF,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAE,EAAE;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,qDAAqD;QACrD,MAAM,cAAc,GAAG,CAAC,KAAgB,EAAE,EAAE;YAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;QACjE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAC;QACnE,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,SAAS,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;YACrC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,kBAAkB,CAAC,CAAC;YAC7D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC;YAC/D,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC9B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\n/**\n * A utility to determine whether or not a file is being currently dragged into the window.\n *\n * @returns An object with the following arguments:\n * `areFilesDragging`: True if a file is being dragged over the current window, false otherwise.\n */\nexport function useFilesDragging() {\n  const [areFilesDragging, setFilesDragging] = useState(false);\n\n  // Registering global drag events listeners.\n  useEffect(() => {\n    // The timer helps avoiding dropzone blinking.\n    let dragTimer: null | ReturnType<typeof setTimeout> = null;\n\n    // The file-upload dropzone is shown when the user drags files over to the browser.\n    const onDocumentDragOver = (event: DragEvent) => {\n      event.preventDefault();\n\n      let files = 0;\n      for (let item = 0; item < (event.dataTransfer?.types.length || 0); item++) {\n        if (event.dataTransfer?.types[item] === 'Files') {\n          files++;\n        }\n      }\n\n      if (files > 0) {\n        setFilesDragging(true);\n        dragTimer && clearTimeout(dragTimer);\n      }\n    };\n\n    // When the files are no longer dragged over the browser the state must be reset.\n    const onDocumentDragLeave = (event: DragEvent) => {\n      event.preventDefault();\n\n      dragTimer = setTimeout(() => setFilesDragging(false), 25);\n    };\n\n    // If the files were dropped the state must be reset.\n    const onDocumentDrop = (event: DragEvent) => {\n      event.preventDefault();\n\n      dragTimer = setTimeout(() => setFilesDragging(false), 25);\n    };\n\n    document.addEventListener('dragover', onDocumentDragOver, false);\n    document.addEventListener('dragleave', onDocumentDragLeave, false);\n    document.addEventListener('drop', onDocumentDrop, false);\n\n    return () => {\n      dragTimer && clearTimeout(dragTimer);\n      document.removeEventListener('dragover', onDocumentDragOver);\n      document.removeEventListener('dragleave', onDocumentDragLeave);\n      document.removeEventListener('drop', onDocumentDrop);\n    };\n  }, []);\n\n  return { areFilesDragging };\n}\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3279cb8e)";
+export var PACKAGE_VERSION = "3.0.0 (041e7e56)";
 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 (3279cb8e)",
+  "PACKAGE_VERSION": "3.0.0 (041e7e56)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.js

@@ -297,9 +297,9 @@ export var colorBackgroundAvatarDefault = "var(--color-background-avatar-default
 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-25z5e0, #424650)";
-export var colorTextChatBubbleIncoming = "var(--color-text-chat-bubble-incoming-t2slde, #424650)";
+export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-ljtp6c, #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 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)";

package/internal/generated/theming/index.cjs

@@ -1075,15 +1075,15 @@ module.exports.preset = {
       },
       "colorBackgroundChatBubbleIncoming": {
         "light": "{colorGrey150}",
-        "dark": "{colorGrey850}"
+        "dark": "{colorGrey900}"
       },
       "colorTextChatBubbleOutgoing": {
-        "light": "{colorTextBodySecondary}",
-        "dark": "{colorTextBodySecondary}"
+        "light": "{colorTextBodyDefault}",
+        "dark": "{colorTextBodyDefault}"
       },
       "colorTextChatBubbleIncoming": {
-        "light": "{colorTextBodySecondary}",
-        "dark": "{colorTextBodySecondary}"
+        "light": "{colorTextBodyDefault}",
+        "dark": "{colorTextBodyDefault}"
       },
       "colorBorderButtonNormalActive": {
         "light": "{colorBlue800}",
@@ -3309,16 +3309,16 @@ module.exports.preset = {
             "dark": "transparent"
           },
           "colorBackgroundChatBubbleIncoming": {
-            "light": "{colorGrey850}",
-            "dark": "{colorGrey850}"
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -4463,16 +4463,16 @@ module.exports.preset = {
             "dark": "transparent"
           },
           "colorBackgroundChatBubbleIncoming": {
-            "light": "{colorGrey850}",
-            "dark": "{colorGrey850}"
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorBlue400}",
@@ -5550,15 +5550,15 @@ module.exports.preset = {
           },
           "colorBackgroundChatBubbleIncoming": {
             "light": "{colorGrey150}",
-            "dark": "{colorGrey850}"
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorWhite}",
@@ -6636,15 +6636,15 @@ module.exports.preset = {
           },
           "colorBackgroundChatBubbleIncoming": {
             "light": "{colorGrey150}",
-            "dark": "{colorGrey850}"
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -7722,15 +7722,15 @@ module.exports.preset = {
           },
           "colorBackgroundChatBubbleIncoming": {
             "light": "{colorGrey150}",
-            "dark": "{colorGrey850}"
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -8809,16 +8809,16 @@ module.exports.preset = {
             "dark": "transparent"
           },
           "colorBackgroundChatBubbleIncoming": {
-            "light": "{colorGrey850}",
-            "dark": "{colorGrey850}"
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey900}"
           },
           "colorTextChatBubbleOutgoing": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorTextChatBubbleIncoming": {
-            "light": "{colorTextBodySecondary}",
-            "dark": "{colorTextBodySecondary}"
+            "light": "{colorTextBodyDefault}",
+            "dark": "{colorTextBodyDefault}"
           },
           "colorBorderButtonNormalActive": {
             "light": "{colorTextButtonNormalHover}",
@@ -11752,9 +11752,9 @@ module.exports.preset = {
     "colorTextAvatar": "--color-text-avatar-jddpvm",
     "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-25z5e0",
-    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-t2slde",
+    "colorBackgroundChatBubbleIncoming": "--color-background-chat-bubble-incoming-ljtp6c",
+    "colorTextChatBubbleOutgoing": "--color-text-chat-bubble-outgoing-bvbr0v",
+    "colorTextChatBubbleIncoming": "--color-text-chat-bubble-incoming-x2kig8",
     "colorBorderButtonNormalActive": "--color-border-button-normal-active-mn0ayd",
     "colorBorderButtonNormalDefault": "--color-border-button-normal-default-uzqi0v",
     "colorBorderToggleButtonNormalPressed": "--color-border-toggle-button-normal-pressed-lylxt2",