@veritone-ce/design-system 1.12.1 → 1.12.3

package/dist/components/ListItem/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItem as MuiListItem } from '@mui/material';
+const ListItem = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiListItem, Object.assign({}, props));
+};
+export default ListItem;

package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts

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

package/dist/components/ListItemButton/__tests__/ListItemButton.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import ListItemButton from '..';
+describe('<ListItemButton />', () => {
+    it('should render the ListItemButton component', () => {
+        render(_jsx(ListItemButton, { "data-testid": "list-item-button" }));
+        expect(screen.getByTestId('list-item-button')).toBeInTheDocument();
+    });
+});

package/dist/components/ListItemButton/index.d.ts

@@ -0,0 +1,6 @@
+import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material';
+type ListItemButtonProps = {
+    'data-testid'?: string;
+} & MuiListItemButtonProps;
+declare const ListItemButton: ({ ...props }: ListItemButtonProps) => JSX.Element;
+export default ListItemButton;

package/dist/components/ListItemButton/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemButton as MuiListItemButton } from '@mui/material';
+const ListItemButton = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiListItemButton, Object.assign({}, props));
+};
+export default ListItemButton;

package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts

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

package/dist/components/ListItemText/__tests__/ListItemText.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import ListItemText from '..';
+describe('<ListItemText />', () => {
+    it('should render the ListItemText component', () => {
+        render(_jsx(ListItemText, { "data-testid": "list-item-text" }));
+        expect(screen.getByTestId('list-item-text')).toBeInTheDocument();
+    });
+});

package/dist/components/ListItemText/index.d.ts

@@ -0,0 +1,6 @@
+import { ListItemTextProps as MuiListItemTextProps } from '@mui/material';
+type ListItemTextProps = {
+    'data-testid'?: string;
+} & MuiListItemTextProps;
+declare const ListItemText: ({ ...props }: ListItemTextProps) => JSX.Element;
+export default ListItemText;

package/dist/components/ListItemText/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemText as MuiListItemText } from '@mui/material';
+const ListItemText = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiListItemText, Object.assign({}, props));
+};
+export default ListItemText;

package/dist/components/ProgressIndicator/DefaultProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProgressIndicatorProps } from '.';
 declare const DefaultProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => JSX.Element;
 export default DefaultProgress;

package/dist/components/ProgressIndicator/MLProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProgressIndicatorProps } from '.';
 declare const MLProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => JSX.Element;
 export default MLProgress;

package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
 import ProgressIndicator, { ProgressIndicatorProps } from '.';
 declare const _default: ComponentMeta<({ type, ...props }: ProgressIndicatorProps) => JSX.Element>;

package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js

@@ -4,7 +4,15 @@ import { screen } from '@testing-library/react';
 import ProgressIndicator from '../';
 describe('<ProgressIndicator />', () => {
     it('should render the ProgressIndicator component', () => {
-        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator" }));
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", itemLoading: "true" }));
+        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
+    });
+    it('should render component ProgressIndicator type medium', () => {
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "medium", itemLoading: "true" }));
+        expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
+    });
+    it('should render component ProgressIndicator type large', () => {
+        render(_jsx(ProgressIndicator, { "data-testid": "progress-indicator", type: "large", itemLoading: "true" }));
         expect(screen.getByTestId('progress-indicator')).toBeInTheDocument();
     });
 });

package/dist/components/ProgressIndicator/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CircularProgressProps } from '@mui/material';
 export type ProgressIndicatorProps = {
     'data-testid'?: string;

package/dist/components/RadioButton/RadioButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
 import RadioButton from '.';
 declare const _default: ComponentMeta<({ label, ...props }: {

package/dist/components/RadioButton/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioProps } from '@mui/material';
 type RadioButtonProps = {
     'data-testid'?: string;

package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts

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

package/dist/components/RadioGroup/__tests__/RadioGroup.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import RadioGroup from '..';
+describe('<RadioGroup />', () => {
+    it('should render the RadioGroup component', () => {
+        render(_jsx(RadioGroup, { "data-testid": "radio-group" }));
+        expect(screen.getByTestId('radio-group')).toBeInTheDocument();
+    });
+});

package/dist/components/RadioGroup/index.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
+type RadioGroupProps = {
+    'data-testid'?: string;
+} & MuiRadioGroupProps;
+declare const RadioGroup: ({ ...props }: RadioGroupProps) => JSX.Element;
+export default RadioGroup;

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroup as MuiRadioGroup } from '@mui/material';
+const RadioGroup = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiRadioGroup, Object.assign({}, props));
+};
+export default RadioGroup;

package/dist/components/Select/Select.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => JSX.Element>;
 export default _default;

package/dist/components/Select/__tests__/Select.test.js

