@equisoft/design-elements-react 6.2.1-snapshot.20240524131739 → 6.3.0

package/dist/bundle.js.LICENSE.txt

@@ -5,15 +5,15 @@ object-assign
 */
 
 /*!
-  Copyright (c) 2015 Jed Watson.
-  Based on code that is Copyright 2013-2015, Facebook, Inc.
-  All rights reserved.
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
 */
 
 /*!
-  react-datepicker v6.9.0
-  https://github.com/Hacker0x01/react-datepicker
-  Released under the MIT License.
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
 */
 
 /*!
@@ -28,33 +28,6 @@ object-assign
  * http://api.jqueryui.com/category/ui-core/
  */
 
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-
-/**
-   * react-table
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
-/**
-   * table-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
 /** @license React v17.0.2
  * react-dom-server.browser.production.min.js
  *

package/dist/components/accordion/accordion.d.ts

@@ -14,7 +14,6 @@ interface AccordionProps {
     id?: string;
     items: ItemsProps[];
     mode?: 'single' | 'multi';
-    onToggle?: (itemId: string, expanded: boolean) => void;
 }
 export declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Accordion: React.FC<AccordionProps>;

package/dist/components/buttons/abstract-button.d.ts

@@ -1,26 +1,23 @@
 import { ButtonHTMLAttributes } from 'react';
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { ResolvedTheme } from '../../themes/theme';
+import { Theme } from '../../themes';
 type Size = 'small' | 'medium';
 export declare const defaultButtonStyles: FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    $focusable?: boolean | undefined;
     isMobile: boolean;
     size?: Size | undefined;
 }, import("styled-components").DefaultTheme>>;
 interface AbstractButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    focusable?: boolean;
     isMobile: boolean;
     size?: Size;
 }
 export declare const AbstractButton: import("react").ForwardRefExoticComponent<AbstractButtonProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary';
+export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'destructive-secondary';
 export interface ButtonTypeStyles {
     buttonType: ButtonType;
-    focusable?: boolean;
     inverted?: boolean;
-    theme: ResolvedTheme;
+    theme: Theme;
 }
-export declare const getButtonTypeStyles: (props: ButtonTypeStyles) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;
+export declare const getButtonTypeStyles: (props: ButtonTypeStyles) => FlattenInterpolation<ThemeProps<Theme>>;
 export {};

package/dist/components/buttons/button.d.ts

@@ -1,9 +1,8 @@
-import { FocusEventHandler, KeyboardEvent, MouseEvent } from 'react';
-import { IconName } from '../icon/icon';
+import { KeyboardEvent, MouseEvent } from 'react';
 import { ButtonType } from './abstract-button';
-export type Size = 'small' | 'medium';
-export type Type = 'submit' | 'button' | 'reset';
-export interface ButtonProps {
+type Size = 'small' | 'medium';
+type Type = 'submit' | 'button' | 'reset';
+interface ButtonProps {
     id?: string;
     autofocus?: boolean;
     /**
@@ -13,10 +12,6 @@ export interface ButtonProps {
     buttonType: ButtonType;
     className?: string;
     disabled?: boolean;
-    /**
-     * @default true
-     */
-    focusable?: boolean;
     inverted?: boolean;
     label?: string;
     /**
@@ -26,13 +21,10 @@ export interface ButtonProps {
     size?: Size;
     title?: string;
     type?: Type;
-    leftIconName?: IconName;
-    rightIconName?: IconName;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
     onKeyDown?(event: KeyboardEvent<HTMLButtonElement>): void;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/buttons/icon-button.d.ts

@@ -1,12 +1,37 @@
-import { ReactElement } from 'react';
+import { KeyboardEvent, MouseEvent, ReactElement } from 'react';
 import { AvatarProps } from '../avatar/avatar';
 import { IconName, IconProps } from '../icon/icon';
-import { ButtonProps } from './button';
-export interface IconButtonProps extends ButtonProps {
+import { ButtonType } from './abstract-button';
+type Size = 'small' | 'medium';
+type Type = 'submit' | 'button' | 'reset';
+export interface IconButtonProps {
+    autofocus?: boolean;
     children?: ReactElement<IconProps | AvatarProps>;
+    /**
+     * Visual style
+     * @default primary
+     */
+    buttonType: ButtonType;
+    className?: string;
+    disabled?: boolean;
+    inverted?: boolean;
     /**
      * Name of the desired icon (refer to icon library)
      */
     iconName: IconName;
