@indico-data/design-system 2.1.3 → 2.3.0

package/lib/{components → src/components}/button/types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IconName } from '../../types';
+import { IconName } from '@/types';
 export type ButtonVariants = 'solid' | 'outline' | 'text';
 export type ButtonColors = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info';
 export type ButtonIconPositions = 'left' | 'right';

package/lib/src/components/icons/Icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/lib/src/components/icons/Icon.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconProps } from './types';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<IconProps>;
+export declare const DefaultIcon: Story;
+export declare const IconStates: Story;
+export declare const CustomStyledIcon: Story;
+export declare const Indicons: Story;
+export declare const FontAwesomeIcons: Story;

package/lib/src/components/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from './Icon';

package/lib/src/components/icons/types.d.ts

@@ -0,0 +1,10 @@
+import { MouseEventHandler } from 'react';
+import { IconName, PermafrostComponent } from '@/types';
+export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconProps = PermafrostComponent & {
+    name: IconName;
+    ariaLabel?: string;
+    size?: IconSizes;
+    style?: React.CSSProperties;
+    onClick?: MouseEventHandler<SVGElement>;
+};

package/lib/{components → src/components}/index.d.ts

@@ -1,2 +1,4 @@
 export { Container, Col, Row } from './grid';
 export { Button } from './button';
+export { Icon } from './icons';
+export { Table } from './tables/table';

package/lib/src/components/tables/table/LoadingComponent.d.ts

@@ -0,0 +1 @@
+export declare const LoadingComponent: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/components/tables/table/Table.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+import { TableColumn } from 'react-data-table-component';
+type LocalDirection = 'auto' | 'ltr' | 'rtl';
+type LocalAlignment = 'left' | 'right' | 'center';
+interface TableProps {
+    columns: TableColumn<any>[];
+    data: Record<string, any>[];
+    responsive?: boolean;
+    direction?: LocalDirection;
+    subHeaderAlign?: LocalAlignment;
+    subHeaderWrap?: boolean;
+    pagination?: boolean;
+    selectableRows?: boolean;
+    keyField?: string;
+    title?: string | React.ReactNode;
+    striped?: boolean;
+    highlightOnHover?: boolean;
+    pointerOnHover?: boolean;
+    dense?: boolean;
+    persistTableHead?: boolean;
+    noDataComponent?: string | React.ReactNode;
+    isDisabled?: boolean;
+    onRowClicked?: (row: Record<string, any>, event: React.MouseEvent) => void;
+    onRowDoubleClicked?: (row: Record<string, any>, event: React.MouseEvent) => void;
+    onRowMouseEnter?: (row: Record<string, any>, event: React.MouseEvent) => void;
+    onRowMouseLeave?: (row: Record<string, any>, event: React.MouseEvent) => void;
+    defaultSortFieldId?: string | number;
+    defaultSortAsc?: boolean;
+    sortIcon?: React.ReactNode;
+    sortServer?: boolean;
+    sortFunction?: any;
+    onSort?: any;
+    selectableRowsVisibleOnly?: boolean;
+    selectableRowsHighlight?: boolean;
+    selectableRowsSingle?: boolean;
+    selectableRowsNoSelectAll?: boolean;
+    selectableRowsComponent?: any;
+    selectableRowsComponentProps?: Record<string, any>;
+    clearSelectedRows?: boolean;
+    selectableRowSelected?: (row: Record<string, any>) => boolean;
+    selectableRowDisabled?: (row: Record<string, any>) => boolean;
+    onSelectedRowsChange?: any;
+    expandableRows?: boolean;
+    expandableIcon?: any;
+    expandableRowsComponent?: any;
+    expandableRowDisabled?: any;
+    expandableRowExpanded?: any;
+    expandableRowsComponentProps?: Record<string, any>;
+    expandOnRowClicked?: boolean;
+    expandOnRowDoubleClicked?: boolean;
+    expandableRowsHideExpander?: boolean;
+    expandableInheritConditionalStyles?: boolean;
+    onRowExpandToggled?: any;
+    paginationServer?: boolean;
+    paginationServerOptions?: Record<string, any>;
+    paginationDefaultPage?: number;
+    paginationResetDefaultPage?: boolean;
+    paginationTotalRows?: number;
+    paginationPerPage?: number;
+    paginationRowsPerPageOptions?: number[];
+    paginationComponent?: any;
+    paginationComponentOptions?: Record<string, any>;
+    paginationIconFirstPage?: any;
+    paginationIconLastPage?: any;
+    paginationIconNext?: any;
+    paginationIconPrevious?: any;
+    onChangePage?: any;
+    onChangeRowsPerPage?: any;
+    actions?: any;
+    noHeader?: boolean;
+    fixedHeader?: boolean;
+    fixedHeaderScrollHeight?: string;
+    subHeader?: boolean;
+    subHeaderComponent?: any;
+    isLoading?: boolean;
+}
+export declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/src/components/tables/table/Table.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;

