@cloudscape-design/components 3.0.0

package/internal/components/masked-input/utils/strings.d.ts

@@ -0,0 +1,3 @@
+export declare const insertAt: (text: string, toInsert: string, start: number, end?: number) => string;
+export declare const padLeftZeros: (value: string, length: number) => string;
+//# sourceMappingURL=strings.d.ts.map

package/internal/components/masked-input/utils/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/strings.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,SAAU,MAAM,YAAY,MAAM,SAAS,MAAM,QAAO,MAAM,KAAW,MAC3C,CAAC;AAEpD,eAAO,MAAM,YAAY,UAAW,MAAM,UAAU,MAAM,WAKzD,CAAC"}

package/internal/components/masked-input/utils/strings.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export var insertAt = function (text, toInsert, start, end) {
+    if (end === void 0) { end = start; }
+    return text.slice(0, start) + toInsert + text.slice(end);
+};
+export var padLeftZeros = function (value, length) {
+    while (value.length < length) {
+        value = "0".concat(value);
+    }
+    return value;
+};
+//# sourceMappingURL=strings.js.map

package/internal/components/masked-input/utils/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/strings.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,IAAY,EAAE,QAAgB,EAAE,KAAa,EAAE,GAAmB;IAAnB,oBAAA,EAAA,WAAmB;IACzF,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAAjD,CAAiD,CAAC;AAEpD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,MAAc;IACxD,OAAO,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE;QAC5B,KAAK,GAAG,WAAI,KAAK,CAAE,CAAC;KACrB;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const insertAt = (text: string, toInsert: string, start: number, end: number = start): string =>\n  text.slice(0, start) + toInsert + text.slice(end);\n\nexport const padLeftZeros = (value: string, length: number) => {\n  while (value.length < length) {\n    value = `0${value}`;\n  }\n  return value;\n};\n"]}

package/internal/components/menu-dropdown/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MenuDropdownProps, ButtonTriggerProps } from './interfaces';
+export { MenuDropdownProps };
+export declare const ButtonTrigger: React.ForwardRefExoticComponent<ButtonTriggerProps & React.RefAttributes<any>>;
+declare const MenuDropdown: ({ iconName, iconUrl, iconAlt, iconSvg, badge, ariaLabel, offsetRight, children, ...props }: MenuDropdownProps) => JSX.Element;
+export default MenuDropdown;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/menu-dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AASrE,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,aAAa,gFAuDzB,CAAC;AAEF,QAAA,MAAM,YAAY,+FAUf,iBAAiB,gBAgCnB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/internal/components/menu-dropdown/index.js

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import { getBaseProps } from '../../base-component';
+import { applyDisplayName } from '../../utils/apply-display-name';
+import useFocusVisible from '../../hooks/focus-visible';
+import InternalButtonDropdown from '../../../button-dropdown/internal';
+import InternalIcon from '../../../icon/internal';
+import buttonDropdownStyles from '../../../button-dropdown/styles.css.js';
+import styles from './styles.css.js';
+export var ButtonTrigger = React.forwardRef(function (_a, ref) {
+    var _b;
+    var iconName = _a.iconName, iconUrl = _a.iconUrl, iconAlt = _a.iconAlt, iconSvg = _a.iconSvg, badge = _a.badge, ariaLabel = _a.ariaLabel, offsetRight = _a.offsetRight, disabled = _a.disabled, expanded = _a.expanded, children = _a.children, onClick = _a.onClick;
+    var focusVisible = useFocusVisible();
+    var hasIcon = iconName || iconUrl || iconSvg;
+    return (React.createElement("button", __assign({}, focusVisible, { ref: ref, type: "button", className: clsx(styles.button, styles["offset-right-".concat(offsetRight)], (_b = {}, _b[styles.expanded] = expanded, _b)), "aria-label": ariaLabel, "aria-expanded": !!expanded, "aria-haspopup": true, disabled: disabled, onClick: function (event) {
+            event.preventDefault();
+            onClick && onClick();
+        } }),
+        hasIcon && (React.createElement(InternalIcon, { className: styles.icon, name: iconName, url: iconUrl, alt: iconAlt, svg: iconSvg, badge: badge })),
+        children && React.createElement("span", { className: styles.text }, children),
+        children && (React.createElement(InternalIcon, { name: "caret-down-filled", className: expanded ? buttonDropdownStyles['rotate-up'] : buttonDropdownStyles['rotate-down'] }))));
+});
+var MenuDropdown = function (_a) {
+    var iconName = _a.iconName, iconUrl = _a.iconUrl, iconAlt = _a.iconAlt, iconSvg = _a.iconSvg, badge = _a.badge, ariaLabel = _a.ariaLabel, offsetRight = _a.offsetRight, children = _a.children, props = __rest(_a, ["iconName", "iconUrl", "iconAlt", "iconSvg", "badge", "ariaLabel", "offsetRight", "children"]);
+    var baseProps = getBaseProps(props);
+    var dropdownTrigger = function (clickHandler, ref, isDisabled, isExpanded) {
+        return (React.createElement(ButtonTrigger, { ref: ref, disabled: isDisabled, expanded: isExpanded, iconName: iconName, iconUrl: iconUrl, iconAlt: iconAlt, iconSvg: iconSvg, badge: badge, ariaLabel: ariaLabel, offsetRight: offsetRight, onClick: clickHandler }, children));
+    };
+    return (React.createElement(InternalButtonDropdown, __assign({}, baseProps, props, { variant: "navigation", customTriggerBuilder: dropdownTrigger, preferCenter: true })));
+};
+applyDisplayName(MenuDropdown, 'MenuDropdown');
+export default MenuDropdown;
+//# sourceMappingURL=index.js.map

