@indico-data/design-system 1.0.47 → 1.0.48

package/README.md

@@ -12,6 +12,11 @@ Install dependencies with a simple `yarn` command.
 
 `yarn dev` runs the command `storybook dev -p 6006` which should boot the dev server and open the local host in a browser window.
 
+### Import Issues
+
+When you first set this up, you might run into import issues due to Yarn 4. In order to resolve these, you need to run `yarn dlx @yarnpkg/sdks vscode` (assuming you are on vs code.)
+more information available here(https://stackoverflow.com/questions/54954337/is-it-possible-to-use-yarn-pnp-with-typescript-vscode)
+
 ## Additional scripts
 
 Run the below like `yarn <my command>`

package/jest.config.js

@@ -0,0 +1,15 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jest-environment-jsdom',
+  testPathIgnorePatterns: ['/node_modules/', '/lib/', '__mocks__'],
+  setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
+   moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+  transform: {
+    '^.+\\.(ts|tsx)?$': 'ts-jest',
+    '^.+\\.(js|jsx)$': 'babel-jest',
+  },
+
+};

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

@@ -5,5 +5,5 @@ type Props = PermafrostComponent & {
     header?: React.ReactNode | string;
     open?: boolean;
 };
-export declare const Accordion: (props: Props) => React.JSX.Element;
+export declare const Accordion: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Accordion/Accordion.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
         content: React.ReactNode;
         header?: React.ReactNode;
         open?: boolean | undefined;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
@@ -17,7 +17,7 @@ declare const meta: {
         content: React.ReactNode;
         header?: React.ReactNode;
         open?: boolean | undefined;
-    }>) => React.JSX.Element)[];
+    }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof Accordion>;

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

@@ -66,7 +66,7 @@ export declare const StyledAccordion: import("styled-components").IStyledCompone
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { StoryObj } from '@storybook/react';
 import { Icon } from './Icon';
 declare const meta: {
@@ -16,7 +15,7 @@ declare const meta: {
         name: {
             control: {
                 type: string;
-                options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "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" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "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")[];
+                options: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "filter" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "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" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "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" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "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")[];
             };
         };
     };
@@ -27,11 +26,11 @@ declare const meta: {
         'data-testid'?: string | undefined;
         ariaLabel?: string | undefined;
         fill?: string | undefined;
-        name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "menu" | "filter" | "search" | "split" | "address" | "form" | "label" | "output" | "time" | "indico-o-white" | "account" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "branch" | "check-circle" | "check" | "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" | "company-name" | "confidence-bar-1" | "confidence-bar-2" | "confidence-bar-3" | "confidence-bar-4" | "confidence-bars" | "configure" | "crowdlabel" | "currency" | "dashboard" | "data-and-access" | "database" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "gallery" | "graphiql" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "layout-complex" | "layout-simple" | "location" | "lock" | "model-import" | "model-starter" | "moon" | "moonbow" | "no-format" | "object-detection" | "organizations" | "page-thumbnail" | "pay-as-you-go" | "person" | "phone" | "pin" | "plus" | "popup" | "price" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "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";
+        name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "filter" | "search" | "split" | "indico-o-white" | "account" | "address" | "api-doc" | "arrow-dots" | "arrow-down" | "arrow-up-circle" | "arrows-cursor" | "bookmark" | "bookmarks" | "bookmark-saved" | "branch" | "check-circle" | "circle-help" | "check" | "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" | "date" | "draggable" | "droplet" | "edit" | "education" | "elmos-fire" | "email" | "enterprise" | "exclamation-circle-stroke" | "extraction" | "eye" | "file" | "fileHappy" | "filter-outline" | "folder" | "form" | "gallery" | "find-documents" | "graphiql" | "grid-view" | "happy" | "help-solid" | "highlight" | "highlight-outline" | "indico-logo-white" | "indico-o" | "info" | "kabob" | "key" | "label" | "layout-complex" | "layout-simple" | "list-view" | "libraries" | "location" | "logout" | "lock" | "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" | "popup" | "price" | "preview-view" | "radio-button" | "recruiter" | "regex" | "reject" | "repair" | "research" | "retrain" | "sad" | "search-thin" | "shrug" | "signature" | "sort-down" | "step-forward" | "sun" | "surround" | "surround-outline" | "thumbs-down" | "thumbs-up" | "time" | "trash" | "unlock" | "upload" | "url" | "user" | "wand" | "warning" | "warning-stroke" | "workflows" | "x-close" | "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;
-    }>) => React.JSX.Element)[];
+    }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof Icon>;

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

