@akad/design-system 0.0.1-beta.14

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

@@ -0,0 +1,23 @@
+import { DsSubtitleProps } 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, DsSubtitleProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Small: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSubtitleProps>;
+    args: {
+        type: string;
+    };
+};
+export declare const Large: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSubtitleProps>;
+    args: {
+        type: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsSubtitle, DsSubtitleProps } from './Subtitle';
+
+export { DsSubtitle };
+export type { DsSubtitleProps };

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

@@ -0,0 +1,132 @@
+export declare const Size: {
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export declare const Type: {
+    readonly Text: "text";
+};
+export type Type = (typeof Type)[keyof typeof Type];
+export declare const Status: {
+    readonly None: "";
+    readonly Error: "error";
+    readonly Success: "success";
+};
+export type Status = (typeof Status)[keyof typeof Status];
+export declare const Resize: {
+    readonly None: "none";
+    readonly Both: "both";
+    readonly Horizontal: "horizontal";
+    readonly Vertical: "vertical";
+    readonly Block: "block";
+    readonly Inline: "inline";
+};
+export type Resize = (typeof Resize)[keyof typeof Resize];
+export interface NameProps {
+    type: StringConstructor;
+    required: true;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TypeProps {
+    type: StringConstructor;
+    default: Type;
+    options: Type[];
+}
+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 MinLengthProps {
+    type: NumberConstructor;
+    default: number | undefined;
+}
+export interface MaxLengthProps {
+    type: NumberConstructor;
+    default: number | undefined;
+}
+export interface RowsProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface StatusProps {
+    type: StringConstructor;
+    default: Status;
+    options: Status[];
+}
+export interface FeedbackProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DescriptionProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TooltipProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ResizeProps {
+    type: StringConstructor;
+    default: Resize;
+    options: Resize[];
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface TextAreaConfig {
+    name: string;
+    class: string;
+    props: {
+        name: NameProps;
+        testId: TestIdProps;
+        type: TypeProps;
+        animated: AnimatedProps;
+        disabled: DisabledProps;
+        size: SizeProps;
+        label: LabelProps;
+        placeholder: PlaceholderProps;
+        value: ValueProps;
+        minLength: MinLengthProps;
+        maxLength: MaxLengthProps;
+        rows: RowsProps;
+        status: StatusProps;
+        feedback: FeedbackProps;
+        description: DescriptionProps;
+        icon: IconProps;
+        tooltip: TooltipProps;
+        resize: ResizeProps;
+        onChangeHandler: OnChangeHandlerProps;
+    };
+}
+declare const TextAreaConfig: TextAreaConfig;
+export default TextAreaConfig;

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

@@ -0,0 +1,31 @@
+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;
+    placeholder?: string;
+    value?: string | undefined | null;
+    minLength?: number;
+    maxLength?: number;
+    rows?: number;
+    cols?: number;
+    tooltip?: string;
+    icon?: string;
+    status?: string;
+    feedback?: string;
+    disabled?: boolean;
+    required?: boolean;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlurHandler?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDownHandler?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onFocusHandler?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    resize: string;
+    description?: string;
+    style?: React.CSSProperties;
+}
+declare const DsTextArea: React.ForwardRefExoticComponent<DsTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default DsTextArea;

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

@@ -0,0 +1,27 @@
+import { ThemeProviderProps } from '../../molecules/ThemeProvider';
+import { DsTextAreaProps } 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 & DsTextAreaProps>;
+    args: {
+        name: string;
+        label: string;
+        placeholder: string;
+        value: string;
+        minLength: number | undefined;
+        maxLength: number | undefined;
+        rows: number;
+        disabled: boolean;
+        animated: boolean;
+        size: import('./TextArea.config').Size;
+        icon: string;
+        tooltip: string;
+        status: import('./TextArea.config').Status;
+        feedback: string;
+        resize: string;
+        description: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsTextArea, DsTextAreaProps } from './TextArea';
+
+export { DsTextArea };
+export type { DsTextAreaProps };

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

@@ -0,0 +1,38 @@
+export declare const Position: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+};
+export type Position = (typeof Position)[keyof typeof Position];
+export declare const Placement: {
+    readonly Center: "center";
+    readonly End: "end";
+    readonly Initial: "initial";
+};
+export type Placement = (typeof Placement)[keyof typeof Placement];
+export interface PositionProps {
+    type: StringConstructor;
+    default: Position;
+    options: Position[];
+}
+export interface PlacementProps {
+    type: StringConstructor;
+    default: Placement;
+    options: Placement[];
+}
+export interface TextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TooltipConfig {
+    name: string;
+    class: string;
+    props: {
+        position: PositionProps;
+        placement: PlacementProps;
+        text: TextProps;
+    };
+}
+declare const TooltipConfig: TooltipConfig;
+export default TooltipConfig;

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsTooltipProps {
+    children?: ReactNode;
+    position?: string;
+    placement?: string;
+    text?: string | ReactNode;
+    className?: string;
+}
+declare const DsTooltip: {
+    ({ children, position, placement, text, className, }: DsTooltipProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        position: PropTypes.Requireable<string>;
+        placement: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+    displayName: string;
+};
+export default DsTooltip;

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

@@ -0,0 +1,46 @@
+import { DsTooltipProps } from '.';
+import { DsIconProps } from '../Icon';
+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, DsTooltipProps & DsIconProps>;
+    args: {
+        text: string;
+        position: import('./Tooltip.config').Position;
+        placement: import('./Tooltip.config').Placement;
+    };
+};
+export declare const Top: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('./Tooltip.config').Placement;
+    };
+};
+export declare const Bottom: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('./Tooltip.config').Placement;
+    };
+};
+export declare const Right: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('./Tooltip.config').Placement;
+    };
+};
+export declare const Left: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('./Tooltip.config').Placement;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsTooltip, DsTooltipProps } from './Tooltip';
+
+export { DsTooltip };
+export type { DsTooltipProps };

