@akad/design-system 0.0.1-beta.14

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

@@ -0,0 +1,82 @@
+export declare const Gap: {
+    readonly Quark: "quark";
+    readonly Nano: "nano";
+    readonly ExtraSmall: "xs";
+    readonly Small: "sm";
+    readonly Medium: "md";
+    readonly Large: "lg";
+};
+export type Gap = (typeof Gap)[keyof typeof Gap];
+export declare const Align: {
+    readonly Start: "start";
+    readonly End: "end";
+    readonly Center: "center";
+    readonly Stretch: "stretch";
+    readonly SpaceAround: "space-around";
+    readonly SpaceBetween: "space-between";
+    readonly SpaceEvenly: "space-evenly";
+};
+export type Align = (typeof Align)[keyof typeof Align];
+export interface RowsProps {
+    type: StringConstructor;
+    default: string;
+    required: boolean;
+}
+export interface GapProps {
+    type: StringConstructor;
+    default: Gap;
+    options: Gap[];
+}
+export interface VGapProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface HGapProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface WidthProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface HeightProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface HorizontalAlignProps {
+    type: StringConstructor;
+    default: Align;
+    options: Align[];
+}
+export interface VerticalAlignProps {
+    type: StringConstructor;
+    default: Align;
+    options: Align[];
+}
+export interface GridLayoutProps {
+    rows?: string;
+    gap?: Gap;
+    vGap?: boolean;
+    hGap?: boolean;
+    width?: string;
+    height?: string;
+    horizontalAlign?: Align;
+    verticalAlign?: Align;
+    children: React.ReactNode;
+}
+export interface GridLayoutConfig {
+    name: string;
+    class: string;
+    props: {
+        rows: RowsProps;
+        gap: GapProps;
+        vGap: VGapProps;
+        hGap: HGapProps;
+        width: WidthProps;
+        height: HeightProps;
+        horizontalAlign: HorizontalAlignProps;
+        verticalAlign: VerticalAlignProps;
+    };
+}
+declare const GridLayoutConfig: GridLayoutConfig;
+export default GridLayoutConfig;

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

@@ -0,0 +1,29 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsGridLayoutProps {
+    children: JSX.Element | JSX.Element[];
+    rows?: string;
+    gap?: string;
+    vGap?: boolean;
+    hGap?: boolean;
+    horizontalAlign?: string;
+    verticalAlign?: string;
+    width?: string;
+    height?: string;
+}
+declare const DsGridLayout: {
+    ({ children, rows, gap, vGap, hGap, horizontalAlign, verticalAlign, width, height, }: DsGridLayoutProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        rows: PropTypes.Requireable<string>;
+        gap: PropTypes.Requireable<import('./GridLayout.config').Gap>;
+        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>;
+    };
+    displayName: string;
+};
+export default DsGridLayout;

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

@@ -0,0 +1,12 @@
+import { ThemeProviderProps } from '../../molecules/ThemeProvider';
+import { DsGridLayoutProps } 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 & DsGridLayoutProps>;
+    parameters: {
+        theme: string;
+    };
+};

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

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

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

@@ -0,0 +1,5 @@
+import { default as DsGridLayout, DsGridLayoutProps } from './GridLayout';
+import { default as DsGridElement } from './GridElement';
+
+export { DsGridLayout, DsGridElement };
+export type { DsGridLayoutProps };

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

@@ -0,0 +1,25 @@
+export declare const SpacerSize: {
+    readonly None: "none";
+    readonly Quark: "quark";
+    readonly Nano: "nano";
+    readonly XXXS: "xxxs";
+    readonly XXS: "xxs";
+    readonly XS: "xs";
+    readonly SM: "sm";
+};
+export type SpacerSize = (typeof SpacerSize)[keyof typeof SpacerSize];
+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/bosons/Spacer/Spacer.d.ts

@@ -0,0 +1,15 @@
+import { default as PropTypes } from 'prop-types';
+
+export interface DsSpacerProps {
+    vertical?: string;
+    horizontal?: string;
+}
+declare const DsSpacer: {
+    ({ vertical, horizontal, }: DsSpacerProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        vertical: PropTypes.Requireable<import('./Spacer.config').SpacerSize>;
+        horizontal: PropTypes.Requireable<import('./Spacer.config').SpacerSize>;
+    };
+    displayName: string;
+};
+export default DsSpacer;

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

