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

package/react/{components → src/components}/bosons/GridLayout/GridElement.config.d.ts

@@ -13,5 +13,5 @@ export interface GridElementConfig {
         grid: GridElementProps;
     };
 }
-declare const GridElementConfig: GridElementConfig;
-export default GridElementConfig;
+declare const gridElementConfig: GridElementConfig;
+export default gridElementConfig;

package/react/{components → src/components}/bosons/GridLayout/GridElement.d.ts

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

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

@@ -0,0 +1,80 @@
+export declare enum GridLayoutGap {
+    Quark = "quark",
+    Nano = "nano",
+    ExtraSmall = "xs",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+export declare enum GridLayoutAlign {
+    Start = "start",
+    End = "end",
+    Center = "center",
+    Stretch = "stretch",
+    SpaceAround = "space-around",
+    SpaceBetween = "space-between",
+    SpaceEvenly = "space-evenly"
+}
+export interface GridLayoutRowsProps {
+    type: StringConstructor;
+    default: string;
+    required: boolean;
+}
+export interface GridLayoutGapProps {
+    type: StringConstructor;
+    default: GridLayoutGap;
+    options: GridLayoutGap[];
+}
+export interface GridLayoutVGapProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface GridLayoutHGapProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface GridLayoutWidthProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface GridLayoutHeightProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface GridLayoutHorizontalAlignProps {
+    type: StringConstructor;
+    default: GridLayoutAlign;
+    options: GridLayoutAlign[];
+}
+export interface GridLayoutVerticalAlignProps {
+    type: StringConstructor;
+    default: GridLayoutAlign;
+    options: GridLayoutAlign[];
+}
+export interface GridLayoutProps {
+    rows?: string;
+    gap?: GridLayoutGap;
+    vGap?: boolean;
+    hGap?: boolean;
+    width?: string;
+    height?: string;
+    horizontalAlign?: GridLayoutAlign;
+    verticalAlign?: GridLayoutAlign;
+    children: React.ReactNode;
+}
+export interface GridLayoutConfig {
+    name: string;
+    class: string;
+    props: {
+        rows: GridLayoutRowsProps;
+        gap: GridLayoutGapProps;
+        vGap: GridLayoutVGapProps;
+        hGap: GridLayoutHGapProps;
+        width: GridLayoutWidthProps;
+        height: GridLayoutHeightProps;
+        horizontalAlign: GridLayoutHorizontalAlignProps;
+        verticalAlign: GridLayoutVerticalAlignProps;
+    };
+}
+declare const gridLayoutConfig: GridLayoutConfig;
+export default gridLayoutConfig;

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

@@ -16,13 +16,13 @@ declare const DsGridLayout: {
     propTypes: {
         children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
         rows: PropTypes.Requireable<string>;
-        gap: PropTypes.Requireable<import('./GridLayout.config').Gap>;
+        gap: PropTypes.Requireable<import('./GridLayout.config').GridLayoutGap>;
         vGap: PropTypes.Requireable<boolean>;
         hGap: PropTypes.Requireable<boolean>;
         width: PropTypes.Requireable<string>;
         height: PropTypes.Requireable<string>;
-        horizontalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
-        verticalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
+        horizontalAlign: PropTypes.Requireable<import('./GridLayout.config').GridLayoutAlign>;
+        verticalAlign: PropTypes.Requireable<import('./GridLayout.config').GridLayoutAlign>;
     };
     displayName: string;
 };

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

@@ -1,11 +1,11 @@
-import { ThemeProviderProps } from '../../molecules/ThemeProvider';
-import { DsGridLayoutProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsGridLayoutProps } 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 & DsGridLayoutProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsGridLayoutProps>;
     parameters: {
         theme: string;
     };

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

@@ -0,0 +1,8 @@
+export * from './GridLayout';
+export * from './GridElement';
+export * from './GridLayout.config';
+export * from './GridElement.config';
+export { default as DsGridLayout } from './GridLayout';
+export { default as DsGridElement } from './GridElement';
+export { default as gridLayoutConfig } from './GridLayout.config';
+export { default as gridElementConfig } from './GridElement.config';

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

@@ -0,0 +1,24 @@
+export declare enum SpacerSize {
+    None = "none",
+    Quark = "quark",
+    Nano = "nano",
+    XXXS = "xxxs",
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm"
+}
+export interface SpacerProps {
+    type: StringConstructor;
+    default: SpacerSize;
+    options: SpacerSize[];
+}
+export interface SpacerConfig {
+    name: string;
+    class: string;
+    props: {
+        vertical: SpacerProps;
+        horizontal: SpacerProps;
+    };
+}
+declare const spacerConfig: SpacerConfig;
+export default spacerConfig;

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

@@ -1,13 +1,13 @@
-import { DsSpacerProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsSpacerProps } from '.';
 
 declare const componentProps: Meta;
 export default componentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSpacerProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsSpacerProps>;
     args: {
-        vertical: import('./Spacer.config').SpacerSize;
-        horizontal: import('./Spacer.config').SpacerSize;
+        vertical: import('.').SpacerSize;
+        horizontal: import('.').SpacerSize;
     };
     parameters: {
         theme: string;

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

@@ -0,0 +1,4 @@
+export * from './Spacer';
+export * from './Spacer.config';
+export { default as DsSpacer } from './Spacer';
+export { default as spacerConfig } from './Spacer.config';

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

@@ -0,0 +1,27 @@
+export declare enum WrapperSpace {
+    None = "none",
+    Quark = "quark",
+    Nano = "nano",
+    ExtraSmall = "xs",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg"
+}
+export interface WrapperSpaceProps {
+    type: StringConstructor;
+    default?: WrapperSpace;
+    options?: WrapperSpace[];
+}
+export interface WrapperConfig {
+    name: string;
+    class: string;
+    props: {
+        space: WrapperSpaceProps;
+        top: WrapperSpaceProps;
+        right: WrapperSpaceProps;
+        bottom: WrapperSpaceProps;
+        left: WrapperSpaceProps;
+    };
+}
+declare const wrapperConfig: WrapperConfig;
+export default wrapperConfig;

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

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

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

@@ -0,0 +1,4 @@
+export * from './Wrapper';
+export * from './Wrapper.config';
+export { default as DsWrapper } from './Wrapper';
+export { default as wrapperConfig } from './Wrapper.config';

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

@@ -0,0 +1,37 @@
+export * from './atoms/Button';
+export * from './atoms/Caption';
+export * from './atoms/Card';
+export * from './atoms/Checkbox';
+export * from './atoms/Heading';
+export * from './atoms/HorizontalRule';
+export * from './atoms/Icon';
+export * from './atoms/Input';
+export * from './atoms/Loading';
+export * from './atoms/Option';
+export * from './atoms/Paragraph';
+export * from './atoms/Progress';
+export * from './atoms/Select';
+export * from './atoms/Subtitle';
+export * from './atoms/TextArea';
+export * from './atoms/Tooltip';
+export * from './bosons/Container';
+export * from './bosons/FlexLayout';
+export * from './bosons/GridLayout';
+export * from './bosons/Spacer';
+export * from './bosons/Wrapper';
+export * from './molecules/Accordion';
+export * from './molecules/ActiveTags';
+export * from './molecules/Carousel';
+export * from './molecules/EditableSelect';
+export * from './molecules/Indicator';
+export * from './molecules/InlineEditable';
+export * from './molecules/Modal';
+export * from './molecules/Notification';
+export * from './molecules/PasswordConfirmation';
+export * from './molecules/Stepper';
+export * from './molecules/Table';
+export * from './molecules/Tabs';
+export * from './molecules/ThemeProvider';
+export * from './organisms/NotificationList';
+export * from './templates/SplitLayout';
+export * from './templates/TwoColumns';

package/react/src/components/molecules/Accordion/Accordion.config.d.ts

@@ -0,0 +1,31 @@
+export interface AccordionItemsProps {
+    index?: number;
+    title: React.ReactNode;
+    content: React.ReactNode;
+    className?: string;
+    disabled: boolean;
+    active: boolean;
+}
+export interface AccordionOpenItemListIndexProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface AccordionItemsArrayProps {
+    type: ArrayConstructor;
+    default: AccordionItemsProps[];
+}
+export interface AccordionActiveItemProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface AccordionConfig {
+    name: string;
+    class: string;
+    props: {
+        openItemListIndex: AccordionOpenItemListIndexProps;
+        items: AccordionItemsArrayProps;
+        activeItem: AccordionActiveItemProps;
+    };
+}
+declare const accordionConfig: AccordionConfig;
+export default accordionConfig;

package/react/{components → src/components}/molecules/Accordion/Accordion.d.ts

@@ -1,8 +1,8 @@
-import { DsAccordionItems } from '../../../types/types';
 import { default as PropTypes } from 'prop-types';
+import { AccordionItemsProps } from './Accordion.config';
 
 interface Props {
-    items: DsAccordionItems[];
+    items: AccordionItemsProps[];
     activeItem?: number | null;
     onClick?: (index: number) => void;
 }

package/react/src/components/molecules/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { DsAccordionItemProps } from './AccordionItem';
+
+declare const componentProps: Meta;
+export default componentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsAccordionItemProps>;
+    args: {};
+};

package/react/src/components/molecules/Accordion/AccordionItem.config.d.ts

@@ -0,0 +1,28 @@
+export interface AccordionItemTitleProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface AccordionItemContentProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface AccordionItemDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface AccordionItemActiveProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface AccordionItemConfig {
+    name: string;
+    class: string;
+    props: {
+        title: AccordionItemTitleProps;
+        content: AccordionItemContentProps;
+        disabled: AccordionItemDisabledProps;
+        active: AccordionItemActiveProps;
+    };
+}
+declare const accordionItemConfig: AccordionItemConfig;
+export default accordionItemConfig;

package/react/{components → src/components}/molecules/Accordion/AccordionItem.d.ts

@@ -1,6 +1,12 @@
-import { DsAccordionItemProps } from '../../../types/types';
 import { default as PropTypes } from 'prop-types';
 
+export interface DsAccordionItemProps {
+    title: React.ReactNode;
+    content: React.ReactNode;
+    onToggle: React.MouseEventHandler<HTMLButtonElement>;
+    active: boolean;
+    disabled: boolean;
+}
 declare const DsAccordionItem: {
     ({ title, content, onToggle, active, disabled, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {

package/react/src/components/molecules/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Accordion';
+export * from './AccordionItem';
+export * from './Accordion.config';
+export * from './AccordionItem.config';
+export { default as DsAccordion } from './Accordion';
+export { default as DsAccordionItem } from './AccordionItem';
+export { default as accordionConfig } from './Accordion.config';
+export { default as accordionItemConfig } from './AccordionItem.config';

package/react/{components → src/components}/molecules/ActiveTags/ActiveTags.config.d.ts

@@ -19,5 +19,5 @@ export interface ActiveTagsConfig {
         handleTagClose: HandleTagCloseProps;
     };
 }
-declare const ActiveTagsConfig: ActiveTagsConfig;
-export default ActiveTagsConfig;
+declare const activeTagsConfig: ActiveTagsConfig;
+export default activeTagsConfig;

package/react/{components → src/components}/molecules/ActiveTags/ActiveTags.stories.d.ts

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

package/react/src/components/molecules/ActiveTags/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ActiveTags';
+export * from './ActiveTags.config';
+export { default as DsActiveTags } from './ActiveTags';
+export { default as activeTagsConfig } from './ActiveTags.config';

package/react/{components → src/components}/molecules/Carousel/Carousel.config.d.ts

@@ -3,5 +3,5 @@ export interface CarouselConfig {
     class: string;
     props: Record<string, never>;
 }
-declare const CarouselConfig: CarouselConfig;
-export default CarouselConfig;
+declare const carouselConfig: CarouselConfig;
+export default carouselConfig;

package/react/src/components/molecules/Carousel/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Carousel';
+export * from './Carousel.config';
+export { default as DsCarousel } from './Carousel';
+export { default as carouselConfig } from './Carousel.config';

package/react/src/components/molecules/EditableSelect/EditableSelect.config.d.ts

@@ -0,0 +1,104 @@
+export declare enum EditableSelectSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export interface EditableSelectOption {
+    label: string;
+    value?: string | number;
+    name?: string;
+    id?: string | number;
+}
+export interface EditableSelectTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface EditableSelectLoadingProps {
+    type: BooleanConstructor;
+}
+export interface EditableSelectAnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface EditableSelectPlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectIconProps {
+    type: StringConstructor;
+    default: undefined;
+}
+export interface EditableSelectNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectNoOptionsMessageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectOptionsProps {
+    type: ArrayConstructor;
+    default: never[];
+}
+export interface EditableSelectStatusProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectSizeProps {
+    type: StringConstructor;
+    options: EditableSelectSize[];
+    default: EditableSelectSize;
+}
+export interface EditableSelectOnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnBlurHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnFocusHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnSelectHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectConfig {
+    name: string;
+    class: string;
+    props: {
+        label: EditableSelectLabelProps;
+        testId: EditableSelectTestIdProps;
+        animated: EditableSelectAnimatedProps;
+        loading: EditableSelectLoadingProps;
+        disabled: EditableSelectDisabledProps;
+        icon: EditableSelectIconProps;
+        name: EditableSelectNameProps;
+        noOptionsMessage: EditableSelectNoOptionsMessageProps;
+        options: EditableSelectOptionsProps;
+        status: EditableSelectStatusProps;
+        value: EditableSelectValueProps;
+        size: EditableSelectSizeProps;
+        onChangeHandler: EditableSelectOnChangeHandlerProps;
+        onBlurHandler: EditableSelectOnBlurHandlerProps;
+        onFocusHandler: EditableSelectOnFocusHandlerProps;
+        onSelectHandler: EditableSelectOnSelectHandlerProps;
+        placeholder: EditableSelectPlaceholderProps;
+    };
+}
+declare const editableSelectConfig: EditableSelectConfig;
+export default editableSelectConfig;

package/react/{components → src/components}/molecules/EditableSelect/EditableSelect.d.ts

@@ -1,4 +1,4 @@
-import { Option } from './EditableSelect.config';
+import { EditableSelectOption } from './EditableSelect.config';
 
 export interface DsEditableSelectProps {
     label?: string;
@@ -6,7 +6,7 @@ export interface DsEditableSelectProps {
     testId?: string;
     value?: string;
     size?: string;
-    options?: Option[];
+    options?: EditableSelectOption[];
     onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement> | React.FormEvent<HTMLInputElement>) => void;
     onSelectHandler?: (selectedOption: object) => void;
     icon?: string;

package/react/{components → src/components}/molecules/EditableSelect/EditableSelect.stories.d.ts

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

package/react/src/components/molecules/EditableSelect/index.d.ts

@@ -0,0 +1,4 @@
+export * from './EditableSelect';
+export * from './EditableSelect.config';
+export { default as DsEditableSelect } from './EditableSelect';
+export { default as editableSelectConfig } from './EditableSelect.config';

package/react/{components → src/components}/molecules/Indicator/Indicator.config.d.ts

@@ -6,7 +6,7 @@ export interface LengthProps {
     type: NumberConstructor;
     required: true;
 }
-export interface DsIndicatorConfig {
+export interface IndicatorConfig {
     name: string;
     class: string;
     props: {
@@ -14,5 +14,5 @@ export interface DsIndicatorConfig {
         length: LengthProps;
     };
 }
-declare const DsIndicatorConfig: DsIndicatorConfig;
-export default DsIndicatorConfig;
+declare const indicatorConfig: IndicatorConfig;
+export default indicatorConfig;

package/react/{components → src/components}/molecules/Indicator/Indicator.stories.d.ts

@@ -1,10 +1,10 @@
-import { DsIndicatorProps } from './Indicator';
 import { Meta } from '@storybook/react';
+import { DsIndicatorProps } from './Indicator';
 
 declare const componentProps: Meta;
 export default componentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIndicatorProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIndicatorProps>;
     args: {
         length: number;
         current: number;

package/react/src/components/molecules/Indicator/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Indicator';
+export * from './Indicator.config';
+export { default as DsIndicator } from './Indicator';
+export { default as indicatorConfig } from './Indicator.config';

package/react/{components → src/components}/molecules/InlineEditable/InlineEditable.config.d.ts

@@ -1,4 +1,4 @@
-export declare const DsInlineEditableConfig: {
+export declare const inlineEditableConfig: {
     readonly name: "DsInlineEditable";
     readonly class: "ds-inline-editable";
     readonly props: {
@@ -32,7 +32,7 @@ export declare const DsInlineEditableConfig: {
         };
     };
 };
-export type DsInlineEditableConfig = typeof DsInlineEditableConfig;
+export type InlineEditableConfig = typeof inlineEditableConfig;
 export interface NameProps {
     type: StringConstructor;
     required: true;
@@ -70,4 +70,4 @@ export interface DsInlineEditableProps {
     suffix: SuffixProps;
     onChangeHandler: OnChangeHandlerProps;
 }
-export default DsInlineEditableConfig;
+export default inlineEditableConfig;