package/react/components/bosons/Container/Container.config.d.ts

@@ -0,0 +1,13 @@
+export interface FluidProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ContainerConfig {
+    name: string;
+    class: string;
+    props: {
+        fluid: FluidProps;
+    };
+}
+declare const ContainerConfig: ContainerConfig;
+export default ContainerConfig;

package/react/components/bosons/Container/Container.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsContainerProps {
+    children?: React.ReactNode;
+    fluid?: boolean;
+    className?: string;
+    style?: object;
+}
+declare const DsContainer: {
+    ({ children, fluid, className, style, }: DsContainerProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        fluid: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
+    displayName: string;
+};
+export default DsContainer;

package/react/components/bosons/Container/Container.stories.d.ts

@@ -0,0 +1,20 @@
+import { DsContainerProps } 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, DsContainerProps>;
+    parameters: {
+        theme: string;
+    };
+};
+export declare const ContainerFluid: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsContainerProps>;
+    parameters: {
+        theme: string;
+    };
+    args: {
+        fluid: boolean;
+    };
+};

package/react/components/bosons/Container/Container.test.d.ts

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

package/react/components/bosons/Container/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DsContainer, DsContainerProps } from './Container';
+
+export { DsContainer };
+export type { DsContainerProps };

package/react/components/bosons/FlexLayout/FlexElement.config.d.ts

@@ -0,0 +1,20 @@
+export interface FlexProps {
+    type: StringConstructor;
+    default: string;
+    required: boolean;
+}
+export interface ClassNameProps {
+    type: StringConstructor;
+    default: string;
+    required: boolean;
+}
+export interface FlexElementConfig {
+    name: string;
+    class: string;
+    props: {
+        flex: FlexProps;
+        className: ClassNameProps;
+    };
+}
+declare const FlexElementConfig: FlexElementConfig;
+export default FlexElementConfig;

package/react/components/bosons/FlexLayout/FlexElement.d.ts

