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

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

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

@@ -8,8 +8,8 @@ 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;
+        position: import('.').TooltipPosition;
+        placement: import('.').TooltipPlacement;
     };
 };
 export declare const Top: {
@@ -17,7 +17,7 @@ export declare const Top: {
     args: {
         position: string;
         text: string;
-        placement: import('./Tooltip.config').Placement;
+        placement: import('.').TooltipPlacement;
     };
 };
 export declare const Bottom: {
@@ -25,7 +25,7 @@ export declare const Bottom: {
     args: {
         position: string;
         text: string;
-        placement: import('./Tooltip.config').Placement;
+        placement: import('.').TooltipPlacement;
     };
 };
 export declare const Right: {
@@ -33,7 +33,7 @@ export declare const Right: {
     args: {
         position: string;
         text: string;
-        placement: import('./Tooltip.config').Placement;
+        placement: import('.').TooltipPlacement;
     };
 };
 export declare const Left: {
@@ -41,6 +41,6 @@ export declare const Left: {
     args: {
         position: string;
         text: string;
-        placement: import('./Tooltip.config').Placement;
+        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/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/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';

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/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

@@ -6,8 +6,8 @@ export default componentProps;
 export declare const Default: {
     render: import('@storybook/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/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 { AccordionItemsProps } from './Accordion.config';
 import { default as PropTypes } from 'prop-types';
 
 interface Props {
-    items: DsAccordionItems[];
+    items: AccordionItemsProps[];
     activeItem?: number | null;
     onClick?: (index: number) => void;
 }

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

@@ -1,4 +1,4 @@
-import { DsAccordionItemProps } from '../../../types/types';
+import { DsAccordionItemProps } from './AccordionItem';
 import { Meta } from '@storybook/react';
 
 declare const componentProps: Meta;

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