npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.266 → 3.0.268 - Mend

@cloudscape-design/components-themeable 3.0.266 → 3.0.268

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

package/lib/internal/template/code-editor/pane.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pane.js","sourceRoot":"lib/default/","sources":["code-editor/pane.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;~~AACxB~~,OAAO,~~SAAS,MAAM,kBAAkB,CAAC;AAGzC,OAAO,~~EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;~~AAEhF~~,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,MAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,MAAM,UAAU,GAAG,CAAC,GAAG,sBAAsB,GAAG,CAAC,GAAG,wBAAwB,CAAC;~~AAkB7E~~,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,EAAE,EACF,OAAO,EACP,WAAW,EACX,WAAW,EACX,~~WAAW,EACX,~~OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACV,EAAE,EAAE;IACd,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;QACpC,MAAM,0BAA0B,GAAG,WAAW,CAAC,OAAO,CACpD,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CACjE,CAAC;QAEF,IAAI,0BAA0B,GAAG,CAAC,CAAC,EAAE;YACnC,MAAM,SAAS,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,0BAA0B,CAA4B,CAAC;YACnG,qBAAqB,CAAC,SAAS,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,UAA0B,EAAE,EAAE;QACjD,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC,CAAC;~~IACF~~,MAAM,aAAa,GAAG,CAAC,UAA0B,EAAE,KAA0B,EAAE,EAAE;QAC/E,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,iBAAiB,CAAC,UAAU,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0B,EAAE,EAAE;QAClD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,UAAU;QAC3E,oBAAC,YAAY,IAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC;YACtG,oBAAC,SAAS,~~IACR~~,QAAQ,EAAE,CAAC,iBAAiB,~~EAC5B~~,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,~~EAC/B,SAAS,~~EAAE,~~KAAK,EAChB,WAAW,EAAE,KAAK,EAClB,~~SAAS,EAAE,~~WAAW~~;~~gBAEtB~~,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC7C,+BAAO,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,cAAc;wBACvD;4BACE,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,2BAA2B,GAAI;4BACxD,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACxB;wBACX,+BAAO,GAAG,EAAE,OAAO,IAChB,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,4BACE,GAAG,EAAE,CAAC,EACN,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;gCACjC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,EAAE,UAAU,KAAK,WAAW;6BAChE,CAAC,EACF,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAC3C,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EAC/C,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,MAAM;4BAEX,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IACxE,mBAAmB,CAAC,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAC1E;4BACL,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IAC3E,UAAU,CAAC,IAAI,CACb,CACF,CACN,CAAC,CACI,CACF,CACJ;gBACN,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;oBAC7C,oBAAC,cAAc,IACb,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,oBAAoB,GAC/B,CACE,CACI,CACC,CACX,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport ~~FocusLock from 'react-focus-lock';\nimport~~ { Ace } from 'ace-builds';\n\nimport { KeyCode } from '../internal/keycode';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\n\nimport { InternalButton } from '../button/internal';\nimport { ResizableBox } from './resizable-box';\n\nimport styles from './styles.css.js';\n\nconst ANNOTATION_ITEM_HEIGHT = 31;\nconst PANE_ANNOTATIONS_PADDING = 12;\nconst MIN_HEIGHT = 3 * ANNOTATION_ITEM_HEIGHT + 2 * PANE_ANNOTATIONS_PADDING;\n\nexport interface PaneProps {\n id: string;\n\n visible: boolean;\n annotations: Ace.Annotation[];\n highlighted?: Ace.Annotation;\n\n cursorPositionLabel: (row: number, column: number) => string;\n closeButtonAriaLabel: string;\n\n ~~onAllowlist: (activeElement: HTMLElement) => boolean;\n~~ onClose: () => void;\n onAnnotationClick: (annotation: Ace.Annotation) => void;\n onAnnotationClear: () => void;\n}\n\nexport const Pane = ({\n id,\n visible,\n annotations,\n highlighted,\n ~~onAllowlist,\n~~ onClose,\n onAnnotationClick,\n onAnnotationClear,\n cursorPositionLabel,\n closeButtonAriaLabel,\n}: PaneProps) => {\n const [paneHeight, setPaneHeight] = useState(MIN_HEIGHT);\n const listRef = useRef<HTMLTableSectionElement>(null);\n const [isFocusTrapActive, setFocusTrapActive] = useState(false);\n\n useEffect(() => {\n if (!highlighted) {\n return;\n }\n const { row, column } = highlighted;\n const highlightedAnnotationIndex = annotations.indexOf(\n annotations.filter(a => a.row === row && a.column === column)[0]\n );\n\n if (highlightedAnnotationIndex > -1) {\n const errorItem = listRef.current?.children[highlightedAnnotationIndex] as HTMLElement \| undefined;\n scrollElementIntoView(errorItem);\n }\n }, [highlighted, annotations]);\n\n const onItemFocus = () => {\n setFocusTrapActive(true);\n onAnnotationClear();\n };\n\n const onItemClick = (annotation: Ace.Annotation) => {\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n };\n const onItemKeyDown = (annotation: Ace.Annotation, event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.enter \|\| event.keyCode === KeyCode.space) {\n event.preventDefault();\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n }\n };\n\n const onEscKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.preventDefault();\n setFocusTrapActive(false);\n onClose();\n }\n };\n\n if (!visible) {\n return null;\n }\n\n return (\n <div id={id} className={styles.pane} onKeyDown={onEscKeyDown} role=\"tabpanel\">\n <ResizableBox height={paneHeight} minHeight={MIN_HEIGHT} onResize={newHeight => setPaneHeight(newHeight)}>\n <FocusLock\n disabled={!isFocusTrapActive}\n className={styles['focus-lock']}\n autoFocus={~~false~~}~~\n returnFocus={false}\n whiteList={onAllowlist}\n~~ >\n <div className={styles.pane__list} tabIndex={-1}>\n <table className={styles.pane__table} role=\"presentation\">\n <colgroup>\n <col style={{ width: 1 } /* shrink to fit content */} />\n <col style={{ width: 'auto' }} />\n </colgroup>\n <tbody ref={listRef}>\n {annotations.map((annotation, i) => (\n <tr\n key={i}\n className={clsx(styles.pane__item, {\n [styles['pane__item--highlighted']]: annotation === highlighted,\n })}\n onFocus={onItemFocus}\n onMouseOver={onAnnotationClear}\n onClick={onItemClick.bind(null, annotation)}\n onKeyDown={onItemKeyDown.bind(null, annotation)}\n tabIndex={0}\n role=\"link\"\n >\n <td className={clsx(styles.pane__location, styles.pane__cell)} tabIndex={-1}>\n {cursorPositionLabel((annotation.row \|\| 0) + 1, (annotation.column \|\| 0) + 1)}\n </td>\n <td className={clsx(styles.pane__description, styles.pane__cell)} tabIndex={-1}>\n {annotation.text}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n <div className={styles['pane__close-container']}>\n <InternalButton\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"close\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n </FocusLock>\n </ResizableBox>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"pane.js","sourceRoot":"lib/default/","sources":["code-editor/pane.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, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Ace } from 'ace-builds';\n\nimport { KeyCode } from '../internal/keycode';\nimport { scrollElementIntoView } from '../internal/utils/scrollable-containers';\nimport FocusLock from '../internal/components/focus-lock';\n\nimport { InternalButton } from '../button/internal';\nimport { ResizableBox } from './resizable-box';\n\nimport styles from './styles.css.js';\n\nconst ANNOTATION_ITEM_HEIGHT = 31;\nconst PANE_ANNOTATIONS_PADDING = 12;\nconst MIN_HEIGHT = 3 * ANNOTATION_ITEM_HEIGHT + 2 * PANE_ANNOTATIONS_PADDING;\n\nexport interface PaneProps {\n id: string;\n\n visible: boolean;\n annotations: Ace.Annotation[];\n highlighted?: Ace.Annotation;\n\n cursorPositionLabel: (row: number, column: number) => string;\n closeButtonAriaLabel: string;\n\n onClose: () => void;\n onAnnotationClick: (annotation: Ace.Annotation) => void;\n onAnnotationClear: () => void;\n}\n\nexport const Pane = ({\n id,\n visible,\n annotations,\n highlighted,\n onClose,\n onAnnotationClick,\n onAnnotationClear,\n cursorPositionLabel,\n closeButtonAriaLabel,\n}: PaneProps) => {\n const [paneHeight, setPaneHeight] = useState(MIN_HEIGHT);\n const listRef = useRef<HTMLTableSectionElement>(null);\n const [isFocusTrapActive, setFocusTrapActive] = useState(false);\n\n useEffect(() => {\n if (!highlighted) {\n return;\n }\n const { row, column } = highlighted;\n const highlightedAnnotationIndex = annotations.indexOf(\n annotations.filter(a => a.row === row && a.column === column)[0]\n );\n\n if (highlightedAnnotationIndex > -1) {\n const errorItem = listRef.current?.children[highlightedAnnotationIndex] as HTMLElement \| undefined;\n scrollElementIntoView(errorItem);\n }\n }, [highlighted, annotations]);\n\n useEffect(() => {\n if (!visible) {\n setFocusTrapActive(false);\n }\n }, [visible]);\n\n const onItemFocus = () => {\n setFocusTrapActive(true);\n onAnnotationClear();\n };\n\n const onItemClick = (annotation: Ace.Annotation) => {\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n };\n\n const onItemKeyDown = (annotation: Ace.Annotation, event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.enter \|\| event.keyCode === KeyCode.space) {\n event.preventDefault();\n setFocusTrapActive(false);\n onAnnotationClick(annotation);\n }\n };\n\n const onEscKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.preventDefault();\n setFocusTrapActive(false);\n onClose();\n }\n };\n\n if (!visible) {\n return null;\n }\n\n return (\n <div id={id} className={styles.pane} onKeyDown={onEscKeyDown} role=\"tabpanel\">\n <ResizableBox height={paneHeight} minHeight={MIN_HEIGHT} onResize={newHeight => setPaneHeight(newHeight)}>\n <FocusLock disabled={!isFocusTrapActive} className={styles['focus-lock']} autoFocus={true}>\n <div className={styles.pane__list} tabIndex={-1}>\n <table className={styles.pane__table} role=\"presentation\">\n <colgroup>\n <col style={{ width: 1 } /* shrink to fit content */} />\n <col style={{ width: 'auto' }} />\n </colgroup>\n <tbody ref={listRef}>\n {annotations.map((annotation, i) => (\n <tr\n key={i}\n className={clsx(styles.pane__item, {\n [styles['pane__item--highlighted']]: annotation === highlighted,\n })}\n onFocus={onItemFocus}\n onMouseOver={onAnnotationClear}\n onClick={onItemClick.bind(null, annotation)}\n onKeyDown={onItemKeyDown.bind(null, annotation)}\n tabIndex={0}\n role=\"link\"\n >\n <td className={clsx(styles.pane__location, styles.pane__cell)} tabIndex={-1}>\n {cursorPositionLabel((annotation.row \|\| 0) + 1, (annotation.column \|\| 0) + 1)}\n </td>\n <td className={clsx(styles.pane__description, styles.pane__cell)} tabIndex={-1}>\n {annotation.text}\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n <div className={styles['pane__close-container']}>\n <InternalButton\n formAction=\"none\"\n variant=\"icon\"\n iconName=\"close\"\n onClick={onClose}\n ariaLabel={closeButtonAriaLabel}\n />\n </div>\n </FocusLock>\n </ResizableBox>\n </div>\n );\n};\n"]}

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

