@indico-data/design-system 2.1.3 → 2.3.0

package/src/styles/variables/index.scss

@@ -1,5 +1,6 @@
 @import 'typography';
 @import 'colors';
+@import 'icons';
 @import 'borders';
 @import 'padding';
-@import 'margin';
+@import 'margin';

package/src/types.ts

@@ -1,13 +1,3 @@
-import { faIcons } from './legacy/components/Icon/faIcons';
-import { indicons } from './legacy/components/Icon/indicons';
-
-const allIcons = {
-  ...faIcons,
-  ...indicons,
-} as const;
-
-export type IconName = keyof typeof allIcons;
-
 export type PermafrostComponent = {
   id?: string;
   className?: string;
@@ -18,7 +8,5 @@ export type PermafrostComponent = {
 export type ButtonVariant = 'default' | 'primary' | 'destructive';
 export type ButtonSize = 'normal' | 'large';
 
-// Component types -- TODO -- move to their own files
-import { ListItem } from './legacy/components/Navigation/Drawer/types';
-
-export type { ListItem };
+import { IconName } from '../build/generated/iconTypes';
+export type { IconName };

package/tsconfig.json

@@ -22,6 +22,6 @@
       "@/*": ["src/*"]
     }
   },
-  "include": ["./src/**/*"],
+  "include": ["src", "build/generated"],
   "exclude": ["node_modules", "lib"]
 }

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

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

package/lib/legacy/components/Icon/Icon.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { PermafrostComponent, IconName } from '@/types';
-type Props = PermafrostComponent & {
-    ariaLabel?: string;
-    fill?: string;
-    name: IconName;
-    size?: [string | number] | [string | number, string | number];
-    style?: any;
-    onClick?(): void;
-    ref?: React.Ref<SVGSVGElement>;
-};
-/**
- * Generic icon component, hidden from Assistive Technology by default.
- * If icon should be available to AT, pass the desired name into the `ariaLabel` prop.
- */
-export declare function Icon({ style, ...props }: Props): React.ReactElement | null;
-export {};

package/lib/legacy/components/Icon/Icon.stories.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react';
-import { Icon } from './Icon';
-declare const meta: {
-    component: typeof Icon;
-    title: string;
-    argTypes: {
-        ariaLabel: {
-            control: {
-                disable: boolean;
-            };
-        };
-        size: {
-            description: string;
-        };
-        name: {
-            control: {
-                type: string;
-                options: ("search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "calendar" | "check-circle" | "circle-help" | "check" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "help" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list")[];
-            };
-        };
-    };
-    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;
-        ariaLabel?: string | undefined;
-        fill?: string | undefined;
-        name: "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "calendar" | "check-circle" | "circle-help" | "check" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "help" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list";
-        size?: [string | number] | [string | number, string | number] | undefined;
-        style?: any;
-        onClick?: (() => void) | undefined;
-        ref?: React.Ref<SVGSVGElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof Icon>;
-export declare const General: Story;
-export declare const Indicon: Story;
-export declare const FontAwesome: Story;
-export declare const SizeSpecified: Story;

package/lib/legacy/components/Icon/faIcons.d.ts

@@ -1,76 +0,0 @@
-import React from 'react';
-declare const faIcons: {
-    'fa-dot-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-pdf': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-word': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-check-square': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-square': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-angle-double-left': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-arrow-circle-right': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-arrow-down': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-arrow-left': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-arrow-right': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-arrow-up': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-ban': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-caret-down': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-caret-up': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-chart-bar': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-check': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-check-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-circle-notch': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-clipboard': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-clock': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-clone': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-cloud': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-cog': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-cogs': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-coins': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-cube': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-cut': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-download': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-exclamation-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-exclamation-triangle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-external-link-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-eye-dropper': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-download': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-export': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-file-upload': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-filter': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-ghost': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-hat-wizard': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-info-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-key': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-keyboard': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-layer-group': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-pencil-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-plus': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-plus-square': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-question-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-robot': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-search': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-sign-out-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-sliders-h': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-sync-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-tag': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-times': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-times-circle': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-tint': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-toggle-off': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-toggle-on': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-trash': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-trash-alt': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-undo': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-user': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-users': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-mouse-pointer': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-step-forward': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-search-minus': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-search-plus': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-table': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-image': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-link': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    'fa-list': React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-};
-export { faIcons };

package/lib/legacy/components/Icon/index.d.ts

@@ -1,3 +0,0 @@
-export { Icon } from './Icon';
-export { faIcons } from './faIcons';
-export { indicons } from './indicons';

package/lib/legacy/components/Icon/storyHelpers.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface IconGroupProps {
-    groupObject: any;
-}
-export declare function IconGroup(props: IconGroupProps): React.ReactElement;
-export declare const IconContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const IconGroupContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
-export declare const SpecifiedSizeContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export {};

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

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

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

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

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

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

package/lib/legacy/components/Navigation/Drawer/Drawer.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { IconName, PermafrostComponent } from '@/types';
-import { ListItem } from './types';
-import './Drawer.scss';
-type Props = PermafrostComponent & {
-    style?: React.CSSProperties;
-    logoText?: string;
-    logoIcon?: IconName;
-    headerComponent?: React.ReactNode;
-    navigationItems?: ListItem[];
-    footerItems?: ListItem[];
-    expandedWidth?: string;
-    collapsedWidth?: string;
-};
-export declare const Drawer: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/legacy/components/Navigation/Drawer/Drawer.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Drawer } from '@/legacy/components/Navigation/Drawer';
-declare const meta: Meta<typeof Drawer>;
-export default meta;
-type Story = StoryObj<typeof Drawer>;
-export declare const Normal: Story;

