@indico-data/design-system 1.0.57 → 2.0.0

package/src/stylesAndAnimations/colors/constants.ts

@@ -0,0 +1,151 @@
+export const colorList = ['primary', 'secondary', 'gray', 'red', 'orange', 'green'];
+export const lightThemeColors = {
+  primary: {
+    base: '#6833D0',
+    100: '#F0EBFA',
+    200: '#D5C6F2',
+    300: '#BAA1E9',
+    400: '#8C64DB',
+    500: '#6833D0',
+    600: '#5E2EBB',
+    700: '#5329A6',
+    800: '#492492',
+    900: '#3E1F7D',
+  },
+  secondary: {
+    base: '#0070F5',
+    100: '#DCEAFD',
+    200: '#B3D4FC',
+    300: '#7AB5FA',
+    400: '#4797F5',
+    500: '#0070F5',
+    600: '#0067E1',
+    700: '#005AC4',
+    800: '#004EAC',
+    900: '#004393',
+  },
+  gray: {
+    base: '#444444',
+    100: '#EEEEEE',
+    200: '#D0D0D0',
+    300: '#A9A9A9',
+    400: '#737373',
+    500: '#444444',
+    600: '#373737',
+    700: '#2C2C2C',
+    800: '#1F1F1F',
+    900: '#141414',
+  },
+  green: {
+    base: '#008A00',
+    100: '#D6ECD6',
+    200: '#99D099',
+    300: '#66B966',
+    400: '#33A133',
+    500: '#008A00',
+    600: '#007C00',
+    700: '#006E00',
+    800: '#006100',
+    900: '#005300',
+  },
+  orange: {
+    base: '#FFA424',
+    100: '#FFDFB2',
+    200: '#FFD292',
+    300: '#FFC471',
+    400: '#FFB650',
+    500: '#FFA424',
+    600: '#F29C22',
+    700: '#E69420',
+    800: '#CC831D',
+    900: '#B37319',
+  },
+  red: {
+    base: '#E72326',
+    100: '#FFD6D6',
+    200: '#F49EA0',
+    300: '#EF696B',
+    400: '#EB4649',
+    500: '#E72326',
+    600: '#D52023',
+    700: '#C21D20',
+    800: '#B01B1D',
+    900: '#9D181A',
+  },
+} as Record<string, any>;
+
+export const darkThemeColors = {
+  primary: {
+    base: '#27374D',
+    100: '#E2E4E8',
+    200: '#B6BAC1',
+    300: '#898F9A',
+    400: '#5D6573',
+    500: '#27374D',
+    600: '#202C3A',
+    700: '#192228',
+    800: '#131816',
+    900: '#0D0E0E',
+  },
+  secondary: {
+    base: '#526D82',
+    100: '#E6E9EB',
+    200: '#C0C7CD',
+    300: '#99A5AF',
+    400: '#738491',
+    500: '#526D82',
+    600: '#3F5866',
+    700: '#2C434A',
+    800: '#1A2E2E',
+    900: '#071919',
+  },
+  gray: {
+    base: '#DDE6ED',
+    100: '#F7F9FA',
+    200: '#EAF2F5',
+    300: '#DDE6ED',
+    400: '#D1DAE5',
+    500: '#C4CFDD',
+    600: '#B7C3D5',
+    700: '#AAB8CD',
+    800: '#9DACB5',
+    900: '#90A19D',
+  },
+  green: {
+    base: '#82DD55',
+    100: '#F0FFF2',
+    200: '#E1FFD5',
+    300: '#D2FFB8',
+    400: '#C3FF9B',
+    500: '#82DD55',
+    600: '#6FC94A',
+    700: '#5CB53F',
+    800: '#4AA134',
+    900: '#388D29',
+  },
+  orange: {
+    base: '#EDB95E',
+    100: '#FFF7E6',
+    200: '#FFEDCC',
+    300: '#FFE4B2',
+    400: '#FFDA99',
+    500: '#EDB95E',
+    600: '#DAA54D',
+    700: '#C7913D',
+    800: '#B47D2D',
+    900: '#A1691D',
+  },
+  red: {
+    base: '#E23636',
+    100: '#FDECEC',
+    200: '#FBD1D1',
+    300: '#F9B6B6',
+    400: '#F79B9B',
+    500: '#E23636',
+    600: '#C72F2F',
+    700: '#AC2828',
+    800: '#912121',
+    900: '#761A1A',
+  },
+} as Record<string, any>;
+export const shades = 9;

