@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

package/lib/internal/template/toggle/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_fioce_145",
-  "outline": "awsui_outline_4yi2u_fioce_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_fioce_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_fioce_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_fioce_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_fioce_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_fioce_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_fioce_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_fioce_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_fioce_263"
+  "root": "awsui_root_4yi2u_14vjw_145",
+  "outline": "awsui_outline_4yi2u_14vjw_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_14vjw_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_14vjw_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_14vjw_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_14vjw_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_14vjw_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_14vjw_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_14vjw_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_14vjw_263"
 };
   

package/lib/internal/template/token/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAehD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GACjD,0BAA0B,GAAG;IAC3B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEJ,iBAAS,aAAa,CAAC,EAErB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EAGd,IAAI,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAGf,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,kBAAkB,eAwJpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/token/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAehD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,KAAK,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GACjD,0BAA0B,GAAG;IAC3B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2CAA2C;IAC3C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC,CAAC;AAEJ,iBAAS,aAAa,CAAC,EAErB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EAGd,IAAI,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAGf,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,kBAAkB,eA2JpB;AAED,eAAe,aAAa,CAAC"}

package/lib/internal/template/token/internal.js

@@ -48,7 +48,10 @@ __internalRootRef, ...restProps }) {
         }
     });
     const sizedIcon = (iconNode) => {
-        if (isInline && isOneTheme && React.isValidElement(iconNode) && iconNode.type === InternalIcon) {
+        var _a;
+        const isIconComponent = React.isValidElement(iconNode) &&
+            (iconNode.type === InternalIcon || ((_a = iconNode.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'Icon');
+        if (isInline && isOneTheme && isIconComponent) {
             return React.cloneElement(iconNode, { size: 'x-small' });
         }
         return iconNode;

package/lib/internal/template/token/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token/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\n\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport {\n  isThemeActive,\n  Theme,\n  useResizeObserver,\n  useUniqueId,\n  warnOnce,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport Option from '../internal/components/option';\nimport { TokenInlineContext } from '../internal/context/token-inline-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport LiveRegion from '../live-region/internal';\nimport Tooltip from '../tooltip/internal.js';\nimport DismissButton from './dismiss-button';\nimport { TokenProps } from './interfaces';\nimport { getTokenRootStyles } from './styles';\n\nimport legacyTestingStyles from '../token-group/styles.css.js';\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalTokenProps = Omit<TokenProps, 'label'> &\n  InternalBaseComponentProps & {\n    /** Token label. Required unless `__customContent` replaces the option layout entirely. */\n    label?: React.ReactNode;\n    /**\n     * Overrides the default `role=\"group\"` on the token root. Set to `\"presentation\"` when a\n     * parent element provides grouping semantics; this also strips ARIA attributes\n     * (aria-label, aria-labelledby, aria-disabled), focus/mouse handlers, and the tab stop so the\n     * token doesn't expose a redundant nested group to assistive tech.\n     */\n    role?: string;\n    disableInnerPadding?: boolean;\n    /** Extra class on the token-box element */\n    __tokenBoxClassName?: string;\n    /**\n     * Renders content inside the token-box, replacing the standard option layout\n     * (label, labelTag, description, tags). The dismiss button is still rendered as a sibling.\n     */\n    __customContent?: React.ReactNode;\n  };\n\nfunction InternalToken({\n  // External\n  label,\n  ariaLabel,\n  labelTag,\n  description,\n  variant = 'normal',\n  disabled,\n  readOnly,\n  icon,\n  tags,\n  dismissLabel,\n  onDismiss,\n  tooltipContent,\n\n  // Internal\n  role,\n  disableInnerPadding,\n  __tokenBoxClassName,\n  __customContent,\n\n  // Base\n  __internalRootRef,\n  ...restProps\n}: InternalTokenProps) {\n  const baseProps = getBaseProps(restProps);\n  const tokenRootStyleProps = getTokenRootStyles(restProps.style);\n  const labelContainerRef = useRef<HTMLSpanElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isEllipsisActive, setIsEllipsisActive] = useState(false);\n  const isInline = variant === 'inline';\n  const isOneTheme = isThemeActive(Theme.OneTheme);\n  // Consumers with their own grouping semantics can pass role=\"presentation\" to treat the root\n  // as a pure styling wrapper (strips ARIA and focus/mouse handlers).\n  const isPresentation = role === 'presentation';\n  const ariaLabelledbyId = useUniqueId();\n\n  const isLabelOverflowing = () => {\n    const labelContent = labelRef.current;\n    const labelContainer = labelContainerRef.current;\n\n    if (labelContent && labelContainer) {\n      return labelContent.offsetWidth > labelContainer.offsetWidth;\n    }\n  };\n\n  useResizeObserver(labelContainerRef, () => {\n    if (isInline) {\n      setIsEllipsisActive(isLabelOverflowing() ?? false);\n    }\n  });\n\n  const sizedIcon = (iconNode: React.ReactNode) => {\n    if (isInline && isOneTheme && React.isValidElement(iconNode) && iconNode.type === InternalIcon) {\n      return React.cloneElement(iconNode, { size: 'x-small' });\n    }\n    return iconNode;\n  };\n\n  const buildOptionDefinition = () => {\n    const isLabelStringOrNumber = typeof label === 'string' || typeof label === 'number';\n    const labelObject = isLabelStringOrNumber ? { label: String(label) } : { labelContent: label };\n\n    if (isInline) {\n      if (!isLabelStringOrNumber) {\n        warnOnce('Label', `Only plain text (strings or numbers) are supported when variant=\"inline\".`);\n      }\n\n      return {\n        ...labelObject,\n        disabled,\n        __customIcon: icon && <span className={clsx(styles.icon, styles['icon-inline'])}>{sizedIcon(icon)}</span>,\n      };\n    } else {\n      return {\n        ...labelObject,\n        disabled,\n        labelTag,\n        description,\n        tags,\n        __customIcon: icon && <span className={styles.icon}>{sizedIcon(icon)}</span>,\n      };\n    }\n  };\n\n  // Use span for inline tokens (e.g. inside contentEditable) to avoid block-level elements breaking text flow.\n  const SpanOrDivTag = isInline ? 'span' : 'div';\n\n  return (\n    <TokenInlineContext.Provider value={{ isInlineToken: isInline }}>\n      <SpanOrDivTag\n        {...baseProps}\n        ref={__internalRootRef}\n        className={clsx(\n          styles.root,\n          legacyTestingStyles.token,\n          testUtilStyles.root,\n          !isInline ? styles['token-normal'] : styles['token-inline'],\n          analyticsSelectors.token,\n          baseProps.className\n        )}\n        aria-label={isPresentation ? undefined : ariaLabel}\n        aria-labelledby={isPresentation || ariaLabel ? undefined : ariaLabelledbyId}\n        aria-disabled={isPresentation ? undefined : !!disabled}\n        role={role ?? 'group'}\n        onFocus={() => {\n          if (!isPresentation) {\n            setShowTooltip(true);\n          }\n        }}\n        onBlur={() => {\n          if (!isPresentation) {\n            setShowTooltip(false);\n          }\n        }}\n        onMouseEnter={() => {\n          if (!isPresentation) {\n            setShowTooltip(true);\n          }\n        }}\n        onMouseLeave={() => {\n          if (!isPresentation) {\n            setShowTooltip(false);\n          }\n        }}\n        tabIndex={!isPresentation && !!tooltipContent && isInline && isEllipsisActive ? 0 : undefined}\n      >\n        <SpanOrDivTag\n          className={clsx(\n            !isInline ? styles['token-box'] : styles['token-box-inline'],\n            disabled && styles['token-box-disabled'],\n            readOnly && styles['token-box-readonly'],\n            !isInline && !onDismiss && !__customContent && styles['token-box-without-dismiss'],\n            disableInnerPadding && styles['disable-padding'],\n            __tokenBoxClassName\n          )}\n          style={tokenRootStyleProps}\n        >\n          <Option\n            className={clsx(isInline && styles['token-option-inline'])}\n            triggerVariant={isInline}\n            option={buildOptionDefinition()}\n            disableTitleTooltip={!!tooltipContent}\n            labelContainerRef={labelContainerRef}\n            labelRef={labelRef}\n            labelId={ariaLabelledbyId}\n            customContent={__customContent}\n          />\n          {onDismiss && (\n            <DismissButton\n              disabled={disabled}\n              dismissLabel={dismissLabel}\n              onDismiss={onDismiss}\n              readOnly={readOnly}\n              inline={isInline}\n            />\n          )}\n        </SpanOrDivTag>\n        {!!tooltipContent && isInline && isEllipsisActive && showTooltip && (\n          <Tooltip\n            data-testid=\"token-tooltip\"\n            getTrack={() => labelContainerRef.current}\n            content={\n              <LiveRegion>\n                <span data-testid=\"tooltip-live-region-content\">{tooltipContent}</span>\n              </LiveRegion>\n            }\n            onEscape={() => {\n              setShowTooltip(false);\n            }}\n          />\n        )}\n      </SpanOrDivTag>\n    </TokenInlineContext.Provider>\n  );\n}\n\nexport default InternalToken;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/token/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\n\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport {\n  isThemeActive,\n  Theme,\n  useResizeObserver,\n  useUniqueId,\n  warnOnce,\n} from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport Option from '../internal/components/option';\nimport { TokenInlineContext } from '../internal/context/token-inline-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport LiveRegion from '../live-region/internal';\nimport Tooltip from '../tooltip/internal.js';\nimport DismissButton from './dismiss-button';\nimport { TokenProps } from './interfaces';\nimport { getTokenRootStyles } from './styles';\n\nimport legacyTestingStyles from '../token-group/styles.css.js';\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ntype InternalTokenProps = Omit<TokenProps, 'label'> &\n  InternalBaseComponentProps & {\n    /** Token label. Required unless `__customContent` replaces the option layout entirely. */\n    label?: React.ReactNode;\n    /**\n     * Overrides the default `role=\"group\"` on the token root. Set to `\"presentation\"` when a\n     * parent element provides grouping semantics; this also strips ARIA attributes\n     * (aria-label, aria-labelledby, aria-disabled), focus/mouse handlers, and the tab stop so the\n     * token doesn't expose a redundant nested group to assistive tech.\n     */\n    role?: string;\n    disableInnerPadding?: boolean;\n    /** Extra class on the token-box element */\n    __tokenBoxClassName?: string;\n    /**\n     * Renders content inside the token-box, replacing the standard option layout\n     * (label, labelTag, description, tags). The dismiss button is still rendered as a sibling.\n     */\n    __customContent?: React.ReactNode;\n  };\n\nfunction InternalToken({\n  // External\n  label,\n  ariaLabel,\n  labelTag,\n  description,\n  variant = 'normal',\n  disabled,\n  readOnly,\n  icon,\n  tags,\n  dismissLabel,\n  onDismiss,\n  tooltipContent,\n\n  // Internal\n  role,\n  disableInnerPadding,\n  __tokenBoxClassName,\n  __customContent,\n\n  // Base\n  __internalRootRef,\n  ...restProps\n}: InternalTokenProps) {\n  const baseProps = getBaseProps(restProps);\n  const tokenRootStyleProps = getTokenRootStyles(restProps.style);\n  const labelContainerRef = useRef<HTMLSpanElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [showTooltip, setShowTooltip] = useState(false);\n  const [isEllipsisActive, setIsEllipsisActive] = useState(false);\n  const isInline = variant === 'inline';\n  const isOneTheme = isThemeActive(Theme.OneTheme);\n  // Consumers with their own grouping semantics can pass role=\"presentation\" to treat the root\n  // as a pure styling wrapper (strips ARIA and focus/mouse handlers).\n  const isPresentation = role === 'presentation';\n  const ariaLabelledbyId = useUniqueId();\n\n  const isLabelOverflowing = () => {\n    const labelContent = labelRef.current;\n    const labelContainer = labelContainerRef.current;\n\n    if (labelContent && labelContainer) {\n      return labelContent.offsetWidth > labelContainer.offsetWidth;\n    }\n  };\n\n  useResizeObserver(labelContainerRef, () => {\n    if (isInline) {\n      setIsEllipsisActive(isLabelOverflowing() ?? false);\n    }\n  });\n\n  const sizedIcon = (iconNode: React.ReactNode) => {\n    const isIconComponent =\n      React.isValidElement(iconNode) &&\n      (iconNode.type === InternalIcon || (iconNode.type as { displayName?: string })?.displayName === 'Icon');\n    if (isInline && isOneTheme && isIconComponent) {\n      return React.cloneElement(iconNode as React.ReactElement<{ size?: string }>, { size: 'x-small' });\n    }\n    return iconNode;\n  };\n\n  const buildOptionDefinition = () => {\n    const isLabelStringOrNumber = typeof label === 'string' || typeof label === 'number';\n    const labelObject = isLabelStringOrNumber ? { label: String(label) } : { labelContent: label };\n\n    if (isInline) {\n      if (!isLabelStringOrNumber) {\n        warnOnce('Label', `Only plain text (strings or numbers) are supported when variant=\"inline\".`);\n      }\n\n      return {\n        ...labelObject,\n        disabled,\n        __customIcon: icon && <span className={clsx(styles.icon, styles['icon-inline'])}>{sizedIcon(icon)}</span>,\n      };\n    } else {\n      return {\n        ...labelObject,\n        disabled,\n        labelTag,\n        description,\n        tags,\n        __customIcon: icon && <span className={styles.icon}>{sizedIcon(icon)}</span>,\n      };\n    }\n  };\n\n  // Use span for inline tokens (e.g. inside contentEditable) to avoid block-level elements breaking text flow.\n  const SpanOrDivTag = isInline ? 'span' : 'div';\n\n  return (\n    <TokenInlineContext.Provider value={{ isInlineToken: isInline }}>\n      <SpanOrDivTag\n        {...baseProps}\n        ref={__internalRootRef}\n        className={clsx(\n          styles.root,\n          legacyTestingStyles.token,\n          testUtilStyles.root,\n          !isInline ? styles['token-normal'] : styles['token-inline'],\n          analyticsSelectors.token,\n          baseProps.className\n        )}\n        aria-label={isPresentation ? undefined : ariaLabel}\n        aria-labelledby={isPresentation || ariaLabel ? undefined : ariaLabelledbyId}\n        aria-disabled={isPresentation ? undefined : !!disabled}\n        role={role ?? 'group'}\n        onFocus={() => {\n          if (!isPresentation) {\n            setShowTooltip(true);\n          }\n        }}\n        onBlur={() => {\n          if (!isPresentation) {\n            setShowTooltip(false);\n          }\n        }}\n        onMouseEnter={() => {\n          if (!isPresentation) {\n            setShowTooltip(true);\n          }\n        }}\n        onMouseLeave={() => {\n          if (!isPresentation) {\n            setShowTooltip(false);\n          }\n        }}\n        tabIndex={!isPresentation && !!tooltipContent && isInline && isEllipsisActive ? 0 : undefined}\n      >\n        <SpanOrDivTag\n          className={clsx(\n            !isInline ? styles['token-box'] : styles['token-box-inline'],\n            disabled && styles['token-box-disabled'],\n            readOnly && styles['token-box-readonly'],\n            !isInline && !onDismiss && !__customContent && styles['token-box-without-dismiss'],\n            disableInnerPadding && styles['disable-padding'],\n            __tokenBoxClassName\n          )}\n          style={tokenRootStyleProps}\n        >\n          <Option\n            className={clsx(isInline && styles['token-option-inline'])}\n            triggerVariant={isInline}\n            option={buildOptionDefinition()}\n            disableTitleTooltip={!!tooltipContent}\n            labelContainerRef={labelContainerRef}\n            labelRef={labelRef}\n            labelId={ariaLabelledbyId}\n            customContent={__customContent}\n          />\n          {onDismiss && (\n            <DismissButton\n              disabled={disabled}\n              dismissLabel={dismissLabel}\n              onDismiss={onDismiss}\n              readOnly={readOnly}\n              inline={isInline}\n            />\n          )}\n        </SpanOrDivTag>\n        {!!tooltipContent && isInline && isEllipsisActive && showTooltip && (\n          <Tooltip\n            data-testid=\"token-tooltip\"\n            getTrack={() => labelContainerRef.current}\n            content={\n              <LiveRegion>\n                <span data-testid=\"tooltip-live-region-content\">{tooltipContent}</span>\n              </LiveRegion>\n            }\n            onEscape={() => {\n              setShowTooltip(false);\n            }}\n          />\n        )}\n      </SpanOrDivTag>\n    </TokenInlineContext.Provider>\n  );\n}\n\nexport default InternalToken;\n"]}

package/lib/internal/template/token/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1i2wg_11su5_161",
-  "dismiss-button": "awsui_dismiss-button_1i2wg_11su5_193",
-  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_11su5_234",
-  "icon": "awsui_icon_1i2wg_11su5_244",
-  "icon-inline": "awsui_icon-inline_1i2wg_11su5_250",
-  "token-normal": "awsui_token-normal_1i2wg_11su5_255",
-  "token-inline": "awsui_token-inline_1i2wg_11su5_262",
-  "token-option-inline": "awsui_token-option-inline_1i2wg_11su5_288",
-  "token-box": "awsui_token-box_1i2wg_11su5_292",
-  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_11su5_311",
-  "token-box-inline": "awsui_token-box-inline_1i2wg_11su5_315",
-  "disable-padding": "awsui_disable-padding_1i2wg_11su5_335",
-  "token-box-readonly": "awsui_token-box-readonly_1i2wg_11su5_342",
-  "token-box-disabled": "awsui_token-box-disabled_1i2wg_11su5_343"
+  "root": "awsui_root_1i2wg_ohdhl_161",
+  "dismiss-button": "awsui_dismiss-button_1i2wg_ohdhl_193",
+  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ohdhl_234",
+  "icon": "awsui_icon_1i2wg_ohdhl_244",
+  "icon-inline": "awsui_icon-inline_1i2wg_ohdhl_250",
+  "token-normal": "awsui_token-normal_1i2wg_ohdhl_255",
+  "token-inline": "awsui_token-inline_1i2wg_ohdhl_262",
+  "token-option-inline": "awsui_token-option-inline_1i2wg_ohdhl_288",
+  "token-box": "awsui_token-box_1i2wg_ohdhl_292",
+  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ohdhl_311",
+  "token-box-inline": "awsui_token-box-inline_1i2wg_ohdhl_315",
+  "disable-padding": "awsui_disable-padding_1i2wg_ohdhl_335",
+  "token-box-readonly": "awsui_token-box-readonly_1i2wg_ohdhl_342",
+  "token-box-disabled": "awsui_token-box-disabled_1i2wg_ohdhl_343"
 };
   

package/lib/internal/template/token/styles.scoped.css

@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1i2wg_11su5_161:not(#\9) {
+.awsui_root_1i2wg_ohdhl_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -190,27 +190,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_dismiss-button_1i2wg_11su5_193:not(#\9) {
+.awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9) {
   align-self: flex-start;
   margin-block-end: 0;
   margin-inline-start: var(--space-xxs-jnczic, 4px);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid transparent;
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid transparent;
+  border-block: var(--border-width-field-2365x3, 1px) solid transparent;
+  border-inline: var(--border-width-field-2365x3, 1px) solid transparent;
   padding-block: 0;
   padding-inline: var(--space-xxs-jnczic, 4px);
-  color: var(--awsui-token-style-dismiss-color-default-6b9ypa, var(--color-text-button-inline-icon-default-4lrtb0, #545b64));
+  color: var(--awsui-token-style-dismiss-color-default-z17rmd, var(--color-text-button-inline-icon-default-4lrtb0, #545b64));
   background-color: transparent;
   cursor: pointer;
-  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-style-focus-ring-border-width-z17rmd, 2px) var(--awsui-style-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_11su5_193:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_11su5_193:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_11su5_193:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -218,59 +218,59 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_11su5_193:not(#\
   inset-block-start: calc(-1 * 0px);
   inline-size: calc(100% + 0px + 0px);
   block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
 }
-.awsui_dismiss-button_1i2wg_11su5_193:not(#\9):focus {
+.awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_1i2wg_11su5_193:not(#\9):hover {
-  color: var(--awsui-token-style-dismiss-color-hover-6b9ypa, var(--color-text-button-inline-icon-hover-8fgg9l, #16191f));
+.awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):hover {
+  color: var(--awsui-token-style-dismiss-color-hover-z17rmd, var(--color-text-button-inline-icon-hover-8fgg9l, #16191f));
 }
-.awsui_dismiss-button-inline_1i2wg_11su5_234:not(#\9) {
+.awsui_dismiss-button-inline_1i2wg_ohdhl_234:not(#\9) {
   padding-inline: 0;
   display: flex;
   align-items: center;
   align-self: center;
 }
-.awsui-one-theme .awsui_dismiss-button_1i2wg_11su5_193:not(#\9):not(.awsui_dismiss-button-inline_1i2wg_11su5_234) {
+.awsui-one-theme .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9):not(.awsui_dismiss-button-inline_1i2wg_ohdhl_234) {
   padding-block-start: 1px;
 }
 
-.awsui_icon_1i2wg_11su5_244:not(#\9) {
+.awsui_icon_1i2wg_ohdhl_244:not(#\9) {
   padding-inline-end: var(--space-xs-kw7k3v, 8px);
   align-self: flex-start;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_icon-inline_1i2wg_11su5_250:not(#\9) {
+.awsui_icon-inline_1i2wg_ohdhl_250:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   align-self: center;
 }
 
-.awsui_token-normal_1i2wg_11su5_255:not(#\9) {
+.awsui_token-normal_1i2wg_ohdhl_255:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_token-inline_1i2wg_11su5_262:not(#\9) {
+.awsui_token-inline_1i2wg_ohdhl_262:not(#\9) {
   display: inline-flex;
   max-inline-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_11su5_262:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ohdhl_262:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_11su5_262:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ohdhl_262:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_11su5_262:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ohdhl_262:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -278,87 +278,87 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_11su5_262:not(#\9)
   inset-block-start: calc(-1 * 0px);
   inline-size: calc(100% + 0px + 0px);
   block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
 
-.awsui_token-option-inline_1i2wg_11su5_288:not(#\9) {
+.awsui_token-option-inline_1i2wg_ohdhl_288:not(#\9) {
   max-block-size: 20px;
 }
 
-.awsui_token-box_1i2wg_11su5_292:not(#\9) {
+.awsui_token-box_1i2wg_ohdhl_292:not(#\9) {
   position: relative;
   block-size: 100%;
-  border-block: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
-  border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-block: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-inline: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
   padding-block-start: var(--space-token-vertical-00mcu9, 4px);
   padding-block-end: var(--space-token-vertical-00mcu9, 4px);
   padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   display: flex;
   align-items: flex-start;
-  background: var(--awsui-token-style-background-default-6b9ypa, var(--color-background-item-selected-v20q4r, #f1faff));
-  border-start-start-radius: var(--border-radius-token-8arsz0, 2px);
-  border-start-end-radius: var(--border-radius-token-8arsz0, 2px);
-  border-end-start-radius: var(--border-radius-token-8arsz0, 2px);
-  border-end-end-radius: var(--border-radius-token-8arsz0, 2px);
+  background: var(--awsui-token-style-background-default-z17rmd, var(--color-background-item-selected-v20q4r, #f1faff));
+  border-start-start-radius: var(--border-radius-token-dnq13z, 2px);
+  border-start-end-radius: var(--border-radius-token-dnq13z, 2px);
+  border-end-start-radius: var(--border-radius-token-dnq13z, 2px);
+  border-end-end-radius: var(--border-radius-token-dnq13z, 2px);
   color: var(--color-text-body-default-5qid0u, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box-without-dismiss_1i2wg_11su5_311:not(#\9) {
+.awsui_token-box-without-dismiss_1i2wg_ohdhl_311:not(#\9) {
   padding-inline-end: var(--space-field-horizontal-n5peob, 8px);
 }
 
-.awsui_token-box-inline_1i2wg_11su5_315:not(#\9) {
+.awsui_token-box-inline_1i2wg_ohdhl_315:not(#\9) {
   position: relative;
   block-size: 20px;
   max-block-size: 20px;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-token-style-border-color-default-z17rmd, var(--color-border-item-selected-vq6ddf, #0073bb));
   padding-inline-start: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline-end: var(--space-scaled-xxs-jatbiv, 4px);
   display: flex;
   align-items: center;
-  background: var(--awsui-token-style-background-default-6b9ypa, var(--color-background-item-selected-v20q4r, #f1faff));
-  border-start-start-radius: var(--border-radius-token-inline-j0bfab, 2px);
-  border-start-end-radius: var(--border-radius-token-inline-j0bfab, 2px);
-  border-end-start-radius: var(--border-radius-token-inline-j0bfab, 2px);
-  border-end-end-radius: var(--border-radius-token-inline-j0bfab, 2px);
+  background: var(--awsui-token-style-background-default-z17rmd, var(--color-background-item-selected-v20q4r, #f1faff));
+  border-start-start-radius: var(--border-radius-token-inline-09715z, 2px);
+  border-start-end-radius: var(--border-radius-token-inline-09715z, 2px);
+  border-end-start-radius: var(--border-radius-token-inline-09715z, 2px);
+  border-end-end-radius: var(--border-radius-token-inline-09715z, 2px);
   color: var(--color-text-body-default-5qid0u, #16191f);
   box-sizing: border-box;
   max-inline-size: 100%;
 }
 
-.awsui_disable-padding_1i2wg_11su5_335:not(#\9) {
+.awsui_disable-padding_1i2wg_ohdhl_335:not(#\9) {
   padding-block-start: 0;
   padding-block-end: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
 
-.awsui_token-box-readonly_1i2wg_11su5_342 > .awsui_dismiss-button_1i2wg_11su5_193:not(#\9),
-.awsui_token-box-disabled_1i2wg_11su5_343 > .awsui_dismiss-button_1i2wg_11su5_193:not(#\9) {
+.awsui_token-box-readonly_1i2wg_ohdhl_342 > .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9),
+.awsui_token-box-disabled_1i2wg_ohdhl_343 > .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9) {
   cursor: initial;
   pointer-events: none;
 }
 
-.awsui_token-box-readonly_1i2wg_11su5_342:not(#\9) {
-  border-color: var(--awsui-token-style-border-color-read-only-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
-  background: var(--awsui-token-style-background-read-only-6b9ypa, var(--color-background-container-content-aemn43, #ffffff));
+.awsui_token-box-readonly_1i2wg_ohdhl_342:not(#\9) {
+  border-color: var(--awsui-token-style-border-color-read-only-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
+  background: var(--awsui-token-style-background-read-only-z17rmd, var(--color-background-container-content-aemn43, #ffffff));
 }
-.awsui_token-box-readonly_1i2wg_11su5_342 > .awsui_dismiss-button_1i2wg_11su5_193:not(#\9) {
-  color: var(--awsui-token-style-dismiss-color-read-only-6b9ypa, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
+.awsui_token-box-readonly_1i2wg_ohdhl_342 > .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9) {
+  color: var(--awsui-token-style-dismiss-color-read-only-z17rmd, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
 }
 
-.awsui_token-box-disabled_1i2wg_11su5_343:not(#\9) {
+.awsui_token-box-disabled_1i2wg_ohdhl_343:not(#\9) {
   pointer-events: none;
-  border-color: var(--awsui-token-style-border-color-disabled-6b9ypa, var(--color-border-control-disabled-c9dn39, #d5dbdb));
-  background: var(--awsui-token-style-background-disabled-6b9ypa, var(--color-background-container-content-aemn43, #ffffff));
+  border-color: var(--awsui-token-style-border-color-disabled-z17rmd, var(--color-border-control-disabled-c9dn39, #d5dbdb));
+  background: var(--awsui-token-style-background-disabled-z17rmd, var(--color-background-container-content-aemn43, #ffffff));
   color: var(--color-text-disabled-bhrk1i, #aab7b8);
 }
-.awsui_token-box-disabled_1i2wg_11su5_343 > .awsui_dismiss-button_1i2wg_11su5_193:not(#\9) {
-  color: var(--awsui-token-style-dismiss-color-disabled-6b9ypa, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
+.awsui_token-box-disabled_1i2wg_ohdhl_343 > .awsui_dismiss-button_1i2wg_ohdhl_193:not(#\9) {
+  color: var(--awsui-token-style-dismiss-color-disabled-z17rmd, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
 }

package/lib/internal/template/token/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i2wg_11su5_161",
-  "dismiss-button": "awsui_dismiss-button_1i2wg_11su5_193",
-  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_11su5_234",
-  "icon": "awsui_icon_1i2wg_11su5_244",
-  "icon-inline": "awsui_icon-inline_1i2wg_11su5_250",
-  "token-normal": "awsui_token-normal_1i2wg_11su5_255",
-  "token-inline": "awsui_token-inline_1i2wg_11su5_262",
-  "token-option-inline": "awsui_token-option-inline_1i2wg_11su5_288",
-  "token-box": "awsui_token-box_1i2wg_11su5_292",
-  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_11su5_311",
-  "token-box-inline": "awsui_token-box-inline_1i2wg_11su5_315",
-  "disable-padding": "awsui_disable-padding_1i2wg_11su5_335",
-  "token-box-readonly": "awsui_token-box-readonly_1i2wg_11su5_342",
-  "token-box-disabled": "awsui_token-box-disabled_1i2wg_11su5_343"
+  "root": "awsui_root_1i2wg_ohdhl_161",
+  "dismiss-button": "awsui_dismiss-button_1i2wg_ohdhl_193",
+  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ohdhl_234",
+  "icon": "awsui_icon_1i2wg_ohdhl_244",
+  "icon-inline": "awsui_icon-inline_1i2wg_ohdhl_250",
+  "token-normal": "awsui_token-normal_1i2wg_ohdhl_255",
+  "token-inline": "awsui_token-inline_1i2wg_ohdhl_262",
+  "token-option-inline": "awsui_token-option-inline_1i2wg_ohdhl_288",
+  "token-box": "awsui_token-box_1i2wg_ohdhl_292",
+  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ohdhl_311",
+  "token-box-inline": "awsui_token-box-inline_1i2wg_ohdhl_315",
+  "disable-padding": "awsui_disable-padding_1i2wg_ohdhl_335",
+  "token-box-readonly": "awsui_token-box-readonly_1i2wg_ohdhl_342",
+  "token-box-disabled": "awsui_token-box-disabled_1i2wg_ohdhl_343"
 };
   

package/lib/internal/template/top-navigation/styles.css.js

@@ -1,52 +1,52 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_k5dlb_1n64f_145",
-  "padding-box": "awsui_padding-box_k5dlb_1n64f_178",
-  "medium": "awsui_medium_k5dlb_1n64f_188",
-  "narrow": "awsui_narrow_k5dlb_1n64f_188",
-  "virtual": "awsui_virtual_k5dlb_1n64f_199",
-  "hidden": "awsui_hidden_k5dlb_1n64f_203",
-  "\t": "awsui_\t_k5dlb_1n64f_1",
-  "identity": "awsui_identity_k5dlb_1n64f_215",
-  "identity-link": "awsui_identity-link_k5dlb_1n64f_218",
-  "no-logo": "awsui_no-logo_k5dlb_1n64f_238",
-  "logo": "awsui_logo_k5dlb_1n64f_242",
-  "title": "awsui_title_k5dlb_1n64f_254",
-  "inputs": "awsui_inputs_k5dlb_1n64f_270",
-  "search": "awsui_search_k5dlb_1n64f_278",
-  "search-expanded": "awsui_search-expanded_k5dlb_1n64f_282",
-  "utilities": "awsui_utilities_k5dlb_1n64f_286",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1n64f_297",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1n64f_318",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1n64f_323",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1n64f_332",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1n64f_340",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1n64f_344",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_1n64f_348",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_1n64f_352",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1n64f_356",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1n64f_361",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_1n64f_361",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1n64f_402",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1n64f_410",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1n64f_417",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1n64f_426",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1n64f_434",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1n64f_438",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1n64f_442",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1n64f_480",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1n64f_488",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1n64f_491",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1n64f_480",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1n64f_527",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1n64f_480",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1n64f_536",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1n64f_539",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1n64f_548",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1n64f_554",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1n64f_558",
-  "icon": "awsui_icon_k5dlb_1n64f_563",
-  "icon-open": "awsui_icon-open_k5dlb_1n64f_577"
+  "top-navigation": "awsui_top-navigation_k5dlb_k9i6n_145",
+  "padding-box": "awsui_padding-box_k5dlb_k9i6n_178",
+  "medium": "awsui_medium_k5dlb_k9i6n_188",
+  "narrow": "awsui_narrow_k5dlb_k9i6n_188",
+  "virtual": "awsui_virtual_k5dlb_k9i6n_199",
+  "hidden": "awsui_hidden_k5dlb_k9i6n_203",
+  "\t": "awsui_\t_k5dlb_k9i6n_1",
+  "identity": "awsui_identity_k5dlb_k9i6n_215",
+  "identity-link": "awsui_identity-link_k5dlb_k9i6n_218",
+  "no-logo": "awsui_no-logo_k5dlb_k9i6n_238",
+  "logo": "awsui_logo_k5dlb_k9i6n_242",
+  "title": "awsui_title_k5dlb_k9i6n_254",
+  "inputs": "awsui_inputs_k5dlb_k9i6n_270",
+  "search": "awsui_search_k5dlb_k9i6n_278",
+  "search-expanded": "awsui_search-expanded_k5dlb_k9i6n_282",
+  "utilities": "awsui_utilities_k5dlb_k9i6n_286",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_k9i6n_297",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_k9i6n_318",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_k9i6n_323",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_k9i6n_332",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_k9i6n_340",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_k9i6n_344",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_k9i6n_348",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_k9i6n_352",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_k9i6n_356",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_k9i6n_361",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_k9i6n_361",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_k9i6n_402",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_k9i6n_410",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_k9i6n_417",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_k9i6n_426",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_k9i6n_434",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_k9i6n_438",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_k9i6n_442",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_k9i6n_480",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_k9i6n_488",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_k9i6n_491",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_k9i6n_480",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_k9i6n_527",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_k9i6n_480",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_k9i6n_536",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_k9i6n_539",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_k9i6n_548",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_k9i6n_554",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_k9i6n_558",
+  "icon": "awsui_icon_k5dlb_k9i6n_563",
+  "icon-open": "awsui_icon-open_k5dlb_k9i6n_577"
 };