@cloudscape-design/components-themeable 3.0.1052 → 3.0.1054

package/lib/internal/scss/top-navigation/1.0-beta/styles.scss

@@ -1,219 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
-@use '../../internal/styles' as styles;
-@use '../../internal/styles/tokens' as awsui;
-@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
-
-.top-navigation {
-  @include styles.styles-reset;
-  background: awsui.$color-background-container-content;
-
-  > .padding-box {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    block-size: calc(#{awsui.$space-xxxl} + #{awsui.$space-scaled-m});
-    padding-block: 0;
-    padding-inline-start: awsui.$space-l;
-    padding-inline-end: 0;
-  }
-
-  &.medium > .padding-box,
-  &.narrow > .padding-box {
-    block-size: calc(#{awsui.$space-xxxl} + #{awsui.$space-scaled-xs});
-  }
-
-  &.narrow > .padding-box {
-    block-size: awsui.$space-xxxl;
-    padding-block: 0;
-    padding-inline-start: awsui.$space-xs;
-    padding-inline-end: 0;
-  }
-}
-
-.hidden {
-  @include styles.awsui-util-hide;
-  visibility: hidden;
-  inline-size: 9000px;
-}
-
-// Ensures that tabbable child elements are hidden to a11y software.
-// ":not(#\9)" manually added because we want to override the default
-// visibility set by styles-reset, and "*" has a specificity of 0.
-/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.hidden *:not(#\9) {
-  visibility: hidden;
-}
-
-.identity {
-  > .identity-link {
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    color: awsui.$color-text-top-navigation-title;
-
-    &:hover {
-      color: awsui.$color-text-accent;
-    }
-    @include focus-visible.when-visible {
-      @include styles.link-focus;
-    }
-  }
-
-  &.no-logo {
-    // Prevent responsiveness from completely hiding the title.
-    min-inline-size: 100px;
-  }
-}
-
-.logo {
-  display: block;
-  max-block-size: awsui.$space-xxl;
-  margin-inline-start: awsui.$space-s;
-  inline-size: auto;
-
-  // Setting an arbitrary min-width here discourages browser from lazy rendering
-  min-inline-size: 10px;
-
-  &.narrow {
-    max-block-size: awsui.$space-xl;
-  }
-}
-
-.title {
-  @include styles.font-heading-m;
-  margin-inline-start: awsui.$space-s;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  .no-logo > .identity-link > & {
-    font-weight: styles.$font-weight-bold;
-  }
-}
-
-.inputs {
-  flex: 1;
-  min-inline-size: 0;
-  display: flex;
-  justify-content: center;
-}
-
-.search {
-  inline-size: 100%;
-  max-inline-size: 340px;
-  padding-inline-start: awsui.$space-xxxl;
-
-  &-expanded {
-    max-inline-size: none;
-    padding-inline-start: awsui.$space-s;
-  }
-}
-
-.utilities {
-  display: flex;
-  flex-shrink: 0;
-  flex-direction: row;
-  align-items: stretch;
-  padding-inline-start: awsui.$space-m;
-
-  // Expand height of utilies fully so that the dropdown is anchored directly underneath it.
-  block-size: 100%;
-
-  .medium > .padding-box > &,
-  .narrow > .padding-box > & {
-    padding-inline-start: 0;
-  }
-}
-
-.utility-wrapper {
-  display: flex;
-  position: relative;
-  flex-shrink: 0;
-  align-items: center;
-
-  &::after {
-    display: block;
-    position: absolute;
-    content: '';
-
-    inline-size: 1px;
-    inset-inline-end: 0;
-    inset-block: awsui.$space-s;
-
-    background: awsui.$color-border-divider-default;
-  }
-
-  &.utility-wrapper-last:not(.utility-type-button-primary-button) {
-    padding-inline-end: 0;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  .medium > .padding-box > .utilities > &::after,
-  .narrow > .padding-box > .utilities > &::after {
-    inset-block: awsui.$space-xs;
-  }
-}
-
-.utility-wrapper-last {
-  // Add appropriate space to the right for the last utility
-  margin-inline-end: awsui.$space-s;
-
-  &.utility-type-menu-dropdown {
-    // Remove the margin in case of a dropdown, because it's added as padding to the trigger.
-    // This makes sure that the dropdown trigger (and therefore the dropdown itself)
-    // will expand completely to the right edge of the top nav.
-    margin-inline-end: 0;
-  }
-
-  // Adjust spacing in the smaller variant
-  .narrow > .padding-box > .utilities > & {
-    margin-inline-end: 0;
-
-    &.utility-type-button-primary-button {
-      padding-inline-end: awsui.$space-l;
-    }
-  }
-}
-
-.utility-type-menu-dropdown {
-  padding-block: 0;
-  padding-inline: awsui.$space-s;
-  align-items: stretch;
-}
-
-.utility-type-button-link,
-.utility-type-button-primary-button {
-  padding-block: 0;
-  padding-inline: awsui.$space-m;
-}
-
-.utility-type-button-primary-button {
-  // Hide dividers around primary buttons.
-  inset-inline-start: -1px;
-  border-inline-start: 1px solid awsui.$color-background-container-content;
-  &::after {
-    display: none;
-  }
-}
-
-.utility-link-icon {
-  margin-inline-end: awsui.$space-xxs;
-}
-
-.utility-button-external-icon {
-  display: inline-block;
-}
-
-.trigger {
-  /*used in test-utils*/
-}

package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.d.ts

@@ -1,28 +0,0 @@
-import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
-import ButtonWrapper from '../../button';
-import ButtonDropdownWrapper from '../../button-dropdown';
-import LinkWrapper from '../../link';
-export default class TopNavigationWrapper extends ComponentWrapper {
-    static rootSelector: string;
-    findIdentityLink(): ElementWrapper;
-    findLogo(): ElementWrapper | null;
-    findTitle(): ElementWrapper | null;
-    findSearch(): ElementWrapper | null;
-    findUtilities(): Array<TopNavigationUtilityWrapper>;
-    findUtility(index: number): TopNavigationUtilityWrapper | null;
-    findSearchButton(): ElementWrapper | null;
-    findOverflowMenuButtonDropdown(): MenuDropdownWrapper | null;
-}
-export declare class MenuDropdownWrapper extends ButtonDropdownWrapper {
-    findNativeButton(): ElementWrapper<HTMLButtonElement>;
-}
-export declare class TopNavigationUtilityWrapper extends ComponentWrapper {
-    findButtonLinkType(): LinkWrapper | null;
-    findPrimaryButtonType(): ButtonWrapper | null;
-    findMenuDropdownType(): TopNavigationMenuDropdownWrapper | null;
-}
-export declare class TopNavigationMenuDropdownWrapper extends ButtonDropdownWrapper {
-    findNativeButton(): ElementWrapper<HTMLButtonElement>;
-    findTitle(): ElementWrapper | null;
-    findDescription(): ElementWrapper | null;
-}

package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopNavigationMenuDropdownWrapper = exports.TopNavigationUtilityWrapper = exports.MenuDropdownWrapper = void 0;
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-const dom_1 = require("@cloudscape-design/test-utils-core/dom");
-const button_1 = require("../../button");
-const button_dropdown_1 = require("../../button-dropdown");
-const link_1 = require("../../link");
-const styles_selectors_js_1 = require("../../../../button-dropdown/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../../internal/components/menu-dropdown/styles.selectors.js");
-const styles_selectors_js_3 = require("../../../../top-navigation/1.0-beta/styles.selectors.js");
-class TopNavigationWrapper extends dom_1.ComponentWrapper {
-    findIdentityLink() {
-        return this.find(`.${styles_selectors_js_3.default.identity} a`);
-    }
-    findLogo() {
-        return this.find(`.${styles_selectors_js_3.default.logo}`);
-    }
-    findTitle() {
-        return this.find(`.${styles_selectors_js_3.default.title}`);
-    }
-    findSearch() {
-        return this.find(`.${styles_selectors_js_3.default.search}`);
-    }
-    findUtilities() {
-        return this.findAll(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-index]`).map(i => new TopNavigationUtilityWrapper(i.getElement()));
-    }
-    findUtility(index) {
-        return this.findComponent(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-index="${index - 1}"]`, TopNavigationUtilityWrapper);
-    }
-    findSearchButton() {
-        return this.find(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-special="search"] a`);
-    }
-    findOverflowMenuButtonDropdown() {
-        return this.findComponent(`.${styles_selectors_js_3.default.trigger}`, MenuDropdownWrapper);
-    }
-}
-exports.default = TopNavigationWrapper;
-TopNavigationWrapper.rootSelector = `${styles_selectors_js_3.default['top-navigation']}:not(.${styles_selectors_js_3.default.hidden})`;
-class MenuDropdownWrapper extends button_dropdown_1.default {
-    findNativeButton() {
-        // ButtonDropdown always has a button
-        return this.find(`button.${styles_selectors_js_2.default.button}`);
-    }
-}
-exports.MenuDropdownWrapper = MenuDropdownWrapper;
-class TopNavigationUtilityWrapper extends dom_1.ComponentWrapper {
-    findButtonLinkType() {
-        return this.findComponent(`.${link_1.default.rootSelector}`, link_1.default);
-    }
-    findPrimaryButtonType() {
-        return this.findComponent(`.${button_1.default.rootSelector}`, button_1.default);
-    }
-    findMenuDropdownType() {
-        return this.findComponent(`.${button_dropdown_1.default.rootSelector}`, TopNavigationMenuDropdownWrapper);
-    }
-}
-exports.TopNavigationUtilityWrapper = TopNavigationUtilityWrapper;
-class TopNavigationMenuDropdownWrapper extends button_dropdown_1.default {
-    findNativeButton() {
-        return this.find(`.${styles_selectors_js_2.default.button}`);
-    }
-    findTitle() {
-        return this.findByClassName(styles_selectors_js_1.default.title);
-    }
-    findDescription() {
-        return this.findByClassName(styles_selectors_js_1.default.description);
-    }
-}
-exports.TopNavigationMenuDropdownWrapper = TopNavigationMenuDropdownWrapper;
-//# sourceMappingURL=index.js.map

package/lib/internal/template/test-utils/dom/top-navigation/1.0-beta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/test-utils/dom/top-navigation/1.0-beta/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,yCAAyC;AACzC,2DAA0D;AAC1D,qCAAqC;AAErC,yFAAmF;AACnF,2GAAmG;AACnG,iGAA6E;AAE7E,MAAqB,oBAAqB,SAAQ,sBAAgB;IAGhE,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,IAAI,CAAE,CAAC;IAC7C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAC1E,CAAC,CAAC,EAAE,CAAC,IAAI,2BAA2B,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CACrD,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,6BAAM,CAAC,iBAAiB,CAAC,wBAAwB,KAAK,GAAG,CAAC,IAAI,EAClE,2BAA2B,CAC5B,CAAC;IACJ,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,CAAC;IACrF,CAAC;IAED,8BAA8B;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,mBAAmB,CAAC,CAAC;IACvE,CAAC;;AAtCH,uCAuCC;AAtCQ,iCAAY,GAAG,GAAG,6BAAM,CAAC,gBAAgB,CAAC,SAAS,6BAAM,CAAC,MAAM,GAAG,CAAC;AAwC7E,MAAa,mBAAoB,SAAQ,yBAAqB;IAC5D,gBAAgB;QACd,qCAAqC;QACrC,OAAO,IAAI,CAAC,IAAI,CAAoB,UAAU,6BAAkB,CAAC,MAAM,EAAE,CAAE,CAAC;IAC9E,CAAC;CACF;AALD,kDAKC;AAED,MAAa,2BAA4B,SAAQ,sBAAgB;IAC/D,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,cAAW,CAAC,YAAY,EAAE,EAAE,cAAW,CAAC,CAAC;IACzE,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAa,CAAC,YAAY,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,yBAAqB,CAAC,YAAY,EAAE,EAAE,gCAAgC,CAAC,CAAC;IACxG,CAAC;CACF;AAZD,kEAYC;AAED,MAAa,gCAAiC,SAAQ,yBAAqB;IACzE,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAoB,IAAI,6BAAkB,CAAC,MAAM,EAAE,CAAE,CAAC;IACxE,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAoB,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAoB,CAAC,WAAW,CAAC,CAAC;IAChE,CAAC;CACF;AAZD,4EAYC"}

package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.d.ts

@@ -1,28 +0,0 @@
-import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
-import ButtonWrapper from '../../button';
-import ButtonDropdownWrapper from '../../button-dropdown';
-import LinkWrapper from '../../link';
-export default class TopNavigationWrapper extends ComponentWrapper {
-    static rootSelector: string;
-    findIdentityLink(): ElementWrapper;
-    findLogo(): ElementWrapper;
-    findTitle(): ElementWrapper;
-    findSearch(): ElementWrapper;
-    findUtilities(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<TopNavigationUtilityWrapper>;
-    findUtility(index: number): TopNavigationUtilityWrapper;
-    findSearchButton(): ElementWrapper;
-    findOverflowMenuButtonDropdown(): MenuDropdownWrapper;
-}
-export declare class MenuDropdownWrapper extends ButtonDropdownWrapper {
-    findNativeButton(): ElementWrapper;
-}
-export declare class TopNavigationUtilityWrapper extends ComponentWrapper {
-    findButtonLinkType(): LinkWrapper;
-    findPrimaryButtonType(): ButtonWrapper;
-    findMenuDropdownType(): TopNavigationMenuDropdownWrapper;
-}
-export declare class TopNavigationMenuDropdownWrapper extends ButtonDropdownWrapper {
-    findNativeButton(): ElementWrapper;
-    findTitle(): ElementWrapper;
-    findDescription(): ElementWrapper;
-}

package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopNavigationMenuDropdownWrapper = exports.TopNavigationUtilityWrapper = exports.MenuDropdownWrapper = void 0;
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
-const button_1 = require("../../button");
-const button_dropdown_1 = require("../../button-dropdown");
-const link_1 = require("../../link");
-const styles_selectors_js_1 = require("../../../../button-dropdown/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../../internal/components/menu-dropdown/styles.selectors.js");
-const styles_selectors_js_3 = require("../../../../top-navigation/1.0-beta/styles.selectors.js");
-class TopNavigationWrapper extends selectors_1.ComponentWrapper {
-    findIdentityLink() {
-        return this.find(`.${styles_selectors_js_3.default.identity} a`);
-    }
-    findLogo() {
-        return this.find(`.${styles_selectors_js_3.default.logo}`);
-    }
-    findTitle() {
-        return this.find(`.${styles_selectors_js_3.default.title}`);
-    }
-    findSearch() {
-        return this.find(`.${styles_selectors_js_3.default.search}`);
-    }
-    findUtilities() {
-        return this.findAll(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-index]`).map(i => new TopNavigationUtilityWrapper(i.getElement()));
-    }
-    findUtility(index) {
-        return this.findComponent(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-index="${index - 1}"]`, TopNavigationUtilityWrapper);
-    }
-    findSearchButton() {
-        return this.find(`.${styles_selectors_js_3.default['utility-wrapper']}[data-utility-special="search"] a`);
-    }
-    findOverflowMenuButtonDropdown() {
-        return this.findComponent(`.${styles_selectors_js_3.default.trigger}`, MenuDropdownWrapper);
-    }
-}
-exports.default = TopNavigationWrapper;
-TopNavigationWrapper.rootSelector = `${styles_selectors_js_3.default['top-navigation']}:not(.${styles_selectors_js_3.default.hidden})`;
-class MenuDropdownWrapper extends button_dropdown_1.default {
-    findNativeButton() {
-        // ButtonDropdown always has a button
-        return this.find(`button.${styles_selectors_js_2.default.button}`);
-    }
-}
-exports.MenuDropdownWrapper = MenuDropdownWrapper;
-class TopNavigationUtilityWrapper extends selectors_1.ComponentWrapper {
-    findButtonLinkType() {
-        return this.findComponent(`.${link_1.default.rootSelector}`, link_1.default);
-    }
-    findPrimaryButtonType() {
-        return this.findComponent(`.${button_1.default.rootSelector}`, button_1.default);
-    }
-    findMenuDropdownType() {
-        return this.findComponent(`.${button_dropdown_1.default.rootSelector}`, TopNavigationMenuDropdownWrapper);
-    }
-}
-exports.TopNavigationUtilityWrapper = TopNavigationUtilityWrapper;
-class TopNavigationMenuDropdownWrapper extends button_dropdown_1.default {
-    findNativeButton() {
-        return this.find(`.${styles_selectors_js_2.default.button}`);
-    }
-    findTitle() {
-        return this.findByClassName(styles_selectors_js_1.default.title);
-    }
-    findDescription() {
-        return this.findByClassName(styles_selectors_js_1.default.description);
-    }
-}
-exports.TopNavigationMenuDropdownWrapper = TopNavigationMenuDropdownWrapper;
-//# sourceMappingURL=index.js.map

package/lib/internal/template/test-utils/selectors/top-navigation/1.0-beta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/test-utils/selectors/top-navigation/1.0-beta/index.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,yCAAyC;AACzC,2DAA0D;AAC1D,qCAAqC;AACrC,yFAAmF;AACnF,2GAAmG;AACnG,iGAA6E;AAC7E,MAAqB,oBAAqB,SAAQ,4BAAgB;IAEhE,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,QAAQ,IAAI,CAAE,CAAC;IAC7C,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IACtC,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACvC,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,MAAM,EAAE,CAAC,CAAC;IACxC,CAAC;IACD,aAAa;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,2BAA2B,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IACrI,CAAC;IACD,WAAW,CAAC,KAAa;QACvB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,wBAAwB,KAAK,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;IAC7H,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,mCAAmC,CAAC,CAAC;IACrF,CAAC;IACD,8BAA8B;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,OAAO,EAAE,EAAE,mBAAmB,CAAC,CAAC;IACvE,CAAC;;AAzBH,uCA0BC;AAzBQ,iCAAY,GAAG,GAAG,6BAAM,CAAC,gBAAgB,CAAC,SAAS,6BAAM,CAAC,MAAM,GAAG,CAAC;AA0B7E,MAAa,mBAAoB,SAAQ,yBAAqB;IAC5D,gBAAgB;QACd,qCAAqC;QACrC,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,6BAAkB,CAAC,MAAM,EAAE,CAAE,CAAC;IAC3D,CAAC;CACF;AALD,kDAKC;AACD,MAAa,2BAA4B,SAAQ,4BAAgB;IAC/D,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,cAAW,CAAC,YAAY,EAAE,EAAE,cAAW,CAAC,CAAC;IACzE,CAAC;IACD,qBAAqB;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAa,CAAC,YAAY,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC7E,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,yBAAqB,CAAC,YAAY,EAAE,EAAE,gCAAgC,CAAC,CAAC;IACxG,CAAC;CACF;AAVD,kEAUC;AACD,MAAa,gCAAiC,SAAQ,yBAAqB;IACzE,gBAAgB;QACd,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAkB,CAAC,MAAM,EAAE,CAAE,CAAC;IACrD,CAAC;IACD,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAoB,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IACD,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAoB,CAAC,WAAW,CAAC,CAAC;IAChE,CAAC;CACF;AAVD,4EAUC"}

package/lib/internal/template/top-navigation/1.0-beta/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TopNavigationProps } from './interfaces';
-export { TopNavigationProps };
-/**
- * @beta
- * @version 1.0-beta
- * @deprecated The beta version is unsupported. Use the stable version of the component instead.
- */
-export default function TopNavigation({ utilities, ...restProps }: TopNavigationProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAc,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,eAGzF"}

package/lib/internal/template/top-navigation/1.0-beta/index.js

@@ -1,19 +0,0 @@
-import { __rest } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import useBaseComponent from '../../internal/hooks/use-base-component';
-import { applyDisplayName } from '../../internal/utils/apply-display-name';
-import InternalTopNavigation from './internal';
-/**
- * @beta
- * @version 1.0-beta
- * @deprecated The beta version is unsupported. Use the stable version of the component instead.
- */
-export default function TopNavigation(_a) {
-    var { utilities = [] } = _a, restProps = __rest(_a, ["utilities"]);
-    const baseComponentProps = useBaseComponent('TopNavigation');
-    return React.createElement(InternalTopNavigation, Object.assign({}, baseComponentProps, { utilities: utilities }, restProps));
-}
-applyDisplayName(TopNavigation, 'TopNavigation');
-//# sourceMappingURL=index.js.map

package/lib/internal/template/top-navigation/1.0-beta/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,OAAO,qBAAqB,MAAM,YAAY,CAAC;AAI/C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAoD;QAApD,EAAE,SAAS,GAAG,EAAE,OAAoC,EAA/B,SAAS,cAA9B,aAAgC,CAAF;IAClE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC7D,OAAO,oBAAC,qBAAqB,oBAAK,kBAAkB,IAAE,SAAS,EAAE,SAAS,IAAM,SAAS,EAAI,CAAC;AAChG,CAAC;AAED,gBAAgB,CAAC,aAAa,EAAE,eAAe,CAAC,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 useBaseComponent from '../../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../../internal/utils/apply-display-name';\nimport { TopNavigationProps } from './interfaces';\nimport InternalTopNavigation from './internal';\n\nexport { TopNavigationProps };\n\n/**\n * @beta\n * @version 1.0-beta\n * @deprecated The beta version is unsupported. Use the stable version of the component instead.\n */\nexport default function TopNavigation({ utilities = [], ...restProps }: TopNavigationProps) {\n  const baseComponentProps = useBaseComponent('TopNavigation');\n  return <InternalTopNavigation {...baseComponentProps} utilities={utilities} {...restProps} />;\n}\n\napplyDisplayName(TopNavigation, 'TopNavigation');\n"]}

package/lib/internal/template/top-navigation/1.0-beta/interfaces.d.ts

@@ -1,103 +0,0 @@
-/// <reference types="react" />
-import { ButtonDropdownProps } from '../../button-dropdown/interfaces';
-import { IconProps } from '../../icon/interfaces';
-import { BaseComponentProps } from '../../internal/base-component';
-import { CancelableEventHandler } from '../../internal/events';
-export interface TopNavigationProps extends BaseComponentProps {
-    /**
-     * Properties describing the product identity. They are as follows:
-     *
-     * * `title` (string) - Specifies the title text.
-     * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product.
-     * * `href` (string) - Specifies the `href` that the header links to.
-     * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
-     */
-    identity: TopNavigationProps.Identity;
-    /**
-     * Use with an input or autosuggest control for a global search query.
-     */
-    search?: React.ReactNode;
-    /**
-     * A list of utility navigation elements.
-     * The supported utility types are: `button` and `menu-dropdown`.
-     *
-     * The following properties are supported across all utility types:
-     *
-     * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
-     * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
-     * * `title` (string) - The title displayed inside the dropdown.
-     * * `iconName` (string) - The name of an existing icon to display next to the utility.
-     * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
-     * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
-     * * `iconSvg` (string) - Specifies the SVG of a custom icon.
-     * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
-     * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
-     * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
-     * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
-     *
-     * ### button
-     *
-     * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
-     * * `href` (string) - Specifies the `href` for a link styled as a button.
-     * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
-     * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
-     * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
-     *
-     * ### menu-dropdown
-     *
-     * * `description` (string) - The description displayed inside the dropdown.
-     * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.
-     * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.
-     */
-    utilities?: ReadonlyArray<TopNavigationProps.Utility>;
-    /**
-     * An object containing all the localized strings required by the component.
-     */
-    i18nStrings: TopNavigationProps.I18nStrings;
-}
-export declare namespace TopNavigationProps {
-    export interface Identity {
-        title?: string;
-        logo?: Logo;
-        href: string;
-        onFollow?: CancelableEventHandler;
-    }
-    export interface Logo {
-        src: string;
-        alt?: string;
-    }
-    interface BaseUtility {
-        text?: string;
-        title?: string;
-        iconName?: IconProps.Name;
-        iconUrl?: string;
-        iconAlt?: string;
-        iconSvg?: React.ReactNode;
-        ariaLabel?: string;
-        badge?: boolean;
-        disableUtilityCollapse?: boolean;
-        disableTextCollapse?: boolean;
-    }
-    export interface MenuDropdownUtility extends BaseUtility {
-        type: 'menu-dropdown';
-        description?: string;
-        items: ButtonDropdownProps.Items;
-        onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-    }
-    export interface ButtonUtility extends BaseUtility {
-        type: 'button';
-        variant?: 'primary-button' | 'link';
-        onClick?: CancelableEventHandler;
-        href?: string;
-        external?: boolean;
-        externalIconAriaLabel?: string;
-    }
-    export type Utility = MenuDropdownUtility | ButtonUtility;
-    export interface I18nStrings {
-        searchIconAriaLabel?: string;
-        searchDismissIconAriaLabel?: string;
-        overflowMenuTriggerText: string;
-    }
-    export {};
-}
-//# sourceMappingURL=interfaces.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D;;;;;;;OAOG;IACH,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,CAAC;IAEtC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAEtD;;OAEG;IACH,WAAW,EAAE,kBAAkB,CAAC,WAAW,CAAC;CAC7C;AAED,yBAAiB,kBAAkB,CAAC;IAClC,MAAM,WAAW,QAAQ;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,IAAI,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,sBAAsB,CAAC;KACnC;IAED,MAAM,WAAW,IAAI;QACnB,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;KACd;IAED,UAAU,WAAW;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,sBAAsB,CAAC,EAAE,OAAO,CAAC;QACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B;IAED,MAAM,WAAW,mBAAoB,SAAQ,WAAW;QACtD,IAAI,EAAE,eAAe,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC;QACjC,WAAW,CAAC,EAAE,sBAAsB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;KAC5E;IAED,MAAM,WAAW,aAAc,SAAQ,WAAW;QAChD,IAAI,EAAE,QAAQ,CAAC;QACf,OAAO,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAC;QACpC,OAAO,CAAC,EAAE,sBAAsB,CAAC;QACjC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;IAED,MAAM,MAAM,OAAO,GAAG,mBAAmB,GAAG,aAAa,CAAC;IAE1D,MAAM,WAAW,WAAW;QAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,uBAAuB,EAAE,MAAM,CAAC;KACjC;;CACF"}

package/lib/internal/template/top-navigation/1.0-beta/interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/top-navigation/1.0-beta/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonDropdownProps } from '../../button-dropdown/interfaces';\nimport { IconProps } from '../../icon/interfaces';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport { CancelableEventHandler } from '../../internal/events';\n\nexport interface TopNavigationProps extends BaseComponentProps {\n  /**\n   * Properties describing the product identity. They are as follows:\n   *\n   * * `title` (string) - Specifies the title text.\n   * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product.\n   * * `href` (string) - Specifies the `href` that the header links to.\n   * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.\n   */\n  identity: TopNavigationProps.Identity;\n\n  /**\n   * Use with an input or autosuggest control for a global search query.\n   */\n  search?: React.ReactNode;\n\n  /**\n   * A list of utility navigation elements.\n   * The supported utility types are: `button` and `menu-dropdown`.\n   *\n   * The following properties are supported across all utility types:\n   *\n   * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.\n   * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.\n   * * `title` (string) - The title displayed inside the dropdown.\n   * * `iconName` (string) - The name of an existing icon to display next to the utility.\n   * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.\n   * * `iconSvg` (string) - Specifies the SVG of a custom icon.\n   * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.\n   * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.\n   * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.\n   * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.\n   *\n   * ### button\n   *\n   * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.\n   * * `href` (string) - Specifies the `href` for a link styled as a button.\n   * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.\n   * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.\n   * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.\n   *\n   * ### menu-dropdown\n   *\n   * * `description` (string) - The description displayed inside the dropdown.\n   * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.\n   * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.\n   */\n  utilities?: ReadonlyArray<TopNavigationProps.Utility>;\n\n  /**\n   * An object containing all the localized strings required by the component.\n   */\n  i18nStrings: TopNavigationProps.I18nStrings;\n}\n\nexport namespace TopNavigationProps {\n  export interface Identity {\n    title?: string;\n    logo?: Logo;\n    href: string;\n    onFollow?: CancelableEventHandler;\n  }\n\n  export interface Logo {\n    src: string;\n    alt?: string;\n  }\n\n  interface BaseUtility {\n    text?: string;\n    title?: string;\n    iconName?: IconProps.Name;\n    iconUrl?: string;\n    iconAlt?: string;\n    iconSvg?: React.ReactNode;\n    ariaLabel?: string;\n\n    badge?: boolean;\n    disableUtilityCollapse?: boolean;\n    disableTextCollapse?: boolean;\n  }\n\n  export interface MenuDropdownUtility extends BaseUtility {\n    type: 'menu-dropdown';\n    description?: string;\n    items: ButtonDropdownProps.Items;\n    onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;\n  }\n\n  export interface ButtonUtility extends BaseUtility {\n    type: 'button';\n    variant?: 'primary-button' | 'link';\n    onClick?: CancelableEventHandler;\n    href?: string;\n    external?: boolean;\n    externalIconAriaLabel?: string;\n  }\n\n  export type Utility = MenuDropdownUtility | ButtonUtility;\n\n  export interface I18nStrings {\n    searchIconAriaLabel?: string;\n    searchDismissIconAriaLabel?: string;\n    overflowMenuTriggerText: string;\n  }\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/internal.tsx"],"names":[],"mappings":";AAUA,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,eAgL5B"}