@maskingtech/designsystem 0.0.1 → 0.0.2

package/dist/mtds.d.ts

@@ -5,63 +5,71 @@ 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_5): JSX.Element;
 
-export declare function Border({ type, size, padding, children }: Props_5): JSX.Element;
+export declare function Border({ type, size, padding, children }: Props_6): JSX.Element;
 
-export declare function Button({ type, size, text, onClick }: Props_6): JSX.Element;
+export declare function Button({ type, size, text, onClick }: Props_7): JSX.Element;
 
-export declare function Cell({ sizing, children }: Props_7): JSX.Element;
+export declare function Cell({ sizing, children }: Props_8): JSX.Element;
 
-export declare function ClickArea({ padding, onClick, children }: Props_8): JSX.Element;
+export declare function ClickArea({ padding, onClick, children }: Props_9): JSX.Element;
 
-export declare function Column({ alignX, alignY, gap, wrap, children }: Props_9): JSX.Element;
+export declare function Column({ alignX, alignY, gap, wrap, children }: Props_10): JSX.Element;
 
-export declare function Dropdown({ options, selected, onChange }: Props): JSX.Element;
+export declare function DesignSystem({ children }: Props): JSX.Element;
 
-export declare const Form: ForwardRefExoticComponent<Props_10 & RefAttributes<HTMLFormElement>>;
+export declare function Dropdown({ options, selected, onChange }: Props_2): JSX.Element;
 
-export declare function Grid({ layout, gap, children }: Props_11): JSX.Element;
+export declare const Form: ForwardRefExoticComponent<Props_11 & RefAttributes<HTMLFormElement>>;
 
-export declare function Icon({ type }: Props_12): JSX.Element;
+export declare function Grid({ layout, gap, children }: Props_12): JSX.Element;
 
-declare function Image_2({ source, title, alt, width, height, fit }: Props_13): JSX.Element;
+export declare function Icon({ type }: Props_13): JSX.Element;
+
+declare function Image_2({ source, title, alt, width, height, fit }: Props_14): JSX.Element;
 export { Image_2 as Image }
 
-export declare function Input({ label, element }: Props_14): JSX.Element;
+export declare function Input({ label, element }: Props_15): JSX.Element;
 
-export declare function Label({ value }: Props_15): JSX.Element;
+export declare function Label({ value }: Props_16): JSX.Element;
 
-export declare function Link({ url, target, children }: Props_19): JSX.Element;
+export declare function Link({ url, target, children }: Props_20): JSX.Element;
 
-export declare function Modal({ open, sizing, children }: Props_20): JSX.Element;
+export declare function Modal({ open, sizing, children }: Props_21): JSX.Element;
 
-export declare function Panel({ type, padding, children }: Props_21): JSX.Element;
+export declare function Panel({ type, padding, children }: Props_22): JSX.Element;
 
-export declare function Paragraph({ size, children }: Props_22): JSX.Element;
+export declare function Paragraph({ size, children }: Props_23): JSX.Element;
 
 declare type Props = {
-    readonly options: Map<string, string>;
-    readonly selected?: string;
-    readonly onChange?: (oldKey: string, newKey: string) => void;
+    readonly children?: ReactNode;
 };
 
 declare type Props_10 = {
+    readonly alignX?: 'left' | 'center' | 'right' | 'stretch';
+    readonly alignY?: 'top' | 'center' | 'bottom' | 'justify';
+    readonly gap?: 'large' | 'medium' | 'small' | 'none';
+    readonly wrap?: 'wrap' | 'nowrap';
     readonly children: ReactNode;
-    readonly submitHandler?: (form: HTMLFormElement) => void;
 };
 
 declare type Props_11 = {
+    readonly children: ReactNode;
+    readonly submitHandler?: (form: HTMLFormElement) => void;
+};
+
+declare type Props_12 = {
     readonly layout: 'two-columns' | 'three-columns' | 'four-columns';
     readonly gap?: 'large' | 'medium' | 'small' | 'none';
     readonly children: ReactNode;
 };
 
