@kroo-web/design-system 1.0.52 → 1.0.54

package/dist/cjs/components/Cards/index.d.ts

@@ -0,0 +1,9 @@
+import React, { PropsWithChildren } from 'react';
+export type CardsVariants = {
+    layout?: 'bento-three' | 'bento-four' | 'bento-five';
+};
+export interface ICardsProps extends PropsWithChildren {
+    as: 'div' | 'ol' | 'ul' | 'section';
+    variants: CardsVariants;
+}
+export declare const Cards: ({ as, children, variants }: ICardsProps) => React.JSX.Element;

package/dist/cjs/components/Table/index.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from 'react';
+export declare const TableRoot: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableHead: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableHeader: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableBody: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableRow: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableData: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const TableFooter: ({ children }: PropsWithChildren) => React.JSX.Element;
+export declare const Table: {
+    Root: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Head: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Header: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Body: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Row: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Data: ({ children }: PropsWithChildren) => React.JSX.Element;
+    Footer: ({ children }: PropsWithChildren) => React.JSX.Element;
+};

package/dist/cjs/components/Wrapper/index.d.ts

@@ -0,0 +1,12 @@
+import React, { PropsWithChildren } from 'react';
+export interface WrapperProps extends PropsWithChildren {
+    as?: 'li' | 'div';
+    variants?: WrapperVariants;
+    className?: string;
+}
+export type WrapperVariants = {
+    visual?: 'paper' | 'bento' | 'bento-icon';
+    orientation?: 'center';
+    type?: 'trustPilot';
+};
+export declare const Wrapper: ({ as, className, variants, children, }: WrapperProps) => React.JSX.Element;

package/dist/cjs/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './Accordion';
 export * from './Button';
 export * from './Callout';
 export * from './Card';
+export * from './Cards';
 export * from './Columns';
 export * from './ComboBox';
 export * from './DatePicker';
@@ -16,7 +17,9 @@ export * from './RadioGroup';
 export * from './Range';
 export * from './Select';
 export * from './Skeleton';
+export * from './Table';
 export * from './TextField';
 export * from './Toast';
 export * from './Tooltip';
 export * from './Typography';
+export * from './Wrapper';