@cloudscape-design/components 3.0.245 → 3.0.247

package/breadcrumb-group/item/styles.scoped.css

@@ -90,18 +90,18 @@ 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_link_1kosq_1isrt_93:not(#\9):after {
+.awsui_link_1kosq_1a5si_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_1isrt_97:not(#\9) {
+.awsui_breadcrumb_1kosq_1a5si_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_icon_1kosq_1isrt_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_icon_1kosq_1a5si_100:not(#\9) {
   margin: 0 var(--space-xs-rsr2qu, 8px);
   color: var(--color-text-breadcrumb-icon-mlugp6, #7d8998);
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -114,31 +114,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):active, .awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):active, .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_1isrt_97 > .awsui_anchor_1kosq_1isrt_104[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1a5si_97 > .awsui_anchor_1kosq_1a5si_104:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -146,34 +146,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_breadcrumb_1kosq_1isrt_97.awsui_last_1kosq_1isrt_147 > .awsui_icon_1kosq_1isrt_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1a5si_97.awsui_last_1kosq_1a5si_147 > .awsui_icon_1kosq_1a5si_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_1isrt_97.awsui_last_1kosq_1isrt_147 > .awsui_anchor_1kosq_1isrt_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1a5si_97.awsui_last_1kosq_1a5si_147 > .awsui_anchor_1kosq_1a5si_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-mum16s, #5f6b7a);
   font-weight: 700;
   text-decoration: none;
   cursor: default;
 }
 
-.awsui_compressed_1kosq_1isrt_157:not(#\9) {
+.awsui_compressed_1kosq_1a5si_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_1isrt_157 > .awsui_text_1kosq_1isrt_161:not(#\9) {
+.awsui_compressed_1kosq_1a5si_157 > .awsui_text_1kosq_1a5si_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
 
-.awsui_virtual-item_1kosq_1isrt_168:not(#\9) {
+.awsui_virtual-item_1kosq_1a5si_168:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   visibility: hidden;
 }
 
-.awsui_item-popover_1kosq_1isrt_175:not(#\9) {
+.awsui_item-popover_1kosq_1a5si_175:not(#\9) {
   /* used in tests */
 }

package/breadcrumb-group/item/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_1isrt_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_1isrt_97",
-  "icon": "awsui_icon_1kosq_1isrt_100",
-  "anchor": "awsui_anchor_1kosq_1isrt_104",
-  "last": "awsui_last_1kosq_1isrt_147",
-  "compressed": "awsui_compressed_1kosq_1isrt_157",
-  "text": "awsui_text_1kosq_1isrt_161",
-  "virtual-item": "awsui_virtual-item_1kosq_1isrt_168",
-  "item-popover": "awsui_item-popover_1kosq_1isrt_175"
+  "link": "awsui_link_1kosq_1a5si_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1a5si_97",
+  "icon": "awsui_icon_1kosq_1a5si_100",
+  "anchor": "awsui_anchor_1kosq_1a5si_104",
+  "last": "awsui_last_1kosq_1a5si_147",
+  "compressed": "awsui_compressed_1kosq_1a5si_157",
+  "text": "awsui_text_1kosq_1a5si_161",
+  "virtual-item": "awsui_virtual-item_1kosq_1a5si_168",
+  "item-popover": "awsui_item-popover_1kosq_1a5si_175"
 };
   

package/button/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAalF,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;sEAyI3G,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAalF,eAAO,MAAM,cAAc;cAPf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;sEAwI3G,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/button/internal.js

@@ -4,7 +4,6 @@ import { __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useCallback, useRef } from 'react';
 import { fireCancelableEvent, isPlainLeftClick } from '../internal/events';
-import useFocusVisible from '../internal/hooks/focus-visible';
 import useForwardFocus from '../internal/hooks/forward-focus';
 import styles from './styles.css.js';
 import { LeftIcon, RightIcon } from './icon-helper';
@@ -14,7 +13,6 @@ import LiveRegion from '../internal/components/live-region';
 export const InternalButton = React.forwardRef((_a, ref) => {
     var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaExpanded, __hideFocusOutline = false, __nativeAttributes, __internalRootRef = null, __activated = false } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaExpanded", "__hideFocusOutline", "__nativeAttributes", "__internalRootRef", "__activated"]);
     checkSafeUrl('Button', href);
-    const focusVisible = useFocusVisible();
     const isAnchor = Boolean(href);
     const isNotInteractive = loading || disabled;
     const shouldHaveContent = children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;
@@ -35,8 +33,9 @@ export const InternalButton = React.forwardRef((_a, ref) => {
         [styles['button-no-wrap']]: !wrapText,
         [styles['button-no-text']]: !shouldHaveContent,
         [styles['is-activated']]: __activated,
+        [styles['hide-focus-outline']]: __hideFocusOutline,
     });
-    const buttonProps = Object.assign(Object.assign(Object.assign(Object.assign({}, props), (__hideFocusOutline ? undefined : focusVisible)), __nativeAttributes), { 
+    const buttonProps = Object.assign(Object.assign(Object.assign({}, props), __nativeAttributes), { 
         // https://github.com/microsoft/TypeScript/issues/36659
         ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, className: buttonClass, onClick: handleClick });
     const iconProps = {

package/button/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["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 clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n  variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n  __nativeAttributes?: Record<string, any>;\n  __iconClass?: string;\n  __activated?: boolean;\n  __hideFocusOutline?: 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      wrapText = true,\n      href,\n      target,\n      rel,\n      download,\n      formAction = 'submit',\n      ariaLabel,\n      ariaExpanded,\n      __hideFocusOutline = false,\n      __nativeAttributes,\n      __internalRootRef = null,\n      __activated = false,\n      ...props\n    }: InternalButtonProps,\n    ref: React.Ref<ButtonProps.Ref>\n  ) => {\n    checkSafeUrl('Button', href);\n    const focusVisible = useFocusVisible();\n    const isAnchor = Boolean(href);\n    const isNotInteractive = loading || disabled;\n    const shouldHaveContent =\n      children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n    const buttonRef = useRef<HTMLElement>(null);\n    useForwardFocus(ref, buttonRef);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent) => {\n        if (isNotInteractive) {\n          return event.preventDefault();\n        }\n\n        if (isAnchor && isPlainLeftClick(event)) {\n          fireCancelableEvent(onFollow, null, event);\n        }\n\n        const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n        fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n      },\n      [isAnchor, isNotInteractive, onClick, onFollow]\n    );\n\n    const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n      [styles.disabled]: isNotInteractive,\n      [styles['button-no-wrap']]: !wrapText,\n      [styles['button-no-text']]: !shouldHaveContent,\n      [styles['is-activated']]: __activated,\n    });\n\n    const buttonProps = {\n      ...props,\n      ...(__hideFocusOutline ? undefined : focusVisible),\n      ...__nativeAttributes,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      ref: useMergeRefs(buttonRef as any, __internalRootRef),\n      'aria-label': ariaLabel,\n      'aria-expanded': ariaExpanded,\n      className: buttonClass,\n      onClick: handleClick,\n    } as const;\n    const iconProps: ButtonIconProps = {\n      loading,\n      iconName,\n      iconAlign,\n      iconUrl,\n      iconSvg,\n      iconAlt,\n      variant,\n      iconClass: __iconClass,\n      iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n    };\n    const buttonContent = (\n      <>\n        <LeftIcon {...iconProps} />\n        {shouldHaveContent && <span className={styles.content}>{children}</span>}\n        <RightIcon {...iconProps} />\n      </>\n    );\n\n    if (isAnchor) {\n      return (\n        // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n        // eslint-disable-next-line react/jsx-no-target-blank\n        <>\n          <a\n            {...buttonProps}\n            href={href}\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            tabIndex={isNotInteractive ? -1 : undefined}\n            aria-disabled={isNotInteractive ? true : undefined}\n            download={download}\n          >\n            {buttonContent}\n          </a>\n          {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n        </>\n      );\n    }\n    return (\n      <>\n        <button\n          {...buttonProps}\n          type={formAction === 'none' ? 'button' : 'submit'}\n          disabled={disabled}\n          aria-disabled={loading && !disabled ? true : undefined}\n        >\n          {buttonContent}\n        </button>\n        {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n      </>\n    );\n  }\n);\n\nexport default InternalButton;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["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 clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n  variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n  __nativeAttributes?: Record<string, any>;\n  __iconClass?: string;\n  __activated?: boolean;\n  __hideFocusOutline?: 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      wrapText = true,\n      href,\n      target,\n      rel,\n      download,\n      formAction = 'submit',\n      ariaLabel,\n      ariaExpanded,\n      __hideFocusOutline = false,\n      __nativeAttributes,\n      __internalRootRef = null,\n      __activated = false,\n      ...props\n    }: InternalButtonProps,\n    ref: React.Ref<ButtonProps.Ref>\n  ) => {\n    checkSafeUrl('Button', href);\n    const isAnchor = Boolean(href);\n    const isNotInteractive = loading || disabled;\n    const shouldHaveContent =\n      children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n    const buttonRef = useRef<HTMLElement>(null);\n    useForwardFocus(ref, buttonRef);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent) => {\n        if (isNotInteractive) {\n          return event.preventDefault();\n        }\n\n        if (isAnchor && isPlainLeftClick(event)) {\n          fireCancelableEvent(onFollow, null, event);\n        }\n\n        const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n        fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n      },\n      [isAnchor, isNotInteractive, onClick, onFollow]\n    );\n\n    const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n      [styles.disabled]: isNotInteractive,\n      [styles['button-no-wrap']]: !wrapText,\n      [styles['button-no-text']]: !shouldHaveContent,\n      [styles['is-activated']]: __activated,\n      [styles['hide-focus-outline']]: __hideFocusOutline,\n    });\n\n    const buttonProps = {\n      ...props,\n      ...__nativeAttributes,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      ref: useMergeRefs(buttonRef as any, __internalRootRef),\n      'aria-label': ariaLabel,\n      'aria-expanded': ariaExpanded,\n      className: buttonClass,\n      onClick: handleClick,\n    } as const;\n    const iconProps: ButtonIconProps = {\n      loading,\n      iconName,\n      iconAlign,\n      iconUrl,\n      iconSvg,\n      iconAlt,\n      variant,\n      iconClass: __iconClass,\n      iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n    };\n    const buttonContent = (\n      <>\n        <LeftIcon {...iconProps} />\n        {shouldHaveContent && <span className={styles.content}>{children}</span>}\n        <RightIcon {...iconProps} />\n      </>\n    );\n\n    if (isAnchor) {\n      return (\n        // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n        // eslint-disable-next-line react/jsx-no-target-blank\n        <>\n          <a\n            {...buttonProps}\n            href={href}\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            tabIndex={isNotInteractive ? -1 : undefined}\n            aria-disabled={isNotInteractive ? true : undefined}\n            download={download}\n          >\n            {buttonContent}\n          </a>\n          {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n        </>\n      );\n    }\n    return (\n      <>\n        <button\n          {...buttonProps}\n          type={formAction === 'none' ? 'button' : 'submit'}\n          disabled={disabled}\n          aria-disabled={loading && !disabled ? true : undefined}\n        >\n          {buttonContent}\n        </button>\n        {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n      </>\n    );\n  }\n);\n\nexport default InternalButton;\n"]}

package/button/styles.css.js

@@ -1,23 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_qgmad_97",
-  "button": "awsui_button_vjswe_qgmad_101",
-  "variant-normal": "awsui_variant-normal_vjswe_qgmad_126",
-  "is-activated": "awsui_is-activated_vjswe_qgmad_139",
-  "variant-icon": "awsui_variant-icon_vjswe_qgmad_166",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_qgmad_166",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_qgmad_166",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_qgmad_184",
-  "disabled": "awsui_disabled_vjswe_qgmad_202",
-  "variant-primary": "awsui_variant-primary_vjswe_qgmad_210",
-  "variant-link": "awsui_variant-link_vjswe_qgmad_294",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_qgmad_714",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_qgmad_801",
-  "button-no-text": "awsui_button-no-text_vjswe_qgmad_885",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_qgmad_889",
-  "icon-left": "awsui_icon-left_vjswe_qgmad_905",
-  "icon-right": "awsui_icon-right_vjswe_qgmad_910",
-  "icon": "awsui_icon_vjswe_qgmad_905"
+  "content": "awsui_content_vjswe_1himx_97",
+  "button": "awsui_button_vjswe_1himx_101",
+  "variant-normal": "awsui_variant-normal_vjswe_1himx_126",
+  "is-activated": "awsui_is-activated_vjswe_1himx_139",
+  "hide-focus-outline": "awsui_hide-focus-outline_vjswe_1himx_148",
+  "variant-icon": "awsui_variant-icon_vjswe_1himx_166",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1himx_166",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1himx_166",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1himx_184",
+  "disabled": "awsui_disabled_vjswe_1himx_202",
+  "variant-primary": "awsui_variant-primary_vjswe_1himx_210",
+  "variant-link": "awsui_variant-link_vjswe_1himx_294",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1himx_714",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1himx_801",
+  "button-no-text": "awsui_button-no-text_vjswe_1himx_885",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1himx_889",
+  "icon-left": "awsui_icon-left_vjswe_1himx_905",
+  "icon-right": "awsui_icon-right_vjswe_1himx_910",
+  "icon": "awsui_icon_vjswe_1himx_905"
 };