package/lib/src/components/tables/table/index.d.ts

@@ -0,0 +1 @@
+export { Table } from './table';

package/lib/src/components/tables/table/sampleData.d.ts

@@ -0,0 +1,8 @@
+export declare const sampleData: {
+    name: string;
+    class: string;
+    age: number;
+    weapon: string;
+    backstory: string;
+    favoriteMeal: string;
+}[];

package/lib/src/index.d.ts

@@ -0,0 +1,8 @@
+import './styles/index.scss';
+export { GlobalStyles } from './legacy/styles/globals/index';
+export { ANIMATION, BREAKPOINT, COLORS, MATH, MEDIA_QUERIES, MARGINS, PADDINGS, SPACING, TYPOGRAPHY, } from './legacy/tokens';
+export { AbstractRadio, AbstractRadioGroup, Accordion, BarSpinner, BorderSelect, Button as LegacyButton, CirclePulse, CircleSpinner, ConfirmModal, DatePicker, EditableInput, IconButton, ListTable, LoadingAwareContainer, LoadingList, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, Pagination, PercentageRing, Radio, RadioGroup, RandomLoadingMessage, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Shrug, SingleCombobox, TextInput, TextTruncate, Toggle, Tooltip, } from './legacy/components';
+export { numberUtils, stringUtils, colorUtils } from './legacy/utils';
+export { Container, Row, Col } from './components/grid';
+export { Button } from './components/button';
+export { Icon } from './components/icons';

package/lib/{legacy → src/legacy}/components/Accordion/Accordion.stories.d.ts

