npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.813 → 3.0.815 - Mend

@cloudscape-design/components-themeable 3.0.813 → 3.0.815

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/lib/internal/template/internal/components/chart-plot/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-plot/index.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\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { KeyCode } from '../../keycode';\nimport { Offset } from '../interfaces';\nimport InternalLiveRegion from '../live-region/internal';\nimport ApplicationController, { ApplicationRef } from './application-controller';\nimport FocusOutline from './focus-outline';\n\nimport styles from './styles.css.js';\n\nconst DEFAULT_PLOT_FOCUS_OFFSET = 3;\nconst DEFAULT_ELEMENT_FOCUS_OFFSET = 3;\n\nexport interface ChartPlotRef {\n svg: SVGSVGElement;\n focusPlot(): void;\n focusApplication(): void;\n}\n\nexport interface ChartPlotProps {\n width: number \| string;\n height: number \| string;\n transform?: string;\n offsetTop?: number;\n offsetBottom?: number;\n offsetLeft?: number;\n offsetRight?: number;\n focusOffset?: number;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescription?: string;\n ariaDescribedby?: string;\n ariaRoleDescription?: string;\n activeElementKey?: null \| string \| number \| boolean;\n activeElementRef?: React.RefObject<SVGGElement>;\n activeElementFocusOffset?: Offset;\n ariaLiveRegion?: string;\n isClickable?: boolean;\n isPrecise?: boolean;\n onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onMouseMove?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onMouseOut?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onApplicationFocus?: (event: React.FocusEvent<SVGGElement>, trigger: 'mouse' \| 'keyboard') => void;\n onApplicationBlur?: (event: React.FocusEvent<SVGGElement>) => void;\n onKeyDown?: (event: React.KeyboardEvent<SVGGElement>) => void;\n children: React.ReactNode;\n}\n\n/*\n An extension for the SVG to be used for charts. It includes a controller element to\n handle the focus and keyboard interactions in a way that is supported by screen readers.\n\n The application mimics the aria-activedescendant behavior which is unsupported by Safari. The\n activeElementRef is the pointer to the secondary-focus element and activeElementKey denotes when\n the focus transition was made.\n\n Alternatively, ariaLiveRegion can be used to make announcements.\n/\nexport default forwardRef(ChartPlot);\n\nfunction ChartPlot(\n {\n width,\n height,\n transform,\n offsetTop,\n offsetBottom,\n offsetLeft,\n offsetRight,\n ariaLabel,\n ariaLabelledby,\n ariaRoleDescription,\n ariaDescription,\n ariaDescribedby,\n activeElementKey,\n activeElementRef,\n ariaLiveRegion,\n isClickable,\n isPrecise,\n children,\n onClick,\n onKeyDown,\n focusOffset = DEFAULT_PLOT_FOCUS_OFFSET,\n activeElementFocusOffset = DEFAULT_ELEMENT_FOCUS_OFFSET,\n onMouseMove,\n onMouseOut,\n onApplicationBlur,\n onApplicationFocus,\n }: ChartPlotProps,\n ref: React.Ref<ChartPlotRef>\n) {\n const i18n = useInternalI18n('[charts]');\n const svgRef = useRef<SVGSVGElement>(null);\n const applicationRef = useRef<ApplicationRef>(null);\n const plotClickedRef = useRef(false);\n const [isPlotFocused, setPlotFocused] = useState(false);\n const [isApplicationFocused, setApplicationFocused] = useState(false);\n\n const internalDescriptionId = useUniqueId('awsui-chart-plot__description');\n const ariaDescriptionId = [ariaDescription && internalDescriptionId, ariaDescribedby].filter(Boolean).join(' ');\n\n useImperativeHandle(ref, () => ({\n svg: svgRef.current!,\n focusPlot: () => svgRef.current!.focus(),\n focusApplication: () => applicationRef.current!.focus(),\n }));\n\n const onPlotMouseDown = () => {\n // Record the click was made for the application focus handler.\n plotClickedRef.current = true;\n };\n const onPlotFocus = (event: React.FocusEvent<SVGSVGElement>) => {\n // If focused via click or an element was highlighted,\n // focus the internal application, which will manage and show focus accordingly on its internal elements.\n if (plotClickedRef.current \|\| !!activeElementKey) {\n applicationRef.current!.focus();\n } else if (event.target === svgRef.current) {\n // Otherwise, focus the entire plot if it was focused with the keyboard.\n setPlotFocused(true);\n }\n };\n const onPlotClick = (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => {\n onClick && onClick(event);\n };\n const onPlotBlur = (event: React.FocusEvent<SVGSVGElement>) => {\n if (event.target === svgRef.current) {\n setPlotFocused(false);\n }\n };\n // Once one of the expected keys is pressed the focus is delegated to the application controller.\n const onPlotKeyDown = (event: React.KeyboardEvent) => {\n if (isPlotFocused) {\n // Delegate the focus to the application if one of the expected keys was pressed.\n const codes = [KeyCode.space, KeyCode.enter, KeyCode.up, KeyCode.left, KeyCode.right, KeyCode.down];\n if (codes.indexOf(event.keyCode) !== -1) {\n applicationRef.current!.focus();\n }\n }\n };\n\n const onPlotApplicationFocus = (event: React.FocusEvent<SVGGElement>) => {\n onApplicationFocus && onApplicationFocus(event, plotClickedRef.current ? 'mouse' : 'keyboard');\n // \"Release\" the click reference to not affect the next call of this handler.\n plotClickedRef.current = false;\n setApplicationFocused(true);\n };\n const onPlotApplicationBlur = (event: React.FocusEvent<SVGGElement>) => {\n onApplicationBlur && onApplicationBlur(event);\n setApplicationFocused(false);\n };\n const onApplicationKeyDown = onKeyDown;\n\n const plotFocusable = !isApplicationFocused;\n const plotTabIndex = plotFocusable ? 0 : -1;\n const plotAria = !isApplicationFocused\n ? {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescriptionId,\n 'aria-roledescription': i18n('i18nStrings.chartAriaRoleDescription', ariaRoleDescription),\n }\n : {};\n\n return (\n <>\n <svg\n onMouseMove={onMouseMove}\n onMouseOut={onMouseOut}\n focusable={plotFocusable}\n tabIndex={plotTabIndex}\n role=\"application\"\n aria-hidden=\"false\"\n {...plotAria}\n ref={svgRef}\n style={{\n width,\n height,\n marginTop: offsetTop,\n marginBottom: offsetBottom,\n marginLeft: offsetLeft,\n marginRight: offsetRight,\n }}\n className={clsx(styles.root, {\n [styles.clickable]: isClickable,\n [styles.precise]: isPrecise,\n })}\n onMouseDown={onPlotMouseDown}\n onClick={onPlotClick}\n onFocus={onPlotFocus}\n onBlur={onPlotBlur}\n onKeyDown={onPlotKeyDown}\n >\n <FocusOutline elementRef={svgRef} elementKey={isPlotFocused} offset={focusOffset} />\n\n <g transform={transform}>\n <ApplicationController\n activeElementKey={(isApplicationFocused && activeElementKey) \|\| null}\n activeElementRef={activeElementRef}\n ref={applicationRef}\n onFocus={onPlotApplicationFocus}\n onBlur={onPlotApplicationBlur}\n onKeyDown={onApplicationKeyDown}\n />\n\n {/* Only show description when plot is focusable to avoid repetition in Safari and Firefox */}\n {ariaDescription && plotFocusable && (\n <desc aria-hidden=\"true\" id={internalDescriptionId}>\n {ariaDescription}\n </desc>\n )}\n\n {children}\n\n <FocusOutline\n elementRef={activeElementRef}\n elementKey={isApplicationFocused && activeElementKey}\n offset={activeElementFocusOffset}\n />\n </g>\n </svg>\n\n <InternalLiveRegion hidden={true} tagName=\"span\">\n {ariaLiveRegion}\n </InternalLiveRegion>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-plot/index.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\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalLiveRegion from '../../../live-region/internal';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { KeyCode } from '../../keycode';\nimport { Offset } from '../interfaces';\nimport ApplicationController, { ApplicationRef } from './application-controller';\nimport FocusOutline from './focus-outline';\n\nimport styles from './styles.css.js';\n\nconst DEFAULT_PLOT_FOCUS_OFFSET = 3;\nconst DEFAULT_ELEMENT_FOCUS_OFFSET = 3;\n\nexport interface ChartPlotRef {\n svg: SVGSVGElement;\n focusPlot(): void;\n focusApplication(): void;\n}\n\nexport interface ChartPlotProps {\n width: number \| string;\n height: number \| string;\n transform?: string;\n offsetTop?: number;\n offsetBottom?: number;\n offsetLeft?: number;\n offsetRight?: number;\n focusOffset?: number;\n ariaLabel?: string;\n ariaLabelledby?: string;\n ariaDescription?: string;\n ariaDescribedby?: string;\n ariaRoleDescription?: string;\n activeElementKey?: null \| string \| number \| boolean;\n activeElementRef?: React.RefObject<SVGGElement>;\n activeElementFocusOffset?: Offset;\n ariaLiveRegion?: string;\n isClickable?: boolean;\n isPrecise?: boolean;\n onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onMouseMove?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onMouseOut?: (event: React.MouseEvent<SVGSVGElement>) => void;\n onApplicationFocus?: (event: React.FocusEvent<SVGGElement>, trigger: 'mouse' \| 'keyboard') => void;\n onApplicationBlur?: (event: React.FocusEvent<SVGGElement>) => void;\n onKeyDown?: (event: React.KeyboardEvent<SVGGElement>) => void;\n children: React.ReactNode;\n}\n\n/*\n An extension for the SVG to be used for charts. It includes a controller element to\n handle the focus and keyboard interactions in a way that is supported by screen readers.\n\n The application mimics the aria-activedescendant behavior which is unsupported by Safari. The\n activeElementRef is the pointer to the secondary-focus element and activeElementKey denotes when\n the focus transition was made.\n\n Alternatively, ariaLiveRegion can be used to make announcements.\n/\nexport default forwardRef(ChartPlot);\n\nfunction ChartPlot(\n {\n width,\n height,\n transform,\n offsetTop,\n offsetBottom,\n offsetLeft,\n offsetRight,\n ariaLabel,\n ariaLabelledby,\n ariaRoleDescription,\n ariaDescription,\n ariaDescribedby,\n activeElementKey,\n activeElementRef,\n ariaLiveRegion,\n isClickable,\n isPrecise,\n children,\n onClick,\n onKeyDown,\n focusOffset = DEFAULT_PLOT_FOCUS_OFFSET,\n activeElementFocusOffset = DEFAULT_ELEMENT_FOCUS_OFFSET,\n onMouseMove,\n onMouseOut,\n onApplicationBlur,\n onApplicationFocus,\n }: ChartPlotProps,\n ref: React.Ref<ChartPlotRef>\n) {\n const i18n = useInternalI18n('[charts]');\n const svgRef = useRef<SVGSVGElement>(null);\n const applicationRef = useRef<ApplicationRef>(null);\n const plotClickedRef = useRef(false);\n const [isPlotFocused, setPlotFocused] = useState(false);\n const [isApplicationFocused, setApplicationFocused] = useState(false);\n\n const internalDescriptionId = useUniqueId('awsui-chart-plot__description');\n const ariaDescriptionId = [ariaDescription && internalDescriptionId, ariaDescribedby].filter(Boolean).join(' ');\n\n useImperativeHandle(ref, () => ({\n svg: svgRef.current!,\n focusPlot: () => svgRef.current!.focus(),\n focusApplication: () => applicationRef.current!.focus(),\n }));\n\n const onPlotMouseDown = () => {\n // Record the click was made for the application focus handler.\n plotClickedRef.current = true;\n };\n const onPlotFocus = (event: React.FocusEvent<SVGSVGElement>) => {\n // If focused via click or an element was highlighted,\n // focus the internal application, which will manage and show focus accordingly on its internal elements.\n if (plotClickedRef.current \|\| !!activeElementKey) {\n applicationRef.current!.focus();\n } else if (event.target === svgRef.current) {\n // Otherwise, focus the entire plot if it was focused with the keyboard.\n setPlotFocused(true);\n }\n };\n const onPlotClick = (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => {\n onClick && onClick(event);\n };\n const onPlotBlur = (event: React.FocusEvent<SVGSVGElement>) => {\n if (event.target === svgRef.current) {\n setPlotFocused(false);\n }\n };\n // Once one of the expected keys is pressed the focus is delegated to the application controller.\n const onPlotKeyDown = (event: React.KeyboardEvent) => {\n if (isPlotFocused) {\n // Delegate the focus to the application if one of the expected keys was pressed.\n const codes = [KeyCode.space, KeyCode.enter, KeyCode.up, KeyCode.left, KeyCode.right, KeyCode.down];\n if (codes.indexOf(event.keyCode) !== -1) {\n applicationRef.current!.focus();\n }\n }\n };\n\n const onPlotApplicationFocus = (event: React.FocusEvent<SVGGElement>) => {\n onApplicationFocus && onApplicationFocus(event, plotClickedRef.current ? 'mouse' : 'keyboard');\n // \"Release\" the click reference to not affect the next call of this handler.\n plotClickedRef.current = false;\n setApplicationFocused(true);\n };\n const onPlotApplicationBlur = (event: React.FocusEvent<SVGGElement>) => {\n onApplicationBlur && onApplicationBlur(event);\n setApplicationFocused(false);\n };\n const onApplicationKeyDown = onKeyDown;\n\n const plotFocusable = !isApplicationFocused;\n const plotTabIndex = plotFocusable ? 0 : -1;\n const plotAria = !isApplicationFocused\n ? {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescriptionId,\n 'aria-roledescription': i18n('i18nStrings.chartAriaRoleDescription', ariaRoleDescription),\n }\n : {};\n\n return (\n <>\n <svg\n onMouseMove={onMouseMove}\n onMouseOut={onMouseOut}\n focusable={plotFocusable}\n tabIndex={plotTabIndex}\n role=\"application\"\n aria-hidden=\"false\"\n {...plotAria}\n ref={svgRef}\n style={{\n width,\n height,\n marginTop: offsetTop,\n marginBottom: offsetBottom,\n marginLeft: offsetLeft,\n marginRight: offsetRight,\n }}\n className={clsx(styles.root, {\n [styles.clickable]: isClickable,\n [styles.precise]: isPrecise,\n })}\n onMouseDown={onPlotMouseDown}\n onClick={onPlotClick}\n onFocus={onPlotFocus}\n onBlur={onPlotBlur}\n onKeyDown={onPlotKeyDown}\n >\n <FocusOutline elementRef={svgRef} elementKey={isPlotFocused} offset={focusOffset} />\n\n <g transform={transform}>\n <ApplicationController\n activeElementKey={(isApplicationFocused && activeElementKey) \|\| null}\n activeElementRef={activeElementRef}\n ref={applicationRef}\n onFocus={onPlotApplicationFocus}\n onBlur={onPlotApplicationBlur}\n onKeyDown={onApplicationKeyDown}\n />\n\n {/* Only show description when plot is focusable to avoid repetition in Safari and Firefox */}\n {ariaDescription && plotFocusable && (\n <desc aria-hidden=\"true\" id={internalDescriptionId}>\n {ariaDescription}\n </desc>\n )}\n\n {children}\n\n <FocusOutline\n elementRef={activeElementRef}\n elementKey={isApplicationFocused && activeElementKey}\n offset={activeElementFocusOffset}\n />\n </g>\n </svg>\n\n <InternalLiveRegion hidden={true} tagName=\"span\">\n {ariaLiveRegion}\n </InternalLiveRegion>\n </>\n );\n}\n"]}

