@indico-data/design-system 2.2.0 → 2.3.0

package/lib/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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+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/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

@@ -1,4 +1,5 @@
-/// <reference types="react" />
 export declare const iconButton: import("styled-components").RuleSet<object>;
-export declare const StyledIconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
-export declare const StyledIconButtonLink: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+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/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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const StyledSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StyledValidationError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+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/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/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

@@ -1,3 +1,4 @@
-/// <reference types="react" />
 import ReactSelect from 'react-select';
-export declare const StyledMultiCombobox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<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>>>, never>> & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
+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/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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+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/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/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

@@ -1,3 +1,4 @@
-/// <reference types="react" />
 import ReactSelect from 'react-select';
-export declare const StyledSingleCombobox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<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>>>, never>> & Omit<ReactSelect, keyof import("react").Component<any, {}, any>>;
+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/src/legacy/components/index.d.ts

@@ -9,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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledDatePicker: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledEditableInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+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/src/legacy/components/inputs/NoInputDatePicker/NoInputDatePicker.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledNoInputDatePicker: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+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;

package/lib/src/legacy/components/inputs/NumberInput/NumberInput.stories.d.ts

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledNumberField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledNumberField: 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/RadioButtons/RadioButtons.styles.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import { AbstractRadioGroup } from '../RadioGroup';
-export declare const StyledRadioGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
+export declare const StyledRadioGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../../../types").PermafrostComponent & {
+    value?: string;
+    onChange?: (value: string) => void;
     children: import("react").ReactNode;
-    className?: string | undefined;
+    className?: string;
 } & import("@react-types/radio").AriaRadioGroupProps, {
     hideFocusRing: boolean;
     color: string;
     labelColor: string;
     hoverAndSelectedColor: string;
     focusRingColor: string;
-}>> & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;
+}>> & string & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledRadioGroup: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledRadioGroup: 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/SearchInput/SearchInput.stories.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
 import { SearchInput } from './SearchInput';
 declare const meta: {
     component: {
         (props: import("../../../../types").PermafrostComponent & {
-            inputBorder?: boolean | undefined;
-            showClearInputIcon?: boolean | undefined;
-            showSearchIcon?: boolean | undefined;
+            inputBorder?: boolean;
+            showClearInputIcon?: boolean;
+            showSearchIcon?: boolean;
             inputProps?: {
                 [key: string]: string;
-            } | undefined;
-            onChange?: ((e: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
+            };
+            onChange?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
             onClear?(): void;
-            onKeyUp?: ((e: import("react").KeyboardEvent<HTMLInputElement>) => void) | undefined;
-            placeholder?: string | undefined;
-            value?: string | undefined;
+            onKeyUp?: (e: import("react").KeyboardEvent<HTMLInputElement>) => void;
+            placeholder?: string;
+            value?: string;
         }): import("react/jsx-runtime").JSX.Element;
         defaultProps: {
             className: string;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledSearchField: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledSearchField: 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/TextInput/TextInput.stories.d.ts

@@ -6,47 +6,47 @@ declare const meta: {
     argTypes: {
         autoComplete: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         className: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         defaultValue: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         inputProps: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         name: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         promptProps: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         type: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         validationErrors: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         value: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const StyledTextInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StyledInputInfo: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledTextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledInputInfo: 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/loading-indicators/BarSpinner/BarSpinner.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledBarSpinner: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledBarSpinner: 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/loading-indicators/CirclePulse/CirclePulse.styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export declare const StyledLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     overallsize: string;
     ripplesize: string;
-}>>;
-export declare const StyledMessageLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}>> & string;
+export declare const StyledMessageLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     overallsize: string;
-}>>;
+}>> & string;

package/lib/src/legacy/components/loading-indicators/LoadingIndicator/LoadingIndicator.styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export declare const StyledLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     overallsize: string;
     ripplesize: string;
-}>>;
-export declare const StyledMessageLoadingIndicator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}>> & string;
+export declare const StyledMessageLoadingIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     overallsize: string;
-}>>;
+}>> & string;

package/lib/src/legacy/components/loading-indicators/LoadingList/LoadingList.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledLoadingList: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledLoadingList: 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/loading-indicators/PercentageRing/PercentageRing.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledPercentageRing: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledPercentageRing: 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/modals/ConfirmModal/ConfirmModal.stories.d.ts

@@ -12,27 +12,27 @@ declare const meta: {
     argTypes: {
         open: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         className: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         describedBy: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         modalNode: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
         width: {
             control: {
-                disable: boolean;
+                disable: true;
             };
         };
     };

package/lib/src/legacy/components/modals/ConfirmModal/ConfirmModal.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledConfirmModal: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledConfirmModal: 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/modals/ModalBase/ModalBase.styles.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 declare function ModalAdapter(props: any): React.ReactElement;
-export declare const StyledModalBase: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<typeof ModalAdapter, keyof React.Component<any, {}, any>>;
+export declare const StyledModalBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never>> & string & Omit<typeof ModalAdapter, keyof React.Component<any, {}, any>>;
 export {};

package/lib/src/legacy/components/text-truncate/TextTruncate.styles.d.ts

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

package/lib/src/legacy/components/user-feedback/Shrug/Shrug.stories.d.ts

@@ -8,19 +8,19 @@ declare const meta: {
     args: {
         message: string;
     };
-    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;
-        actionLink?: string | undefined;
-        actionText?: string | undefined;
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        id?: string;
+        className?: string;
+        'data-cy'?: string;
+        'data-testid'?: string;
+        actionLink?: string;
+        actionText?: string;
         buttonAction?: (() => void) | undefined;
-        buttonText?: string | undefined;
-        message?: React.ReactNode;
+        buttonText?: string;
+        message?: string | React.ReactNode;
         messageProps?: {
-            'data-cy': string;
-        } | undefined;
+            "data-cy": string;
+        };
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/lib/src/legacy/components/user-feedback/Shrug/Shrug.styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const StyledShrug: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledShrug: 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/styles/globals/buttons.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Buttons: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/forms.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Forms: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/layout.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Layout: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/lists.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Lists: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/margin-padding.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MarginPadding: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/media.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Media: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/tables.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Tables: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/typography.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Typography: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/lib/src/legacy/styles/globals/utility-classes.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const UtilityClasses: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;