@cloudscape-design/components 3.0.244 → 3.0.246

package/token-group/internal.js

@@ -17,10 +17,10 @@ export default function InternalTokenGroup(_a) {
     const baseProps = getBaseProps(props);
     const hasItems = items.length > 0;
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, hasItems && styles['has-items']), ref: __internalRootRef }),
-        React.createElement(TokenList, { alignment: alignment, items: items, limit: limit, renderItem: (item, itemIndex) => (React.createElement(Token, { dismissLabel: item.dismissLabel, onDismiss: () => {
+        React.createElement(TokenList, { alignment: alignment, items: items, limit: limit, renderItem: (item, itemIndex) => (React.createElement(Token, { ariaLabel: item.label, dismissLabel: item.dismissLabel, onDismiss: () => {
                     fireNonCancelableEvent(onDismiss, { itemIndex });
                     setRemovedItemIndex(itemIndex);
                 }, disabled: item.disabled },
-                React.createElement(Option, { option: item, isGenericGroup: false }))), itemAttributes: item => ({ 'aria-label': item.label, 'aria-disabled': item.disabled ? true : undefined }), i18nStrings: i18nStrings, removedItemIndex: removedItemIndex })));
+                React.createElement(Option, { option: item, isGenericGroup: false }))), i18nStrings: i18nStrings, removedItemIndex: removedItemIndex })));
 }
 //# sourceMappingURL=internal.js.map

package/token-group/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["token-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAKjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAQjB;QARiB,EACzC,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,iBAAiB,OAEO,EADrB,KAAK,cAPiC,gFAQ1C,CADS;IAER,eAAe,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAEtE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,EAClF,GAAG,EAAE,iBAAiB;QAEtB,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC/B,oBAAC,KAAK,IACJ,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,GAAG,EAAE;oBACd,sBAAsB,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;oBACjD,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBACjC,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,GAAI,CACzC,CACT,EACD,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,EACzG,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\n\nimport Option from '../internal/components/option';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { TokenGroupProps } from './interfaces';\nimport { SomeRequired } from '../internal/types';\nimport { getBaseProps } from '../internal/base-component';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport TokenList from '../internal/components/token-list';\nimport { Token } from './token';\n\ntype InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> & InternalBaseComponentProps;\n\nexport default function InternalTokenGroup({\n  alignment,\n  items,\n  onDismiss,\n  limit,\n  i18nStrings,\n  __internalRootRef,\n  ...props\n}: InternalTokenGroupProps) {\n  checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);\n\n  const [removedItemIndex, setRemovedItemIndex] = useState<null | number>(null);\n\n  const baseProps = getBaseProps(props);\n  const hasItems = items.length > 0;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, hasItems && styles['has-items'])}\n      ref={__internalRootRef}\n    >\n      <TokenList\n        alignment={alignment}\n        items={items}\n        limit={limit}\n        renderItem={(item, itemIndex) => (\n          <Token\n            dismissLabel={item.dismissLabel}\n            onDismiss={() => {\n              fireNonCancelableEvent(onDismiss, { itemIndex });\n              setRemovedItemIndex(itemIndex);\n            }}\n            disabled={item.disabled}\n          >\n            <Option option={item} isGenericGroup={false} />\n          </Token>\n        )}\n        itemAttributes={item => ({ 'aria-label': item.label, 'aria-disabled': item.disabled ? true : undefined })}\n        i18nStrings={i18nStrings}\n        removedItemIndex={removedItemIndex}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["token-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAKjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAQjB;QARiB,EACzC,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,iBAAiB,OAEO,EADrB,KAAK,cAPiC,gFAQ1C,CADS;IAER,eAAe,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAEtE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC,EAClF,GAAG,EAAE,iBAAiB;QAEtB,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC/B,oBAAC,KAAK,IACJ,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,GAAG,EAAE;oBACd,sBAAsB,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;oBACjD,mBAAmB,CAAC,SAAS,CAAC,CAAC;gBACjC,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAEvB,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,GAAI,CACzC,CACT,EACD,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,GAClC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState } from 'react';\n\nimport Option from '../internal/components/option';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { TokenGroupProps } from './interfaces';\nimport { SomeRequired } from '../internal/types';\nimport { getBaseProps } from '../internal/base-component';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport TokenList from '../internal/components/token-list';\nimport { Token } from './token';\n\ntype InternalTokenGroupProps = SomeRequired<TokenGroupProps, 'items' | 'alignment'> & InternalBaseComponentProps;\n\nexport default function InternalTokenGroup({\n  alignment,\n  items,\n  onDismiss,\n  limit,\n  i18nStrings,\n  __internalRootRef,\n  ...props\n}: InternalTokenGroupProps) {\n  checkControlled('TokenGroup', 'items', items, 'onDismiss', onDismiss);\n\n  const [removedItemIndex, setRemovedItemIndex] = useState<null | number>(null);\n\n  const baseProps = getBaseProps(props);\n  const hasItems = items.length > 0;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, hasItems && styles['has-items'])}\n      ref={__internalRootRef}\n    >\n      <TokenList\n        alignment={alignment}\n        items={items}\n        limit={limit}\n        renderItem={(item, itemIndex) => (\n          <Token\n            ariaLabel={item.label}\n            dismissLabel={item.dismissLabel}\n            onDismiss={() => {\n              fireNonCancelableEvent(onDismiss, { itemIndex });\n              setRemovedItemIndex(itemIndex);\n            }}\n            disabled={item.disabled}\n          >\n            <Option option={item} isGenericGroup={false} />\n          </Token>\n        )}\n        i18nStrings={i18nStrings}\n        removedItemIndex={removedItemIndex}\n      />\n    </div>\n  );\n}\n"]}

