@telicent-oss/ds 0.0.4-rc.12 → 0.1.0-rc3

package/dist/src/export.d.ts

@@ -6,22 +6,9 @@ export { useOntologyStyles } from './contexts/OntologyStyles';
 export type { IconStyle } from './contexts/OntologyStyles';
 export * from './components';
 export { default as useDebounce } from './hooks/useDebounce';
-export * from './v2/components/Input/Input';
-export { default as ButtonBase } from './v2/components/ButtonBase/ButtonBase';
-export { default as Divider } from './v2/components/Divider/Divider';
-export { default as Text, H1, H2, H3, H4, H5, H6 } from './v2/components/Text/Text';
-export * from './v2/components/TreeView/TreeView';
-export * from './v2/components/Button/Button';
-export * from './v2/components/Skeleton/Skeleton';
-export * from './v2/components/LinearProgress/LinearProgress';
-export * from './v2/components/Chip/Chip';
-export { default as Grid } from './v2/layout/Grid/Grid';
-export { default as Card } from './v2/layout/Card/Card';
-export { default as Container } from './v2/layout/Container/Container';
-export { default as Box } from './v2/layout/Box/Box';
-export { default as Stack } from './v2/layout/Stack/Stack';
-export { default as StandardAppChrome } from './v2/layout/StandardAppChrome/StandardAppChrome';
-export * from './v2/layout/Paper/Paper';
-export { default as Popover } from './v2/utils/Popover/Popover';
-export { default as AccountIcon } from './v2/icons/AccountIcon/AccountIcon';
-export { default as SearchIcon } from './v2/icons/SearchIcon/SearchIcon';
+export * from './v1/components/data-display';
+export * from './v1/components/feedback';
+export * from './v1/components/inputs';
+export * from './v1/components/layout';
+export * from './v1/components/surfaces';
+export { default as UIThemeProvider } from './v1/theme/UIThemeProvider';

package/dist/src/v1/components/data-display/Chip/Chip.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ChipProps as MUIChipProps } from '@mui/material/Chip';
+
+export type ChipProps = Omit<MUIChipProps, "avatar" | "children" | "classes" | "clickable" | "color" | "component" | "deleteIcon" | "icon" | "skipFocusWhenDisabled" | "sx">;
+declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/dist/src/v1/components/data-display/FontAwesomeIcons/DownArrowIcon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+
+type DownArrowIconProps = Omit<FontAwesomeIconProps, "icon">;
+declare const DownArrow: React.FC<DownArrowIconProps>;
+export default DownArrow;

package/dist/src/v1/components/data-display/FontAwesomeIcons/SearchIcon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+
+type SearchIconProps = Omit<FontAwesomeIconProps, "icon">;
+declare const SearchIcon: React.FC<SearchIconProps>;
+export default SearchIcon;

package/dist/src/v1/components/data-display/FontAwesomeIcons/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DownArrowIcon } from './DownArrowIcon';
+export { default as SearchIcon } from './SearchIcon';

package/dist/src/v1/components/data-display/Icons/DataServiceIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material';
+
+declare const DataServiceIcon: React.FC<SvgIconProps>;
+export default DataServiceIcon;

package/dist/src/v1/components/data-display/Icons/DataSetIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material';
+
+declare const DataSetIcon: React.FC<SvgIconProps>;
+export default DataSetIcon;

package/dist/src/v1/components/data-display/Icons/TelicentMark.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material';
+
+type TelicentMarkProps = Omit<SvgIconProps, "color"> & Partial<{
+    backgroundColor: SvgIconProps["color"];
+    color: "black" | "white";
+}>;
+declare const TelicentMark: React.FC<TelicentMarkProps>;
+export default TelicentMark;

package/dist/src/v1/components/data-display/Icons/UserIcon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SvgIconProps } from '@mui/material';
+
+declare const UserIcon: React.FC<SvgIconProps>;
+export default UserIcon;

package/dist/src/v1/components/data-display/Icons/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DataServiceIcon } from './DataServiceIcon';
+export { default as DataSetIcon } from './DataSetIcon';
+export { default as UserIcon } from './UserIcon';

package/dist/src/v1/components/data-display/Text/Heading.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react';
+import { H1 } from './Text';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Text').HeadingProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        align: "inherit";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof H1>;
+export declare const Heading1: Story;
+export declare const Heading2: Story;
+export declare const Heading3: Story;
+export declare const Heading4: Story;
+export declare const Heading5: Story;
+export declare const Heading6: Story;