-declare type Props_12 = {
+declare type Props_13 = {
     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_13 = {
+declare type Props_14 = {
     readonly source: string;
     readonly title?: string;
     readonly alt?: string;
@@ -70,16 +78,16 @@ 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_15 = {
+    readonly label: ReactElement<Props_16>;
+    readonly element: ReactElement<Props_17> | ReactElement<Props_18> | ReactElement<Props_19>;
 };
 
-declare type Props_15 = {
+declare type Props_16 = {
     readonly value: string;
 };
 
-declare type Props_16 = {
+declare type Props_17 = {
     readonly name: string;
     readonly placeholder?: string;
     readonly value?: string;
@@ -91,7 +99,7 @@ declare type Props_16 = {
     readonly onChange?: ChangeEventHandler<HTMLInputElement>;
 };
 
-declare type Props_17 = {
+declare type Props_18 = {
     readonly name: string;
     readonly placeholder?: string;
     readonly value?: string;
@@ -101,7 +109,7 @@ declare type Props_17 = {
     readonly onChange?: ChangeEventHandler<HTMLTextAreaElement>;
 };
 
-declare type Props_18 = {
+declare type Props_19 = {
     readonly name: string;
     readonly options: Map<string, string>;
     readonly value?: string;
@@ -109,36 +117,36 @@ declare type Props_18 = {
     readonly onChange?: ChangeEventHandler<HTMLSelectElement>;
 };
 
-declare type Props_19 = {
-    readonly url?: string;
-    readonly target?: string;
-    readonly children: ReactNode;
+declare type Props_2 = {
+    readonly options: Map<string, string>;
+    readonly selected?: string;
+    readonly onChange?: (oldKey: string, newKey: string) => void;
 };
 
-declare type Props_2 = {
-    readonly id: string;
-    readonly title: ReactNode;
+declare type Props_20 = {
+    readonly url?: string;
+    readonly target?: string;
     readonly children: ReactNode;
 };
 
-declare type Props_20 = {
+declare type Props_21 = {
     readonly open: boolean;
     readonly sizing?: 'full' | 'content';
     readonly children?: ReactNode;
 };
 
-declare type Props_21 = {
+declare type Props_22 = {
     readonly type?: 'normal' | 'alert' | 'warning' | 'success' | 'error' | 'transparent';
     readonly padding?: 'large' | 'medium' | 'small';
     readonly children?: ReactNode;
 };
 
-declare type Props_22 = {
+declare type Props_23 = {
     readonly size?: 'large' | 'medium' | 'small';
     readonly children: ReactNode;
 };
 
-declare type Props_23 = {
+declare type Props_24 = {
     readonly alignX?: 'left' | 'center' | 'right' | 'justify';
     readonly alignY?: 'top' | 'center' | 'bottom' | 'stretch';
     readonly gap?: 'large' | 'medium' | 'small' | 'none';
@@ -146,16 +154,16 @@ declare type Props_23 = {
     readonly children: ReactNode;
 };
 
-declare type Props_24 = {
+declare type Props_25 = {
     readonly direction: 'horizontal' | 'vertical';
     readonly size?: 'small' | 'medium' | 'large';
 };
 
-declare type Props_25 = {
+declare type Props_26 = {
     readonly active?: boolean;
 };
 
-declare type Props_26 = {
+declare type Props_27 = {
     readonly value: string;
     readonly type?: 'primary' | 'secondary';
     readonly size?: 'large' | 'medium' | 'small';
@@ -163,19 +171,25 @@ declare type Props_26 = {
     readonly wrap?: 'none' | 'normal' | 'break-word';
 };
 
-declare type Props_27 = {
+declare type Props_28 = {
     readonly size?: 'large' | 'medium' | 'small';
     readonly children: ReactNode;
 };
 
 declare type Props_3 = {
+    readonly id: string;
+    readonly title: ReactNode;
+    readonly children: ReactNode;
+};
+
+declare type Props_4 = {
     readonly separator?: ReactNode;
     readonly selectedId?: string;
-    readonly children: ReactElement<Props_2> | ReactElement<Props_2>[];
+    readonly children: ReactElement<Props_3> | ReactElement<Props_3>[];
     readonly onChange?: (newId: string, oldId?: string) => void;
 };
 
-declare type Props_4 = {
+declare type Props_5 = {
     readonly source: string;
     readonly title?: string;
     readonly alt?: string;
@@ -184,58 +198,50 @@ declare type Props_4 = {
     readonly fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 };
 
-declare type Props_5 = {
+declare type Props_6 = {
     readonly type?: 'normal' | 'dashed' | 'dotted';
     readonly size?: 'large' | 'medium' | 'small';
     readonly padding?: 'large' | 'medium' | 'small' | 'none';
     readonly children?: ReactNode;
 };
 
-declare type Props_6 = {
+declare type Props_7 = {
     readonly type?: 'submit' | 'primary' | 'secondary' | 'disabled';
     readonly size?: 'large' | 'medium' | 'small';
     readonly text: string;
     readonly onClick?: () => void;
 };
 
-declare type Props_7 = {
+declare type Props_8 = {
     readonly sizing?: 'fixed' | 'fluid';
     readonly children: ReactNode;
 };
 
-declare type Props_8 = {
+declare type Props_9 = {
     readonly padding?: 'large' | 'medium' | 'small' | 'none';
     readonly onClick?: () => void;
     readonly children?: ReactNode;
 };
 
-declare type Props_9 = {
-    readonly alignX?: 'left' | 'center' | 'right' | 'stretch';
-    readonly alignY?: 'top' | 'center' | 'bottom' | 'justify';
-    readonly gap?: 'large' | 'medium' | 'small' | 'none';
-    readonly wrap?: 'wrap' | 'nowrap';
-    readonly children: ReactNode;
-};
-
-export declare function Row({ alignX, alignY, gap, wrap, children }: Props_23): JSX.Element;
+export declare function Row({ alignX, alignY, gap, wrap, children }: Props_24): JSX.Element;
 
-export declare function Ruler({ direction, size }: Props_24): JSX.Element;
+export declare function Ruler({ direction, size }: Props_25): JSX.Element;
 
-export declare const Select: ForwardRefExoticComponent<Props_18 & RefAttributes<HTMLSelectElement>>;
+export declare const Select: ForwardRefExoticComponent<Props_19 & RefAttributes<HTMLSelectElement>>;
 
-export declare function Spinner({ active }: Props_25): JSX.Element;
+export declare function Spinner({ active }: Props_26): JSX.Element;
 
-export declare function Tab({ children }: Props_2): JSX.Element;
+export declare function Tab({ children }: Props_3): JSX.Element;
 
-export declare function Tabs({ separator, selectedId, children, onChange }: Props_3): JSX.Element;
+export declare function Tabs({ separator, selectedId, children, onChange }: Props_4): JSX.Element;
 
-declare function Text_2({ value, type, size, weight, wrap }: Props_26): JSX.Element;
+declare function Text_2({ value, type, size, weight, wrap }: Props_27): JSX.Element;
 export { Text_2 as Text }
 
-export declare const TextArea: ForwardRefExoticComponent<Props_17 & RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: ForwardRefExoticComponent<Props_18 & RefAttributes<HTMLTextAreaElement>>;
 
-export declare const TextBox: ForwardRefExoticComponent<Props_16 & RefAttributes<HTMLInputElement>>;
+export declare const TextBox: ForwardRefExoticComponent<Props_17 & RefAttributes<HTMLInputElement>>;
 
-export declare function Title({ size, children }: Props_27): JSX.Element;
+export declare function Title({ size, children }: Props_28): JSX.Element;
 
 export { }