@@ -0,0 +1,15 @@
+import { DsSpacerProps } 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, DsSpacerProps>;
+    args: {
+        vertical: import('./Spacer.config').SpacerSize;
+        horizontal: import('./Spacer.config').SpacerSize;
+    };
+    parameters: {
+        theme: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsSpacer, DsSpacerProps } from './Spacer';
+
+export { DsSpacer };
+export type { DsSpacerProps };

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

@@ -0,0 +1,28 @@
+export declare const Space: {
+    readonly None: "none";
+    readonly Quark: "quark";
+    readonly Nano: "nano";
+    readonly ExtraSmall: "xs";
+    readonly Small: "sm";
+    readonly Medium: "md";
+    readonly Large: "lg";
+};
+export type Space = (typeof Space)[keyof typeof Space];
+export interface SpaceProps {
+    type: StringConstructor;
+    default?: Space;
+    options?: Space[];
+}
+export interface WrapperConfig {
+    name: string;
+    class: string;
+    props: {
+        space: SpaceProps;
+        top: SpaceProps;
+        right: SpaceProps;
+        bottom: SpaceProps;
+        left: SpaceProps;
+    };
+}
+declare const WrapperConfig: WrapperConfig;
+export default WrapperConfig;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface DsWrapperProps {
+    children?: React.ReactNode;
+    space?: string;
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+}
+declare const DsWrapper: {
+    ({ children, space, top, right, bottom, left, }: DsWrapperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DsWrapper;

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

@@ -0,0 +1,21 @@
+import { DsWrapperProps } 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, DsWrapperProps>;
+    parameters: {
+        theme: string;
+    };
+};
+export declare const Custom: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsWrapperProps>;
+    parameters: {
+        theme: string;
+    };
+    args: {
+        left: string;
+        top: string;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { default as DsWrapper, DsWrapperProps } from './Wrapper';
+
+export { DsWrapper };
+export type { DsWrapperProps };

package/react/components/index.d.ts

@@ -0,0 +1,37 @@
+import { DsTwoColumns } from './templates/TwoColumns';
+import { DsNotificationList } from './organisms/NotificationList';
+import { ThemeProvider } from './molecules/ThemeProvider';
+import { DsTabs } from './molecules/Tabs';
+import { DsTable } from './molecules/Table';
+import { DsStepper } from './molecules/Stepper';
+import { DsPasswordConfirmation } from './molecules/PasswordConfirmation';
+import { DsNotification } from './molecules/Notification';
+import { DsModal } from './molecules/Modal';
+import { DsInlineEditable } from './molecules/InlineEditable';
+import { DsIndicator } from './molecules/Indicator';
+import { DsEditableSelect } from './molecules/EditableSelect';
+import { DsActiveTags } from './molecules/ActiveTags';
+import { DsAccordion } from './molecules/Accordion';
+import { DsWrapper } from './bosons/Wrapper';
+import { DsSpacer } from './bosons/Spacer';
+import { DsGridElement, DsGridLayout } from './bosons/GridLayout';
+import { DsFlexLayout, DsFlexElement } from './bosons/FlexLayout';
+import { DsContainer } from './bosons/Container';
+import { DsTooltip } from './atoms/Tooltip';
+import { DsTextArea } from './atoms/TextArea';
+import { DsSubtitle } from './atoms/Subtitle';
+import { DsSelect } from './atoms/Select';
+import { DsProgress } from './atoms/Progress';
+import { DsParagraph } from './atoms/Paragraph';
+import { DsOption } from './atoms/Option';
+import { DsLoading } from './atoms/Loading';
+import { DsInput } from './atoms/Input';
+import { DsIcon } from './atoms/Icon';
+import { DsHR } from './atoms/HorizontalRule';
+import { DsHeading } from './atoms/Heading';
+import { DsCheckbox } from './atoms/Checkbox';
+import { DsCard } from './atoms/Card';
+import { DsCaption } from './atoms/Caption';
+import { DsButton } from './atoms/Button';
+
+export { DsAccordion, DsButton, DsCaption, DsCard, DsCheckbox, DsContainer, DsFlexElement, DsFlexLayout, DsGridElement, DsGridLayout, DsHeading, DsHR, DsIcon, DsIndicator, DsInlineEditable, DsInput, DsLoading, DsModal, DsNotification, DsNotificationList, DsOption, DsParagraph, DsSelect, DsSpacer, DsStepper, DsSubtitle, DsTable, DsTabs, DsTextArea, DsTooltip, DsTwoColumns, DsWrapper, DsProgress, DsPasswordConfirmation, DsEditableSelect, DsActiveTags, ThemeProvider, };

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

@@ -0,0 +1,25 @@
+import { DsAccordionItems } from '../../../types/types';
+
+export interface OpenItemListIndexProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ItemsProps {
+    type: ArrayConstructor;
+    default: DsAccordionItems[];
+}
+export interface ActiveItemProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface AccordionConfig {
+    name: string;
+    class: string;
+    props: {
+        openItemListIndex: OpenItemListIndexProps;
+        items: ItemsProps;
+        activeItem: ActiveItemProps;
+    };
+}
+declare const AccordionConfig: AccordionConfig;
+export default AccordionConfig;

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

@@ -0,0 +1,17 @@
+import { DsAccordionItems } from '../../../types/types';
+import { default as PropTypes } from 'prop-types';
+
+interface Props {
+    items: DsAccordionItems[];
+    activeItem?: number | null;
+    onClick?: (index: number) => void;
+}
+declare const DsAccordion: {
+    ({ items, activeItem, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        items: PropTypes.Requireable<any[]>;
+        activeItem: PropTypes.Requireable<number>;
+    };
+    displayName: string;
+};
+export default DsAccordion;

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

@@ -0,0 +1,9 @@
+import { DsAccordionItemProps } from '../../../types/types';
+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, DsAccordionItemProps>;
+    args: {};
+};

package/react/components/molecules/Accordion/Accordion.test.d.ts

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

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

@@ -0,0 +1,28 @@
+export interface TitleProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ContentProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ActiveProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface AccordionItemConfig {
+    name: string;
+    class: string;
+    props: {
+        title: TitleProps;
+        content: ContentProps;
+        disabled: DisabledProps;
+        active: ActiveProps;
+    };
+}
+declare const AccordionItemConfig: AccordionItemConfig;
+export default AccordionItemConfig;

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

@@ -0,0 +1,14 @@
+import { DsAccordionItemProps } from '../../../types/types';
+import { default as PropTypes } from 'prop-types';
+
+declare const DsAccordionItem: {
+    ({ title, content, onToggle, active, disabled, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        active: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        content: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        disabled: PropTypes.Requireable<boolean>;
+    };
+    displayName: string;
+};
+export default DsAccordionItem;

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

@@ -0,0 +1,5 @@
+import { DsAccordionItemProps } from '../../../types/types';
+import { default as DsAccordion } from './Accordion';
+
+export { DsAccordion };
+export type { DsAccordionItemProps };

package/react/components/molecules/ActiveTags/ActiveTags.config.d.ts

@@ -0,0 +1,23 @@
+export interface TitleProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ActiveTagsProps {
+    type: ArrayConstructor;
+    default: unknown[];
+}
+export interface HandleTagCloseProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface ActiveTagsConfig {
+    name: string;
+    class: string;
+    props: {
+        title: TitleProps;
+        activeTags: ActiveTagsProps;
+        handleTagClose: HandleTagCloseProps;
+    };
+}
+declare const ActiveTagsConfig: ActiveTagsConfig;
+export default ActiveTagsConfig;

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

@@ -0,0 +1,16 @@
+interface Tag {
+    id: string;
+    text: string;
+    icon: string;
+    hiddenClose?: boolean;
+}
+export interface DsActiveTagsProps {
+    title: string;
+    activeTags: Tag[];
+    handleTagClose: (_indexToRemove: number) => void;
+}
+declare const DsActiveTags: {
+    ({ title, activeTags, handleTagClose, }: DsActiveTagsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DsActiveTags;

package/react/components/molecules/ActiveTags/ActiveTags.stories.d.ts

@@ -0,0 +1,17 @@
+import { DsActiveTagsProps } from './ActiveTags';
+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, DsActiveTagsProps>;
+    args: {
+        title: string;
+        activeTags: {
+            text: string;
+            icon: string;
+            title: string;
+        }[];
+        handleTagClose: import('@storybook/addon-actions').HandlerFunction;
+    };
+};

package/react/components/molecules/ActiveTags/ActiveTags.test.d.ts

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

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

@@ -0,0 +1,4 @@
+import { default as DsActiveTags, DsActiveTagsProps } from './ActiveTags';
+
+export { DsActiveTags };
+export type { DsActiveTagsProps };

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

@@ -0,0 +1,105 @@
+export declare const Size: {
+    readonly Small: "small";
+    readonly Medium: "medium";
+    readonly Large: "large";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+export interface Option {
+    label: string;
+    value?: string | number;
+    name?: string;
+    id?: string | number;
+}
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface LabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface LoadingProps {
+    type: BooleanConstructor;
+}
+export interface AnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface PlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconProps {
+    type: StringConstructor;
+    default: undefined;
+}
+export interface NameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface NoOptionsMessageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OptionsProps {
+    type: ArrayConstructor;
+    default: never[];
+}
+export interface StatusProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SizeProps {
+    type: StringConstructor;
+    options: Size[];
+    default: Size;
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface OnBlurHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface OnFocusHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface OnSelectHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectConfig {
+    name: string;
+    class: string;
+    props: {
+        label: LabelProps;
+        testId: TestIdProps;
+        animated: AnimatedProps;
+        loading: LoadingProps;
+        disabled: DisabledProps;
+        icon: IconProps;
+        name: NameProps;
+        noOptionsMessage: NoOptionsMessageProps;
+        options: OptionsProps;
+        status: StatusProps;
+        value: ValueProps;
+        size: SizeProps;
+        onChangeHandler: OnChangeHandlerProps;
+        onBlurHandler: OnBlurHandlerProps;
+        onFocusHandler: OnFocusHandlerProps;
+        onSelectHandler: OnSelectHandlerProps;
+        placeholder: PlaceholderProps;
+    };
+}
+declare const EditableSelectConfig: EditableSelectConfig;
+export default EditableSelectConfig;

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

@@ -0,0 +1,26 @@
+import { Option } from './EditableSelect.config';
+
+export interface DsEditableSelectProps {
+    label?: string;
+    name?: string;
+    testId?: string;
+    value?: string;
+    size?: string;
+    options?: Option[];
+    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement> | React.FormEvent<HTMLInputElement>) => void;
+    onSelectHandler?: (selectedOption: object) => void;
+    icon?: string;
+    noOptionsMessage?: string;
+    disabled?: boolean;
+    status?: string;
+    placeholder?: string;
+    loading?: boolean;
+    animated?: boolean;
+    onBlurHandler?: () => void;
+    onFocusHandler?: () => void;
+}
+declare const DsEditableSelect: {
+    ({ label, name, testId, value, options, size, onChangeHandler, onSelectHandler, icon, noOptionsMessage, disabled, status, onBlurHandler, onFocusHandler, animated, placeholder, loading, }: DsEditableSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DsEditableSelect;

package/react/components/molecules/EditableSelect/EditableSelect.stories.d.ts

@@ -0,0 +1,24 @@
+import { DsEditableSelectProps } 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, DsEditableSelectProps>;
+    args: {
+        label: string;
+        name: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    };
+};
+export declare const Disabled: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsEditableSelectProps>;
+    args: {
+        name: string;
+        disabled: boolean;
+        label: string;
+    };
+};

package/react/components/molecules/EditableSelect/EditableSelect.test.d.ts

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

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

@@ -0,0 +1,4 @@
+import { default as DsEditableSelect, DsEditableSelectProps } from './EditableSelect';
+
+export { DsEditableSelect };
+export type { DsEditableSelectProps };