@@ -4,14 +4,14 @@ interface StatusBarProps {
     languageLabel: string;
     cursorPosition: string;
     paneStatus: string;
-    errorsTabRef: React.RefObject<HTMLButtonElement>;
-    warningsTabRef: React.RefObject<HTMLButtonElement>;
     isTabFocused: boolean;
     paneId?: string;
     i18nStrings: CodeEditorProps.I18nStrings;
     errorCount: number;
     warningCount: number;
     isRefresh: boolean;
+    errorsTabRef?: React.RefObject<HTMLButtonElement>;
+    warningsTabRef?: React.RefObject<HTMLButtonElement>;
     onErrorPaneToggle: () => void;
     onWarningPaneToggle: () => void;
     onTabFocus?: React.FocusEventHandler<HTMLButtonElement>;
@@ -19,6 +19,6 @@ interface StatusBarProps {
     onPreferencesOpen: () => void;
     onHeightChange?: (height: number | null) => void;
 }
-export declare const StatusBar: (props: StatusBarProps) => JSX.Element;
+export declare const StatusBar: ({ errorsTabRef, warningsTabRef, ...restProps }: StatusBarProps) => JSX.Element;
 export {};
 //# sourceMappingURL=status-bar.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"status-bar.d.ts","sourceRoot":"lib/default/","sources":["code-editor/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~iBAAiB~~,~~CAAC~~,CAAC;~~IACjD~~,~~cAAc~~,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC,~~iBAAiB~~,~~CAAC~~,CAAC;~~IACnD~~,YAAY,EAAE,~~OAAO~~,CAAC;~~IACtB~~,~~MAAM~~,~~CAAC,~~EAAE,~~MAAM~~,CAAC;~~IAChB~~,~~WAAW~~,EAAE,~~eAAe~~,CAAC,~~WAAW~~,CAAC~~;IACzC~~,~~UAAU~~,~~EAAE~~,~~MAAM,~~CAAC;~~IACnB~~,~~YAAY~~,EAAE,~~MAAM~~,CAAC~~;IACrB~~,SAAS,~~EAAE~~,~~OAAO~~,CAAC;~~IAEnB~~,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;AA+GD,eAAO,MAAM,SAAS,~~UAAW~~,cAAc,~~gBAc9C~~,CAAC"}
1	+ {"version":3,"file":"status-bar.d.ts","sourceRoot":"lib/default/","sources":["code-editor/status-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC;IACzC,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;AA+GD,eAAO,MAAM,SAAS,mDAAoD,cAAc,gBAqBvF,CAAC"}

package/lib/internal/template/code-editor/status-bar.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
@@ -36,14 +37,15 @@ function InternalStatusBar({ languageLabel, cursorPosition, paneStatus, onErrorP
                         'aria-hidden': paneStatus !== 'hidden' && isTabFocused ? true : undefined,
                     } })))));
 }