package/dist/src/v1/components/data-display/Text/Text.d.ts

@@ -0,0 +1,42 @@
+import { default as React, ReactNode } from 'react';
+import { TypographyProps } from '@mui/material/Typography';
+
+export type BaseProps = Partial<{
+    /** Set the text-align on the component. */
+    align: TypographyProps["align"];
+    /** The content of the component. */
+    children: ReactNode;
+    /** Text color */
+    color: "primary";
+    /** If true, the text will not wrap, but instead will truncate
+      with a text overflow ellipsis.Note that text overflow can only happen with
+      block or inline-block level elements (the element needs to have a width in
+      order to overflow).
+     */
+    noWrap: boolean;
+}>;
+export type HeadingProps = BaseProps & Partial<{
+    /**
+     * The type of text style to use.
+     */
+    variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}>;
+export type TextProps = BaseProps & Partial<{
+    /**
+     * If true, the element will be a paragraph element.
+     */
+    paragraph: boolean;
+    /**
+     * The type of text style to use.
+     */
+    variant: "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | "caption";
+}>;
+declare const Text: React.FC<TextProps>;
+declare const H1: React.FC<HeadingProps>;
+declare const H2: React.FC<HeadingProps>;
+declare const H3: React.FC<HeadingProps>;
+declare const H4: React.FC<HeadingProps>;
+declare const H5: React.FC<HeadingProps>;
+declare const H6: React.FC<HeadingProps>;
+export default Text;
+export { H1, H2, H3, H4, H5, H6, Text };

