@akad/design-system 0.0.1-beta.14

package/react/components/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,23 @@
+import { DsInputProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsInputProps>;
+    args: {
+        name: string;
+        label: string;
+        placeholder: string;
+        value: string;
+        min: string;
+        max: string;
+        type: import('./Input.config').InputType;
+        disabled: boolean;
+        tooltip: string;
+        status: import('./Input.config').Status;
+        feedback: string;
+        hasFeedback: boolean;
+        noMargin: boolean;
+    };
+};

package/react/components/atoms/Input/Input.test.d.ts

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

package/react/components/atoms/Input/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsInput, DsInputProps } from './Input';
+
+export { DsInput };
+export type { DsInputProps };

package/react/components/atoms/Input/mask.d.ts

@@ -0,0 +1,42 @@
+import { MaskedOptions } from 'imask';
+
+interface MaskedDynamic {
+    value: string;
+    compiledMasks: MaskedOptions[];
+}
+declare const maskConfig: {
+    currency: {
+        mask: string;
+        blocks: {
+            currency: {
+                mask: string;
+                lazy: boolean;
+                blocks: {
+                    num: {
+                        mask: NumberConstructor;
+                        scale: number;
+                        thousandsSeparator: string;
+                        padFractionalZeros: boolean;
+                        normalizeZeros: boolean;
+                        radix: string;
+                        mapToRadix: string[];
+                    };
+                };
+            };
+        };
+    };
+    document: {
+        mask: {
+            mask: string;
+            startsWith: RegExp;
+            maxLength: number;
+        }[];
+    };
+    'phone-br': {
+        mask: {
+            mask: string;
+        }[];
+        dispatch: (appended: string, dynamicMasked: MaskedDynamic) => Partial<Pick<import('imask').Masked<any>, "mask" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "format" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>;
+    };
+};
+export default maskConfig;

package/react/components/atoms/Loading/Loading.config.d.ts

@@ -0,0 +1,54 @@
+export declare const Size: {
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export declare const BackgroundColor: {
+    readonly None: "";
+    readonly Neutral20: "neutral-20";
+    readonly Neutral10: "neutral-10";
+    readonly Neutral05: "neutral-05";
+    readonly Neutral00: "neutral-00";
+};
+export type BackgroundColor = (typeof BackgroundColor)[keyof typeof BackgroundColor];
+export interface SizeProps {
+    type: StringConstructor;
+    default: Size;
+    options: Size[];
+}
+export interface OpacityProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface FullscreenProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface BackgroundColorProps {
+    type: StringConstructor;
+    default: BackgroundColor;
+    options: BackgroundColor[];
+}
+export interface IdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LoadingConfig {
+    name: string;
+    class: string;
+    props: {
+        id: IdProps;
+        testId: TestIdProps;
+        size: SizeProps;
+        opacity: OpacityProps;
+        fullscreen: FullscreenProps;
+        backgroundColor: BackgroundColorProps;
+    };
+}
+declare const LoadingConfig: LoadingConfig;
+export default LoadingConfig;

package/react/components/atoms/Loading/Loading.d.ts

@@ -0,0 +1,24 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsLoadingProps {
+    id?: string;
+    testId?: string;
+    className?: string;
+    size?: string;
+    opacity?: boolean;
+    fullscreen?: boolean;
+    backgroundColor?: string;
+}
+declare const DsLoading: {
+    ({ id, testId, className, size, opacity, fullscreen, backgroundColor, }: DsLoadingProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<import('./Loading.config').Size>;
+        opacity: PropTypes.Requireable<boolean>;
+        fullscreen: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default DsLoading;

package/react/components/atoms/Loading/Loading.stories.d.ts

@@ -0,0 +1,11 @@
+import { DsLoadingProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsLoadingProps>;
+    args: {
+        size: string;
+    };
+};

package/react/components/atoms/Loading/Loading.test.d.ts

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

package/react/components/atoms/Loading/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsLoading, DsLoadingProps } from './Loading';
+
+export { DsLoading };
+export type { DsLoadingProps };

package/react/components/atoms/Option/Option.config.d.ts

@@ -0,0 +1,53 @@
+export interface IdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface NameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface DetailProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CheckedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface OptionConfig {
+    name: string;
+    class: string;
+    props: {
+        id: IdProps;
+        name: NameProps;
+        testId: TestIdProps;
+        label: LabelProps;
+        value: ValueProps;
+        disabled: DisabledProps;
+        detail: DetailProps;
+        checked: CheckedProps;
+        onChangeHandler: OnChangeHandlerProps;
+    };
+}
+declare const OptionConfig: OptionConfig;
+export default OptionConfig;

package/react/components/atoms/Option/Option.d.ts

@@ -0,0 +1,30 @@
+import { default as React, ReactNode } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsOptionProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    id?: string;
+    name?: string;
+    testId?: string;
+    label?: string | ReactNode;
+    value?: string;
+    disabled?: boolean;
+    detail?: string;
+    checked?: boolean;
+    onChangeHandler: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare const DsOption: {
+    ({ id, label, detail, name, testId, disabled, value, checked, onChangeHandler, }: DsOptionProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        detail: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        checked: PropTypes.Requireable<boolean>;
+        onChangeHandler: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    displayName: string;
+};
+export default DsOption;

package/react/components/atoms/Option/Option.stories.d.ts

@@ -0,0 +1,12 @@
+import { DsOptionProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsOptionProps>;
+    args: {
+        label: string;
+        detail: string;
+    };
+};

package/react/components/atoms/Option/Option.test.d.ts

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

package/react/components/atoms/Option/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsOption, DsOptionProps } from './Option';
+
+export { DsOption };
+export type { DsOptionProps };

package/react/components/atoms/Paragraph/Paragraph.config.d.ts

@@ -0,0 +1,20 @@
+export declare const ParagraphType: {
+    readonly Default: "";
+    readonly Large: "large";
+    readonly Small: "small";
+};
+export type ParagraphType = (typeof ParagraphType)[keyof typeof ParagraphType];
+export interface ParagraphTypeProps {
+    type: StringConstructor;
+    default: ParagraphType;
+    options: ParagraphType[];
+}
+export interface ParagraphConfig {
+    name: string;
+    class: string;
+    props: {
+        type: ParagraphTypeProps;
+    };
+}
+declare const ParagraphConfig: ParagraphConfig;
+export default ParagraphConfig;

package/react/components/atoms/Paragraph/Paragraph.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsParagraphProps {
+    children?: React.ReactNode;
+    className?: string;
+    testId?: string;
+    type?: string;
+}
+declare const DsParagraph: {
+    ({ children, className, testId, type, }: DsParagraphProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<import('./Paragraph.config').ParagraphType>;
+    };
+    displayName: string;
+};
+export default DsParagraph;

package/react/components/atoms/Paragraph/Paragraph.stories.d.ts

@@ -0,0 +1,21 @@
+import { DsParagraphProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsParagraphProps>;
+    args: {};
+};
+export declare const Small: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsParagraphProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Large: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsParagraphProps>;
+    args: {
+        type: string;
+    };
+};

package/react/components/atoms/Paragraph/Paragraph.test.d.ts

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

package/react/components/atoms/Paragraph/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsParagraph, DsParagraphProps } from './Paragraph';
+
+export { DsParagraph };
+export type { DsParagraphProps };

