@up42/up-components 0.0.2 → 0.1.0

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/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/cjs/types/components/Input/Input.overrides.d.ts

@@ -0,0 +1,2 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiTextField: 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/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

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

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

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

package/dist/cjs/types/components/Typography/Typography.test.d.ts

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

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

@@ -1 +1,14 @@
-export { default as Button } from './Button/Button';
+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 { 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,13 +1,6 @@
-export * from './avatar';
-export * from './container';
 export * from './menuItem';
 export * from './tab';
 export * from './tablePagination';
 export * from './tabs';
-export * from './typography';
-export * from './form/checkbox';
 export * from './form/input';
 export * from './form/label';
-export * from './form/radio';
-export * from './form/switch';
-export * from '../../components/Button/overrides';

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/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/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/utils/types.d.ts

@@ -0,0 +1 @@
+export declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps'>;

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, Input, FormInput, } from './components';