package/lib/internal/template/internal/components/chart-status-container/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-status-container/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;~~AAKvC~~,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,cAAc,CAAC;~~AAKjF~~,UAAU,yBAA0B,SAAQ,kBAAkB;IAC5D,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAE7C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAG5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,EACnC,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE;IACD,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;CAC9C;;;;EAKA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,eAwC3B"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-status-container/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAIjF,UAAU,yBAA0B,SAAQ,kBAAkB;IAC5D,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;IAE7C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,eAAe,CAAC,EAAE,yBAAyB,CAAC;IAG5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,EACnC,YAAY,EACZ,WAAW,EACX,UAAU,GACX,EAAE;IACD,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;CAC9C;;;;EAKA;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,yBAAyB,eAwC3B"}

package/lib/internal/template/internal/components/chart-status-container/index.js CHANGED Viewed

@@ -3,9 +3,9 @@
 import React, { useMemo } from 'react';
 import { useInternalI18n } from '../../../i18n/context';
 import InternalLink from '../../../link/internal';
+import InternalLiveRegion from '../../../live-region/internal';
 import InternalStatusIndicator from '../../../status-indicator/internal';
 import { fireNonCancelableEvent } from '../../events';
-import InternalLiveRegion from '../live-region/internal';
 import styles from './styles.css.js';
 export function getChartStatus({ externalData, visibleData, statusType, }) {
     const isEmpty = !visibleData || visibleData.length === 0;

package/lib/internal/template/internal/components/chart-status-container/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-status-container/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;~~AACjF~~,OAAO,~~kBAAkB,~~MAAM,~~yBAAyB,CAAC;AAEzD,OAAO,~~MAAM,~~MAAM,~~iBAAiB,CAAC;AAoBrC,MAAM,UAAU,cAAc,CAAO,EACnC,YAAY,EACZ,WAAW,EACX,UAAU,GAKX;IACC,MAAM,OAAO,GAAG,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,OAAO,IAAI,WAAW,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,CAAC;IACxE,MAAM,SAAS,GAAG,UAAU,KAAK,UAAU,IAAI,CAAC,OAAO,CAAC;IACxD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,GACiB;IAC1B,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,mBAAmB,GAAG,CAAC,KAAkB,EAAE,EAAE;YACjD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,IAAI,UAAU,KAAK,OAAO,EAAE;YAC1B,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;YAChE,OAAO,CACL;gBACE,oBAAC,uBAAuB,IAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAA2B;gBAAC,GAAG;gBACjG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,eAAe,IAAI,CAC9C,oBAAC,YAAY,IAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAC,UAAU,IAC5D,oBAAoB,CACR,CAChB,CACI,CACR,CAAC;SACH;QAED,IAAI,UAAU,KAAK,SAAS,EAAE;YAC5B,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAA2B,CAAC;SAC7G;QAED,IAAI,SAAS,EAAE;YACb,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,OAAO,CAAO,CAAC;SACtD;QAED,IAAI,OAAO,EAAE;YACX,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC;SACpD;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElH,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,kBAAkB,QAAE,CAAC,SAAS,IAAI,eAAe,CAAsB,CACpE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalLink from '../../../link/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport { BaseComponentProps } from '../../base-component';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\~~nimport InternalLiveRegion from '../live-region/internal';\~~n\nimport styles from './styles.css.js';\n\ninterface ChartStatusContainerProps extends BaseComponentProps {\n statusType: 'loading' \| 'finished' \| 'error';\n\n empty?: React.ReactNode;\n noMatch?: React.ReactNode;\n\n loadingText?: string;\n errorText?: string;\n recoveryText?: string;\n\n onRecoveryClick?: NonCancelableEventHandler;\n\n // From `getChartStatus`\n isEmpty?: boolean;\n isNoMatch?: boolean;\n showChart?: boolean;\n}\n\nexport function getChartStatus<T, U>({\n externalData,\n visibleData,\n statusType,\n}: {\n externalData: ReadonlyArray<T>;\n visibleData: ReadonlyArray<U>;\n statusType: 'loading' \| 'finished' \| 'error';\n}) {\n const isEmpty = !visibleData \|\| visibleData.length === 0;\n const isNoMatch = isEmpty && visibleData.length !== externalData.length;\n const showChart = statusType === 'finished' && !isEmpty;\n return { isEmpty, isNoMatch, showChart };\n}\n\nexport default function ChartStatusContainer({\n statusType,\n errorText,\n loadingText,\n recoveryText,\n noMatch,\n empty,\n onRecoveryClick,\n isNoMatch,\n isEmpty,\n showChart,\n}: ChartStatusContainerProps) {\n const i18n = useInternalI18n('[charts]');\n\n const statusContainer = useMemo(() => {\n const handleRecoveryClick = (event: CustomEvent) => {\n event.preventDefault();\n fireNonCancelableEvent(onRecoveryClick);\n };\n if (statusType === 'error') {\n const renderedRecoveryText = i18n('recoveryText', recoveryText);\n return (\n <span>\n <InternalStatusIndicator type=\"error\">{i18n('errorText', errorText)}</InternalStatusIndicator>{' '}\n {!!renderedRecoveryText && !!onRecoveryClick && (\n <InternalLink onFollow={handleRecoveryClick} variant=\"recovery\">\n {renderedRecoveryText}\n </InternalLink>\n )}\n </span>\n );\n }\n\n if (statusType === 'loading') {\n return <InternalStatusIndicator type=\"loading\">{i18n('loadingText', loadingText)}</InternalStatusIndicator>;\n }\n\n if (isNoMatch) {\n return <div className={styles.empty}>{noMatch}</div>;\n }\n\n if (isEmpty) {\n return <div className={styles.empty}>{empty}</div>;\n }\n }, [i18n, statusType, onRecoveryClick, isEmpty, isNoMatch, recoveryText, loadingText, errorText, empty, noMatch]);\n\n return (\n <div className={styles.root}>\n <InternalLiveRegion>{!showChart && statusContainer}</InternalLiveRegion>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-status-container/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAEjF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,UAAU,cAAc,CAAO,EACnC,YAAY,EACZ,WAAW,EACX,UAAU,GAKX;IACC,MAAM,OAAO,GAAG,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,OAAO,IAAI,WAAW,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,CAAC;IACxE,MAAM,SAAS,GAAG,UAAU,KAAK,UAAU,IAAI,CAAC,OAAO,CAAC;IACxD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,UAAU,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,GACiB;IAC1B,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,mBAAmB,GAAG,CAAC,KAAkB,EAAE,EAAE;YACjD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,sBAAsB,CAAC,eAAe,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,IAAI,UAAU,KAAK,OAAO,EAAE;YAC1B,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;YAChE,OAAO,CACL;gBACE,oBAAC,uBAAuB,IAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAA2B;gBAAC,GAAG;gBACjG,CAAC,CAAC,oBAAoB,IAAI,CAAC,CAAC,eAAe,IAAI,CAC9C,oBAAC,YAAY,IAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAC,UAAU,IAC5D,oBAAoB,CACR,CAChB,CACI,CACR,CAAC;SACH;QAED,IAAI,UAAU,KAAK,SAAS,EAAE;YAC5B,OAAO,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAA2B,CAAC;SAC7G;QAED,IAAI,SAAS,EAAE;YACb,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,OAAO,CAAO,CAAC;SACtD;QAED,IAAI,OAAO,EAAE;YACX,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CAAC;SACpD;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElH,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,oBAAC,kBAAkB,QAAE,CAAC,SAAS,IAAI,eAAe,CAAsB,CACpE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalLink from '../../../link/internal';\nimport InternalLiveRegion from '../../../live-region/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport { BaseComponentProps } from '../../base-component';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\n\nimport styles from './styles.css.js';\n\ninterface ChartStatusContainerProps extends BaseComponentProps {\n statusType: 'loading' \| 'finished' \| 'error';\n\n empty?: React.ReactNode;\n noMatch?: React.ReactNode;\n\n loadingText?: string;\n errorText?: string;\n recoveryText?: string;\n\n onRecoveryClick?: NonCancelableEventHandler;\n\n // From `getChartStatus`\n isEmpty?: boolean;\n isNoMatch?: boolean;\n showChart?: boolean;\n}\n\nexport function getChartStatus<T, U>({\n externalData,\n visibleData,\n statusType,\n}: {\n externalData: ReadonlyArray<T>;\n visibleData: ReadonlyArray<U>;\n statusType: 'loading' \| 'finished' \| 'error';\n}) {\n const isEmpty = !visibleData \|\| visibleData.length === 0;\n const isNoMatch = isEmpty && visibleData.length !== externalData.length;\n const showChart = statusType === 'finished' && !isEmpty;\n return { isEmpty, isNoMatch, showChart };\n}\n\nexport default function ChartStatusContainer({\n statusType,\n errorText,\n loadingText,\n recoveryText,\n noMatch,\n empty,\n onRecoveryClick,\n isNoMatch,\n isEmpty,\n showChart,\n}: ChartStatusContainerProps) {\n const i18n = useInternalI18n('[charts]');\n\n const statusContainer = useMemo(() => {\n const handleRecoveryClick = (event: CustomEvent) => {\n event.preventDefault();\n fireNonCancelableEvent(onRecoveryClick);\n };\n if (statusType === 'error') {\n const renderedRecoveryText = i18n('recoveryText', recoveryText);\n return (\n <span>\n <InternalStatusIndicator type=\"error\">{i18n('errorText', errorText)}</InternalStatusIndicator>{' '}\n {!!renderedRecoveryText && !!onRecoveryClick && (\n <InternalLink onFollow={handleRecoveryClick} variant=\"recovery\">\n {renderedRecoveryText}\n </InternalLink>\n )}\n </span>\n );\n }\n\n if (statusType === 'loading') {\n return <InternalStatusIndicator type=\"loading\">{i18n('loadingText', loadingText)}</InternalStatusIndicator>;\n }\n\n if (isNoMatch) {\n return <div className={styles.empty}>{noMatch}</div>;\n }\n\n if (isEmpty) {\n return <div className={styles.empty}>{empty}</div>;\n }\n }, [i18n, statusType, onRecoveryClick, isEmpty, isNoMatch, recoveryText, loadingText, errorText, empty, noMatch]);\n\n return (\n <div className={styles.root}>\n <InternalLiveRegion>{!showChart && statusContainer}</InternalLiveRegion>\n </div>\n );\n}\n"]}

package/lib/internal/template/internal/components/dropdown-footer/index.js CHANGED Viewed

@@ -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/lib/internal/template/internal/components/dropdown-footer/index.js.map CHANGED Viewed

	@@ -1 +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"]}
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,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/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -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/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -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/lib/internal/template/internal/generated/styles/tokens.js CHANGED Viewed

@@ -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/lib/internal/template/internal/generated/theming/index.cjs CHANGED Viewed

@@ -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/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED Viewed

@@ -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/lib/internal/template/internal/generated/theming/index.d.ts CHANGED Viewed

@@ -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'>;