-export const StatusBar = (props) => {
+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.width);
     const [virtualWidth, virtualStatusLeftBarRef] = useContainerQuery(rect => rect.width);
     const minifyCounters = virtualWidth !== null && realWidth !== null && virtualWidth > realWidth;
     return (React.createElement(React.Fragment, null,
-        React.createElement(InternalStatusBar, Object.assign({ isVirtual: false }, props, { leftBarRef: statusLeftBarRef, minifyCounters: minifyCounters })),
-        React.createElement(InternalStatusBar, Object.assign({ isVirtual: true }, props, { leftBarRef: virtualStatusLeftBarRef, minifyCounters: false }))));
+        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/lib/internal/template/code-editor/status-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"status-bar.js","sourceRoot":"lib/default/","sources":["code-editor/status-bar.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;~~AA8B5F~~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~~KAAqB~~,EAAE,EAAE;~~IACjD~~,yFAAyF;IACzF,oDAAoD;IACpD,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,YAAY,EAAE,uBAAuB,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEtF,MAAM,cAAc,GAAG,YAAY,KAAK,IAAI,IAAI,SAAS,KAAK,IAAI,IAAI,YAAY,GAAG,SAAS,CAAC;IAE/F,OAAO,CACL;QACE,oBAAC,iBAAiB,~~kBAAC~~,SAAS,~~EAAE~~,~~KAAK~~,~~IAAM~~,KAAK,~~IAAE~~,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,~~IAAI~~;~~QAChH~~,oBAAC,iBAAiB,~~kBAAC~~,SAAS,EAAE,IAAI,~~IAAM~~,~~KAAK,IAAE,~~UAAU,EAAE,uBAAuB,EAAE,cAAc,EAAE,KAAK,IAAI,~~CAC5G~~,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\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 { useContainerQuery } from '../internal/hooks/container-queries/use-container-query';\nimport { CodeEditorProps } from './interfaces';\n\ninterface StatusBarProps {\n languageLabel: string;\n cursorPosition: string;\n paneStatus: string;\n ~~errorsTabRef: React.RefObject<HTMLButtonElement>;\n warningsTabRef: React.RefObject<HTMLButtonElement>;\n~~ isTabFocused: boolean;\n paneId?: string;\n i18nStrings: CodeEditorProps.I18nStrings;\n errorCount: number;\n warningCount: number;\n isRefresh: boolean;\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 errorText = `${i18nStrings.errorsTab}: ${errorCount}`;\n const warningText = `${i18nStrings.warningsTab}: ${warningCount}`;\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 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 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={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 = (~~props~~: 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.width);\n const [virtualWidth, virtualStatusLeftBarRef] = useContainerQuery(rect => rect.width);\n\n const minifyCounters = virtualWidth !== null && realWidth !== null && virtualWidth > realWidth;\n\n return (\n <>\n <InternalStatusBar isVirtual={false} ~~{...props}~~ leftBarRef={statusLeftBarRef} minifyCounters={minifyCounters} />\n <InternalStatusBar isVirtual={true} ~~{...props}~~ leftBarRef={virtualStatusLeftBarRef} minifyCounters={false} />\n </>\n );\n};\n"]}
1	+ {"version":3,"file":"status-bar.js","sourceRoot":"lib/default/","sources":["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 { useContainerQuery } from '../internal/hooks/container-queries/use-container-query';\nimport { CodeEditorProps } from './interfaces';\n\ninterface StatusBarProps {\n languageLabel: string;\n cursorPosition: string;\n paneStatus: string;\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 errorText = `${i18nStrings.errorsTab}: ${errorCount}`;\n const warningText = `${i18nStrings.warningsTab}: ${warningCount}`;\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 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 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={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.width);\n const [virtualWidth, virtualStatusLeftBarRef] = useContainerQuery(rect => rect.width);\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"]}

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -249,7 +249,7 @@
   --color-border-input-disabled-ek5o0x:#eaeded;
   --color-border-item-focused-n5kd8g:#0073bb;
   --color-border-item-placeholder-wtgwev:transparent;
