@indico-data/design-system 2.1.2 → 2.2.0

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/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/types.d.ts

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

package/src/legacy/components/Icon/Icon.stories.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-
-import { IconName } from '@/types';
-import { faIcons } from './faIcons';
-import { indicons } from './indicons';
-import { Icon } from './Icon';
-import { IconContainer, SpecifiedSizeContainer } from './storyHelpers';
-
-const indiconsOptions: IconName[] = Object.keys(indicons) as IconName[];
-const faIconsOptions: IconName[] = Object.keys(faIcons) as IconName[];
-
-const meta = {
-  component: Icon,
-  title: 'legacy/Icon',
-  argTypes: {
-    ariaLabel: { control: { disable: true } },
-    size: { description: '[value] or [height, width]' },
-    name: { control: { type: 'select', options: indiconsOptions } },
-  },
-  decorators: [
-    (Story) => (
-      <IconContainer>
-        <Story />
-      </IconContainer>
-    ),
-  ],
-} satisfies Meta<typeof Icon>;
-
-export default meta;
-type Story = StoryObj<typeof Icon>;
-
-export const General: Story = {
-  argTypes: { name: { control: { type: 'select', options: indiconsOptions } } },
-  args: {
-    name: indiconsOptions[0],
-  },
-};
-
-export const Indicon: Story = {
-  argTypes: { name: { control: { type: 'select', options: indiconsOptions } } },
-  args: { name: indiconsOptions[0] },
-};
-
-export const FontAwesome: Story = {
-  argTypes: { name: { control: { type: 'select', options: faIconsOptions } } },
-  args: { name: faIconsOptions[27] },
-};
-export const SizeSpecified: Story = {
-  argTypes: { name: { control: { type: 'select', options: indiconsOptions } } },
-  args: { name: indiconsOptions[0] },
-  render: (args) => (
-    <SpecifiedSizeContainer>
-      <Icon {...args} size={[150]} />
-      <code>{'size = {[150]}'}</code>
-
-      <Icon {...args} size={[100, 100]} />
-      <code>{'size = {[100, 100]}'}</code>
-    </SpecifiedSizeContainer>
-  ),
-};

package/src/legacy/components/Icon/Icon.tsx

@@ -1,76 +0,0 @@
-// TODO: This component's migration was fast-tracked for Insights. Assess for potential refactor and documentation.
-
-import React from 'react';
-
-import { PermafrostComponent, IconName } from '@/types';
-
-import { faIcons } from './faIcons';
-import { indicons } from './indicons';
-
-const allIcons = {
-  ...faIcons,
-  ...indicons,
-} as const;
-
-type Props = PermafrostComponent & {
-  ariaLabel?: string;
-  fill?: string;
-  name: IconName;
-  /* `[value]` or `[width, height]` */
-  size?: [string | number] | [string | number, string | number];
-  style?: any;
-  onClick?(): void;
-  ref?: React.Ref<SVGSVGElement>;
-};
-
-type IconComponentProps = {
-  children: React.ReactNode;
-  fill: string;
-  viewBox: string;
-};
-
-/**
- * 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 function Icon({ style = {}, ...props }: Props): React.ReactElement | null {
-  const ariaLabel = props.ariaLabel
-    ? { 'aria-label': props.ariaLabel }
-    : { 'aria-hidden': true, focusable: false };
-  const iconComponentProps: IconComponentProps = allIcons[props.name]?.props || null;
-  const dimensions =
-    props.size && props.size.length > 0
-      ? returnDimensions(props.size)
-      : { width: '1em', height: '1em' };
-
-  if (!iconComponentProps) {
-    console.error(`${props.name} is not a valid icon name.`);
-
-    return null;
-  }
-
-  return (
-    <svg
-      {...iconComponentProps}
-      {...ariaLabel}
-      {...dimensions}
-      ref={props.ref}
-      role="img"
-      className={props.className}
-      data-cy={props['data-cy']}
-      data-testid={props['data-testid']}
-      fill={props.fill || 'currentColor'}
-      id={props.id}
-      style={style}
-      onClick={props.onClick}
-    />
-  );
-}
-
-function returnDimensions(sizeProp: [string | number] | [string | number, string | number]) {
-  if (sizeProp.length > 1) {
-    return { width: sizeProp[0], height: sizeProp[1] };
-  }
-
-  return { width: sizeProp[0], height: sizeProp[0] };
-}