package/react/components/atoms/Progress/Progress.config.d.ts

@@ -0,0 +1,31 @@
+export declare const Color: {
+    readonly Success: "success";
+    readonly SuccessDark: "success-dark";
+    readonly Warning: "warning";
+    readonly Danger: "danger";
+};
+export type Color = (typeof Color)[keyof typeof Color];
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ProgressProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface ColorProps {
+    type: StringConstructor;
+    default: Color;
+    options: Color[];
+}
+export interface ProgressConfig {
+    name: string;
+    class: string;
+    props: {
+        label: LabelProps;
+        progress: ProgressProps;
+        color: ColorProps;
+    };
+}
+declare const ProgressConfig: ProgressConfig;
+export default ProgressConfig;

package/react/components/atoms/Progress/Progress.d.ts

@@ -0,0 +1,16 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsProgressProps {
+    label?: string;
+    progress: number;
+    color?: string;
+}
+declare const DsProgress: {
+    ({ label, progress, color, }: DsProgressProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        label: PropTypes.Requireable<string>;
+        progress: PropTypes.Requireable<number>;
+        color: PropTypes.Requireable<string>;
+    };
+};
+export default DsProgress;

package/react/components/atoms/Progress/Progress.stories.d.ts

@@ -0,0 +1,13 @@
+import { DsProgressProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsProgressProps>;
+    args: {
+        label: string;
+        color: string;
+        progress: number;
+    };
+};

package/react/components/atoms/Progress/Progress.test.d.ts

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

package/react/components/atoms/Progress/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsProgress, DsProgressProps } from './Progress';
+
+export { DsProgress };
+export type { DsProgressProps };

package/react/components/atoms/Select/Select.config.d.ts