-  --color-border-item-selected-pr9yuf:#00a1c9;
+  --color-border-item-selected-592lau:#0073bb;
   --color-border-layout-ifju5o:#d5dbdb;
   --color-border-popover-jq2u63:#d5dbdb;
   --color-border-segment-active-9wobfw:#16191f;
@@ -823,6 +823,7 @@
   --color-border-dropdown-item-top-3kvhpl:#414750;
   --color-border-input-disabled-ek5o0x:#414750;
   --color-border-item-focused-n5kd8g:#00a1c9;
+  --color-border-item-selected-592lau:#00a1c9;
   --color-border-layout-ifju5o:#414750;
   --color-border-popover-jq2u63:#545b64;
   --color-border-segment-active-9wobfw:#ffffff;
@@ -1093,6 +1094,7 @@
   --color-border-dropdown-item-top-3kvhpl:#414750;
   --color-border-input-disabled-ek5o0x:#414750;
   --color-border-item-focused-n5kd8g:#00a1c9;
+  --color-border-item-selected-592lau:#00a1c9;
   --color-border-layout-ifju5o:#414750;
   --color-border-popover-jq2u63:#545b64;
   --color-border-segment-active-9wobfw:#ffffff;
@@ -1289,7 +1291,7 @@
   --color-border-input-disabled-ek5o0x:#e9ebed;
   --color-border-item-focused-n5kd8g:#0972d3;
   --color-border-item-placeholder-wtgwev:#0972d3;
