@up42/up-components 0.0.21 → 0.1.2

package/dist/esm/types/components/Chip/Chip.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<Omit<Omit<import("@mui/material").ChipProps<"div", {}>, "size">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const ColorVariants: Story;

package/dist/esm/types/components/Chip/Chip.test.d.ts

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

package/dist/esm/types/components/Container/Container.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ContainerProps as MUIContainerProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type ContainerProps = MUIGlobalOmit<Omit<MUIContainerProps, 'maxWidth'>, {
+    /**
+     * Determine the max-width of the container.
+     */
+    size?: 'small' | 'medium' | 'large' | 'fluid';
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: React.ElementType;
+}>;
+/**
+ * In order to maximize the available horizontal space of the UI we use a central column system layout.
+ *
+ * The header of a page is always `fluid`. The content section will use one of the following layouts:
+ *
+ * - `small`: 6 columns.
+ * - `medium`: 8 columns.
+ * - `large`: 12 columns.
+ * - `fluid`: full width (maps).
+ *
+ * To now more about the requirements please check here: https://up42.atlassian.net/browse/B2B-215.
+ */
+export declare const Container: ({ component, size, children, ...props }: ContainerProps) => JSX.Element;

package/dist/esm/types/components/Container/Container.overrides.d.ts

@@ -0,0 +1,2 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiContainer: OverridesStyleRules;

package/dist/esm/types/components/Container/Container.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { ContainerProps } from './Container';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<ContainerProps>;

package/dist/esm/types/components/Container/Container.test.d.ts

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

package/dist/esm/types/components/FormCheckbox/FormCheckbox.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { MUIGlobalOmit } from '../../global/utils/types';
+import { CheckboxProps } from '../Checkbox/Checkbox';
+export declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;

package/dist/esm/types/components/FormCheckbox/FormCheckbox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { FormCheckboxProps } from './FormCheckbox';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<React.PropsWithChildren<FormCheckboxProps>>;
+export declare const Required: Story<React.PropsWithChildren<FormCheckboxProps>>;
+export declare const withError: Story<React.PropsWithChildren<FormCheckboxProps>>;

package/dist/esm/types/components/FormCheckbox/FormCheckbox.test.d.ts

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

package/dist/esm/types/components/FormInput/FormInput.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type FormInputProps = MUIGlobalOmit<InputProps, {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;

package/dist/esm/types/components/FormInput/FormInput.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { FormInputProps } from './FormInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<FormInputProps>;
+export declare const Required: Story<FormInputProps>;
+export declare const withError: Story<FormInputProps>;

package/dist/esm/types/components/FormInput/FormInput.test.d.ts

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

package/dist/esm/types/components/FormRadio/FormRadio.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { RadioGroupProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    helperText?: string;
+    label?: string;
+    error?: boolean;
+    required?: boolean;
+}>;
+export declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;

package/dist/esm/types/components/FormRadio/FormRadio.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { FormRadioProps } from './FormRadio';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<React.PropsWithChildren<FormRadioProps>>;
+export declare const Required: Story<React.PropsWithChildren<FormRadioProps>>;
+export declare const withError: Story<React.PropsWithChildren<FormRadioProps>>;

package/dist/esm/types/components/FormRadio/FormRadio.test.d.ts

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

package/dist/esm/types/components/FormSelect/FormSelect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { MUIGlobalOmit } from '../../global/utils/types';
+import { SelectProps } from '../Select/Select';
+export declare type FormSelectProps = MUIGlobalOmit<SelectProps, {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const FormSelect: ({ id, required, options, label, error, placeholder, helperText, }: FormSelectProps) => JSX.Element;

package/dist/esm/types/components/FormSelect/FormSelect.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { FormSelectProps } from './FormSelect';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<FormSelectProps>;
+export declare const Required: Story<FormSelectProps>;
+export declare const withError: Story<FormSelectProps>;

package/dist/esm/types/components/FormSelect/FormSelect.test.d.ts

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

package/dist/esm/types/components/FormSwitch/FormSwitch.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SwitchProps } from '../Switch/Switch';
+export interface FormSwitchProps extends SwitchProps {
+    label?: string;
+    id?: string;
+    checked?: boolean;
+}
+export declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;

package/dist/esm/types/components/FormSwitch/FormSwitch.stories.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Meta, Story } from '@storybook/react';
+import { FormSwitchProps } from './FormSwitch';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<React.PropsWithChildren<FormSwitchProps>>;

