@akad/design-system 0.2.0-beta.9 → 1.0.0-alpha.2

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

@@ -0,0 +1,125 @@
+export declare enum IconColor {
+    Primary = "primary",
+    PrimaryLightest = "primary-lightest",
+    PrimaryLighter = "primary-lighter",
+    PrimaryLight = "primary-light",
+    PrimaryDark = "primary-dark",
+    PrimaryDarker = "primary-darker",
+    Neutral90 = "neutral-90",
+    Neutral80 = "neutral-80",
+    Neutral60 = "neutral-60",
+    Neutral40 = "neutral-40",
+    Neutral20 = "neutral-20",
+    Neutral10 = "neutral-10",
+    Neutral05 = "neutral-05",
+    Neutral00 = "neutral-00",
+    Secondary = "secondary",
+    SecondaryLightest = "secondary-lightest",
+    SecondaryLighter = "secondary-lighter",
+    SecondaryLight = "secondary-light",
+    SecondaryDark = "secondary-dark",
+    SecondaryDarker = "secondary-darker",
+    Success = "success",
+    SuccessLighter = "success-lighter",
+    SuccessLight = "success-light",
+    SuccessDark = "success-dark",
+    Warning = "warning",
+    WarningLighter = "warning-lighter",
+    WarningLight = "warning-light",
+    WarningDark = "warning-dark",
+    Danger = "danger",
+    DangerLighter = "danger-lighter",
+    DangerLight = "danger-light",
+    DangerDark = "danger-dark",
+    Info = "info",
+    InfoLighter = "info-lighter",
+    InfoLight = "info-light",
+    InfoDark = "info-dark"
+}
+export declare enum IconVariation {
+    Outlined = "outlined",
+    Rounded = "rounded",
+    Sharp = "sharp"
+}
+export declare enum IconSize {
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl",
+    Huge = "huge"
+}
+export declare enum IconWeight {
+    Bold = "bold",
+    Semibold = "semibold",
+    Medium = "medium",
+    Regular = "regular",
+    Light = "light",
+    Extralight = "extralight"
+}
+export interface IconFontVariationSettings {
+    fill: number;
+    grad: number;
+    weight: number;
+    opticalSize: number;
+}
+export interface IconColorProps {
+    type: StringConstructor;
+    default: IconColor;
+    options: IconColor[];
+}
+export interface IconImageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconVariationProps {
+    type: StringConstructor;
+    default: IconVariation;
+    options: IconVariation[];
+}
+export interface IconSizeProps {
+    type: StringConstructor;
+    default: IconSize;
+    options: IconSize[];
+}
+export interface IconFontVariationSettingsProps {
+    type: ObjectConstructor;
+    default: IconFontVariationSettings;
+}
+export interface IconFillProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface IconWeightProps {
+    type: StringConstructor;
+    default: IconWeight;
+    options: IconWeight[];
+}
+export interface IconTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconOnClickProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface IconConfig {
+    name: string;
+    class: string;
+    props: {
+        color: IconColorProps;
+        image: IconImageProps;
+        variation: IconVariationProps;
+        size: IconSizeProps;
+        fontVariationSettings: IconFontVariationSettingsProps;
+        fill: IconFillProps;
+        weight: IconWeightProps;
+        testId: IconTestIdProps;
+        onClick: IconOnClickProps;
+    };
+}
+declare const iconConfig: IconConfig;
+export default iconConfig;

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

@@ -1,5 +1,5 @@
-import { MouseEventHandler } from 'react';
 import { default as PropTypes } from 'prop-types';
+import { MouseEventHandler } from 'react';
 
 /**
  *
@@ -22,12 +22,12 @@ export interface DsIconProps {
 declare const DsIcon: {
     ({ image, color, className, size, fill, weight, testId, onClick, }: DsIconProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        color: PropTypes.Requireable<import('./Icon.config').Color>;
+        color: PropTypes.Requireable<import('./Icon.config').IconColor>;
         image: PropTypes.Requireable<string>;
         fontVariationSettings: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<import('./Icon.config').Size>;
+        size: PropTypes.Requireable<import('./Icon.config').IconSize>;
         fill: PropTypes.Requireable<boolean>;
-        weight: PropTypes.Requireable<import('./Icon.config').Weight>;
+        weight: PropTypes.Requireable<import('./Icon.config').IconWeight>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     displayName: string;

package/react/src/components/atoms/Icon/Icon.stories.d.ts

@@ -0,0 +1,19 @@
+import { Meta } from '@storybook/react';
+import { DsIconProps } from '.';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIconProps>;
+    args: {
+        image: string;
+        color: import('.').IconColor;
+        size: import('.').IconSize;
+        fill: boolean;
+        weight: import('.').IconWeight;
+    };
+};
+export declare const List: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIconProps>;
+    args: {};
+};

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

@@ -0,0 +1,4 @@
+export * from './Icon';
+export * from './Icon.config';
+export { default as DsIcon } from './Icon';
+export { default as iconConfig } from './Icon.config';

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

@@ -1,10 +1,10 @@
-import { DsInputProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsInputProps } from '.';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsInputProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsInputProps>;
     args: {
         name: string;
         label: string;
@@ -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/{components → src/components}/atoms/Loading/Loading.stories.d.ts

@@ -1,10 +1,10 @@
-import { DsLoadingProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsLoadingProps } from '.';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsLoadingProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsLoadingProps>;
     args: {
         size: 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/{components → src/components}/atoms/Option/Option.stories.d.ts

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

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/Paragraph.stories.d.ts

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

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/{components → src/components}/atoms/Progress/Progress.stories.d.ts

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

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';