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

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

@@ -1,16 +1,16 @@
-import { DsSelectProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsSelectProps } from '.';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSelectProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSelectProps>;
     args: {
         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/Subtitle.stories.d.ts

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

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

@@ -1,11 +1,11 @@
-import { ThemeProviderProps } from '../../molecules/ThemeProvider';
-import { DsTextAreaProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsTextAreaProps } from '.';
+import { ThemeProviderProps } from '../../molecules/ThemeProvider';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsTextAreaProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsTextAreaProps>;
     args: {
         name: string;
         label: string;
@@ -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';

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

@@ -0,0 +1,41 @@
+export declare enum TooltipPosition {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export declare enum TooltipPlacement {
+    Center = "center",
+    End = "end",
+    Initial = "initial"
+}
+export interface TooltipPositionProps {
+    type: StringConstructor;
+    default: TooltipPosition;
+    options: TooltipPosition[];
+}
+export interface TooltipPlacementProps {
+    type: StringConstructor;
+    default: TooltipPlacement;
+    options: TooltipPlacement[];
+}
+export interface TooltipTextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TooltipTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TooltipConfig {
+    name: string;
+    class: string;
+    props: {
+        position: TooltipPositionProps;
+        placement: TooltipPlacementProps;
+        text: TooltipTextProps;
+        testId: TooltipTestIdProps;
+    };
+}
+declare const tooltipConfig: TooltipConfig;
+export default tooltipConfig;

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

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

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

@@ -0,0 +1,46 @@
+import { Meta } from '@storybook/react';
+import { DsIconProps } from '../Icon';
+import { DsTooltipProps } from '.';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        text: string;
+        position: import('.').TooltipPosition;
+        placement: import('.').TooltipPlacement;
+    };
+};
+export declare const Top: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('.').TooltipPlacement;
+    };
+};
+export declare const Bottom: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('.').TooltipPlacement;
+    };
+};
+export declare const Right: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('.').TooltipPlacement;
+    };
+};
+export declare const Left: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTooltipProps & DsIconProps>;
+    args: {
+        position: string;
+        text: string;
+        placement: import('.').TooltipPlacement;
+    };
+};

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

@@ -0,0 +1,4 @@
+export * from './Tooltip';
+export * from './Tooltip.config';
+export { default as DsTooltip } from './Tooltip';
+export { default as tooltipConfig } from './Tooltip.config';

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

@@ -0,0 +1,18 @@
+export interface ContainerFluidProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ContainerTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ContainerConfig {
+    name: string;
+    class: string;
+    props: {
+        fluid: ContainerFluidProps;
+        testId: ContainerTestIdProps;
+    };
+}
+declare const containerConfig: ContainerConfig;
+export default containerConfig;

package/react/{components → src/components}/bosons/Container/Container.stories.d.ts

@@ -1,16 +1,16 @@
-import { DsContainerProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsContainerProps } from '.';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsContainerProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsContainerProps>;
     parameters: {
         theme: string;
     };
 };
 export declare const ContainerFluid: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsContainerProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsContainerProps>;
     parameters: {
         theme: string;
     };

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

@@ -0,0 +1,4 @@
+export * from './Container';
+export * from './Container.config';
+export { default as DsContainer } from './Container';
+export { default as containerConfig } from './Container.config';

package/react/{components → src/components}/bosons/FlexLayout/FlexElement.config.d.ts

@@ -16,5 +16,5 @@ export interface FlexElementConfig {
         className: ClassNameProps;
     };
 }
-declare const FlexElementConfig: FlexElementConfig;
-export default FlexElementConfig;
+declare const flexElementConfig: FlexElementConfig;
+export default flexElementConfig;

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

@@ -0,0 +1,95 @@
+export declare enum FlexLayoutJustifyContent {
+    Stretch = "stretch",
+    FlexStart = "flex-start",
+    FlexEnd = "flex-end",
+    Center = "center",
+    SpaceAround = "space-around",
+    SpaceBetween = "space-between"
+}
+export declare enum FlexLayoutAlignItems {
+    Stretch = "stretch",
+    FlexStart = "flex-start",
+    FlexEnd = "flex-end",
+    Center = "center"
+}
+export declare enum FlexLayoutDirection {
+    Row = "row",
+    Column = "column",
+    RowReverse = "row-reverse",
+    ColumnReverse = "column-reverse"
+}
+export declare enum FlexLayoutWrap {
+    NoWrap = "nowrap",
+    Wrap = "wrap",
+    WrapReverse = "wrap-reverse"
+}
+export declare enum FlexLayoutGap {
+    Quark = "quark",
+    Nano = "nano",
+    XXXS = "xxxs",
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl"
+}
+export interface FlexLayoutJustifyContentProps {
+    type: StringConstructor;
+    default: FlexLayoutJustifyContent;
+    required: true;
+    options: FlexLayoutJustifyContent[];
+}
+export interface FlexLayoutAlignItemsProps {
+    type: StringConstructor;
+    default: FlexLayoutAlignItems;
+    required: true;
+    options: FlexLayoutAlignItems[];
+}
+export interface FlexLayoutDirectionProps {
+    type: StringConstructor;
+    default: FlexLayoutDirection;
+    required: true;
+    options: FlexLayoutDirection[];
+}
+export interface FlexLayoutWrapProps {
+    type: StringConstructor;
+    default: FlexLayoutWrap;
+    required: false;
+    options: FlexLayoutWrap[];
+}
+export interface FlexLayoutClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface FlexLayoutWidthProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface FlexLayoutHeightProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface FlexLayoutGapProps {
+    type: StringConstructor;
+    default: string;
+    options: FlexLayoutGap[];
+}
+export interface FlexLayoutConfig {
+    name: string;
+    class: string;
+    props: {
+        justifyContent: FlexLayoutJustifyContentProps;
+        alignItems: FlexLayoutAlignItemsProps;
+        flexDirection: FlexLayoutDirectionProps;
+        flexWrap: FlexLayoutWrapProps;
+        className: FlexLayoutClassNameProps;
+        width: FlexLayoutWidthProps;
+        height: FlexLayoutHeightProps;
+        gap: FlexLayoutGapProps;
+    };
+}
+declare const flexLayoutConfig: FlexLayoutConfig;
+export default flexLayoutConfig;

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

@@ -0,0 +1,20 @@
+import { Meta } from '@storybook/react';
+import { DsFlexLayoutProps } from '.';
+
+declare const componentProps: Meta;
+export default componentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsFlexLayoutProps>;
+};
+export declare const WithComponents: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsFlexLayoutProps>;
+    parameters: {
+        theme: string;
+    };
+};
+export declare const WithFlexGrow: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsFlexLayoutProps>;
+    parameters: {
+        theme: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+export * from './FlexLayout';
+export * from './FlexElement';
+export * from './FlexLayout.config';
+export * from './FlexElement.config';
+export { default as DsFlexLayout } from './FlexLayout';
+export { default as DsFlexElement } from './FlexElement';
+export { default as flexLayoutConfig } from './FlexLayout.config';
+export { default as flexElementConfig } from './FlexElement.config';