@@ -1,128 +1,146 @@
-import React from 'react';
 declare const indicons: {
-    'indico-o-white': React.JSX.Element;
-    account: React.JSX.Element;
-    address: React.JSX.Element;
-    'api-doc': React.JSX.Element;
-    'arrow-dots': React.JSX.Element;
-    'arrow-down': React.JSX.Element;
-    'arrow-up-circle': React.JSX.Element;
-    'arrows-cursor': React.JSX.Element;
-    branch: React.JSX.Element;
-    'check-circle': React.JSX.Element;
-    check: React.JSX.Element;
-    checkbox: React.JSX.Element;
-    'chevron-down': React.JSX.Element;
-    'chevron-left': React.JSX.Element;
-    'chevron-right': React.JSX.Element;
-    'chevron-up': React.JSX.Element;
-    'classification-document': React.JSX.Element;
-    'classification-image': React.JSX.Element;
-    'classification-page': React.JSX.Element;
-    'classify-and-unbundle': React.JSX.Element;
-    clipboard: React.JSX.Element;
-    'coffee-1': React.JSX.Element;
-    'coffee-2': React.JSX.Element;
-    'coffee-fail': React.JSX.Element;
-    coffeecup: React.JSX.Element;
-    coffeesteam: React.JSX.Element;
-    'company-name': React.JSX.Element;
-    'confidence-bar-1': React.JSX.Element;
-    'confidence-bar-2': React.JSX.Element;
-    'confidence-bar-3': React.JSX.Element;
-    'confidence-bar-4': React.JSX.Element;
-    'confidence-bars': React.JSX.Element;
-    configure: React.JSX.Element;
-    crowdlabel: React.JSX.Element;
-    currency: React.JSX.Element;
-    dashboard: React.JSX.Element;
-    'data-and-access': React.JSX.Element;
-    database: React.JSX.Element;
-    date: React.JSX.Element;
-    draggable: React.JSX.Element;
-    droplet: React.JSX.Element;
-    edit: React.JSX.Element;
-    education: React.JSX.Element;
-    ellipsis: React.JSX.Element;
-    'elmos-fire': React.JSX.Element;
-    email: React.JSX.Element;
-    enterprise: React.JSX.Element;
-    'exclamation-circle-stroke': React.JSX.Element;
-    extraction: React.JSX.Element;
-    eye: React.JSX.Element;
-    file: React.JSX.Element;
-    fileHappy: React.JSX.Element;
-    filter: React.JSX.Element;
-    'filter-outline': React.JSX.Element;
-    folder: React.JSX.Element;
-    form: React.JSX.Element;
-    gallery: React.JSX.Element;
-    graphiql: React.JSX.Element;
-    happy: React.JSX.Element;
-    'help-solid': React.JSX.Element;
-    help: React.JSX.Element;
-    highlight: React.JSX.Element;
-    'highlight-outline': React.JSX.Element;
-    'indico-logo-white': React.JSX.Element;
-    'indico-o': React.JSX.Element;
-    info: React.JSX.Element;
-    kabob: React.JSX.Element;
-    key: React.JSX.Element;
-    label: React.JSX.Element;
-    'layout-complex': React.JSX.Element;
-    'layout-simple': React.JSX.Element;
-    location: React.JSX.Element;
-    lock: React.JSX.Element;
-    menu: React.JSX.Element;
-    'model-import': React.JSX.Element;
-    'model-starter': React.JSX.Element;
-    moon: React.JSX.Element;
-    moonbow: React.JSX.Element;
-    'no-format': React.JSX.Element;
-    'object-detection': React.JSX.Element;
-    organizations: React.JSX.Element;
-    output: React.JSX.Element;
-    'page-thumbnail': React.JSX.Element;
-    'pay-as-you-go': React.JSX.Element;
-    person: React.JSX.Element;
-    phone: React.JSX.Element;
-    pin: React.JSX.Element;
-    plus: React.JSX.Element;
-    pointer: React.JSX.Element;
-    popup: React.JSX.Element;
-    price: React.JSX.Element;
-    'radio-button': React.JSX.Element;
-    recruiter: React.JSX.Element;
-    regex: React.JSX.Element;
-    reject: React.JSX.Element;
-    repair: React.JSX.Element;
-    research: React.JSX.Element;
-    retrain: React.JSX.Element;
-    sad: React.JSX.Element;
-    search: React.JSX.Element;
-    shrug: React.JSX.Element;
-    signature: React.JSX.Element;
-    'sort-down': React.JSX.Element;
-    split: React.JSX.Element;
-    'step-forward': React.JSX.Element;
-    sun: React.JSX.Element;
-    surround: React.JSX.Element;
-    'surround-outline': React.JSX.Element;
-    text: React.JSX.Element;
-    'thumbs-down': React.JSX.Element;
-    'thumbs-up': React.JSX.Element;
-    time: React.JSX.Element;
-    trash: React.JSX.Element;
-    unlock: React.JSX.Element;
-    upload: React.JSX.Element;
-    url: React.JSX.Element;
-    user: React.JSX.Element;
-    wand: React.JSX.Element;
-    warning: React.JSX.Element;
-    'warning-stroke': React.JSX.Element;
-    workflows: React.JSX.Element;
-    'x-close': React.JSX.Element;
-    'zoom-in': React.JSX.Element;
-    'zoom-out': React.JSX.Element;
+    'indico-o-white': import("react/jsx-runtime").JSX.Element;
+    account: import("react/jsx-runtime").JSX.Element;
+    address: import("react/jsx-runtime").JSX.Element;
+    'api-doc': import("react/jsx-runtime").JSX.Element;
+    'arrow-dots': import("react/jsx-runtime").JSX.Element;
+    'arrow-down': import("react/jsx-runtime").JSX.Element;
+    'arrow-up-circle': import("react/jsx-runtime").JSX.Element;
+    'arrows-cursor': import("react/jsx-runtime").JSX.Element;
+    bookmark: import("react/jsx-runtime").JSX.Element;
+    bookmarks: import("react/jsx-runtime").JSX.Element;
+    'bookmark-saved': import("react/jsx-runtime").JSX.Element;
+    branch: import("react/jsx-runtime").JSX.Element;
+    'check-circle': import("react/jsx-runtime").JSX.Element;
+    'circle-help': import("react/jsx-runtime").JSX.Element;
+    check: import("react/jsx-runtime").JSX.Element;
+    checkbox: import("react/jsx-runtime").JSX.Element;
+    'chevron-down': import("react/jsx-runtime").JSX.Element;
+    'chevron-left': import("react/jsx-runtime").JSX.Element;
+    'chevron-right': import("react/jsx-runtime").JSX.Element;
+    'chevron-up': import("react/jsx-runtime").JSX.Element;
+    'classification-document': import("react/jsx-runtime").JSX.Element;
+    'classification-image': import("react/jsx-runtime").JSX.Element;
+    'classification-page': import("react/jsx-runtime").JSX.Element;
+    'classify-and-unbundle': import("react/jsx-runtime").JSX.Element;
+    clipboard: import("react/jsx-runtime").JSX.Element;
+    'coffee-1': import("react/jsx-runtime").JSX.Element;
+    'coffee-2': import("react/jsx-runtime").JSX.Element;
+    'coffee-fail': import("react/jsx-runtime").JSX.Element;
+    coffeecup: import("react/jsx-runtime").JSX.Element;
+    coffeesteam: import("react/jsx-runtime").JSX.Element;
+    cog: import("react/jsx-runtime").JSX.Element;
+    collection: import("react/jsx-runtime").JSX.Element;
+    compare: import("react/jsx-runtime").JSX.Element;
+    'company-name': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-1': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-2': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-3': import("react/jsx-runtime").JSX.Element;
+    'confidence-bar-4': import("react/jsx-runtime").JSX.Element;
+    'confidence-bars': import("react/jsx-runtime").JSX.Element;
+    configure: import("react/jsx-runtime").JSX.Element;
+    'choose-library': import("react/jsx-runtime").JSX.Element;
+    crowdlabel: import("react/jsx-runtime").JSX.Element;
+    currency: import("react/jsx-runtime").JSX.Element;
+    dashboard: import("react/jsx-runtime").JSX.Element;
+    'data-and-access': import("react/jsx-runtime").JSX.Element;
+    database: import("react/jsx-runtime").JSX.Element;
+    date: import("react/jsx-runtime").JSX.Element;
+    draggable: import("react/jsx-runtime").JSX.Element;
+    droplet: import("react/jsx-runtime").JSX.Element;
+    edit: import("react/jsx-runtime").JSX.Element;
+    education: import("react/jsx-runtime").JSX.Element;
+    ellipsis: import("react/jsx-runtime").JSX.Element;
+    'elmos-fire': import("react/jsx-runtime").JSX.Element;
+    email: import("react/jsx-runtime").JSX.Element;
+    enterprise: import("react/jsx-runtime").JSX.Element;
+    'exclamation-circle-stroke': import("react/jsx-runtime").JSX.Element;
+    extraction: import("react/jsx-runtime").JSX.Element;
+    eye: import("react/jsx-runtime").JSX.Element;
+    file: import("react/jsx-runtime").JSX.Element;
+    fileHappy: import("react/jsx-runtime").JSX.Element;
+    filter: import("react/jsx-runtime").JSX.Element;
+    'filter-outline': import("react/jsx-runtime").JSX.Element;
+    folder: import("react/jsx-runtime").JSX.Element;
+    form: import("react/jsx-runtime").JSX.Element;
+    gallery: import("react/jsx-runtime").JSX.Element;
+    'find-documents': import("react/jsx-runtime").JSX.Element;
+    graphiql: import("react/jsx-runtime").JSX.Element;
+    'grid-view': import("react/jsx-runtime").JSX.Element;
+    happy: import("react/jsx-runtime").JSX.Element;
+    'help-solid': import("react/jsx-runtime").JSX.Element;
+    help: import("react/jsx-runtime").JSX.Element;
+    highlight: import("react/jsx-runtime").JSX.Element;
+    'highlight-outline': import("react/jsx-runtime").JSX.Element;
+    'indico-logo-white': import("react/jsx-runtime").JSX.Element;
+    'indico-o': import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
+    kabob: import("react/jsx-runtime").JSX.Element;
+    key: import("react/jsx-runtime").JSX.Element;
+    label: import("react/jsx-runtime").JSX.Element;
+    'layout-complex': import("react/jsx-runtime").JSX.Element;
+    'layout-simple': import("react/jsx-runtime").JSX.Element;
+    'list-view': import("react/jsx-runtime").JSX.Element;
+    libraries: import("react/jsx-runtime").JSX.Element;
+    location: import("react/jsx-runtime").JSX.Element;
+    logout: import("react/jsx-runtime").JSX.Element;
+    lock: import("react/jsx-runtime").JSX.Element;
+    menu: import("react/jsx-runtime").JSX.Element;
+    'model-import': import("react/jsx-runtime").JSX.Element;
+    'model-starter': import("react/jsx-runtime").JSX.Element;
+    moon: import("react/jsx-runtime").JSX.Element;
+    moonbow: import("react/jsx-runtime").JSX.Element;
+    'no-collections': import("react/jsx-runtime").JSX.Element;
+    'no-libraries': import("react/jsx-runtime").JSX.Element;
+    no_results: import("react/jsx-runtime").JSX.Element;
+    'no-format': import("react/jsx-runtime").JSX.Element;
+    'object-detection': import("react/jsx-runtime").JSX.Element;
+    organizations: import("react/jsx-runtime").JSX.Element;
+    output: import("react/jsx-runtime").JSX.Element;
+    'page-thumbnail': import("react/jsx-runtime").JSX.Element;
+    'pay-as-you-go': import("react/jsx-runtime").JSX.Element;
+    person: import("react/jsx-runtime").JSX.Element;
+    phone: import("react/jsx-runtime").JSX.Element;
+    pin: import("react/jsx-runtime").JSX.Element;
+    plus: import("react/jsx-runtime").JSX.Element;
+    pointer: import("react/jsx-runtime").JSX.Element;
+    popup: import("react/jsx-runtime").JSX.Element;
+    price: import("react/jsx-runtime").JSX.Element;
+    'preview-view': import("react/jsx-runtime").JSX.Element;
+    'radio-button': import("react/jsx-runtime").JSX.Element;
+    recruiter: import("react/jsx-runtime").JSX.Element;
+    regex: import("react/jsx-runtime").JSX.Element;
+    reject: import("react/jsx-runtime").JSX.Element;
+    repair: import("react/jsx-runtime").JSX.Element;
+    research: import("react/jsx-runtime").JSX.Element;
+    reset: import("react/jsx-runtime").JSX.Element;
+    retrain: import("react/jsx-runtime").JSX.Element;
+    sad: import("react/jsx-runtime").JSX.Element;
+    search: import("react/jsx-runtime").JSX.Element;
+    'search-thin': import("react/jsx-runtime").JSX.Element;
+    shrug: import("react/jsx-runtime").JSX.Element;
+    signature: import("react/jsx-runtime").JSX.Element;
+    'sort-down': import("react/jsx-runtime").JSX.Element;
+    split: import("react/jsx-runtime").JSX.Element;
+    'step-forward': import("react/jsx-runtime").JSX.Element;
+    sun: import("react/jsx-runtime").JSX.Element;
+    surround: import("react/jsx-runtime").JSX.Element;
+    'surround-outline': import("react/jsx-runtime").JSX.Element;
+    text: import("react/jsx-runtime").JSX.Element;
+    'thumbs-down': import("react/jsx-runtime").JSX.Element;
+    'thumbs-up': import("react/jsx-runtime").JSX.Element;
+    time: import("react/jsx-runtime").JSX.Element;
+    trash: import("react/jsx-runtime").JSX.Element;
+    unlock: import("react/jsx-runtime").JSX.Element;
+    upload: import("react/jsx-runtime").JSX.Element;
+    url: import("react/jsx-runtime").JSX.Element;
+    user: import("react/jsx-runtime").JSX.Element;
+    wand: import("react/jsx-runtime").JSX.Element;
+    warning: import("react/jsx-runtime").JSX.Element;
+    'warning-stroke': import("react/jsx-runtime").JSX.Element;
+    workflows: import("react/jsx-runtime").JSX.Element;
+    'x-close': import("react/jsx-runtime").JSX.Element;
+    'zoom-in': import("react/jsx-runtime").JSX.Element;
+    'zoom-out': import("react/jsx-runtime").JSX.Element;
 };
 export { indicons };

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