@@ -8,11 +8,11 @@ const items = [
     { name: 'Three', value: 3 }
 ];
 describe('<Select />', () => {
-    it.skip('should render the Select component', () => {
+    it('should render the Select component', () => {
         render(_jsx(Select, { "data-testid": "select", label: 'Select', value: '', items: items }));
         expect(screen.getByTestId('select')).toBeInTheDocument();
     });
-    it.skip('should render Select component with all properties', () => {
+    it('should render Select component with all properties', () => {
         render(_jsx(Select, { "data-testid": "select", label: 'Select', value: '', helperText: "Helper Text", error: true, errorMessage: "Error Message", items: items }));
         expect(screen.getByTestId('select')).toBeInTheDocument();
     });

package/dist/components/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps as MuiSelectProps } from '@mui/material';
 type ItemData = {
     title?: string;

package/dist/components/Select/index.js

@@ -35,19 +35,7 @@ const Select = (_a) => {
                             }
                         }
                     }
-                } }, { children: _jsxs(MuiSelect, Object.assign({}, props, { labelId: "label-select" }, { children: [_jsx(MenuItem, Object.assign({ value: "", sx: {
-                                color: (theme) => theme.palette.text.primary,
-                                padding: '10px 20px',
-                                ':hover, :focus': {
-                                    backgroundColor: (theme) => theme.palette.misc.altBackground
-                                }
-                            } }, { children: "Select" })), items.map((item, index) => (_jsx(MenuItem, Object.assign({ value: item.value, sx: {
-                                color: (theme) => theme.palette.text.primary,
-                                padding: '10px 20px',
-                                ':hover, :focus': {
-                                    backgroundColor: (theme) => theme.palette.misc.altBackground
-                                }
-                            } }, { children: _jsxs(Box, Object.assign({ sx: { lineHeight: '20px', fontSize: '14px', opacity: 0.9 } }, { children: [_jsx(Box, Object.assign({ sx: { fontWeight: 700 } }, { children: item.title })), _jsx(Box, { children: item.name })] })) }), index)))] })) })), helperText && (_jsx(FormHelperText, Object.assign({ sx: {
+                } }, { children: _jsxs(MuiSelect, Object.assign({}, props, { labelId: "label-select" }, { children: [_jsx(MenuItem, Object.assign({ value: "" }, { children: "Select" })), items.map((item, index) => (_jsx(MenuItem, Object.assign({ value: item.value }, { children: _jsxs(Box, Object.assign({ sx: { lineHeight: '20px', fontSize: '14px', opacity: 0.9 } }, { children: [_jsx(Box, Object.assign({ sx: { fontWeight: 700 } }, { children: item.title })), _jsx(Box, { children: item.name })] })) }), index)))] })) })), helperText && (_jsx(FormHelperText, Object.assign({ sx: {
                     lineHeight: '18px',
                     color: (theme) => theme.palette.text.disabled
                 } }, { children: helperText }))), props.error && (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Circle, { sx: {

package/dist/components/StatusChip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChipProps as MuiChipProps } from '@mui/material';
 type StatusChipProps = {
     'data-testid'?: string;

package/dist/components/Step/__tests__/Step.test.d.ts

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

package/dist/components/Step/__tests__/Step.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import Step from '..';
+describe('<Step />', () => {
+    it('should render the Step component', () => {
+        render(_jsx(Step, { "data-testid": "step" }));
+        expect(screen.getByTestId('step')).toBeInTheDocument();
+    });
+});

package/dist/components/Step/index.d.ts

@@ -0,0 +1,6 @@
+import { StepProps as MuiStepProps } from '@mui/material';
+type StepProps = {
+    'data-testid'?: string;
+} & MuiStepProps;
+declare const Step: ({ ...props }: StepProps) => JSX.Element;
+export default Step;

package/dist/components/Step/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Step as MuiStep } from '@mui/material';
+const Step = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiStep, Object.assign({}, props));
+};
+export default Step;

package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts

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

package/dist/components/StepLabel/__tests__/StepLabel.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import StepLabel from '..';
+describe('<StepLabel />', () => {
+    it('should render the StepLabel component', () => {
+        render(_jsx(StepLabel, { "data-testid": "step-label" }));
+        expect(screen.getByTestId('step-label')).toBeInTheDocument();
+    });
+});

package/dist/components/StepLabel/index.d.ts

@@ -0,0 +1,6 @@
+import { StepLabelProps as MuiStepLabelProps } from '@mui/material';
+type StepLabelProps = {
+    'data-testid'?: string;
+} & MuiStepLabelProps;
+declare const StepLabel: ({ ...props }: StepLabelProps) => JSX.Element;
+export default StepLabel;

package/dist/components/StepLabel/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StepLabel as MuiStepLabel } from '@mui/material';
+const StepLabel = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiStepLabel, Object.assign({}, props));
+};
+export default StepLabel;

package/dist/components/Stepper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepperProps as MuiStepperProps } from '@mui/material';
 type StepperProps = {
     'data-testid'?: string;

package/dist/components/Tabs/Badge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BadgeProps } from '@mui/material';
 export type BadgeLabelProps = {
     badgeCount: number;

package/dist/components/Tabs/__tests__/Tabs.test.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render } from '../../../utils/tests/helpers';
+import { Tabs } from '@mui/material';
 import { screen } from '@testing-library/react';