@@ -0,0 +1,125 @@
+export declare const Size: {
+    readonly Small: "sm";
+    readonly Medium: "md";
+    readonly Large: "lg";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export declare const Status: {
+    readonly Default: "";
+    readonly Error: "error";
+    readonly Success: "success";
+};
+export type Status = (typeof Status)[keyof typeof Status];
+export declare const TooltipPlacement: {
+    readonly Center: "center";
+    readonly End: "end";
+    readonly Initial: "initial";
+};
+export type TooltipPlacement = (typeof TooltipPlacement)[keyof typeof TooltipPlacement];
+export declare const TooltipPosition: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+};
+export type TooltipPosition = (typeof TooltipPosition)[keyof typeof TooltipPosition];
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface AnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface MultipleProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface NameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PlaceholderProps {
+    type: StringConstructor;
+}
+export interface OnChangeProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface ValueProps {
+    type: (BooleanConstructor | StringConstructor | NumberConstructor | undefined)[];
+}
+export interface SizeProps {
+    type: StringConstructor;
+    options: Size[];
+    default: Size;
+}
+export interface StatusProps {
+    type: StringConstructor;
+    default: Status;
+    options: Status[];
+}
+export interface TooltipProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TooltipPlacementProps {
+    type: StringConstructor;
+    default: TooltipPlacement;
+    options: TooltipPlacement[];
+}
+export interface TooltipPositionProps {
+    type: StringConstructor;
+    default: TooltipPosition;
+    options: TooltipPosition[];
+}
+export interface FeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+interface Option {
+    label?: string;
+    value?: string | number | readonly string[];
+}
+interface GroupedOption {
+    label?: string;
+    options: Option[];
+}
+export type SelectOptions = (Option | GroupedOption)[];
+export interface SelectConfig {
+    name: string;
+    class: string;
+    props: {
+        label: LabelProps;
+        className: ClassNameProps;
+        animated: AnimatedProps;
+        disabled: DisabledProps;
+        multiple: MultipleProps;
+        name: NameProps;
+        options: SelectOptions;
+        testId: TestIdProps;
+        placeholder: PlaceholderProps;
+        onChange: OnChangeProps;
+        value: ValueProps;
+        size: SizeProps;
+        status: StatusProps;
+        tooltip: TooltipProps;
+        tooltipPlacement: TooltipPlacementProps;
+        tooltipPosition: TooltipPositionProps;
+        feedback: FeedbackProps;
+    };
+}
+declare const SelectConfig: SelectConfig;
+export default SelectConfig;

package/react/components/atoms/Select/Select.d.ts

@@ -0,0 +1,25 @@
+import { SelectOptions } from './Select.config';
+import { default as React } from 'react';
+
+export interface DsSelectProps {
+    label: string;
+    className?: string;
+    disabled?: boolean;
+    animated?: boolean;
+    multiple?: boolean;
+    name?: string;
+    testId?: string;
+    options: SelectOptions;
+    value?: string | number;
+    placeholder?: string;
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>, value: string | number) => void;
+    onChangeHandler?: (e: React.ChangeEvent<HTMLSelectElement>, value: string | number) => void;
+    size?: string;
+    status?: string;
+    tooltip?: string;
+    tooltipPosition?: string;
+    tooltipPlacement?: string;
+    feedback?: string;
+}
+declare const DsSelect: React.ForwardRefExoticComponent<DsSelectProps & React.RefAttributes<HTMLInputElement>>;
+export default DsSelect;

package/react/components/atoms/Select/Select.stories.d.ts

@@ -0,0 +1,27 @@
+import { DsSelectProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSelectProps>;
+    args: {
+        label: string;
+        disabled: boolean;
+        multiple: boolean;
+        size: import('./Select.config').Size;
+        status: import('./Select.config').Status;
+        options: {
+            value: string;
+            label: string;
+        }[];
+        className: string;
+        animated: boolean;
+        name: string;
+        testId: string;
+        placeholder: string;
+        tooltip: string;
+        tooltipPlacement: import('./Select.config').TooltipPlacement;
+        tooltipPosition: import('./Select.config').TooltipPosition;
+    };
+};

package/react/components/atoms/Select/Select.test.d.ts

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

package/react/components/atoms/Select/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsSelect, DsSelectProps } from './Select';
+
+export { DsSelect };
+export type { DsSelectProps };

package/react/components/atoms/Subtitle/Subtitle.config.d.ts

@@ -0,0 +1,19 @@
+export declare const SubtitleType: {
+    readonly Large: "large";
+    readonly Small: "small";
+};
+export type SubtitleType = (typeof SubtitleType)[keyof typeof SubtitleType];
+export interface SubtitleTypeProps {
+    type: StringConstructor;
+    default: SubtitleType;
+    options: SubtitleType[];
+}
+export interface SubtitleConfig {
+    name: string;
+    class: string;
+    props: {
+        type: SubtitleTypeProps;
+    };
+}
+declare const SubtitleConfig: SubtitleConfig;
+export default SubtitleConfig;

package/react/components/atoms/Subtitle/Subtitle.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface DsSubtitleProps {
+    children?: React.ReactNode;
+    className?: string;
+    testId?: string;
+    type?: string;
+}
+declare const DsSubtitle: {
+    ({ children, className, testId, type, }: DsSubtitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DsSubtitle;