@akad/design-system 0.0.1-beta.14

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

@@ -0,0 +1,23 @@
+import { DsCardProps } 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, DsCardProps>;
+    args: {
+        elevation: number;
+    };
+};
+export declare const WithBorder: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsCardProps>;
+    args: {
+        borderColor: string;
+    };
+};
+export declare const WithBackground: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsCardProps>;
+    args: {
+        backgroundColor: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsCard, DsCardProps } from './Card';
+
+export { DsCard };
+export type { DsCardProps };

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

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+
+export interface NameProps {
+    type: StringConstructor;
+    required: false;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DescriptionProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CheckedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ChangeByCheckedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface DsCheckboxProps {
+    id?: string;
+    className?: string;
+    name?: string;
+    testId?: string;
+    label?: string | ReactNode;
+    description?: string | ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    changeByChecked?: boolean;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface CheckboxConfig {
+    name: string;
+    class: string;
+    props: {
+        name: NameProps;
+        testId: TestIdProps;
+        label: LabelProps;
+        description: DescriptionProps;
+        checked: CheckedProps;
+        disabled: DisabledProps;
+        changeByChecked: ChangeByCheckedProps;
+        onChangeHandler: OnChangeHandlerProps;
+    };
+}
+declare const CheckboxConfig: CheckboxConfig;
+export default CheckboxConfig;

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

@@ -0,0 +1,5 @@
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as React } from 'react';
+
+declare const DsCheckbox: React.ForwardRefExoticComponent<DsCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default DsCheckbox;

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

@@ -0,0 +1,23 @@
+import { DsCheckboxProps } 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, DsCheckboxProps>;
+    args: {
+        name: string;
+        label: string;
+        description: string;
+    };
+};
+export declare const Disabled: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsCheckboxProps>;
+    args: {
+        name: string;
+        disabled: boolean;
+        label: string;
+        description: string;
+    };
+    decorators: ((Story: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('@storybook/types').Args>) => import("react/jsx-runtime").JSX.Element)[];
+};

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

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

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

@@ -0,0 +1,5 @@
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as DsCheckbox } from './Checkbox';
+
+export { DsCheckbox };
+export type { DsCheckboxProps };

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

@@ -0,0 +1,23 @@
+export declare const HeadingType: {
+    readonly Heading1: "heading-1";
+    readonly Heading2: "heading-2";
+    readonly Heading3: "heading-3";
+    readonly Heading4: "heading-4";
+    readonly Heading5: "heading-5";
+    readonly Heading6: "heading-6";
+};
+export type HeadingType = (typeof HeadingType)[keyof typeof HeadingType];
+export interface TypeProps {
+    type: StringConstructor;
+    default: HeadingType;
+    options: HeadingType[];
+}
+export interface HeadingConfig {
+    name: string;
+    class: string;
+    props: {
+        type: TypeProps;
+    };
+}
+declare const HeadingConfig: HeadingConfig;
+export default HeadingConfig;

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

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

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

@@ -0,0 +1,48 @@
+import { ThemeProviderProps } from '../../molecules/ThemeProvider';
+import { DsHeadingProps } 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, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading1: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading2: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading3: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading4: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading5: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Heading6: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsHeadingProps>;
+    args: {
+        type: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsHeading, DsHeadingProps } from './Heading';
+
+export { DsHeading };
+export type { DsHeadingProps };

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

@@ -0,0 +1,32 @@
+export declare const BorderStyle: {
+    readonly None: "";
+    readonly Dashed: "dashed";
+    readonly Dotted: "dotted";
+};
+export type BorderStyle = (typeof BorderStyle)[keyof typeof BorderStyle];
+export declare const Size: {
+    readonly None: "";
+    readonly Small: "small";
+    readonly Large: "large";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export interface BorderStyleProps {
+    type: StringConstructor;
+    default: BorderStyle;
+    options: BorderStyle[];
+}
+export interface SizeProps {
+    type: StringConstructor;
+    default: Size;
+    options: Size[];
+}
+export interface iHRConfig {
+    name: string;
+    class: string;
+    props: {
+        borderStyle: BorderStyleProps;
+        size: SizeProps;
+    };
+}
+declare const HRConfig: iHRConfig;
+export default HRConfig;

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

@@ -0,0 +1,15 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsHRProps {
+    size?: string;
+    borderStyle?: string;
+}
+declare const DsHR: {
+    ({ size, borderStyle, }: DsHRProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        size: PropTypes.Requireable<import('./HorizontalRule.config').Size>;
+        borderStyle: PropTypes.Requireable<import('./HorizontalRule.config').BorderStyle>;
+    };
+    displayName: string;
+};
+export default DsHR;

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

@@ -0,0 +1,9 @@
+import { DsHRProps } 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, DsHRProps>;
+    args: {};
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsHR, DsHRProps } from './HorizontalRule';
+
+export { DsHR };
+export type { DsHRProps };

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

