@kwantis-id3/frontend-library 1.0.0-rc.21 → 1.0.0-rc.23

package/dist/esm/types/components/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
 /** @jsxImportSource @emotion/react */
 import { TDrawerProps } from "./DrawerInterfaces";
-export declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, }: TDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, sx, }: TDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Drawer/DrawerInterfaces.d.ts

@@ -1,3 +1,4 @@
+import { Interpolation, Theme } from "@emotion/react";
 import { ReactNode } from "react";
 export type TDrawerProps = {
     /** Position of the drawer */
@@ -18,12 +19,15 @@ export type TDrawerProps = {
     maxOpen?: number;
     /** Background color */
     bgColor?: string;
+    /** Trigger Color */
+    triggerColor?: string;
     /** Trigger hover color */
     triggerHoverColor?: string;
     /** Hide the default thumb trigger */
     hideTrigger?: boolean;
     /** Set a custom z-index */
     zIndex?: number;
+    sx?: Interpolation<Theme>;
     onOpen?: () => void;
     onClose?: () => void;
 };

package/dist/esm/types/components/Drawer/DrawerStyled.d.ts

@@ -22,6 +22,7 @@ export declare const Trigger: import("@emotion/styled").StyledComponent<{
 } & {
     $anchor: "top" | "right" | "bottom" | "left";
     $bgColor?: string;
+    $triggerColor?: string;
     $triggerHoverColor?: string;
     $hideTrigger: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/MultiViewList/MultiViewGrid.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import { TMultiViewGridProps } from "./MultiViewListInterfaces";
 import { TCellValues } from "../Table";
 import { TDataGridRow } from "../DataGrid";

package/dist/esm/types/components/MultiViewList/MultiViewList.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import { TMultiViewListProps } from "./MultiViewListInterfaces";
 import { TCellValues, TTableRow } from "../Table";
 export declare const MultiViewList: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TMultiViewListProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/MultiViewList/MultiViewListInterfaces.d.ts

@@ -1,10 +1,17 @@
 import { TCellValues, TTableProps, TTableRow } from "../Table";
 import { TDataGridProps, TDataGridRow } from "../DataGrid/DataGridInterfaces";
+import { Interpolation, Theme } from "@emotion/react";
 export type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
     mode: "table" | "cards";
-    cardComponent: (item: Row) => React.ReactNode;
+    cardComponent: (item: Row, index: number) => React.ReactNode;
+    cardsWidth?: string;
+    cardsHeight?: string;
+    sx?: Interpolation<Theme>;
 };
 export type TMultiViewGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = TDataGridProps<Cell, Row> & {
     mode: "table" | "cards";
-    cardComponent: (item: Row) => React.ReactNode;
+    cardComponent: (item: Row, index: number) => React.ReactNode;
+    cardsWidth?: string;
+    cardsHeight?: string;
+    sx?: Interpolation<Theme>;
 };

package/dist/esm/types/components/MultiViewList/MultiViewListStyled.d.ts

@@ -1,4 +1,7 @@
 export declare const StyledCardsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
+} & {
+    $cardsWidth: string;
+    $cardsHeight: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/index.d.ts

@@ -476,11 +476,17 @@ declare const DataGrid: <Cell extends TCellValues, Row extends TDataGridRow<Cell
 
 type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
     mode: "table" | "cards";
-    cardComponent: (item: Row) => React.ReactNode;
+    cardComponent: (item: Row, index: number) => React.ReactNode;
+    cardsWidth?: string;
+    cardsHeight?: string;
+    sx?: Interpolation<Theme$1>;
 };
 type TMultiViewGridProps<Cell extends TCellValues, Row extends TDataGridRow<Cell>> = TDataGridProps<Cell, Row> & {
     mode: "table" | "cards";
-    cardComponent: (item: Row) => React.ReactNode;
+    cardComponent: (item: Row, index: number) => React.ReactNode;
+    cardsWidth?: string;
+    cardsHeight?: string;
+    sx?: Interpolation<Theme$1>;
 };
 
 declare const MultiViewList: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TMultiViewListProps<Cell, Row>) => _emotion_react_jsx_runtime.JSX.Element;
@@ -588,17 +594,20 @@ type TDrawerProps = {
     maxOpen?: number;
     /** Background color */
     bgColor?: string;
+    /** Trigger Color */
+    triggerColor?: string;
     /** Trigger hover color */
     triggerHoverColor?: string;
     /** Hide the default thumb trigger */
     hideTrigger?: boolean;
     /** Set a custom z-index */
     zIndex?: number;
+    sx?: Interpolation<Theme$1>;
     onOpen?: () => void;
     onClose?: () => void;
 };
 
-declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, sx, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 /**
  * emotion.js doesn't support transient options out of the box.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "1.0.0-rc.21",
+  "version": "1.0.0-rc.23",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",