+    /**
+     * Sets aria-label
+     */
+    label?: string;
+    /**
+     * Size variant
+     * @default medium
+     */
+    size?: Size;
+    title?: string;
+    type?: Type;
+    onClick?(event: MouseEvent<HTMLButtonElement>): void;
+    onKeyDown?(event: KeyboardEvent<HTMLButtonElement>): void;
 }
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FunctionComponent, PropsWithChildren } from 'react';
-export interface CheckboxProps {
+interface Props {
     checked?: boolean;
     className?: string;
     defaultChecked?: boolean;
@@ -11,4 +11,5 @@ export interface CheckboxProps {
     value?: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const Checkbox: FunctionComponent<PropsWithChildren<CheckboxProps>>;
+export declare const Checkbox: FunctionComponent<PropsWithChildren<Props>>;
+export {};

package/dist/components/date-picker/utils/datepicker-utils.d.ts

@@ -9,8 +9,3 @@ export declare function getLocaleDatePlaceholder(locale?: Locale): string;
 export declare function getLocaleMonthsOptions(locale: Locale): DropdownListOption[];
 export declare function getYearsOptions(minDate?: Date | null, maxDate?: Date | null): DropdownListOption[];
 export declare function setLocaleFirstDayOfWeek(locale: Locale, dayOfWeek?: DayOfWeek): void;
-/**
- * The version of format as only numbers (ex: "yyyy-MM-dd" would become "yyyyMMdd").
- * Note that Month and Day are always converted to the 2 digits format.
- */
-export declare function getNumericalDateFormat(dateFormat: string): string | null;

package/dist/components/device-context-provider/device-context-provider.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { Breakpoints } from '../../legacy-constants/breakpoints';
+import { Breakpoints } from '../../tokens/breakpoints';
 export type DeviceType = 'desktop' | 'tablet' | 'mobile';
 export interface DeviceContextProviderProps {
     staticDevice?: DeviceType;

package/dist/components/dropdown-list/dropdown-list.d.ts

@@ -32,6 +32,9 @@ export interface DropdownListProps<M extends boolean | undefined> {
     id?: string;
     label?: string;
     name?: string;
+    /**
+     * { disabled?: boolean, value: string; label: string; }[]
+     */
     options: DropdownListOption[];
     required?: boolean;
     tooltip?: TooltipProps;

package/dist/components/dropdown-menu/list-items/nav-item.d.ts

@@ -10,7 +10,6 @@ export interface NavItemProps {
     label?: string;
     lozenge?: string;
     end?: boolean;
-    isExternalLink?: boolean;
     isHtmlLink?: boolean;
     disabled?: boolean;
     target?: string;
@@ -24,6 +23,5 @@ interface LinkProps {
 }
 export declare const StyledNavItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, LinkProps & NavLinkProps, never>;
 export declare const HtmlLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, LinkProps, never>;
-export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").VoidFunctionComponent<import("../../external-link/external-link").ExternalLinkProps>, import("styled-components").DefaultTheme, LinkProps, never>;
 export declare const NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/components/external-link/external-link.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, VoidFunctionComponent } from 'react';
+import { VoidFunctionComponent } from 'react';
 import { IconName } from '../icon/icon';
 export interface ExternalLinkProps {
     className?: string;
@@ -7,6 +7,6 @@ export interface ExternalLinkProps {
     iconName?: IconName;
     label?: string;
     target?: string;
-    onClick?(event: MouseEvent<Element, globalThis.MouseEvent>): void;
+    onClick?(): void;
 }
 export declare const ExternalLink: VoidFunctionComponent<ExternalLinkProps>;

package/dist/components/global-banner/global-banner.d.ts

@@ -1,15 +1,14 @@
 import { MouseEvent, ReactNode } from 'react';
-export type GlobalBannerType = 'neutral' | 'discovery' | 'warning' | 'alert';
+export type GlobalBannerType = 'alert' | 'warning' | 'info' | 'default';
 export interface ActionButton {
     label: string;
     onClick(event: MouseEvent<HTMLButtonElement>): void;
 }
-interface GlobalBannerProps {
+interface Props {
     actionButton?: ActionButton;
     secondaryActionButton?: ActionButton;
     className?: string;
     children: ReactNode;
-    id?: string;
     hidden?: boolean;
     /**
      * Adds an ignore-button. Note that alert type banners are not dismissable.
@@ -19,5 +18,5 @@ interface GlobalBannerProps {
     onDismiss?(): void;
     type?: GlobalBannerType;
 }
-export declare const GlobalBanner: import("react").ForwardRefExoticComponent<GlobalBannerProps & import("react").RefAttributes<HTMLElement>>;
+export declare const GlobalBanner: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLElement>>;
 export {};

package/dist/components/listbox/listbox.d.ts

@@ -9,6 +9,9 @@ export interface ListboxOption {
 interface ListboxProps {
     ariaLabelledBy?: string;
     id?: string;
+    /**
+     * { value: string; label?: string; caption?: string; disabled?: boolean }[]
+     */
     options: ListboxOption[];
     className?: string;
     /**

package/dist/components/lozenge/lozenge.d.ts

@@ -1,11 +1,10 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
 import { IconName } from '../icon/icon';
-export type LozengeVariant = 'neutral' | 'success' | 'alert' | 'warning' | 'info' | 'discovery';
+export type LozengeType = 'default' | 'success' | 'alert' | 'warning' | 'info' | 'disabled';
 interface Props {
     className?: string;
-    variant?: LozengeVariant;
+    type?: LozengeType;
     icon?: IconName;
-    subtle?: boolean;
 }
 export declare const Lozenge: FunctionComponent<PropsWithChildren<Props>>;
 export {};

package/dist/components/menu/menu.d.ts

@@ -4,7 +4,6 @@ export interface MenuOption {
     label: string;
     iconName?: IconName;
     options?: MenuItem[];
-    disabled?: boolean;
     onClick?(): void;
 }
 export interface MenuGroup {

package/dist/components/option-button/option-button.d.ts

@@ -0,0 +1,10 @@
+import { VoidFunctionComponent } from 'react';
+interface OptionButtonProps {
+    checked?: boolean;
+    className?: string;
+    label: string;
+    name: string;
+    value: number;
+}
+export declare const OptionButton: VoidFunctionComponent<OptionButtonProps>;
+export {};

package/dist/components/pagination/pagination.d.ts

@@ -2,9 +2,10 @@ import { VoidFunctionComponent } from 'react';
 interface PaginationProps {
     className?: string;
     /**
-     * Number of results to display per page
+     * Total number of pages
+     * @default desktop
      */
-    resultsPerPage: number;
+    totalPages: number;
     /**
      * Displays the total number of results when provided
      */

package/dist/components/password-creation-input/password-creation-input.d.ts

@@ -1,5 +1,9 @@
 import { ChangeEvent, VoidFunctionComponent } from 'react';
+import { StyledProps } from 'styled-components';
 import { ValidationCondition } from './validation-condition';
+export declare function getBorderColor({ isValid, theme }: StyledProps<{
+    isValid: boolean;
+}>): string;
 interface PasswordCreationInputProps {
     name?: string;
     id?: string;

package/dist/components/password-input/password-input.d.ts

@@ -13,6 +13,5 @@ interface PasswordInputProps {
     onBlur?(event: FocusEvent<HTMLInputElement>): void;
     onFocus?(event: FocusEvent<HTMLInputElement>): void;
 }
-export declare const ShowPasswordButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PasswordInput: VoidFunctionComponent<PasswordInputProps>;
 export {};

package/dist/components/progress-tracker/progress-tracker.d.ts

@@ -1,16 +1,11 @@
 import { VoidFunctionComponent } from 'react';
-export interface ProgressTrackerStep {
-    href?: string;
-    label: string;
-    completion?: 'completed' | 'uncompleted';
-    onClick?: (stepNumber: number) => void;
+export interface ProgressTracker {
+    label?: string;
 }
-interface ProgressTrackerProps {
-    ariaLabel?: string;
+interface ProgressProps {
     className?: string;
-    linear?: boolean;
-    steps: ProgressTrackerStep[];
+    steps: ProgressTracker[];
     value: number;
 }
-export declare const ProgressTracker: VoidFunctionComponent<ProgressTrackerProps>;
+export declare const Progress: VoidFunctionComponent<ProgressProps>;
 export {};

package/dist/components/radio-card-group/styled-components.d.ts

@@ -1,15 +1,15 @@
-import { ResolvedTheme } from '../../themes/theme';
+import { Theme } from '../../themes';
 interface DescriptionProps {
     disabled?: boolean;
     isMobile: boolean;
     isChecked?: boolean;
-    theme: ResolvedTheme;
+    theme: Theme;
 }
 interface CardProps {
     disabled?: boolean;
     isMobile: boolean;
     isChecked?: boolean;
-    theme: ResolvedTheme;
+    theme: Theme;
 }
 export declare const RadioInput: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CardProps, never>;
 export declare const Legend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {

package/dist/components/table/sort-button-icon.d.ts

@@ -1,7 +1,6 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
 export type SortState = 'ascending' | 'descending' | 'none';
 export interface SortButtonIconProps {
-    className?: string;
     sort: SortState;
 }
 export declare const SortButtonIcon: FunctionComponent<PropsWithChildren<SortButtonIconProps>>;

package/dist/components/table/sortable-column-heading.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { HeaderGroup } from 'react-table';
+interface SortableColumnHeadingProps<T extends object = {}> {
+    header: HeaderGroup<T>;
+}
+export declare const SortableColumnHeading: <T extends object>({ header }: SortableColumnHeadingProps<T>) => ReactElement;
+export {};

package/dist/components/table/table-row.d.ts

@@ -1,17 +1,15 @@
 import { ReactElement } from 'react';
-import { Row } from '@tanstack/react-table';
+import { Row } from 'react-table';
 interface StyledTableRowProps {
-    $clickable?: boolean;
-    $error?: boolean;
-    $selected?: boolean;
-    $striped?: boolean;
+    clickable: boolean;
+    error: boolean;
+    selected: boolean;
+    striped?: boolean;
 }
-export declare const StyledTableRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, StyledTableRowProps, never>;
-interface TableRowProps<T extends object> {
+interface TableRowProps<T extends object> extends Omit<StyledTableRowProps, 'clickable' | 'selected'> {
     row: Row<T>;
-    striped: boolean;
-    error: boolean;
+    viewIndex: number;
     onClick?(row: Row<T>): void;
 }
-export declare const TableRow: <T extends object>({ error, onClick, row, striped, }: TableRowProps<T>) => ReactElement;
+export declare const TableRow: <T extends object>({ error, onClick, row, striped, viewIndex, }: TableRowProps<T>) => ReactElement;
 export {};

package/dist/components/table/table.d.ts

@@ -1,12 +1,29 @@
 import { ReactElement } from 'react';
-import { Row, ColumnSort } from '@tanstack/react-table';
-import { TableColumn } from './types';
+import { Column, Row, UseSortByColumnOptions } from 'react-table';
 type RowSize = 'small' | 'medium';
-export interface TableProps<T extends object> {
-    data: T[];
+type ColumnSort = 'asc' | 'desc';
+type CustomColumn<T extends object> = Column<T> & UseSortByColumnOptions<T> & {
     defaultSort?: ColumnSort;
-    columns: TableColumn<T>[];
-    expandableRows?: 'single' | 'multiple';
+    sortable?: boolean;
+    textAlign?: string;
+    className?: string;
+    sticky?: boolean;
+    footerColSpan?: number;
+};
+export type TableColumn<T extends object> = CustomColumn<T>[];
+export type TableRow<T> = T & {
+    error?: boolean;
+};
+interface CustomRowProps {
+    error?: boolean;
+}
+export interface TableProps<T extends object> {
+    className?: string;
+    footerColSpan?: number | undefined;
+    columns: TableColumn<T>;
+    /** Array of Objects that defines your table data.
+     * See stories code or refer to react-table docs for more information */
+    data: (T & CustomRowProps)[];
     /**
      * Adds row numbers
      * @default false
@@ -23,13 +40,10 @@ export interface TableProps<T extends object> {
      * @default false
      */
     striped?: boolean;
-    className?: string;
     stickyHeader?: boolean;
     stickyFooter?: boolean;
-    manualSort?: boolean;
     onRowClick?(row: Row<T>): void;
     onSelectedRowsChange?(selectedRows: T[]): void;
-    onSort?(sort: ColumnSort | null): void;
 }
-export declare const Table: <T extends object>({ className, data, defaultSort, columns: providedColumns, expandableRows, stickyHeader, stickyFooter, rowNumbers, rowSize, selectableRows, striped, manualSort, onRowClick, onSelectedRowsChange, onSort, }: TableProps<T>) => ReactElement;
+export declare const Table: <T extends object>({ className, columns, data, rowNumbers, rowSize, selectableRows, striped, onRowClick, onSelectedRowsChange, stickyHeader, stickyFooter, }: TableProps<T>) => ReactElement;
 export {};

package/dist/components/table/utils/table-utils.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import { Column } from '@tanstack/react-table';
 export declare function calculateStickyColumns(stickyColumns: boolean[], headerCells: NodeListOf<HTMLTableCellElement>, rows: NodeListOf<HTMLTableRowElement>): void;
 export declare function calculateStickyHeader(stickyColumns: boolean[], headerCells: NodeListOf<HTMLTableCellElement>): void;
 export declare function calculateStickyFooter(stickyColumns: boolean[], footerCells: NodeListOf<HTMLTableCellElement>): void;
 export declare function calculateStickyPosition(stickyColumns: boolean[], stickyHeader: boolean, stickyFooter: boolean, tableRef: React.RefObject<HTMLTableElement>): void;
-export declare function isAGroupColumn<TData, TValue>(column: Column<TData, TValue>): boolean;
-export declare function isLastColumnInAGroup<TData, TValue>(column: Column<TData, TValue>): boolean;

package/dist/components/tabs/tab-button.d.ts

@@ -9,8 +9,7 @@ interface TabButtonProps {
     rightIcon?: IconName;
     isSelected: boolean;
     onClick(): void;
-    onRemove?(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
+    onKeyDown?(event: KeyboardEvent<HTMLButtonElement>): void;
 }
 export declare const TabButton: import("react").ForwardRefExoticComponent<TabButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/tabs/tab-panel.d.ts

@@ -2,9 +2,9 @@ import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
 interface TabPanelProps {
     buttonId: string;
     children: ReactNode;
+    contained?: boolean;
     hidden: boolean;
     id: string;
-    global?: boolean;
 }
 export declare const TabPanel: FunctionComponent<PropsWithChildren<TabPanelProps>>;
 export {};

package/dist/components/tabs/tabs.d.ts

@@ -10,11 +10,11 @@ export interface Tab {
 }
 interface Props {
     className?: string;
+    /** Not available in global mode */
+    contained?: boolean;
     forceRenderTabPanels?: boolean;
     global?: boolean;
     tabs: Tab[];
-    onAddTab?(): void;
-    onRemove?(tabId: string): void;
 }
 export declare const Tabs: VoidFunctionComponent<Props>;
 export {};

package/dist/components/tag/tag.d.ts

@@ -1,17 +1,19 @@
 /// <reference types="react" />
 import { IconName } from '../icon/icon';
-export type TagColor = 'default' | 'decorative-01' | 'decorative-02' | 'decorative-03' | 'decorative-04' | 'decorative-05' | 'decorative-06' | 'decorative-07' | 'decorative-08' | 'decorative-09' | 'decorative-10';
-export type TagSize = 'small' | 'medium';
+type TagSize = 'small' | 'medium';
 export interface TagValue {
     id?: string;
     label: string;
 }
 export interface TagProps {
     className?: string;
+    iconName?: IconName;
     size?: TagSize;
     value: TagValue;
-    iconName?: IconName;
-    color?: TagColor;
-    onRemove?(tag: TagValue): void;
+    /** Mutually exclusive with onDelete */
+    onClick?(tag: TagValue): void;
+    /** Mutually exclusive with onClick */
+    onDelete?(tag: TagValue): void;
 }
 export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/components/text-input/styles/inputs.d.ts

@@ -1,15 +1,9 @@
 import { FlattenSimpleInterpolation } from 'styled-components';
-import { ResolvedTheme } from '../../../themes/theme';
+import { Theme } from '../../../themes';
 import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
-export interface InputStyleOptions {
-    theme: ResolvedTheme;
-    isMobile?: boolean;
-    isFocusable?: boolean;
-    isValid?: boolean;
-}
-export declare const inputsStyle: ({ theme, isMobile, isFocusable, isValid, }: InputStyleOptions) => FlattenSimpleInterpolation;
+export declare const inputsStyle: (theme: Theme, isMobile?: boolean) => FlattenSimpleInterpolation;
 interface ResponsiveInputsStyles {
-    theme: ResolvedTheme;
+    theme: Theme;
     device: DeviceContextProps;
 }
 export declare const responsiveInputsStyle: ({ theme, device: { isMobile } }: ResponsiveInputsStyles) => FlattenSimpleInterpolation;

package/dist/components/text-input/text-input.d.ts

@@ -1,8 +1,5 @@
 import { ChangeEvent, DetailedHTMLProps, FocusEvent, InputHTMLAttributes, KeyboardEvent, MouseEvent } from 'react';
 import { TooltipProps } from '../tooltip/tooltip';
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    isMobile: boolean;
-}, never>;
 type PartialInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'inputMode' | 'name' | 'value' | 'autoComplete'>;
 interface TextInputProps extends PartialInputProps {
     ariaDescribedBy?: string;

package/dist/components/theme-wrapper/theme-wrapper.d.ts

@@ -1,12 +1,12 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-import { ResolvedTheme } from '../../themes/theme';
+import { Theme } from '../../themes';
 export interface ThemeWrapperProps {
     /**
      * When true, components are mounted in the Shadow DOM
      * @default false
      */
     isolateStyles?: boolean;
-    theme?: ResolvedTheme;
+    theme?: Theme;
 }
 /**
  * @deprecated Use {@link DesignSystem} instead

package/dist/components/toast/toast-container.d.ts

@@ -4,7 +4,7 @@ import { ToastType } from './toast-type';
 interface ToastContainerProps {
     id: string;
     className?: string;
-    type?: ToastType;
+    type: ToastType;
     message: string;
     position: ToastPosition;
 }

package/dist/components/toast/toast-type.d.ts

@@ -1,8 +1,7 @@
 export declare enum ToastTypeEnum {
-    NEUTRAL = "neutral",
-    DISCOVERY = "discovery",
+    INFORMATION = "information",
     SUCCESS = "success",
     WARNING = "warning",
-    ALERT = "alert"
+    ERROR = "error"
 }
 export type ToastType = `${ToastTypeEnum}`;