package/src/stylesAndAnimations/colors/hooks.tsx

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react';
+
+export const useTheme = () => {
+  const [theme, setTheme] = useState(document.body.getAttribute('data-theme') || 'light');
+
+  useEffect(() => {
+    const currentTheme = document.body.getAttribute('data-theme') || 'light';
+    if (theme !== currentTheme) {
+      setTheme(currentTheme);
+    }
+
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'data-theme') {
+          setTheme(document.body.getAttribute('data-theme') || 'light');
+        }
+      });
+    });
+
+    observer.observe(document.body, { attributes: true });
+
+    return () => {
+      observer.disconnect();
+    };
+  }, [theme]);
+
+  return theme;
+};

package/src/stylesAndAnimations/colors/index.ts

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

package/src/stylesAndAnimations/colors/swatches.scss

@@ -0,0 +1,11 @@
+.sb__swatch {
+  cursor: pointer;
+}
+.sb__swatch__block {
+  height: 30px;
+  width: 30px;
+}
+.sb__swatch__description {
+  display: flex;
+  align-items: center;
+}

package/src/stylesAndAnimations/sizing/Sizing.mdx

@@ -0,0 +1,62 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+import * as Sizing from './Sizing.stories';
+
+<Meta title="Utility Classes/Sizing" />
+# Sizing 
+The Sizing utility classes follow this pattern of usage.
+
+Instructuions: `{property}{direction}-{size}` The property applies the type of spacing:
+
+- `m` - applies margin
+- `p` - applies padding
+
+### The direction designates the side the property applies to:
+
+- `t` - applies the spacing for margin-top and padding-top
+- `b` - applies the spacing for margin-bottom and padding-bottom
+- `l` - applies the spacing for margin-left and padding-left
+- `r` - applies the spacing for margin-right and padding-right
+- `x` - applies the spacing for margin and padding _-left and _-right
+- `y` - applies the spacing for margin and padding _-top and _-bottom
+- `a` - applies the spacing for margin and padding in all directions
+
+### The size controls the increment of the property in 4px intervals:
+
+- `0` - eliminates all margin and padding by setting it to 0
+- `1` - sets margin or padding 4px
+- `2` - sets margin or padding 8px
+- `3` - sets margin or padding 12px
+- `4` - sets margin or padding 16px
+- `5` - sets margin or padding 20px
+- `6` - sets margin or padding 24px
+- `7` - sets margin or padding 28px
+- `8` - sets margin or padding 32px
+- `9` - sets margin or padding 36px
+- `10` - sets margin or padding 40px
+- `11` - sets margin or padding 44px
+- `12` - sets margin or padding 48px
+- `13` - sets margin or padding 52px
+- `14` - sets margin or padding 56px
+- `15` - sets margin or padding 60px
+- `16` - sets margin or padding 64px
+- `n1` - sets margin to -4px
+- `n2` - sets margin to -8px
+- `n3` - sets margin to -12px
+- `n4` - sets margin to -16px
+- `n5` - sets margin to -20px
+- `n6` - sets margin to -24px
+- `n7` - sets margin to -28px
+- `n8` - sets margin to -32px
+- `n9` - sets margin to -36px
+- `n10` - sets margin to -40px
+- `n11` - sets margin to -44px
+- `n12` - sets margin to -48px
+- `n13` - sets margin to -52px
+- `n14` - sets margin to -56px
+- `n15` - sets margin to -60px
+- `n16` - sets margin to -64px
+- `auto` - sets the spacing to auto
+
+#### Example
+
+<Canvas of={Sizing.Default} />