package/internal/components/menu-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/index.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 clsx from 'clsx';\nimport React from 'react';\n\nimport { MenuDropdownProps, ButtonTriggerProps } from './interfaces';\nimport { getBaseProps } from '../../base-component';\nimport { applyDisplayName } from '../../utils/apply-display-name';\nimport useFocusVisible from '../../hooks/focus-visible';\nimport InternalButtonDropdown from '../../../button-dropdown/internal';\nimport InternalIcon from '../../../icon/internal';\nimport buttonDropdownStyles from '../../../button-dropdown/styles.css.js';\nimport styles from './styles.css.js';\n\nexport { MenuDropdownProps };\n\nexport const ButtonTrigger = React.forwardRef(\n  (\n    {\n      iconName,\n      iconUrl,\n      iconAlt,\n      iconSvg,\n      badge,\n      ariaLabel,\n      offsetRight,\n      disabled,\n      expanded,\n      children,\n      onClick,\n    }: ButtonTriggerProps,\n    ref: React.Ref<any>\n  ) => {\n    const focusVisible = useFocusVisible();\n    const hasIcon = iconName || iconUrl || iconSvg;\n\n    return (\n      <button\n        {...focusVisible}\n        ref={ref}\n        type=\"button\"\n        className={clsx(styles.button, styles[`offset-right-${offsetRight}`], { [styles.expanded]: expanded })}\n        aria-label={ariaLabel}\n        aria-expanded={!!expanded}\n        aria-haspopup={true}\n        disabled={disabled}\n        onClick={event => {\n          event.preventDefault();\n          onClick && onClick();\n        }}\n      >\n        {hasIcon && (\n          <InternalIcon\n            className={styles.icon}\n            name={iconName}\n            url={iconUrl}\n            alt={iconAlt}\n            svg={iconSvg}\n            badge={badge}\n          />\n        )}\n        {children && <span className={styles.text}>{children}</span>}\n        {children && (\n          <InternalIcon\n            name=\"caret-down-filled\"\n            className={expanded ? buttonDropdownStyles['rotate-up'] : buttonDropdownStyles['rotate-down']}\n          />\n        )}\n      </button>\n    );\n  }\n);\n\nconst MenuDropdown = ({\n  iconName,\n  iconUrl,\n  iconAlt,\n  iconSvg,\n  badge,\n  ariaLabel,\n  offsetRight,\n  children,\n  ...props\n}: MenuDropdownProps) => {\n  const baseProps = getBaseProps(props);\n\n  const dropdownTrigger = (clickHandler: () => void, ref: React.Ref<any>, isDisabled: boolean, isExpanded: boolean) => {\n    return (\n      <ButtonTrigger\n        ref={ref}\n        disabled={isDisabled}\n        expanded={isExpanded}\n        iconName={iconName}\n        iconUrl={iconUrl}\n        iconAlt={iconAlt}\n        iconSvg={iconSvg}\n        badge={badge}\n        ariaLabel={ariaLabel}\n        offsetRight={offsetRight}\n        onClick={clickHandler}\n      >\n        {children}\n      </ButtonTrigger>\n    );\n  };\n\n  return (\n    <InternalButtonDropdown\n      {...baseProps}\n      {...props}\n      variant=\"navigation\"\n      customTriggerBuilder={dropdownTrigger}\n      preferCenter={true}\n    />\n  );\n};\n\napplyDisplayName(MenuDropdown, 'MenuDropdown');\nexport default MenuDropdown;\n"]}

package/internal/components/menu-dropdown/interfaces.d.ts

@@ -0,0 +1,25 @@
+import { InternalButtonDropdownProps } from '../../../button-dropdown/interfaces';
+import { IconProps } from '../../../icon/interfaces';
+export interface ButtonTriggerProps {
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconAlt?: string;
+    iconSvg?: React.ReactNode;
+    ariaLabel?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    onClick?: () => void;
+    badge?: boolean;
+    offsetRight?: 'none' | 'l' | 'xxl';
+    expanded?: boolean;
+}
+export interface MenuDropdownProps extends InternalButtonDropdownProps {
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconAlt?: string;
+    iconSvg?: React.ReactNode;
+    badge?: boolean;
+    description?: string;
+    offsetRight?: 'l' | 'xxl';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/menu-dropdown/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC;CAC3B"}

package/internal/components/menu-dropdown/interfaces.js

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

package/internal/components/menu-dropdown/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/menu-dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { InternalButtonDropdownProps } from '../../../button-dropdown/interfaces';\nimport { IconProps } from '../../../icon/interfaces';\n\nexport interface ButtonTriggerProps {\n  iconName?: IconProps.Name;\n  iconUrl?: string;\n  iconAlt?: string;\n  iconSvg?: React.ReactNode;\n  ariaLabel?: string;\n  disabled?: boolean;\n  children?: React.ReactNode;\n  onClick?: () => void;\n\n  badge?: boolean;\n  offsetRight?: 'none' | 'l' | 'xxl';\n  expanded?: boolean;\n}\n\nexport interface MenuDropdownProps extends InternalButtonDropdownProps {\n  iconName?: IconProps.Name;\n  iconUrl?: string;\n  iconAlt?: string;\n  iconSvg?: React.ReactNode;\n  badge?: boolean;\n  description?: string;\n  offsetRight?: 'l' | 'xxl';\n}\n"]}

package/internal/components/menu-dropdown/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "button": "awsui_button_m5h9f_1m95j_93",
+  "expanded": "awsui_expanded_m5h9f_1m95j_123",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1m95j_134",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1m95j_137",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1m95j_140",
+  "text": "awsui_text_m5h9f_1m95j_162",
+  "icon": "awsui_icon_m5h9f_1m95j_166"
+};
+  

package/internal/components/menu-dropdown/styles.scoped.css

@@ -0,0 +1,212 @@
+/*
+ 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
+*/
+.awsui_button_m5h9f_1m95j_93: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);
+  min-width: 0;
+  -ms-word-break: break-all;
+  word-break: break-word;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  white-space: nowrap;
+  height: 100%;
+  padding-left: 8px;
+  padding-left: var(--space-xs-rsr2qu, 8px);
+  padding-right: 8px;
+  padding-right: var(--space-xs-rsr2qu, 8px);
+  text-decoration: none;
+  cursor: pointer;
+  border: transparent;
+  background: transparent;
+  font-weight: 800;
+  font-weight: var(--font-button-weight-7rj5fx, 800);
+  color: #414d5c;
+  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
+}
+.awsui_button_m5h9f_1m95j_93:not(#\9):hover {
+  color: #000716;
+  color: var(--color-text-interactive-hover-v3lasm, #000716);
+  text-decoration: none;
+}
+.awsui_button_m5h9f_1m95j_93:not(#\9):active, .awsui_button_m5h9f_1m95j_93.awsui_expanded_m5h9f_1m95j_123:not(#\9) {
+  background: transparent;
+  color: #000716;
+  color: var(--color-text-interactive-active-vol84d, #000716);
+}
+.awsui_button_m5h9f_1m95j_93.awsui_expanded_m5h9f_1m95j_123:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-accent-s1eqko, #0972d3);
+}
+.awsui_button_m5h9f_1m95j_93:not(#\9):focus {
+  outline: none;
+  text-decoration: none;
+}
+.awsui_button_m5h9f_1m95j_93.awsui_offset-right-none_m5h9f_1m95j_134:not(#\9) {
+  margin-right: 0;
+}
+.awsui_button_m5h9f_1m95j_93.awsui_offset-right-l_m5h9f_1m95j_137:not(#\9) {
+  margin-right: 12px;
+  margin-right: var(--space-s-hv8c1d, 12px);
+}
+.awsui_button_m5h9f_1m95j_93.awsui_offset-right-xxl_m5h9f_1m95j_140:not(#\9) {
+  margin-right: 24px;
+  margin-right: var(--space-xl-a39hup, 24px);
+}
+.awsui_button_m5h9f_1m95j_93[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_button_m5h9f_1m95j_93[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(-1px - 1px);
+}
+.awsui_button_m5h9f_1m95j_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * -1px);
+  top: calc(-1 * -1px);
+  width: calc(100% + 2 * -1px);
+  height: calc(100% + 2 * -1px);
+  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_text_m5h9f_1m95j_162:not(#\9) {
+  margin-right: 8px;
+  margin-right: var(--space-xs-rsr2qu, 8px);
+}
+
+.awsui_icon_m5h9f_1m95j_166 + .awsui_text_m5h9f_1m95j_162:not(#\9) {
+  margin-left: 8px;
+  margin-left: var(--space-xs-rsr2qu, 8px);
+}

package/internal/components/menu-dropdown/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "button": "awsui_button_m5h9f_1m95j_93",
+  "expanded": "awsui_expanded_m5h9f_1m95j_123",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1m95j_134",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1m95j_137",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1m95j_140",
+  "text": "awsui_text_m5h9f_1m95j_162",
+  "icon": "awsui_icon_m5h9f_1m95j_166"
+};
+  

