@equisoft/design-elements-react 6.4.0 → 6.4.1-snapshot.20240604200446

package/dist/bundle.js.LICENSE.txt

@@ -4,18 +4,18 @@ object-assign
 @license MIT
 */
 
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.
   All rights reserved.
 */
 
+/*!
+  react-datepicker v6.9.0
+  https://github.com/Hacker0x01/react-datepicker
+  Released under the MIT License.
+*/
+
 /*!
  * Adapted from jQuery UI core
  *
@@ -28,6 +28,33 @@ 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,6 +14,7 @@ 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,23 +1,26 @@
 import { ButtonHTMLAttributes } from 'react';
 import { FlattenInterpolation, ThemeProps } from 'styled-components';
-import { Theme } from '../../themes';
+import { ResolvedTheme } from '../../themes/theme';
 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' | 'destructive-secondary' | 'destructive-tertiary';
+export type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-tertiary';
 export interface ButtonTypeStyles {
     buttonType: ButtonType;
+    focusable?: boolean;
     inverted?: boolean;
-    theme: Theme;
+    theme: ResolvedTheme;
 }
-export declare const getButtonTypeStyles: (props: ButtonTypeStyles) => FlattenInterpolation<ThemeProps<Theme>>;
+export declare const getButtonTypeStyles: (props: ButtonTypeStyles) => FlattenInterpolation<ThemeProps<ResolvedTheme>>;
 export {};

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

@@ -1,8 +1,9 @@
-import { KeyboardEvent, MouseEvent } from 'react';
+import { FocusEventHandler, KeyboardEvent, MouseEvent } from 'react';
+import { IconName } from '../icon/icon';
 import { ButtonType } from './abstract-button';
-type Size = 'small' | 'medium';
-type Type = 'submit' | 'button' | 'reset';
-interface ButtonProps {
+export type Size = 'small' | 'medium';
+export type Type = 'submit' | 'button' | 'reset';
+export interface ButtonProps {
     id?: string;
     autofocus?: boolean;
     /**
@@ -12,6 +13,10 @@ interface ButtonProps {
     buttonType: ButtonType;
     className?: string;
     disabled?: boolean;
+    /**
+     * @default true
+     */
+    focusable?: boolean;
     inverted?: boolean;
     label?: string;
     /**
@@ -21,10 +26,13 @@ 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,37 +1,12 @@
-import { KeyboardEvent, MouseEvent, ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { AvatarProps } from '../avatar/avatar';
 import { IconName, IconProps } from '../icon/icon';
-import { ButtonType } from './abstract-button';
-type Size = 'small' | 'medium';
-type Type = 'submit' | 'button' | 'reset';
-export interface IconButtonProps {
-    autofocus?: boolean;
+import { ButtonProps } from './button';
+export interface IconButtonProps extends ButtonProps {
     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';
-interface Props {
+export interface CheckboxProps {
     checked?: boolean;
     className?: string;
     defaultChecked?: boolean;
@@ -11,5 +11,4 @@ interface Props {
     value?: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const Checkbox: FunctionComponent<PropsWithChildren<Props>>;
-export {};
+export declare const Checkbox: FunctionComponent<PropsWithChildren<CheckboxProps>>;

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,74 @@
+import { VoidFunctionComponent } from 'react';
+import { ListboxOption } from '../listbox/listbox';
+import { TooltipProps } from '../tooltip/tooltip';
+export type ComboboxOption = ListboxOption;
+interface ComboboxProps {
+    /**
+     * If true, the input can have a value not included in the list of options
+     */
+    allowCustomValue?: boolean;
+    /**
+     * Aria label for the input (used when no visual label is present)
+     */
+    ariaLabel?: string;
+    className?: string;
+    /**
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * The default value and selected option
+     */
+    defaultValue?: string;
+    /**
+     * Disables the input
+     */
+    disabled?: boolean;
+    /**
+     * If true, the options won't be filtered.
+     * Use when the list of options is filtered externally.
+     * @default false
+     */
+    disableListFiltering?: boolean;
+    /**
+     * Text to display in the listbox when no options match the input value.
+     * Used only when a custom value is not allowed.
+     */
+    emptyListMessage?: string;
+    /**
+     * Disables the default margin
+     */
+    noMargin?: boolean;
+    id?: string;
+    /**
+     * @default false
+     */
+    inlineAutoComplete?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    name?: string;
+    options: ComboboxOption[];
+    placeholder?: string;
+    required?: boolean;
+    tooltip?: TooltipProps;
+    /**
+     * Sets input validity
+     */
+    valid?: boolean;
+    /**
+     * Sets error message
+     * @default You must select an option
+     */
+    validationErrorMessage?: string;
+    /**
+     * Sets the selected value (makes the component controlled)
+     */
+    value?: string;
+    hint?: string;
+    /**
+     * OnChange callback function, invoked when the value is changed
+     */
+    onChange?(value: string): void;
+}
+export declare const Combobox: VoidFunctionComponent<ComboboxProps>;
+export {};

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

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

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