package/src/stylesAndAnimations/sizing/Sizing.stories.tsx

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sizing } from './Sizing';
+
+const meta: Meta<typeof Sizing> = {
+  title: 'remove/Sizing',
+  component: Sizing,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Sizing>;
+
+export const Default: Story = {};

package/src/stylesAndAnimations/sizing/Sizing.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import '../../styles/_borders.scss';
+export const Sizing = () => {
+  return (
+    <>
+      <p className="ma-2 border border-gray-800">ma-2</p>
+      <div className="pa-2  border border-gray-800">pa-2</div>
+    </>
+  );
+};

package/src/stylesAndAnimations/sizing/index.ts

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

package/src/stylesAndAnimations/typography/Typography.mdx

@@ -0,0 +1,88 @@
+import '../../styles/_typography.scss';
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+import * as Typography from './Typography.stories';
+
+<Meta title="Utility Classes/Typography" />
+# Typography 
+In order to leverage the typography utility classes, you must follow the pattern of usage laid out below.
+
+**Note** Storybook adds padding and margin to text styles, these are not present in the actual
+implementation.
+
+## Headings
+
+For headings, you can use either the regular `h 1->5` tags, or apply this helper class to the elements you want to style.
+
+- <p className="text-h1">`text-h1`: Heading 1</p>
+- <p className="text-h2">`text-h2`: Heading 2</p>
+- <p className="text-h3">`text-h3`: Heading 3</p>
+- <p className="text-h4">`text-h4`: Heading 4</p>
+- <p className="text-h5">`text-h5`: Heading 5</p>
+
+## Body Text and Subtitles
+
+The body text 1 and p tags are the same font size. From there we increase or decrease accordingly.
+
+- <p className="text-body">`text-body`: Body Text</p>
+- <p className="text-body-2">`text-body-2`: Body Text 2</p>
+- <p className="subtitle">`subtitle`: Subtitle</p>
+- <p className="subtitle-2">`subtitle-2`: Subtitle 2</p>
+- <p className="text-caption">`text-caption`: Caption</p>
+- <p className="text-overline">`text-overline`: Overline</p>
+
+## Text Transform
+
+These classes change the case of the text.
+
+- <p>
+    `.text-capitalize`:{' '}
+    <span className="text-capitalize">Capitalizes the first letter of each word.</span>
+  </p>
+- <p>
+    `.text-uppercase`: <span className="text-uppercase">Converts all characters to uppercase.</span>
+  </p>
+- <p>
+    `.text-lowercase`: <span className="text-lowercase">Converts all characters to lowercase.</span>
+  </p>
+
+## Text Decoration
+
+These classes add a line decoration to the text.
+
+- <p className="text-decoration--none">`.text-decoration--none`: Removes all decorations.</p>
+- <p className="text-decoration--underline">`.text-decoration--underline`: Adds an underline.</p>
+- <p className="text-decoration--line-through">
+    `.text-decoration--line-through`: Adds a line through the text.
+  </p>
+- <p className="text-decoration--overline">
+    `.text-decoration--overline`: Adds a line over the text.
+  </p>
+
+- <p className="text-weight--thin">`.text-weight--thin`: Makes the text thin.</p>
+- <p className="text-weight--light">`.text-weight--light`: Makes the text light.</p>
+- <p className="text-weight--regular">`.text-weight--regular`: Makes the text regular.</p>
+- <p className="text-weight--medium">`.text-weight--medium`: Makes the text medium.</p>
+- <p className="text-weight--bold">`.text-weight--bold`: Makes the text bold.</p>
+- <p className="text-weight--heavy">`.text-weight--heavy`: Makes the text heavy.</p>
+
+## Text Alignment
+
+These classes change the alignment of the text.
+
+- <p className="text-align--left">`.text-align--left`: Aligns the text to the left.</p>
+- <p className="text-align--center">`.text-align--center`: Centers the text.</p>
+- <p className="text-align--right">`.text-align--right`: Aligns the text to the right.</p>
+
+## Text Opacity
+
+These classes change the opacity of the text. They range from 0 to 100 in 5% increments.
+
+- <p className="text-opacity--100">`.text-opacity--0`: Makes the text fully transparent.</p>
+- <p className="text-opacity--100">`.text-opacity--50`: Makes the text 50% opaque.</p>
+- <p className="text-opacity--100">`.text-opacity--100`: Makes the text fully opaque.</p>
+
+## Word Wrap
+
+This class changes how long words are broken to the next line.
+
+- <p className="text-break--word">`.text-break--word`: Breaks words to prevent overflow.</p>

package/src/stylesAndAnimations/typography/Typography.stories.tsx

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Typography } from './Typography';
+
+const meta: Meta<typeof Typography> = {
+  title: 'remove/typography',
+  component: Typography,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Typography>;
+
+export const Default: Story = {};

package/src/stylesAndAnimations/typography/Typography.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Container, Row, Col } from 'react-grid-system';
+
+export const Typography = () => {
+  return (
+    <Container>
+      <Row>
+        <Col>test</Col>
+      </Row>
+    </Container>
+  );
+};