@@ -0,0 +1,129 @@
+export declare const Color: {
+    readonly Primary: "primary";
+    readonly PrimaryLightest: "primary-lightest";
+    readonly PrimaryLighter: "primary-lighter";
+    readonly PrimaryLight: "primary-light";
+    readonly PrimaryDark: "primary-dark";
+    readonly PrimaryDarker: "primary-darker";
+    readonly Neutral90: "neutral-90";
+    readonly Neutral80: "neutral-80";
+    readonly Neutral60: "neutral-60";
+    readonly Neutral40: "neutral-40";
+    readonly Neutral20: "neutral-20";
+    readonly Neutral10: "neutral-10";
+    readonly Neutral05: "neutral-05";
+    readonly Neutral00: "neutral-00";
+    readonly Secondary: "secondary";
+    readonly SecondaryLightest: "secondary-lightest";
+    readonly SecondaryLighter: "secondary-lighter";
+    readonly SecondaryLight: "secondary-light";
+    readonly SecondaryDark: "secondary-dark";
+    readonly SecondaryDarker: "secondary-darker";
+    readonly Success: "success";
+    readonly SuccessLighter: "success-lighter";
+    readonly SuccessLight: "success-light";
+    readonly SuccessDark: "success-dark";
+    readonly Warning: "warning";
+    readonly WarningLighter: "warning-lighter";
+    readonly WarningLight: "warning-light";
+    readonly WarningDark: "warning-dark";
+    readonly Danger: "danger";
+    readonly DangerLighter: "danger-lighter";
+    readonly DangerLight: "danger-light";
+    readonly DangerDark: "danger-dark";
+    readonly Info: "info";
+    readonly InfoLighter: "info-lighter";
+    readonly InfoLight: "info-light";
+    readonly InfoDark: "info-dark";
+};
+export type Color = (typeof Color)[keyof typeof Color];
+export declare const Variation: {
+    readonly Outlined: "outlined";
+    readonly Rounded: "rounded";
+    readonly Sharp: "sharp";
+};
+export type Variation = (typeof Variation)[keyof typeof Variation];
+export declare const Size: {
+    readonly XXS: "xxs";
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+    readonly XXXL: "xxxl";
+    readonly Huge: "huge";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export declare const Weight: {
+    readonly Bold: "bold";
+    readonly Semibold: "semibold";
+    readonly Medium: "medium";
+    readonly Regular: "regular";
+    readonly Light: "light";
+    readonly Extralight: "extralight";
+};
+export type Weight = (typeof Weight)[keyof typeof Weight];
+export interface FontVariationSettings {
+    fill: number;
+    grad: number;
+    weight: number;
+    opticalSize: number;
+}
+export interface ColorProps {
+    type: StringConstructor;
+    default: Color;
+    options: Color[];
+}
+export interface ImageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface VariationProps {
+    type: StringConstructor;
+    default: Variation;
+    options: Variation[];
+}
+export interface SizeProps {
+    type: StringConstructor;
+    default: Size;
+    options: Size[];
+}
+export interface FontVariationSettingsProps {
+    type: ObjectConstructor;
+    default: FontVariationSettings;
+}
+export interface FillProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface WeightProps {
+    type: StringConstructor;
+    default: Weight;
+    options: Weight[];
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OnClickProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface IconConfig {
+    name: string;
+    class: string;
+    props: {
+        color: ColorProps;
+        image: ImageProps;
+        variation: VariationProps;
+        size: SizeProps;
+        fontVariationSettings: FontVariationSettingsProps;
+        fill: FillProps;
+        weight: WeightProps;
+        testId: TestIdProps;
+        onClick: OnClickProps;
+    };
+}
+declare const IconConfig: IconConfig;
+export default IconConfig;

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

@@ -0,0 +1,35 @@
+import { MouseEventHandler } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+/**
+ *
+ * @param {String} image
+ * @param {String} color
+ * @param {String} variation
+ *
+ * @return DsIcon
+ */
+export interface DsIconProps {
+    color?: string;
+    image?: string;
+    className?: string;
+    size?: string;
+    fill?: boolean;
+    weight?: string;
+    testId?: string;
+    onClick?: MouseEventHandler<HTMLElement>;
+}
+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>;
+        image: PropTypes.Requireable<string>;
+        fontVariationSettings: PropTypes.Requireable<object>;
+        size: PropTypes.Requireable<import('./Icon.config').Size>;
+        fill: PropTypes.Requireable<boolean>;
+        weight: PropTypes.Requireable<import('./Icon.config').Weight>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    displayName: string;
+};
+export default DsIcon;

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

@@ -0,0 +1,19 @@
+import { DsIconProps } 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, DsIconProps>;
+    args: {
+        image: string;
+        color: import('./Icon.config').Color;
+        size: import('./Icon.config').Size;
+        fill: boolean;
+        weight: import('./Icon.config').Weight;
+    };
+};
+export declare const List: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIconProps>;
+    args: {};
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsIcon, DsIconProps } from './Icon';
+
+export { DsIcon };
+export type { DsIconProps };

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