@@ -4,19 +4,19 @@ import { Accordion } from './Accordion';
 declare const meta: {
     component: (props: import("../../../types").PermafrostComponent & {
         content: React.ReactNode;
-        header?: React.ReactNode;
-        open?: boolean | undefined;
+        header?: React.ReactNode | string;
+        open?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-bf5e6555").R, {
-        id?: string | undefined;
-        className?: string | undefined;
-        'data-cy'?: string | undefined;
-        'data-testid'?: string | undefined;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        id?: string;
+        className?: string;
+        'data-cy'?: string;
+        'data-testid'?: string;
         content: React.ReactNode;
-        header?: React.ReactNode;
-        open?: boolean | undefined;
+        header?: React.ReactNode | string;
+        open?: boolean;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/lib/src/legacy/components/Accordion/Accordion.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledAccordion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, never>> & string;

package/lib/src/legacy/components/ListTable/Header/Header.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/ListTable/ListTable.stories.d.ts

@@ -3,9 +3,9 @@ import type { StoryObj } from '@storybook/react';
 import { ListTable } from './ListTable';
 declare const meta: {
     component: (props: import("../../../types").PermafrostComponent & {
-        accordion?: boolean | undefined;
-        accordionDefaultOpen?: boolean | undefined;
-        emptyListMessage?: string | undefined;
+        accordion?: boolean;
+        accordionDefaultOpen?: boolean;
+        emptyListMessage?: string;
         error?: any;
         errorMessage?: any;
         headerComponent?: React.ReactNode;
@@ -24,7 +24,7 @@ declare const meta: {
             getNextPage: (before: number) => void;
             getPage: (after: number, pageOffset: number) => void;
             getPreviousPage: (after: number) => void;
-        } | undefined;
+        };
         sortBy?: {
             descending: boolean;
             items: {
@@ -34,10 +34,10 @@ declare const meta: {
             value: string;
             onSort: (value: string) => void;
             updateDescending: () => void;
-        } | undefined;
-        subTitle?: React.ReactNode;
+        };
+        subTitle?: string | React.ReactNode;
         title: string;
-        totalCount?: number | undefined;
+        totalCount?: number;
     }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};

package/lib/src/legacy/components/ListTable/ListTable.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledListTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts

@@ -6,12 +6,12 @@ declare const meta: {
     argTypes: {
         className: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         style: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/lib/src/legacy/components/LoadingAwareContainer/LoadingAwareContainer.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLoadingAwareContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/src/legacy/components/Pagination/Pagination.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledPagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/Toggle/Toggle.d.ts

@@ -1,10 +1,11 @@
 import { PermafrostComponent, IconName } from '@/types';
+import { IconSizes } from '@/components/icons/types';
 type Props = {
     disabled: boolean;
     onChange: any;
     value: boolean;
     ['aria-label']?: string;
-    iconSize?: number | string;
+    iconSize?: IconSizes;
     checkedIconName?: IconName;
     notCheckedIconName?: IconName;
 } & PermafrostComponent;

package/lib/src/legacy/components/Toggle/Toggle.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import { Toggle } from './Toggle';
+declare const meta: {
+    component: (props: {
+        disabled: boolean;
+        onChange: any;
+        value: boolean;
+        "aria-label"?: string;
+        iconSize?: import("../../../components/icons/types").IconSizes;
+        checkedIconName?: import("../../../types").IconName;
+        notCheckedIconName?: import("../../../types").IconName;
+    } & import("../../../types").PermafrostComponent) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof Toggle>;
+export declare const Normal: Story;
+export declare const Disabled: Story;
+export declare const Icons: Story;

package/lib/src/legacy/components/Toggle/Toggle.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;

package/lib/src/legacy/components/Tooltip/Tooltip.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/basic-section/Section/Section.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { Section } from './Section';
 declare const meta: {
     component: (props: import("../../../../types").PermafrostComponent & {
-        style?: object | undefined;
+        style?: object;
         children: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
     title: string;

package/lib/src/legacy/components/basic-section/Section/Section.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/lib/src/legacy/components/basic-section/SectionBlock/SectionBlock.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSectionBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/src/legacy/components/basic-section/SectionBody/SectionBody.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSectionBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/basic-section/SectionHeader/SectionHeader.stories.d.ts

@@ -4,7 +4,7 @@ import { SectionHeader } from './SectionHeader';
 declare const meta: {
     component: {
         (props: import("../../../../types").PermafrostComponent & {
-            style?: object | undefined;
+            style?: object;
             children?: React.ReactNode;
         }): import("react/jsx-runtime").JSX.Element;
         defaultProps: {

package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSectionHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/lib/src/legacy/components/basic-section/SectionTable/SectionTable.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSectionTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/buttons/Button/Button.stories.d.ts

@@ -9,7 +9,7 @@ declare const meta: {
         };
         className: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/lib/src/legacy/components/buttons/Button/Button.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/buttons/IconButton/IconButton.stories.d.ts

@@ -14,7 +14,7 @@ declare const meta: {
         };
         isDisabled: {
             control: {
-                type: string;
+                type: "boolean";
             };
         };
         adjustAlignment: {
@@ -23,12 +23,12 @@ declare const meta: {
         };
         className: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         style: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/lib/src/legacy/components/buttons/IconButton/IconButton.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const iconButton: import("styled-components").RuleSet<object>;
+export declare const StyledIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const StyledIconButtonLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;

package/lib/{legacy → src/legacy}/components/dropdowns/BorderSelect/BorderSelect.stories.d.ts

@@ -1,21 +1,20 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { BorderSelect } from './BorderSelect';
 declare const meta: {
     component: (props: import("../../../../types").PermafrostComponent & {
-        defaultValue?: string | undefined;
-        disabled?: boolean | undefined;
-        horizontal?: boolean | undefined;
-        initialText?: string | undefined;
-        label?: string | undefined;
+        defaultValue?: string;
+        disabled?: boolean;
+        horizontal?: boolean;
+        initialText?: string;
+        label?: string;
         onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
         options: {
             name: string;
             value: string | number;
         }[];
-        style?: object | undefined;
-        value?: string | number | undefined;
-        validationErrors?: string[] | undefined;
+        style?: object;
+        value?: string | number;
+        validationErrors?: string[];
     }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};

package/lib/src/legacy/components/dropdowns/BorderSelect/BorderSelect.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledValidationError: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/dropdowns/MultiCombobox/MultiCombobox.d.ts

@@ -13,11 +13,11 @@ export declare const MultiCombobox: React.ForwardRefExoticComponent<PermafrostCo
      * MultiValue is a selected option in the input area
      */
     multiValueProps?: {
-        'data-cy': string;
-    } | undefined;
+        "data-cy": string;
+    };
     optionProps?: {
-        'data-cy': string;
-    } | undefined;
-    values?: ComboboxOption[] | undefined;
+        "data-cy": string;
+    };
+    values?: ComboboxOption[];
     onChange: (selectedOption: ComboboxOption[]) => void;
 } & React.RefAttributes<unknown>>;

package/lib/{legacy → src/legacy}/components/dropdowns/MultiCombobox/MultiCombobox.stories.d.ts

@@ -5,24 +5,24 @@ import { MultiCombobox } from './MultiCombobox';
 declare const meta: {
     component: React.ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
         multiValueProps?: {
-            'data-cy': string;
-        } | undefined;
+            "data-cy": string;
+        };
         optionProps?: {
-            'data-cy': string;
-        } | undefined;
-        values?: ComboboxOption[] | undefined;
+            "data-cy": string;
+        };
+        values?: ComboboxOption[];
         onChange: (selectedOption: ComboboxOption[]) => void;
     } & React.RefAttributes<unknown>>;
     title: string;
     argTypes: {
         options: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         defaultValue: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/lib/src/legacy/components/dropdowns/MultiCombobox/MultiCombobox.styles.d.ts

@@ -0,0 +1,4 @@
+import ReactSelect from 'react-select';
+export declare const StyledMultiCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
+    ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
+}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;

package/lib/{legacy → src/legacy}/components/dropdowns/Select/Select.stories.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { Select } from './Select';
 declare const meta: {
     component: (props: import("../../../../types").PermafrostComponent & {
-        disabled?: boolean | undefined;
-        initialText?: string | undefined;
+        disabled?: boolean;
+        initialText?: string;
         options: {
             name: string;
             value: string | number;
         }[];
-        size?: import("../types").ComboboxSize | undefined;
-        style?: object | undefined;
-        value?: string | number | undefined;
-        variant?: import("../types").ComboboxVariant | undefined;
+        size?: import("../types").ComboboxSize;
+        style?: object;
+        value?: string | number;
+        variant?: import("../types").ComboboxVariant;
         onChange(e: import("react").ChangeEvent<HTMLSelectElement>): void;
         onClick?(e: import("react").MouseEvent<HTMLDivElement, MouseEvent>): void;
     }) => import("react/jsx-runtime").JSX.Element;

package/lib/src/legacy/components/dropdowns/Select/Select.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/dropdowns/SingleCombobox/SingleCombobox.d.ts

@@ -10,11 +10,11 @@ import type { ComboboxProps, ComboboxOption } from '../types';
  */
 export declare const SingleCombobox: React.ForwardRefExoticComponent<PermafrostComponent & ComboboxProps & {
     dropdownIndicatorProps?: {
-        'data-cy': string;
-    } | undefined;
+        "data-cy": string;
+    };
     optionProps?: {
-        'data-cy': string;
-    } | undefined;
-    value?: ComboboxOption | undefined;
+        "data-cy": string;
+    };
+    value?: ComboboxOption;
     onChange: (selectedOption: ComboboxOption) => void;
 } & React.RefAttributes<unknown>>;

package/lib/{legacy → src/legacy}/components/dropdowns/SingleCombobox/SingleCombobox.stories.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import type { StoryObj } from '@storybook/react';
 import { ComboboxOption } from '../types';
 import { SingleCombobox } from './SingleCombobox';
 declare const meta: {
     component: import("react").ForwardRefExoticComponent<import("../../../../types").PermafrostComponent & import("../types").ComboboxProps & {
         dropdownIndicatorProps?: {
-            'data-cy': string;
-        } | undefined;
+            "data-cy": string;
+        };
         optionProps?: {
-            'data-cy': string;
-        } | undefined;
-        value?: ComboboxOption | undefined;
+            "data-cy": string;
+        };
+        value?: ComboboxOption;
         onChange: (selectedOption: ComboboxOption) => void;
     } & import("react").RefAttributes<unknown>>;
     title: string;

package/lib/src/legacy/components/dropdowns/SingleCombobox/SingleCombobox.styles.d.ts

@@ -0,0 +1,4 @@
+import ReactSelect from 'react-select';
+export declare const StyledSingleCombobox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>, "ref"> & {
+    ref?: ((instance: import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> | null | undefined;
+}, never>> & string & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;

package/lib/{legacy → src/legacy}/components/index.d.ts

@@ -2,7 +2,6 @@ export { Accordion } from './Accordion';
 export { Section, SectionBlock, SectionBody, SectionHeader, SectionTable } from './basic-section';
 export { Button, IconButton } from './buttons';
 export { BorderSelect, MultiCombobox, Select, SingleCombobox } from './dropdowns';
-export { Icon, faIcons, indicons } from './Icon';
 export { EditableInput, NumberInput, SearchInput, TextInput, Radio, RadioGroup, AbstractRadio, AbstractRadioGroup, DatePicker, NoInputDatePicker, } from './inputs';
 export { BarSpinner, CirclePulse, CircleSpinner, LoadingList, PercentageRing, RandomLoadingMessage, LoadingIndicator, } from './loading-indicators';
 export { ListTable } from './ListTable';
@@ -10,7 +9,6 @@ export { Pagination } from './Pagination';
 export { Shrug } from './user-feedback';
 export { ConfirmModal, ModalBase } from './modals';
 export { LoadingAwareContainer } from './LoadingAwareContainer';
-export { Drawer } from './Navigation/Drawer';
 export { TextTruncate } from './text-truncate';
 export { Toggle } from './Toggle';
 export { Tooltip } from './Tooltip';

package/lib/src/legacy/components/inputs/DatePicker/DatePicker.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/src/legacy/components/inputs/EditableInput/EditableInput.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledEditableInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/lib/{legacy → src/legacy}/components/inputs/NoInputDatePicker/NoInputDatePicker.d.ts

@@ -1,5 +1,6 @@
 import { DateRange } from 'react-day-picker';
 import { IconName, PermafrostComponent } from '@/types';
+import { IconSizes } from '@/components/icons/types';
 type Props = PermafrostComponent & {
     ariaLabel?: string;
     disableBeforeDate?: Date;
@@ -12,7 +13,7 @@ type Props = PermafrostComponent & {
     selectedRange?: DateRange | undefined;
     value: Date | undefined;
     triggerIcon: IconName;
-    triggerIconSize: [string | number];
+    triggerIconSize: IconSizes;
     isRangePicker?: boolean;
     isOpen?: boolean;
     clearOnClose?: boolean;

package/lib/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledNoInputDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;