-  --color-border-item-selected-pr9yuf:#0972d3;
+  --color-border-item-selected-592lau:#0972d3;
   --color-border-layout-ifju5o:#d1d5db;
   --color-border-popover-jq2u63:#9ba7b6;
   --color-border-segment-active-9wobfw:#414d5c;
@@ -1622,7 +1624,7 @@
   --color-border-input-disabled-ek5o0x:#192534;
   --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
-  --color-border-item-selected-pr9yuf:#539fe5;
+  --color-border-item-selected-592lau:#539fe5;
   --color-border-layout-ifju5o:#354150;
   --color-border-popover-jq2u63:#5f6b7a;
   --color-border-segment-active-9wobfw:#d1d5db;
@@ -1879,7 +1881,7 @@
   --color-border-input-disabled-ek5o0x:#192534;
   --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
-  --color-border-item-selected-pr9yuf:#539fe5;
+  --color-border-item-selected-592lau:#539fe5;
   --color-border-layout-ifju5o:#354150;
   --color-border-popover-jq2u63:#5f6b7a;
   --color-border-segment-active-9wobfw:#d1d5db;
@@ -2062,7 +2064,7 @@
   --color-border-input-disabled-ek5o0x:#192534;
   --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
-  --color-border-item-selected-pr9yuf:#539fe5;
+  --color-border-item-selected-592lau:#539fe5;
   --color-border-layout-ifju5o:#354150;
   --color-border-popover-jq2u63:#5f6b7a;
   --color-border-segment-active-9wobfw:#d1d5db;
@@ -2247,7 +2249,7 @@
   --color-border-input-disabled-ek5o0x:#192534;
   --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
