npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1095 → 3.0.1096 - Mend

@cloudscape-design/components-themeable 3.0.1095 → 3.0.1096

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "fdbe23110e6b1aa619532563394cbb54497f865e"
+  "commit": "ce7b93a91e8c4bc0336bb2a1b87808678d84bede"
 }

package/lib/internal/scss/button/styles.scss CHANGED Viewed

@@ -49,6 +49,10 @@
   }
 }
+.content {
+  /* used in test-utils */
+}
 .button {
   @include styles.styles-reset;
   @include styles.text-wrapping;

package/lib/internal/scss/button/test-classes/styles.scss CHANGED Viewed

@@ -3,10 +3,10 @@
  SPDX-License-Identifier: Apache-2.0
 */
-.button,
-.content,
-.icon-left,
-.disabled-reason-tooltip,
+.disabled-reason-tooltip {
+  /* used in test-utils or tests */
+}
 .external-icon {
   /* used in test-utils or tests */
 }

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "fdbe2311";
+    $awsui-commit-hash: "ce7b93a9";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-y15yd5;
 $minContentWidth: --awsui-min-content-width-y15yd5;

package/lib/internal/template/button/icon-helper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-helper.d.ts","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;~~AAK3C~~,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA0BD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,sBAO9C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,sBAK/C"}
1	+ {"version":3,"file":"icon-helper.d.ts","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA0BD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,sBAO9C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,sBAK/C"}

package/lib/internal/template/button/icon-helper.js CHANGED Viewed

@@ -6,7 +6,6 @@ import clsx from 'clsx';
 import InternalIcon from '../icon/internal';
 import InternalSpinner from '../spinner/internal';
 import styles from './styles.css.js';
-import testUtilStyles from './test-classes/styles.css.js';
 function getIconAlign(props) {
     const standalone = props.variant === 'icon' || props.variant === 'inline-icon';
     return standalone ? 'left' : props.iconAlign;
@@ -20,7 +19,7 @@ function IconWrapper(_a) {
 }
 export function LeftIcon(props) {
     if (props.loading) {
-        return React.createElement(InternalSpinner, { className: clsx(styles.icon, styles['icon-left'], testUtilStyles['icon-left']) });
+        return React.createElement(InternalSpinner, { className: clsx(styles.icon, styles['icon-left']) });
     }
     else if (getIconAlign(props) === 'left') {
         return React.createElement(IconWrapper, Object.assign({}, props));

package/lib/internal/template/button/icon-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AACrC~~,~~OAAO,cAAc,MAAM,8BAA8B,CAAC;AAe1D,~~SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAmF;QAAnF,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,OAA6B,EAAxB,KAAK,cAAhE,kEAAkE,CAAF;IACnF,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;QACrC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,OAAO,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,~~EAAE,cAAc,~~CAAC,~~WAAW,CAAC,CAAC,~~GAAI,CAAC;~~KAC5G~~;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE;QACzC,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;KACnC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE;QACnC,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;KACnC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\~~nimport testUtilStyles from './test-classes/styles.css.js';\~~n\nexport interface ButtonIconProps {\n loading?: boolean;\n iconName?: ButtonProps['iconName'];\n iconAlign?: ButtonProps['iconAlign'];\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n iconAlt?: string;\n iconSize?: IconProps.Size;\n variant?: string;\n iconClass?: string;\n badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n const standalone = props.variant === 'icon' \|\| props.variant === 'inline-icon';\n\n return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n if (!iconName && !iconUrl && !iconSvg) {\n return null;\n }\n\n return (\n <InternalIcon\n className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n size={iconSize}\n badge={badge}\n />\n );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n if (props.loading) {\n return <InternalSpinner className={clsx(styles.icon, styles['icon-left']~~, testUtilStyles['icon-left']~~)} />;\n } else if (getIconAlign(props) === 'left') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n if (getIconAlign(props) === 'right') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n"]}
1	+ {"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAmF;QAAnF,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,OAA6B,EAAxB,KAAK,cAAhE,kEAAkE,CAAF;IACnF,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;QACrC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,OAAO,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAI,CAAC;KAC/E;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE;QACzC,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;KACnC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE;QACnC,OAAO,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAC;KACnC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ButtonIconProps {\n loading?: boolean;\n iconName?: ButtonProps['iconName'];\n iconAlign?: ButtonProps['iconAlign'];\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n iconAlt?: string;\n iconSize?: IconProps.Size;\n variant?: string;\n iconClass?: string;\n badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n const standalone = props.variant === 'icon' \|\| props.variant === 'inline-icon';\n\n return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n if (!iconName && !iconUrl && !iconSvg) {\n return null;\n }\n\n return (\n <InternalIcon\n className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n size={iconSize}\n badge={badge}\n />\n );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n if (props.loading) {\n return <InternalSpinner className={clsx(styles.icon, styles['icon-left'])} />;\n } else if (getIconAlign(props) === 'left') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n if (getIconAlign(props) === 'right') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n"]}

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

@@ -11,7 +11,6 @@ export type InternalButtonProps = Omit<ButtonProps, 'variant'> & {
     __title?: string;
     __emitPerformanceMarks?: boolean;
     __skipNativeAttributesWarnings?: boolean;
-    __hideFromTestUtils?: boolean;
 } & InternalBaseComponentProps;
 export declare const InternalButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
     variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss' | 'inline-icon-pointer-target';
@@ -23,7 +22,6 @@ export declare const InternalButton: React.ForwardRefExoticComponent<Omit<Button
     __title?: string | undefined;
     __emitPerformanceMarks?: boolean | undefined;
     __skipNativeAttributesWarnings?: boolean | undefined;
-    __hideFromTestUtils?: boolean | undefined;
 } & InternalBaseComponentProps & React.RefAttributes<ButtonProps.Ref>>;
 export default InternalButton;
 //# sourceMappingURL=internal.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwB3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AASlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EACJ,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,8BAA8B,CAAC,EAAE,OAAO,CAAC;~~IACzC~~,~~mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,~~GAAG,0BAA0B,CAAC;AAE/B,eAAO,MAAM,cAAc;~~cAjBrB~~,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B~~;;;;;;;;;;sEA2TjC~~,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwB3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AASlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EACJ,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C,GAAG,0BAA0B,CAAC;AAE/B,eAAO,MAAM,cAAc;cAhBrB,WAAW,CAAC,SAAS,CAAC,GACtB,eAAe,GACf,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,4BAA4B;;;;;;;;;sEAwTjC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -28,7 +28,7 @@ import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
 export const InternalButton = React.forwardRef((_a, ref) => {
     var _b;
-    var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, href, external, target: targetOverride, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, ariaExpanded, ariaControls, fullWidth, badge, i18nStrings, style, nativeButtonAttributes, nativeAnchorAttributes, __internalRootRef, __focusable = false, __injectAnalyticsComponentMetadata = false, __title, __emitPerformanceMarks = true, __skipNativeAttributesWarnings, __hideFromTestUtils = false, analyticsAction = 'click' } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "disabledReason", "wrapText", "href", "external", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "ariaExpanded", "ariaControls", "fullWidth", "badge", "i18nStrings", "style", "nativeButtonAttributes", "nativeAnchorAttributes", "__internalRootRef", "__focusable", "__injectAnalyticsComponentMetadata", "__title", "__emitPerformanceMarks", "__skipNativeAttributesWarnings", "__hideFromTestUtils", "analyticsAction"]);
+    var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, href, external, target: targetOverride, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, ariaExpanded, ariaControls, fullWidth, badge, i18nStrings, style, nativeButtonAttributes, nativeAnchorAttributes, __internalRootRef, __focusable = false, __injectAnalyticsComponentMetadata = false, __title, __emitPerformanceMarks = true, __skipNativeAttributesWarnings, analyticsAction = 'click' } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "disabledReason", "wrapText", "href", "external", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "ariaExpanded", "ariaControls", "fullWidth", "badge", "i18nStrings", "style", "nativeButtonAttributes", "nativeAnchorAttributes", "__internalRootRef", "__focusable", "__injectAnalyticsComponentMetadata", "__title", "__emitPerformanceMarks", "__skipNativeAttributesWarnings", "analyticsAction"]);
     const [showTooltip, setShowTooltip] = useState(false);
     checkSafeUrl('Button', href);
     const isAnchor = Boolean(href);