@@ -0,0 +1,27 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsFlexElementProps {
+    children: JSX.Element | JSX.Element[];
+    className?: string;
+    /**
+     * @description Flex values for flexbox item. It joins flex-grow, flex-basis & flex-shrink (optional) properties.
+     * Flex value can be "none" too.
+     * @property {string} flex-grow - a string property to define flex-grow
+     * @property {string} flex-shrink - a string property to define flex-shrink
+     * @property {string} flex-basis - an optional string property to define flex-basis
+     * @value [ none | ${flex-grow} ${flex-shrink} | ${flex-grow} ${flex-shrink} ${flex-basis} ]
+     * @example
+     * <DsFlexElemnt flex="0 1 auto" />
+     * <DsFlexElemnt flex="0 1" />
+     */
+    flex?: string;
+}
+declare const DsFlexElement: {
+    ({ children, flex, className, }: DsFlexElementProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        flex: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default DsFlexElement;

package/react/components/bosons/FlexLayout/FlexLayout.config.d.ts

@@ -0,0 +1,100 @@
+export declare const JustifyContent: {
+    readonly Stretch: "stretch";
+    readonly FlexStart: "flex-start";
+    readonly FlexEnd: "flex-end";
+    readonly Center: "center";
+    readonly SpaceAround: "space-around";
+    readonly SpaceBetween: "space-between";
+};
+export type JustifyContent = (typeof JustifyContent)[keyof typeof JustifyContent];
+export declare const AlignItems: {
+    readonly Stretch: "stretch";
+    readonly FlexStart: "flex-start";
+    readonly FlexEnd: "flex-end";
+    readonly Center: "center";
+};
+export type AlignItems = (typeof AlignItems)[keyof typeof AlignItems];
+export declare const FlexDirection: {
+    readonly Row: "row";
+    readonly Column: "column";
+    readonly RowReverse: "row-reverse";
+    readonly ColumnReverse: "column-reverse";
+};
+export type FlexDirection = (typeof FlexDirection)[keyof typeof FlexDirection];
+export declare const FlexWrap: {
+    readonly NoWrap: "nowrap";
+    readonly Wrap: "wrap";
+    readonly WrapReverse: "wrap-reverse";
+};
+export type FlexWrap = (typeof FlexWrap)[keyof typeof FlexWrap];
+export declare const Gap: {
+    readonly Quark: "quark";
+    readonly Nano: "nano";
+    readonly XXXS: "xxxs";
+    readonly XXS: "xxs";
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+    readonly XXXL: "xxxl";
+};
+export type Gap = (typeof Gap)[keyof typeof Gap];
+export interface JustifyContentProps {
+    type: StringConstructor;
+    default: JustifyContent;
+    required: true;
+    options: JustifyContent[];
+}
+export interface AlignItemsProps {
+    type: StringConstructor;
+    default: AlignItems;
+    required: true;
+    options: AlignItems[];
+}
+export interface FlexDirectionProps {
+    type: StringConstructor;
+    default: FlexDirection;
+    required: true;
+    options: FlexDirection[];
+}
+export interface FlexWrapProps {
+    type: StringConstructor;
+    default: FlexWrap;
+    required: false;
+    options: FlexWrap[];
+}
+export interface ClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface WidthProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface HeightProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface GapProps {
+    type: StringConstructor;
+    default: string;
+    options: Gap[];
+}
+export interface FlexLayoutConfig {
+    name: string;
+    class: string;
+    props: {
+        justifyContent: JustifyContentProps;
+        alignItems: AlignItemsProps;
+        flexDirection: FlexDirectionProps;
+        flexWrap: FlexWrapProps;
+        className: ClassNameProps;
+        width: WidthProps;
+        height: HeightProps;
+        gap: GapProps;
+    };
+}
+declare const FlexLayoutConfig: FlexLayoutConfig;
+export default FlexLayoutConfig;

package/react/components/bosons/FlexLayout/FlexLayout.d.ts

@@ -0,0 +1,28 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsFlexLayoutProps {
+    children: JSX.Element | JSX.Element[];
+    className?: string;
+    justifyContent?: string;
+    alignItems?: string;
+    flexDirection?: string;
+    flexWrap?: string;
+    width?: string;
+    height?: string;
+    gap?: string;
+}
+declare const DsFlexLayout: {
+    ({ children, className, justifyContent, alignItems, flexDirection, flexWrap, width, height, gap, }: DsFlexLayoutProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        className: PropTypes.Requireable<string>;
+        justifyContent: PropTypes.Requireable<string>;
+        alignItems: PropTypes.Requireable<string>;
+        flexDirection: PropTypes.Requireable<string>;
+        flexWrap: PropTypes.Requireable<string>;
+        width: PropTypes.Requireable<string>;
+        height: PropTypes.Requireable<string>;
+        gap: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default DsFlexLayout;

package/react/components/bosons/FlexLayout/FlexLayout.stories.d.ts

@@ -0,0 +1,20 @@
+import { DsFlexLayoutProps } 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, DsFlexLayoutProps>;
+};
+export declare const WithComponents: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsFlexLayoutProps>;
+    parameters: {
+        theme: string;
+    };
+};
+export declare const WithFlexGrow: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsFlexLayoutProps>;
+    parameters: {
+        theme: string;
+    };
+};

package/react/components/bosons/FlexLayout/FlexLayout.test.d.ts

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

package/react/components/bosons/FlexLayout/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DsFlexLayout, DsFlexLayoutProps } from './FlexLayout';
+import { default as DsFlexElement } from './FlexElement';
+
+export { DsFlexLayout, DsFlexElement };
+export type { DsFlexLayoutProps };

package/react/components/bosons/GridLayout/GridElement.config.d.ts

@@ -0,0 +1,17 @@
+export interface GridProps {
+    row: string;
+    col: string;
+}
+export interface GridElementProps {
+    type: ObjectConstructor;
+    default: GridProps;
+}
+export interface GridElementConfig {
+    name: string;
+    class: string;
+    props: {
+        grid: GridElementProps;
+    };
+}
+declare const GridElementConfig: GridElementConfig;
+export default GridElementConfig;

package/react/components/bosons/GridLayout/GridElement.d.ts

@@ -0,0 +1,9 @@
+import { DsGridElementProps } from '../../../types/types';
+import { default as React } from 'react';
+
+type DsGridElementType = {
+    children: string | React.ReactElement;
+    grid: DsGridElementProps;
+};
+declare const DsGridElement: React.FC<DsGridElementType>;
+export default DsGridElement;

package/react/components/bosons/GridLayout/GridElement.test.d.ts

@@ -0,0 +1 @@
+