@maskingtech/designsystem 0.0.1 → 0.0.3

package/dist/mtds.d.ts

@@ -5,63 +5,79 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
-export declare function Avatar({ source, title, alt, width, height, fit }: Props_4): JSX.Element;
+export declare function Avatar({ source, title, alt, width, height, fit }: Props): JSX.Element;
 
-export declare function Border({ type, size, padding, children }: Props_5): JSX.Element;
+export declare function Border({ type, size, padding, children }: Props_2): JSX.Element;
 
-export declare function Button({ type, size, text, onClick }: Props_6): JSX.Element;
+export declare function Button({ type, size, text, onClick }: Props_3): JSX.Element;
 
-export declare function Cell({ sizing, children }: Props_7): JSX.Element;
+export declare function Cell({ sizing, children }: Props_4): JSX.Element;
 
-export declare function ClickArea({ padding, onClick, children }: Props_8): JSX.Element;
+export declare const CheckBox: ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLInputElement>>;
 
-export declare function Column({ alignX, alignY, gap, wrap, children }: Props_9): JSX.Element;
+export declare function ClickArea({ padding, onClick, children }: Props_6): JSX.Element;
 
-export declare function Dropdown({ options, selected, onChange }: Props): JSX.Element;
+export declare function Column({ alignX, alignY, gap, wrap, children }: Props_7): JSX.Element;
 
-export declare const Form: ForwardRefExoticComponent<Props_10 & RefAttributes<HTMLFormElement>>;
+export declare const DateTime: ForwardRefExoticComponent<Props_8 & RefAttributes<HTMLInputElement>>;
 
-export declare function Grid({ layout, gap, children }: Props_11): JSX.Element;
+export declare function DesignSystem({ children }: Props_37): JSX.Element;
 
-export declare function Icon({ type }: Props_12): JSX.Element;
+export declare function Dropdown({ options, selected, onChange }: Props_33): JSX.Element;
 
-declare function Image_2({ source, title, alt, width, height, fit }: Props_13): JSX.Element;
+declare function Element_2({ children }: Props_26): JSX.Element;
+
+declare function Element_3({ border, children }: Props_29): JSX.Element;
+
+declare function Element_4({ children }: Props_30): JSX.Element;
+
+declare function Element_5({ children }: Props_27): JSX.Element;
+
+declare function Element_6({ colspan, rowspan, alignX, alignY, size, children }: Props_28): JSX.Element;
+
+export declare const Form: ForwardRefExoticComponent<Props_9 & RefAttributes<HTMLFormElement>>;
+
+export declare function Grid({ layout, gap, children }: Props_10): JSX.Element;
+
+export declare function Icon({ type }: Props_11): JSX.Element;
+
+declare function Image_2({ source, title, alt, width, height, fit }: Props_12): JSX.Element;
 export { Image_2 as Image }
 
-export declare function Input({ label, element }: Props_14): JSX.Element;
+export declare function Input({ label, element }: Props_13): JSX.Element;
 
-export declare function Label({ value }: Props_15): JSX.Element;
+export declare function Label({ value }: Props_14): JSX.Element;
 
-export declare function Link({ url, target, children }: Props_19): JSX.Element;
+export declare function Link({ url, target, children }: Props_18): JSX.Element;
 
-export declare function Modal({ open, sizing, children }: Props_20): JSX.Element;
+export declare function Modal({ open, sizing, children }: Props_19): JSX.Element;
 
-export declare function Panel({ type, padding, children }: Props_21): JSX.Element;
+export declare function ModalManager({ selectedId, children }: Props_34): JSX.Element;
 
-export declare function Paragraph({ size, children }: Props_22): JSX.Element;
+export declare function Panel({ type, padding, children }: Props_20): JSX.Element;
+
+export declare function Paragraph({ size, children }: Props_21): JSX.Element;
 
 declare type Props = {
-    readonly options: Map<string, string>;
-    readonly selected?: string;
-    readonly onChange?: (oldKey: string, newKey: string) => void;
+    readonly source: string;
+    readonly title?: string;
+    readonly alt?: string;
+    readonly width?: string;
+    readonly height?: string;
+    readonly fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 };
 
 declare type Props_10 = {
-    readonly children: ReactNode;
-    readonly submitHandler?: (form: HTMLFormElement) => void;
-};
-
-declare type Props_11 = {
     readonly layout: 'two-columns' | 'three-columns' | 'four-columns';
     readonly gap?: 'large' | 'medium' | 'small' | 'none';
     readonly children: ReactNode;
 };
 
