@akad/design-system 0.1.0-beta.9 → 0.2.0-beta.10

package/package.json

@@ -1,11 +1,11 @@
 {
-	"name": "@akad/design-system",
-	"version": "0.1.0-beta.9",
-	"main": "react/react.js",
-	"types": "react/main.d.ts",
-	"author": "Gabriel Mule <gabemule@gmail.com>",
-	"license": "MIT",
-	"devDependencies": {
-		"concurrently": "^8.2.2"
-	}
-}
+  "name": "@akad/design-system",
+  "version": "0.2.0-beta.10",
+  "main": "react/react.js",
+  "types": "react/main.d.ts",
+  "author": "Gabriel Mule <gabemule@gmail.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "concurrently": "^8.2.2"
+  }
+}

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

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export interface NameProps {
     type: StringConstructor;
     required: false;
@@ -30,6 +32,18 @@ export interface OnChangeHandlerProps {
     type: FunctionConstructor;
     default: () => void;
 }
+export interface DsCheckboxProps {
+    id?: string;
+    className?: string;
+    name?: string;
+    testId?: string;
+    label?: string | ReactNode;
+    description?: string | ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    changeByChecked?: boolean;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
 export interface CheckboxConfig {
     name: string;
     class: string;

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

@@ -1,16 +1,5 @@
-import { default as React, ReactNode } from 'react';
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as React } from 'react';
 
-export interface DsCheckboxProps {
-    id?: string;
-    className?: string;
-    name?: string;
-    testId?: string;
-    label?: string | ReactNode;
-    description?: string | ReactNode;
-    checked?: boolean;
-    disabled?: boolean;
-    changeByChecked?: boolean;
-    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
 declare const DsCheckbox: React.ForwardRefExoticComponent<DsCheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default DsCheckbox;

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

@@ -1,4 +1,5 @@
-import { default as DsCheckbox, DsCheckboxProps } from './Checkbox';
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as DsCheckbox } from './Checkbox';
 
 export { DsCheckbox };
 export type { DsCheckboxProps };

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

@@ -15,5 +15,13 @@ export declare const Default: {
             value: string;
             label: string;
         }[];
+        className: string;
+        animated: boolean;
+        name: string;
+        testId: string;
+        placeholder: string;
+        tooltip: string;
+        tooltipPlacement: import('./Select.config').TooltipPlacement;
+        tooltipPosition: import('./Select.config').TooltipPosition;
     };
 };

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export interface DsTextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface DsTextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     name?: string;
     testId?: string;
     type?: string;
@@ -12,17 +12,20 @@ export interface DsTextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
     minLength?: number;
     maxLength?: number;
     rows?: number;
+    cols?: number;
     tooltip?: string;
     icon?: string;
     status?: string;
     feedback?: string;
     disabled?: boolean;
-    onChangeHandler?: (event: React.ChangeEvent<HTMLTextAreaElement> | React.FormEvent<HTMLTextAreaElement>) => void;
+    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/bosons/Container/Container.config.d.ts

@@ -2,11 +2,16 @@ export interface FluidProps {
     type: BooleanConstructor;
     default: boolean;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface ContainerConfig {
     name: string;
     class: string;
     props: {
         fluid: FluidProps;
+        testId: TestIdProps;
     };
 }
 declare const ContainerConfig: ContainerConfig;

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

@@ -6,14 +6,16 @@ export interface DsContainerProps {
     fluid?: boolean;
     className?: string;
     style?: object;
+    testId?: string;
 }
 declare const DsContainer: {
-    ({ children, fluid, className, style, }: DsContainerProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, fluid, className, style, testId, }: 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>;
+        testId: PropTypes.Requireable<string>;
     };
     displayName: string;
 };

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

@@ -5,8 +5,5 @@ type DsGridElementType = {
     children: string | React.ReactElement;
     grid: DsGridElementProps;
 };
