@cloudscape-design/components 3.0.840 → 3.0.842

package/toggle-button/internal.d.ts

@@ -3,5 +3,4 @@ import { ToggleButtonProps } from './interfaces';
 export declare const InternalToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & {
     __title?: string | undefined;
 } & React.RefAttributes<ToggleButtonProps.Ref>>;
-export default InternalToggleButton;
 //# sourceMappingURL=internal.d.ts.map

package/toggle-button/internal.d.ts.map

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

package/toggle-button/internal.js

@@ -27,5 +27,4 @@ export const InternalToggleButton = React.forwardRef((_a, ref) => {
             fireNonCancelableEvent(onChange, { pressed: !pressed });
         } }, rest, { ref: ref })));
 });
-export default InternalToggleButton;
 //# sourceMappingURL=internal.js.map

package/toggle-button/internal.js.map

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

package/token-group/analytics-metadata/interfaces.d.ts

@@ -1,5 +1,4 @@
 import { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { GeneratedAnalyticsMetadataTokenListShowMore } from '../../internal/components/token-list/analytics-metadata/interfaces';
 export interface GeneratedAnalyticsMetadataTokenGroupDismiss {
     action: 'dismiss';
     detail: {
@@ -7,7 +6,6 @@ export interface GeneratedAnalyticsMetadataTokenGroupDismiss {
         position?: string;
     };
 }
-export type GeneratedAnalyticsMetadataTokenGroupExpand = GeneratedAnalyticsMetadataTokenListShowMore;
 export interface GeneratedAnalyticsMetadataTokenGroupComponent {
     name: 'awsui.TokenGroup';
     label: string;

package/token-group/analytics-metadata/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,OAAO,EAAE,2CAA2C,EAAE,MAAM,oEAAoE,CAAC;AAEjI,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,MAAM,0CAA0C,GAAG,2CAA2C,CAAC;AAErG,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,2CAA2C;IAC1D,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QACV,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}

package/token-group/analytics-metadata/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { GeneratedAnalyticsMetadataTokenListShowMore } from '../../internal/components/token-list/analytics-metadata/interfaces';\n\nexport interface GeneratedAnalyticsMetadataTokenGroupDismiss {\n  action: 'dismiss';\n  detail: {\n    label: LabelIdentifier;\n    position?: string;\n  };\n}\n\nexport type GeneratedAnalyticsMetadataTokenGroupExpand = GeneratedAnalyticsMetadataTokenListShowMore;\n\nexport interface GeneratedAnalyticsMetadataTokenGroupComponent {\n  name: 'awsui.TokenGroup';\n  label: string;\n  properties: {\n    itemsCount: string;\n  };\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/token-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataTokenGroupDismiss {\n  action: 'dismiss';\n  detail: {\n    label: LabelIdentifier;\n    position?: string;\n  };\n}\n\nexport interface GeneratedAnalyticsMetadataTokenGroupComponent {\n  name: 'awsui.TokenGroup';\n  label: string;\n  properties: {\n    itemsCount: string;\n  };\n}\n"]}

package/token-group/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_50l5h_157",
-  "has-items": "awsui_has-items_dm8gx_50l5h_188",
-  "no-padding": "awsui_no-padding_dm8gx_50l5h_188",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_50l5h_192",
-  "token": "awsui_token_dm8gx_50l5h_234",
-  "token-box": "awsui_token-box_dm8gx_50l5h_241",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_50l5h_261",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_50l5h_275"
+  "root": "awsui_root_dm8gx_1qpbs_161",
+  "has-items": "awsui_has-items_dm8gx_1qpbs_192",
+  "no-padding": "awsui_no-padding_dm8gx_1qpbs_192",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1qpbs_196",
+  "token": "awsui_token_dm8gx_1qpbs_238",
+  "token-box": "awsui_token-box_dm8gx_1qpbs_245",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1qpbs_265",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1qpbs_279"
 };
   

package/token-group/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -154,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_dm8gx_50l5h_157:not(#\9) {
+.awsui_root_dm8gx_1qpbs_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -186,11 +190,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_50l5h_157.awsui_has-items_dm8gx_50l5h_188:not(#\9):not(.awsui_no-padding_dm8gx_50l5h_188) {
+.awsui_root_dm8gx_1qpbs_161.awsui_has-items_dm8gx_1qpbs_192:not(#\9):not(.awsui_no-padding_dm8gx_1qpbs_192) {
   padding-block-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   margin-block-start: -1px;
   margin-block-end: 0;
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
@@ -202,14 +206,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -223,23 +227,23 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
 }
 
-.awsui_token_dm8gx_50l5h_234:not(#\9) {
+.awsui_token_dm8gx_1qpbs_238:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_token-box_dm8gx_50l5h_241:not(#\9) {
+.awsui_token-box_dm8gx_1qpbs_245:not(#\9) {
   position: relative;
   block-size: 100%;
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
@@ -259,30 +263,30 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\
   box-sizing: border-box;
 }
 
-.awsui_token-box-readonly_dm8gx_50l5h_261:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1qpbs_265:not(#\9) {
   border-color: var(--color-border-input-disabled-lb7zn3, #ebebf0);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box-readonly_dm8gx_50l5h_261 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1qpbs_265 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-readonly_dm8gx_50l5h_261 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_token-box-readonly_dm8gx_1qpbs_265 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
 
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279:not(#\9) {
   border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   color: var(--color-text-disabled-e4vsj4, #b4b4bb);
   pointer-events: none;
 }
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }

package/token-group/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_50l5h_157",
-  "has-items": "awsui_has-items_dm8gx_50l5h_188",
-  "no-padding": "awsui_no-padding_dm8gx_50l5h_188",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_50l5h_192",
-  "token": "awsui_token_dm8gx_50l5h_234",
-  "token-box": "awsui_token-box_dm8gx_50l5h_241",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_50l5h_261",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_50l5h_275"
+  "root": "awsui_root_dm8gx_1qpbs_161",
+  "has-items": "awsui_has-items_dm8gx_1qpbs_192",
+  "no-padding": "awsui_no-padding_dm8gx_1qpbs_192",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1qpbs_196",
+  "token": "awsui_token_dm8gx_1qpbs_238",
+  "token-box": "awsui_token-box_dm8gx_1qpbs_245",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1qpbs_265",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1qpbs_279"
 };
   

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';
 import { TopNavigationProps } from './interfaces';
-export type InternalTopNavigationProps = TopNavigationProps & InternalBaseComponentProps;
+type InternalTopNavigationProps = TopNavigationProps & InternalBaseComponentProps;
 export default function InternalTopNavigation({ __internalRootRef, identity, i18nStrings, utilities, search, ...restProps }: InternalTopNavigationProps): JSX.Element;
+export {};
 //# sourceMappingURL=internal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/internal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOlD,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"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/internal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOlD,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,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.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../src/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 { getBaseProps } from '../../internal/base-component';\nimport Portal from '../../internal/components/portal';\nimport VisualContext from '../../internal/components/visual-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\nimport { TopNavigationProps } from './interfaces';\nimport OverflowMenu from './parts/overflow-menu';\nimport Utility from './parts/utility';\nimport { useTopNavigation } from './use-top-navigation.js';\n\nimport styles from './styles.css.js';\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"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../src/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 { getBaseProps } from '../../internal/base-component';\nimport Portal from '../../internal/components/portal';\nimport VisualContext from '../../internal/components/visual-context';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../../internal/utils/check-safe-url';\nimport { TopNavigationProps } from './interfaces';\nimport OverflowMenu from './parts/overflow-menu';\nimport Utility from './parts/utility';\nimport { useTopNavigation } from './use-top-navigation.js';\n\nimport styles from './styles.css.js';\n\ntype 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/parts/overflow-menu.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ButtonDropdownProps } from '../../../button-dropdown/interfaces';
 import { BaseComponentProps } from '../../../internal/base-component';
 import { TopNavigationProps } from '../interfaces';
-export interface OverflowMenuProps extends BaseComponentProps {
+interface OverflowMenuProps extends BaseComponentProps {
     utilities: ReadonlyArray<TopNavigationProps.Utility>;
     isNarrowViewport?: boolean;
     /**
@@ -13,4 +13,5 @@ export interface OverflowMenuProps extends BaseComponentProps {
 }
 export declare function transformUtility(utility: TopNavigationProps.Utility, index: number): ButtonDropdownProps.ItemOrGroup;
 export default function OverflowMenu({ children, utilities, isNarrowViewport }: OverflowMenuProps): JSX.Element;
+export {};
 //# sourceMappingURL=overflow-menu.d.ts.map

package/top-navigation/1.0-beta/parts/overflow-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../../../src/top-navigation/1.0-beta/parts/overflow-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAInD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAErD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC,WAAW,CA2BpH;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,iBAAiB,eA6BhG"}
+{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../../../src/top-navigation/1.0-beta/parts/overflow-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAInD,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAErD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC,WAAW,CA2BpH;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,iBAAiB,eA6BhG"}

package/top-navigation/1.0-beta/parts/overflow-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../../../../src/top-navigation/1.0-beta/parts/overflow-menu.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,SAAS,4BAA4B,CAAC,KAAgC,EAAE,KAAa;IACnF,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACtB,MAAM,QAAQ,mCAAQ,IAAI,KAAE,EAAE,EAAE,GAAG,KAAK,KAAK,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC;QAC/D,IAAI,OAAO,IAAI,QAAQ,EAAE;YACvB,QAAQ,CAAC,KAAK,GAAG,4BAA4B,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SACtE;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAmC,EAAE,KAAa;IACjF,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;IAElD,MAAM,WAAW,GAA6C;QAC5D,kEAAkE;QAClE,EAAE,EAAE,GAAG,KAAK,IAAI;QAChB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC;IAEF,IAAI,OAAO,CAAC,IAAI,KAAK,eAAe,EAAE;QACpC,OAAO,gCACF,WAAW,KACd,KAAK,EAAE,4BAA4B,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EACzD,WAAW,EAAE,OAAO,CAAC,WAAW,GACA,CAAC;KACpC;SAAM;QACL,OAAO,gCACF,WAAW,KACd,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,qBAAqB,EAAE,OAAO,CAAC,qBAAqB,GACzB,CAAC;KAC/B;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAqB;IAC/F,MAAM,OAAO,GAAG,CAAC,QAAiB,EAAE,KAAwD,EAAE,EAAE;QAC9F,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3C,IAAI,gBAAgB,GAAG,KAAK,CAAC;QAC7B,IAAI,aAAa,IAAI,OAAO,EAAE;YAC5B,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC,WAAW,kCAAO,KAAK,CAAC,MAAM,KAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAG,CAAC;SACvG;aAAM,IAAI,SAAS,IAAI,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC9D,6DAA6D;YAC7D,MAAM,KAAoC,KAAK,CAAC,MAAM,EAAhD,EAAE,EAAE,OAA4C,EAAvC,sBAAsB,cAA/B,MAAiC,CAAe,CAAC;YACvD,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC;SACjF;QACD,IAAI,gBAAgB,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,EACtC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAC3C,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,gBAAgB,EAAE,IAAI,EACtB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EACtC,YAAY,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAErC,QAAQ,CACI,CAChB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonDropdownProps } from '../../../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../../../internal/base-component';\nimport MenuDropdown from '../../../internal/components/menu-dropdown';\nimport { fireCancelableEvent } from '../../../internal/events';\nimport { TopNavigationProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\n\nexport interface OverflowMenuProps extends BaseComponentProps {\n  utilities: ReadonlyArray<TopNavigationProps.Utility>;\n\n  isNarrowViewport?: boolean;\n\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n}\n\nfunction transformButtonDropdownItems(items: ButtonDropdownProps.Items, index: number): ButtonDropdownProps.Items {\n  return items.map(item => {\n    const itemCopy = { ...item, id: `${index}__${item.id || ''}` };\n    if ('items' in itemCopy) {\n      itemCopy.items = transformButtonDropdownItems(itemCopy.items, index);\n    }\n    return itemCopy;\n  });\n}\n\nexport function transformUtility(utility: TopNavigationProps.Utility, index: number): ButtonDropdownProps.ItemOrGroup {\n  const title = utility.title || utility.text || '';\n\n  const commonProps: Partial<ButtonDropdownProps.ItemOrGroup> = {\n    // Encode index into the ID, so we can pick out the right handler.\n    id: `${index}__`,\n    text: title,\n    iconName: utility.iconName,\n    iconUrl: utility.iconUrl,\n    iconAlt: utility.iconAlt,\n    iconSvg: utility.iconSvg,\n  };\n\n  if (utility.type === 'menu-dropdown') {\n    return {\n      ...commonProps,\n      items: transformButtonDropdownItems(utility.items, index),\n      description: utility.description,\n    } as ButtonDropdownProps.ItemGroup;\n  } else {\n    return {\n      ...commonProps,\n      href: utility.href,\n      external: utility.external,\n      externalIconAriaLabel: utility.externalIconAriaLabel,\n    } as ButtonDropdownProps.Item;\n  }\n}\n\nexport default function OverflowMenu({ children, utilities, isNarrowViewport }: OverflowMenuProps) {\n  const onClick = (isFollow: boolean, event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {\n    const [index, ...rest] = event.detail.id.split('__');\n    const utility = utilities[parseInt(index)];\n    let defaultPrevented = false;\n    if ('onItemClick' in utility) {\n      defaultPrevented = fireCancelableEvent(utility.onItemClick, { ...event.detail, id: rest.join('__') });\n    } else if ('onClick' in utility && (isFollow || !utility.href)) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { id, ...baseNavigationalDetail } = event.detail;\n      defaultPrevented = fireCancelableEvent(utility.onClick, baseNavigationalDetail);\n    }\n    if (defaultPrevented) {\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <MenuDropdown\n      items={utilities.map(transformUtility)}\n      offsetRight={isNarrowViewport ? 'l' : 'xxl'}\n      className={styles.trigger}\n      expandableGroups={true}\n      onItemClick={onClick.bind(null, false)}\n      onItemFollow={onClick.bind(null, true)}\n    >\n      {children}\n    </MenuDropdown>\n  );\n}\n"]}
+{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../../../../src/top-navigation/1.0-beta/parts/overflow-menu.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';\n\nimport { ButtonDropdownProps } from '../../../button-dropdown/interfaces';\nimport { BaseComponentProps } from '../../../internal/base-component';\nimport MenuDropdown from '../../../internal/components/menu-dropdown';\nimport { fireCancelableEvent } from '../../../internal/events';\nimport { TopNavigationProps } from '../interfaces';\n\nimport styles from '../styles.css.js';\n\ninterface OverflowMenuProps extends BaseComponentProps {\n  utilities: ReadonlyArray<TopNavigationProps.Utility>;\n\n  isNarrowViewport?: boolean;\n\n  /**\n   * Text displayed in the button dropdown trigger.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n}\n\nfunction transformButtonDropdownItems(items: ButtonDropdownProps.Items, index: number): ButtonDropdownProps.Items {\n  return items.map(item => {\n    const itemCopy = { ...item, id: `${index}__${item.id || ''}` };\n    if ('items' in itemCopy) {\n      itemCopy.items = transformButtonDropdownItems(itemCopy.items, index);\n    }\n    return itemCopy;\n  });\n}\n\nexport function transformUtility(utility: TopNavigationProps.Utility, index: number): ButtonDropdownProps.ItemOrGroup {\n  const title = utility.title || utility.text || '';\n\n  const commonProps: Partial<ButtonDropdownProps.ItemOrGroup> = {\n    // Encode index into the ID, so we can pick out the right handler.\n    id: `${index}__`,\n    text: title,\n    iconName: utility.iconName,\n    iconUrl: utility.iconUrl,\n    iconAlt: utility.iconAlt,\n    iconSvg: utility.iconSvg,\n  };\n\n  if (utility.type === 'menu-dropdown') {\n    return {\n      ...commonProps,\n      items: transformButtonDropdownItems(utility.items, index),\n      description: utility.description,\n    } as ButtonDropdownProps.ItemGroup;\n  } else {\n    return {\n      ...commonProps,\n      href: utility.href,\n      external: utility.external,\n      externalIconAriaLabel: utility.externalIconAriaLabel,\n    } as ButtonDropdownProps.Item;\n  }\n}\n\nexport default function OverflowMenu({ children, utilities, isNarrowViewport }: OverflowMenuProps) {\n  const onClick = (isFollow: boolean, event: CustomEvent<ButtonDropdownProps.ItemClickDetails>) => {\n    const [index, ...rest] = event.detail.id.split('__');\n    const utility = utilities[parseInt(index)];\n    let defaultPrevented = false;\n    if ('onItemClick' in utility) {\n      defaultPrevented = fireCancelableEvent(utility.onItemClick, { ...event.detail, id: rest.join('__') });\n    } else if ('onClick' in utility && (isFollow || !utility.href)) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { id, ...baseNavigationalDetail } = event.detail;\n      defaultPrevented = fireCancelableEvent(utility.onClick, baseNavigationalDetail);\n    }\n    if (defaultPrevented) {\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <MenuDropdown\n      items={utilities.map(transformUtility)}\n      offsetRight={isNarrowViewport ? 'l' : 'xxl'}\n      className={styles.trigger}\n      expandableGroups={true}\n      onItemClick={onClick.bind(null, false)}\n      onItemFollow={onClick.bind(null, true)}\n    >\n      {children}\n    </MenuDropdown>\n  );\n}\n"]}

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

@@ -1,30 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_1ca1i_k6g3r_141",
-  "padding-box": "awsui_padding-box_1ca1i_k6g3r_173",
-  "medium": "awsui_medium_1ca1i_k6g3r_185",
-  "narrow": "awsui_narrow_1ca1i_k6g3r_185",
-  "hidden": "awsui_hidden_1ca1i_k6g3r_195",
-  "\t": "awsui_\t_1ca1i_k6g3r_1",
-  "identity": "awsui_identity_1ca1i_k6g3r_208",
-  "identity-link": "awsui_identity-link_1ca1i_k6g3r_208",
-  "no-logo": "awsui_no-logo_1ca1i_k6g3r_228",
-  "logo": "awsui_logo_1ca1i_k6g3r_232",
-  "title": "awsui_title_1ca1i_k6g3r_243",
-  "inputs": "awsui_inputs_1ca1i_k6g3r_259",
-  "search": "awsui_search_1ca1i_k6g3r_266",
-  "search-expanded": "awsui_search-expanded_1ca1i_k6g3r_271",
-  "utilities": "awsui_utilities_1ca1i_k6g3r_276",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_k6g3r_288",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_k6g3r_303",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_k6g3r_303",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_k6g3r_316",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_k6g3r_332",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_k6g3r_346",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_k6g3r_350",
-  "trigger": "awsui_trigger_1ca1i_k6g3r_354",
-  "rotate-up": "awsui_rotate-up_1ca1i_k6g3r_358",
-  "rotate-down": "awsui_rotate-down_1ca1i_k6g3r_373"
+  "top-navigation": "awsui_top-navigation_1ca1i_7wfj0_145",
+  "padding-box": "awsui_padding-box_1ca1i_7wfj0_177",
+  "medium": "awsui_medium_1ca1i_7wfj0_189",
+  "narrow": "awsui_narrow_1ca1i_7wfj0_189",
+  "hidden": "awsui_hidden_1ca1i_7wfj0_199",
+  "\t": "awsui_\t_1ca1i_7wfj0_1",
+  "identity": "awsui_identity_1ca1i_7wfj0_212",
+  "identity-link": "awsui_identity-link_1ca1i_7wfj0_212",
+  "no-logo": "awsui_no-logo_1ca1i_7wfj0_232",
+  "logo": "awsui_logo_1ca1i_7wfj0_236",
+  "title": "awsui_title_1ca1i_7wfj0_247",
+  "inputs": "awsui_inputs_1ca1i_7wfj0_263",
+  "search": "awsui_search_1ca1i_7wfj0_270",
+  "search-expanded": "awsui_search-expanded_1ca1i_7wfj0_275",
+  "utilities": "awsui_utilities_1ca1i_7wfj0_280",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_7wfj0_292",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_7wfj0_307",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_7wfj0_307",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_7wfj0_320",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_7wfj0_336",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_7wfj0_350",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_7wfj0_354",
+  "trigger": "awsui_trigger_1ca1i_7wfj0_358"
 };