@amboss/design-system 1.16.1 → 1.16.2-canary2

package/build/esm/scss/themes/dark.scss

@@ -1,111 +0,0 @@
-
-// Do not edit directly
-// Generated on Wed, 27 Sep 2023 10:11:30 GMT
-
-$dark-color-canvas: #1e2125;
-$dark-color-background-primary-default: #24282d;
-$dark-color-background-secondary-default: #282c34;
-$dark-color-background-secondary-hover: #393e47;
-$dark-color-background-secondary-active: #393e47;
-$dark-color-background-accent-default: #28816b;
-$dark-color-background-accent-hover: #41a48a;
-$dark-color-background-accent-active: #233d3d;
-$dark-color-background-accent-disabled: rgba(40, 129, 107, 0.3);
-$dark-color-background-onAccent-default: #ffffff;
-$dark-color-background-onAccent-hover: #ffffff;
-$dark-color-background-onAccent-active: #ffffff;
-$dark-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
-$dark-color-background-error-default: #a45355;
-$dark-color-background-error-hover: #d07c7c;
-$dark-color-background-error-active: #4d3237;
-$dark-color-background-error-disabled: rgba(164, 83, 85, 0.3);
-$dark-color-background-success-default: #28816b;
-$dark-color-background-info-default: #2f538a;
-$dark-color-background-warning-default: #a4792d;
-$dark-color-background-accentSubtle-default: #233d3d;
-$dark-color-background-errorSubtle-default: #312b31;
-$dark-color-background-successSubtle-default: #262e33;
-$dark-color-background-infoSubtle-default: #282e39;
-$dark-color-background-warningSubtle-default: #32302f;
-$dark-color-background-highlight-default: #40454f;
-$dark-color-background-highlight-hover: #393e47;
-$dark-color-background-contrast-default: #ced1d6;
-$dark-color-background-transparent-default: rgba(255, 255, 255, 0);
-$dark-color-background-transparent-hover: rgba(147, 151, 159, 0.08);
-$dark-color-background-transparent-active: rgba(147, 151, 159, 0.08);
-$dark-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
-$dark-color-text-primary-default: #ced1d6;
-$dark-color-text-primary-hover: #ffffff;
-$dark-color-text-secondary-default: #b9bcc3;
-$dark-color-text-secondary-hover: #ced1d6;
-$dark-color-text-tertiary-default: #93979f;
-$dark-color-text-tertiary-disabled: rgba(216, 218, 222, 0.3);
-$dark-color-text-tertiary-hover: #b9bcc3;
-$dark-color-text-quaternary-default: #757a84;
-$dark-color-text-accent-default: #41a48a;
-$dark-color-text-accent-hover: #a6f2dd;
-$dark-color-text-onAccent-default: #ffffff;
-$dark-color-text-onAccent-disabled: rgba(216, 218, 222, 0.3);
-$dark-color-text-info-default: #99c1fa;
-$dark-color-text-error-default: #f49a9a;
-$dark-color-text-error-disabled: rgba(244, 154, 154, 0.3);
-$dark-color-text-warning-default: #fae0b3;
-$dark-color-text-success-default: #a6f2dd;
-$dark-color-icon-primary: #d8dade;
-$dark-color-icon-secondary: #ced1d6;
-$dark-color-icon-tertiary: #93979f;
-$dark-color-icon-quaternary: #757a84;
-$dark-color-icon-accent: #41a48a;
-$dark-color-icon-onAccent: #ffffff;
-$dark-color-icon-info: #6e95cf;
-$dark-color-icon-error: #d07c7c;
-$dark-color-icon-warning: #cbac76;
-$dark-color-icon-success: #41a48a;
-$dark-color-icon-brand: #62b2bc;
-$dark-color-border-primary-default: #5b5f67;
-$dark-color-border-primary-hover: #757a84;
-$dark-color-border-primary-active: #93979f;
-$dark-color-border-primary-disabled: rgba(147, 151, 159, 0.08);
-$dark-color-border-secondary-default: rgba(147, 149, 159, 0.3);
-$dark-color-border-accent-default: #41a48a;
-$dark-color-border-error-default: #d07c7c;
-$dark-color-border-accentSubtle-default: #28816b;
-$dark-color-divider-primary: #40454f;
-$dark-color-divider-secondary: rgba(147, 151, 159, 0.08);
-$dark-color-toggle-background-highlight: #b2ab39;
-$dark-color-toggle-border-highlight: #b2ab39;
-$dark-color-badge-background-default: transparent;
-$dark-color-badge-background-green: transparent;
-$dark-color-badge-background-blue: transparent;
-$dark-color-badge-background-yellow: transparent;
-$dark-color-badge-background-brand: transparent;
-$dark-color-badge-background-purple: transparent;
-$dark-color-badge-background-red: transparent;
-$dark-color-badge-background-gray: transparent;
-$dark-color-badge-text-default: #ced1d6;
-$dark-color-badge-text-green: #41a48a;
-$dark-color-badge-text-blue: #6e95cf;
-$dark-color-badge-text-yellow: #cbac76;
-$dark-color-badge-text-brand: #62b2bc;
-$dark-color-badge-text-purple: #ad97f7;
-$dark-color-badge-text-red: #d07c7c;
-$dark-color-badge-text-gray: #93979f;
-$dark-color-badge-border-default: #393e47;
-$dark-color-badge-border-green: #393e47;
-$dark-color-badge-border-blue: #393e47;
-$dark-color-badge-border-yellow: #393e47;
-$dark-color-badge-border-brand: #393e47;
-$dark-color-badge-border-purple: #393e47;
-$dark-color-badge-border-red: #393e47;
-$dark-color-badge-border-gray: #393e47;
-$dark-color-segmented-progress-bar-monochrome: #ced1d6;
-$dark-color-segmented-progress-bar-success: #28816b;
-$dark-color-segmented-progress-bar-warning: #a4792d;
-$dark-color-segmented-progress-bar-alert: #a45355;
-$dark-color-segmented-progress-bar-in-progress: #5b5f67;
-$dark-color-tag-background-gray: #5b5f67;
-$dark-color-tag-background-blue: #2f538a;
-$dark-color-tag-text-gray: #ced1d6;
-$dark-color-tag-text-blue: #e7effe;
-$dark-color-destructive-tertiary-button-background-hover: rgba(164, 83, 85, 0.08);
-$dark-color-destructive-tertiary-button-background-active: rgba(164, 83, 85, 0.08);