-  --color-border-item-selected-pr9yuf:#539fe5;
+  --color-border-item-selected-592lau:#539fe5;
   --color-border-layout-ifju5o:#354150;
   --color-border-popover-jq2u63:#5f6b7a;
   --color-border-segment-active-9wobfw:#d1d5db;
@@ -2442,7 +2444,7 @@
   --color-border-input-disabled-ek5o0x:#192534;
   --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
-  --color-border-item-selected-pr9yuf:#539fe5;
+  --color-border-item-selected-592lau:#539fe5;
   --color-border-layout-ifju5o:#354150;
   --color-border-popover-jq2u63:#5f6b7a;
   --color-border-segment-active-9wobfw:#d1d5db;

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_1gx6f_97",
-  "arrow": "awsui_arrow_18eso_1gx6f_97",
-  "has-caret": "awsui_has-caret_18eso_1gx6f_137",
-  "placeholder": "awsui_placeholder_18eso_1gx6f_140",
-  "pressed": "awsui_pressed_18eso_1gx6f_153",
-  "disabled": "awsui_disabled_18eso_1gx6f_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1gx6f_165",
-  "read-only": "awsui_read-only_18eso_1gx6f_171",
-  "invalid": "awsui_invalid_18eso_1gx6f_188"
+  "button-trigger": "awsui_button-trigger_18eso_170ad_97",
+  "arrow": "awsui_arrow_18eso_170ad_97",
+  "has-caret": "awsui_has-caret_18eso_170ad_137",
+  "placeholder": "awsui_placeholder_18eso_170ad_140",
+  "pressed": "awsui_pressed_18eso_170ad_153",
+  "disabled": "awsui_disabled_18eso_170ad_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_170ad_165",
+  "read-only": "awsui_read-only_18eso_170ad_171",
+  "invalid": "awsui_invalid_18eso_170ad_188"
 };

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED Viewed