@@ -66,7 +66,7 @@ export declare const IconContainer: import("styled-components").IStyledComponent
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -337,7 +337,7 @@ export declare const IconGroupContainer: import("styled-components").IStyledComp
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -608,7 +608,7 @@ export declare const SpecifiedSizeContainer: import("styled-components").IStyled
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

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

@@ -17,5 +17,5 @@ type Props = {
         'data-cy': string;
     };
 };
-export declare const Header: (props: Props) => React.JSX.Element;
+export declare const Header: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -63,7 +63,7 @@ export declare const StyledHeader: import("styled-components").IStyledComponent<
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

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

@@ -37,5 +37,5 @@ type Props = PermafrostComponent & {
     title: string;
     totalCount?: number;
 };
-export declare const ListTable: (props: Props) => React.JSX.Element;
+export declare const ListTable: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default ListTable;

package/lib/components/ListTable/ListTable.stories.d.ts

@@ -38,7 +38,7 @@ declare const meta: {
         subTitle?: React.ReactNode;
         title: string;
         totalCount?: number | undefined;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     title: string;
     argTypes: {};
 };

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

@@ -63,7 +63,7 @@ export declare const StyledListTable: import("styled-components").IStyledCompone
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "date" | "location" | "step" | undefined;
+    "aria-current"?: boolean | "page" | "false" | "true" | "date" | "location" | "time" | "step" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode | React.ReactNode[];
+    className?: string;
+    isLoading?: boolean;
+    style?: React.CSSProperties;
+};
+/**
+ * A functional container for content that is yet to load or will change; displays a loading indicator and announces
+ * to Assistive Technology as needed.
+ *
+ * todo: this is an extremely simple version of this component; as I get more familiar with LoadingIndicator use cases, this will be refactored. - jm 9/1/2020
+ */
+export declare function LoadingAwareContainer(props: Props): React.ReactElement;
+export {};

package/lib/components/LoadingAwareContainer/LoadingAwareContainer.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+import { LoadingAwareContainer } from './LoadingAwareContainer';
+declare const meta: {
+    component: typeof LoadingAwareContainer;
+    title: string;
+    argTypes: {
+        className: {
+            control: {
+                disable: boolean;
+            };
+        };
+        style: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof LoadingAwareContainer>;
+export declare const Loading: Story;
+export declare const Complete: Story;