package/src/stylesAndAnimations/typography/index.ts

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

package/src/types.ts

@@ -1,5 +1,5 @@
-import { faIcons } from '../src/components/Icon/faIcons';
-import { indicons } from '../src/components/Icon/indicons';
+import { faIcons } from './legacy/components/Icon/faIcons';
+import { indicons } from './legacy/components/Icon/indicons';
 
 const allIcons = {
   ...faIcons,
@@ -19,6 +19,6 @@ export type ButtonVariant = 'default' | 'primary' | 'destructive';
 export type ButtonSize = 'normal' | 'large';
 
 // Component types -- TODO -- move to their own files
-import { ListItem } from './components/Navigation/Drawer/types';
+import { ListItem } from './legacy/components/Navigation/Drawer/types';
 
 export type { ListItem };

package/webpack.config.js

@@ -1,5 +1,7 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
+const path = require('path');
+
 process.env.NODE_ENV = 'development';
 const host = process.env.HOST || 'localhost';
 
@@ -26,10 +28,23 @@ module.exports = {
           loader: 'babel-loader',
         },
       },
+      {
+        test: /\.mdx$/,
+        use: ['babel-loader', '@mdx-js/loader'],
+      },
+      {
+        test: /\.scss$/,
+        use: ['style-loader', {
+          loader: 'css-loader',
+          options: {
+            modules: false,
+          },
+        }, 'sass-loader'],
+      },
     ],
   },
   resolve: {
-    extensions: ['.mjs', '.js', '.cjs', '.jsx', '.tsx', '.ts'],
+    extensions: ['.mjs', '.js', '.cjs', '.jsx', '.tsx', '.ts', '.mdx'],
     modules: ['node_modules'],
   },
   externals: {
@@ -39,4 +54,4 @@ module.exports = {
     'react-select': 'react-select',
     'styled-components': 'styled-components',
   },
-};
+};

package/.storybook/themes.js

@@ -1,24 +0,0 @@
-import { create } from '@storybook/theming/create';
-
-import indicoDataLogo from './indico-data-logo.svg';
-
-export const lightTheme = create({
-  // UI
-  appBorderRadius: 4,
-
-  // Typography
-  fontBase: 'Noto Sans, Avenir Next, Avenir, Noto, sans-serif',
-  fontCode: 'monospace',
-
-  // Form colors
-  inputBorderRadius: 4,
-
-  brandTitle: 'indico',
-  brandUrl: 'indicodata.ai',
-
-  base: 'light',
-
-  appBg: 'rgba(132,152,182,0.2)',
-
-  brandImage: indicoDataLogo,
-});

package/lib/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: ("checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "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" | "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" | "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" | "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")[];
-            };
-        };
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
-        id?: string | undefined;
-        className?: string | undefined;
-        'data-cy'?: string | undefined;
-        'data-testid'?: string | undefined;
-        ariaLabel?: string | undefined;
-        fill?: string | undefined;
-        name: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "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" | "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" | "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" | "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;
-        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/components/Navigation/Drawer/Drawer.styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type Props = {
-    $collapsedWidth?: string;
-    $expandedWidth?: string;
-};
-export declare const StyledDrawer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
-export {};

package/lib/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?: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "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" | "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" | "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" | "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" | undefined;
-        notCheckedIconName?: "checkbox" | "ellipsis" | "help" | "pointer" | "text" | "zoom-in" | "zoom-out" | "reset" | "menu" | "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" | "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" | "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" | "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" | 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/components/inputs/NoInputDatePicker/__tests__/NoInputDatePicker.test.d.ts

@@ -1 +0,0 @@
-export {};