@@ -94,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_1gx6f_97 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97 > .awsui_arrow_18eso_170ad_97:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_1gx6f_97 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+  .awsui_button-trigger_18eso_170ad_97 > .awsui_arrow_18eso_170ad_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_1gx6f_97 > .awsui_arrow_18eso_1gx6f_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1gx6f_97 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_170ad_97 > .awsui_arrow_18eso_170ad_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_170ad_97 > .awsui_arrow_18eso_170ad_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -112,7 +112,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -160,58 +160,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-t7b5of, #879596);
   min-height: var(--size-vertical-input-ikahdk, 32px);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_has-caret_18eso_1gx6f_137:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_has-caret_18eso_170ad_137:not(#\9) {
   padding-right: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_button-trigger_18eso_1gx6f_97 > .awsui_placeholder_18eso_1gx6f_140:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97 > .awsui_placeholder_18eso_170ad_140:not(#\9) {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_1gx6f_97 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97 > .awsui_arrow_18eso_170ad_97:not(#\9) {
   position: absolute;
   right: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
 }
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9):hover > .awsui_arrow_18eso_1gx6f_97 {
+.awsui_button-trigger_18eso_170ad_97:not(#\9):hover > .awsui_arrow_18eso_170ad_97 {
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_pressed_18eso_1gx6f_153 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_pressed_18eso_170ad_153 > .awsui_arrow_18eso_170ad_97:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_disabled_18eso_1gx6f_156:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_disabled_18eso_170ad_156:not(#\9) {
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
   color: var(--color-text-input-disabled-zfb02z, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_disabled_18eso_1gx6f_156 > .awsui_arrow_18eso_1gx6f_97:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_disabled_18eso_170ad_156 > .awsui_arrow_18eso_170ad_97:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_disabled_18eso_1gx6f_156.awsui_in-filtering-token_18eso_1gx6f_165:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_disabled_18eso_170ad_156.awsui_in-filtering-token_18eso_170ad_165:not(#\9) {
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_disabled_18eso_1gx6f_156 > .awsui_placeholder_18eso_1gx6f_140:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_disabled_18eso_170ad_156 > .awsui_placeholder_18eso_170ad_140:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_read-only_18eso_1gx6f_171:not(#\9) {
+.awsui_button-trigger_18eso_170ad_97.awsui_read-only_18eso_170ad_171:not(#\9) {
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
 }
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9):focus {
+.awsui_button-trigger_18eso_170ad_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: var(--border-radius-input-fterib, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165):invalid {
+.awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165).awsui_invalid_18eso_1gx6f_188, .awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165).awsui_invalid_18eso_1gx6f_188:focus {
+.awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165).awsui_invalid_18eso_170ad_188, .awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165).awsui_invalid_18eso_170ad_188:focus {
   color: var(--color-text-status-error-jer77f, #d13212);
   border-color: var(--color-text-status-error-jer77f, #d13212);
   padding-left: calc(
@@ -219,23 +219,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1gx6f_97:not(#\9
 );
   border-left-width: var(--border-invalid-width-glmng5, 4px);
 }
-.awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165).awsui_invalid_18eso_1gx6f_188:focus, .awsui_button-trigger_18eso_1gx6f_97:not(#\9):not(.awsui_in-filtering-token_18eso_1gx6f_165).awsui_invalid_18eso_1gx6f_188:focus:focus {
+.awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165).awsui_invalid_18eso_170ad_188:focus, .awsui_button-trigger_18eso_170ad_97:not(#\9):not(.awsui_in-filtering-token_18eso_170ad_165).awsui_invalid_18eso_170ad_188:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_button-trigger_18eso_1gx6f_97.awsui_in-filtering-token_18eso_1gx6f_165:not(#\9) {
-  border-color: var(--color-border-item-selected-pr9yuf, #00a1c9);
+.awsui_button-trigger_18eso_170ad_97.awsui_in-filtering-token_18eso_170ad_165:not(#\9) {
+  border-color: var(--color-border-item-selected-592lau, #0073bb);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   height: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1gx6f_97.awsui_in-filtering-token_18eso_1gx6f_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_170ad_97.awsui_in-filtering-token_18eso_170ad_165:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1gx6f_97.awsui_in-filtering-token_18eso_1gx6f_165:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_170ad_97.awsui_in-filtering-token_18eso_170ad_165:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0nruvp, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1gx6f_97.awsui_in-filtering-token_18eso_1gx6f_165:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_170ad_97.awsui_in-filtering-token_18eso_170ad_165:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_1gx6f_97",
-  "arrow": "awsui_arrow_18eso_1gx6f_97",
-  "has-caret": "awsui_has-caret_18eso_1gx6f_137",
-  "placeholder": "awsui_placeholder_18eso_1gx6f_140",
-  "pressed": "awsui_pressed_18eso_1gx6f_153",
-  "disabled": "awsui_disabled_18eso_1gx6f_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1gx6f_165",
-  "read-only": "awsui_read-only_18eso_1gx6f_171",
-  "invalid": "awsui_invalid_18eso_1gx6f_188"
+  "button-trigger": "awsui_button-trigger_18eso_170ad_97",
+  "arrow": "awsui_arrow_18eso_170ad_97",
+  "has-caret": "awsui_has-caret_18eso_170ad_137",
+  "placeholder": "awsui_placeholder_18eso_170ad_140",
+  "pressed": "awsui_pressed_18eso_170ad_153",
+  "disabled": "awsui_disabled_18eso_170ad_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_170ad_165",
+  "read-only": "awsui_read-only_18eso_170ad_171",
+  "invalid": "awsui_invalid_18eso_170ad_188"
 };

package/lib/internal/template/internal/components/filtering-token/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_10m3l_ceye0_97",
-  "token": "awsui_token_10m3l_ceye0_102",
-  "show-operation": "awsui_show-operation_10m3l_ceye0_113",
-  "select": "awsui_select_10m3l_ceye0_119",
-  "token-content": "awsui_token-content_10m3l_ceye0_123",
-  "dismiss-button": "awsui_dismiss-button_10m3l_ceye0_127",
-  "token-disabled": "awsui_token-disabled_10m3l_ceye0_163"
+  "root": "awsui_root_10m3l_pt0za_97",
+  "token": "awsui_token_10m3l_pt0za_102",
+  "show-operation": "awsui_show-operation_10m3l_pt0za_113",
+  "select": "awsui_select_10m3l_pt0za_119",
+  "token-content": "awsui_token-content_10m3l_pt0za_123",
+  "dismiss-button": "awsui_dismiss-button_10m3l_pt0za_127",
+  "token-disabled": "awsui_token-disabled_10m3l_pt0za_163"
 };

package/lib/internal/template/internal/components/filtering-token/styles.scoped.css CHANGED Viewed

@@ -94,13 +94,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_10m3l_ceye0_97:not(#\9) {
+.awsui_root_10m3l_pt0za_97:not(#\9) {
   display: flex;
   align-content: stretch;
 }
-.awsui_token_10m3l_ceye0_102:not(#\9) {
-  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
+.awsui_token_10m3l_pt0za_102:not(#\9) {
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   display: flex;
   align-items: stretch;
   background: var(--color-background-item-selected-fva7ca, #f1faff);
@@ -110,37 +110,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
-.awsui_show-operation_10m3l_ceye0_113:not(#\9) {
+.awsui_show-operation_10m3l_pt0za_113:not(#\9) {
   border-left: none;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_select_10m3l_ceye0_119:not(#\9) {
+.awsui_select_10m3l_pt0za_119:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-content_10m3l_ceye0_123:not(#\9) {
+.awsui_token-content_10m3l_pt0za_123:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-z3i1c8, 8px);
 }
-.awsui_dismiss-button_10m3l_ceye0_127:not(#\9) {
+.awsui_dismiss-button_10m3l_pt0za_127:not(#\9) {
   width: 30px;
   margin: 0;
   border: none;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-interactive-default-9me1cm, #545b64);
   background-color: transparent;
-  border-left: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
+  border-left: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_ceye0_127:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pt0za_127:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_ceye0_127:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pt0za_127:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-25v038, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_ceye0_127:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_pt0za_127:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -151,22 +151,22 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_ceye0_127:not(#\
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_dismiss-button_10m3l_ceye0_127:not(#\9):focus {
+.awsui_dismiss-button_10m3l_pt0za_127:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_10m3l_ceye0_127:not(#\9):hover {
+.awsui_dismiss-button_10m3l_pt0za_127:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-79wpl9, #16191f);
 }
-.awsui_token-disabled_10m3l_ceye0_163:not(#\9) {
+.awsui_token-disabled_10m3l_pt0za_163:not(#\9) {
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
   color: var(--color-text-disabled-pjiy51, #aab7b8);
   pointer-events: none;
 }
-.awsui_token-disabled_10m3l_ceye0_163 > .awsui_dismiss-button_10m3l_ceye0_127:not(#\9) {
+.awsui_token-disabled_10m3l_pt0za_163 > .awsui_dismiss-button_10m3l_pt0za_127:not(#\9) {
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }

package/lib/internal/template/internal/components/filtering-token/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_10m3l_ceye0_97",
-  "token": "awsui_token_10m3l_ceye0_102",
-  "show-operation": "awsui_show-operation_10m3l_ceye0_113",
-  "select": "awsui_select_10m3l_ceye0_119",
-  "token-content": "awsui_token-content_10m3l_ceye0_123",
-  "dismiss-button": "awsui_dismiss-button_10m3l_ceye0_127",
-  "token-disabled": "awsui_token-disabled_10m3l_ceye0_163"
+  "root": "awsui_root_10m3l_pt0za_97",
+  "token": "awsui_token_10m3l_pt0za_102",
+  "show-operation": "awsui_show-operation_10m3l_pt0za_113",
+  "select": "awsui_select_10m3l_pt0za_119",
+  "token-content": "awsui_token-content_10m3l_pt0za_123",
+  "dismiss-button": "awsui_dismiss-button_10m3l_pt0za_127",
+  "token-disabled": "awsui_token-disabled_10m3l_pt0za_163"
 };

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (b30cd34)';
+    export var PACKAGE_VERSION = '3.0.0 (574a45b)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/modal/internal.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { ModalProps } from './interfaces';
 import { SomeRequired } from '../internal/types';
 type InternalModalProps = SomeRequired<ModalProps, 'size' | 'closeAriaLabel'> & InternalBaseComponentProps;
-export default function InternalModal({ size, visible, header, children, footer, disableContentPaddings, onDismiss, modalRoot, __internalRootRef, ...rest }: InternalModalProps): JSX.Element;
+export default function InternalModal({ modalRoot, ...rest }: InternalModalProps): JSX.Element;
 export {};
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/modal/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,0BAA0B,CAAC;AAE3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,~~EACpC~~,~~IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,~~SAAS,~~EACT~~,~~SAAS,EACT,iBAAwB,EACxB,~~GAAG,IAAI,~~EACR~~,EAAE,kBAAkB,~~eAwHpB~~"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,0BAA0B,CAAC;AAE3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAM/E"}