npm - @cloudscape-design/components - Versions diffs - 3.0.658 → 3.0.659 - Mend

@cloudscape-design/components 3.0.658 → 3.0.659

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 (15) hide show

package/code-editor/status-bar.d.ts +1 -1
package/code-editor/status-bar.d.ts.map +1 -1
package/code-editor/status-bar.js +9 -26
package/code-editor/status-bar.js.map +1 -1
package/code-editor/styles.css.js +33 -32
package/code-editor/styles.scoped.css +156 -137
package/code-editor/styles.selectors.js +33 -32
package/code-editor/tab-button.d.ts +1 -0
package/code-editor/tab-button.d.ts.map +1 -1
package/code-editor/tab-button.js +3 -3
package/code-editor/tab-button.js.map +1 -1
package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1

package/code-editor/status-bar.d.ts CHANGED Viewed

@@ -20,6 +20,6 @@ interface StatusBarProps {
     onPreferencesOpen: () => void;
     onHeightChange?: (height: number | null) => void;
 }
-export declare const StatusBar: ({ errorsTabRef, warningsTabRef, ...restProps }: StatusBarProps) => JSX.Element;
+export declare function StatusBar({ languageLabel, cursorPosition, paneStatus, onErrorPaneToggle, onWarningPaneToggle, onTabFocus, onTabBlur, errorsTabRef, warningsTabRef, isTabFocused, paneId, onPreferencesOpen, i18nStrings, errorCount, warningCount, isRefresh, }: StatusBarProps): JSX.Element;
 export {};
 //# sourceMappingURL=status-bar.d.ts.map

package/code-editor/status-bar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../src/code-editor/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;~~AAG~~/C,OAAO,EAAqB,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEvD,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEpD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;~~AAoHD~~,~~eAAO~~,MAAM,SAAS,~~mDAAoD~~,cAAc,~~gBAqBvF,CAAC~~"}
1	+ {"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../../src/code-editor/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAqB,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEvD,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEpD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACxD,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,cAAc,EACd,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,GACV,EAAE,cAAc,eAgFhB"}

package/code-editor/status-bar.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
@@ -8,28 +7,23 @@ import LiveRegion from '../internal/components/live-region/index';
 import { TabButton } from './tab-button';
 import { InternalButton } from '../button/internal';
 import { useInternalI18n } from '../i18n/context.js';