@@ -86,7 +86,6 @@ export const InternalButton = React.forwardRef((_a, ref) => {
         buttonContext.onClick({ variant });
     };
     const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {
-        [testUtilStyles.button]: !__hideFromTestUtils,
         [styles.disabled]: isNotInteractive,
         [styles['disabled-with-reason']]: isDisabledWithReason,
         [styles['button-no-wrap']]: !wrapText,
@@ -131,7 +130,7 @@ export const InternalButton = React.forwardRef((_a, ref) => {
     const buttonContent = (React.createElement(React.Fragment, null,
         React.createElement(LeftIcon, Object.assign({}, iconProps)),
         shouldHaveContent && (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: clsx(testUtilStyles.content, analyticsSelectors.label) }, children),
+            React.createElement("span", { className: clsx(styles.content, analyticsSelectors.label) }, children),
             external && (React.createElement(React.Fragment, null,
                 "\u00A0",
                 React.createElement(Icon, { name: "external", className: testUtilStyles['external-icon'], ariaLabel: i18n('i18nStrings.externalIconAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.externalIconAriaLabel) }))))),

package/lib/internal/template/button/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalLiveRegion from '../live-region/internal';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { getButtonStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?:\n \| ButtonProps['variant']\n \| 'flashbar-icon'\n \| 'breadcrumb-group'\n \| 'menu-trigger'\n \| 'modal-dismiss'\n \| 'inline-icon-pointer-target';\n badge?: boolean;\n analyticsAction?: string;\n __iconClass?: string;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n __skipNativeAttributesWarnings?: boolean;\n __hideFromTestUtils?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n style,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n __skipNativeAttributesWarnings,\n __hideFromTestUtils = false,\n analyticsAction = 'click',\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading \|\| disabled;\n const isDisabledWithReason =\n (variant === 'normal' \|\| variant === 'primary' \|\| variant === 'icon') && !!disabledReason && disabled;\n\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable) \|\| isDisabledWithReason;\n const shouldHaveContent =\n children &&\n ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;\n\n if ((iconName \|\| iconUrl \|\| iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [testUtilStyles.button]: !__hideFromTestUtils,\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex = nativeButtonAttributes?.tabIndex ?? nativeAnchorAttributes?.tabIndex;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(shouldHaveContent ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(testUtilStyles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n  \n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n trackRef={buttonRef}\n value={disabledReason!}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n const stylePropertiesAndVariables = getButtonStyles(style);\n\n if (isAnchor) {\n const getAnchorTabIndex = () => {\n if (isNotInteractive) {\n // If disabled with a reason, make it focusable so users can access the tooltip\n // Otherwise, resolve to the default button props tabIndex.\n return disabledReason ? 0 : buttonProps.tabIndex;\n }\n return buttonProps.tabIndex;\n };\n\n return (\n <>\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"a\"\n componentName=\"Button\"\n nativeAttributes={nativeAnchorAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n href={isNotInteractive ? undefined : href}\n role={isNotInteractive ? 'link' : undefined}\n tabIndex={getAnchorTabIndex()}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"button\"\n componentName=\"Button\"\n nativeAttributes={nativeButtonAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../i18n/context';\nimport Icon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getSubStepAllSelector,\n getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport useHiddenDescription from '../internal/hooks/use-hidden-description';\nimport { useModalContextLoadingButtonComponent } from '../internal/hooks/use-modal-component-analytics';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalLiveRegion from '../live-region/internal';\nimport { GeneratedAnalyticsMetadataButtonFragment } from './analytics-metadata/interfaces';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { getButtonStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?:\n \| ButtonProps['variant']\n \| 'flashbar-icon'\n \| 'breadcrumb-group'\n \| 'menu-trigger'\n \| 'modal-dismiss'\n \| 'inline-icon-pointer-target';\n badge?: boolean;\n analyticsAction?: string;\n __iconClass?: string;\n __focusable?: boolean;\n __injectAnalyticsComponentMetadata?: boolean;\n __title?: string;\n __emitPerformanceMarks?: boolean;\n __skipNativeAttributesWarnings?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n wrapText = true,\n href,\n external,\n target: targetOverride,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n i18nStrings,\n style,\n nativeButtonAttributes,\n nativeAnchorAttributes,\n __internalRootRef,\n __focusable = false,\n __injectAnalyticsComponentMetadata = false,\n __title,\n __emitPerformanceMarks = true,\n __skipNativeAttributesWarnings,\n analyticsAction = 'click',\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const [showTooltip, setShowTooltip] = useState(false);\n\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const target = targetOverride ?? (external ? '_blank' : undefined);\n const isNotInteractive = loading \|\| disabled;\n const isDisabledWithReason =\n (variant === 'normal' \|\| variant === 'primary' \|\| variant === 'icon') && !!disabledReason && disabled;\n\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable) \|\| isDisabledWithReason;\n const shouldHaveContent =\n children &&\n ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss', 'inline-icon-pointer-target'].indexOf(variant) === -1;\n\n if ((iconName \|\| iconUrl \|\| iconSvg) && iconAlign === 'right' && external) {\n warnOnce('Button', 'A right-aligned icon should not be combined with an external icon.');\n }\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n const i18n = useInternalI18n('button');\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n () => variant === 'primary' && __emitPerformanceMarks && !loading && !disabled,\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n useModalContextLoadingButtonComponent(variant === 'primary', loading);\n\n const { targetProps, descriptionEl } = useHiddenDescription(disabledReason);\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getTextFromSelector(stepNameSelector);\n const subStepName = getTextFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['disabled-with-reason']]: isDisabledWithReason,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n [styles.link]: isAnchor,\n });\n\n const explicitTabIndex = nativeButtonAttributes?.tabIndex ?? nativeAnchorAttributes?.tabIndex;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive && !isDisabledWithReason ? -1 : explicitTabIndex,\n });\n\n const analyticsMetadata: GeneratedAnalyticsMetadataButtonFragment = disabled\n ? {}\n : {\n action: analyticsAction,\n detail: { label: { root: 'self' } },\n };\n if (__injectAnalyticsComponentMetadata) {\n analyticsMetadata.component = {\n name: 'awsui.Button',\n label: { root: 'self' },\n properties: { variant, disabled: `${disabled}` },\n };\n }\n\n const buttonProps = {\n ...props,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: __title ?? ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n ...getAnalyticsMetadataAttribute(analyticsMetadata),\n ...getAnalyticsLabelAttribute(shouldHaveContent ? `.${analyticsSelectors.label}` : ''),\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && (\n <>\n <span className={clsx(styles.content, analyticsSelectors.label)}>{children}</span>\n {external && (\n <>\n  \n <Icon\n name=\"external\"\n className={testUtilStyles['external-icon']}\n ariaLabel={i18n('i18nStrings.externalIconAriaLabel', i18nStrings?.externalIconAriaLabel)}\n />\n </>\n )}\n </>\n )}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n const disabledReasonProps = {\n onFocus: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onBlur: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n onMouseEnter: isDisabledWithReason ? () => setShowTooltip(true) : undefined,\n onMouseLeave: isDisabledWithReason ? () => setShowTooltip(false) : undefined,\n ...(isDisabledWithReason ? targetProps : {}),\n };\n const disabledReasonContent = (\n <>\n {descriptionEl}\n {showTooltip && (\n <Tooltip\n className={testUtilStyles['disabled-reason-tooltip']}\n trackRef={buttonRef}\n value={disabledReason!}\n onDismiss={() => setShowTooltip(false)}\n />\n )}\n </>\n );\n\n const stylePropertiesAndVariables = getButtonStyles(style);\n\n if (isAnchor) {\n const getAnchorTabIndex = () => {\n if (isNotInteractive) {\n // If disabled with a reason, make it focusable so users can access the tooltip\n // Otherwise, resolve to the default button props tabIndex.\n return disabledReason ? 0 : buttonProps.tabIndex;\n }\n return buttonProps.tabIndex;\n };\n\n return (\n <>\n <WithNativeAttributes<HTMLAnchorElement, React.AnchorHTMLAttributes<HTMLAnchorElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"a\"\n componentName=\"Button\"\n nativeAttributes={nativeAnchorAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n href={isNotInteractive ? undefined : href}\n role={isNotInteractive ? 'link' : undefined}\n tabIndex={getAnchorTabIndex()}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n\n return (\n <>\n <WithNativeAttributes<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>\n {...buttonProps}\n {...disabledReasonProps}\n tag=\"button\"\n componentName=\"Button\"\n nativeAttributes={nativeButtonAttributes}\n skipWarnings={__skipNativeAttributesWarnings}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable && !isDisabledWithReason}\n aria-disabled={hasAriaDisabled ? true : undefined}\n style={stylePropertiesAndVariables}\n >\n {buttonContent}\n {isDisabledWithReason && disabledReasonContent}\n </WithNativeAttributes>\n {loading && loadingText && (\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {loadingText}\n </InternalLiveRegion>\n )}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}

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

@@ -1,26 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_vjswe_16ugg_153",
-  "variant-normal": "awsui_variant-normal_vjswe_16ugg_202",
-  "disabled": "awsui_disabled_vjswe_16ugg_223",
-  "variant-primary": "awsui_variant-primary_vjswe_16ugg_231",
-  "variant-link": "awsui_variant-link_vjswe_16ugg_260",
-  "variant-icon": "awsui_variant-icon_vjswe_16ugg_289",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_16ugg_318",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_16ugg_376",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_16ugg_409",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_16ugg_438",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_16ugg_467",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_16ugg_501",
-  "button-no-text": "awsui_button-no-text_vjswe_16ugg_597",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_16ugg_601",
-  "full-width": "awsui_full-width_vjswe_16ugg_604",
-  "icon-left": "awsui_icon-left_vjswe_16ugg_626",
-  "icon-right": "awsui_icon-right_vjswe_16ugg_631",
-  "icon": "awsui_icon_vjswe_16ugg_626",
-  "link": "awsui_link_vjswe_16ugg_650",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_16ugg_650"
+  "content": "awsui_content_vjswe_17hx0_153",
+  "button": "awsui_button_vjswe_17hx0_157",
+  "variant-normal": "awsui_variant-normal_vjswe_17hx0_206",
+  "disabled": "awsui_disabled_vjswe_17hx0_227",
+  "variant-primary": "awsui_variant-primary_vjswe_17hx0_235",
+  "variant-link": "awsui_variant-link_vjswe_17hx0_264",
+  "variant-icon": "awsui_variant-icon_vjswe_17hx0_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_17hx0_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_17hx0_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_17hx0_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_17hx0_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_17hx0_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_17hx0_505",
+  "button-no-text": "awsui_button-no-text_vjswe_17hx0_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_17hx0_605",
+  "full-width": "awsui_full-width_vjswe_17hx0_608",
+  "icon-left": "awsui_icon-left_vjswe_17hx0_630",
+  "icon-right": "awsui_icon-right_vjswe_17hx0_635",
+  "icon": "awsui_icon_vjswe_17hx0_630",
+  "link": "awsui_link_vjswe_17hx0_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_17hx0_654"
 };

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

@@ -150,7 +150,11 @@ 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_vjswe_16ugg_153:not(#\9) {
+.awsui_content_vjswe_17hx0_153:not(#\9) {
+  /* used in test-utils */
+}
+.awsui_button_vjswe_17hx0_157:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -199,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   --awsui-style-focus-ring-box-shadow-y15yd5: 0 0 0 var(--awsui-style-focus-ring-border-width-y15yd5, 2px) var(--awsui-style-focus-ring-border-color-y15yd5, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-normal_vjswe_16ugg_202:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-normal_vjswe_17hx0_206:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, var(--color-background-button-normal-default-dtyxp3, #ffffff));
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-normal-default-u1ylq9, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, var(--color-border-button-normal-default-5cyqxe, #545b64));
@@ -207,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-normal_vjswe_16ugg_202:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-normal_vjswe_17hx0_206:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, var(--color-background-button-normal-hover-ljmwt8, #fafafa));
   border-color: var(--awsui-style-border-color-hover-y15yd5, var(--color-border-button-normal-hover-hv11nu, #16191f));
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-normal-hover-p4pvoi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-normal_vjswe_16ugg_202:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-normal_vjswe_17hx0_206:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, var(--color-background-button-normal-active-1mvgjj, #eaeded));
   border-color: var(--awsui-style-border-color-active-y15yd5, var(--color-border-button-normal-active-up8asc, #545b64));
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-normal-active-oypp2s, #16191f));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-normal_vjswe_16ugg_202.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-normal_vjswe_17hx0_206.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, var(--color-background-button-normal-disabled-rd09ns, #ffffff));
   border-color: var(--awsui-style-border-color-disabled-y15yd5, var(--color-border-button-normal-disabled-iu8edd, #d5dbdb));
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-button-normal-disabled-sr2mjc, #879596));
@@ -228,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-primary_vjswe_16ugg_231:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-primary_vjswe_17hx0_235:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, var(--color-background-button-primary-default-3w82vy, #0073bb));
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-primary-default-p4hpbt, #ffffff));
   border-color: var(--awsui-style-border-color-default-y15yd5, var(--color-background-button-primary-default-3w82vy, #0073bb));
@@ -236,20 +240,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-primary_vjswe_16ugg_231:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-primary_vjswe_17hx0_235:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, var(--color-background-button-primary-hover-o7mzaq, #0a4a74));
   border-color: var(--awsui-style-border-color-hover-y15yd5, var(--color-background-button-primary-hover-o7mzaq, #0a4a74));
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-primary-hover-aa75h0, #ffffff));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-primary_vjswe_16ugg_231:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-primary_vjswe_17hx0_235:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, var(--color-background-button-primary-active-78nndc, #12293b));
   border-color: var(--awsui-style-border-color-active-y15yd5, var(--color-background-button-primary-active-78nndc, #12293b));
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-primary-active-mc67wn, #ffffff));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-primary_vjswe_16ugg_231.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-primary_vjswe_17hx0_235.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, var(--color-background-button-primary-disabled-1tc1nl, #ffffff));
   border-color: var(--awsui-style-border-color-disabled-y15yd5, var(--color-border-button-primary-disabled-xk738n, #d5dbdb));
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-button-primary-disabled-xs2e2t, #879596));
@@ -257,7 +261,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-link_vjswe_16ugg_260:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-link_vjswe_17hx0_264:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-normal-default-u1ylq9, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -265,20 +269,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-link_vjswe_16ugg_260:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-link_vjswe_17hx0_264:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, var(--color-background-button-link-hover-0o9e67, #fafafa));
   border-color: var(--awsui-style-border-color-hover-y15yd5, var(--color-background-button-link-hover-0o9e67, #fafafa));
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-normal-hover-p4pvoi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-link_vjswe_16ugg_260:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-link_vjswe_17hx0_264:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, var(--color-background-button-link-active-twcnhp, #eaeded));
   border-color: var(--awsui-style-border-color-active-y15yd5, var(--color-background-button-link-active-twcnhp, #eaeded));
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-normal-active-oypp2s, #16191f));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-link_vjswe_16ugg_260.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-link_vjswe_17hx0_264.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -286,7 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-icon_vjswe_16ugg_289:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-icon_vjswe_17hx0_293:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-interactive-default-qwoe3g, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -294,20 +298,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-icon_vjswe_16ugg_289:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-icon_vjswe_17hx0_293:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-interactive-hover-bu4gls, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-icon_vjswe_16ugg_289:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-icon_vjswe_17hx0_293:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-interactive-default-qwoe3g, #545b64));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-icon_vjswe_16ugg_289.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-icon_vjswe_17hx0_293.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-button-icon-disabled-xkerbo, #879596));
@@ -315,7 +319,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -323,20 +327,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-inline-icon-hover-9zejqi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
@@ -344,7 +348,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -352,20 +356,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-inline-icon-hover-9zejqi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
@@ -373,7 +377,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-normal-default-u1ylq9, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -385,20 +389,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-normal-hover-p4pvoi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-normal-active-oypp2s, #16191f));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -406,7 +410,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-modal-dismiss_vjswe_16ugg_409:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-modal-dismiss_vjswe_17hx0_413:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-interactive-default-qwoe3g, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -414,20 +418,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-modal-dismiss_vjswe_16ugg_409:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-modal-dismiss_vjswe_17hx0_413:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-interactive-hover-bu4gls, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-modal-dismiss_vjswe_16ugg_409:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-modal-dismiss_vjswe_17hx0_413:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-interactive-default-qwoe3g, #545b64));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-modal-dismiss_vjswe_16ugg_409.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-modal-dismiss_vjswe_17hx0_413.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -435,7 +439,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-flashbar-icon_vjswe_16ugg_438:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-flashbar-icon_vjswe_17hx0_442:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-interactive-inverted-default-hyioba, #d5dbdb));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -443,20 +447,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-flashbar-icon_vjswe_16ugg_438:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-flashbar-icon_vjswe_17hx0_442:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-interactive-inverted-hover-p0x69h, #fafafa));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-flashbar-icon_vjswe_16ugg_438:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-flashbar-icon_vjswe_17hx0_442:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-interactive-inverted-default-hyioba, #d5dbdb));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-flashbar-icon_vjswe_16ugg_438.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-flashbar-icon_vjswe_17hx0_442.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -464,7 +468,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-breadcrumb-group_vjswe_16ugg_467:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-breadcrumb-group_vjswe_17hx0_471:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -477,20 +481,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   font-weight: normal;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-breadcrumb-group_vjswe_16ugg_467:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-breadcrumb-group_vjswe_17hx0_471:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-breadcrumb-group_vjswe_16ugg_467:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-breadcrumb-group_vjswe_17hx0_471:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-breadcrumb-group_vjswe_16ugg_467.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-breadcrumb-group_vjswe_17hx0_471.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -498,7 +502,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-menu-trigger_vjswe_16ugg_501:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-menu-trigger_vjswe_17hx0_505:not(#\9) {
   background: var(--awsui-style-background-default-y15yd5, transparent);
   color: var(--awsui-style-color-default-y15yd5, var(--color-text-button-normal-default-u1ylq9, #545b64));
   border-color: var(--awsui-style-border-color-default-y15yd5, transparent);
@@ -506,20 +510,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-menu-trigger_vjswe_16ugg_501:not(#\9):hover {
+.awsui_button_vjswe_17hx0_157.awsui_variant-menu-trigger_vjswe_17hx0_505:not(#\9):hover {
   background: var(--awsui-style-background-hover-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-hover-y15yd5, transparent);
   color: var(--awsui-style-color-hover-y15yd5, var(--color-text-button-normal-hover-p4pvoi, #16191f));
   box-shadow: var(--awsui-style-box-shadow-hover-y15yd5);
   text-decoration: none;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-menu-trigger_vjswe_16ugg_501:not(#\9):active {
+.awsui_button_vjswe_17hx0_157.awsui_variant-menu-trigger_vjswe_17hx0_505:not(#\9):active {
   background: var(--awsui-style-background-active-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-active-y15yd5, transparent);
   color: var(--awsui-style-color-active-y15yd5, var(--color-text-button-normal-active-oypp2s, #16191f));
   box-shadow: var(--awsui-style-box-shadow-active-y15yd5);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-menu-trigger_vjswe_16ugg_501.awsui_disabled_vjswe_16ugg_223:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-menu-trigger_vjswe_17hx0_505.awsui_disabled_vjswe_17hx0_227:not(#\9) {
   background: var(--awsui-style-background-disabled-y15yd5, transparent);
   border-color: var(--awsui-style-border-color-disabled-y15yd5, transparent);
   color: var(--awsui-style-color-disabled-y15yd5, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
@@ -527,18 +531,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
   cursor: auto;
 }
-.awsui_button_vjswe_16ugg_153:not(#\9):focus {
+.awsui_button_vjswe_17hx0_157:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -552,14 +556,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-y15yd5);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-icon_vjswe_16ugg_289, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_16ugg_409, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_16ugg_438 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-icon_vjswe_17hx0_293, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_17hx0_413, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_17hx0_442 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-icon_vjswe_16ugg_289, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_16ugg_409, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_16ugg_438 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-icon_vjswe_17hx0_293, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_17hx0_413, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_17hx0_442 {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-icon_vjswe_16ugg_289::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_16ugg_409::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_16ugg_438::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-icon_vjswe_17hx0_293::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_17hx0_413::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_17hx0_442::before {
   content: " ";
   display: block;
   position: absolute;
@@ -573,14 +577,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-y15yd5);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon_vjswe_16ugg_318, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_17hx0_322, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon_vjswe_16ugg_318, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347 {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_17hx0_322, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351 {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon_vjswe_16ugg_318::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347::before {
+body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_17hx0_322::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_17hx0_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351::before {
   content: " ";
   display: block;
   position: absolute;
@@ -594,59 +598,59 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_16ugg_153:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button_vjswe_16ugg_153.awsui_button-no-text_vjswe_16ugg_597:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_button-no-text_vjswe_17hx0_601:not(#\9) {
   padding-inline-start: var(--space-button-icon-only-horizontal-67q6rd, 16px);
   padding-inline-end: var(--space-button-icon-only-horizontal-67q6rd, 16px);
 }
-.awsui_button_vjswe_16ugg_153.awsui_button-no-wrap_vjswe_16ugg_601:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_button-no-wrap_vjswe_17hx0_605:not(#\9) {
   white-space: nowrap;
 }
-.awsui_button_vjswe_16ugg_153.awsui_full-width_vjswe_16ugg_604:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_full-width_vjswe_17hx0_608:not(#\9) {
   inline-size: 100%;
   text-align: center;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-icon_vjswe_16ugg_289:not(#\9), .awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318:not(#\9), .awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347:not(#\9), .awsui_button_vjswe_16ugg_153.awsui_variant-flashbar-icon_vjswe_16ugg_438:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-icon_vjswe_17hx0_293:not(#\9), .awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322:not(#\9), .awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351:not(#\9), .awsui_button_vjswe_17hx0_157.awsui_variant-flashbar-icon_vjswe_17hx0_442:not(#\9) {
   padding-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-modal-dismiss_vjswe_16ugg_409:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-modal-dismiss_vjswe_17hx0_413:not(#\9) {
   padding-block: var(--space-button-modal-dismiss-vertical-yopl9m, 4px);
   padding-inline: var(--space-xxs-jnczic, 4px);
   margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon_vjswe_16ugg_318:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon_vjswe_17hx0_322:not(#\9) {
   padding-block: 0;
   border-block-width: 0;
   border-inline-width: 0;
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351:not(#\9) {
   padding-block: var(--space-xxxs-3w1kr2, 2px);
   border-block-width: 0;
   border-inline-width: 0;
 }
-.awsui_button_vjswe_16ugg_153 > .awsui_icon-left_vjswe_16ugg_626:not(#\9) {
+.awsui_button_vjswe_17hx0_157 > .awsui_icon-left_vjswe_17hx0_630:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_button_vjswe_16ugg_153 > .awsui_icon-right_vjswe_16ugg_631:not(#\9) {
+.awsui_button_vjswe_17hx0_157 > .awsui_icon-right_vjswe_17hx0_635:not(#\9) {
   position: relative;
   inset-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376 > .awsui_icon-left_vjswe_16ugg_626:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380 > .awsui_icon-left_vjswe_17hx0_630:not(#\9) {
   inset-inline-start: 0;
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_button_vjswe_16ugg_153.awsui_variant-inline-link_vjswe_16ugg_376 > .awsui_icon-right_vjswe_16ugg_631:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_variant-inline-link_vjswe_17hx0_380 > .awsui_icon-right_vjswe_17hx0_635:not(#\9) {
   inset-inline-end: 0;
   margin-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_button_vjswe_16ugg_153.awsui_button-no-text_vjswe_16ugg_597 > .awsui_icon_vjswe_16ugg_626:not(#\9) {
+.awsui_button_vjswe_17hx0_157.awsui_button-no-text_vjswe_17hx0_601 > .awsui_icon_vjswe_17hx0_630:not(#\9) {
   margin-inline-start: auto;
   margin-inline-end: auto;
   inset-inline: 0;
 }
-.awsui_link_vjswe_16ugg_650.awsui_disabled_vjswe_16ugg_223:not(#\9):not(.awsui_disabled-with-reason_vjswe_16ugg_650) {
+.awsui_link_vjswe_17hx0_654.awsui_disabled_vjswe_17hx0_227:not(#\9):not(.awsui_disabled-with-reason_vjswe_17hx0_654) {
   pointer-events: none;
 }

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

@@ -2,26 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_vjswe_16ugg_153",
-  "variant-normal": "awsui_variant-normal_vjswe_16ugg_202",
-  "disabled": "awsui_disabled_vjswe_16ugg_223",
-  "variant-primary": "awsui_variant-primary_vjswe_16ugg_231",
-  "variant-link": "awsui_variant-link_vjswe_16ugg_260",
-  "variant-icon": "awsui_variant-icon_vjswe_16ugg_289",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_16ugg_318",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_16ugg_347",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_16ugg_376",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_16ugg_409",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_16ugg_438",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_16ugg_467",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_16ugg_501",
-  "button-no-text": "awsui_button-no-text_vjswe_16ugg_597",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_16ugg_601",
-  "full-width": "awsui_full-width_vjswe_16ugg_604",
-  "icon-left": "awsui_icon-left_vjswe_16ugg_626",
-  "icon-right": "awsui_icon-right_vjswe_16ugg_631",
-  "icon": "awsui_icon_vjswe_16ugg_626",
-  "link": "awsui_link_vjswe_16ugg_650",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_16ugg_650"
+  "content": "awsui_content_vjswe_17hx0_153",
+  "button": "awsui_button_vjswe_17hx0_157",
+  "variant-normal": "awsui_variant-normal_vjswe_17hx0_206",
+  "disabled": "awsui_disabled_vjswe_17hx0_227",
+  "variant-primary": "awsui_variant-primary_vjswe_17hx0_235",
+  "variant-link": "awsui_variant-link_vjswe_17hx0_264",
+  "variant-icon": "awsui_variant-icon_vjswe_17hx0_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_17hx0_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_17hx0_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_17hx0_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_17hx0_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_17hx0_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_17hx0_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_17hx0_505",
+  "button-no-text": "awsui_button-no-text_vjswe_17hx0_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_17hx0_605",
+  "full-width": "awsui_full-width_vjswe_17hx0_608",
+  "icon-left": "awsui_icon-left_vjswe_17hx0_630",
+  "icon-right": "awsui_icon-right_vjswe_17hx0_635",
+  "icon": "awsui_icon_vjswe_17hx0_630",
+  "link": "awsui_link_vjswe_17hx0_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_17hx0_654"
 };

package/lib/internal/template/button/test-classes/styles.css.js CHANGED Viewed

@@ -1,10 +1,7 @@
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_1ueyk_1xee3_5",
-  "content": "awsui_content_1ueyk_1xee3_6",
-  "icon-left": "awsui_icon-left_1ueyk_1xee3_7",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ueyk_1xee3_8",
-  "external-icon": "awsui_external-icon_1ueyk_1xee3_9"
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ueyk_ca6yt_5",
+  "external-icon": "awsui_external-icon_1ueyk_ca6yt_9"
 };

package/lib/internal/template/button/test-classes/styles.scoped.css CHANGED Viewed

@@ -2,10 +2,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button_1ueyk_1xee3_5:not(#\9),
-.awsui_content_1ueyk_1xee3_6:not(#\9),
-.awsui_icon-left_1ueyk_1xee3_7:not(#\9),
-.awsui_disabled-reason-tooltip_1ueyk_1xee3_8:not(#\9),
-.awsui_external-icon_1ueyk_1xee3_9:not(#\9) {
+.awsui_disabled-reason-tooltip_1ueyk_ca6yt_5:not(#\9) {
+  /* used in test-utils or tests */
+}
+.awsui_external-icon_1ueyk_ca6yt_9:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/button/test-classes/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_1ueyk_1xee3_5",
-  "content": "awsui_content_1ueyk_1xee3_6",
-  "icon-left": "awsui_icon-left_1ueyk_1xee3_7",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ueyk_1xee3_8",
-  "external-icon": "awsui_external-icon_1ueyk_1xee3_9"
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ueyk_ca6yt_5",
+  "external-icon": "awsui_external-icon_1ueyk_ca6yt_9"
 };

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

@@ -3890,5 +3890,5 @@
   }
 }
 :root {
-  --awsui-version-info-fdbe2311: true;
+  --awsui-version-info-ce7b93a9: true;
 }

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 (fdbe2311)";
-export var GIT_SHA = "fdbe2311";
+export var PACKAGE_VERSION = "3.0.0 (ce7b93a9)";
+export var GIT_SHA = "ce7b93a9";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

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

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (fdbe2311)",
-  "GIT_SHA": "fdbe2311",
+  "PACKAGE_VERSION": "3.0.0 (ce7b93a9)",
+  "GIT_SHA": "ce7b93a9",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/lib/internal/template/test-utils/dom/button/index.js CHANGED Viewed

@@ -9,11 +9,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
-const styles_selectors_js_1 = require("../../../button/test-classes/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../spinner/styles.selectors.js");
+const styles_selectors_js_1 = require("../../../button/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../button/test-classes/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../spinner/styles.selectors.js");
 class ButtonWrapper extends dom_1.ComponentWrapper {
     findLoadingIndicator() {
-        return this.find(`.${styles_selectors_js_1.default['icon-left']}.${styles_selectors_js_2.default.root}`);
+        return this.find(`.${styles_selectors_js_1.default['icon-left']}.${styles_selectors_js_3.default.root}`);
     }
     findTextRegion() {
         return this.find(`.${styles_selectors_js_1.default.content}`);
@@ -22,7 +23,7 @@ class ButtonWrapper extends dom_1.ComponentWrapper {
         return this.element.disabled || this.element.getAttribute('aria-disabled') === 'true';
     }
     findDisabledReason() {
-        return (0, dom_1.createWrapper)().find(`.${styles_selectors_js_1.default['disabled-reason-tooltip']}`);
+        return (0, dom_1.createWrapper)().find(`.${styles_selectors_js_2.default['disabled-reason-tooltip']}`);
     }
 }
 ButtonWrapper.rootSelector = styles_selectors_js_1.default.button;

package/lib/internal/template/test-utils/dom/button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAElH,0FAAqF;AACrF,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,~~6BAAqB~~,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;~~IACnF~~,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,~~6BAAqB~~,CAAC,OAAO,EAAE,CAAC,CAAC;~~IACxD~~,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC;;AAjBM,0BAAY,GAAW,~~6BAAqB~~,CAAC,MAAM,CAAC;~~AAW3D~~;IADC,aAAO;+CAGP;AAdH,gCAmBC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAkH;AAElH,6EAAyD;AACzD,0FAAqF;AACrF,8EAAiE;AAEjE,MAAqB,aAAc,SAAQ,sBAAmC;IAG5E,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IAGD,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IACxF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAA,mBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC;;AAjBM,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC;AAW5C;IADC,aAAO;+CAGP;AAdH,gCAmBC"}

package/lib/internal/template/test-utils/dom/toggle-button/index.js CHANGED Viewed

@@ -10,13 +10,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 const button_1 = require("../button");
-const styles_selectors_js_1 = require("../../../toggle-button/test-classes/styles.selectors.js");
+const styles_selectors_js_1 = require("../../../button/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../toggle-button/styles.selectors.js");
 class ToggleButtonWrapper extends button_1.default {
     isPressed() {
-        return this.element.classList.contains(styles_selectors_js_1.default.pressed);
+        return this.element.classList.contains(styles_selectors_js_2.default.pressed);
     }
 }
-ToggleButtonWrapper.rootSelector = styles_selectors_js_1.default.root;
+ToggleButtonWrapper.rootSelector = styles_selectors_js_1.default.button;
 __decorate([
     dom_1.usesDom
 ], ToggleButtonWrapper.prototype, "isPressed", null);

package/lib/internal/template/test-utils/dom/toggle-button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/toggle-button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiE;AAEjE,sCAAsC;AAEtC,~~iGAAiF~~;~~AAEjF~~,MAAqB,mBAAoB,SAAQ,gBAAa;IAI5D,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,~~6BAAU~~,CAAC,OAAO,CAAC,CAAC;~~IAC7D~~,CAAC;;AALM,gCAAY,GAAW,~~6BAAU~~,CAAC,~~IAAI~~,CAAC;~~AAG9C~~;IADC,aAAO;oDAGP;AANH,sCAOC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/toggle-button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAiE;AAEjE,sCAAsC;AAEtC,6EAA+D;AAC/D,oFAAgE;AAEhE,MAAqB,mBAAoB,SAAQ,gBAAa;IAI5D,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,6BAAM,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC;;AALM,gCAAY,GAAW,6BAAY,CAAC,MAAM,CAAC;AAGlD;IADC,aAAO;oDAGP;AANH,sCAOC"}

package/lib/internal/template/test-utils/selectors/button/index.js CHANGED Viewed

@@ -3,17 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
-const styles_selectors_js_1 = require("../../../button/test-classes/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../spinner/styles.selectors.js");
+const styles_selectors_js_1 = require("../../../button/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../button/test-classes/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../spinner/styles.selectors.js");
 class ButtonWrapper extends selectors_1.ComponentWrapper {
     findLoadingIndicator() {
-        return this.find(`.${styles_selectors_js_1.default['icon-left']}.${styles_selectors_js_2.default.root}`);
+        return this.find(`.${styles_selectors_js_1.default['icon-left']}.${styles_selectors_js_3.default.root}`);
     }
     findTextRegion() {
         return this.find(`.${styles_selectors_js_1.default.content}`);
     }
     findDisabledReason() {
-        return (0, selectors_1.createWrapper)().find(`.${styles_selectors_js_1.default['disabled-reason-tooltip']}`);
+        return (0, selectors_1.createWrapper)().find(`.${styles_selectors_js_2.default['disabled-reason-tooltip']}`);
     }
 }
 exports.default = ButtonWrapper;

package/lib/internal/template/test-utils/selectors/button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/button/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA+G;AAC/G,0FAAqF;AACrF,8EAAiE;AACjE,MAAqB,aAAc,SAAQ,4BAAgB;IAEzD,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,~~6BAAqB~~,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;~~IACnF~~,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,~~6BAAqB~~,CAAC,OAAO,EAAE,CAAC,CAAC;~~IACxD~~,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAA,yBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC;;AAVH,gCAWC;AAVQ,0BAAY,GAAW,~~6BAAqB~~,CAAC,MAAM,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/button/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA+G;AAC/G,6EAAyD;AACzD,0FAAqF;AACrF,8EAAiE;AACjE,MAAqB,aAAc,SAAQ,4BAAgB;IAEzD,oBAAoB;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,WAAW,CAAC,IAAI,6BAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACpE,CAAC;IACD,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzC,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAA,yBAAa,GAAE,CAAC,IAAI,CAAC,IAAI,6BAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC;;AAVH,gCAWC;AAVQ,0BAAY,GAAW,6BAAM,CAAC,MAAM,CAAC"}

package/lib/internal/template/test-utils/selectors/toggle-button/index.js CHANGED Viewed

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 // SPDX-License-Identifier: Apache-2.0
 require("@cloudscape-design/test-utils-core/selectors");
 const button_1 = require("../button");
-const styles_selectors_js_1 = require("../../../toggle-button/test-classes/styles.selectors.js");
+const styles_selectors_js_1 = require("../../../button/styles.selectors.js");
 class ToggleButtonWrapper extends button_1.default {
 }
 exports.default = ToggleButtonWrapper;
-ToggleButtonWrapper.rootSelector = styles_selectors_js_1.default.root;
+ToggleButtonWrapper.rootSelector = styles_selectors_js_1.default.button;
 //# sourceMappingURL=index.js.map

package/lib/internal/template/test-utils/selectors/toggle-button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/toggle-button/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,wDAAsD;AACtD,sCAAsC;AACtC,~~iGAAiF~~;~~AACjF~~,MAAqB,mBAAoB,SAAQ,gBAAa;;AAA9D,sCAEC;AADQ,gCAAY,GAAW,~~6BAAU~~,CAAC,~~IAAI~~,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/toggle-button/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,wDAAsD;AACtD,sCAAsC;AACtC,6EAA+D;AAE/D,MAAqB,mBAAoB,SAAQ,gBAAa;;AAA9D,sCAEC;AADQ,gCAAY,GAAW,6BAAY,CAAC,MAAM,CAAC"}

package/lib/internal/template/toggle-button/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;~~AAMjD~~,eAAO,MAAM,oBAAoB;;+~~CAwDhC~~,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAKjD,eAAO,MAAM,oBAAoB;;+CAkDhC,CAAC"}

package/lib/internal/template/toggle-button/internal.js CHANGED Viewed

@@ -9,7 +9,6 @@ import { fireNonCancelableEvent } from '../internal/events';
 import { isDevelopment } from '../internal/is-development';
 import { getToggleIcon } from './util';
 import styles from './styles.css.js';
-import testStyles from './test-classes/styles.css.js';
 export const InternalToggleButton = React.forwardRef((_a, ref) => {
     var { pressed, iconName: defaultIconName, pressedIconName, iconSvg: defaultIconSvg, pressedIconSvg, iconUrl: defaultIconUrl, pressedIconUrl, variant, onChange, className } = _a, rest = __rest(_a, ["pressed", "iconName", "pressedIconName", "iconSvg", "pressedIconSvg", "iconUrl", "pressedIconUrl", "variant", "onChange", "className"]);
     if (isDevelopment) {
@@ -23,9 +22,9 @@ export const InternalToggleButton = React.forwardRef((_a, ref) => {
             warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');
         }
     }
-    return (React.createElement(InternalButton, Object.assign({ className: clsx(className, testStyles.root, styles[`variant-${variant}`], pressed && [styles.pressed, testStyles.pressed]), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
+    return (React.createElement(InternalButton, Object.assign({ className: clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed }), variant: variant, formAction: "none", iconName: getToggleIcon(pressed, defaultIconName, pressedIconName), iconUrl: getToggleIcon(pressed, defaultIconUrl, pressedIconUrl), iconSvg: getToggleIcon(pressed, defaultIconSvg, pressedIconSvg), "aria-pressed": pressed, onClick: event => {
             event.preventDefault();
             fireNonCancelableEvent(onChange, { pressed: !pressed });
-        } }, rest, { ref: ref, __hideFromTestUtils: true })));
+        } }, rest, { ref: ref })));
 });
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/toggle-button/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AACrC~~,~~OAAO,UAAU,~~MAAM,~~8BAA8B,~~CAAC~~;AAEtD~~,MAAM,~~CAAC,MAAM,~~oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAY2C,EAC3C,GAAqC,EACrC,EAAE;QAdF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAXT,wIAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,~~CACb~~,SAAS,~~EACT~~,~~UAAU,CAAC,IAAI,EACf,~~MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,~~EAC5B~~,~~OAAO~~,~~IAAI,~~CAAC,MAAM,CAAC,OAAO,EAAE,~~UAAU~~,~~CAAC~~,~~OAAO,~~CAAC,~~CAChD~~,~~EACD,~~OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,~~EACR~~,~~mBAAmB,EAAE,IAAI,IACzB,~~CACH,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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\~~nimport testStyles from './test-classes/styles.css.js';\~~n\nexport const InternalToggleButton = React.forwardRef(\n (\n {\n pressed,\n iconName: defaultIconName,\n pressedIconName,\n iconSvg: defaultIconSvg,\n pressedIconSvg,\n iconUrl: defaultIconUrl,\n pressedIconUrl,\n variant,\n onChange,\n className,\n ...rest\n }: ToggleButtonProps & { __title?: string },\n ref: React.Ref<ToggleButtonProps.Ref>\n ) => {\n if (isDevelopment) {\n if (defaultIconName && !pressedIconName) {\n warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n }\n\n if (defaultIconSvg && !pressedIconSvg) {\n warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n }\n\n if (defaultIconUrl && !pressedIconUrl) {\n warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n }\n }\n\n return (\n <InternalButton\n className={clsx(\n className~~,\n testStyles.root,\n~~ styles[`variant-${variant}`]~~,\n pressed~~ && [styles.pressed, ~~testStyles.~~pressed~~]\n~~ )}\n variant={variant}\n formAction=\"none\"\n iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n aria-pressed={pressed}\n onClick={event => {\n event.preventDefault();\n\n fireNonCancelableEvent(onChange, { pressed: !pressed });\n }}\n {...rest}\n ref={ref}\n ~~__hideFromTestUtils={true}\n~~ />\n );\n }\n);\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/toggle-button/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,EAY2C,EAC3C,GAAqC,EACrC,EAAE;QAdF,EACE,OAAO,EACP,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EAAE,cAAc,EACvB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,SAAS,OAEgC,EADtC,IAAI,cAXT,wIAYC,CADQ;IAIT,IAAI,aAAa,EAAE;QACjB,IAAI,eAAe,IAAI,CAAC,eAAe,EAAE;YACvC,QAAQ,CAAC,cAAc,EAAE,yDAAyD,CAAC,CAAC;SACrF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,EAAE;YACrC,QAAQ,CAAC,cAAc,EAAE,wDAAwD,CAAC,CAAC;SACpF;KACF;IAED,OAAO,CACL,oBAAC,cAAc,kBACb,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,EACvF,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,aAAa,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAClE,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,EAC/D,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,cAAc,EAAE,cAAc,CAAC,kBACjD,OAAO,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC1D,CAAC,IACG,IAAI,IACR,GAAG,EAAE,GAAG,IACR,CACH,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 { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { isDevelopment } from '../internal/is-development';\nimport { ToggleButtonProps } from './interfaces';\nimport { getToggleIcon } from './util';\n\nimport styles from './styles.css.js';\n\nexport const InternalToggleButton = React.forwardRef(\n (\n {\n pressed,\n iconName: defaultIconName,\n pressedIconName,\n iconSvg: defaultIconSvg,\n pressedIconSvg,\n iconUrl: defaultIconUrl,\n pressedIconUrl,\n variant,\n onChange,\n className,\n ...rest\n }: ToggleButtonProps & { __title?: string },\n ref: React.Ref<ToggleButtonProps.Ref>\n ) => {\n if (isDevelopment) {\n if (defaultIconName && !pressedIconName) {\n warnOnce('ToggleButton', '`pressedIconName` must be provided for `pressed` state.');\n }\n\n if (defaultIconSvg && !pressedIconSvg) {\n warnOnce('ToggleButton', '`pressedIconSvg` must be provided for `pressed` state.');\n }\n\n if (defaultIconUrl && !pressedIconUrl) {\n warnOnce('ToggleButton', '`pressedIconUrl` must be provided for `pressed` state.');\n }\n }\n\n return (\n <InternalButton\n className={clsx(className, styles[`variant-${variant}`], { [styles.pressed]: pressed })}\n variant={variant}\n formAction=\"none\"\n iconName={getToggleIcon(pressed, defaultIconName, pressedIconName)}\n iconUrl={getToggleIcon(pressed, defaultIconUrl, pressedIconUrl)}\n iconSvg={getToggleIcon(pressed, defaultIconSvg, pressedIconSvg)}\n aria-pressed={pressed}\n onClick={event => {\n event.preventDefault();\n\n fireNonCancelableEvent(onChange, { pressed: !pressed });\n }}\n {...rest}\n ref={ref}\n />\n );\n }\n);\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1095",
+  "version": "3.0.1096",
   "files": [
     "lib"
   ],

package/lib/internal/scss/toggle-button/test-classes/styles.scss DELETED Viewed

@@ -1,9 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.root,
-.pressed {
-  /* Test classes for toggle button component */
-}

package/lib/internal/template/toggle-button/test-classes/styles.css.js DELETED Viewed

@@ -1,7 +0,0 @@
-    import './styles.scoped.css';
-    export default {
-  "root": "awsui_root_1qd09_nztsi_5",
-  "pressed": "awsui_pressed_1qd09_nztsi_6"
-};

package/lib/internal/template/toggle-button/test-classes/styles.scoped.css DELETED Viewed

@@ -1,8 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_root_1qd09_nztsi_5:not(#\9),
-.awsui_pressed_1qd09_nztsi_6:not(#\9) {
-  /* Test classes for toggle button component */
-}

package/lib/internal/template/toggle-button/test-classes/styles.selectors.js DELETED Viewed

@@ -1,8 +0,0 @@
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "root": "awsui_root_1qd09_nztsi_5",
-  "pressed": "awsui_pressed_1qd09_nztsi_6"
-};