@akad/design-system 0.2.0-beta.7 → 0.2.0-beta.9

package/package.json

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

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