@akad/design-system 0.2.0-beta.8 → 1.0.0-alpha.1

package/react/src/components/atoms/Input/Input.config.d.ts

@@ -0,0 +1,146 @@
+export declare enum InputType {
+    Text = "text",
+    Password = "password",
+    Email = "email",
+    Date = "date",
+    Number = "number"
+}
+export declare enum InputSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum InputStatus {
+    Default = "",
+    Error = "error",
+    Success = "success"
+}
+export declare enum InputTooltipPlacement {
+    Center = "center",
+    End = "end",
+    Initial = "initial"
+}
+export declare enum InputTooltipPosition {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export interface InputNameProps {
+    type: StringConstructor;
+    required: boolean;
+}
+export interface InputTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputTypeProps {
+    type: StringConstructor;
+    default: InputType;
+    options: InputType[];
+}
+export interface InputAnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface InputDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface InputSizeProps {
+    type: StringConstructor;
+    default: InputSize;
+    options: InputSize[];
+}
+export interface InputLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputPlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputMinProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputMaxProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputStatusProps {
+    type: StringConstructor;
+    default: InputStatus;
+    options: InputStatus[];
+}
+export interface InputFeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputHasFeedbackProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface InputNoMarginProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface InputIconProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputTooltipProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputTooltipPlacementProps {
+    type: StringConstructor;
+    default: InputTooltipPlacement;
+    options: InputTooltipPlacement[];
+}
+export interface InputTooltipPositionProps {
+    type: StringConstructor;
+    default: InputTooltipPosition;
+    options: InputTooltipPosition[];
+}
+export interface InputMaskProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface InputOnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface InputConfig {
+    name: string;
+    class: string;
+    props: {
+        name: InputNameProps;
+        testId: InputTestIdProps;
+        type: InputTypeProps;
+        animated: InputAnimatedProps;
+        disabled: InputDisabledProps;
+        size: InputSizeProps;
+        label: InputLabelProps;
+        placeholder: InputPlaceholderProps;
+        value: InputValueProps;
+        min: InputMinProps;
+        max: InputMaxProps;
+        status: InputStatusProps;
+        feedback: InputFeedbackProps;
+        hasFeedback: InputHasFeedbackProps;
+        noMargin: InputNoMarginProps;
+        icon: InputIconProps;
+        tooltip: InputTooltipProps;
+        tooltipPlacement: InputTooltipPlacementProps;
+        tooltipPosition: InputTooltipPositionProps;
+        mask: InputMaskProps;
+        onChangeHandler: InputOnChangeHandlerProps;
+    };
+}
+declare const inputConfig: InputConfig;
+export default inputConfig;

package/react/{components → src/components}/atoms/Input/Input.stories.d.ts

@@ -12,10 +12,10 @@ export declare const Default: {
         value: string;
         min: string;
         max: string;
-        type: import('./Input.config').InputType;
+        type: import('.').InputType;
         disabled: boolean;
         tooltip: string;
-        status: import('./Input.config').Status;
+        status: import('.').InputStatus;
         feedback: string;
         hasFeedback: boolean;
         noMargin: boolean;

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

@@ -0,0 +1,4 @@
+export * from './Input';
+export * from './Input.config';
+export { default as DsInput } from './Input';
+export { default as inputConfig } from './Input.config';

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

@@ -0,0 +1,52 @@
+export declare enum LoadingSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum LoadingBackgroundColor {
+    None = "",
+    Neutral20 = "neutral-20",
+    Neutral10 = "neutral-10",
+    Neutral05 = "neutral-05",
+    Neutral00 = "neutral-00"
+}
+export interface LoadingSizeProps {
+    type: StringConstructor;
+    default: LoadingSize;
+    options: LoadingSize[];
+}
+export interface LoadingOpacityProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface LoadingFullscreenProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface LoadingBackgroundColorProps {
+    type: StringConstructor;
+    default: LoadingBackgroundColor;
+    options: LoadingBackgroundColor[];
+}
+export interface LoadingIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LoadingTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LoadingConfig {
+    name: string;
+    class: string;
+    props: {
+        id: LoadingIdProps;
+        testId: LoadingTestIdProps;
+        size: LoadingSizeProps;
+        opacity: LoadingOpacityProps;
+        fullscreen: LoadingFullscreenProps;
+        backgroundColor: LoadingBackgroundColorProps;
+    };
+}
+declare const loadingConfig: LoadingConfig;
+export default loadingConfig;

package/react/{components → src/components}/atoms/Loading/Loading.d.ts

@@ -14,7 +14,7 @@ declare const DsLoading: {
     propTypes: {
         id: PropTypes.Requireable<string>;
         testId: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<import('./Loading.config').Size>;
+        size: PropTypes.Requireable<import('./Loading.config').LoadingSize>;
         opacity: PropTypes.Requireable<boolean>;
         fullscreen: PropTypes.Requireable<boolean>;
         backgroundColor: PropTypes.Requireable<string>;

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

@@ -0,0 +1,4 @@
+export * from './Loading';
+export * from './Loading.config';
+export { default as DsLoading } from './Loading';
+export { default as loadingConfig } from './Loading.config';

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

@@ -0,0 +1,53 @@
+export interface OptionIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface OptionDetailProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionCheckedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface OptionOnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface OptionConfig {
+    name: string;
+    class: string;
+    props: {
+        id: OptionIdProps;
+        name: OptionNameProps;
+        testId: OptionTestIdProps;
+        label: OptionLabelProps;
+        value: OptionValueProps;
+        disabled: OptionDisabledProps;
+        detail: OptionDetailProps;
+        checked: OptionCheckedProps;
+        onChangeHandler: OptionOnChangeHandlerProps;
+    };
+}
+declare const optionConfig: OptionConfig;
+export default optionConfig;

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

@@ -0,0 +1,4 @@
+export * from './Option';
+export * from './Option.config';
+export { default as DsOption } from './Option';
+export { default as optionConfig } from './Option.config';

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

@@ -0,0 +1,19 @@
+export declare enum ParagraphType {
+    Default = "",
+    Large = "large",
+    Small = "small"
+}
+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/src/components/atoms/Paragraph/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Paragraph';
+export * from './Paragraph.config';
+export { default as DsParagraph } from './Paragraph';
+export { default as paragraphConfig } from './Paragraph.config';

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

@@ -0,0 +1,30 @@
+export declare enum ProgressColor {
+    Success = "success",
+    SuccessDark = "success-dark",
+    Warning = "warning",
+    Danger = "danger"
+}
+export interface ProgressLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ProgressProgressProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface ProgressColorProps {
+    type: StringConstructor;
+    default: ProgressColor;
+    options: ProgressColor[];
+}
+export interface ProgressConfig {
+    name: string;
+    class: string;
+    props: {
+        label: ProgressLabelProps;
+        progress: ProgressProgressProps;
+        color: ProgressColorProps;
+    };
+}
+declare const progressConfig: ProgressConfig;
+export default progressConfig;

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

@@ -0,0 +1,4 @@
+export * from './Progress';
+export * from './Progress.config';
+export { default as DsProgress } from './Progress';
+export { default as progressConfig } from './Progress.config';

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

@@ -0,0 +1,121 @@
+export declare enum SelectSize {
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+export declare enum SelectStatus {
+    Default = "",
+    Error = "error",
+    Success = "success"
+}
+export declare enum SelectTooltipPlacement {
+    Center = "center",
+    End = "end",
+    Initial = "initial"
+}
+export declare enum SelectTooltipPosition {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export interface SelectLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SelectClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SelectAnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface SelectDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface SelectMultipleProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface SelectNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SelectTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SelectPlaceholderProps {
+    type: StringConstructor;
+}
+export interface SelectOnChangeProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface SelectValueProps {
+    type: (BooleanConstructor | StringConstructor | NumberConstructor | undefined)[];
+}
+export interface SelectSizeProps {
+    type: StringConstructor;
+    options: SelectSize[];
+    default: SelectSize;
+}
+export interface SelectStatusProps {
+    type: StringConstructor;
+    default: SelectStatus;
+    options: SelectStatus[];
+}
+export interface SelectTooltipProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SelectTooltipPlacementProps {
+    type: StringConstructor;
+    default: SelectTooltipPlacement;
+    options: SelectTooltipPlacement[];
+}
+export interface SelectTooltipPositionProps {
+    type: StringConstructor;
+    default: SelectTooltipPosition;
+    options: SelectTooltipPosition[];
+}
+export interface SelectFeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+interface SelectOption {
+    label?: string;
+    value?: string | number | readonly string[];
+}
+interface SelectGroupedOption {
+    label?: string;
+    options: SelectOption[];
+}
+export type SelectOptions = (SelectOption | SelectGroupedOption)[];
+export interface SelectConfig {
+    name: string;
+    class: string;
+    props: {
+        label: SelectLabelProps;
+        className: SelectClassNameProps;
+        animated: SelectAnimatedProps;
+        disabled: SelectDisabledProps;
+        multiple: SelectMultipleProps;
+        name: SelectNameProps;
+        options: SelectOptions;
+        testId: SelectTestIdProps;
+        placeholder: SelectPlaceholderProps;
+        onChange: SelectOnChangeProps;
+        value: SelectValueProps;
+        size: SelectSizeProps;
+        status: SelectStatusProps;
+        tooltip: SelectTooltipProps;
+        tooltipPlacement: SelectTooltipPlacementProps;
+        tooltipPosition: SelectTooltipPositionProps;
+        feedback: SelectFeedbackProps;
+    };
+}
+declare const selectConfig: SelectConfig;
+export default selectConfig;

package/react/{components → src/components}/atoms/Select/Select.stories.d.ts

@@ -9,8 +9,8 @@ export declare const Default: {
         label: string;
         disabled: boolean;
         multiple: boolean;
-        size: import('./Select.config').Size;
-        status: import('./Select.config').Status;
+        size: import('.').SelectSize;
+        status: import('.').SelectStatus;
         options: {
             value: string;
             label: string;
@@ -21,7 +21,7 @@ export declare const Default: {
         testId: string;
         placeholder: string;
         tooltip: string;
-        tooltipPlacement: import('./Select.config').TooltipPlacement;
-        tooltipPosition: import('./Select.config').TooltipPosition;
+        tooltipPlacement: import('.').SelectTooltipPlacement;
+        tooltipPosition: import('.').SelectTooltipPosition;
     };
 };

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

@@ -0,0 +1,4 @@
+export * from './Select';
+export * from './Select.config';
+export { default as DsSelect } from './Select';
+export { default as selectConfig } from './Select.config';

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

@@ -0,0 +1,18 @@
+export declare enum SubtitleType {
+    Large = "large",
+    Small = "small"
+}
+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/src/components/atoms/Subtitle/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Subtitle';
+export * from './Subtitle.config';
+export { default as DsSubtitle } from './Subtitle';
+export { default as subtitleConfig } from './Subtitle.config';

package/react/src/components/atoms/TextArea/TextArea.config.d.ts

@@ -0,0 +1,128 @@
+export declare enum TextAreaSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum TextAreaType {
+    Text = "text"
+}
+export declare enum TextAreaStatus {
+    None = "",
+    Error = "error",
+    Success = "success"
+}
+export declare enum TextAreaResize {
+    None = "none",
+    Both = "both",
+    Horizontal = "horizontal",
+    Vertical = "vertical",
+    Block = "block",
+    Inline = "inline"
+}
+export interface TextAreaNameProps {
+    type: StringConstructor;
+    required: true;
+}
+export interface TextAreaTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaTypeProps {
+    type: StringConstructor;
+    default: TextAreaType;
+    options: TextAreaType[];
+}
+export interface TextAreaAnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface TextAreaDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface TextAreaSizeProps {
+    type: StringConstructor;
+    default: TextAreaSize;
+    options: TextAreaSize[];
+}
+export interface TextAreaLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaPlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaMinLengthProps {
+    type: NumberConstructor;
+    default: number | undefined;
+}
+export interface TextAreaMaxLengthProps {
+    type: NumberConstructor;
+    default: number | undefined;
+}
+export interface TextAreaRowsProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface TextAreaStatusProps {
+    type: StringConstructor;
+    default: TextAreaStatus;
+    options: TextAreaStatus[];
+}
+export interface TextAreaFeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaDescriptionProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaIconProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaTooltipProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TextAreaResizeProps {
+    type: StringConstructor;
+    default: TextAreaResize;
+    options: TextAreaResize[];
+}
+export interface TextAreaOnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface TextAreaConfig {
+    name: string;
+    class: string;
+    props: {
+        name: TextAreaNameProps;
+        testId: TextAreaTestIdProps;
+        type: TextAreaTypeProps;
+        animated: TextAreaAnimatedProps;
+        disabled: TextAreaDisabledProps;
+        size: TextAreaSizeProps;
+        label: TextAreaLabelProps;
+        placeholder: TextAreaPlaceholderProps;
+        value: TextAreaValueProps;
+        minLength: TextAreaMinLengthProps;
+        maxLength: TextAreaMaxLengthProps;
+        rows: TextAreaRowsProps;
+        status: TextAreaStatusProps;
+        feedback: TextAreaFeedbackProps;
+        description: TextAreaDescriptionProps;
+        icon: TextAreaIconProps;
+        tooltip: TextAreaTooltipProps;
+        resize: TextAreaResizeProps;
+        onChangeHandler: TextAreaOnChangeHandlerProps;
+    };
+}
+declare const textAreaConfig: TextAreaConfig;
+export default textAreaConfig;

package/react/{components → src/components}/atoms/TextArea/TextArea.d.ts

@@ -3,7 +3,6 @@ import { default as React } from 'react';
 export interface DsTextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     name?: string;
     testId?: string;
-    type?: string;
     animated?: boolean;
     size?: string;
     label?: string;

package/react/{components → src/components}/atoms/TextArea/TextArea.stories.d.ts

@@ -16,10 +16,10 @@ export declare const Default: {
         rows: number;
         disabled: boolean;
         animated: boolean;
-        size: import('./TextArea.config').Size;
+        size: import('.').TextAreaSize;
         icon: string;
         tooltip: string;
-        status: import('./TextArea.config').Status;
+        status: import('.').TextAreaStatus;
         feedback: string;
         resize: string;
         description: string;

package/react/src/components/atoms/TextArea/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TextArea';
+export * from './TextArea.config';
+export { default as DsTextArea } from './TextArea';
+export { default as textAreaConfig } from './TextArea.config';