-declare type Props_12 = {
-    readonly type: 'attachment' | 'bookmark' | 'box' | 'box-checked' | 'box-crossed' | 'calendar' | 'caution' | 'check' | 'clock' | 'close' | 'cloud' | 'comment' | 'diamond' | 'eye' | 'flag' | 'heart' | 'home' | 'info' | 'lock' | 'mail' | 'music' | 'phone' | 'piece' | 'plus' | 'question' | 'rain' | 'recycle' | 'search' | 'settings' | 'star' | 'sun' | 'tag' | 'trash' | 'umbrella' | 'unlock' | 'user' | 'video' | 'warning' | 'yinyang';
+declare type Props_11 = {
+    readonly type: 'attachment' | 'bookmark' | 'box' | 'box-checked' | 'box-crossed' | 'calendar' | 'caution' | 'check' | 'clock' | 'close' | 'cloud' | 'comment' | 'diamond' | 'eye' | 'flag' | 'heart' | 'home' | 'info' | 'lock' | 'mail' | 'music' | 'pencil' | 'phone' | 'piece' | 'plus' | 'question' | 'rain' | 'recycle' | 'search' | 'settings' | 'star' | 'sun' | 'tag' | 'trash' | 'umbrella' | 'unlock' | 'user' | 'video' | 'warning' | 'yinyang';
 };
 
-declare type Props_13 = {
+declare type Props_12 = {
     readonly source: string;
     readonly title?: string;
     readonly alt?: string;
@@ -70,30 +86,33 @@ declare type Props_13 = {
     readonly fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 };
 
-declare type Props_14 = {
-    readonly label: ReactElement<Props_15>;
-    readonly element: ReactElement<Props_16> | ReactElement<Props_17> | ReactElement<Props_18>;
+declare type Props_13 = {
+    readonly label: ReactElement<Props_14>;
+    readonly element: ReactElement<Props_15> | ReactElement<Props_16> | ReactElement<Props_17>;
 };
 
-declare type Props_15 = {
+declare type Props_14 = {
     readonly value: string;
 };
 
-declare type Props_16 = {
+declare type Props_15 = {
     readonly name: string;
     readonly placeholder?: string;
+    readonly defaultValue?: string;
     readonly value?: string;
     readonly limit?: number;
     readonly pattern?: string;
     readonly title?: string;
+    readonly type?: 'email' | 'number' | 'password' | 'search' | 'text' | 'tel' | 'url';
     readonly size?: 'large' | 'medium' | 'small';
     readonly required?: boolean;
     readonly onChange?: ChangeEventHandler<HTMLInputElement>;
 };
 
-declare type Props_17 = {
+declare type Props_16 = {
     readonly name: string;
     readonly placeholder?: string;
+    readonly defaultValue?: string;
     readonly value?: string;
     readonly size?: 'large' | 'medium' | 'small';
     readonly rows?: number;
@@ -101,44 +120,47 @@ declare type Props_17 = {
     readonly onChange?: ChangeEventHandler<HTMLTextAreaElement>;
 };
 
-declare type Props_18 = {
+declare type Props_17 = {
     readonly name: string;
     readonly options: Map<string, string>;
+    readonly defaultValue?: string;
     readonly value?: string;
     readonly size?: 'large' | 'medium' | 'small';
     readonly onChange?: ChangeEventHandler<HTMLSelectElement>;
 };
 
-declare type Props_19 = {
+declare type Props_18 = {
     readonly url?: string;
     readonly target?: string;
     readonly children: ReactNode;
 };
 
-declare type Props_2 = {
-    readonly id: string;
-    readonly title: ReactNode;
-    readonly children: ReactNode;
+declare type Props_19 = {
+    readonly id?: string;
+    readonly open?: boolean;
+    readonly sizing?: 'full' | 'content';
+    readonly children?: ReactNode;
 };
 
-declare type Props_20 = {
-    readonly open: boolean;
-    readonly sizing?: 'full' | 'content';
+declare type Props_2 = {
+    readonly type?: 'normal' | 'dashed' | 'dotted';
+    readonly size?: 'large' | 'medium' | 'small';
+    readonly padding?: 'large' | 'medium' | 'small' | 'none';
     readonly children?: ReactNode;
 };
 
-declare type Props_21 = {
+declare type Props_20 = {
     readonly type?: 'normal' | 'alert' | 'warning' | 'success' | 'error' | 'transparent';
     readonly padding?: 'large' | 'medium' | 'small';
     readonly children?: ReactNode;
 };
 
-declare type Props_22 = {
+declare type Props_21 = {
     readonly size?: 'large' | 'medium' | 'small';
     readonly children: ReactNode;
 };
 
-declare type Props_23 = {
+declare type Props_22 = {
     readonly alignX?: 'left' | 'center' | 'right' | 'justify';
     readonly alignY?: 'top' | 'center' | 'bottom' | 'stretch';
     readonly gap?: 'large' | 'medium' | 'small' | 'none';
@@ -146,16 +168,54 @@ declare type Props_23 = {
     readonly children: ReactNode;
 };
 
-declare type Props_24 = {
+declare type Props_23 = {
     readonly direction: 'horizontal' | 'vertical';
     readonly size?: 'small' | 'medium' | 'large';
 };
 
-declare type Props_25 = {
+declare type Props_24 = {
     readonly active?: boolean;
 };
 
+declare type Props_25 = {
+    readonly padding?: 'large' | 'medium' | 'small';
+    readonly children?: ReactElement<Props_26> | ReactElement<Props_29> | ReactElement<Props_30>[];
+};
+
 declare type Props_26 = {
+    readonly children?: ReactElement<Props_27>;
+};
+
+declare type Props_27 = {
+    readonly children?: ReactElement<Props_28>;
+};
+
+declare type Props_28 = {
+    readonly colspan?: number;
+    readonly rowspan?: number;
+    readonly alignX?: 'left' | 'center' | 'right';
+    readonly alignY?: 'top' | 'center' | 'bottom';
+    readonly size?: '95' | '90' | '85' | '80' | '75' | '70' | '65' | '60' | '55' | '50' | '45' | '40' | '35' | '30' | '25' | '20' | '25' | '10' | '5' | 'fit';
+    readonly children?: ReactNode;
+};
+
+declare type Props_29 = {
+    readonly border?: 'large' | 'medium' | 'small' | 'none';
+    readonly children?: ReactElement<Props_27>;
+};
+
+declare type Props_3 = {
+    readonly type?: 'submit' | 'primary' | 'secondary' | 'disabled';
+    readonly size?: 'large' | 'medium' | 'small';
+    readonly text: string;
+    readonly onClick?: () => void;
+};
+
+declare type Props_30 = {
+    readonly children?: ReactElement<Props_27>;
+};
+
+declare type Props_31 = {
     readonly value: string;
     readonly type?: 'primary' | 'secondary';
     readonly size?: 'large' | 'medium' | 'small';
@@ -163,53 +223,61 @@ declare type Props_26 = {
     readonly wrap?: 'none' | 'normal' | 'break-word';
 };
 
-declare type Props_27 = {
+declare type Props_32 = {
     readonly size?: 'large' | 'medium' | 'small';
     readonly children: ReactNode;
 };
 
-declare type Props_3 = {
+declare type Props_33 = {
+    readonly options: Map<string, string>;
+    readonly selected?: string;
+    readonly onChange?: (oldKey: string, newKey: string) => void;
+};
+
+declare type Props_34 = {
+    readonly selectedId?: string;
+    readonly children: ReactElement<Props_19> | ReactElement<Props_19>[];
+};
+
+declare type Props_35 = {
     readonly separator?: ReactNode;
     readonly selectedId?: string;
-    readonly children: ReactElement<Props_2> | ReactElement<Props_2>[];
+    readonly children: ReactElement<Props_36> | ReactElement<Props_36>[];
     readonly onChange?: (newId: string, oldId?: string) => void;
 };
 
-declare type Props_4 = {
-    readonly source: string;
-    readonly title?: string;
-    readonly alt?: string;
-    readonly width?: string;
-    readonly height?: string;
-    readonly fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+declare type Props_36 = {
+    readonly id: string;
+    readonly title: ReactNode;
+    readonly children: ReactNode;
 };
 
-declare type Props_5 = {
-    readonly type?: 'normal' | 'dashed' | 'dotted';
-    readonly size?: 'large' | 'medium' | 'small';
-    readonly padding?: 'large' | 'medium' | 'small' | 'none';
+declare type Props_37 = {
     readonly children?: ReactNode;
 };
 
-declare type Props_6 = {
-    readonly type?: 'submit' | 'primary' | 'secondary' | 'disabled';
-    readonly size?: 'large' | 'medium' | 'small';
-    readonly text: string;
-    readonly onClick?: () => void;
-};
-
-declare type Props_7 = {
+declare type Props_4 = {
     readonly sizing?: 'fixed' | 'fluid';
     readonly children: ReactNode;
 };
 
-declare type Props_8 = {
+declare type Props_5 = {
+    readonly name: string;
+    readonly label: string;
+    readonly defaultChecked?: boolean;
+    readonly checked?: boolean;
+    readonly value?: string;
+    readonly required?: boolean;
+    readonly onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+
+declare type Props_6 = {
     readonly padding?: 'large' | 'medium' | 'small' | 'none';
     readonly onClick?: () => void;
     readonly children?: ReactNode;
 };
 
-declare type Props_9 = {
+declare type Props_7 = {
     readonly alignX?: 'left' | 'center' | 'right' | 'stretch';
     readonly alignY?: 'top' | 'center' | 'bottom' | 'justify';
     readonly gap?: 'large' | 'medium' | 'small' | 'none';
@@ -217,25 +285,55 @@ declare type Props_9 = {
     readonly children: ReactNode;
 };
 
-export declare function Row({ alignX, alignY, gap, wrap, children }: Props_23): JSX.Element;
+declare type Props_8 = {
+    readonly name: string;
+    readonly defaultValue?: string;
+    readonly value?: string;
+    readonly title?: string;
+    readonly type?: 'datetime' | 'date' | 'time' | 'month' | 'week';
+    readonly size?: 'large' | 'medium' | 'small';
+    readonly required?: boolean;
+    readonly onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+
+declare type Props_9 = {
+    readonly children: ReactNode;
+    readonly submitHandler?: (form: HTMLFormElement) => void;
+};
+
+export declare function Row({ alignX, alignY, gap, wrap, children }: Props_22): JSX.Element;
+
+export declare function Ruler({ direction, size }: Props_23): JSX.Element;
+
+export declare const Select: ForwardRefExoticComponent<Props_17 & RefAttributes<HTMLSelectElement>>;
+
+export declare function Spinner({ active }: Props_24): JSX.Element;
 
-export declare function Ruler({ direction, size }: Props_24): JSX.Element;
+declare function Tab({ children }: Props_36): JSX.Element;
 
-export declare const Select: ForwardRefExoticComponent<Props_18 & RefAttributes<HTMLSelectElement>>;
+export declare function Table({ padding, children }: Props_25): JSX.Element;
 
-export declare function Spinner({ active }: Props_25): JSX.Element;
+export declare namespace Table {
+    var Header: Element_2;
+    var Body: Element_3;
+    var Footer: Element_4;
+    var Row: Element_5;
+    var Cell: Element_6;
+}
 
-export declare function Tab({ children }: Props_2): JSX.Element;
+export declare function Tabs({ separator, selectedId, children, onChange }: Props_35): JSX.Element;
 
-export declare function Tabs({ separator, selectedId, children, onChange }: Props_3): JSX.Element;
+export declare namespace Tabs {
+    var Tab: Tab;
+}
 
-declare function Text_2({ value, type, size, weight, wrap }: Props_26): JSX.Element;
+declare function Text_2({ value, type, size, weight, wrap }: Props_31): JSX.Element;
 export { Text_2 as Text }
 
-export declare const TextArea: ForwardRefExoticComponent<Props_17 & RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: ForwardRefExoticComponent<Props_16 & RefAttributes<HTMLTextAreaElement>>;
 
-export declare const TextBox: ForwardRefExoticComponent<Props_16 & RefAttributes<HTMLInputElement>>;
+export declare const TextBox: ForwardRefExoticComponent<Props_15 & RefAttributes<HTMLInputElement>>;
 
-export declare function Title({ size, children }: Props_27): JSX.Element;
+export declare function Title({ size, children }: Props_32): JSX.Element;
 
 export { }