@akad/design-system 0.2.0-beta.1 → 0.2.0-beta.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akad/design-system",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.11",
   "main": "react/react.js",
   "types": "react/main.d.ts",
   "author": "Gabriel Mule <gabemule@gmail.com>",

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { default as PropTypes } from 'prop-types';
 
 export interface DsButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    children: string;
+    children: string | ReactNode;
     className?: string;
     size?: string;
     disabled?: boolean;

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/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/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/Notification/Notification.config.d.ts

@@ -45,6 +45,10 @@ export interface ProgressBarProps {
     type: BooleanConstructor;
     default: boolean;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface DsNotificationProps {
     className?: string;
     type?: string;
@@ -57,6 +61,7 @@ export interface DsNotificationProps {
     dismissible?: boolean;
     elevation?: number;
     progressBar?: boolean;
+    testId?: string;
     handleClose?: (event: React.MouseEvent) => void;
 }
 export interface DsNotificationConfig {
@@ -71,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,7 +1,7 @@
 import { DsNotificationProps } from './Notification.config';
 
 declare const DsNotification: {
-    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ 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

@@ -17,6 +17,7 @@ export declare const Default: {
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
         progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -34,6 +35,7 @@ export declare const NotificationSuccess: {
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
         progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -51,6 +53,7 @@ export declare const NotificationDanger: {
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
         progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -68,6 +71,7 @@ export declare const NotificationWarning: {
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
         progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -85,6 +89,7 @@ export declare const NotificationInfo: {
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
         progressBar?: boolean | undefined;
+        testId?: string | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };

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

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