package/dist/src/v1/components/data-display/Text/Text.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { default as Text } from './Text';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./Text').TextProps>;
+    tags: string[];
+    args: {
+        align: "inherit";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Subtitle1: Story;
+export declare const Subtitle2: Story;
+export declare const Body1: Story;
+export declare const Body2: Story;
+export declare const Caption: Story;
+export declare const Overline: Story;

package/dist/src/v1/components/data-display/TreeView/TreeView.d.ts

@@ -0,0 +1,102 @@
+import { default as React } from 'react';
+import { TreeViewBaseItem } from '@mui/x-tree-view';
+
+type TreeViewProps<Item extends object = TreeViewBaseItem> = {
+    items: Item[];
+} & Partial<{
+    /**
+     * Force children to always be expanded
+     */
+    alwaysExpandedIds: string[];
+    /**
+     * Expanded item ids. Used when the item's expansion is not controlled.
+     */
+    defaultExpandedItems: string[];
+    /**
+     * Selected item ids. (Uncontrolled) When multiSelect is true this takes an
+     * array of strings; when false (default) a string.
+     */
+    defaultSelectedItems: string | string[];
+    /**
+     * 	Expanded item ids. Used when the item's expansion is controlled.
+     */
+    expandedItems: string[];
+    /**
+     * Used to determine the id of a given item.
+     * @param item The item to check.
+     * @returns  The id of the item.
+     * @default (item) => item.id
+     */
+    getItemId: (item: Item) => string;
+    /**
+     * Used to determine the string label for a given item.
+     * @param item The item to check.
+     * @returns The label of the item.
+     * @default (item) => item.label
+     */
+    getItemLabel: (item: Item) => string;
+    /**
+     * This prop is used to help implement the accessibility logic. If you don't
+     * provide this prop, it falls back to a randomly generated id.
+     */
+    id: string;
+    /**
+     * Used to determine if a given item should be disabled.
+     * @param item  The item to check.
+     * @returns true if the item should be disabled.
+     */
+    isItemDisabled: (item: Item) => boolean;
+    /**
+     * 	If true ctrl and shift will trigger multiselect.
+     * @default false
+     */
+    multiSelect: boolean;
+    /**
+     * Callback fired when tree items are expanded/collapsed.
+     * @param event The event source of the callback.
+     * @param itemIds The ids of the expanded items.
+     * @returns void
+     */
+    onExpandedItemsChange: (event: React.SyntheticEvent, itemIds: string[]) => void;
+    /**
+     * Callback fired when a tree item is expanded or collapsed.
+     * @param event The event source of the callback.
+     * @param itemId The itemId of the modified item.
+     * @param isExpanded true if the item has just been expanded, false if it has
+     * just been collapsed.
+     * @returns void
+     */
+    onItemExpansionToggle: (event: React.SyntheticEvent, itemId: string, isExpanded: boolean) => void;
+    /**
+     * Callback fired when tree items are focused.
+     * @param event The event source of the callback Warning: This is a generic event not a focus event.
+     * @param itemId The id of the focused item.
+     * @returns void
+     */
+    onItemFocus: (event: React.SyntheticEvent | null, itemId: string) => void;
+    /**
+     * Callback fired when a tree item is selected or deselected.
+     * @param event The event source of the callback.
+     * @param itemId The itemId of the modified item.
+     * @param isSelected true if the item has just been selected, false if it has
+     * just been deselected.
+     * @returns void
+     */
+    onItemSelectionToggle: (event: React.SyntheticEvent, itemId: string, isSelected: boolean) => void;
+    /**
+     * Callback fired when tree items are selected/deselected.
+     * @param event The event source of the callback
+     * @param itemIds The ids of the selected items. When multiSelect is true,
+     * this is an array of strings; when false (default) a string.
+     * @returns void
+     */
+    onSelectedItemsChange: (event: React.SyntheticEvent, itemIds: string[] | string | null) => void;
+    /**
+     * Selected item ids. (Controlled) When multiSelect is true this takes an
+     * array of strings; when false (default) a string.
+     */
+    selectedItems: string | string[];
+}>;
+declare const TreeView: React.FC<TreeViewProps>;
+export default TreeView;
+export type { TreeViewProps, TreeViewBaseItem };

package/dist/src/v1/components/data-display/TreeView/TreeView.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { TreeViewBaseItem } from './TreeView';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./TreeView').TreeViewProps<TreeViewBaseItem>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    args: {
+        items: TreeViewBaseItem[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;

package/dist/src/v1/components/data-display/UserProfile/UserProfile.d.ts

@@ -0,0 +1,7 @@
+import { default as React, PropsWithChildren } from 'react';
+
+export type UserProfileProps = PropsWithChildren & {
+    fullName: string;
+};
+declare const UserProfile: React.FC<UserProfileProps>;
+export default UserProfile;

package/dist/src/v1/components/data-display/UserStatus/UserStatus.d.ts

@@ -0,0 +1,7 @@
+import { default as React, PropsWithChildren } from 'react';
+
+export type UserStatusProps = PropsWithChildren & {
+    fullName: string;
+};
+declare const UserStatus: React.FC<UserStatusProps>;
+export default UserStatus;

package/dist/src/v1/components/data-display/index.d.ts

@@ -0,0 +1,12 @@
+export * from './Icons';
+export * from './FontAwesomeIcons';
+export * from './Text/Text';
+export { default as Chip } from './Chip/Chip';
+export type { ChipProps } from './Chip/Chip';
+export { default as Divider } from './Divider/Divider';
+export { default as TreeView } from './TreeView/TreeView';
+export type { TreeViewProps, TreeViewBaseItem } from './TreeView/TreeView';
+export { default as UserProfile } from './UserProfile/UserProfile';
+export type { UserProfileProps } from './UserProfile/UserProfile';
+export { default as UserStatus } from './UserStatus/UserStatus';
+export type { UserStatusProps } from './UserStatus/UserStatus';

package/dist/src/{v2/components → v1/components/feedback}/LinearProgress/LinearProgress.d.ts

@@ -1,9 +1,5 @@
 import { default as React } from 'react';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
 
-type LinearProgressPropsNew = LinearProgressProps & {
-    isActive: boolean;
-    transition?: number;
-};
-export declare const LinearProgress: React.FC<LinearProgressPropsNew>;
+export declare const LinearProgress: React.FC<LinearProgressProps>;
 export default LinearProgress;

package/dist/src/{v2/components → v1/components/feedback}/LinearProgress/LinearProgress.stories.d.ts

@@ -1,10 +1,7 @@
 import { StoryObj } from '@storybook/react';
 
 declare const meta: {
-    component: import('react').FC<import('@mui/material').LinearProgressProps & {
-        isActive: boolean;
-        transition?: number | undefined;
-    }>;
+    component: import('react').FC<import('@mui/material').LinearProgressProps>;
 };
 export default meta;
 export type LinearProgressStory = StoryObj<typeof meta>;

package/dist/src/v1/components/feedback/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LinearProgress } from './LinearProgress/LinearProgress';
+export { Skeleton } from './Skeleton/Skeleton';

package/dist/src/v1/components/inputs/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+
+export type ButtonProps = Omit<MUIButtonProps, "color" | "classes" | "component" | "disableFocusRipple" | "disableRipple" | "href" | "sx" | "variant"> & Partial<{
+    variant: "primary" | "secondary" | "tertiary";
+}>;
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/src/v1/components/inputs/Button/PrimaryButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '@mui/material';
+
+type PrimaryButtonProps = Omit<ButtonProps, "variant" | "color">;
+declare const PrimaryButton: React.FC<PrimaryButtonProps>;
+export default PrimaryButton;

package/dist/src/v1/components/inputs/Button/SecondaryButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ButtonProps } from '@mui/material';
+
+type SecondaryButtonProps = Omit<ButtonProps, "variant" | "color">;
+declare const SecondaryButton: React.FC<SecondaryButtonProps>;
+export default SecondaryButton;

