@cloudscape-design/components 3.0.0

package/token-group/styles.scoped.css

@@ -0,0 +1,324 @@
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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 */
+/*
+ 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
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_dm8gx_1jb1p_97:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+}
+.awsui_root_dm8gx_1jb1p_97.awsui_has-items_dm8gx_1jb1p_107:not(#\9) {
+  padding-top: 8px;
+  padding-top: var(--space-xs-rsr2qu, 8px);
+}
+
+.awsui_token_dm8gx_1jb1p_111:not(#\9) {
+  border: 2px solid #0972d3;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
+  padding: 4px 4px 4px 12px;
+  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px) var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
+  display: flex;
+  align-items: flex-start;
+  background: #f2f8fd;
+  background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
+  border-radius: 8px;
+  border-radius: var(--border-field-radius-t0kudr, 8px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.awsui_dismiss-button_dm8gx_1jb1p_123:not(#\9) {
+  margin: -1px -1px 0 4px;
+  margin: -1px -1px 0 var(--space-xxs-ynfts5, 4px);
+  border: 1px solid transparent;
+  padding: 0 4px;
+  padding: 0 var(--space-xxs-ynfts5, 4px);
+  color: #0972d3;
+  color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
+  background-color: transparent;
+}
+.awsui_dismiss-button_dm8gx_1jb1p_123[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_dismiss-button_dm8gx_1jb1p_123[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+}
+.awsui_dismiss-button_dm8gx_1jb1p_123[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 0px);
+  top: calc(-1 * 0px);
+  width: calc(100% + 2 * 0px);
+  height: calc(100% + 2 * 0px);
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 2px #0972d3;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_dismiss-button_dm8gx_1jb1p_123:not(#\9):focus {
+  outline: none;
+  text-decoration: none;
+}
+.awsui_dismiss-button_dm8gx_1jb1p_123:not(#\9):hover {
+  cursor: pointer;
+  color: #033160;
+  color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
+}
+
+.awsui_token-disabled_dm8gx_1jb1p_157:not(#\9) {
+  border-color: #d1d5db;
+  border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
+  background-color: #ffffff;
+  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
+  color: #9ba7b6;
+  color: var(--color-text-disabled-a2nkh4, #9ba7b6);
+  pointer-events: none;
+}
+.awsui_token-disabled_dm8gx_1jb1p_157 > .awsui_dismiss-button_dm8gx_1jb1p_123:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
+}
+.awsui_token-disabled_dm8gx_1jb1p_157 > .awsui_dismiss-button_dm8gx_1jb1p_123:not(#\9):hover {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  cursor: auto;
+  color: #9ba7b6;
+  color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
+}
+
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  color: #0972d3;
+  color: var(--color-text-link-default-5f186r, #0972d3);
+  font-weight: inherit;
+  letter-spacing: normal;
+  text-decoration: none;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: transparent;
+  transition-property: color, text-decoration;
+  transition-duration: 165ms;
+  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
+  display: flex;
+  align-items: center;
+  background-color: transparent;
+  border: 2px solid transparent;
+  border: var(--border-field-width-idlekx, 2px) solid transparent;
+  margin-top: 8px;
+  margin-top: var(--space-scaled-xs-6859qs, 8px);
+  padding: 0;
+  margin-left: -1px;
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_toggle_dm8gx_1jb1p_172:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_toggle_dm8gx_1jb1p_172:not(#\9), .awsui-mode-entering .awsui_toggle_dm8gx_1jb1p_172:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9):hover {
+  cursor: pointer;
+  color: #033160;
+  color: var(--color-text-link-hover-kololx, #033160);
+}
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9):focus {
+  outline: none;
+}
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9):active {
+  color: #033160;
+  color: var(--color-text-link-hover-kololx, #033160);
+}
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9):active, .awsui_toggle_dm8gx_1jb1p_172:not(#\9):focus, .awsui_toggle_dm8gx_1jb1p_172:not(#\9):hover {
+  text-decoration: underline;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: currentColor;
+}
+.awsui_toggle_dm8gx_1jb1p_172:not(#\9):active, .awsui_toggle_dm8gx_1jb1p_172:not(#\9):focus, .awsui_toggle_dm8gx_1jb1p_172:not(#\9):hover {
+  text-decoration: none;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: transparent;
+}
+.awsui_toggle_dm8gx_1jb1p_172[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  border: 2px solid #0972d3;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 0px #0972d3;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_toggle_dm8gx_1jb1p_172 > .awsui_description_dm8gx_1jb1p_233:not(#\9) {
+  margin-left: 4px;
+  margin-left: var(--space-xxs-ynfts5, 4px);
+}

package/token-group/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_dm8gx_1jb1p_97",
+  "has-items": "awsui_has-items_dm8gx_1jb1p_107",
+  "token": "awsui_token_dm8gx_1jb1p_111",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1jb1p_123",
+  "token-disabled": "awsui_token-disabled_dm8gx_1jb1p_157",
+  "toggle": "awsui_toggle_dm8gx_1jb1p_172",
+  "description": "awsui_description_dm8gx_1jb1p_233"
+};
+  

package/token-group/toggle.d.ts

@@ -0,0 +1,13 @@
+import { NonCancelableEventHandler } from '../internal/events';
+import { TokenGroupProps } from './interfaces';
+export interface SelectToggleProps {
+    controlId: string;
+    allHidden: boolean;
+    expanded: boolean;
+    numberOfHiddenOptions: number;
+    onClick?: NonCancelableEventHandler<null>;
+    i18nStrings?: Pick<TokenGroupProps.I18nStrings, 'limitShowFewer' | 'limitShowMore'>;
+}
+declare const SelectToggle: ({ controlId, allHidden, expanded, numberOfHiddenOptions, onClick, i18nStrings, }: SelectToggleProps) => JSX.Element;
+export default SelectToggle;
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/token-group/toggle.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAA0B,MAAM,oBAAoB,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,gBAAgB,GAAG,eAAe,CAAC,CAAC;CACrF;AAED,QAAA,MAAM,YAAY,qFAOf,iBAAiB,gBAwBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/token-group/toggle.js

@@ -0,0 +1,24 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback } from 'react';
+import InternalIcon from '../icon/internal';
+import useFocusVisible from '../internal/hooks/focus-visible';
+import { fireNonCancelableEvent } from '../internal/events';
+import styles from './styles.css.js';
+var SelectToggle = function (_a) {
+    var controlId = _a.controlId, allHidden = _a.allHidden, expanded = _a.expanded, numberOfHiddenOptions = _a.numberOfHiddenOptions, onClick = _a.onClick, _b = _a.i18nStrings, i18nStrings = _b === void 0 ? {} : _b;
+    var focusVisible = useFocusVisible();
+    var numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : "+".concat(numberOfHiddenOptions);
+    var description = expanded
+        ? i18nStrings.limitShowFewer
+        : "".concat(i18nStrings.limitShowMore || '', " (").concat(numberOfHiddenOptionLabel, ")");
+    var handleClick = useCallback(function () {
+        fireNonCancelableEvent(onClick, null);
+    }, [onClick]);
+    return (React.createElement("button", __assign({ type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded }, focusVisible),
+        React.createElement(InternalIcon, { name: expanded ? 'treeview-collapse' : 'treeview-expand' }),
+        React.createElement("span", { className: styles.description }, description)));
+};
+export default SelectToggle;
+//# sourceMappingURL=toggle.js.map

package/token-group/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/token-group/toggle.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAA6B,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAGvF,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,IAAM,YAAY,GAAG,UAAC,EAOF;QANlB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,qBAAqB,2BAAA,EACrB,OAAO,aAAA,EACP,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA;IAEhB,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,WAAI,qBAAqB,CAAE,CAAC;IAClG,IAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,WAAW,CAAC,cAAc;QAC5B,CAAC,CAAC,UAAG,WAAW,CAAC,aAAa,IAAI,EAAE,eAAK,yBAAyB,MAAG,CAAC;IAExE,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,yCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,IACnB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport InternalIcon from '../icon/internal';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events';\n\nimport { TokenGroupProps } from './interfaces';\nimport styles from './styles.css.js';\nexport interface SelectToggleProps {\n  controlId: string;\n  allHidden: boolean;\n  expanded: boolean;\n  numberOfHiddenOptions: number;\n  onClick?: NonCancelableEventHandler<null>;\n  i18nStrings?: Pick<TokenGroupProps.I18nStrings, 'limitShowFewer' | 'limitShowMore'>;\n}\n\nconst SelectToggle = ({\n  controlId,\n  allHidden,\n  expanded,\n  numberOfHiddenOptions,\n  onClick,\n  i18nStrings = {},\n}: SelectToggleProps) => {\n  const focusVisible = useFocusVisible();\n  const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n  const description = expanded\n    ? i18nStrings.limitShowFewer\n    : `${i18nStrings.limitShowMore || ''} (${numberOfHiddenOptionLabel})`;\n\n  const handleClick = useCallback(() => {\n    fireNonCancelableEvent(onClick, null);\n  }, [onClick]);\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.toggle}\n      onClick={handleClick}\n      aria-controls={controlId}\n      aria-expanded={expanded}\n      {...focusVisible}\n    >\n      <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n      <span className={styles.description}>{description}</span>\n    </button>\n  );\n};\n\nexport default SelectToggle;\n"]}

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

@@ -0,0 +1,9 @@
+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/top-navigation/1.0-beta/index.d.ts.map

@@ -0,0 +1 @@
+{"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/top-navigation/1.0-beta/index.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { applyDisplayName } from '../../internal/utils/apply-display-name';
+import useBaseComponent from '../../internal/hooks/use-base-component';
+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 _b = _a.utilities, utilities = _b === void 0 ? [] : _b, restProps = __rest(_a, ["utilities"]);
+    var baseComponentProps = useBaseComponent('TopNavigation');
+    return React.createElement(InternalTopNavigation, __assign({}, baseComponentProps, { utilities: utilities }, restProps));
+}
+applyDisplayName(TopNavigation, 'TopNavigation');
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE,OAAO,qBAAqB,MAAM,YAAY,CAAC;AAI/C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAoD;IAAlD,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,SAAS,cAA9B,aAAgC,CAAF;IAClE,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC7D,OAAO,oBAAC,qBAAqB,eAAK,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 { applyDisplayName } from '../../internal/utils/apply-display-name';\nimport useBaseComponent from '../../internal/hooks/use-base-component';\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/top-navigation/1.0-beta/interfaces.d.ts

@@ -0,0 +1,102 @@
+import { CancelableEventHandler } from '../../internal/events';
+import { BaseComponentProps } from '../../internal/base-component';
+import { IconProps } from '../../icon/interfaces';
+import { ButtonDropdownProps } from '../../button-dropdown/interfaces';
+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).
+     * * `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/top-navigation/1.0-beta/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/top-navigation/1.0-beta/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,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/top-navigation/1.0-beta/interfaces.js

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

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

@@ -0,0 +1 @@
+{"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 { CancelableEventHandler } from '../../internal/events';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport { IconProps } from '../../icon/interfaces';\nimport { ButtonDropdownProps } from '../../button-dropdown/interfaces';\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).\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/top-navigation/1.0-beta/internal.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../../src/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,oBAAY,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"}