-import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { getStatusButtonId } from './util';
-function InternalStatusBar({ languageLabel, cursorPosition, paneStatus, onErrorPaneToggle, onWarningPaneToggle, onTabFocus, onTabBlur, errorsTabRef, warningsTabRef, isTabFocused, paneId, onPreferencesOpen, i18nStrings, errorCount, warningCount, leftBarRef, isVirtual, minifyCounters, isRefresh, }) {
+export function StatusBar({ languageLabel, cursorPosition, paneStatus, onErrorPaneToggle, onWarningPaneToggle, onTabFocus, onTabBlur, errorsTabRef, warningsTabRef, isTabFocused, paneId, onPreferencesOpen, i18nStrings, errorCount, warningCount, isRefresh, }) {
     const i18n = useInternalI18n('code-editor');
     const errorText = `${i18n('i18nStrings.errorsTab', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.errorsTab)}: ${errorCount}`;
     const warningText = `${i18n('i18nStrings.warningsTab', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.warningsTab)}: ${warningCount}`;
-    const errorButtonId = !isVirtual ? getStatusButtonId({ paneId, paneStatus: 'error' }) : undefined;
-    const warningButtonId = !isVirtual ? getStatusButtonId({ paneId, paneStatus: 'warning' }) : undefined;
-    // Virtual status bar is inaccessible for screen readers and keyboard interactions.
+    const errorButtonId = getStatusButtonId({ paneId, paneStatus: 'error' });
+    const warningButtonId = getStatusButtonId({ paneId, paneStatus: 'warning' });
     return (React.createElement("div", { className: clsx(styles['status-bar'], {
             [styles['status-bar-with-hidden-pane']]: paneStatus === 'hidden',
-            [styles['status-bar-virtual']]: isVirtual,
-        }), "aria-hidden": isVirtual },
-        React.createElement("div", { className: clsx(styles['status-bar__left'], {
-                [styles['status-bar__left-virtual']]: isVirtual,
-            }), ref: leftBarRef },
+        }) },
+        React.createElement("div", { className: clsx(styles['status-bar__left']) },
             React.createElement("span", { className: styles['status-bar__language-mode'] }, languageLabel),
             React.createElement("span", { className: styles['status-bar__cursor-position'] }, cursorPosition),
-            React.createElement("div", { role: "tablist" },
-                React.createElement(TabButton, { id: errorButtonId, text: minifyCounters ? ` ${errorCount}` : errorText, className: styles['tab-button--errors'], iconName: "status-negative", disabled: errorCount === 0 || isVirtual, active: paneStatus === 'error', onClick: onErrorPaneToggle, onFocus: onTabFocus, onBlur: onTabBlur, ref: errorsTabRef, ariaLabel: errorText, paneId: paneId, isRefresh: isRefresh }),
+            React.createElement("div", { className: styles['tab-list'], role: "tablist" },
+                React.createElement(TabButton, { id: errorButtonId, count: errorCount, text: errorText, className: styles['tab-button--errors'], iconName: "status-negative", disabled: errorCount === 0, active: paneStatus === 'error', onClick: onErrorPaneToggle, onFocus: onTabFocus, onBlur: onTabBlur, ref: errorsTabRef, ariaLabel: errorText, paneId: paneId, isRefresh: isRefresh }),
                 React.createElement("span", { className: styles['tab-button--divider'] }),
-                React.createElement(TabButton, { id: warningButtonId, text: minifyCounters ? ` ${warningCount}` : warningText, className: styles['tab-button--warnings'], iconName: "status-warning", disabled: warningCount === 0 || isVirtual, active: paneStatus === 'warning', onClick: onWarningPaneToggle, onFocus: onTabFocus, onBlur: onTabBlur, ref: warningsTabRef, tabIndex: paneStatus === 'error' && isTabFocused ? -1 : undefined, ariaHidden: paneStatus === 'error' && isTabFocused ? true : undefined, ariaLabel: warningText, paneId: paneId, isRefresh: isRefresh })),
+                React.createElement(TabButton, { id: warningButtonId, count: warningCount, text: warningText, className: styles['tab-button--warnings'], iconName: "status-warning", disabled: warningCount === 0, active: paneStatus === 'warning', onClick: onWarningPaneToggle, onFocus: onTabFocus, onBlur: onTabBlur, ref: warningsTabRef, tabIndex: paneStatus === 'error' && isTabFocused ? -1 : undefined, ariaHidden: paneStatus === 'error' && isTabFocused ? true : undefined, ariaLabel: warningText, paneId: paneId, isRefresh: isRefresh })),
             React.createElement(LiveRegion, { assertive: true },
                 React.createElement("span", null,
                     errorText,
@@ -37,20 +31,9 @@ function InternalStatusBar({ languageLabel, cursorPosition, paneStatus, onErrorP
                 React.createElement("span", null, warningText))),
         React.createElement("div", { className: styles['status-bar__right'] },
             React.createElement("div", { className: styles['status-bar__cog-button'] },
-                React.createElement(InternalButton, { disabled: isVirtual, formAction: "none", variant: "icon", iconName: "settings", iconAlt: "Settings", ariaLabel: i18n('i18nStrings.preferencesButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.preferencesButtonAriaLabel), onClick: onPreferencesOpen, __nativeAttributes: {
+                React.createElement(InternalButton, { formAction: "none", variant: "icon", iconName: "settings", iconAlt: "Settings", ariaLabel: i18n('i18nStrings.preferencesButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.preferencesButtonAriaLabel), onClick: onPreferencesOpen, __nativeAttributes: {
                         tabIndex: paneStatus !== 'hidden' && isTabFocused ? -1 : undefined,
                         'aria-hidden': paneStatus !== 'hidden' && isTabFocused ? true : undefined,
                     } })))));
 }
-export const StatusBar = (_a) => {
-    var { errorsTabRef, warningsTabRef } = _a, restProps = __rest(_a, ["errorsTabRef", "warningsTabRef"]);
-    // create a virtual status bar, in order to calculate the width with full tab button text
-    // and decide if tab button text needs to be reduced
-    const [realWidth, statusLeftBarRef] = useContainerQuery(rect => rect.contentBoxWidth);
-    const [virtualWidth, virtualStatusLeftBarRef] = useContainerQuery(rect => rect.contentBoxWidth);
-    const minifyCounters = virtualWidth !== null && realWidth !== null && virtualWidth > realWidth;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InternalStatusBar, Object.assign({}, restProps, { isVirtual: false, leftBarRef: statusLeftBarRef, errorsTabRef: errorsTabRef, warningsTabRef: warningsTabRef, minifyCounters: minifyCounters })),
-        React.createElement(InternalStatusBar, Object.assign({}, restProps, { isVirtual: true, leftBarRef: virtualStatusLeftBarRef, minifyCounters: false }))));
-};
 //# sourceMappingURL=status-bar.js.map

package/code-editor/status-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status-bar.js","sourceRoot":"","sources":["../../../src/code-editor/status-bar.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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport LiveRegion from '../internal/components/live-region/index';\nimport { TabButton } from './tab-button';\nimport { InternalButton } from '../button/internal';\nimport { CodeEditorProps } from './interfaces';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { getStatusButtonId, PaneStatus } from './util';\n\ninterface StatusBarProps {\n languageLabel: string;\n cursorPosition?: string;\n paneStatus: PaneStatus;\n isTabFocused: boolean;\n paneId?: string;\n i18nStrings?: CodeEditorProps.I18nStrings;\n errorCount: number;\n warningCount: number;\n isRefresh: boolean;\n\n errorsTabRef?: React.RefObject<HTMLButtonElement>;\n warningsTabRef?: React.RefObject<HTMLButtonElement>;\n\n onErrorPaneToggle: () => void;\n onWarningPaneToggle: () => void;\n onTabFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onTabBlur?: React.FocusEventHandler<HTMLButtonElement>;\n onPreferencesOpen: () => void;\n onHeightChange?: (height: number \| null) => void;\n}\n\ntype InternalStatusBarProps = StatusBarProps & {\n leftBarRef: React.Ref<HTMLDivElement>;\n isVirtual: boolean;\n minifyCounters: boolean;\n};\n\nfunction InternalStatusBar({\n languageLabel,\n cursorPosition,\n paneStatus,\n onErrorPaneToggle,\n onWarningPaneToggle,\n onTabFocus,\n onTabBlur,\n errorsTabRef,\n warningsTabRef,\n isTabFocused,\n paneId,\n onPreferencesOpen,\n i18nStrings,\n errorCount,\n warningCount,\n leftBarRef,\n isVirtual,\n minifyCounters,\n isRefresh,\n}: InternalStatusBarProps) {\n const i18n = useInternalI18n('code-editor');\n const errorText = `${i18n('i18nStrings.errorsTab', i18nStrings?.errorsTab)}: ${errorCount}`;\n const warningText = `${i18n('i18nStrings.warningsTab', i18nStrings?.warningsTab)}: ${warningCount}`;\n const errorButtonId = !isVirtual ? getStatusButtonId({ paneId, paneStatus: 'error' }) : undefined;\n const warningButtonId = !isVirtual ? getStatusButtonId({ paneId, paneStatus: 'warning' }) : undefined;\n\n // Virtual status bar is inaccessible for screen readers and keyboard interactions.\n\n return (\n <div\n className={clsx(styles['status-bar'], {\n [styles['status-bar-with-hidden-pane']]: paneStatus === 'hidden',\n [styles['status-bar-virtual']]: isVirtual,\n })}\n aria-hidden={isVirtual}\n >\n <div\n className={clsx(styles['status-bar__left'], {\n [styles['status-bar__left-virtual']]: isVirtual,\n })}\n ref={leftBarRef}\n >\n <span className={styles['status-bar__language-mode']}>{languageLabel}</span>\n <span className={styles['status-bar__cursor-position']}>{cursorPosition}</span>\n\n <div role=\"tablist\">\n <TabButton\n id={errorButtonId}\n text={minifyCounters ? ` ${errorCount}` : errorText}\n className={styles['tab-button--errors']}\n iconName=\"status-negative\"\n disabled={errorCount === 0 \|\| isVirtual}\n active={paneStatus === 'error'}\n onClick={onErrorPaneToggle}\n onFocus={onTabFocus}\n onBlur={onTabBlur}\n ref={errorsTabRef}\n ariaLabel={errorText}\n paneId={paneId}\n isRefresh={isRefresh}\n />\n <span className={styles['tab-button--divider']}></span>\n <TabButton\n id={warningButtonId}\n text={minifyCounters ? ` ${warningCount}` : warningText}\n className={styles['tab-button--warnings']}\n iconName=\"status-warning\"\n disabled={warningCount === 0 \|\| isVirtual}\n active={paneStatus === 'warning'}\n onClick={onWarningPaneToggle}\n onFocus={onTabFocus}\n onBlur={onTabBlur}\n ref={warningsTabRef}\n tabIndex={paneStatus === 'error' && isTabFocused ? -1 : undefined}\n ariaHidden={paneStatus === 'error' && isTabFocused ? true : undefined}\n ariaLabel={warningText}\n paneId={paneId}\n isRefresh={isRefresh}\n />\n </div>\n <LiveRegion assertive={true}>\n <span>{errorText} </span>\n <span>{warningText}</span>\n </LiveRegion>\n </div>\n\n <div className={styles['status-bar__right']}>\n <div className={styles['status-bar__cog-button']}>\n <InternalButton\n disabled={isVirtual}\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"settings\"\n iconAlt=\"Settings\"\n ariaLabel={i18n('i18nStrings.preferencesButtonAriaLabel', i18nStrings?.preferencesButtonAriaLabel)}\n onClick={onPreferencesOpen}\n __nativeAttributes={{\n tabIndex: paneStatus !== 'hidden' && isTabFocused ? -1 : undefined,\n 'aria-hidden': paneStatus !== 'hidden' && isTabFocused ? true : undefined,\n }}\n />\n </div>\n </div>\n </div>\n );\n}\n\nexport const StatusBar = ({ errorsTabRef, warningsTabRef, ...restProps }: StatusBarProps) => {\n // create a virtual status bar, in order to calculate the width with full tab button text\n // and decide if tab button text needs to be reduced\n const [realWidth, statusLeftBarRef] = useContainerQuery(rect => rect.contentBoxWidth);\n const [virtualWidth, virtualStatusLeftBarRef] = useContainerQuery(rect => rect.contentBoxWidth);\n\n const minifyCounters = virtualWidth !== null && realWidth !== null && virtualWidth > realWidth;\n\n return (\n <>\n <InternalStatusBar\n {...restProps}\n isVirtual={false}\n leftBarRef={statusLeftBarRef}\n errorsTabRef={errorsTabRef}\n warningsTabRef={warningsTabRef}\n minifyCounters={minifyCounters}\n />\n <InternalStatusBar {...restProps} isVirtual={true} leftBarRef={virtualStatusLeftBarRef} minifyCounters={false} />\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"status-bar.js","sourceRoot":"","sources":["../../../src/code-editor/status-bar.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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport LiveRegion from '../internal/components/live-region/index';\nimport { TabButton } from './tab-button';\nimport { InternalButton } from '../button/internal';\nimport { CodeEditorProps } from './interfaces';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { getStatusButtonId, PaneStatus } from './util';\n\ninterface StatusBarProps {\n languageLabel: string;\n cursorPosition?: string;\n paneStatus: PaneStatus;\n isTabFocused: boolean;\n paneId?: string;\n i18nStrings?: CodeEditorProps.I18nStrings;\n errorCount: number;\n warningCount: number;\n isRefresh: boolean;\n\n errorsTabRef?: React.RefObject<HTMLButtonElement>;\n warningsTabRef?: React.RefObject<HTMLButtonElement>;\n\n onErrorPaneToggle: () => void;\n onWarningPaneToggle: () => void;\n onTabFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onTabBlur?: React.FocusEventHandler<HTMLButtonElement>;\n onPreferencesOpen: () => void;\n onHeightChange?: (height: number \| null) => void;\n}\n\nexport function StatusBar({\n languageLabel,\n cursorPosition,\n paneStatus,\n onErrorPaneToggle,\n onWarningPaneToggle,\n onTabFocus,\n onTabBlur,\n errorsTabRef,\n warningsTabRef,\n isTabFocused,\n paneId,\n onPreferencesOpen,\n i18nStrings,\n errorCount,\n warningCount,\n isRefresh,\n}: StatusBarProps) {\n const i18n = useInternalI18n('code-editor');\n const errorText = `${i18n('i18nStrings.errorsTab', i18nStrings?.errorsTab)}: ${errorCount}`;\n const warningText = `${i18n('i18nStrings.warningsTab', i18nStrings?.warningsTab)}: ${warningCount}`;\n const errorButtonId = getStatusButtonId({ paneId, paneStatus: 'error' });\n const warningButtonId = getStatusButtonId({ paneId, paneStatus: 'warning' });\n\n return (\n <div\n className={clsx(styles['status-bar'], {\n [styles['status-bar-with-hidden-pane']]: paneStatus === 'hidden',\n })}\n >\n <div className={clsx(styles['status-bar__left'])}>\n <span className={styles['status-bar__language-mode']}>{languageLabel}</span>\n <span className={styles['status-bar__cursor-position']}>{cursorPosition}</span>\n\n <div className={styles['tab-list']} role=\"tablist\">\n <TabButton\n id={errorButtonId}\n count={errorCount}\n text={errorText}\n className={styles['tab-button--errors']}\n iconName=\"status-negative\"\n disabled={errorCount === 0}\n active={paneStatus === 'error'}\n onClick={onErrorPaneToggle}\n onFocus={onTabFocus}\n onBlur={onTabBlur}\n ref={errorsTabRef}\n ariaLabel={errorText}\n paneId={paneId}\n isRefresh={isRefresh}\n />\n\n <span className={styles['tab-button--divider']}></span>\n\n <TabButton\n id={warningButtonId}\n count={warningCount}\n text={warningText}\n className={styles['tab-button--warnings']}\n iconName=\"status-warning\"\n disabled={warningCount === 0}\n active={paneStatus === 'warning'}\n onClick={onWarningPaneToggle}\n onFocus={onTabFocus}\n onBlur={onTabBlur}\n ref={warningsTabRef}\n tabIndex={paneStatus === 'error' && isTabFocused ? -1 : undefined}\n ariaHidden={paneStatus === 'error' && isTabFocused ? true : undefined}\n ariaLabel={warningText}\n paneId={paneId}\n isRefresh={isRefresh}\n />\n </div>\n <LiveRegion assertive={true}>\n <span>{errorText} </span>\n <span>{warningText}</span>\n </LiveRegion>\n </div>\n\n <div className={styles['status-bar__right']}>\n <div className={styles['status-bar__cog-button']}>\n <InternalButton\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"settings\"\n iconAlt=\"Settings\"\n ariaLabel={i18n('i18nStrings.preferencesButtonAriaLabel', i18nStrings?.preferencesButtonAriaLabel)}\n onClick={onPreferencesOpen}\n __nativeAttributes={{\n tabIndex: paneStatus !== 'hidden' && isTabFocused ? -1 : undefined,\n 'aria-hidden': paneStatus !== 'hidden' && isTabFocused ? true : undefined,\n }}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}

package/code-editor/styles.css.js CHANGED Viewed

@@ -1,37 +1,38 @@
     import './styles.scoped.css';
     export default {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1f76o_102",
-  "code-editor": "awsui_code-editor_1gl9c_1f76o_102",
-  "pane": "awsui_pane_1gl9c_1f76o_432",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1f76o_443",
-  "pane__list": "awsui_pane__list_1gl9c_1f76o_448",
-  "pane__table": "awsui_pane__table_1gl9c_1f76o_455",
-  "pane__item": "awsui_pane__item_1gl9c_1f76o_461",
-  "pane__cell": "awsui_pane__cell_1gl9c_1f76o_461",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1f76o_475",
-  "pane__location": "awsui_pane__location_1gl9c_1f76o_496",
-  "pane__description": "awsui_pane__description_1gl9c_1f76o_496",
-  "focus-lock": "awsui_focus-lock_1gl9c_1f76o_511",
-  "editor": "awsui_editor_1gl9c_1f76o_562",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_1f76o_590",
-  "status-bar": "awsui_status-bar_1gl9c_1f76o_595",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1f76o_603",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1f76o_607",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1f76o_614",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1f76o_618",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1f76o_622",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1f76o_622",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1f76o_628",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1f76o_633",
-  "tab-button": "awsui_tab-button_1gl9c_1f76o_639",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1f76o_671",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1f76o_674",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1f76o_683",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1f76o_699",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1f76o_732",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1f76o_739",
-  "loading-screen": "awsui_loading-screen_1gl9c_1f76o_743",
-  "error-screen": "awsui_error-screen_1gl9c_1f76o_744"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1l3ke_102",
+  "code-editor": "awsui_code-editor_1gl9c_1l3ke_102",
+  "pane": "awsui_pane_1gl9c_1l3ke_432",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_1l3ke_443",
+  "pane__list": "awsui_pane__list_1gl9c_1l3ke_448",
+  "pane__table": "awsui_pane__table_1gl9c_1l3ke_455",
+  "pane__item": "awsui_pane__item_1gl9c_1l3ke_461",
+  "pane__cell": "awsui_pane__cell_1gl9c_1l3ke_461",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1l3ke_475",
+  "pane__location": "awsui_pane__location_1gl9c_1l3ke_496",
+  "pane__description": "awsui_pane__description_1gl9c_1l3ke_496",
+  "focus-lock": "awsui_focus-lock_1gl9c_1l3ke_511",
+  "editor": "awsui_editor_1gl9c_1l3ke_562",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_1l3ke_590",
+  "status-bar": "awsui_status-bar_1gl9c_1l3ke_595",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1l3ke_604",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_1l3ke_608",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_1l3ke_615",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1l3ke_619",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1l3ke_619",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1l3ke_625",
+  "tab-list": "awsui_tab-list_1gl9c_1l3ke_630",
+  "tab-button": "awsui_tab-button_1gl9c_1l3ke_635",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1l3ke_668",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1l3ke_671",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_1l3ke_680",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1l3ke_696",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1l3ke_729",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1l3ke_736",
+  "count": "awsui_count_1gl9c_1l3ke_745",
+  "text": "awsui_text_1gl9c_1l3ke_748",
+  "loading-screen": "awsui_loading-screen_1gl9c_1l3ke_762",
+  "error-screen": "awsui_error-screen_1gl9c_1l3ke_763"
 };

package/code-editor/styles.scoped.css CHANGED Viewed

@@ -99,59 +99,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-combinator-disallowed-list, @cloudscape-design/no-implicit-descendant */
-.awsui_code-editor-refresh_1gl9c_1f76o_102 .ace_editor .ace_gutter:not(#\9) {
+.awsui_code-editor-refresh_1gl9c_1l3ke_102 .ace_editor .ace_gutter:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-code-editor-qvw11o, 8px) - var(--border-item-width-yel47s, 2px));
 }
-.awsui_code-editor-refresh_1gl9c_1f76o_102 .ace_editor .ace_scroller:not(#\9) {
+.awsui_code-editor-refresh_1gl9c_1l3ke_102 .ace_editor .ace_scroller:not(#\9) {
   border-start-end-radius: calc(var(--border-radius-code-editor-qvw11o, 8px) - var(--border-item-width-yel47s, 2px));
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor:not(#\9) {
   font-family: Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
   font-size: 14px;
   line-height: 20px;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9),
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9),
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
   cursor: pointer;
   background-repeat: no-repeat;
   background-size: 16px 16px;
   background-position: 4px 2px;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_info:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_info:not(#\9) {
   background-image: none;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d91515' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23eb6f6f' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%238d6605' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23e0ca57' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-cell:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-cell:not(#\9) {
   padding-inline: 24px 16px;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget:not(#\9) {
   /* A good test case for disabled folds
      <<html<<<<
      </html>
@@ -162,24 +162,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: none;
   border-inline: none;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter_annotation:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter_annotation:not(#\9) {
   margin-inline-start: -21px;
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget:not(#\9),
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter_annotation:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget:not(#\9),
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter_annotation:not(#\9) {
   box-shadow: none;
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter_annotation:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter_annotation:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter_annotation:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter_annotation:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget:not(#\9):focus::before,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter_annotation:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget:not(#\9):focus::before,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter_annotation:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -193,91 +193,91 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_marker-layer > .ace_active-line:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_marker-layer > .ace_active-line:not(#\9) {
   background: transparent;
   box-sizing: border-box;
   border-block-start: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-37hmmo, #d1d5db);
   border-block-end: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-37hmmo, #d1d5db);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor.ace_dark .ace_marker-layer > .ace_active-line:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor.ace_dark .ace_marker-layer > .ace_active-line:not(#\9) {
   border-block-start: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-5oxz8x, #5f6b7a);
   border-block-end: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-5oxz8x, #5f6b7a);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter:not(#\9) {
   background-color: var(--color-background-code-editor-gutter-default-om1nsh, #f4f4f4);
   color: var(--color-text-code-editor-gutter-default-n16krn, #000716);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter:not(#\9):focus,
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_scroller:not(#\9):focus {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter:not(#\9):focus,
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_scroller:not(#\9):focus {
   box-shadow: inset 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23414d5c' fill='%23414d5c' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23414d5c' fill='%23414d5c' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line:not(#\9) {
   background-color: var(--color-background-code-editor-gutter-active-line-default-n2dsul, #5f6b7a);
   color: var(--color-text-code-editor-gutter-active-line-zmlu0u, #ffffff);
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus::before,
-body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_fold-widget:not(#\9):focus::before,
+body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line .ace_gutter_annotation:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -291,134 +291,134 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-text-code-editor-gutter-active-line-zmlu0u, #ffffff);
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
   color: var(--color-text-code-editor-gutter-active-line-zmlu0u, #ffffff);
   background-color: var(--color-background-code-editor-gutter-active-line-error-ov6y7a, #d91515);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
 }
-.awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
+.awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
 }
 @supports (--css-variable-support-check: #000) {
   @media not print {
-    .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
       /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
     }
-    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1f76o_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
+    .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1l3ke_102 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
     }
   }
@@ -429,7 +429,7 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_pane_1gl9c_1f76o_432:not(#\9) {
+.awsui_pane_1gl9c_1l3ke_432:not(#\9) {
   display: flex;
   position: relative;
   flex-direction: row;
@@ -440,75 +440,75 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   background: var(--color-background-code-editor-status-bar-x8dalt, #f4f4f4);
   color: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_pane__close-container_1gl9c_1f76o_443:not(#\9) {
+.awsui_pane__close-container_1gl9c_1l3ke_443:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: calc(var(--space-s-34lx8l, 12px) / 2);
 }
-.awsui_pane__list_1gl9c_1f76o_448:not(#\9) {
+.awsui_pane__list_1gl9c_1l3ke_448:not(#\9) {
   flex: 1;
   overflow: auto;
   max-block-size: 100%;
   box-sizing: border-box;
   margin-inline-end: calc(var(--line-height-body-m-30ar75, 20px) + 2 * var(--space-xs-zb16t3, 8px));
 }
-.awsui_pane__table_1gl9c_1f76o_455:not(#\9) {
+.awsui_pane__table_1gl9c_1l3ke_455:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
 }
-.awsui_pane__item_1gl9c_1f76o_461 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9) {
+.awsui_pane__item_1gl9c_1l3ke_461 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9) {
   border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-transparent-0ltpn5, transparent);
   border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-transparent-0ltpn5, transparent);
 }
-.awsui_pane__item_1gl9c_1f76o_461 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9):first-child {
+.awsui_pane__item_1gl9c_1l3ke_461 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9):first-child {
   border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-transparent-0ltpn5, transparent);
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_pane__item_1gl9c_1f76o_461 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9):last-child {
+.awsui_pane__item_1gl9c_1l3ke_461 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9):last-child {
   border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-transparent-0ltpn5, transparent);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_pane__item--highlighted_1gl9c_1f76o_475:not(#\9), .awsui_pane__item_1gl9c_1f76o_461:not(#\9):hover, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):focus {
+.awsui_pane__item--highlighted_1gl9c_1l3ke_475:not(#\9), .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):hover, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):focus {
   cursor: pointer;
   outline: none;
 }
-.awsui_pane__item--highlighted_1gl9c_1f76o_475 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9), .awsui_pane__item_1gl9c_1f76o_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1f76o_461, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1f76o_461 {
+.awsui_pane__item--highlighted_1gl9c_1l3ke_475 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9), .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1l3ke_461, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1l3ke_461 {
   background-color: var(--color-background-code-editor-pane-item-hover-7wgkyr, #e9ebed);
 }
-.awsui_pane__item--highlighted_1gl9c_1f76o_475 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9), .awsui_pane__item_1gl9c_1f76o_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1f76o_461, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1f76o_461 {
+.awsui_pane__item--highlighted_1gl9c_1l3ke_475 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9), .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1l3ke_461, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1l3ke_461 {
   border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-pane-item-hover-std69p, #7d8998);
   border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-pane-item-hover-std69p, #7d8998);
 }
-.awsui_pane__item--highlighted_1gl9c_1f76o_475 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9):first-child, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1f76o_461:first-child, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1f76o_461:first-child {
+.awsui_pane__item--highlighted_1gl9c_1l3ke_475 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9):first-child, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1l3ke_461:first-child, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1l3ke_461:first-child {
   border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-pane-item-hover-std69p, #7d8998);
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
   border-end-start-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_pane__item--highlighted_1gl9c_1f76o_475 > .awsui_pane__cell_1gl9c_1f76o_461:not(#\9):last-child, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1f76o_461:last-child, .awsui_pane__item_1gl9c_1f76o_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1f76o_461:last-child {
+.awsui_pane__item--highlighted_1gl9c_1l3ke_475 > .awsui_pane__cell_1gl9c_1l3ke_461:not(#\9):last-child, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):hover > .awsui_pane__cell_1gl9c_1l3ke_461:last-child, .awsui_pane__item_1gl9c_1l3ke_461:not(#\9):focus > .awsui_pane__cell_1gl9c_1l3ke_461:last-child {
   border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-pane-item-hover-std69p, #7d8998);
   border-start-end-radius: var(--border-radius-item-05df9h, 8px);
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
-.awsui_pane__location_1gl9c_1f76o_496:not(#\9), .awsui_pane__description_1gl9c_1f76o_496:not(#\9) {
+.awsui_pane__location_1gl9c_1l3ke_496:not(#\9), .awsui_pane__description_1gl9c_1l3ke_496:not(#\9) {
   padding-block: var(--space-xxs-p8yyaw, 4px);
   padding-inline: var(--space-s-34lx8l, 12px);
 }
-.awsui_pane__location_1gl9c_1f76o_496:not(#\9) {
+.awsui_pane__location_1gl9c_1l3ke_496:not(#\9) {
   vertical-align: baseline;
   white-space: nowrap;
   padding-inline-start: calc(var(--space-l-t419sm, 20px) + var(--space-s-34lx8l, 12px));
 }
-.awsui_pane__description_1gl9c_1f76o_496:not(#\9) {
+.awsui_pane__description_1gl9c_1l3ke_496:not(#\9) {
   padding-inline-end: 0;
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_focus-lock_1gl9c_1f76o_511:not(#\9) {
+.awsui_focus-lock_1gl9c_1l3ke_511:not(#\9) {
   block-size: 100%;
 }
@@ -516,7 +516,7 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_code-editor_1gl9c_1f76o_102:not(#\9) {
+.awsui_code-editor_1gl9c_1l3ke_102:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -550,7 +550,7 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  display: inline-block;
+  display: block;
   border-block: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-default-c1jpix, #d1d5db);
   border-inline: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-default-c1jpix, #d1d5db);
   border-start-start-radius: var(--border-radius-code-editor-qvw11o, 8px);
@@ -560,20 +560,20 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   inline-size: 100%;
 }
-.awsui_editor_1gl9c_1f76o_562:not(#\9) {
+.awsui_editor_1gl9c_1l3ke_562:not(#\9) {
   position: absolute;
   inset: 0;
 }
-.awsui_editor_1gl9c_1f76o_562:not(#\9):focus {
+.awsui_editor_1gl9c_1l3ke_562:not(#\9):focus {
   position: relative;
   position: absolute;
   overflow: visible;
 }
-.awsui_editor_1gl9c_1f76o_562:not(#\9):focus {
+.awsui_editor_1gl9c_1l3ke_562:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_editor_1gl9c_1f76o_562:not(#\9):focus::before {
+.awsui_editor_1gl9c_1l3ke_562:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -588,12 +588,13 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_editor-refresh_1gl9c_1f76o_590:not(#\9) {
+.awsui_editor-refresh_1gl9c_1l3ke_590:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-code-editor-qvw11o, 8px) - var(--border-item-width-yel47s, 2px));
   border-start-end-radius: calc(var(--border-radius-code-editor-qvw11o, 8px) - var(--border-item-width-yel47s, 2px));
 }
-.awsui_status-bar_1gl9c_1f76o_595:not(#\9) {
+.awsui_status-bar_1gl9c_1l3ke_595:not(#\9) {
+  container-type: inline-size;
   display: flex;
   vertical-align: middle;
   border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-default-c1jpix, #d1d5db);
@@ -601,45 +602,41 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_status-bar-with-hidden-pane_1gl9c_1f76o_603:not(#\9) {
+.awsui_status-bar-with-hidden-pane_1gl9c_1l3ke_604:not(#\9) {
   border-end-start-radius: var(--border-radius-code-editor-qvw11o, 8px);
   border-end-end-radius: var(--border-radius-code-editor-qvw11o, 8px);
 }
-.awsui_status-bar__left_1gl9c_1f76o_607:not(#\9) {
+.awsui_status-bar__left_1gl9c_1l3ke_608:not(#\9) {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
   padding-inline-start: var(--space-l-t419sm, 20px);
   border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-code-editor-default-c1jpix, #d1d5db);
 }
-.awsui_status-bar__left-virtual_1gl9c_1f76o_614:not(#\9) {
-  flex-wrap: nowrap;
-  white-space: nowrap;
-}
-.awsui_status-bar__right_1gl9c_1f76o_618:not(#\9) {
+.awsui_status-bar__right_1gl9c_1l3ke_615:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_status-bar__language-mode_1gl9c_1f76o_622:not(#\9), .awsui_status-bar__cursor-position_1gl9c_1f76o_622:not(#\9) {
+.awsui_status-bar__language-mode_1gl9c_1l3ke_619:not(#\9), .awsui_status-bar__cursor-position_1gl9c_1l3ke_619:not(#\9) {
   display: inline-block;
   color: var(--color-text-body-default-at06ol, #000716);
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: var(--space-s-34lx8l, 12px);
 }
-.awsui_status-bar__cog-button_1gl9c_1f76o_628:not(#\9) {
+.awsui_status-bar__cog-button_1gl9c_1l3ke_625:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-7597g1, 4px) - 1px);
   padding-inline: calc(var(--space-xs-zb16t3, 8px) - 2px);
 }
-.awsui_status-bar-virtual_1gl9c_1f76o_633:not(#\9) {
-  position: absolute !important;
-  inset-block-start: -9999px !important;
-  inset-inline-start: -9999px !important;
+.awsui_tab-list_1gl9c_1l3ke_630:not(#\9) {
+  align-items: center;
+  display: inline-flex;
 }
-.awsui_tab-button_1gl9c_1f76o_639:not(#\9) {
+.awsui_tab-button_1gl9c_1l3ke_635:not(#\9) {
   position: relative;
-  display: inline-block;
+  display: inline-flex;
+  gap: var(--space-xxs-p8yyaw, 4px);
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: var(--space-s-34lx8l, 12px);
   line-height: inherit;
@@ -652,11 +649,11 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   cursor: pointer;
   z-index: 1;
 }
-.awsui_tab-button_1gl9c_1f76o_639:not(#\9):hover {
+.awsui_tab-button_1gl9c_1l3ke_635:not(#\9):hover {
   color: var(--color-text-code-editor-tab-button-error-5ax346, #ffffff);
   background: var(--color-text-status-error-wdvepn, #d91515);
 }
-.awsui_tab-button_1gl9c_1f76o_639:not(#\9)::after {
+.awsui_tab-button_1gl9c_1l3ke_635:not(#\9)::after {
   content: "";
   position: absolute;
   inset-inline: 0;
@@ -669,54 +666,54 @@ body[data-awsui-focus-visible=true] .awsui_code-editor_1gl9c_1f76o_102 .ace_edit
   background: var(--color-text-status-error-wdvepn, #d91515);
   opacity: 0;
 }
-.awsui_tab-button--refresh_1gl9c_1f76o_671:not(#\9) {
+.awsui_tab-button--refresh_1gl9c_1l3ke_668:not(#\9) {
   padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-active-width-9dmqf4, 4px) - 2px);
 }
-.awsui_tab-button--warnings_1gl9c_1f76o_674:not(#\9) {
+.awsui_tab-button--warnings_1gl9c_1l3ke_671:not(#\9) {
   color: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_tab-button--warnings_1gl9c_1f76o_674:not(#\9):hover {
+.awsui_tab-button--warnings_1gl9c_1l3ke_671:not(#\9):hover {
   background: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_tab-button--warnings_1gl9c_1f76o_674:not(#\9)::after {
+.awsui_tab-button--warnings_1gl9c_1l3ke_671:not(#\9)::after {
   background: var(--color-text-status-warning-yik8vi, #8d6605);
 }
-.awsui_tab-button--active_1gl9c_1f76o_683:not(#\9)::after {
+.awsui_tab-button--active_1gl9c_1l3ke_680:not(#\9)::after {
   opacity: 1;
 }
-.awsui_tab-button--refresh_1gl9c_1f76o_671:not(#\9)::after {
+.awsui_tab-button--refresh_1gl9c_1l3ke_668:not(#\9)::after {
   transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tab-button--refresh_1gl9c_1f76o_671:not(#\9)::after {
+  .awsui_tab-button--refresh_1gl9c_1l3ke_668:not(#\9)::after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tab-button--refresh_1gl9c_1f76o_671:not(#\9)::after, .awsui-mode-entering .awsui_tab-button--refresh_1gl9c_1f76o_671:not(#\9)::after {
+.awsui-motion-disabled .awsui_tab-button--refresh_1gl9c_1l3ke_668:not(#\9)::after, .awsui-mode-entering .awsui_tab-button--refresh_1gl9c_1l3ke_668:not(#\9)::after {
   animation: none;
   transition: none;
 }
-.awsui_tab-button--disabled_1gl9c_1f76o_699:not(#\9) {
+.awsui_tab-button--disabled_1gl9c_1l3ke_696:not(#\9) {
   font-weight: normal;
   color: var(--color-text-code-editor-status-bar-disabled-mrlsxh, #7d8998);
   cursor: default;
 }
-.awsui_tab-button--disabled_1gl9c_1f76o_699:not(#\9):hover {
+.awsui_tab-button--disabled_1gl9c_1l3ke_696:not(#\9):hover {
   color: var(--color-text-code-editor-status-bar-disabled-mrlsxh, #7d8998);
   background: transparent;
 }
-.awsui_tab-button--disabled_1gl9c_1f76o_699:not(#\9)::after {
+.awsui_tab-button--disabled_1gl9c_1l3ke_696:not(#\9)::after {
   display: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1f76o_639:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1l3ke_635:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1f76o_639:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1l3ke_635:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-code-editor-status-focus-outline-gutter-dqxswe, -7px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1f76o_639:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1l3ke_635:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -730,19 +727,41 @@ body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1f76o_639:not(#\9):f
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_tab-button--divider_1gl9c_1f76o_732:not(#\9) {
+.awsui_tab-button--divider_1gl9c_1l3ke_729:not(#\9) {
   display: inline-block;
   block-size: var(--line-height-body-m-30ar75, 20px);
   inline-size: var(--border-code-editor-status-divider-width-tf47q3, 1px);
   background: var(--color-border-tabs-divider-6vpso4, #b6bec9);
   vertical-align: middle;
 }
-.awsui_tab-button--errors_1gl9c_1f76o_739:not(#\9) {
+.awsui_tab-button--errors_1gl9c_1l3ke_736:not(#\9) {
   /* used in test-utils */
 }
+@supports (contain: inline-size) {
+  .awsui_tab-button_1gl9c_1l3ke_635:not(#\9) {
+    /* stylelint-disable plugin/no-unsupported-browser-features */
+    /* stylelint-enable plugin/no-unsupported-browser-features */
+  }
+  @container not (max-width: 500px) {
+    .awsui_tab-button_1gl9c_1l3ke_635 > .awsui_count_1gl9c_1l3ke_745:not(#\9) {
+      display: none;
+    }
+    .awsui_tab-button_1gl9c_1l3ke_635 > .awsui_text_1gl9c_1l3ke_748:not(#\9) {
+      display: inline;
+    }
+  }
+  @container (max-width: 500px) {
+    .awsui_tab-button_1gl9c_1l3ke_635 > .awsui_count_1gl9c_1l3ke_745:not(#\9) {
+      display: inline;
+    }
+    .awsui_tab-button_1gl9c_1l3ke_635 > .awsui_text_1gl9c_1l3ke_748:not(#\9) {
+      display: none;
+    }
+  }
+}
-.awsui_loading-screen_1gl9c_1f76o_743:not(#\9),
-.awsui_error-screen_1gl9c_1f76o_744:not(#\9) {
+.awsui_loading-screen_1gl9c_1l3ke_762:not(#\9),
+.awsui_error-screen_1gl9c_1l3ke_763:not(#\9) {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -755,6 +774,6 @@ body[data-awsui-focus-visible=true] .awsui_tab-button_1gl9c_1f76o_639:not(#\9):f
   border-end-end-radius: var(--border-radius-code-editor-qvw11o, 8px);
 }
-.awsui_error-screen_1gl9c_1f76o_744:not(#\9) {
+.awsui_error-screen_1gl9c_1l3ke_763:not(#\9) {
   color: var(--color-text-status-error-wdvepn, #d91515);
 }

package/code-editor/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1f76o_102",
-  "code-editor": "awsui_code-editor_1gl9c_1f76o_102",
-  "pane": "awsui_pane_1gl9c_1f76o_432",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1f76o_443",
-  "pane__list": "awsui_pane__list_1gl9c_1f76o_448",
-  "pane__table": "awsui_pane__table_1gl9c_1f76o_455",
-  "pane__item": "awsui_pane__item_1gl9c_1f76o_461",
-  "pane__cell": "awsui_pane__cell_1gl9c_1f76o_461",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1f76o_475",
-  "pane__location": "awsui_pane__location_1gl9c_1f76o_496",
-  "pane__description": "awsui_pane__description_1gl9c_1f76o_496",
-  "focus-lock": "awsui_focus-lock_1gl9c_1f76o_511",
-  "editor": "awsui_editor_1gl9c_1f76o_562",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_1f76o_590",
-  "status-bar": "awsui_status-bar_1gl9c_1f76o_595",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1f76o_603",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1f76o_607",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1f76o_614",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1f76o_618",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1f76o_622",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1f76o_622",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1f76o_628",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1f76o_633",
-  "tab-button": "awsui_tab-button_1gl9c_1f76o_639",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1f76o_671",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1f76o_674",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1f76o_683",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1f76o_699",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1f76o_732",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1f76o_739",
-  "loading-screen": "awsui_loading-screen_1gl9c_1f76o_743",
-  "error-screen": "awsui_error-screen_1gl9c_1f76o_744"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1l3ke_102",
+  "code-editor": "awsui_code-editor_1gl9c_1l3ke_102",
+  "pane": "awsui_pane_1gl9c_1l3ke_432",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_1l3ke_443",
+  "pane__list": "awsui_pane__list_1gl9c_1l3ke_448",
+  "pane__table": "awsui_pane__table_1gl9c_1l3ke_455",
+  "pane__item": "awsui_pane__item_1gl9c_1l3ke_461",
+  "pane__cell": "awsui_pane__cell_1gl9c_1l3ke_461",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1l3ke_475",
+  "pane__location": "awsui_pane__location_1gl9c_1l3ke_496",
+  "pane__description": "awsui_pane__description_1gl9c_1l3ke_496",
+  "focus-lock": "awsui_focus-lock_1gl9c_1l3ke_511",
+  "editor": "awsui_editor_1gl9c_1l3ke_562",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_1l3ke_590",
+  "status-bar": "awsui_status-bar_1gl9c_1l3ke_595",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1l3ke_604",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_1l3ke_608",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_1l3ke_615",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1l3ke_619",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1l3ke_619",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1l3ke_625",
+  "tab-list": "awsui_tab-list_1gl9c_1l3ke_630",
+  "tab-button": "awsui_tab-button_1gl9c_1l3ke_635",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1l3ke_668",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1l3ke_671",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_1l3ke_680",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1l3ke_696",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1l3ke_729",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1l3ke_736",
+  "count": "awsui_count_1gl9c_1l3ke_745",
+  "text": "awsui_text_1gl9c_1l3ke_748",
+  "loading-screen": "awsui_loading-screen_1gl9c_1l3ke_762",
+  "error-screen": "awsui_error-screen_1gl9c_1l3ke_763"
 };

package/code-editor/tab-button.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IconProps } from '../icon/interfaces';
 interface TabButtonProps {
+    count: number;
     text: string;
     iconName: IconProps.Name;
     active: boolean;

package/code-editor/tab-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,~~0FA6CrB~~,CAAC"}
1	+ {"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FAgDrB,CAAC"}

package/code-editor/tab-button.js CHANGED Viewed

@@ -4,14 +4,14 @@ import React from 'react';
 import clsx from 'clsx';
 import InternalIcon from '../icon/internal';
 import styles from './styles.css.js';
-export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick, onFocus, onBlur, tabIndex, ariaHidden, ariaLabel, paneId, isRefresh, text, className, id, }, ref) => {
+export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick, onFocus, onBlur, tabIndex, ariaHidden, ariaLabel, paneId, isRefresh, count, text, className, id, }, ref) => {
     return (React.createElement("button", { className: clsx([styles['tab-button'], className], {
             [styles['tab-button--active']]: active,
             [styles['tab-button--disabled']]: disabled,
             [styles['tab-button--refresh']]: isRefresh,
         }), id: id, type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel },
         React.createElement(InternalIcon, { name: iconName }),
-        " ",
-        text));
+        React.createElement("span", { className: styles.count }, count),
+        React.createElement("span", { className: styles.text }, text)));
 });
 //# sourceMappingURL=tab-button.js.map

package/code-editor/tab-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAqBrC~~,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS;QAErB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI~~;;QAAE~~,IAAI,~~CAC/B~~,CACV,CAAC;AACJ,CAAC,CACF,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 { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId?: string;\n isRefresh: boolean;\n\n className: string;\n id?: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n text,\n className,\n id,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n id={id}\n type=\"button\"\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n >\n <InternalIcon name={iconName} /> {text}\n </button>\n );\n }\n);\n"]}
1	+ {"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS;QAErB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;QAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAQ;QAC7C,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACpC,CACV,CAAC;AACJ,CAAC,CACF,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 { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n count: number;\n text: string;\n iconName: IconProps.Name;\n active: boolean;\n disabled: boolean;\n tabIndex?: number;\n ariaHidden?: boolean;\n ariaLabel?: string;\n paneId?: string;\n isRefresh: boolean;\n\n className: string;\n id?: string;\n\n onClick: () => void;\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n (\n {\n active,\n disabled,\n iconName,\n onClick,\n onFocus,\n onBlur,\n tabIndex,\n ariaHidden,\n ariaLabel,\n paneId,\n isRefresh,\n count,\n text,\n className,\n id,\n }: TabButtonProps,\n ref: React.Ref<HTMLButtonElement>\n ) => {\n return (\n <button\n className={clsx([styles['tab-button'], className], {\n [styles['tab-button--active']]: active,\n [styles['tab-button--disabled']]: disabled,\n [styles['tab-button--refresh']]: isRefresh,\n })}\n id={id}\n type=\"button\"\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n disabled={disabled}\n ref={ref}\n tabIndex={tabIndex}\n role=\"tab\"\n aria-selected={active}\n aria-controls={paneId}\n aria-hidden={ariaHidden}\n aria-label={ariaLabel}\n >\n <InternalIcon name={iconName} />\n <span className={styles.count}>{count}</span>\n <span className={styles.text}>{text}</span>\n </button>\n );\n }\n);\n"]}

package/internal/environment.js CHANGED Viewed

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

package/internal/environment.json CHANGED Viewed

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

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "dfa46e925f8637dc360a37ba6c2dc5340db6ea47"
+  "commit": "1c2a3ff0dd8510717783d161f5a07ec871317a0f"
 }

package/package.json CHANGED Viewed

@@ -117,7 +117,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.658",
+  "version": "3.0.659",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"