package/dist/esm/types/components/FormSwitch/FormSwitch.test.d.ts

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

package/dist/esm/types/components/Input/Input.d.ts

@@ -0,0 +1,7 @@
+import { HTMLInputTypeAttribute } from 'react';
+import { TextFieldProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
+    type?: HTMLInputTypeAttribute;
+};
+export declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;

package/dist/{cjs/types/global/overrides/form/input.d.ts → esm/types/components/Input/Input.overrides.d.ts}

@@ -1,2 +1,3 @@
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiTextField: OverridesStyleRules;
 export declare const MuiInput: OverridesStyleRules;

package/dist/esm/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+import { InputProps } from './Input';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<InputProps>;
+export declare const Password: Story<InputProps>;

package/dist/esm/types/components/Input/Input.test.d.ts

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

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { RadioProps as MUIRadioProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type RadioProps = MUIGlobalOmit<MUIRadioProps>;
+export declare const Radio: (props: RadioProps) => JSX.Element;

package/dist/esm/types/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<Omit<import("@mui/material").RadioProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;

package/dist/esm/types/components/Radio/Radio.test.d.ts

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

package/dist/esm/types/components/Select/Select.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectProps as MUISelectProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type SelectProps = MUIGlobalOmit<Omit<MUISelectProps, 'variant' | 'label'>>;
+export declare const Select: (props: SelectProps) => JSX.Element;

package/dist/esm/types/components/Select/Select.overrides.d.ts

@@ -0,0 +1,2 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiSelect: OverridesStyleRules;

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

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Disabled: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Error: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;

package/dist/esm/types/components/Select/Select.test.d.ts

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

package/dist/esm/types/components/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SwitchProps as MUISwitchProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type SwitchProps = MUIGlobalOmit<MUISwitchProps, {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+}>;
+export declare const Switch: (props: SwitchProps) => JSX.Element;

package/dist/esm/types/components/Switch/Switch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { SwitchProps } from './Switch';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<SwitchProps>;

package/dist/esm/types/components/Switch/Switch.test.d.ts

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

package/dist/esm/types/components/Typography/Typography.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type TypographyProps = MUIGlobalOmit<MUITypographyProps, {
     component?: React.ElementType;
 }>;
-declare const Typography: React.FC<TypographyProps>;
-export default Typography;
+export declare const Typography: ({ children, ...props }: TypographyProps) => JSX.Element;

package/dist/esm/types/components/index.d.ts

@@ -1,4 +1,16 @@
-export { default as Button } from './Button/Button';
-export * from './Button/Button.overrides';
-export { default as Typography } from './Typography/Typography';
-export * from './Typography/Typography.overrides';
+export { Button } from './Button/Button';
+export { Typography } from './Typography/Typography';
+export { Chip } from './Chip/Chip';
+export { Avatar } from './Avatar/Avatar';
+export { Container } from './Container/Container';
+export { Box } from './Box/Box';
+export { Checkbox } from './Checkbox/Checkbox';
+export { FormCheckbox } from './FormCheckbox/FormCheckbox';
+export { Radio } from './Radio/Radio';
+export { FormRadio } from './FormRadio/FormRadio';
+export { Switch } from './Switch/Switch';
+export { FormSwitch } from './FormSwitch/FormSwitch';
+export { Select } from './Select/Select';
+export { FormSelect } from './FormSelect/FormSelect';
+export { Input } from './Input/Input';
+export { FormInput } from './FormInput/FormInput';

package/dist/esm/types/global/UpComponentsProvider/UpComponentsProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
+export declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;

package/dist/esm/types/global/overrides/index.d.ts

@@ -1,11 +1,5 @@
-export * from './avatar';
-export * from './container';
 export * from './menuItem';
 export * from './tab';
 export * from './tablePagination';
 export * from './tabs';
-export * from './form/checkbox';
-export * from './form/input';
 export * from './form/label';
-export * from './form/radio';
-export * from './form/switch';

package/dist/esm/types/global/theme.d.ts

@@ -1,2 +1 @@
-declare const theme: import("@mui/material").Theme;
-export default theme;
+export declare const theme: import("@mui/material").Theme;

package/dist/esm/types/global/tokens/colors/colors.components.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Box } from '../../..';
+export { Box };
+export declare const SemanticColors: () => JSX.Element;
+export declare const Palette: () => JSX.Element;

