@up42/up-components 0.0.21 → 0.1.2

package/dist/cjs/types/components/Chip/Chip.d.ts

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

package/dist/cjs/types/components/Chip/Chip.overrides.d.ts

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

package/dist/cjs/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/cjs/types/components/Chip/Chip.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/types/components/Container/Container.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/FormCheckbox/FormCheckbox.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/FormInput/FormInput.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/FormRadio/FormRadio.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/FormSelect/FormSelect.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/FormSwitch/FormSwitch.test.d.ts

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

package/dist/cjs/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/{esm/types/global/overrides/form/input.d.ts → cjs/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/cjs/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/cjs/types/components/Input/Input.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/Radio/Radio.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/types/components/Select/Select.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/types/components/Switch/Switch.test.d.ts

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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';