@cumulus-ui/components 0.1.0

package/dist/tabs/interfaces.d.ts

@@ -0,0 +1,214 @@
+import { ButtonProps } from '../button/interfaces.js';
+import { ContainerProps } from '../container/interfaces.js';
+export interface TabsProps {
+    /**
+     * 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` (unknown) - Tab label shown in the UI.
+     * - `content` (unknown) - (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` (unknown) - (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>;
+    /** @slot actions — Actions for the tabs header, displayed next to the list of tabs */
+    /**
+     * 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;
+    /** @event change — CustomEvent<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';
+    /**
+     * An object containing CSS properties to customize the tabs' visual appearance.
+     * Refer to the [style](/components/tabs/?tabId=style) tab for more details.
+     */
+    style?: TabsProps.Style;
+}
+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: unknown;
+        /**
+         * Tab content to render in the container.
+         */
+        content?: unknown;
+        /**
+         * 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?: unknown;
+        /**
+         * (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;
+    }
+    interface Style {
+        container?: ContainerProps.Style;
+        tab?: {
+            backgroundColor?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            borderColor?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            color?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            fontSize?: string;
+            fontWeight?: string;
+            focusRing?: FocusRingStyle;
+            paddingBlock?: string;
+            paddingInline?: string;
+            activeIndicator?: {
+                color?: string;
+                width?: string;
+                borderRadius?: string;
+            };
+        };
+        tabSeparator?: {
+            color?: string;
+            width?: string;
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/tabs/interfaces.d.ts.map

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

package/dist/tag-editor/interfaces.d.ts

@@ -0,0 +1,121 @@
+import { AutosuggestProps } from '../autosuggest/interfaces.js';
+export interface TagEditorProps {
+    /**
+     * 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>>;
+}
+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

package/dist/tag-editor/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/tag-editor/interfaces.ts"],"names":[],"mappings":"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"}

package/dist/text-content/index.d.ts

@@ -0,0 +1,5 @@
+import { CsTextContentInternal } from './internal.js';
+export declare class CsTextContent extends CsTextContentInternal {
+}
+export type { TextContentProps } from './interfaces.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/text-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,qBAAa,aAAc,SAAQ,qBAAqB;CAAG;AAI3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/text-content/interfaces.d.ts

@@ -0,0 +1,3 @@
+export interface TextContentProps {
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/text-content/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/text-content/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;CAEhC"}

package/dist/text-content/internal.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class CsTextContentInternal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=internal.d.ts.map

package/dist/text-content/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/text-content/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,qBAAa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,4BAA+C;IAE5D,MAAM;CAOhB"}

package/dist/text-content/styles.d.ts

@@ -0,0 +1,5 @@
+import { sharedStyles } from '../internal/styles/shared.js';
+export declare const componentStyles: import("lit").CSSResult;
+export { componentStyles as textContentStyles };
+export { sharedStyles };
+//# sourceMappingURL=styles.d.ts.map

package/dist/text-content/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/text-content/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAO,MAAM,eAAe,yBA6N3B,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/text-filter/interfaces.d.ts

@@ -0,0 +1,102 @@
+import { InputAutoCorrect } from '../input/interfaces.js';
+export interface TextFilterProps extends InputAutoCorrect {
+    /**
+     * The current value of the filtering input.
+     */
+    filteringText: string;
+    /**
+     * Placeholder for the filtering input.
+     */
+    filteringPlaceholder?: string;
+    /**
+     * Label for the filtering input clear button.
+     */
+    filteringClearAriaLabel?: string;
+    /**
+     * Accepts a human-readable, localized string that indicates the number of results. For example, "1 match" or "165 matches."
+     * If the total number of results is unknown, also include an indication that there may be more results than
+     * the number listed. For example, "25+ matches."
+     *
+     * The count text is only displayed when `filteringText` isn't empty.
+     * When the `countText` or `filteringText` changes, it will be announced to assistive technologies.
+     */
+    countText?: string;
+    /**
+     * Set to `true` while the related collection is loading (e.g. during an async filtering action).
+     * If set to `true`, the live announcement of countText by assistive technologies will be paused until it changes back to `false`.
+     */
+    loading?: boolean;
+    /**
+     * Specifies if the filtering input is disabled.
+     * For example, you can use it if you are fetching new items upon filtering change
+     * in order to prevent the user from changing the filtering text.
+     */
+    disabled?: boolean;
+    /**
+     * Adds an `aria-label` on the filtering input.
+     */
+    filteringAriaLabel?: string;
+    /** @event change — CustomEvent<TextFilterProps.ChangeDetail> */
+    /** @event delayedChange — CustomEvent<TextFilterProps.ChangeDetail> */
+    /**
+     * An object containing CSS properties to customize the text filter's visual appearance.
+     * Refer to the [style](/components/text-filter/?tabId=style) tab for more details.
+     */
+    style?: TextFilterProps.Style;
+}
+export declare namespace TextFilterProps {
+    interface ChangeDetail {
+        filteringText: string;
+    }
+    interface Ref {
+        /**
+         * Sets focus on the underlying input control.
+         */
+        focus(): void;
+    }
+    interface Style {
+        root?: {
+            backgroundColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            color?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            fontSize?: string;
+            fontWeight?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        placeholder?: {
+            color?: string;
+            fontSize?: string;
+            fontStyle?: string;
+            fontWeight?: string;
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/text-filter/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gEAAgE;IAChE,uEAAuE;IACvE;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;CAC/B;AACD,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC;IACvC,UAAU,YAAY;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB;IACD,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IACD,UAAU,KAAK;QACb,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}

package/dist/textarea/interfaces.d.ts

@@ -0,0 +1,83 @@
+import { BaseInputProps, InputAutoComplete, InputAutoCorrect, InputKeyEvents, InputSpellcheck } from '../input/interfaces.js';
+import { BaseKeyDetail } from '../internal/generated/cloudscape-types.js';
+export interface TextareaProps extends Omit<BaseInputProps, 'nativeInputAttributes'>, InputKeyEvents, InputAutoCorrect, InputAutoComplete, InputSpellcheck {
+    /**
+     * Specifies the number of lines of text to set the height to.
+     */
+    rows?: number;
+    /**
+     * Specifies whether to disable browser spellcheck feature.
+     * If you set this to `true`, it disables native browser capability
+     * that checks for spelling/grammar errors.
+     * If you don't set it, the behavior follows the default behavior
+     * of the user's browser.
+     *
+     * @deprecated Use the `spellcheck` property instead.
+     */
+    disableBrowserSpellcheck?: boolean;
+    /**
+     * An object containing CSS properties to customize the textarea's visual appearance.
+     * Refer to the [style](/components/textarea/?tabId=style) tab for more details.
+     */
+    style?: TextareaProps.Style;
+}
+export declare namespace TextareaProps {
+    type KeyDetail = BaseKeyDetail;
+    interface ChangeDetail {
+        /**
+         * The new value of this textarea.
+         */
+        value: string;
+    }
+    interface Ref {
+        /**
+         * Sets input focus on the textarea control.
+         */
+        focus(): void;
+    }
+    interface Style {
+        root?: {
+            backgroundColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            color?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            fontSize?: string;
+            fontWeight?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        placeholder?: {
+            color?: string;
+            fontSize?: string;
+            fontStyle?: string;
+            fontWeight?: string;
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/textarea/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/textarea/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9H,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe;IACxJ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AACD,MAAM,CAAC,OAAO,WAAW,aAAa,CAAC;IACrC,KAAK,SAAS,GAAG,aAAa,CAAC;IAC/B,UAAU,YAAY;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IACD,UAAU,KAAK;QACb,IAAI,CAAC,EAAE;YACL,eAAe,CAAC,EAAE;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,WAAW,CAAC,EAAE;gBACZ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE;gBACV,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;KACH;CACF"}

package/dist/tiles/index.d.ts

@@ -0,0 +1,5 @@
+import { CsTilesInternal } from './internal.js';
+export declare class CsTiles extends CsTilesInternal {
+}
+export type { TilesProps } from './interfaces.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/tiles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tiles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,qBAAa,OAAQ,SAAQ,eAAe;CAAG;AAI/C,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}