@cumulus-ui/components 0.1.0

package/dist/box/interfaces.d.ts

@@ -0,0 +1,131 @@
+export interface BoxProps {
+    /**
+     * Defines the style of element to display.
+     *
+     * - If you set it to `'div'`, `'span'`, `'h1'`, `'h2'`, `'h3'`, `'h4'`, `'h5'`, `'p'`, `'strong'`, `'small'`, `'code'`, `'pre'`, or `'samp'`, the variant is also used as the HTML tag name.
+     * - If you set it to `awsui-key-label`, the component will render a `div`,
+     *   styled for use as a key label in key-value pairs.
+     * - If you set it to `awsui-gen-ai-label`, the component will render a `div`,
+     *   styled for use as a label indicating that content is produced by generative AI.
+     * - If you set it to `awsui-value-large`, the component will render a `span`,
+     *   styled using "Display large light" typography.
+     * - If you set it to `awsui-inline-code`, the component will render a `code` element,
+     *   styled with a background and padding for inline code snippets.
+     *
+     * Override the HTML tag by using property `tagOverride`.
+     */
+    variant?: BoxProps.Variant;
+    /**
+     * Overrides the default HTML tag provided by the variant.
+     */
+    tagOverride?: string;
+    /**
+     * Overrides the display of the element. You can set it to the following values:
+     *
+     * - `block` - Specifies block display.
+     * - `inline` - Specifies inline display.
+     * - `inline-block` - Specifies inline-block display.
+     * - `none` - Hides the box.
+     *
+     * Note: If you don't set it, the display depends on the variant.
+     */
+    display?: BoxProps.Display;
+    /**
+     * Adds margins to the element. It can be the following:
+     *
+     * - A single string with a size. This applies the same margin to all sides (that is, top, right, bottom, left).
+     * - An object specifying the size of the margin per side. The object has the following format:
+     * ```
+     * {
+     *   top: "size of top margin",
+     *   right: "size of right margin",
+     *   bottom: "size of bottom margin",
+     *   left: "size of left margin",
+     *   horizontal: "size of left and right margin",
+     *   vertical: "size of top and bottom margin",
+     * }
+     * ```
+     *
+     * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.
+     * Sizes are automatically scaled down in compact mode.
+     *
+     *  For example, `margin="s"` adds a small margin to all sides.
+     * `margin={{ right: "l", bottom: "s" }}` adds a small margin to the bottom and a large margin to the right.
+     */
+    margin?: BoxProps.SpacingSize | BoxProps.Spacing;
+    /**
+     * Adds padding to the element. It can be the following:
+     *
+     * - A single string with a size. This applies the same padding to all sides (that is, top, right, bottom, left).
+     * - An object specifying the size of padding per side. The object has the following format:
+     * ```
+     * {
+     *   top: "size of top padding",
+     *   right: "size of right padding",
+     *   bottom: "size of bottom padding",
+     *   left: "size of left padding",
+     *   horizontal: "size of left and right padding",
+     *   vertical: "size of top and bottom padding",
+     * }
+     * ```
+     *
+     * The size can be `n`, `xxxs`, `xxs`, `xs`, `s`, `m`, `l`, `xl`, `xxl`, `xxxl`, where `n` stands for none.
+     * Sizes are automatically scaled down in compact mode.
+     *
+     *  For example, `padding="s"` adds small padding to all sides.
+     * `padding={{ right: "l", bottom: "s" }}` adds small padding to the bottom and large padding to the right.
+     */
+    padding?: BoxProps.SpacingSize | BoxProps.Spacing;
+    /**
+     * Defines the text alignment within the element. You can set it to `left`, `center`, or `right`.
+     */
+    textAlign?: BoxProps.TextAlign;
+    /**
+     * Defines the floating behavior. You can set it to `left` or `right`.
+     */
+    float?: BoxProps.Float;
+    /**
+     * Overrides the font size and line height. If not set, the font size and line height depend on the variant.
+     */
+    fontSize?: BoxProps.FontSize;
+    /**
+     * Overrides the font weight. If not set, the value depends on the variant.
+     * @visualrefresh 'heavy'
+     */
+    fontWeight?: BoxProps.FontWeight;
+    /**
+     * Overrides the text color. You can set it to the following values:
+     *
+     * - `inherit` - Inherits the color from the parent element. For example, use this to style content
+     *      in Flashbars and to style the `empty` and `noMatch` slots of the Table and Cards components.
+     * - `text-label` - Specifies the text color for non-form labels. For example, use it for the key in key/value pairs.
+     * - `text-body-secondary` - Specifies the color for secondary text.
+     * - `text-status-error` - Specifies the color for error text and icons.
+     * - `text-status-success` - Specifies the color for success text and icons.
+     * - `text-status-info` - Specifies the color for info text and icon.
+     * - `text-status-inactive` - Specifies the color for inactive and loading text and icons.
+     * - `text-status-warning` - Specifies the color for warning text and icons.
+     *
+     * Note: If you don't set it, the text color depends on the variant.
+     */
+    color?: BoxProps.Color;
+}
+export declare namespace BoxProps {
+    type Variant = 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'small' | 'code' | 'pre' | 'samp' | 'awsui-key-label' | 'awsui-gen-ai-label' | 'awsui-value-large' | 'awsui-inline-code';
+    type Display = 'block' | 'inline' | 'inline-block' | 'none';
+    type TextAlign = 'left' | 'center' | 'right';
+    type Float = 'left' | 'right';
+    type FontSize = 'body-s' | 'body-m' | 'heading-xs' | 'heading-s' | 'heading-m' | 'heading-l' | 'heading-xl' | 'display-l';
+    type FontWeight = 'light' | 'normal' | 'bold' | 'heavy';
+    type Color = 'inherit' | 'text-label' | 'text-body-secondary' | 'text-status-error' | 'text-status-success' | 'text-status-info' | 'text-status-inactive' | 'text-status-warning';
+    type SpacingSize = 'n' | 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
+    interface Spacing {
+        top?: BoxProps.SpacingSize;
+        right?: BoxProps.SpacingSize;
+        bottom?: BoxProps.SpacingSize;
+        left?: BoxProps.SpacingSize;
+        horizontal?: BoxProps.SpacingSize;
+        vertical?: BoxProps.SpacingSize;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/box/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IACjD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAClD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CAExB;AACD,MAAM,CAAC,OAAO,WAAW,QAAQ,CAAC;IAChC,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;IAC7M,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAC;IAC5D,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC9B,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IAC1H,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxD,KAAK,KAAK,GAAG,SAAS,GAAG,YAAY,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,kBAAkB,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;IAClL,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzF,UAAU,OAAO;QACf,GAAG,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC7B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAC5B,UAAU,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;QAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;KACjC;CACF"}

package/dist/box/internal.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import type { BoxProps } from './interfaces.js';
+export declare class CsBoxInternal extends LitElement {
+    static styles: import("lit").CSSResult[];
+    variant: BoxProps.Variant;
+    tagOverride?: string;
+    display?: BoxProps.Display;
+    margin?: BoxProps.SpacingSize | BoxProps.Spacing;
+    padding?: BoxProps.SpacingSize | BoxProps.Spacing;
+    textAlign?: BoxProps.TextAlign;
+    float?: BoxProps.Float;
+    fontSize?: BoxProps.FontSize;
+    fontWeight?: BoxProps.FontWeight;
+    color?: BoxProps.Color;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderTag;
+}
+//# sourceMappingURL=internal.d.ts.map

package/dist/box/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/box/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAkEhD,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAS;IAGlC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAG3B,MAAM,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGjD,OAAO,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC;IAGlD,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAG/B,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAGvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAG7B,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IAGjC,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IAEd,MAAM;IAmBf,OAAO,CAAC,UAAU;CAgCnB"}

package/dist/box/styles.d.ts

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

package/dist/box/styles.d.ts.map

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

package/dist/breadcrumb-group/interfaces.d.ts

@@ -0,0 +1,53 @@
+import { LinkItem } from '../button-dropdown/interfaces.js';
+import { BaseNavigationDetail } from '../internal/generated/cloudscape-types.js';
+export interface BreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item> {
+    /**
+     * An array of breadcrumb items that describes the link hierarchy for this navigation.
+     * Each option has the following properties:
+        * * `text` (string) - Specifies the title text of the breadcrumb item.
+     * * `href` (string) - Specifies the URL for the link in the breadcrumb item.
+     * You should specify the link even if you have a click handler for a breadcrumb item
+     * to ensure that valid markup is generated.
+        * Note: The last breadcrumb item is automatically considered the current item, and it's
+     * not a link.
+     */
+    items: ReadonlyArray<T>;
+    /**
+     * Provides an `aria-label` to the breadcrumb group that screen readers can read (for accessibility).
+     */
+    ariaLabel?: string;
+    /**
+     * Provides an `aria-label` to the ellipsis button that screen readers can read (for accessibility).
+     * @i18n
+     */
+    expandAriaLabel?: string;
+}
+export declare namespace BreadcrumbGroupProps {
+    interface Item {
+        text: string;
+        href: string;
+    }
+    interface ClickDetail<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item> extends BaseNavigationDetail {
+        item: T;
+        text: string;
+        href: string;
+    }
+}
+export type InternalBreadcrumbGroupProps<T extends BreadcrumbGroupProps.Item = BreadcrumbGroupProps.Item> = BreadcrumbGroupProps<T> & InternalBaseComponentProps & {
+    __injectAnalyticsComponentMetadata?: boolean;
+};
+export interface BreadcrumbItemProps<T extends BreadcrumbGroupProps.Item> {
+    item: T;
+    itemIndex: number;
+    totalCount: number;
+    isTruncated?: boolean;
+    isGhost?: boolean;
+}
+export interface EllipsisDropdownProps {
+    ariaLabel?: BreadcrumbGroupProps['expandAriaLabel'];
+    dropdownItems: ReadonlyArray<LinkItem>;
+    /** @event dropdownItemClick — CustomEvent<{ id: string; }> */
+    /** @event dropdownItemFollow — CustomEvent<{ id: string; }> */
+    visible?: boolean;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/breadcrumb-group/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/breadcrumb-group/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI;IACnG;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAG1B;AACD,MAAM,CAAC,OAAO,WAAW,oBAAoB,CAAC;IAC5C,UAAU,IAAI;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;IACD,UAAU,WAAW,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,CAAE,SAAQ,oBAAoB;QACjH,IAAI,EAAE,CAAC,CAAC;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd;CACF;AACD,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,GAAG,oBAAoB,CAAC,IAAI,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAAG,0BAA0B,GAAG;IACjK,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AACF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI;IACtE,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CAGnB;AACD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACpD,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,8DAA8D;IAC9D,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/button/interfaces.d.ts

@@ -0,0 +1,190 @@
+import { IconProps } from '../icon/interfaces.js';
+import { ClickDetail as _ClickDetail, BaseNavigationDetail } from '../internal/generated/cloudscape-types.js';
+export interface BaseButtonProps {
+    /**
+     * Renders the button as disabled and prevents clicks.
+     */
+    disabled?: boolean;
+    /**
+     * Provides a reason why the button is disabled (only when `disabled` is `true`).
+     * If provided, the button becomes focusable.
+     * Applicable for all button variants, except link.
+     */
+    disabledReason?: string;
+    /**
+     * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.
+     * It prevents users from clicking the button, but it can still be focused.
+     */
+    loading?: boolean;
+    /**
+     * Specifies the text that screen reader announces when the button is in a loading state.
+     */
+    loadingText?: string;
+    /**
+     * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.
+     */
+    iconName?: IconProps.Name;
+    /**
+     * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
+     *
+     * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.
+     */
+    iconUrl?: string;
+    /** @slot iconSvg — Specifies the SVG of a custom icon */
+    /**
+     * Adds `aria-label` to the button element. Use this to provide an accessible name for buttons
+     * that don't have visible text, and to distinguish between multiple buttons with identical visible text.
+     * The text will also be added to the `title` attribute of the button.
+     */
+    ariaLabel?: string;
+    /**
+     * Adds `aria-describedby` to the button.
+     */
+    ariaDescribedby?: string;
+    /**
+     * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.
+     */
+    wrapText?: boolean;
+    /** @slot default — Text displayed in the button element */
+    /**
+     * Adds `aria-controls` to the button. Use when the button controls the contents or presence of an element.
+     */
+    ariaControls?: string;
+    /**
+     * Adds an external icon after the button label text.
+     * If an href is provided, it opens the link in a new tab.
+     */
+    external?: boolean;
+    /**
+     * An object containing all the necessary localized strings required by the component. The object should contain:
+     *
+     * * `externalIconAriaLabel` - (optional) Specifies the aria-label for the external icon when `external` is set to `true`.
+     * @i18n
+     */
+    i18nStrings?: ButtonProps.I18nStrings;
+}
+export interface ButtonProps extends BaseButtonProps {
+    /**
+     * Specifies the alignment of the icon.
+     */
+    iconAlign?: ButtonProps.IconAlign;
+    /**
+     * The form action that is performed by a button click.
+     */
+    formAction?: ButtonProps.FormAction;
+    /**
+     * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).
+     * For example, if you have a 'help' button that links to a documentation page.
+     */
+    href?: string;
+    /**
+     * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).
+     * This property only applies when an `href` is provided.
+     */
+    target?: string;
+    /**
+     * Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to "noopener noreferrer" when `target` is `"_blank"`.
+     * If the `rel` property is provided, it overrides the default behavior.
+     */
+    rel?: string;
+    /**
+     * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.
+     * You can specify a string value that will be suggested as the name of the downloaded file.
+     * This property only applies when an `href` is provided.
+     **/
+    download?: boolean | string;
+    /** The id of the <form> element to associate with the button. The value of this attribute must be the id of a <form> in the same document.
+     *  Use when a button is not the descendant of a form element, such as when used in a modal.
+     */
+    form?: string;
+    /**
+     * Adds aria-expanded to the button element. Use when the button controls an expandable element.
+     */
+    ariaExpanded?: boolean;
+    /**
+     * Adds `aria-haspopup` to the button element. Use when the button triggers a popup element such as a menu, listbox, tree, grid, or dialog.
+     */
+    ariaHaspopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /** @event click — CustomEvent<ButtonProps.ClickDetail> */
+    /** @event follow — CustomEvent<ButtonProps.FollowDetail> */
+    /**
+     * Sets the button width to be 100% of the parent container width. Button content is centered.
+     */
+    fullWidth?: boolean;
+    /** Determines the general styling of the button as follows:
+     * * `primary` for primary buttons.
+     * * `normal` for secondary buttons.
+     * * `link` for tertiary buttons.
+     * * `icon` to display an icon only (no text).
+     * * `inline-icon` to display an icon-only (no text) button within a text context.
+     * * `inline-link` to display a tertiary button with no outer padding.
+     */
+    variant?: ButtonProps.Variant;
+    /**
+     * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.
+     * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.
+     */
+    iconAlt?: string;
+    /**
+     * An object containing CSS properties to customize the button's visual appearance.
+     * Refer to the [style](/components/button/?tabId=style) tab for more details.
+     */
+    style?: ButtonProps.Style;
+}
+export declare namespace ButtonProps {
+    type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon' | 'inline-link';
+    type ClickDetail = _ClickDetail;
+    type FollowDetail = BaseNavigationDetail;
+    type FormAction = 'submit' | 'none';
+    type IconAlign = 'left' | 'right';
+    interface I18nStrings {
+        /**
+         * Specifies the aria-label for the external icon when `external` is set to `true`.
+         */
+        externalIconAriaLabel?: string;
+    }
+    interface Ref {
+        /**
+         * Focuses the underlying native button.
+         */
+        focus(options?: FocusOptions): void;
+    }
+    interface Style {
+        root?: {
+            background?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            borderColor?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            color?: {
+                active?: string;
+                default?: string;
+                disabled?: string;
+                hover?: string;
+            };
+            focusRing?: {
+                borderColor?: string;
+                borderRadius?: string;
+                borderWidth?: string;
+            };
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

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