@cloudscape-design/components 3.0.996 → 3.0.997

package/tabs/interfaces.d.ts

@@ -3,180 +3,179 @@ import { ButtonProps } from '../button/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 export interface TabsProps extends BaseComponentProps {
+  /**
+   * Specifies the tabs to display. Each tab object has the following properties:
+   *
+   * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.
+   * - `label` (ReactNode) - Tab label shown in the UI.
+   * - `content` (ReactNode) - (Optional) Tab content to render in the container.
+   * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.
+   * - `disabledReason` (string) - (Optional) Displays tooltip near the tab when disabled. Use to provide additional context.
+   * - `dismissible` (boolean) - (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
+   * - `dismissLabel` (boolean) - (Optional) Specifies an aria-label for the dismiss icon button.
+   * - `dismissDisabled` (boolean) - (Optional) Determines whether the dismiss button is disabled.
+   * - `action` (ReactNode) - (Optional) Action for the tab, rendered next to its corresponding label.
+   *    Although it is technically possible to insert any content, our UX guidelines only allow you to add
+   *    an icon button or icon button dropdown.
+   * - `onDismiss` (ButtonProps['onClick']) - (Optional) Called when a user clicks on the dismiss button.
+   * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The
+   *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,
+   *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,
+   *    if your application routing can handle such deep links. You can manually update routing on the current page
+   *    using the `activeTabHref` property of the `change` event's detail.
+   * - `contentRenderStrategy` (string) - (Optional) Determines when tab content is rendered:
+       - `'active'`: (Default) Only render content when the tab is active.
+   *   - `'eager'`: Always render tab content (hidden when the tab is not active).
+   *   - `'lazy'`: Like 'eager', but content is only rendered after the tab is first activated.
+   */
+  tabs: ReadonlyArray<TabsProps.Tab>;
+  /**
+   * Actions for the tabs header, displayed next to the list of tabs.
+   * Use this to add a button or button dropdown that performs actions on the
+   * entire tab list. We recommend a maximum of one interactive element to
+   * minimize the number of keyboard tab stops between the tab list and content.
+   */
+  actions?: React.ReactNode;
+  /**
+   * The possible visual variants of tabs are the following:
+   * * `default` - Use in any context.
+   * * `container` - Use this variant to have the tabs displayed within a container header.
+   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).
+   * @visualrefresh `stacked` variant
+   */
+  variant?: TabsProps.Variant;
+  /**
+   * Called whenever the user selects a different tab.
+   * The event's `detail` contains the new `activeTabId`.
+   */
+  onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;
+  /**
+   * The `id` of the currently active tab.
+   * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).
+   * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).
+   */
+  activeTabId?: string;
+  /**
+   * Provides an `aria-label` to the tab container.
+   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+   */
+  ariaLabel?: string;
+  /**
+   * Sets the `aria-labelledby` property on the tab container.
+   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.
+   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+   */
+  ariaLabelledby?: string;
+  /**
+   * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.
+   */
+  disableContentPaddings?: boolean;
+  /**
+   * An object containing all the necessary localized strings required by the component.
+   * @i18n
+   */
+  i18nStrings?: TabsProps.I18nStrings;
+  /**
+   * Enabling this property makes the tab content fit to the available height.
+   * If the tab content is too short, it will stretch. If the tab content is too long, a vertical scrollbar will be shown.
+   */
+  fitHeight?: boolean;
+  /**
+   * Determines how the active tab is switched when navigating using
+   * the keyboard. The options are:
+   * - 'automatic' (default): the active tab is switched using the arrow keys.
+   * - 'manual': a tab must be explicitly activated using the enter/space key.
+   * We recommend using 'automatic' in most situations to provide consistent
+   * and quick switching between tabs. Use 'manual' only if there is a specific
+   * need to introduce friction to the switching of tabs.
+   */
+  keyboardActivationMode?: 'automatic' | 'manual';
+}
+export declare namespace TabsProps {
+  type Variant = 'default' | 'container' | 'stacked';
+  interface Tab {
     /**
-     * Specifies the tabs to display. Each tab object has the following properties:
-     *
-     * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.
-     * - `label` (ReactNode) - Tab label shown in the UI.
-     * - `content` (ReactNode) - (Optional) Tab content to render in the container.
-     * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.
-     * - `disabledReason` (string) - (Optional) Displays tooltip near the tab when disabled. Use to provide additional context.
-     * - `dismissible` (boolean) - (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
-     * - `dismissLabel` (boolean) - (Optional) Specifies an aria-label for the dismiss icon button.
-     * - `dismissDisabled` (boolean) - (Optional) Determines whether the dismiss button is disabled.
-     * - `action` (ReactNode) - (Optional) Action for the tab, rendered next to its corresponding label.
-     *    Although it is technically possible to insert any content, our UX guidelines only allow you to add
-     *    an icon button or icon button dropdown.
-     * - `onDismiss` (ButtonProps['onClick']) - (Optional) Called when a user clicks on the dismiss button.
-     * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The
-     *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,
-     *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,
-     *    if your application routing can handle such deep links. You can manually update routing on the current page
-     *    using the `activeTabHref` property of the `change` event's detail.
-     * - `contentRenderStrategy` (string) - (Optional) Determines when tab content is rendered:
-         - `'active'`: (Default) Only render content when the tab is active.
-     *   - `'eager'`: Always render tab content (hidden when the tab is not active).
-     *   - `'lazy'`: Like 'eager', but content is only rendered after the tab is first activated.
+     * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.
      */
-    tabs: ReadonlyArray<TabsProps.Tab>;
+    id: string;
     /**
-     * Actions for the tabs header, displayed next to the list of tabs.
-     * Use this to add a button or button dropdown that performs actions on the
-     * entire tab list. We recommend a maximum of one interactive element to
-     * minimize the number of keyboard tab stops between the tab list and content.
+     * Tab label shown in the UI.
      */
-    actions?: React.ReactNode;
+    label: React.ReactNode;
     /**
-     * The possible visual variants of tabs are the following:
-     * * `default` - Use in any context.
-     * * `container` - Use this variant to have the tabs displayed within a container header.
-     * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).
-     * @visualrefresh `stacked` variant
+     * Tab content to render in the container.
      */
-    variant?: TabsProps.Variant;
+    content?: React.ReactNode;
     /**
-     * Called whenever the user selects a different tab.
-     * The event's `detail` contains the new `activeTabId`.
+     * Whether this tab is disabled.
      */
-    onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;
+    disabled?: boolean;
     /**
-     * The `id` of the currently active tab.
-     * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).
-     * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).
+     * Provides a reason why this tab is disabled.
      */
-    activeTabId?: string;
+    disabledReason?: string;
     /**
-     * Provides an `aria-label` to the tab container.
-     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+     * (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
+     * When a user clicks on this button the onDismiss handler is called.
      */
-    ariaLabel?: string;
+    dismissible?: boolean;
     /**
-     * Sets the `aria-labelledby` property on the tab container.
-     * If there's a visible label element that you can reference, use this instead of `ariaLabel`.
-     * Don't use `ariaLabel` and `ariaLabelledby` at the same time.
+     * (Optional) Specifies an aria-label for the dismiss icon button.
      */
-    ariaLabelledby?: string;
+    dismissLabel?: string;
     /**
-     * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.
+     * (Optional) Determines whether the dismiss button is disabled.
      */
-    disableContentPaddings?: boolean;
+    dismissDisabled?: boolean;
     /**
-     * An object containing all the necessary localized strings required by the component.
-     * @i18n
+     * (Optional) Action for the tab, rendered next to its corresponding label.
+     * Although it is technically possible to insert any content, our UX guidelines only allow you to add
+     * an icon button or icon button dropdown.
      */
-    i18nStrings?: TabsProps.I18nStrings;
+    action?: React.ReactNode;
     /**
-     * Enabling this property makes the tab content fit to the available height.
-     * If the tab content is too short, it will stretch. If the tab content is too long, a vertical scrollbar will be shown.
+     * (event => void) Called when a user clicks on the dismiss button.
      */
-    fitHeight?: boolean;
+    onDismiss?: ButtonProps['onClick'];
     /**
-     * Determines how the active tab is switched when navigating using
-     * the keyboard. The options are:
-     * - 'automatic' (default): the active tab is switched using the arrow keys.
-     * - 'manual': a tab must be explicitly activated using the enter/space key.
-     * We recommend using 'automatic' in most situations to provide consistent
-     * and quick switching between tabs. Use 'manual' only if there is a specific
-     * need to introduce friction to the switching of tabs.
+     * You can use this parameter to change the default `href` of the internal tab anchor. The
+     * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,
+     * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,
+     * when the routing can handle such deep links. You can manually update routing on the current page
+     * using the `activeTabHref` property of the `change` event's detail.
      */
-    keyboardActivationMode?: 'automatic' | 'manual';
-}
-export declare namespace TabsProps {
-    type Variant = 'default' | 'container' | 'stacked';
-    interface Tab {
-        /**
-         * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.
-         */
-        id: string;
-        /**
-         * Tab label shown in the UI.
-         */
-        label: React.ReactNode;
-        /**
-         * Tab content to render in the container.
-         */
-        content?: React.ReactNode;
-        /**
-         * Whether this tab is disabled.
-         */
-        disabled?: boolean;
-        /**
-         * Provides a reason why this tab is disabled.
-         */
-        disabledReason?: string;
-        /**
-         * (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
-         * When a user clicks on this button the onDismiss handler is called.
-         */
-        dismissible?: boolean;
-        /**
-         * (Optional) Specifies an aria-label for the dismiss icon button.
-         */
-        dismissLabel?: string;
-        /**
-         * (Optional) Determines whether the dismiss button is disabled.
-         */
-        dismissDisabled?: boolean;
-        /**
-         * (Optional) Action for the tab, rendered next to its corresponding label.
-         * Although it is technically possible to insert any content, our UX guidelines only allow you to add
-         * an icon button or icon button dropdown.
-         */
-        action?: React.ReactNode;
-        /**
-         * (event => void) Called when a user clicks on the dismiss button.
-         */
-        onDismiss?: ButtonProps['onClick'];
-        /**
-         * You can use this parameter to change the default `href` of the internal tab anchor. The
-         * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,
-         * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,
-         * when the routing can handle such deep links. You can manually update routing on the current page
-         * using the `activeTabHref` property of the `change` event's detail.
-         */
-        href?: string;
-        /**
-         * Determines when tab content is rendered:
-         * - 'active' (default): Only render content when the tab is active.
-         * - 'eager': Always render tab content (hidden when the tab is not active).
-         * - 'lazy': Like 'eager', but content is only rendered after the tab is first activated.
-         */
-        contentRenderStrategy?: 'active' | 'eager' | 'lazy';
-    }
-    interface ChangeDetail {
-        /**
-         * The ID of the clicked tab.
-         */
-        activeTabId: string;
-        /**
-         * The `href` attribute of the clicked tab, if defined.
-         */
-        activeTabHref?: string;
-    }
-    interface I18nStrings {
-        /**
-         * ARIA label for the scroll left button that appears when the tab header is wider than the container.
-         */
-        scrollLeftAriaLabel?: string;
-        /**
-         * ARIA label for the scroll right button that appears when the tab header is wider than the container.
-         */
-        scrollRightAriaLabel?: string;
-        /**
-         * ARIA role description for the Tabs component when an action or dismissible prop is in use. This is used
-         * with role="application" to provide further information on the purpose of this component
-         */
-        tabsWithActionsAriaRoleDescription?: string;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+    href?: string;
+    /**
+     * Determines when tab content is rendered:
+     * - 'active' (default): Only render content when the tab is active.
+     * - 'eager': Always render tab content (hidden when the tab is not active).
+     * - 'lazy': Like 'eager', but content is only rendered after the tab is first activated.
+     */
+    contentRenderStrategy?: 'active' | 'eager' | 'lazy';
+  }
+  interface ChangeDetail {
+    /**
+     * The ID of the clicked tab.
+     */
+    activeTabId: string;
+    /**
+     * The `href` attribute of the clicked tab, if defined.
+     */
+    activeTabHref?: string;
+  }
+  interface I18nStrings {
+    /**
+     * ARIA label for the scroll left button that appears when the tab header is wider than the container.
+     */
+    scrollLeftAriaLabel?: string;
+    /**
+     * ARIA label for the scroll right button that appears when the tab header is wider than the container.
+     */
+    scrollRightAriaLabel?: string;
+    /**
+     * ARIA role description for the Tabs component when an action or dismissible prop is in use. This is used
+     * with role="application" to provide further information on the purpose of this component
+     */
+    tabsWithActionsAriaRoleDescription?: string;
+  }
+}

package/tabs/native-smooth-scroll-supported.d.ts

@@ -1,2 +1 @@
-export default function (): boolean;
-//# sourceMappingURL=native-smooth-scroll-supported.d.ts.map
+export default function (): boolean;

package/tabs/scroll-utils.d.ts

@@ -2,5 +2,4 @@ export declare const onPaginationClick: (headerBarRef: React.RefObject<HTMLUList
 export declare const hasHorizontalOverflow: (headerBar: HTMLElement, inlineStartOverflowButton: React.RefObject<HTMLElement>) => boolean;
 export declare const hasInlineStartOverflow: (headerBar: HTMLElement) => boolean;
 export declare const hasInlineEndOverflow: (headerBar: HTMLElement) => boolean;
-export declare const scrollIntoView: (tabHeader: HTMLElement, headerBar: HTMLElement, smooth?: boolean) => void;
-//# sourceMappingURL=scroll-utils.d.ts.map
+export declare const scrollIntoView: (tabHeader: HTMLElement, headerBar: HTMLElement, smooth?: boolean) => void;

package/tabs/smooth-scroll.d.ts

@@ -1,3 +1,2 @@
 declare const smoothScroll: (element: HTMLElement, to: number) => void;
-export default smoothScroll;
-//# sourceMappingURL=smooth-scroll.d.ts.map
+export default smoothScroll;

package/tabs/tab-header-bar.d.ts

@@ -1,21 +1,34 @@
 /// <reference types="react" />
 import { TabsProps } from './interfaces';
 interface TabHeaderBarProps {
-    onChange: (changeDetail: TabsProps.ChangeDetail) => void;
-    activeTabId: TabsProps['activeTabId'];
-    tabs: TabsProps['tabs'];
-    variant: TabsProps['variant'];
-    idNamespace: string;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    i18nStrings?: TabsProps.I18nStrings;
-    keyboardActivationMode: Required<TabsProps['keyboardActivationMode']>;
-    actions?: TabsProps['actions'];
+  onChange: (changeDetail: TabsProps.ChangeDetail) => void;
+  activeTabId: TabsProps['activeTabId'];
+  tabs: TabsProps['tabs'];
+  variant: TabsProps['variant'];
+  idNamespace: string;
+  ariaLabel?: string;
+  ariaLabelledby?: string;
+  i18nStrings?: TabsProps.I18nStrings;
+  keyboardActivationMode: Required<TabsProps['keyboardActivationMode']>;
+  actions?: TabsProps['actions'];
 }
-export declare function TabHeaderBar({ onChange, activeTabId, tabs, variant, idNamespace, ariaLabel, ariaLabelledby, i18nStrings, keyboardActivationMode, actions, }: TabHeaderBarProps): JSX.Element;
-export declare function getTabElementId({ namespace, tabId }: {
-    namespace: string;
-    tabId: string;
+export declare function TabHeaderBar({
+  onChange,
+  activeTabId,
+  tabs,
+  variant,
+  idNamespace,
+  ariaLabel,
+  ariaLabelledby,
+  i18nStrings,
+  keyboardActivationMode,
+  actions
+}: TabHeaderBarProps): JSX.Element;
+export declare function getTabElementId({
+  namespace,
+  tabId
+}: {
+  namespace: string;
+  tabId: string;
 }): string;
-export {};
-//# sourceMappingURL=tab-header-bar.d.ts.map
+export {};

package/tag-editor/index.d.ts

@@ -3,5 +3,4 @@ import { TagEditorProps } from './interfaces';
 import { getTagsDiff } from './utils';
 export { TagEditorProps, getTagsDiff };
 declare const TagEditor: React.ForwardRefExoticComponent<TagEditorProps & React.RefAttributes<TagEditorProps.Ref>>;
-export default TagEditor;
-//# sourceMappingURL=index.d.ts.map
+export default TagEditor;

package/tag-editor/interfaces.d.ts

@@ -2,128 +2,127 @@ import { AutosuggestProps } from '../autosuggest/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 export interface TagEditorProps extends BaseComponentProps {
+  /**
+   * Specifies an array of tags that are displayed to the user. Each tag item has the following properties:
+   * - `key` (string) - The key of the tag that's displayed in the corresponding key field.
+   * - `value` (string) - The value of the tag that's displayed in the corresponding value field.
+   * - `existing` (boolean) - Specifies if this is an existing tag for the resource.
+   *      When set to `true`, if the tag is deleted its `markedForRemoval` property is to `true`.
+   *      When set to `false`, deletion of the tag removes the tag from the `tags` list.
+   * - `markedForRemoval` (boolean) - Specifies if this tag has been marked for removal.
+   *      This property is set to `true` by the component when a user removes an existing tag.
+   *      The item will remain in the `tags` list. When set to `true`, the user is presented with the option to undo the removal operation.
+   * - `valueSuggestionOptions` (Array<AutosuggestProps.Option>) - An array of autosuggest suggestion options associated with the specified tag key.
+   */
+  tags?: ReadonlyArray<TagEditorProps.Tag>;
+  /**
+   * An object containing all the necessary localized strings required by the component.
+   * @i18n
+   */
+  i18nStrings?: TagEditorProps.I18nStrings;
+  /**
+   * Renders the component in a loading state.
+   */
+  loading?: boolean;
+  /**
+   * Specifies the maximum number of tags that a customer can add.
+   */
+  tagLimit?: number;
+  /**
+   * Specifies a regular expression string that overrides the default acceptable
+   * character validation. You should use this property only when absolutely necessary.
+   */
+  allowedCharacterPattern?: string;
+  /**
+   * Specifies a function that returns all the keys for a resource.
+   * The expected return type of the function should be a promise that
+   * resolves to a list of strings of all the keys (for example, `['key1', 'key2']`).
+   */
+  keysRequest?: (key: string) => Promise<ReadonlyArray<string>>;
+  /**
+   * Specifies a function that returns all the values for a specified key
+   * of a resource. The expected return type of the function should be a promise
+   * that resolves to a list of strings of all the values (for example, `['value1', 'value2']`).
+   *
+   * You should return a rejected promise when the `key` parameter is an empty string.
+   */
+  valuesRequest?: (key: string, value: string) => Promise<ReadonlyArray<string>>;
+  /**
+   * Called when any tag operation occurs.
+   * The event `detail` object contains the full updated state of `tags`,
+   * and whether the component is in a `valid` state.
+   */
+  onChange?: NonCancelableEventHandler<TagEditorProps.ChangeDetail>;
+}
+export declare namespace TagEditorProps {
+  interface Tag {
     /**
-     * Specifies an array of tags that are displayed to the user. Each tag item has the following properties:
-     * - `key` (string) - The key of the tag that's displayed in the corresponding key field.
-     * - `value` (string) - The value of the tag that's displayed in the corresponding value field.
-     * - `existing` (boolean) - Specifies if this is an existing tag for the resource.
-     *      When set to `true`, if the tag is deleted its `markedForRemoval` property is to `true`.
-     *      When set to `false`, deletion of the tag removes the tag from the `tags` list.
-     * - `markedForRemoval` (boolean) - Specifies if this tag has been marked for removal.
-     *      This property is set to `true` by the component when a user removes an existing tag.
-     *      The item will remain in the `tags` list. When set to `true`, the user is presented with the option to undo the removal operation.
-     * - `valueSuggestionOptions` (Array<AutosuggestProps.Option>) - An array of autosuggest suggestion options associated with the specified tag key.
-     */
-    tags?: ReadonlyArray<TagEditorProps.Tag>;
-    /**
-     * An object containing all the necessary localized strings required by the component.
-     * @i18n
-     */
-    i18nStrings?: TagEditorProps.I18nStrings;
-    /**
-     * Renders the component in a loading state.
+     * The key of the tag that will be displayed in the corresponding key field.
      */
-    loading?: boolean;
+    key: string;
     /**
-     * Specifies the maximum number of tags that a customer can add.
+     * The value of the tag that will be displayed in the corresponding value field.
      */
-    tagLimit?: number;
+    value: string;
     /**
-     * Specifies a regular expression string that overrides the default acceptable
-     * character validation. You should use this property only when absolutely necessary.
+     * Whether this is an existing tag for the resource. If set to `true`, deletion of the tag will set the `markedForRemoval` property to `true`. If set to `false`, deletion of the tag will remove the tag from the `tags` list.
      */
-    allowedCharacterPattern?: string;
+    existing: boolean;
     /**
-     * Specifies a function that returns all the keys for a resource.
-     * The expected return type of the function should be a promise that
-     * resolves to a list of strings of all the keys (for example, `['key1', 'key2']`).
+     * Whether this tag has been marked for removal. This property will be set to `true` by the component when a user tries to remove an existing tag. The item will remain in the `tags` list. When set to `true`, the user will be presented with the option to undo the removal operation.
      */
-    keysRequest?: (key: string) => Promise<ReadonlyArray<string>>;
+    markedForRemoval?: boolean;
     /**
-     * Specifies a function that returns all the values for a specified key
-     * of a resource. The expected return type of the function should be a promise
-     * that resolves to a list of strings of all the values (for example, `['value1', 'value2']`).
-     *
-     * You should return a rejected promise when the `key` parameter is an empty string.
+     * An array of suggested values for the specified tag key.
      */
-    valuesRequest?: (key: string, value: string) => Promise<ReadonlyArray<string>>;
+    valueSuggestionOptions?: ReadonlyArray<AutosuggestProps.Option>;
+  }
+  interface I18nStrings {
+    keyPlaceholder?: string;
+    valuePlaceholder?: string;
+    addButton?: string;
+    removeButton?: string;
+    undoButton?: string;
+    undoPrompt?: string;
+    loading?: string;
+    keyHeader?: string;
+    valueHeader?: string;
+    optional?: string;
+    keySuggestion?: string;
+    valueSuggestion?: string;
+    tooManyKeysSuggestion?: string;
+    tooManyValuesSuggestion?: string;
+    emptyTags?: string;
+    errorIconAriaLabel?: string;
+    keysSuggestionLoading?: string;
+    keysSuggestionError?: string;
+    valuesSuggestionError?: string;
+    valuesSuggestionLoading?: string;
+    emptyKeyError?: string;
+    maxKeyCharLengthError?: string;
+    maxValueCharLengthError?: string;
+    duplicateKeyError?: string;
+    invalidKeyError?: string;
+    invalidValueError?: string;
+    awsPrefixError?: string;
+    clearAriaLabel?: string;
+    itemRemovedAriaLive?: string;
+    tagLimit?: (availableTags: number, tagLimit: number) => string;
+    tagLimitReached?: (tagLimit: number) => string;
+    tagLimitExceeded?: (tagLimit: number) => string;
+    enteredKeyLabel?: (enteredText: string) => string;
+    enteredValueLabel?: (enteredText: string) => string;
+    removeButtonAriaLabel?: (item: TagEditorProps.Tag) => string;
+  }
+  interface ChangeDetail {
+    tags: ReadonlyArray<TagEditorProps.Tag>;
+    valid: boolean;
+  }
+  interface Ref {
     /**
-     * Called when any tag operation occurs.
-     * The event `detail` object contains the full updated state of `tags`,
-     * and whether the component is in a `valid` state.
+     * Focuses the first error within the component.
+     * If no error is present, no element is focused.
      */
-    onChange?: NonCancelableEventHandler<TagEditorProps.ChangeDetail>;
-}
-export declare namespace TagEditorProps {
-    interface Tag {
-        /**
-         * The key of the tag that will be displayed in the corresponding key field.
-         */
-        key: string;
-        /**
-         * The value of the tag that will be displayed in the corresponding value field.
-         */
-        value: string;
-        /**
-         * Whether this is an existing tag for the resource. If set to `true`, deletion of the tag will set the `markedForRemoval` property to `true`. If set to `false`, deletion of the tag will remove the tag from the `tags` list.
-         */
-        existing: boolean;
-        /**
-         * Whether this tag has been marked for removal. This property will be set to `true` by the component when a user tries to remove an existing tag. The item will remain in the `tags` list. When set to `true`, the user will be presented with the option to undo the removal operation.
-         */
-        markedForRemoval?: boolean;
-        /**
-         * An array of suggested values for the specified tag key.
-         */
-        valueSuggestionOptions?: ReadonlyArray<AutosuggestProps.Option>;
-    }
-    interface I18nStrings {
-        keyPlaceholder?: string;
-        valuePlaceholder?: string;
-        addButton?: string;
-        removeButton?: string;
-        undoButton?: string;
-        undoPrompt?: string;
-        loading?: string;
-        keyHeader?: string;
-        valueHeader?: string;
-        optional?: string;
-        keySuggestion?: string;
-        valueSuggestion?: string;
-        tooManyKeysSuggestion?: string;
-        tooManyValuesSuggestion?: string;
-        emptyTags?: string;
-        errorIconAriaLabel?: string;
-        keysSuggestionLoading?: string;
-        keysSuggestionError?: string;
-        valuesSuggestionError?: string;
-        valuesSuggestionLoading?: string;
-        emptyKeyError?: string;
-        maxKeyCharLengthError?: string;
-        maxValueCharLengthError?: string;
-        duplicateKeyError?: string;
-        invalidKeyError?: string;
-        invalidValueError?: string;
-        awsPrefixError?: string;
-        clearAriaLabel?: string;
-        itemRemovedAriaLive?: string;
-        tagLimit?: (availableTags: number, tagLimit: number) => string;
-        tagLimitReached?: (tagLimit: number) => string;
-        tagLimitExceeded?: (tagLimit: number) => string;
-        enteredKeyLabel?: (enteredText: string) => string;
-        enteredValueLabel?: (enteredText: string) => string;
-        removeButtonAriaLabel?: (item: TagEditorProps.Tag) => string;
-    }
-    interface ChangeDetail {
-        tags: ReadonlyArray<TagEditorProps.Tag>;
-        valid: boolean;
-    }
-    interface Ref {
-        /**
-         * Focuses the first error within the component.
-         * If no error is present, no element is focused.
-         */
-        focus(): void;
-    }
-}
-//# sourceMappingURL=interfaces.d.ts.map
+    focus(): void;
+  }
+}