@@ -0,0 +1,151 @@
+export declare const InputType: {
+    readonly Text: "text";
+    readonly Password: "password";
+    readonly Email: "email";
+    readonly Date: "date";
+    readonly Number: "number";
+};
+export type InputType = (typeof InputType)[keyof typeof InputType];
+export declare const Size: {
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+};
+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 NameProps {
+    type: StringConstructor;
+    required: boolean;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TypeProps {
+    type: StringConstructor;
+    default: InputType;
+    options: InputType[];
+}
+export interface AnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface SizeProps {
+    type: StringConstructor;
+    default: Size;
+    options: Size[];
+}
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface MinProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface MaxProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface StatusProps {
+    type: StringConstructor;
+    default: Status;
+    options: Status[];
+}
+export interface FeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface HasFeedbackProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface NoMarginProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface IconProps {
+    type: StringConstructor;
+    default: string;
+}
+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 MaskProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface InputConfig {
+    name: string;
+    class: string;
+    props: {
+        name: NameProps;
+        testId: TestIdProps;
+        type: TypeProps;
+        animated: AnimatedProps;
+        disabled: DisabledProps;
+        size: SizeProps;
+        label: LabelProps;
+        placeholder: PlaceholderProps;
+        value: ValueProps;
+        min: MinProps;
+        max: MaxProps;
+        status: StatusProps;
+        feedback: FeedbackProps;
+        hasFeedback: HasFeedbackProps;
+        noMargin: NoMarginProps;
+        icon: IconProps;
+        tooltip: TooltipProps;
+        tooltipPlacement: TooltipPlacementProps;
+        tooltipPosition: TooltipPositionProps;
+        mask: MaskProps;
+        onChangeHandler: OnChangeHandlerProps;
+    };
+}
+declare const InputConfig: InputConfig;
+export default InputConfig;

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+
+export interface DsInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    name?: string;
+    testId?: string;
+    type?: string;
+    animated?: boolean;
+    size?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    tooltip?: string;
+    tooltipPosition?: string;
+    tooltipPlacement?: string;
+    icon?: string;
+    status?: string;
+    feedback?: string;
+    hasFeedback?: boolean;
+    noMargin?: boolean;
+    disabled?: boolean;
+    mask?: string | object;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDownHandler?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onFocusHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+declare const DsInput: React.ForwardRefExoticComponent<DsInputProps & React.RefAttributes<HTMLInputElement>>;
+export default DsInput;