package/build/esm/scss/themes/light.scss

@@ -1,111 +0,0 @@
-
-// Do not edit directly
-// Generated on Wed, 27 Sep 2023 10:11:30 GMT
-
-$light-color-canvas: #eef2f5;
-$light-color-background-primary-default: #ffffff;
-$light-color-background-secondary-default: #f5f7f9;
-$light-color-background-secondary-hover: #eef2f5;
-$light-color-background-secondary-active: #ffffff;
-$light-color-background-accent-default: #0fa980;
-$light-color-background-accent-hover: #0b8363;
-$light-color-background-accent-active: #0a5c45;
-$light-color-background-accent-disabled: rgba(15, 169, 128, 0.3);
-$light-color-background-onAccent-default: #ffffff;
-$light-color-background-onAccent-hover: #ffffff;
-$light-color-background-onAccent-active: #ffffff;
-$light-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
-$light-color-background-error-default: #dc4847;
-$light-color-background-error-hover: #c02725;
-$light-color-background-error-active: #c02725;
-$light-color-background-error-disabled: rgba(238, 97, 96, 0.3);
-$light-color-background-success-default: #0b8363;
-$light-color-background-info-default: #295dae;
-$light-color-background-warning-default: #df9411;
-$light-color-background-accentSubtle-default: #e8f8f4;
-$light-color-background-errorSubtle-default: #fde8e8;
-$light-color-background-successSubtle-default: #e8f8f4;
-$light-color-background-infoSubtle-default: #e7effe;
-$light-color-background-warningSubtle-default: #fef3e1;
-$light-color-background-highlight-default: #607585;
-$light-color-background-highlight-hover: #40515e;
-$light-color-background-contrast-default: #314554;
-$light-color-background-transparent-default: rgba(255, 255, 255, 0);
-$light-color-background-transparent-hover: rgba(96, 117, 133, 0.08);
-$light-color-background-transparent-active: rgba(96, 117, 133, 0.08);
-$light-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
-$light-color-text-primary-default: #1a1c1c;
-$light-color-text-primary-hover: #1a1c1c;
-$light-color-text-secondary-default: #40515e;
-$light-color-text-secondary-hover: #40515e;
-$light-color-text-tertiary-default: #607585;
-$light-color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
-$light-color-text-tertiary-hover: #40515e;
-$light-color-text-quaternary-default: #a3b2bd;
-$light-color-text-accent-default: #0b8363;
-$light-color-text-accent-hover: #0a5c45;
-$light-color-text-onAccent-default: #ffffff;
-$light-color-text-onAccent-disabled: rgba(255, 255, 255, 0.6);
-$light-color-text-info-default: #1c427d;
-$light-color-text-error-default: #c02725;
-$light-color-text-error-disabled: rgba(192, 39, 37, 0.3);
-$light-color-text-warning-default: #314554;
-$light-color-text-success-default: #0a5c45;
-$light-color-icon-primary: #1a1c1c;
-$light-color-icon-secondary: #40515e;
-$light-color-icon-tertiary: #607585;
-$light-color-icon-quaternary: #a3b2bd;
-$light-color-icon-accent: #0b8363;
-$light-color-icon-onAccent: #ffffff;
-$light-color-icon-info: #295dae;
-$light-color-icon-error: #dc4847;
-$light-color-icon-warning: #df9411;
-$light-color-icon-success: #0b8363;
-$light-color-icon-brand: #0aa6b8;
-$light-color-border-primary-default: #a3b2bd;
-$light-color-border-primary-hover: #607585;
-$light-color-border-primary-active: #40515e;
-$light-color-border-primary-disabled: rgba(163, 178, 189, 0.3);
-$light-color-border-secondary-default: rgba(163, 178, 189, 0.3);
-$light-color-border-accent-default: #0b8363;
-$light-color-border-error-default: #dc4847;
-$light-color-border-accentSubtle-default: #8adcc6;
-$light-color-divider-primary: #e0e6eb;
-$light-color-divider-secondary: rgba(163, 178, 189, 0.3);
-$light-color-toggle-background-highlight: #f3eb75;
-$light-color-toggle-border-highlight: #f3eb75;
-$light-color-badge-background-default: #ffffff;
-$light-color-badge-background-green: #e8f8f4;
-$light-color-badge-background-blue: #e7effe;
-$light-color-badge-background-yellow: #fef3e1;
-$light-color-badge-background-brand: #e7f6f8;
-$light-color-badge-background-purple: #f2effb;
-$light-color-badge-background-red: #fde8e8;
-$light-color-badge-background-gray: #eef2f5;
-$light-color-badge-text-default: #1a1c1c;
-$light-color-badge-text-green: #0b8363;
-$light-color-badge-text-blue: #295dae;
-$light-color-badge-text-yellow: #9a6304;
-$light-color-badge-text-brand: #067c89;
-$light-color-badge-text-purple: #5d44ab;
-$light-color-badge-text-red: #c02725;
-$light-color-badge-text-gray: #607585;
-$light-color-badge-border-default: #e0e6eb;
-$light-color-badge-border-green: #e8f8f4;
-$light-color-badge-border-blue: #e7effe;
-$light-color-badge-border-yellow: #fef3e1;
-$light-color-badge-border-brand: #e7f6f8;
-$light-color-badge-border-purple: #f2effb;
-$light-color-badge-border-red: #fde8e8;
-$light-color-badge-border-gray: #eef2f5;
-$light-color-segmented-progress-bar-monochrome: #607585;
-$light-color-segmented-progress-bar-success: #39d6ac;
-$light-color-segmented-progress-bar-warning: #f1d56b;
-$light-color-segmented-progress-bar-alert: #f07575;
-$light-color-segmented-progress-bar-in-progress: #e0e6eb;
-$light-color-tag-background-gray: #e0e6eb;
-$light-color-tag-background-blue: #d2e2f9;
-$light-color-tag-text-gray: #40515e;
-$light-color-tag-text-blue: #1c427d;
-$light-color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
-$light-color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);