package/dist/esm/types/global/tokens/components/CodeSnippet.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CodeSnippet: ({ dark, language, code, }: {
+    dark?: boolean | undefined;
+    language?: string | undefined;
+    code: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/CopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CopyToClipboard: ({ label }: {
+    label: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/Header.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Header: ({ title, subtitle }: {
+    title: string;
+    subtitle: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/Table.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const Table: {
+    Wrapper: ({ rows, columns }: {
+        rows: React.ReactNode;
+        columns: string[];
+    }) => JSX.Element;
+    Cell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    Row: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/TableRow/TableRow").TableRowTypeMap<{}, "tr">>;
+};

package/dist/esm/types/global/tokens/spacing/spacing.components.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Box } from '../../..';
+export { Box };
+export declare const SemanticSpacing: () => JSX.Element;
+export declare const SpacingTokens: () => JSX.Element;

package/dist/esm/types/global/tokens/typogrpahy/typography.components.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SemanticTypography: () => JSX.Element;
+export declare const FontSizes: () => JSX.Element;
+export declare const FontTokens: () => JSX.Element;

package/dist/esm/types/index.d.ts

@@ -1,4 +1,6 @@
-import UpComponentsProvider from './global/UpComponentsProvider';
-export { default as theme } from './global/theme';
-export * from './components';
-export default UpComponentsProvider;
+import tokens from '@up42/design-system-tokens/dist/json/tokens.json';
+export * from '@mui/material';
+export { tokens };
+export { UpComponentsProvider } from './global/UpComponentsProvider/UpComponentsProvider';
+export { theme } from './global/theme';
+export { Button, Typography, Chip, Avatar, Container, Box, Switch, FormSwitch, Checkbox, FormCheckbox, Radio, FormRadio, Select, FormSelect, Input, FormInput, } from './components';

package/dist/index.d.ts

@@ -1,45 +1,132 @@
 /// <reference types="react" />
-import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
+export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
+import { ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, BoxProps as BoxProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, TextFieldProps } from '@mui/material';
+export * from '@mui/material';
+import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
-import { MUIGlobalOmit } from 'global/utils/types';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import React from 'react';
+import React, { HTMLInputTypeAttribute } from 'react';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 
-declare const UpComponentsProvider: (props: ThemeProviderProps) => JSX.Element;
+declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
 
 declare const theme: _mui_material.Theme;
 
+declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps'>;
+
 declare type ButtonProps = MUIGlobalOmit<ButtonProps$1, {
     loading?: boolean;
 }>;
 declare const Button: ({ color, variant, size, loading, children, ...props }: ButtonProps) => JSX.Element;
 
-declare const MuiButton: OverridesStyleRules;
-declare const MuiButtonBase: {
-    defaultProps: {
-        disableRipple: boolean;
-        disableTouchRipple: boolean;
-    };
-};
-declare const MuiIconButton: {
-    styleOverrides: {
-        root: {
-            color: string;
-            backgroundColor: string;
-        };
-        sizeSmall: {
-            padding: string;
-        };
-    };
-};
-
 declare type TypographyProps = MUIGlobalOmit<TypographyProps$1, {
     component?: React.ElementType;
 }>;
-declare const Typography: React.FC<TypographyProps>;
+declare const Typography: ({ children, ...props }: TypographyProps) => JSX.Element;
+
+declare type ChipProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
+declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;
+
+declare type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
+    firstName?: string;
+    lastName?: string;
+    icon?: React.ReactNode;
+}>;
+declare const Avatar: ({ icon, firstName, lastName, ...props }: AvatarProps) => JSX.Element;
+
+declare type ContainerProps = MUIGlobalOmit<Omit<ContainerProps$1, 'maxWidth'>, {
+    /**
+     * Determine the max-width of the container.
+     */
+    size?: 'small' | 'medium' | 'large' | 'fluid';
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: React.ElementType;
+}>;
+/**
+ * In order to maximize the available horizontal space of the UI we use a central column system layout.
+ *
+ * The header of a page is always `fluid`. The content section will use one of the following layouts:
+ *
+ * - `small`: 6 columns.
+ * - `medium`: 8 columns.
+ * - `large`: 12 columns.
+ * - `fluid`: full width (maps).
+ *
+ * To now more about the requirements please check here: https://up42.atlassian.net/browse/B2B-215.
+ */
+declare const Container: ({ component, size, children, ...props }: ContainerProps) => JSX.Element;
+
+declare type BoxProps = MUIGlobalOmit<BoxProps$1>;
+declare const Box: ({ children, ...props }: BoxProps) => JSX.Element;
+
+declare type CheckboxProps = MUIGlobalOmit<CheckboxProps$1>;
+declare const Checkbox: ({ ...props }: CheckboxProps) => JSX.Element;
+
+declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;
+
+declare type RadioProps = MUIGlobalOmit<RadioProps$1>;
+declare const Radio: (props: RadioProps) => JSX.Element;
+
+declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    helperText?: string;
+    label?: string;
+    error?: boolean;
+    required?: boolean;
+}>;
+declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;
+
+declare type SwitchProps = MUIGlobalOmit<SwitchProps$1, {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+}>;
+declare const Switch: (props: SwitchProps) => JSX.Element;
 
-declare const typographyOverrides: OverridesStyleRules;
+interface FormSwitchProps extends SwitchProps {
+    label?: string;
+    id?: string;
+    checked?: boolean;
+}
+declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;
+
+declare type SelectProps = MUIGlobalOmit<Omit<SelectProps$1, 'variant' | 'label'>>;
+declare const Select: (props: SelectProps) => JSX.Element;
+
+declare type FormSelectProps = MUIGlobalOmit<SelectProps, {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormSelect: ({ id, required, options, label, error, placeholder, helperText, }: FormSelectProps) => JSX.Element;
+
+declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
+    type?: HTMLInputTypeAttribute;
+};
+declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;
+
+declare type FormInputProps = MUIGlobalOmit<InputProps, {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;
 
-export { Button, MuiButton, MuiButtonBase, MuiIconButton, Typography, UpComponentsProvider as default, theme, typographyOverrides };
+export { Avatar, Box, Button, Checkbox, Chip, Container, FormCheckbox, FormInput, FormRadio, FormSelect, FormSwitch, Input, Radio, Select, Switch, Typography, UpComponentsProvider, theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.0.21",
+  "version": "0.1.2",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -19,6 +19,7 @@
     "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "lint": "eslint src/. --fix",
+    "release": "standard-version",
     "prepare": "husky install"
   },
   "devDependencies": {
@@ -26,6 +27,8 @@
     "@babel/preset-env": "^7.16.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
+    "@commitlint/cli": "^16.2.1",
+    "@commitlint/config-conventional": "^16.2.1",
     "@emotion/jest": "^11.7.1",
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
@@ -47,7 +50,7 @@
     "@types/react": "^17.0.38",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
-    "@up42/constellation-tokens": "^0.3.2",
+    "@up42/design-system-tokens": "^1.0.1",
     "babel-jest": "^27.4.6",
     "babel-loader": "^8.2.3",
     "eslint": "^8.7.0",
@@ -68,12 +71,28 @@
     "rollup-plugin-dts": "^4.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
+    "standard-version": "^9.3.2",
     "typescript": "^4.5.4"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@mui/material": "^5.3.0",
+    "@mui/icons-material": "^5.3.0",
+    "@up42/design-system-tokens": "^1.0.1",
     "react": "^17.0.2"
   },
   "lint-staged": {
     "*.{js,tsx,ts}": "eslint --cache --fix"
+  },
+  "homepage": "https://github.com/up42/up-components#readme",
+  "access": "private",
+  "engines": {
+    "node": ">= 16"
+  },
+  "standard-version": {
+    "skip": {
+      "tag": true
+    }
   }
 }