-import Tabs from '../';
+import Tab from '../';
 describe('<Tabs />', () => {
     it('should render the Tabs component', () => {
-        render(_jsx(Tabs, { "data-testid": "tabs", label: "test" }));
-        expect(screen.getByTestId('tabs')).toBeInTheDocument();
+        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", value: 2 })] })));
+        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
+    });
+    it('should render the Tabs component with badge', () => {
+        render(_jsxs(Tabs, Object.assign({ value: 1 }, { children: [_jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 1 }), _jsx(Tab, { "data-testid": "tab", label: "test", count: 2, value: 2 })] })));
+        expect(screen.getAllByTestId('tab')[0]).toBeInTheDocument();
     });
 });

package/dist/components/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TabProps } from '@mui/material';
 export type SingleTabProps = {
     'data-testid'?: string;

package/dist/components/ThemeProvider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ThemeProviderProps } from '@mui/system';
 declare const ThemeProvider: ({ children }: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
 export default ThemeProvider;

package/dist/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import Typography from '.';
+declare const _default: ComponentMeta<({ ...props }: {
+    'data-testid'?: string | undefined;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | ("color" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">) => JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof Typography> | Story;

package/dist/components/Typography/Typography.stories.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Typography from '.';
+export default {
+    title: 'Components/Typography',
+    component: Typography
+};
+export const Default = (_a) => {
+    var args = __rest(_a, []);
+    return _jsx(Typography, Object.assign({}, args, { children: "Typography" }));
+};

package/dist/components/Typography/__tests__/Typography.test.d.ts

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

package/dist/components/Typography/__tests__/Typography.test.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '../../../utils/tests/helpers';
+import { screen } from '@testing-library/react';
+import Typography from '..';
+describe('<Typography />', () => {
+    it('should render the Typography component', () => {
+        render(_jsx(Typography, Object.assign({ "data-testid": "typography" }, { children: "Typography" })));
+        expect(screen.getByTestId('typography')).toBeInTheDocument();
+    });
+});

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,6 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+type TypographyProps = {
+    'data-testid'?: string;
+} & MuiTypographyProps;
+declare const Typography: ({ ...props }: TypographyProps) => JSX.Element;
+export default Typography;

package/dist/components/Typography/index.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography as MuiTypography } from '@mui/material';
+const Typography = (_a) => {
+    var props = __rest(_a, []);
+    return _jsx(MuiTypography, Object.assign({}, props));
+};
+export default Typography;

package/dist/index.d.ts

@@ -9,5 +9,20 @@ export { default as Select } from './components/Select';
 export { default as Tabs } from './components/Tabs';
 export { default as Stepper } from './components/Stepper';
 export { default as ThemeProvider } from './components/ThemeProvider';
+export { default as Typography } from './components/Typography';
+export { default as Box } from './components/Box';
+export { default as Drawer } from './components/Drawer';
+export { default as FormControlLabel } from './components/FormControlLabel';
+export { default as IconGroups } from './components/IconGroups';
+export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
+export { default as Link } from './components/Link';
+export { default as List } from './components/List';
+export { default as ListItem } from './components/ListItem';
+export { default as ListItemButton } from './components/ListItemButton';
+export { default as IconListItem } from './components/IconListItem';
+export { default as ListItemText } from './components/ListItemText';
+export { default as RadioGroup } from './components/RadioGroup';
+export { default as Step } from './components/Step';
+export { default as StepLabel } from './components/StepLabel';
 export { default as theme } from './assets/theme';
 export { useTheme } from '@mui/material';

package/dist/index.js

@@ -9,5 +9,20 @@ export { default as Select } from './components/Select';
 export { default as Tabs } from './components/Tabs';
 export { default as Stepper } from './components/Stepper';
 export { default as ThemeProvider } from './components/ThemeProvider';
+export { default as Typography } from './components/Typography';
+export { default as Box } from './components/Box';
+export { default as Drawer } from './components/Drawer';
+export { default as FormControlLabel } from './components/FormControlLabel';
+export { default as IconGroups } from './components/IconGroups';
+export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
+export { default as Link } from './components/Link';
+export { default as List } from './components/List';
+export { default as ListItem } from './components/ListItem';
+export { default as ListItemButton } from './components/ListItemButton';
+export { default as IconListItem } from './components/IconListItem';
+export { default as ListItemText } from './components/ListItemText';
+export { default as RadioGroup } from './components/RadioGroup';
+export { default as Step } from './components/Step';
+export { default as StepLabel } from './components/StepLabel';
 export { default as theme } from './assets/theme';
 export { useTheme } from '@mui/material';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.1",
+  "version": "1.12.3",
   "private": false,
   "scripts": {
     "start": "yarn storybook",