package/build/esm/src/components/Badge/Badge.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { IconName } from "../Icon/Icon";
-export declare type BadgeProps = {
-    /** This is a text for a component property */
-    text: string;
-    /** A color doesn't reflect any intent other than to variety */
-    color?: `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;
-    icon?: IconName;
-    "data-e2e-test-id"?: string;
-};
-export declare function Badge({ text, color, icon, "data-e2e-test-id": dataE2eTestId, }: BadgeProps): React.ReactElement;

package/build/esm/src/components/Box/Box.d.ts

@@ -1,35 +0,0 @@
-import React, { AriaAttributes } from "react";
-import { SpaceSizes, TextAlignment, MQ } from "../../types";
-export declare type BoxProps = {
-    children: React.ReactNode[] | React.ReactNode;
-    /** Represents both vertical and horizontal paddings. When used alone, vertical and horizontal paddings will have the same value.
-     * Use "vSpace" prop to override vertical padding value in case you want it different.
-     * specify [small screen padding, medium screen padding, large screen padding] or one padding for all screen sizes
-     * */
-    space?: SpaceSizes | MQ<SpaceSizes>;
-    /** Represents vertical padding. Used to override the vertical padding from "space" prop.
-     * specify [small screen vertical padding, medium screen vertical padding, large screen vertical padding] or one padding for all screen sizes */
-    vSpace?: SpaceSizes | MQ<SpaceSizes>;
-    /** right padding * */
-    rSpace?: SpaceSizes | MQ<SpaceSizes>;
-    /** left padding * */
-    lSpace?: SpaceSizes | MQ<SpaceSizes>;
-    /** top padding * */
-    tSpace?: SpaceSizes | MQ<SpaceSizes>;
-    /** bottom padding * */
-    bSpace?: SpaceSizes | MQ<SpaceSizes>;
-    /** Text alignment prop.
-     * specify [small screen alignText, medium screen alignText, large screen alignText] or one alignText for all screen sizes */
-    alignText?: TextAlignment | MQ<TextAlignment>;
-    /** Aria property for assigning an accessible role to an element
-     * eg. dialog, tab, tooltip etc. */
-    role?: string;
-    /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)
-     */
-    ariaAttributes?: AriaAttributes;
-    "data-e2e-test-id"?: string;
-};
-export declare function Box({ children, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, role, ariaAttributes, "data-e2e-test-id": dataE2eTestId, }: BoxProps): React.ReactElement;
-export declare namespace Box {
-    var defaultProps: Partial<BoxProps>;
-}

package/build/esm/src/components/Button/Button.d.ts

@@ -1,33 +0,0 @@
-import React, { AriaAttributes } from "react";
-import { IconName } from "../Icon/Icon";
-import { BaseVariations, ButtonSize, HorizontalAlignment, TextVariations, PolymorphicComponentPropsWithRef, IconsColors } from "../../types";
-declare type ButtonPrivateProps = {
-    squareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
-    alignItems?: HorizontalAlignment;
-    rightIconVariant?: TextVariations;
-    rightIconColor?: IconsColors;
-};
-export declare type ButtonProps = {
-    variant?: BaseVariations;
-    size?: ButtonSize;
-    /** Type is ignored if "a" is provided to "as" property. Note that you can explicetly pass null. */
-    type?: "submit" | "button" | "reset" | null;
-    disabled?: boolean;
-    /** When loading is true, disabled is set to true as well. */
-    loading?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    onFocus?: (e: React.FocusEvent) => void;
-    onBlur?: (e: React.FocusEvent) => void;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    fullWidth?: boolean;
-    destructive?: boolean;
-    privateProps?: ButtonPrivateProps;
-    "data-e2e-test-id"?: string;
-    /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)
-     */
-    ariaAttributes?: AriaAttributes;
-};
-declare type ButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, ButtonProps>) => React.ReactElement | null;
-export declare const Button: ButtonComponent;
-export {};

package/build/esm/src/components/Callout/Callout.d.ts

@@ -1,14 +0,0 @@
-import React, { ReactElement } from "react";
-import { IconName } from "../Icon/Icon";
-import { CalloutVariations } from "../../types";
-export declare type CalloutProps = {
-    type?: CalloutVariations;
-    icon?: IconName;
-    "data-e2e-test-id"?: string;
-    text: string | ReactElement;
-    description?: string | ReactElement;
-};
-export declare function Callout({ text, description, type, icon, "data-e2e-test-id": dataE2eTestId, }: CalloutProps): React.ReactElement;
-export declare namespace Callout {
-    var defaultProps: Partial<CalloutProps>;
-}

package/build/esm/src/components/Card/Card.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { DropdownMenuProps } from "../DropdownMenu/DropdownMenu";
-export declare type CardProps = {
-    /** Specify title displayed in Header */
-    title?: string;
-    /** @deprecated Subtitle is now deprecated */
-    subtitle?: string;
-    /** @deprecated button property is deprecated now. Please use dropdown prop. */
-    button?: React.ReactElement;
-    dropdown?: Omit<DropdownMenuProps, "iconName" | "size">;
-    overflow?: "auto" | "hidden" | "visible";
-    squareCorners?: boolean;
-    children?: React.ReactNode;
-    "data-e2e-test-id"?: string;
-};
-export declare function Card({ title, subtitle, button, dropdown, children, overflow, squareCorners, "data-e2e-test-id": dataE2eTestId, }: CardProps): React.ReactElement;

package/build/esm/src/components/Card/CardBox.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare type CardBoxProps = {
-    children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-};
-export declare function CardBox({ children, "data-e2e-test-id": dataE2eTestId, }: CardBoxProps): React.ReactElement;

package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { DropdownMenuProps } from "../../DropdownMenu/DropdownMenu";
-export declare class CardHeaderProps {
-    title?: string;
-    /** @deprecated * */
-    subtitle?: string;
-    dropdown?: Omit<DropdownMenuProps, "iconName" | "size">;
-    /** @deprecated * */
-    button?: React.ReactElement;
-    "data-e2e-test-id"?: string;
-}
-export declare function CardHeader({ title, subtitle, button, dropdown, "data-e2e-test-id": dataE2eTestId, }: CardHeaderProps): React.ReactElement;

package/build/esm/src/components/Collapsible/Collapsible.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { Box } from "../Box/Box";
-export declare type CollapsibleProps = {
-    /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
-    children: [
-        React.ReactElement<CollapsibleHeaderProps>,
-        ...React.ReactElement[]
-    ];
-    isExpanded: boolean | undefined;
-};
-export declare type CollapsibleHeaderProps = {
-    onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
-} & React.ComponentProps<typeof Box>;
-export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
-export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;

package/build/esm/src/components/Column/Columns.d.ts

@@ -1,45 +0,0 @@
-import React from "react";
-import { MQ, HorizontalAlignment, SpaceSizes, VerticalAlignment, ColumnSizes, ColumnAlignment, Order } from "../../types";
-export declare type ColumnsProps = {
-    children: React.ReactNode[] | React.ReactNode;
-    /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings
-     * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes
-     */
-    gap?: SpaceSizes | MQ<SpaceSizes>;
-    /** set to true if you want the last element to fill the space
-     */
-    alwaysFillSpace?: boolean;
-    /** specify horizontal alignment
-     * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes
-     */
-    alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;
-    /** specify vertical alignment
-     * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes
-     */
-    vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;
-    "data-e2e-test-id"?: string;
-    /** @ignore */
-    "data-ds-id"?: string;
-};
-export declare type ColumnProps = {
-    children: React.ReactNode[] | React.ReactNode;
-    /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12
-     * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes
-     */
-    size?: ColumnSizes | MQ<ColumnSizes>;
-    /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes
-     */
-    order?: Order | MQ<Order>;
-    alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;
-    "data-e2e-test-id"?: string;
-    /** @ignore */
-    "data-ds-id"?: string;
-};
-export declare const Column: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-} & Partial<ColumnProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Columns: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any>;
-} & Partial<ColumnsProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/src/components/Container/Container.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { BorderRadius } from "src/types";
-export declare type ContainerProps = {
-    /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */
-    elevation: 0 | 1 | 2 | 3 | 4;
-    borderRadius?: BorderRadius;
-    overflow?: "auto" | "hidden" | "visible";
-    children?: React.ReactNode;
-    squareCorners?: boolean;
-    "data-e2e-test-id"?: string;
-    /** @ignore */
-    "data-ds-id"?: string;
-};
-export declare function Container({ children, elevation, borderRadius, overflow, squareCorners, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: ContainerProps): React.ReactElement;

package/build/esm/src/components/DataTable/DataTable.d.ts

@@ -1,58 +0,0 @@
-import React from "react";
-import type { DataTableColumn, DataTableRow } from "./types";
-import { MQ } from "../../types";
-export declare type DataTableProps = {
-    /** Screen reader text for table caption */
-    caption: string;
-    /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */
-    layout?: "auto" | "fixed";
-    /** Table width */
-    width?: string | MQ<string>;
-    /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */
-    bodyCellVerticalPadding?: "s" | "m" | "l" | MQ<"s" | "m" | "l">;
-    /** Height of empty/error or loading table content */
-    emptyTableContentHeight?: string | MQ<string>;
-    /** Footer element */
-    footer?: React.ReactElement;
-    /**
-     * Meta data for columns
-     * @param DataTableColumn[].name - Column name
-     * @param DataTableColumn[].label - Column label for display
-     * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'
-     * @param DataTableColumn[].width - Column width
-     * @param DataTableColumn[].renderCell - Callback to render custom cell content.
-     * @param DataTableColumn[].isSortable - Is table sortable by column
-     * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'
-     */
-    columns: DataTableColumn[];
-    /**
-     * Table content as an array of objects with values for each column
-     */
-    rows?: DataTableRow[];
-    /**
-     * Is loading data. You can display custom loading content with children prop.
-     */
-    isLoading?: boolean;
-    /** Screen reader text for loading spinner */
-    loadingStateScreenReaderText?: string;
-    /** Is empty or in error state. You can display custom empty/error content with children prop.
-     */
-    isEmpty?: boolean;
-    /**
-     * Is first column sticky on scroll
-     */
-    isFirstColumnSticky?: boolean;
-    "data-e2e-test-id"?: string;
-    /**  Column most recently used to sort data */
-    currentlySortedByColumn?: string;
-    /**
-     * Callback to handle sorting by column
-     */
-    /**
-     * Empty cell content.
-     */
-    emptyCellContent?: string;
-    onSort?: (columnName: string, desiredSortDirection: DataTableColumn["sortDirection"]) => void;
-};
-export declare function BaseDataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;
-export declare function DataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;

package/build/esm/src/components/DataTable/TableBody.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { DataTableProps } from "./DataTable";
-export declare type TableBodyProps = {
-    className?: string;
-    isTableScrolled: boolean;
-} & Pick<DataTableProps, "columns" | "rows" | "isLoading" | "loadingStateScreenReaderText" | "isEmpty" | "emptyTableContentHeight" | "bodyCellVerticalPadding" | "footer" | "isFirstColumnSticky" | "emptyCellContent">;
-declare function TableBody({ className, columns, rows, bodyCellVerticalPadding, isTableScrolled, isLoading, loadingStateScreenReaderText, isEmpty, emptyTableContentHeight, footer, children, isFirstColumnSticky, emptyCellContent, }: React.PropsWithChildren<TableBodyProps>): React.ReactElement;
-declare const _default: React.MemoExoticComponent<typeof TableBody>;
-export default _default;

package/build/esm/src/components/DataTable/TableCell.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { TableBodyProps } from "./TableBody";
-import type { DataTableColumn } from "./types";
-export declare type TableCellProps = {
-    alignColumn?: DataTableColumn["align"];
-    columnWidth?: DataTableColumn["width"];
-} & Pick<TableBodyProps, "isFirstColumnSticky" | "isTableScrolled">;
-declare const TableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    alignColumn?: DataTableColumn["align"];
-    columnWidth?: DataTableColumn["width"];
-} & Pick<TableBodyProps, "isFirstColumnSticky" | "isTableScrolled">, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export default TableCell;

package/build/esm/src/components/DataTable/TableHeader.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import type { DataTableProps } from "./DataTable";
-export declare type TableHeaderProps = {
-    className?: string;
-    isTableScrolled: boolean;
-} & Pick<DataTableProps, "columns" | "rows" | "onSort" | "currentlySortedByColumn" | "isFirstColumnSticky">;
-declare function TableHeader({ className, columns, isFirstColumnSticky, currentlySortedByColumn, isTableScrolled, onSort, }: TableHeaderProps): React.ReactElement;
-declare const _default: React.MemoExoticComponent<typeof TableHeader>;
-export default _default;

package/build/esm/src/components/DataTable/index.d.ts

@@ -1,4 +0,0 @@
-export type { DataTableColumn, DataTableRow } from "./types";
-export { DataTable, BaseDataTable } from "./DataTable";
-export type { DataTableProps } from "./DataTable";
-export { useDataTableSort } from "./useDataTableSort";

package/build/esm/src/components/DataTable/types.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { TextAlignment, MQ } from "../../types";
-export declare type DataTableRow = {
-    id: string;
-    [key: string]: any;
-};
-export declare type DataTableColumn = {
-    name: string;
-    label: string;
-    align?: TextAlignment | MQ<TextAlignment>;
-    width?: string | MQ<string>;
-    isSortable?: boolean;
-    sortDirection?: "asc" | "desc";
-    renderCell?: (row: DataTableRow) => React.ReactElement;
-};

package/build/esm/src/components/DataTable/useDataTableSort.d.ts

@@ -1,14 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-import type { DataTableColumn, DataTableRow } from "./types";
-import type { DataTableProps } from "./DataTable";
-declare type SortCompareFn = (a: DataTableRow, b: DataTableRow, columnName: DataTableColumn["name"], desiredSortDirection: DataTableColumn["sortDirection"]) => number;
-export declare function useDataTableSort(initialColumns: DataTableColumn[], initialRows: DataTableRow[], initialSortedByColumn?: DataTableColumn["name"], sortCompareFn?: SortCompareFn): {
-    columns: DataTableColumn[];
-    rows: DataTableRow[];
-    currentlySortedByColumn: DataTableColumn["name"];
-    handleSort: DataTableProps["onSort"];
-    setColumns: Dispatch<SetStateAction<DataTableColumn[]>>;
-    setRows: Dispatch<SetStateAction<DataTableRow[]>>;
-    setCurrentlySortedByColumn: Dispatch<SetStateAction<DataTableColumn["name"]>>;
-};
-export {};

package/build/esm/src/components/Divider/Divider.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare type DividerProps = {
-    "data-e2e-test-id"?: string;
-    text?: string;
-};
-export declare function Divider({ text, "data-e2e-test-id": dataE2eTestId, }: DividerProps): React.ReactElement;

package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,35 +0,0 @@
-import React from "react";
-import { VerticalPosition, HorizontalPosition } from "../../shared/useAutoPosition";
-import { MenuItemProps } from "./MenuItem";
-import { IconName } from "../Icon/Icon";
-import { ButtonSize } from "../../types";
-declare type Separator = "separator";
-export declare type DropdownItem = MenuItemProps | Separator;
-export declare type DropdownPrivateProps = {
-    dropdownSquareCorners?: boolean | ("TopLeft" | "TopRight" | "BottomLeft" | "BottomRight")[];
-};
-export declare type DropdownMenuProps = {
-    /** an array of menu items, contains "label" and "onSelect" */
-    menuItems: DropdownItem[];
-    /** the text variant of menu items */
-    menuItemTextVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
-    label?: string;
-    iconName?: IconName;
-    size?: ButtonSize;
-    disabled?: boolean;
-    /** Dropdown menu open state callback */
-    onMenuOpen?: (e: React.MouseEvent) => void;
-    /** Dropdown menu close state callback */
-    onMenuClose?: (e: React.MouseEvent) => void;
-    privateProps?: DropdownPrivateProps;
-    "data-e2e-test-id"?: string;
-};
-export declare type MenuPositionProps = {
-    verticalPosition: VerticalPosition;
-    horizontalPosition: HorizontalPosition;
-};
-export declare function DropdownMenu({ menuItems, menuItemTextVariant, label, iconName, size, disabled, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, }: DropdownMenuProps): React.ReactElement;
-export declare namespace DropdownMenu {
-    var defaultProps: Partial<DropdownMenuProps>;
-}
-export {};

package/build/esm/src/components/DropdownMenu/MenuItem.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { ButtonSize } from "../../types";
-import { IconName } from "../Icon/Icon";
-export declare type MenuItemProps = {
-    children?: React.ReactNode;
-    /** The text for the menu item */
-    label: string;
-    /** The size of the menu item */
-    size?: ButtonSize;
-    /** Menu item disabled state */
-    disabled?: boolean;
-    /** On select menu item callback */
-    onSelect: (e: React.MouseEvent) => void;
-    icon?: IconName;
-    emphasized?: boolean;
-    textVariant?: "uppercase" | "capitalize" | "lowercase" | "none";
-    onBlur?: (e: React.FocusEvent) => void;
-};
-export declare function MenuItem({ label, size, disabled, onSelect, icon, emphasized, textVariant, onBlur, }: MenuItemProps): React.ReactElement;