package/dist/src/v1/components/inputs/SearchBox/SearchBox.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+import { InputBaseProps } from '@mui/material/InputBase';
+
+export type SearchBoxProps<Value = string> = Partial<{
+    /**
+     * If true, the input element is focused during the first mount.
+     */
+    autoFocus: boolean;
+    /**
+     * 	Pass a ref to the input element.
+     */
+    inputRef: React.ForwardedRef<HTMLInputElement> | React.RefObject<HTMLInputElement>;
+    /**
+     * Callback fired when the input looses focus (i.e. blurred).
+     * Notice that the first argument (event) might be undefined.
+     * @param event
+     * @returns void
+     */
+    onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when the value is changed.
+     * @param event The event source of the callback. You can pull out the new value by accessing event.target.value (string).
+     * @returns void
+     */
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when the search button is clicked.
+     * @param event
+     * @returns
+     */
+    onSearch: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Name attribute of the input element.
+     */
+    name: InputBaseProps["name"];
+    /**
+     * The short hint displayed in the input before the user enters a value.
+     */
+    placeholder: InputBaseProps["placeholder"];
+    /**
+     * The value of the input element, required for a controlled component.
+     */
+    value: Value;
+}>;
+declare const SearchBox: React.FC<SearchBoxProps>;
+export default SearchBox;

package/dist/src/v1/components/inputs/SearchBox/SearchBox.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<Partial<{
+        autoFocus: boolean;
+        inputRef: import('react').RefObject<HTMLInputElement> | import('react').ForwardedRef<HTMLInputElement>;
+        onBlur: (event: import('react').FocusEvent<HTMLInputElement, Element>) => void;
+        onChange: (event: import('react').ChangeEvent<HTMLInputElement>) => void;
+        onSearch: (event: import('react').MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        name: string | undefined;
+        placeholder: string | undefined;
+        value: string;
+    }>>;
+    tags: string[];
+    args: {
+        onSearch: import('@vitest/spy').Mock<[event: import('react').MouseEvent<HTMLButtonElement, MouseEvent>], void>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Example: Story;

package/dist/src/v1/components/inputs/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Button } from './Button/Button';
+export type { ButtonProps } from './Button/Button';
+export { default as SearchBox } from './SearchBox/SearchBox';
+export type { SearchBoxProps } from './SearchBox/SearchBox';

package/dist/src/v1/components/layout/AppChrome.d.ts

@@ -0,0 +1,6 @@
+import { default as React, PropsWithChildren } from 'react';
+import { AppBarProps } from '../surfaces/AppBar/AppBar';
+
+type AppChromeProps = AppBarProps & PropsWithChildren;
+declare const AppChrome: React.FC<AppChromeProps>;
+export default AppChrome;

package/dist/src/v1/components/layout/Container/Container.d.ts

@@ -0,0 +1,15 @@
+import { default as React, PropsWithChildren } from 'react';
+
+type ContainerProps = React.HTMLAttributes<HTMLDivElement> & PropsWithChildren & Partial<{
+    /** If true, the left and right padding is removed. */
+    disablePadding: boolean;
+    /** Set the maxWidth to match the minWidth of the current breakpoint. Useful
+     * when the design is set for fixed sizes instead of trying to accommodate a
+     * fluid viewport. It's fluid by default */
+    fixed: boolean;
+    /** Sets the maxWidth of the container. The container will grow with the size
+     * of the screen. Set to false to disable maxWidth */
+    maxWidth: "xs" | "sm" | "md" | "lg" | "xl" | false;
+}>;
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/dist/src/v1/components/layout/Container/Container.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { default as Container } from './Container';
+
+declare const meta: {
+    component: import('react').FC<import('react').HTMLAttributes<HTMLDivElement> & {
+        children?: import('react').ReactNode;
+    } & Partial<{
+        disablePadding: boolean;
+        fixed: boolean;
+        maxWidth: false | "xs" | "sm" | "lg" | "xl" | "md";
+    }>>;
+};
+export default meta;
+export type ContainerStory = StoryObj<typeof meta>;
+export declare const Basic: StoryObj<typeof Container>;

package/dist/src/v1/components/layout/FlexBox.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { StackProps } from '@mui/material/Stack';
+
+declare const FlexBox: React.FC<StackProps>;
+export default FlexBox;

package/dist/src/v1/components/layout/FlexGrid.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Grid2Props } from '@mui/material/Unstable_Grid2';
+
+type FlexGridProps = Omit<Grid2Props, "container" | "sx" | "classes" | "spacing">;
+export declare const FlexGrid: React.FC<FlexGridProps>;
+export declare const FlexGridItem: React.FC<FlexGridProps>;
+export {};