package/token-group/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_1aubl_97",
-  "has-items": "awsui_has-items_dm8gx_1aubl_109",
-  "token": "awsui_token_dm8gx_1aubl_113",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1aubl_125",
-  "token-disabled": "awsui_token-disabled_dm8gx_1aubl_159"
+  "root": "awsui_root_dm8gx_on6jb_97",
+  "has-items": "awsui_has-items_dm8gx_on6jb_109",
+  "token": "awsui_token_dm8gx_on6jb_113",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_on6jb_125",
+  "token-disabled": "awsui_token-disabled_dm8gx_on6jb_159"
 };
   

package/token-group/styles.scoped.css

@@ -94,7 +94,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_dm8gx_1aubl_97:not(#\9) {
+.awsui_root_dm8gx_on6jb_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -132,11 +132,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_dm8gx_1aubl_97.awsui_has-items_dm8gx_1aubl_109:not(#\9) {
+.awsui_root_dm8gx_on6jb_97.awsui_has-items_dm8gx_on6jb_109:not(#\9) {
   padding-top: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_token_dm8gx_1aubl_113:not(#\9) {
+.awsui_token_dm8gx_on6jb_113:not(#\9) {
   height: 100%;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px) var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
@@ -148,21 +148,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_dismiss-button_dm8gx_1aubl_125:not(#\9) {
+.awsui_dismiss-button_dm8gx_on6jb_125:not(#\9) {
   margin: -1px -1px 0 var(--space-xxs-ynfts5, 4px);
   border: 1px solid transparent;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
   background-color: transparent;
 }
-.awsui_dismiss-button_dm8gx_1aubl_125[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):focus {
   position: relative;
 }
-.awsui_dismiss-button_dm8gx_1aubl_125[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_dismiss-button_dm8gx_1aubl_125[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,25 +173,25 @@ 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 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_dismiss-button_dm8gx_1aubl_125:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_1aubl_125:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
 }
 
-.awsui_token-disabled_dm8gx_1aubl_159:not(#\9) {
+.awsui_token-disabled_dm8gx_on6jb_159:not(#\9) {
   border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   color: var(--color-text-disabled-a2nkh4, #9ba7b6);
   pointer-events: none;
 }
-.awsui_token-disabled_dm8gx_1aubl_159 > .awsui_dismiss-button_dm8gx_1aubl_125:not(#\9) {
+.awsui_token-disabled_dm8gx_on6jb_159 > .awsui_dismiss-button_dm8gx_on6jb_125:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
 }
-.awsui_token-disabled_dm8gx_1aubl_159 > .awsui_dismiss-button_dm8gx_1aubl_125:not(#\9):hover {
+.awsui_token-disabled_dm8gx_on6jb_159 > .awsui_dismiss-button_dm8gx_on6jb_125:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: auto;
   color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);

package/token-group/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_1aubl_97",
-  "has-items": "awsui_has-items_dm8gx_1aubl_109",
-  "token": "awsui_token_dm8gx_1aubl_113",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1aubl_125",
-  "token-disabled": "awsui_token-disabled_dm8gx_1aubl_159"
+  "root": "awsui_root_dm8gx_on6jb_97",
+  "has-items": "awsui_has-items_dm8gx_on6jb_109",
+  "token": "awsui_token_dm8gx_on6jb_113",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_on6jb_125",
+  "token-disabled": "awsui_token-disabled_dm8gx_on6jb_159"
 };
   

package/token-group/token.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-interface ItemAttributes {
+interface TokenProps {
     children: React.ReactNode;
+    ariaLabel?: string;
     dismissLabel?: string;
     onDismiss?: () => void;
     disabled?: boolean;
 }
-interface TokenProps extends ItemAttributes {
-    children: React.ReactNode;
-}
-export declare function Token({ disabled, dismissLabel, onDismiss, children }: TokenProps): JSX.Element;
+export declare function Token({ ariaLabel, disabled, dismissLabel, onDismiss, children }: TokenProps): JSX.Element;
 export {};
 //# sourceMappingURL=token.d.ts.map

package/token-group/token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.d.ts","sourceRoot":"lib/default/","sources":["token-group/token.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,cAAc;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,eAOhF"}
+{"version":3,"file":"token.d.ts","sourceRoot":"lib/default/","sources":["token-group/token.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,eAY3F"}

package/token-group/token.js

@@ -4,8 +4,8 @@ import React from 'react';
 import clsx from 'clsx';
 import DismissButton from './dismiss-button';
 import styles from './styles.css.js';
-export function Token({ disabled, dismissLabel, onDismiss, children }) {
-    return (React.createElement("div", { className: clsx(styles.token, disabled && styles['token-disabled']) },
+export function Token({ ariaLabel, disabled, dismissLabel, onDismiss, children }) {
+    return (React.createElement("div", { className: clsx(styles.token, disabled && styles['token-disabled']), role: "group", "aria-label": ariaLabel, "aria-disabled": disabled },
         children,
         onDismiss && React.createElement(DismissButton, { disabled: disabled, dismissLabel: dismissLabel, onDismiss: onDismiss })));
 }

package/token-group/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"lib/default/","sources":["token-group/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAc;IAC/E,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC;QACrE,QAAQ;QACR,SAAS,IAAI,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CACjG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport DismissButton from './dismiss-button';\nimport styles from './styles.css.js';\n\ninterface ItemAttributes {\n  children: React.ReactNode;\n  dismissLabel?: string;\n  onDismiss?: () => void;\n  disabled?: boolean;\n}\n\ninterface TokenProps extends ItemAttributes {\n  children: React.ReactNode;\n}\n\nexport function Token({ disabled, dismissLabel, onDismiss, children }: TokenProps) {\n  return (\n    <div className={clsx(styles.token, disabled && styles['token-disabled'])}>\n      {children}\n      {onDismiss && <DismissButton disabled={disabled} dismissLabel={dismissLabel} onDismiss={onDismiss} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"token.js","sourceRoot":"lib/default/","sources":["token-group/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAc;IAC1F,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACnE,IAAI,EAAC,OAAO,gBACA,SAAS,mBACN,QAAQ;QAEtB,QAAQ;QACR,SAAS,IAAI,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CACjG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport DismissButton from './dismiss-button';\nimport styles from './styles.css.js';\n\ninterface TokenProps {\n  children: React.ReactNode;\n  ariaLabel?: string;\n  dismissLabel?: string;\n  onDismiss?: () => void;\n  disabled?: boolean;\n}\n\nexport function Token({ ariaLabel, disabled, dismissLabel, onDismiss, children }: TokenProps) {\n  return (\n    <div\n      className={clsx(styles.token, disabled && styles['token-disabled'])}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled}\n    >\n      {children}\n      {onDismiss && <DismissButton disabled={disabled} dismissLabel={dismissLabel} onDismiss={onDismiss} />}\n    </div>\n  );\n}\n"]}

package/top-navigation/1.0-beta/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["top-navigation/1.0-beta/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAOrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAEzF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,SAAc,EACd,MAAM,EACN,GAAG,SAAS,EACb,EAAE,0BAA0B,eAmL5B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["top-navigation/1.0-beta/internal.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAMrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAEzF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,SAAc,EACd,MAAM,EACN,GAAG,SAAS,EACb,EAAE,0BAA0B,eAkL5B"}

package/top-navigation/1.0-beta/internal.js

@@ -7,7 +7,6 @@ import { getBaseProps } from '../../internal/base-component';
 import { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';
 import VisualContext from '../../internal/components/visual-context';
 import Portal from '../../internal/components/portal';
-import useFocusVisible from '../../internal/hooks/focus-visible';
 import { useTopNavigation } from './use-top-navigation.js';
 import Utility from './parts/utility';
 import OverflowMenu from './parts/overflow-menu';
@@ -30,7 +29,6 @@ export default function InternalTopNavigation(_a) {
             fireCancelableEvent(identity.onFollow, {}, event);
         }
     };
-    const focusVisible = useFocusVisible();
     // Render the top nav twice; once as the top nav that users can see, and another
     // "virtual" top nav used just for calculations. The virtual top nav doesn't react to
     // layout changes and renders two sets of utilities: one with labels and one without.
@@ -53,7 +51,7 @@ export default function InternalTopNavigation(_a) {
             }) },
             React.createElement("div", { className: styles['padding-box'] },
                 showIdentity && (React.createElement("div", { className: clsx(styles.identity, !identity.logo && styles['no-logo']) },
-                    React.createElement("a", Object.assign({}, focusVisible, { className: styles['identity-link'], href: identity.href, onClick: onIdentityClick }),
+                    React.createElement("a", { className: styles['identity-link'], href: identity.href, onClick: onIdentityClick },
                         identity.logo && (React.createElement("img", { role: "img", src: (_a = identity.logo) === null || _a === void 0 ? void 0 : _a.src, alt: (_b = identity.logo) === null || _b === void 0 ? void 0 : _b.alt, className: clsx(styles.logo, {
                                 [styles.narrow]: isNarrowViewport,
                             }) })),

package/top-navigation/1.0-beta/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["top-navigation/1.0-beta/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 from 'react';\nimport clsx from 'clsx';\n\nimport { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';\nimport { getBaseProps } from '../../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport VisualContext from '../../internal/components/visual-context';\nimport Portal from '../../internal/components/portal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\n\nimport { TopNavigationProps } from './interfaces';\nimport { useTopNavigation } from './use-top-navigation.js';\nimport Utility from './parts/utility';\nimport OverflowMenu from './parts/overflow-menu';\n\nimport styles from './styles.css.js';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\n\nexport type InternalTopNavigationProps = TopNavigationProps & InternalBaseComponentProps;\n\nexport default function InternalTopNavigation({\n  __internalRootRef,\n  identity,\n  i18nStrings,\n  utilities = [],\n  search,\n  ...restProps\n}: InternalTopNavigationProps) {\n  checkSafeUrl('TopNavigation', identity.href);\n  const baseProps = getBaseProps(restProps);\n  const { ref, virtualRef, breakpoint, responsiveState, isSearchExpanded, onSearchUtilityClick } = useTopNavigation({\n    __internalRootRef,\n    identity,\n    search,\n    utilities,\n  });\n\n  const isNarrowViewport = breakpoint === 'default';\n  const isMediumViewport = breakpoint === 'xxs';\n\n  const onIdentityClick = (event: React.MouseEvent) => {\n    if (isPlainLeftClick(event)) {\n      fireCancelableEvent(identity.onFollow, {}, event);\n    }\n  };\n  const focusVisible = useFocusVisible();\n\n  // Render the top nav twice; once as the top nav that users can see, and another\n  // \"virtual\" top nav used just for calculations. The virtual top nav doesn't react to\n  // layout changes and renders two sets of utilities: one with labels and one without.\n  const content = (isVirtual: boolean) => {\n    const Wrapper = isVirtual ? 'div' : 'header';\n    const showIdentity = isVirtual || !isSearchExpanded;\n    const showTitle = isVirtual || !responsiveState.hideTitle;\n    const showSearchSlot = search && (isVirtual || !responsiveState.hideSearch || isSearchExpanded);\n    const showSearchUtility = isVirtual || (search && responsiveState.hideSearch);\n    const showUtilities = isVirtual || !isSearchExpanded;\n    const showMenuTrigger = isVirtual || (!isSearchExpanded && responsiveState.hideUtilities);\n\n    return (\n      <Wrapper\n        ref={isVirtual ? virtualRef : ref}\n        aria-hidden={isVirtual ? true : undefined}\n        // False positive, \"Wrapper\" is either a \"div\" or a \"header\"\n        // eslint-disable-next-line react/forbid-component-props\n        className={clsx(styles['top-navigation'], {\n          [styles.hidden]: isVirtual,\n          [styles.narrow]: isNarrowViewport,\n          [styles.medium]: isMediumViewport,\n        })}\n      >\n        <div className={styles['padding-box']}>\n          {showIdentity && (\n            <div className={clsx(styles.identity, !identity.logo && styles['no-logo'])}>\n              <a {...focusVisible} className={styles['identity-link']} href={identity.href} onClick={onIdentityClick}>\n                {identity.logo && (\n                  <img\n                    role=\"img\"\n                    src={identity.logo?.src}\n                    alt={identity.logo?.alt}\n                    className={clsx(styles.logo, {\n                      [styles.narrow]: isNarrowViewport,\n                    })}\n                  />\n                )}\n                {showTitle && <span className={styles.title}>{identity.title}</span>}\n              </a>\n            </div>\n          )}\n\n          <div className={styles.inputs}>\n            {showSearchSlot && (\n              <div className={clsx(styles.search, !isVirtual && isSearchExpanded && styles['search-expanded'])}>\n                {search}\n              </div>\n            )}\n          </div>\n\n          <div className={styles.utilities}>\n            {showSearchUtility && (\n              <div\n                className={clsx(\n                  styles['utility-wrapper'],\n                  styles['utility-type-button'],\n                  styles['utility-type-button-link']\n                )}\n                data-utility-special=\"search\"\n              >\n                <Utility\n                  hideText={true}\n                  isNarrowViewport={isNarrowViewport}\n                  definition={{\n                    type: 'button',\n                    iconName: isSearchExpanded ? 'close' : 'search',\n                    ariaLabel: isSearchExpanded\n                      ? i18nStrings.searchDismissIconAriaLabel\n                      : i18nStrings.searchIconAriaLabel,\n                    onClick: onSearchUtilityClick,\n                  }}\n                />\n              </div>\n            )}\n\n            {showUtilities &&\n              utilities\n                .filter(\n                  (_utility, i) =>\n                    isVirtual || !responsiveState.hideUtilities || responsiveState.hideUtilities.indexOf(i) === -1\n                )\n                .map((utility, i) => {\n                  const hideText = !!responsiveState.hideUtilityText;\n                  const last = (isVirtual || !showMenuTrigger) && i === utilities.length - 1;\n                  return (\n                    <div\n                      key={i}\n                      className={clsx(\n                        styles['utility-wrapper'],\n                        styles[`utility-type-${utility.type}`],\n                        last && styles['utility-wrapper-last'],\n                        utility.type === 'button' && styles[`utility-type-button-${utility.variant ?? 'link'}`]\n                      )}\n                      data-utility-index={i}\n                      data-utility-hide={`${hideText}`}\n                    >\n                      <Utility\n                        hideText={hideText}\n                        definition={utility}\n                        last={last}\n                        isNarrowViewport={isNarrowViewport}\n                      />\n                    </div>\n                  );\n                })}\n\n            {isVirtual &&\n              utilities.map((utility, i) => {\n                const hideText = !responsiveState.hideUtilityText;\n                const last = !showMenuTrigger && i === utilities.length - 1;\n                return (\n                  <div\n                    key={i}\n                    className={clsx(\n                      styles['utility-wrapper'],\n                      styles[`utility-type-${utility.type}`],\n                      last && styles['utility-wrapper-last'],\n                      utility.type === 'button' && styles[`utility-type-button-${utility.variant ?? 'link'}`]\n                    )}\n                    data-utility-index={i}\n                    data-utility-hide={`${hideText}`}\n                  >\n                    <Utility hideText={hideText} definition={utility} last={last} isNarrowViewport={isNarrowViewport} />\n                  </div>\n                );\n              })}\n\n            {showMenuTrigger && (\n              <div\n                className={clsx(\n                  styles['utility-wrapper'],\n                  styles['utility-type-menu-dropdown'],\n                  styles['utility-wrapper-last']\n                )}\n                data-utility-special=\"menu-trigger\"\n              >\n                <OverflowMenu\n                  utilities={responsiveState.hideUtilities?.map(i => utilities[i]) ?? []}\n                  isNarrowViewport={isNarrowViewport}\n                >\n                  {i18nStrings.overflowMenuTriggerText}\n                </OverflowMenu>\n              </div>\n            )}\n          </div>\n        </div>\n      </Wrapper>\n    );\n  };\n\n  return (\n    <div {...baseProps} ref={__internalRootRef}>\n      <VisualContext contextName=\"top-navigation\">\n        {content(false)}\n        <Portal>{content(true)}</Portal>\n      </VisualContext>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["top-navigation/1.0-beta/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 from 'react';\nimport clsx from 'clsx';\n\nimport { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';\nimport { getBaseProps } from '../../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport VisualContext from '../../internal/components/visual-context';\nimport Portal from '../../internal/components/portal';\n\nimport { TopNavigationProps } from './interfaces';\nimport { useTopNavigation } from './use-top-navigation.js';\nimport Utility from './parts/utility';\nimport OverflowMenu from './parts/overflow-menu';\n\nimport styles from './styles.css.js';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\n\nexport type InternalTopNavigationProps = TopNavigationProps & InternalBaseComponentProps;\n\nexport default function InternalTopNavigation({\n  __internalRootRef,\n  identity,\n  i18nStrings,\n  utilities = [],\n  search,\n  ...restProps\n}: InternalTopNavigationProps) {\n  checkSafeUrl('TopNavigation', identity.href);\n  const baseProps = getBaseProps(restProps);\n  const { ref, virtualRef, breakpoint, responsiveState, isSearchExpanded, onSearchUtilityClick } = useTopNavigation({\n    __internalRootRef,\n    identity,\n    search,\n    utilities,\n  });\n\n  const isNarrowViewport = breakpoint === 'default';\n  const isMediumViewport = breakpoint === 'xxs';\n\n  const onIdentityClick = (event: React.MouseEvent) => {\n    if (isPlainLeftClick(event)) {\n      fireCancelableEvent(identity.onFollow, {}, event);\n    }\n  };\n\n  // Render the top nav twice; once as the top nav that users can see, and another\n  // \"virtual\" top nav used just for calculations. The virtual top nav doesn't react to\n  // layout changes and renders two sets of utilities: one with labels and one without.\n  const content = (isVirtual: boolean) => {\n    const Wrapper = isVirtual ? 'div' : 'header';\n    const showIdentity = isVirtual || !isSearchExpanded;\n    const showTitle = isVirtual || !responsiveState.hideTitle;\n    const showSearchSlot = search && (isVirtual || !responsiveState.hideSearch || isSearchExpanded);\n    const showSearchUtility = isVirtual || (search && responsiveState.hideSearch);\n    const showUtilities = isVirtual || !isSearchExpanded;\n    const showMenuTrigger = isVirtual || (!isSearchExpanded && responsiveState.hideUtilities);\n\n    return (\n      <Wrapper\n        ref={isVirtual ? virtualRef : ref}\n        aria-hidden={isVirtual ? true : undefined}\n        // False positive, \"Wrapper\" is either a \"div\" or a \"header\"\n        // eslint-disable-next-line react/forbid-component-props\n        className={clsx(styles['top-navigation'], {\n          [styles.hidden]: isVirtual,\n          [styles.narrow]: isNarrowViewport,\n          [styles.medium]: isMediumViewport,\n        })}\n      >\n        <div className={styles['padding-box']}>\n          {showIdentity && (\n            <div className={clsx(styles.identity, !identity.logo && styles['no-logo'])}>\n              <a className={styles['identity-link']} href={identity.href} onClick={onIdentityClick}>\n                {identity.logo && (\n                  <img\n                    role=\"img\"\n                    src={identity.logo?.src}\n                    alt={identity.logo?.alt}\n                    className={clsx(styles.logo, {\n                      [styles.narrow]: isNarrowViewport,\n                    })}\n                  />\n                )}\n                {showTitle && <span className={styles.title}>{identity.title}</span>}\n              </a>\n            </div>\n          )}\n\n          <div className={styles.inputs}>\n            {showSearchSlot && (\n              <div className={clsx(styles.search, !isVirtual && isSearchExpanded && styles['search-expanded'])}>\n                {search}\n              </div>\n            )}\n          </div>\n\n          <div className={styles.utilities}>\n            {showSearchUtility && (\n              <div\n                className={clsx(\n                  styles['utility-wrapper'],\n                  styles['utility-type-button'],\n                  styles['utility-type-button-link']\n                )}\n                data-utility-special=\"search\"\n              >\n                <Utility\n                  hideText={true}\n                  isNarrowViewport={isNarrowViewport}\n                  definition={{\n                    type: 'button',\n                    iconName: isSearchExpanded ? 'close' : 'search',\n                    ariaLabel: isSearchExpanded\n                      ? i18nStrings.searchDismissIconAriaLabel\n                      : i18nStrings.searchIconAriaLabel,\n                    onClick: onSearchUtilityClick,\n                  }}\n                />\n              </div>\n            )}\n\n            {showUtilities &&\n              utilities\n                .filter(\n                  (_utility, i) =>\n                    isVirtual || !responsiveState.hideUtilities || responsiveState.hideUtilities.indexOf(i) === -1\n                )\n                .map((utility, i) => {\n                  const hideText = !!responsiveState.hideUtilityText;\n                  const last = (isVirtual || !showMenuTrigger) && i === utilities.length - 1;\n                  return (\n                    <div\n                      key={i}\n                      className={clsx(\n                        styles['utility-wrapper'],\n                        styles[`utility-type-${utility.type}`],\n                        last && styles['utility-wrapper-last'],\n                        utility.type === 'button' && styles[`utility-type-button-${utility.variant ?? 'link'}`]\n                      )}\n                      data-utility-index={i}\n                      data-utility-hide={`${hideText}`}\n                    >\n                      <Utility\n                        hideText={hideText}\n                        definition={utility}\n                        last={last}\n                        isNarrowViewport={isNarrowViewport}\n                      />\n                    </div>\n                  );\n                })}\n\n            {isVirtual &&\n              utilities.map((utility, i) => {\n                const hideText = !responsiveState.hideUtilityText;\n                const last = !showMenuTrigger && i === utilities.length - 1;\n                return (\n                  <div\n                    key={i}\n                    className={clsx(\n                      styles['utility-wrapper'],\n                      styles[`utility-type-${utility.type}`],\n                      last && styles['utility-wrapper-last'],\n                      utility.type === 'button' && styles[`utility-type-button-${utility.variant ?? 'link'}`]\n                    )}\n                    data-utility-index={i}\n                    data-utility-hide={`${hideText}`}\n                  >\n                    <Utility hideText={hideText} definition={utility} last={last} isNarrowViewport={isNarrowViewport} />\n                  </div>\n                );\n              })}\n\n            {showMenuTrigger && (\n              <div\n                className={clsx(\n                  styles['utility-wrapper'],\n                  styles['utility-type-menu-dropdown'],\n                  styles['utility-wrapper-last']\n                )}\n                data-utility-special=\"menu-trigger\"\n              >\n                <OverflowMenu\n                  utilities={responsiveState.hideUtilities?.map(i => utilities[i]) ?? []}\n                  isNarrowViewport={isNarrowViewport}\n                >\n                  {i18nStrings.overflowMenuTriggerText}\n                </OverflowMenu>\n              </div>\n            )}\n          </div>\n        </div>\n      </Wrapper>\n    );\n  };\n\n  return (\n    <div {...baseProps} ref={__internalRootRef}>\n      <VisualContext contextName=\"top-navigation\">\n        {content(false)}\n        <Portal>{content(true)}</Portal>\n      </VisualContext>\n    </div>\n  );\n}\n"]}

package/top-navigation/1.0-beta/styles.css.js

@@ -1,30 +1,30 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_1ca1i_1hszl_93",
-  "padding-box": "awsui_padding-box_1ca1i_1hszl_106",
-  "medium": "awsui_medium_1ca1i_1hszl_116",
-  "narrow": "awsui_narrow_1ca1i_1hszl_116",
-  "hidden": "awsui_hidden_1ca1i_1hszl_124",
-  "\t": "awsui_\t_1ca1i_1hszl_1",
-  "identity": "awsui_identity_1ca1i_1hszl_137",
-  "identity-link": "awsui_identity-link_1ca1i_1hszl_137",
-  "no-logo": "awsui_no-logo_1ca1i_1hszl_154",
-  "logo": "awsui_logo_1ca1i_1hszl_158",
-  "title": "awsui_title_1ca1i_1hszl_169",
-  "inputs": "awsui_inputs_1ca1i_1hszl_185",
-  "search": "awsui_search_1ca1i_1hszl_192",
-  "search-expanded": "awsui_search-expanded_1ca1i_1hszl_197",
-  "utilities": "awsui_utilities_1ca1i_1hszl_202",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_1hszl_214",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1hszl_230",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1hszl_230",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1hszl_244",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1hszl_259",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_1hszl_272",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1hszl_276",
-  "trigger": "awsui_trigger_1ca1i_1hszl_280",
-  "rotate-up": "awsui_rotate-up_1ca1i_1hszl_284",
-  "rotate-down": "awsui_rotate-down_1ca1i_1hszl_299"
+  "top-navigation": "awsui_top-navigation_1ca1i_pnu7h_93",
+  "padding-box": "awsui_padding-box_1ca1i_pnu7h_106",
+  "medium": "awsui_medium_1ca1i_pnu7h_116",
+  "narrow": "awsui_narrow_1ca1i_pnu7h_116",
+  "hidden": "awsui_hidden_1ca1i_pnu7h_124",
+  "\t": "awsui_\t_1ca1i_pnu7h_1",
+  "identity": "awsui_identity_1ca1i_pnu7h_137",
+  "identity-link": "awsui_identity-link_1ca1i_pnu7h_137",
+  "no-logo": "awsui_no-logo_1ca1i_pnu7h_154",
+  "logo": "awsui_logo_1ca1i_pnu7h_158",
+  "title": "awsui_title_1ca1i_pnu7h_169",
+  "inputs": "awsui_inputs_1ca1i_pnu7h_185",
+  "search": "awsui_search_1ca1i_pnu7h_192",
+  "search-expanded": "awsui_search-expanded_1ca1i_pnu7h_197",
+  "utilities": "awsui_utilities_1ca1i_pnu7h_202",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_pnu7h_214",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_pnu7h_230",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_pnu7h_230",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_pnu7h_244",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_pnu7h_259",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_pnu7h_272",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_pnu7h_276",
+  "trigger": "awsui_trigger_1ca1i_pnu7h_280",
+  "rotate-up": "awsui_rotate-up_1ca1i_pnu7h_284",
+  "rotate-down": "awsui_rotate-down_1ca1i_pnu7h_299"
 };
   

package/top-navigation/1.0-beta/styles.scoped.css

@@ -90,7 +90,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_top-navigation_1ca1i_1hszl_93:not(#\9) {
+.awsui_top-navigation_1ca1i_pnu7h_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,7 +129,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_top-navigation_1ca1i_1hszl_93 > .awsui_padding-box_1ca1i_1hszl_106:not(#\9) {
+.awsui_top-navigation_1ca1i_pnu7h_93 > .awsui_padding-box_1ca1i_pnu7h_106:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -139,15 +139,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(var(--space-xxxl-bo9z7f, 40px) + var(--space-scaled-m-pv0fmt, 16px));
   padding: 0 0 0 var(--space-l-4vl6xu, 20px);
 }
-.awsui_top-navigation_1ca1i_1hszl_93.awsui_medium_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106:not(#\9), .awsui_top-navigation_1ca1i_1hszl_93.awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106:not(#\9) {
+.awsui_top-navigation_1ca1i_pnu7h_93.awsui_medium_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106:not(#\9), .awsui_top-navigation_1ca1i_pnu7h_93.awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106:not(#\9) {
   height: calc(var(--space-xxxl-bo9z7f, 40px) + var(--space-scaled-xs-6859qs, 8px));
 }
-.awsui_top-navigation_1ca1i_1hszl_93.awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106:not(#\9) {
+.awsui_top-navigation_1ca1i_pnu7h_93.awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106:not(#\9) {
   height: var(--space-xxxl-bo9z7f, 40px);
   padding: 0 0 0 var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_hidden_1ca1i_1hszl_124:not(#\9) {
+.awsui_hidden_1ca1i_pnu7h_124:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
@@ -156,20 +156,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_1ca1i_1hszl_124 *:not(#\9):not(#awsui_\9 _1ca1i_1hszl_1) {
+.awsui_hidden_1ca1i_pnu7h_124 *:not(#\9):not(#awsui_\9 _1ca1i_pnu7h_1) {
   visibility: hidden;
 }
 
-.awsui_identity_1ca1i_1hszl_137 > .awsui_identity-link_1ca1i_1hszl_137:not(#\9) {
+.awsui_identity_1ca1i_pnu7h_137 > .awsui_identity-link_1ca1i_pnu7h_137:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-oypxe3, #000716);
 }
-.awsui_identity_1ca1i_1hszl_137 > .awsui_identity-link_1ca1i_1hszl_137:not(#\9):hover {
+.awsui_identity_1ca1i_pnu7h_137 > .awsui_identity-link_1ca1i_pnu7h_137:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_identity_1ca1i_1hszl_137 > .awsui_identity-link_1ca1i_1hszl_137[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_pnu7h_137 > .awsui_identity-link_1ca1i_pnu7h_137:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -177,22 +177,22 @@ 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_identity_1ca1i_1hszl_137.awsui_no-logo_1ca1i_1hszl_154:not(#\9) {
+.awsui_identity_1ca1i_pnu7h_137.awsui_no-logo_1ca1i_pnu7h_154:not(#\9) {
   min-width: 100px;
 }
 
-.awsui_logo_1ca1i_1hszl_158:not(#\9) {
+.awsui_logo_1ca1i_pnu7h_158:not(#\9) {
   display: block;
   max-height: var(--space-xxl-2nvmf1, 32px);
   margin-left: var(--space-s-hv8c1d, 12px);
   width: auto;
   min-width: 10px;
 }
-.awsui_logo_1ca1i_1hszl_158.awsui_narrow_1ca1i_1hszl_116:not(#\9) {
+.awsui_logo_1ca1i_pnu7h_158.awsui_narrow_1ca1i_pnu7h_116:not(#\9) {
   max-height: var(--space-xl-a39hup, 24px);
 }
 
-.awsui_title_1ca1i_1hszl_169:not(#\9) {
+.awsui_title_1ca1i_pnu7h_169:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
@@ -204,28 +204,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_1ca1i_1hszl_154 > .awsui_identity-link_1ca1i_1hszl_137 > .awsui_title_1ca1i_1hszl_169:not(#\9) {
+.awsui_no-logo_1ca1i_pnu7h_154 > .awsui_identity-link_1ca1i_pnu7h_137 > .awsui_title_1ca1i_pnu7h_169:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_1ca1i_1hszl_185:not(#\9) {
+.awsui_inputs_1ca1i_pnu7h_185:not(#\9) {
   flex: 1;
   min-width: 0;
   display: flex;
   justify-content: center;
 }
 
-.awsui_search_1ca1i_1hszl_192:not(#\9) {
+.awsui_search_1ca1i_pnu7h_192:not(#\9) {
   width: 100%;
   max-width: 340px;
   padding-left: var(--space-xxxl-bo9z7f, 40px);
 }
-.awsui_search-expanded_1ca1i_1hszl_197:not(#\9) {
+.awsui_search-expanded_1ca1i_pnu7h_197:not(#\9) {
   max-width: none;
   padding-left: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_utilities_1ca1i_1hszl_202:not(#\9) {
+.awsui_utilities_1ca1i_pnu7h_202:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
@@ -233,17 +233,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-left: var(--space-m-17eucw, 16px);
   height: 100%;
 }
-.awsui_medium_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202:not(#\9), .awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202:not(#\9) {
+.awsui_medium_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202:not(#\9), .awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202:not(#\9) {
   padding-left: 0;
 }
 
-.awsui_utility-wrapper_1ca1i_1hszl_214:not(#\9) {
+.awsui_utility-wrapper_1ca1i_pnu7h_214:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
   align-items: center;
 }
-.awsui_utility-wrapper_1ca1i_1hszl_214:not(#\9)::after {
+.awsui_utility-wrapper_1ca1i_pnu7h_214:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -253,86 +253,86 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: var(--space-s-hv8c1d, 12px);
   background: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_utility-wrapper_1ca1i_1hszl_214.awsui_utility-wrapper-last_1ca1i_1hszl_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1hszl_230) {
+.awsui_utility-wrapper_1ca1i_pnu7h_214.awsui_utility-wrapper-last_1ca1i_pnu7h_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230) {
   padding-right: 0;
 }
-.awsui_utility-wrapper_1ca1i_1hszl_214.awsui_utility-wrapper-last_1ca1i_1hszl_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_1hszl_230)::after {
+.awsui_utility-wrapper_1ca1i_pnu7h_214.awsui_utility-wrapper-last_1ca1i_pnu7h_230:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230)::after {
   display: none;
 }
-.awsui_medium_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202 > .awsui_utility-wrapper_1ca1i_1hszl_214:not(#\9)::after, .awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202 > .awsui_utility-wrapper_1ca1i_1hszl_214:not(#\9)::after {
+.awsui_medium_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202 > .awsui_utility-wrapper_1ca1i_pnu7h_214:not(#\9)::after, .awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202 > .awsui_utility-wrapper_1ca1i_pnu7h_214:not(#\9)::after {
   top: var(--space-xs-rsr2qu, 8px);
   bottom: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_utility-wrapper-last_1ca1i_1hszl_230:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_pnu7h_230:not(#\9) {
   margin-right: var(--space-s-hv8c1d, 12px);
 }
-.awsui_utility-wrapper-last_1ca1i_1hszl_230.awsui_utility-type-menu-dropdown_1ca1i_1hszl_244:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_pnu7h_230.awsui_utility-type-menu-dropdown_1ca1i_pnu7h_244:not(#\9) {
   margin-right: 0;
 }
-.awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202 > .awsui_utility-wrapper-last_1ca1i_1hszl_230:not(#\9) {
+.awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202 > .awsui_utility-wrapper-last_1ca1i_pnu7h_230:not(#\9) {
   margin-right: 0;
 }
-.awsui_narrow_1ca1i_1hszl_116 > .awsui_padding-box_1ca1i_1hszl_106 > .awsui_utilities_1ca1i_1hszl_202 > .awsui_utility-wrapper-last_1ca1i_1hszl_230.awsui_utility-type-button-primary-button_1ca1i_1hszl_230:not(#\9) {
+.awsui_narrow_1ca1i_pnu7h_116 > .awsui_padding-box_1ca1i_pnu7h_106 > .awsui_utilities_1ca1i_pnu7h_202 > .awsui_utility-wrapper-last_1ca1i_pnu7h_230.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230:not(#\9) {
   padding-right: var(--space-l-4vl6xu, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_1ca1i_1hszl_244:not(#\9) {
+.awsui_utility-type-menu-dropdown_1ca1i_pnu7h_244:not(#\9) {
   padding: 0 var(--space-s-hv8c1d, 12px);
   align-items: stretch;
 }
 
-.awsui_utility-type-button-link_1ca1i_1hszl_259:not(#\9),
-.awsui_utility-type-button-primary-button_1ca1i_1hszl_230:not(#\9) {
+.awsui_utility-type-button-link_1ca1i_pnu7h_259:not(#\9),
+.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230:not(#\9) {
   padding: 0 var(--space-m-17eucw, 16px);
 }
 
-.awsui_utility-type-button-primary-button_1ca1i_1hszl_230:not(#\9) {
+.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230:not(#\9) {
   left: -1px;
   border-left: 1px solid var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_utility-type-button-primary-button_1ca1i_1hszl_230:not(#\9)::after {
+.awsui_utility-type-button-primary-button_1ca1i_pnu7h_230:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_1ca1i_1hszl_272:not(#\9) {
+.awsui_utility-link-icon_1ca1i_pnu7h_272:not(#\9) {
   margin-right: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_utility-button-external-icon_1ca1i_1hszl_276:not(#\9) {
+.awsui_utility-button-external-icon_1ca1i_pnu7h_276:not(#\9) {
   display: inline-block;
 }
 
-.awsui_trigger_1ca1i_1hszl_280:not(#\9) {
+.awsui_trigger_1ca1i_pnu7h_280:not(#\9) {
   /*used in test-utils*/
 }
 
-.awsui_rotate-up_1ca1i_1hszl_284:not(#\9) {
+.awsui_rotate-up_1ca1i_pnu7h_284:not(#\9) {
   transform: rotate(-180deg);
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_1ca1i_1hszl_284:not(#\9) {
+  .awsui_rotate-up_1ca1i_pnu7h_284:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_1ca1i_1hszl_284:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_1hszl_284:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_1ca1i_pnu7h_284:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_pnu7h_284:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_rotate-down_1ca1i_1hszl_299:not(#\9) {
+.awsui_rotate-down_1ca1i_pnu7h_299:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_1ca1i_1hszl_299:not(#\9) {
+  .awsui_rotate-down_1ca1i_pnu7h_299:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_1ca1i_1hszl_299:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_1hszl_299:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_1ca1i_pnu7h_299:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_pnu7h_299:not(#\9) {
   animation: none;
   transition: none;
 }