package/internal/components/option/highlight-match.d.ts

@@ -0,0 +1,6 @@
+export interface HighlightMatchProps {
+    str?: string;
+    highlightText?: string;
+}
+export default function HighlightMatch({ str, highlightText }: HighlightMatchProps): JSX.Element;
+//# sourceMappingURL=highlight-match.d.ts.map

package/internal/components/option/highlight-match.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-match.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,mBAAmB,eAsBjF"}

package/internal/components/option/highlight-match.js

@@ -0,0 +1,36 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import styles from './styles.css.js';
+import clsx from 'clsx';
+var splitOnFiltering = function (str, highlightText) {
+    // Filtering needs to be case insensitive
+    var filteringPattern = highlightText.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+    var regexp = new RegExp(filteringPattern, 'gi');
+    var noMatches = str.split(regexp);
+    var matches = str.match(regexp);
+    return { noMatches: noMatches, matches: matches };
+};
+var Highlight = function (_a) {
+    var str = _a.str;
+    return str ? React.createElement("span", { className: clsx(styles['filtering-match-highlight']) }, str) : null;
+};
+export default function HighlightMatch(_a) {
+    var str = _a.str, highlightText = _a.highlightText;
+    if (!str || !highlightText) {
+        return React.createElement(React.Fragment, null, str);
+    }
+    if (str === highlightText) {
+        return React.createElement(Highlight, { str: str });
+    }
+    var _b = splitOnFiltering(str, highlightText), noMatches = _b.noMatches, matches = _b.matches;
+    var highlighted = [];
+    noMatches.forEach(function (noMatch, idx) {
+        highlighted.push(noMatch);
+        if (matches && idx < matches.length) {
+            highlighted.push(React.createElement(Highlight, { key: idx, str: matches[idx] }));
+        }
+    });
+    return React.createElement("span", null, highlighted);
+}
+//# sourceMappingURL=highlight-match.js.map