@@ -1,4 +1,5 @@
 import { VoidFunctionComponent } from 'react';
+import { IconName } from '../icon/icon';
 import { ListboxOption } from '../listbox/listbox';
 import { TooltipProps } from '../tooltip/tooltip';
 export interface DropdownListOption extends ListboxOption {
@@ -32,9 +33,6 @@ 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;
@@ -53,6 +51,10 @@ export interface DropdownListProps<M extends boolean | undefined> {
     value?: Value;
     hint?: string;
     multiselect?: M;
+    /**
+     * Display an icon inside the Dropdown control
+     */
+    iconName?: IconName;
     /**
      * OnChange callback function, invoked when options are selected
      */

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

@@ -10,6 +10,7 @@ export interface NavItemProps {
     label?: string;
     lozenge?: string;
     end?: boolean;
+    isExternalLink?: boolean;
     isHtmlLink?: boolean;
     disabled?: boolean;
     target?: string;
@@ -23,5 +24,6 @@ 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 { VoidFunctionComponent } from 'react';
+import { MouseEvent, 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?(): void;
+    onClick?(event: MouseEvent<Element, globalThis.MouseEvent>): void;
 }
 export declare const ExternalLink: VoidFunctionComponent<ExternalLinkProps>;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +1,15 @@
-import { Theme } from '../../themes';
+import { ResolvedTheme } from '../../themes/theme';
 interface DescriptionProps {
     disabled?: boolean;
     isMobile: boolean;
     isChecked?: boolean;
-    theme: Theme;
+    theme: ResolvedTheme;
 }
 interface CardProps {
     disabled?: boolean;
     isMobile: boolean;
     isChecked?: boolean;
-    theme: Theme;
+    theme: ResolvedTheme;
 }
 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,6 +1,7 @@
 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/table-footer.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { HeaderGroup } from '@tanstack/react-table';
+interface TableFooterProps<T extends object> {
+    footerGroup: HeaderGroup<T>;
+    sticky: boolean;
+}
+export declare const TableFooter: <T extends object>({ footerGroup, sticky, }: TableFooterProps<T>) => ReactElement;
+export {};

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { HeaderGroup } from '@tanstack/react-table';
+interface TableHeaderProps<T extends object> {
+    headerGroup: HeaderGroup<T>;
+    sticky: boolean;
+}
+export declare const TableHeader: <T extends object>({ headerGroup, sticky, }: TableHeaderProps<T>) => ReactElement;
+export {};

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

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

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

@@ -1,29 +1,12 @@
 import { ReactElement } from 'react';
-import { Column, Row, UseSortByColumnOptions } from 'react-table';
+import { Row, ColumnSort } from '@tanstack/react-table';
+import { TableColumn } from './types';
 type RowSize = 'small' | 'medium';
-type ColumnSort = 'asc' | 'desc';
-type CustomColumn<T extends object> = Column<T> & UseSortByColumnOptions<T> & {
-    defaultSort?: ColumnSort;
-    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)[];
+    data: T[];
+    defaultSort?: ColumnSort;
+    columns: TableColumn<T>[];
+    expandableRows?: 'single' | 'multiple';
     /**
      * Adds row numbers
      * @default false
@@ -40,10 +23,13 @@ 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, columns, data, rowNumbers, rowSize, selectableRows, striped, onRowClick, onSelectedRowsChange, stickyHeader, stickyFooter, }: TableProps<T>) => ReactElement;
+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 {};

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

@@ -0,0 +1,17 @@
+import { ColumnDef, RowData } from '@tanstack/react-table';
+import { CSSProperties } from 'react';
+export type TableData<TData extends object> = TData & {
+    error?: boolean;
+    subRows?: TableData<TData>[];
+    subContent?: React.ReactNode;
+};
+export type TableColumn<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue> & {
+    className?: string;
+    footerColSpan?: number;
+    headerAriaLabel?: string;
+    headerColSpan?: number;
+    iconAlign?: 'left' | 'right';
+    sortable?: boolean;
+    sticky?: boolean;
+    textAlign?: CSSProperties['textAlign'];
+};

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

@@ -1,5 +1,8 @@
 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,7 +9,8 @@ interface TabButtonProps {
     rightIcon?: IconName;
     isSelected: boolean;
     onClick(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLButtonElement>): void;
+    onRemove?(): void;
+    onKeyDown?(event: KeyboardEvent<HTMLDivElement>): 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 {};