package/lib/legacy/components/Navigation/Drawer/DrawerLinkList.d.ts

@@ -1,9 +0,0 @@
-import { PermafrostComponent } from '@/types';
-import { ListItem } from './types';
-type Props = PermafrostComponent & {
-    style?: object;
-    listItems?: ListItem[];
-    isOpen: boolean;
-};
-export declare const DrawerLinkList: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/legacy/components/Navigation/Drawer/DrawerLinkList.styles.d.ts

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

package/lib/legacy/components/Navigation/Drawer/__mocks__/mocks.d.ts

@@ -1,3 +0,0 @@
-import { ListItem } from '../types';
-export declare const navigationItems: ListItem[];
-export declare const footerItems: ListItem[];

package/lib/legacy/components/Navigation/Drawer/index.d.ts

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

package/lib/legacy/components/Navigation/Drawer/types.d.ts

@@ -1,7 +0,0 @@
-import { IconName } from '@/types';
-export type ListItem = {
-    id: string;
-    icon: IconName;
-    label: string;
-    path: string;
-};

package/lib/legacy/components/Navigation/index.d.ts

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

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

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

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

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Toggle } from './Toggle';
-declare const meta: {
-    component: (props: {
-        disabled: boolean;
-        onChange: any;
-        value: boolean;
-        "aria-label"?: string | undefined;
-        iconSize?: string | number | undefined;
-        checkedIconName?: "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "calendar" | "check-circle" | "circle-help" | "check" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "help" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list" | undefined;
-        notCheckedIconName?: "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "calendar" | "check-circle" | "circle-help" | "check" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "classification-document" | "classification-image" | "classification-page" | "classify-and-unbundle" | "clipboard" | "coffee-1" | "coffee-2" | "coffee-fail" | "coffeecup" | "coffeesteam" | "cog" | "collection" | "compare" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "choose-library" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "document" | "date" | "draggable" | "droplet" | "edit" | "education" | "ellipsis" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "help" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "menu" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-collections" | "no-libraries" | "no_results" | "no-format" | "object-detection" | "organizations" | "output" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "pointer" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "reset" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "text" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "zoom-in" | "zoom-out" | "fa-dot-circle" | "fa-file" | "fa-file-alt" | "fa-file-pdf" | "fa-file-word" | "fa-check-square" | "fa-square" | "fa-angle-double-left" | "fa-arrow-circle-right" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-ban" | "fa-caret-down" | "fa-caret-up" | "fa-chart-bar" | "fa-check" | "fa-check-circle" | "fa-circle-notch" | "fa-clipboard" | "fa-clock" | "fa-clone" | "fa-cloud" | "fa-cog" | "fa-cogs" | "fa-coins" | "fa-cube" | "fa-cut" | "fa-download" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-external-link-alt" | "fa-eye-dropper" | "fa-file-download" | "fa-file-export" | "fa-file-upload" | "fa-filter" | "fa-ghost" | "fa-hat-wizard" | "fa-info-circle" | "fa-key" | "fa-keyboard" | "fa-layer-group" | "fa-pencil-alt" | "fa-plus" | "fa-plus-square" | "fa-question-circle" | "fa-robot" | "fa-search" | "fa-sign-out-alt" | "fa-sliders-h" | "fa-sync-alt" | "fa-tag" | "fa-times" | "fa-times-circle" | "fa-tint" | "fa-toggle-off" | "fa-toggle-on" | "fa-trash" | "fa-trash-alt" | "fa-undo" | "fa-user" | "fa-users" | "fa-mouse-pointer" | "fa-step-forward" | "fa-search-minus" | "fa-search-plus" | "fa-table" | "fa-image" | "fa-link" | "fa-list" | undefined;
-    } & 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/legacy/components/Toggle/Toggle.styles.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,4 +0,0 @@
-/// <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>>;

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

@@ -1,3 +0,0 @@
-/// <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>>;

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

@@ -1,3 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,3 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

package/lib/legacy/components/inputs/RadioButtons/RadioButtons.styles.d.ts

@@ -1,14 +0,0 @@
-/// <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;
-    children: import("react").ReactNode;
-    className?: string | undefined;
-} & import("@react-types/radio").AriaRadioGroupProps, {
-    hideFocusRing: boolean;
-    color: string;
-    labelColor: string;
-    hoverAndSelectedColor: string;
-    focusRingColor: string;
-}>> & Omit<typeof AbstractRadioGroup, keyof import("react").Component<any, {}, any>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,3 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,8 +0,0 @@
-/// <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>, {
-    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>, {
-    overallsize: string;
-}>>;

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

@@ -1,8 +0,0 @@
-/// <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>, {
-    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>, {
-    overallsize: string;
-}>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;

package/lib/legacy/components/modals/ModalBase/ModalBase.styles.d.ts

@@ -1,4 +0,0 @@
-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 {};

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

@@ -1,2 +0,0 @@
-/// <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>>;

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

@@ -1,2 +0,0 @@
-/// <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>>;