package/internal/components/option/highlight-match.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-match.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,IAAM,gBAAgB,GAAG,UAAC,GAAW,EAAE,aAAqB;IAC1D,yCAAyC;IACzC,IAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IAChF,IAAM,MAAM,GAAG,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAClD,IAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,IAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,EAAE,SAAS,WAAA,EAAE,OAAO,SAAA,EAAE,CAAC;AAChC,CAAC,CAAC;AAOF,IAAM,SAAS,GAAG,UAAC,EAA4B;QAA1B,GAAG,SAAA;IACtB,OAAA,GAAG,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,GAAG,CAAQ,CAAC,CAAC,CAAC,IAAI;AAArF,CAAqF,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAA2C;QAAzC,GAAG,SAAA,EAAE,aAAa,mBAAA;IACzD,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE;QAC1B,OAAO,0CAAG,GAAG,CAAI,CAAC;KACnB;IAED,IAAI,GAAG,KAAK,aAAa,EAAE;QACzB,OAAO,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC;KAChC;IAEK,IAAA,KAAyB,gBAAgB,CAAC,GAAG,EAAE,aAAa,CAAC,EAA3D,SAAS,eAAA,EAAE,OAAO,aAAyC,CAAC;IAEpE,IAAM,WAAW,GAA6B,EAAE,CAAC;IAEjD,SAAS,CAAC,OAAO,CAAC,UAAC,OAAO,EAAE,GAAG;QAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1B,IAAI,OAAO,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE;YACnC,WAAW,CAAC,IAAI,CAAC,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC;SAC9D;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,kCAAO,WAAW,CAAQ,CAAC;AACpC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\n\nconst splitOnFiltering = (str: string, highlightText: string) => {\n  // Filtering needs to be case insensitive\n  const filteringPattern = highlightText.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n  const regexp = new RegExp(filteringPattern, 'gi');\n  const noMatches = str.split(regexp);\n  const matches = str.match(regexp);\n\n  return { noMatches, matches };\n};\n\nexport interface HighlightMatchProps {\n  str?: string;\n  highlightText?: string;\n}\n\nconst Highlight = ({ str }: HighlightMatchProps) =>\n  str ? <span className={clsx(styles['filtering-match-highlight'])}>{str}</span> : null;\n\nexport default function HighlightMatch({ str, highlightText }: HighlightMatchProps) {\n  if (!str || !highlightText) {\n    return <>{str}</>;\n  }\n\n  if (str === highlightText) {\n    return <Highlight str={str} />;\n  }\n\n  const { noMatches, matches } = splitOnFiltering(str, highlightText);\n\n  const highlighted: (string | JSX.Element)[] = [];\n\n  noMatches.forEach((noMatch, idx) => {\n    highlighted.push(noMatch);\n\n    if (matches && idx < matches.length) {\n      highlighted.push(<Highlight key={idx} str={matches[idx]} />);\n    }\n  });\n\n  return <span>{highlighted}</span>;\n}\n"]}

package/internal/components/option/index.d.ts

@@ -0,0 +1,5 @@
+import { OptionProps } from './interfaces';
+export { OptionProps };
+declare const Option: ({ option, highlightText, triggerVariant, isGroupOption, ...restProps }: OptionProps) => JSX.Element | null;
+export default Option;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAWvB,QAAA,MAAM,MAAM,2EAMT,WAAW,uBA4Db,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/internal/components/option/index.js

@@ -0,0 +1,48 @@
+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 clsx from 'clsx';
+import styles from './styles.css.js';
+import { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';
+import { getBaseProps } from '../../base-component';
+import { warnOnce } from '../../logging';
+import { isDevelopment } from '../../is-development';
+function validateStringValue(value, propertyName) {
+    if (typeof value !== 'undefined' && typeof value !== 'string') {
+        warnOnce('DropdownOption', "This component only supports string values, but \"option.".concat(propertyName, "\" has ").concat(typeof value, " type. The component may work incorrectly."));
+    }
+}
+var Option = function (_a) {
+    var _b, _c;
+    var option = _a.option, highlightText = _a.highlightText, _d = _a.triggerVariant, triggerVariant = _d === void 0 ? false : _d, _e = _a.isGroupOption, isGroupOption = _e === void 0 ? false : _e, restProps = __rest(_a, ["option", "highlightText", "triggerVariant", "isGroupOption"]);
+    if (!option) {
+        return null;
+    }
+    var disabled = option.disabled;
+    var baseProps = getBaseProps(restProps);
+    if (isDevelopment) {
+        validateStringValue(option.label, 'label');
+        validateStringValue(option.description, 'description');
+        validateStringValue(option.labelTag, 'labelTag');
+        (_b = option.tags) === null || _b === void 0 ? void 0 : _b.forEach(function (tag, index) {
+            validateStringValue(tag, "tags[".concat(index, "]"));
+        });
+        (_c = option.filteringTags) === null || _c === void 0 ? void 0 : _c.forEach(function (tag, index) {
+            validateStringValue(tag, "filteringTags[".concat(index, "]"));
+        });
+    }
+    var className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);
+    var icon = option.__customIcon || (React.createElement(OptionIcon, { name: option.iconName, url: option.iconUrl, svg: option.iconSvg, alt: option.iconAlt, size: option.description || option.tags ? 'big' : 'normal' }));
+    return (React.createElement("div", __assign({ title: option.label || option.value, "data-value": option.value, className: className, "aria-disabled": disabled }, baseProps),
+        icon,
+        React.createElement("div", { className: clsx(styles.content) },
+            React.createElement("div", { className: clsx(styles['label-content']) },
+                React.createElement(Label, { label: option.label || option.value, prefix: option.__labelPrefix, highlightText: highlightText, triggerVariant: triggerVariant }),
+                React.createElement(LabelTag, { labelTag: option.labelTag, highlightText: highlightText, triggerVariant: triggerVariant })),
+            React.createElement(Description, { description: option.description, highlightText: highlightText, triggerVariant: triggerVariant }),
+            React.createElement(Tags, { tags: option.tags, highlightText: highlightText, triggerVariant: triggerVariant }),
+            React.createElement(FilteringTags, { filteringTags: option.filteringTags, highlightText: highlightText, triggerVariant: triggerVariant }))));
+};
+export default Option;
+//# sourceMappingURL=index.js.map

package/internal/components/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/index.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';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '../../logging';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n  if (typeof value !== 'undefined' && typeof value !== 'string') {\n    warnOnce(\n      'DropdownOption',\n      `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n    );\n  }\n}\n\nconst Option = ({\n  option,\n  highlightText,\n  triggerVariant = false,\n  isGroupOption = false,\n  ...restProps\n}: OptionProps) => {\n  if (!option) {\n    return null;\n  }\n  const { disabled } = option;\n  const baseProps = getBaseProps(restProps);\n\n  if (isDevelopment) {\n    validateStringValue(option.label, 'label');\n    validateStringValue(option.description, 'description');\n    validateStringValue(option.labelTag, 'labelTag');\n    option.tags?.forEach((tag, index) => {\n      validateStringValue(tag, `tags[${index}]`);\n    });\n    option.filteringTags?.forEach((tag, index) => {\n      validateStringValue(tag, `filteringTags[${index}]`);\n    });\n  }\n\n  const className = clsx(styles.option, disabled && styles.disabled, isGroupOption && styles.parent);\n\n  const icon = option.__customIcon || (\n    <OptionIcon\n      name={option.iconName}\n      url={option.iconUrl}\n      svg={option.iconSvg}\n      alt={option.iconAlt}\n      size={option.description || option.tags ? 'big' : 'normal'}\n    />\n  );\n\n  return (\n    <div\n      title={option.label || option.value}\n      data-value={option.value}\n      className={className}\n      aria-disabled={disabled}\n      {...baseProps}\n    >\n      {icon}\n      <div className={clsx(styles.content)}>\n        <div className={clsx(styles['label-content'])}>\n          <Label\n            label={option.label || option.value}\n            prefix={option.__labelPrefix}\n            highlightText={highlightText}\n            triggerVariant={triggerVariant}\n          />\n          <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n        </div>\n        <Description description={option.description} highlightText={highlightText} triggerVariant={triggerVariant} />\n        <Tags tags={option.tags} highlightText={highlightText} triggerVariant={triggerVariant} />\n        <FilteringTags\n          filteringTags={option.filteringTags}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Option;\n"]}

package/internal/components/option/interfaces.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { IconProps } from '../../../icon/interfaces';
+import { BaseComponentProps } from '../../base-component';
+export interface BaseOption {
+    label?: string;
+    disabled?: boolean;
+}
+export interface OptionDefinition extends BaseOption {
+    value?: string;
+    labelTag?: string;
+    description?: string;
+    iconAlt?: string;
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconSvg?: React.ReactNode;
+    tags?: ReadonlyArray<string>;
+    filteringTags?: ReadonlyArray<string>;
+    __labelPrefix?: string;
+}
+export interface InternalOptionDefinition extends OptionDefinition {
+    __customIcon?: React.ReactNode;
+}
+export interface OptionGroup extends BaseOption {
+    options: ReadonlyArray<OptionDefinition>;
+}
+export interface DropdownOption {
+    type?: string;
+    disabled?: boolean;
+    option: OptionDefinition | OptionGroup;
+}
+export interface OptionProps extends BaseComponentProps {
+    option?: InternalOptionDefinition;
+    triggerVariant?: boolean;
+    highlightText?: string;
+    isGroupOption?: boolean;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/option/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/internal/components/option/interfaces.js

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

package/internal/components/option/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { IconProps } from '../../../icon/interfaces';\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseOption {\n  label?: string;\n  disabled?: boolean;\n}\n\nexport interface OptionDefinition extends BaseOption {\n  value?: string;\n  labelTag?: string;\n  description?: string;\n  iconAlt?: string;\n  iconName?: IconProps.Name;\n  iconUrl?: string;\n  iconSvg?: React.ReactNode;\n  tags?: ReadonlyArray<string>;\n  filteringTags?: ReadonlyArray<string>;\n  __labelPrefix?: string;\n}\n\nexport interface InternalOptionDefinition extends OptionDefinition {\n  __customIcon?: React.ReactNode;\n}\n\nexport interface OptionGroup extends BaseOption {\n  options: ReadonlyArray<OptionDefinition>;\n}\n\nexport interface DropdownOption {\n  type?: string;\n  disabled?: boolean;\n  option: OptionDefinition | OptionGroup;\n}\n\nexport interface OptionProps extends BaseComponentProps {\n  option?: InternalOptionDefinition;\n  triggerVariant?: boolean;\n  highlightText?: string;\n  isGroupOption?: boolean;\n}\n"]}

package/internal/components/option/option-announcer.d.ts

@@ -0,0 +1,4 @@
+import { OptionDefinition, OptionGroup } from './interfaces';
+declare function defaultOptionDescription(option: OptionDefinition, parentGroup: OptionGroup | undefined): string;
+export default defaultOptionDescription;
+//# sourceMappingURL=option-announcer.d.ts.map

package/internal/components/option/option-announcer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-announcer.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/option-announcer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE7D,iBAAS,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,UAK/F;AAED,eAAe,wBAAwB,CAAC"}

package/internal/components/option/option-announcer.js

@@ -0,0 +1,8 @@
+function defaultOptionDescription(option, parentGroup) {
+    return [parentGroup && parentGroup.label, option.label || option.value, option.description, option.labelTag]
+        .concat(option.tags)
+        .filter(function (el) { return !!el; })
+        .join(' ');
+}
+export default defaultOptionDescription;
+//# sourceMappingURL=option-announcer.js.map

package/internal/components/option/option-announcer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-announcer.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/option-announcer.ts"],"names":[],"mappings":"AAIA,SAAS,wBAAwB,CAAC,MAAwB,EAAE,WAAoC;IAC9F,OAAO,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;SACzG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;SACnB,MAAM,CAAC,UAAA,EAAE,IAAI,OAAA,CAAC,CAAC,EAAE,EAAJ,CAAI,CAAC;SAClB,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,eAAe,wBAAwB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionDefinition, OptionGroup } from './interfaces';\n\nfunction defaultOptionDescription(option: OptionDefinition, parentGroup: OptionGroup | undefined) {\n  return [parentGroup && parentGroup.label, option.label || option.value, option.description, option.labelTag]\n    .concat(option.tags)\n    .filter(el => !!el)\n    .join(' ');\n}\n\nexport default defaultOptionDescription;\n"]}

package/internal/components/option/option-parts.d.ts

@@ -0,0 +1,35 @@
+import { IconProps } from '../../../icon/interfaces';
+interface LabelProps {
+    label?: string;
+    prefix?: string;
+    highlightText?: string;
+    triggerVariant: boolean;
+}
+export declare const Label: ({ label, prefix, highlightText, triggerVariant }: LabelProps) => JSX.Element;
+interface LabelTagProps {
+    labelTag?: string;
+    highlightText?: string;
+    triggerVariant: boolean;
+}
+export declare const LabelTag: ({ labelTag, highlightText, triggerVariant }: LabelTagProps) => JSX.Element | null;
+interface DescriptionProps {
+    description?: string;
+    highlightText?: string;
+    triggerVariant: boolean;
+}
+export declare const Description: ({ description, highlightText, triggerVariant }: DescriptionProps) => JSX.Element | null;
+interface TagsProps {
+    tags?: ReadonlyArray<string>;
+    highlightText?: string;
+    triggerVariant: boolean;
+}
+export declare const Tags: ({ tags, highlightText, triggerVariant }: TagsProps) => JSX.Element | null;
+interface FilteringTagProps {
+    filteringTags?: ReadonlyArray<string>;
+    highlightText?: string;
+    triggerVariant: boolean;
+}
+export declare const FilteringTags: ({ filteringTags, highlightText, triggerVariant }: FilteringTagProps) => JSX.Element | null;
+export declare const OptionIcon: (props: IconProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=option-parts.d.ts.map

package/internal/components/option/option-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-parts.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/option-parts.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,KAAK,qDAAsD,UAAU,gBAOjF,CAAC;AAEF,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,QAAQ,gDAAiD,aAAa,uBAKzE,CAAC;AAEX,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,WAAW,mDAAoD,gBAAgB,uBAOlF,CAAC;AAEX,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,IAAI,4CAA6C,SAAS,uBAW7D,CAAC;AAEX,UAAU,iBAAiB;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;CACzB;AACD,eAAO,MAAM,aAAa,qDAAsD,iBAAiB,uBA4BhG,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,SAAS,uBAU1C,CAAC"}