-declare const DsGridElement: {
-    ({ children, grid }: DsGridElementType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const DsGridElement: React.FC<DsGridElementType>;
 export default DsGridElement;

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

@@ -0,0 +1 @@
+

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

@@ -53,6 +53,17 @@ export interface VerticalAlignProps {
     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;

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

@@ -2,14 +2,14 @@ import { default as PropTypes } from 'prop-types';
 
 export interface DsGridLayoutProps {
     children: JSX.Element | JSX.Element[];
-    rows: string;
-    gap: string;
-    vGap: string;
-    hGap: string;
-    horizontalAlign: string;
-    verticalAlign: string;
-    width: string;
-    height: string;
+    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;
@@ -24,16 +24,6 @@ declare const DsGridLayout: {
         horizontalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
         verticalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
     };
-    defaultProps: {
-        rows: string;
-        gap: import('./GridLayout.config').Gap;
-        vGap: boolean;
-        hGap: boolean;
-        width: string;
-        height: string;
-        horizontalAlign: import('./GridLayout.config').Align;
-        verticalAlign: import('./GridLayout.config').Align;
-    };
     displayName: string;
 };
 export default DsGridLayout;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { default as PropTypes } from 'prop-types';
 
 export interface DsWrapperProps {
     children?: React.ReactNode;
@@ -11,13 +10,6 @@ export interface DsWrapperProps {
 }
 declare const DsWrapper: {
     ({ children, space, top, right, bottom, left, }: DsWrapperProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        space: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        top: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        right: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        bottom: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        left: PropTypes.Requireable<import('./Wrapper.config').Space>;
-    };
     displayName: string;
 };
 export default DsWrapper;

package/react/components/index.d.ts

@@ -1,4 +1,5 @@
 import { DsTwoColumns } from './templates/TwoColumns';
+import { DsSplitLayout } from './templates/SplitLayout';
 import { DsNotificationList } from './organisms/NotificationList';
 import { ThemeProvider } from './molecules/ThemeProvider';
 import { DsTabs } from './molecules/Tabs';
@@ -10,6 +11,7 @@ import { DsModal } from './molecules/Modal';
 import { DsInlineEditable } from './molecules/InlineEditable';
 import { DsIndicator } from './molecules/Indicator';
 import { DsEditableSelect } from './molecules/EditableSelect';
+import { DsCarousel } from './molecules/Carousel';
 import { DsActiveTags } from './molecules/ActiveTags';
 import { DsAccordion } from './molecules/Accordion';
 import { DsWrapper } from './bosons/Wrapper';
@@ -34,4 +36,4 @@ 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, };
+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, DsSplitLayout, DsWrapper, DsProgress, DsPasswordConfirmation, DsEditableSelect, DsActiveTags, ThemeProvider, DsCarousel, };

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

@@ -3,7 +3,7 @@ import { default as PropTypes } from 'prop-types';
 
 interface Props {
     items: DsAccordionItems[];
-    activeItem?: number;
+    activeItem?: number | null;
     onClick?: (index: number) => void;
 }
 declare const DsAccordion: {

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

@@ -2,12 +2,11 @@ import { DsAccordionItemProps } from '../../../types/types';
 import { default as PropTypes } from 'prop-types';
 
 declare const DsAccordionItem: {
-    ({ title, content, className, onToggle, active, disabled, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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>>;
-        className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
     };
     displayName: string;

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

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

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

@@ -0,0 +1,7 @@
+export interface CarouselConfig {
+    name: string;
+    class: string;
+    props: Record<string, never>;
+}
+declare const CarouselConfig: CarouselConfig;
+export default CarouselConfig;

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

@@ -0,0 +1,31 @@
+import { default as PropTypes } from 'prop-types';
+
+type Slide = {
+    title: string;
+    image: string;
+    description: string;
+};
+export interface DsCarouselProps {
+    slides: Slide[];
+    interval?: number;
+    imageHeight?: number | string;
+    imageWidth?: number | string;
+    imageMaxHeight?: number | string;
+    imageMaxWidth?: number | string;
+}
+declare const DsCarousel: {
+    ({ slides, interval, imageHeight, imageWidth, imageMaxHeight, imageMaxWidth, }: DsCarouselProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        slides: PropTypes.Validator<(PropTypes.InferProps<{
+            title: PropTypes.Validator<string>;
+            image: PropTypes.Validator<string>;
+            description: PropTypes.Validator<string>;
+        }> | null | undefined)[]>;
+        interval: PropTypes.Requireable<number>;
+        imageHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        imageWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        imageMaxHeight: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        imageMaxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
+};
+export default DsCarousel;

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+import { default as DsCarousel, DsCarouselProps } from './Carousel';
+
+export { DsCarousel };
+export type { DsCarouselProps };

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

@@ -10,6 +10,10 @@ export interface Option {
     name?: string;
     id?: string | number;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface LabelProps {
     type: StringConstructor;
     default: string;
@@ -79,6 +83,7 @@ export interface EditableSelectConfig {
     class: string;
     props: {
         label: LabelProps;
+        testId: TestIdProps;
         animated: AnimatedProps;
         loading: LoadingProps;
         disabled: DisabledProps;

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

@@ -3,6 +3,7 @@ import { Option } from './EditableSelect.config';
 export interface DsEditableSelectProps {
     label?: string;
     name?: string;
+    testId?: string;
     value?: string;
     size?: string;
     options?: Option[];
@@ -19,7 +20,7 @@ export interface DsEditableSelectProps {
     onFocusHandler?: () => void;
 }
 declare const DsEditableSelect: {
-    ({ label, name, value, options, size, onChangeHandler, onSelectHandler, icon, noOptionsMessage, disabled, status, onBlurHandler, onFocusHandler, animated, placeholder, loading, }: DsEditableSelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ 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/Notification/Notification.config.d.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export declare const NotificationType: {
     readonly Success: "success";
     readonly Danger: "danger";
@@ -43,6 +45,25 @@ export interface ProgressBarProps {
     type: BooleanConstructor;
     default: boolean;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface DsNotificationProps {
+    className?: string;
+    type?: string;
+    variant?: string;
+    id: string;
+    children?: ReactNode;
+    message?: ReactNode;
+    autoClose?: boolean;
+    autoCloseTimer?: number;
+    dismissible?: boolean;
+    elevation?: number;
+    progressBar?: boolean;
+    testId?: string;
+    handleClose?: (event: React.MouseEvent) => void;
+}
 export interface DsNotificationConfig {
     name: string;
     class: string;
@@ -55,6 +76,7 @@ export interface DsNotificationConfig {
         elevation: ElevationProps;
         variant: NotificationVariantProps;
         progressBar: ProgressBarProps;
+        testId: TestIdProps;
     };
 }
 declare const DsNotificationConfig: DsNotificationConfig;

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

@@ -1,34 +1,7 @@
-import { default as React, ReactNode } from 'react';
-import { default as PropTypes } from 'prop-types';
+import { DsNotificationProps } from './Notification.config';
 
-export interface DsNotificationProps {
-    className?: string;
-    type?: string;
-    variant?: string;
-    id: string;
-    children?: ReactNode;
-    message?: ReactNode;
-    autoClose?: boolean;
-    autoCloseTimer?: number;
-    dismissible?: boolean;
-    elevation?: number;
-    progressBar: boolean;
-    handleClose?: (event: React.MouseEvent) => void;
-}
 declare const DsNotification: {
-    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
-    propTypes: {
-        type: PropTypes.Requireable<import('./Notification.config').NotificationType>;
-        id: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<import('./Notification.config').NotificationVariant>;
-        message: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        autoClose: PropTypes.Requireable<boolean>;
-        autoCloseTimer: PropTypes.Requireable<number>;
-        dismissible: PropTypes.Requireable<boolean>;
-        elevation: PropTypes.Requireable<number>;
-        progressBar: PropTypes.Requireable<boolean>;
-        handleClose: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, testId, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export default DsNotification;

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

@@ -16,7 +16,8 @@ export declare const Default: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -33,7 +34,8 @@ export declare const NotificationSuccess: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -50,7 +52,8 @@ export declare const NotificationDanger: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -67,7 +70,8 @@ export declare const NotificationWarning: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -84,7 +88,8 @@ export declare const NotificationInfo: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };

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

@@ -1,4 +1,5 @@
-import { default as DsNotification, DsNotificationProps } from './Notification';
+import { DsNotificationProps } from './Notification.config';
+import { default as DsNotification } from './Notification';
 
 export { DsNotification };
 export type { DsNotificationProps };

package/react/components/molecules/PasswordConfirmation/PasswordConfirmartion.test.d.ts

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

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

@@ -14,6 +14,10 @@ export interface InstructionLabelProps {
     type: StringConstructor;
     default: string;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface PasswordConfirmationConfig {
     name: string;
     class: string;
@@ -21,6 +25,7 @@ export interface PasswordConfirmationConfig {
         onChange: OnChangeProps;
         validationList: ValidationListProps;
         instructionLabel: InstructionLabelProps;
+        testId: TestIdProps;
     };
 }
 declare const DsPasswordConfirmationConfig: PasswordConfirmationConfig;

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

@@ -10,7 +10,7 @@ interface FeedbackObject {
     color: string;
 }
 export interface DsPasswordConfirmationProps {
-    onChange?: (data: {
+    onChange: (data: {
         password: string;
         confirmationPassword: string;
         isEqual: boolean;
@@ -18,13 +18,15 @@ export interface DsPasswordConfirmationProps {
     }) => void;
     validationList: Array<ValidationRule>;
     instructionLabel: string;
+    testId?: string;
 }
 declare const DsPasswordConfirmation: {
-    ({ onChange, validationList, instructionLabel, }: DsPasswordConfirmationProps): import("react/jsx-runtime").JSX.Element;
+    ({ onChange, validationList, instructionLabel, testId, }: DsPasswordConfirmationProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        validationList: PropTypes.Validator<any[]>;
+        validationList: PropTypes.Requireable<any[]>;
         instructionLabel: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
     };
     displayName: string;
 };

package/react/components/molecules/Tabs/Tab.test.d.ts

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

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

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

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

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

package/react/components/organisms/NotificationList/NotificationList.d.ts

@@ -3,8 +3,8 @@ import { default as PropTypes } from 'prop-types';
 
 export interface DsNotificationListProps {
     className?: string;
-    position: string;
-    fluid: boolean;
+    position?: string;
+    fluid?: boolean;
     notifications: DsNotificationProps[];
     removeNotification: (notificationid: string) => void;
 }

package/react/components/organisms/NotificationList/NotificationList.test.d.ts

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

package/react/components/templates/SplitLayout/SplitLayout.config.d.ts

@@ -0,0 +1,7 @@
+export interface SplitLayoutConfig {
+    name: string;
+    class: string;
+    props: Record<string, never>;
+}
+declare const SplitLayoutConfig: SplitLayoutConfig;
+export default SplitLayoutConfig;

package/react/components/templates/SplitLayout/SplitLayout.d.ts

@@ -0,0 +1,9 @@
+export interface DsSplitLayoutProps {
+    leftContent: React.ReactNode;
+    rightContent: React.ReactNode;
+    leftBackgroundColor?: string;
+    rightBackgroundColor?: string;
+    reverseOnMobile?: boolean;
+}
+declare const DsSplitLayout: React.FC<DsSplitLayoutProps>;
+export default DsSplitLayout;

package/react/components/templates/SplitLayout/SplitLayout.test.d.ts

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

package/react/components/templates/SplitLayout/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DsSplitLayout, DsSplitLayoutProps } from './SplitLayout';
+
+export { DsSplitLayout };
+export type { DsSplitLayoutProps };
+export default DsSplitLayout;

package/react/components/templates/TwoColumns/TwoColumns.test.d.ts

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

package/react/decorators/storybook.test.d.ts

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