package/dist/src/v1/components/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FlexGrid';
+export { default as AppChrome } from './AppChrome';
+export { default as Container } from './Container/Container';
+export { default as FlexBox } from './FlexBox';

package/dist/src/v1/components/surfaces/AppBar/AppBar.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AppBarProps as MUIAppBarProps } from '@mui/material/AppBar';
+
+export type AppBarProps = Partial<{
+    appName: string;
+    beta: boolean;
+    userProfile: React.ReactNode;
+    position: MUIAppBarProps["position"];
+}>;
+declare const AppBar: React.FC<AppBarProps>;
+export default AppBar;

package/dist/src/v1/components/surfaces/AppBar/AppBar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as AppBar } from './AppBar';
+
+declare const meta: Meta<typeof AppBar>;
+export default meta;
+type Story = StoryObj<typeof AppBar>;
+export declare const Example: Story;
+export declare const WithAppName: Story;
+export declare const WithUserProfile: Story;

package/dist/src/v1/components/surfaces/Card/Card.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CardProps as MUICardProps } from '@mui/material/Card';
+import { CardHeaderProps as MUICardHeaderProps } from '@mui/material/CardHeader';
+
+type CardProps = Omit<MUICardProps, "classes" | "raised" | "sx"> & Partial<{
+    maxWidth: React.CSSProperties["maxWidth"];
+}>;
+declare const Card: React.FC<CardProps>;
+declare const CardHeader: React.FC<MUICardHeaderProps>;
+export default Card;
+export { CardHeader };

package/dist/src/v1/components/surfaces/Card/Card.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Card } from './Card';
+
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const OutlinedCard: Story;

package/dist/src/v1/components/surfaces/Card/CardActions.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+
+declare const CardActions: React.FC<PropsWithChildren>;
+export default CardActions;

package/dist/src/v1/components/surfaces/Card/CardContent.d.ts

@@ -0,0 +1,4 @@
+import { default as React, PropsWithChildren } from 'react';
+
+declare const CardContent: React.FC<PropsWithChildren>;
+export default CardContent;

package/dist/src/v1/components/surfaces/Card/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Card } from './Card';
+export { default as CardContent } from './CardContent';
+export { default as CardActions } from './CardActions';
+export * from './Card';

package/dist/src/v1/components/surfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export { default as AppBar } from './AppBar/AppBar';

package/dist/src/v1/theme/UIThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { UITheme } from './colors/theme-colors';
+
+type UIThemeProviderProps = React.PropsWithChildren & {
+    theme: UITheme;
+};
+declare const UIThemeProvider: React.FC<UIThemeProviderProps>;
+export default UIThemeProvider;

package/dist/src/v1/theme/colors/data-navy.d.ts

@@ -0,0 +1,9 @@
+declare const DATA_NAVY: {
+    50: string;
+    100: string;
+    200: string;
+    400: string;
+    500: string;
+    600: string;
+};
+export default DATA_NAVY;

package/dist/src/v1/theme/colors/theme-colors.d.ts

@@ -0,0 +1,12 @@
+export type UITheme = "DataNavy";
+declare const THEME_COLORS: {
+    DataNavy: {
+        50: string;
+        100: string;
+        200: string;
+        400: string;
+        500: string;
+        600: string;
+    };
+};
+export default THEME_COLORS;