@kwantis-id3/frontend-library 1.0.0-rc.20 → 1.0.0-rc.22

package/dist/esm/types/components/Accordion/index.d.ts

@@ -1,2 +1,4 @@
+import { AccordionGroup } from "./AccordionStyled";
 export * from "./Accordion";
 export * from "./AccordionInterfaces";
+export { AccordionGroup };

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

@@ -4,8 +4,9 @@ import { Interpolation, Theme as Theme$1 } from '@emotion/react';
 import { Theme } from '@emotion/react/dist/declarations/src';
 import * as react from 'react';
 import { PropsWithChildren, ReactNode, FC } from 'react';
-import { ColumnDef } from '@tanstack/react-table';
+import * as _emotion_styled from '@emotion/styled';
 import { CreateStyled } from '@emotion/styled';
+import { ColumnDef } from '@tanstack/react-table';
 
 type TButtonVariants = "contained" | "outlined" | "text";
 type TButtonProps = {
@@ -149,6 +150,11 @@ declare const defaultDarkPalette: IPalette;
 declare const ThemeContextProvider: ({ palettes, defaultMode, children, }: PropsWithChildren<IThemeContextProps>) => ReactNode;
 declare const useThemeContext: () => IThemeContextValue;
 
+declare const AccordionGroup: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
 type TAccordionProps = PropsWithChildren & {
     /** Title to be used if no custom trigger is passed */
     title: string;
@@ -470,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;
@@ -582,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.
@@ -643,4 +658,4 @@ declare const getActiveColor: (color: string) => string;
 
 declare function usePrefersColorScheme(): "light" | "dark";
 
-export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
+export { Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };

package/package.json

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