@kwantis-id3/frontend-library 0.27.2 → 1.0.0-rc.11

package/dist/esm/types/components/Modal/{StyledModal.d.ts → ModalStyled.d.ts}

@@ -1,11 +1,13 @@
 export declare const DialogElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $width?: string;
     $height?: string;
+    $bgColor?: string;
+    $textColor?: string;
 }, import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, {}>;
 export declare const ExitButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,2 +1,2 @@
-import Modal from "./Modal";
-export { Modal };
+export * from "./Modal";
+export * from "./ModalInterfaces";

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,5 @@
+import { TCellValues, TTableProps, TTableRow } from "../Table";
+export type TMultiViewListProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = TTableProps<Cell, Row> & {
+    mode: "table" | "cards";
+    cardComponent: (item: Row) => React.ReactNode;
+};

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

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

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

@@ -0,0 +1,2 @@
+export * from "./MultiViewListInterfaces";
+export * from "./MultiViewList";

package/dist/esm/types/components/SelectFilter/MultiSelect.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export interface MultiSelectProps<Option = {
     label: string;
     value: string;
@@ -29,7 +27,7 @@ export interface MultiSelectProps<Option = {
     /** Wether the select is loading */
     isLoading?: boolean;
     /** The color of the select */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The HTML id of the container */
     containerId?: string;
     /** The HTML id of the select */
@@ -41,4 +39,4 @@ export interface MultiSelectProps<Option = {
     /** Wether the select is required */
     required?: boolean;
 }
-export declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => React.JSX.Element;
+export declare const MultiSelect: <Option>(props: MultiSelectProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/SelectFilter/SingleSelect.d.ts

@@ -1,5 +1,3 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 export interface SingleSelectProps<Option = {
     label: string;
     value: string;
@@ -29,7 +27,7 @@ export interface SingleSelectProps<Option = {
     /** Wether the select is loading */
     isLoading?: boolean;
     /** The color of the select */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The HTML id of the container */
     containerId?: string;
     /** The HTML id of the select */
@@ -43,4 +41,4 @@ export interface SingleSelectProps<Option = {
     /** Wether the select is required */
     required?: boolean;
 }
-export declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => React.JSX.Element;
+export declare const SingleSelect: <Option>(props: SingleSelectProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export { SingleSelect, SingleSelectProps } from "./SingleSelect";
-export { MultiSelect, MultiSelectProps } from "./MultiSelect";
+export * from "./SingleSelect";
+export * from "./MultiSelect";

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

@@ -1,6 +1,4 @@
-import React from "react";
-import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
-export type SliderProps = {
+export type TSliderProps = {
     /** The values of the slider. */
     values: number[];
     /** The minimum value of the slider. */
@@ -12,11 +10,11 @@ export type SliderProps = {
     /** The onFinalChange handler of the slider. (called only when the thumb is released) */
     onFinalChange?: (values: number[]) => void;
     /** The color of the slider */
-    color?: ThemeColorsExtended;
+    color?: string;
     /** The color of the section not included in the range */
-    unselectedColor?: ThemeColorsExtended;
+    unselectedColor?: string;
     /** The color of the thumb */
-    thumbColor?: ThemeColorsExtended;
+    thumbColor?: string;
     /** The HTML id of the slider */
     htmlId?: string;
     /** The class name of the slider */
@@ -32,4 +30,4 @@ export type SliderProps = {
     /** Wether the thumbs can overlap */
     allowOverlap?: boolean;
 };
-export declare const Slider: (props: SliderProps) => React.JSX.Element;
+export declare const Slider: (props: TSliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Slider/SliderStyled.d.ts

@@ -1,15 +1,15 @@
 export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $bgColor: string;
@@ -17,7 +17,7 @@ export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
     $disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("..").ThemeContextProps;
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     $textColor: string;

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

@@ -1 +1 @@
-export { Slider, SliderProps } from "./Slider";
+export * from "./Slider";

package/dist/esm/types/components/Table/DebouncedFilter.d.ts

@@ -0,0 +1,7 @@
+/** @jsxImportSource @emotion/react */
+import { Column, Table } from "@tanstack/react-table";
+import { TCellValues, TTableRow } from "./TableInterfaces";
+export declare function DebouncedFilter<T extends TTableRow<TCellValues>>({ column, table, }: {
+    column: Column<T, unknown>;
+    table: Table<T>;
+}): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Table/DebouncedInput.d.ts

@@ -0,0 +1,5 @@
+export declare function DebouncedInput({ value: initialValue, onChange, debounce, ...props }: {
+    value: string | number;
+    onChange: (value: string | number) => void;
+    debounce?: number;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange">): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { TCellValues, TTableProps, TTableRow } from "./TableInterfaces";
+export declare const Table: <Cell extends TCellValues, Row extends TTableRow<Cell>>(props: TTableProps<Cell, Row>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const renderCell: (value: string | number | boolean | null) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Table/TableInterfaces.d.ts

@@ -0,0 +1,21 @@
+import { ColumnDef } from "@tanstack/react-table";
+export type TCellValues = string | number | boolean | null;
+export type TTableProps<Cell extends TCellValues, Row extends TTableRow<Cell>> = {
+    columns: ColumnDef<Row, Cell>[];
+    data: Row[] | undefined;
+};
+export type TTableCell<T extends TCellValues> = {
+    value: T;
+    bgColor?: string | null;
+    textColor?: string | null;
+};
+export type TTableRow<T extends TCellValues> = {
+    info?: {
+        bgColor?: string | null;
+        textColor?: string | null;
+        [key: string]: string | number | boolean | null | undefined;
+    };
+    cells: {
+        [key: string]: TTableCell<T>;
+    };
+};

package/dist/esm/types/components/Table/TableStyled.d.ts

@@ -0,0 +1,14 @@
+export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $mobileBreakpoint: number;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const StyledCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,2 @@
+export * from "./TableInterfaces";
+export * from "./Table";

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

@@ -0,0 +1,4 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import { TTagProps } from "./TagInterfaces";
+export declare const Tag: FC<TTagProps>;

package/dist/esm/types/components/Tag/TagInterfaces.d.ts

@@ -0,0 +1,22 @@
+import { Interpolation } from "@emotion/react";
+import { Theme } from "@emotion/react/dist/declarations/src";
+import { ITagColors } from "../ThemeContext";
+export type TTagProps = {
+    text: string;
+    /**
+     * If `variant` is set to `custom`, `bgColor` and `textColor` will be used.
+     * Otherwise, the `variant` will be used to determine the colors.
+     *
+     * The variants are the keys of the interface `@see ITagColors`, which by default are:
+     * - `default`
+     * - `warm`
+     * - `cold`
+     * - `paper`
+     */
+    variant: keyof ITagColors | "custom";
+    /** To use this prop, the variant must be set to `custom` */
+    bgColor?: string;
+    /** To use this prop, the variant must be set to `custom` */
+    textColor?: string;
+    sx?: Interpolation<Theme>;
+};

package/dist/esm/types/components/Tag/TagStyled.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledTag: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $bgColor: string;
+    $textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1,2 @@
+export * from "./Tag";
+export * from "./TagInterfaces";

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

@@ -1,72 +1,6 @@
-import React from "react";
-export interface Color {
-    main: string;
-    contrastText: string;
-}
-export interface ThemeColorsObject {
-    primary: Color;
-    secondary: Color;
-    tertiary: Color;
-    statusOk: Color;
-    statusWarning: Color;
-    statusCritical: Color;
-    statusNeutral: Color;
-}
-export interface ThemeContextProps {
-    colors: ThemeColorsObject;
-}
-interface Nothing {
-}
-type Union<T, U> = T | (U & Nothing);
-export type ThemeColors = keyof ThemeColorsObject;
-export type ThemeColorsExtended = Union<ThemeColors, string>;
-export type ThemeProperties = ThemeContextProps & {
-    getColor: (color: ThemeColorsExtended) => Color;
-};
-export declare const defaultThemeColors: {
-    primary: {
-        main: string;
-        contrastText: string;
-    };
-    secondary: {
-        main: string;
-        contrastText: string;
-    };
-    tertiary: {
-        main: string;
-        contrastText: string;
-    };
-    statusOk: {
-        main: string;
-        contrastText: string;
-    };
-    statusWarning: {
-        main: string;
-        contrastText: string;
-    };
-    statusCritical: {
-        main: string;
-        contrastText: string;
-    };
-    statusNeutral: {
-        main: string;
-        contrastText: string;
-    };
-};
-export declare const ThemeContextProvider: (props: React.PropsWithChildren<{
-    theme?: ThemeContextProps;
-}>) => React.JSX.Element;
-type NestedObject<T> = {
-    [key: string]: T | NestedObject<T>;
-};
-/**
- * Returns the value of a nested object given a string path
- * This function is supposed to be used ONLY to retrieve values from the theme object
- *
- * @param object the object to search
- * @param path a string representing the path to the value
- * @returns the value of the nested object
- */
-export declare function getObjectValueByPath<T>(obj: NestedObject<T>, path: string): T | undefined;
-export declare const useThemeContext: () => ThemeProperties;
-export {};
+import { PropsWithChildren, ReactNode } from "react";
+import { IPalette, IThemeContextProps, IThemeContextValue } from "./ThemeInterfaces";
+export declare const defaultLightPalette: IPalette;
+export declare const defaultDarkPalette: IPalette;
+export declare const ThemeContextProvider: ({ palettes, defaultMode, children, }: PropsWithChildren<IThemeContextProps>) => ReactNode;
+export declare const useThemeContext: () => IThemeContextValue;

package/dist/esm/types/components/ThemeContext/ThemeInterfaces.d.ts

@@ -0,0 +1,109 @@
+export type TColorScale = {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+};
+export interface ICommonColors {
+    red: TColorScale;
+    green: TColorScale;
+    blue: TColorScale;
+    yellow: TColorScale;
+    purple: TColorScale;
+    darkBlue: TColorScale;
+    orange: TColorScale;
+    gray: TColorScale;
+}
+export interface IBackgroundColors {
+    main: string;
+    radialGradient: string;
+}
+interface ISharedColorProperties {
+    /** Represents the color itself */
+    main: string;
+    /** A slightly different color derived from the main one */
+    variant: string;
+}
+export interface IStandardPaletteColor extends ISharedColorProperties {
+    /** The color to be used for text and elements that need to contrast with the main / variant */
+    contrast: string;
+}
+export interface ITagColors {
+    default: {
+        main: string;
+        text: string;
+    };
+    warm: {
+        main: string;
+        text: string;
+    };
+    cold: {
+        main: string;
+        text: string;
+    };
+    paper: {
+        main: string;
+        text: string;
+    };
+}
+export interface IIndicatorColors {
+    main: string;
+    mainFill: string;
+    success: string;
+    successFill: string;
+    warning: string;
+    warningFill: string;
+    error: string;
+    errorFill: string;
+}
+export interface IPalette {
+    /** Application background */
+    background: IBackgroundColors;
+    /** Primary Brand Color */
+    primary: IStandardPaletteColor;
+    /** Color config for actions solved with a success */
+    success: IStandardPaletteColor;
+    /** Color config for actions solved with a warning */
+    warning: IStandardPaletteColor;
+    /** Color config for actions solved with an error */
+    error: IStandardPaletteColor;
+    /** Color config for surfaces*/
+    surface: IStandardPaletteColor;
+    /** Color config for borders */
+    border: ISharedColorProperties;
+    /** Color config for tags */
+    tag: ITagColors;
+    /** Color config for indicators */
+    indicator: IIndicatorColors;
+}
+export type TThemeMode = "light" | "dark" | "system";
+export interface IThemeContextProps {
+    /** From this prop you can override (even partially) the palettes (dark and light) of the library. */
+    palettes?: {
+        light?: Partial<IPalette>;
+        dark?: Partial<IPalette>;
+    };
+    defaultMode?: TThemeMode;
+}
+export interface IThemeContextValue {
+    /** Which mode is currently active */
+    mode: TThemeMode;
+    /** Which mode is currently displayed.
+     * This is useful when the mode is set to "system" and the user has a dark mode preference.
+     */
+    displayedMode: "light" | "dark";
+    /** A collection of common Colors with variants */
+    commonColors: ICommonColors;
+    /** This will contain the palette of the correct color mode. */
+    activePalette: IPalette;
+    /** use this function to change the mode */
+    setMode: (mode: TThemeMode) => void;
+}
+export {};

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

@@ -1 +1,2 @@
-export { ThemeColors, ThemeColorsObject, ThemeContextProps, ThemeProperties, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
+export * from "./ThemeContext";
+export * from "./ThemeInterfaces";

package/dist/esm/types/components/TreeView/ControlledTreeView.d.ts

@@ -0,0 +1,4 @@
+/** @jsxImportSource @emotion/react */
+import { FC } from "react";
+import { TControlledTreeViewProps } from "./TreeViewInterfaces";
+export declare const ControlledTreeView: FC<TControlledTreeViewProps>;

package/dist/esm/types/components/TreeView/TreeUtils.d.ts

@@ -0,0 +1,3 @@
+import { TTreeViewItem } from "./TreeViewInterfaces";
+export declare const getRootItems: (items: TTreeViewItem[]) => TTreeViewItem[];
+export declare const getChildrenItems: (items: TTreeViewItem[], parentId: string) => TTreeViewItem[];

package/dist/esm/types/components/TreeView/TreeViewInterfaces.d.ts

@@ -0,0 +1,77 @@
+import { Interpolation, Theme } from "@emotion/react";
+/**
+ * A callback to customize how items are rendered
+ * @property isOpen: A boolean indicating if the item is expanded
+ * @property hasChildren: A boolean indicating if the item has children
+ * @property item: the entire item object
+ */
+export type TCustomRenderProps = {
+    isOpen: boolean;
+    item: TTreeViewItem;
+};
+/**
+ * A callback to customize how the content of the items is rendered
+ * @extends TCustomRenderProps
+ * @property icon: The icon of the item. If the renderIcon callback is provided, this will be the result of that callback
+ * @property title: The title of the item. If the renderTitle callback is provided, this will be the result of that callback
+ */
+export type TRenderTriggerProps = TCustomRenderProps & {
+    icon: React.ReactNode;
+    title: React.ReactNode;
+};
+type TTreeItemFunctions = {
+    /** A callback to customize how the titles are rendered */
+    renderTitle?: (props: TCustomRenderProps) => React.ReactNode;
+    /** A callback to customize how the icons are rendered */
+    renderIcon?: (props: TCustomRenderProps) => React.ReactNode;
+    /** A callback to customize how the content of the items is rendered */
+    renderTrigger?: (props: TRenderTriggerProps) => React.ReactNode;
+    /** A callback executed when an item is focused. An item gets focused when you click on it. Focusing and item will also select it. */
+    onFocusItem?: (item: TTreeViewItem) => void;
+    /** A callback executed when an item is selected. To select an item, ctrl+click on it. */
+    onSelectItems?: (item: string[]) => void;
+    /** A callback executed when an item is expanded */
+    onExpandItem?: (item: TTreeViewItem) => void;
+    /** A callback executed when an item is collapsed */
+    onCollapseItem?: (item: TTreeViewItem) => void;
+    /** A callback to handle the expansion of items without children */
+    onMissingChildren?: (item: TTreeViewItem) => void;
+};
+type TTreeViewProps = TTreeItemFunctions & {
+    /** An array representing the items that the tree needs to render */
+    items: TTreeViewItem[];
+    /** Disable multi-selection possibility */
+    isMultiSelectionDisabled?: boolean;
+    /** Custom styles */
+    sx?: Interpolation<Theme>;
+};
+export type TUncontrolledTreeViewProps = TTreeViewProps & {
+    items: TTreeViewItem[];
+};
+export type TControlledTreeViewProps = TTreeViewProps & {
+    /** The current state of the Tree View. */
+    viewState: TViewState;
+};
+export type TViewState = {
+    /** The list of ids of items that are selected */
+    selectedItems?: string[];
+    /** The list of ids of items that are expanded */
+    expandedItems?: string[];
+    /** The focused item */
+    focusedItem?: string;
+};
+export type TTreeViewItem = TTreeItemFunctions & {
+    /** Item identifier */
+    id: string;
+    /** Item name */
+    name: string;
+    /** The possible children of this item */
+    children?: string[];
+    /** If the item should be rendered as a folder even with no children */
+    isFolder?: boolean;
+    /** A callback to fetch children asynchronously */
+    childrenAsync?: () => Promise<TTreeViewItem[]>;
+    /** Custom styles */
+    sx?: Interpolation<Theme>;
+};
+export {};

package/dist/esm/types/components/TreeView/TreeViewSyled.d.ts

@@ -0,0 +1,24 @@
+export declare const TreeView: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TreeItemsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const TreeItemTrigger: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $isFocused: boolean;
+    $isExpanded: boolean;
+    $isSelected: boolean;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const TreeItemChildren: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    $isExpanded: boolean;
+}, {}, {}>;

package/dist/esm/types/components/TreeView/UncontrolledTreeView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TUncontrolledTreeViewProps } from "./TreeViewInterfaces";
+export declare const UncontrolledTreeView: FC<TUncontrolledTreeViewProps>;

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

@@ -0,0 +1,3 @@
+export * from "./TreeViewInterfaces";
+export * from "./ControlledTreeView";
+export * from "./UncontrolledTreeView";

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

@@ -1,8 +1,15 @@
-export { Button, ButtonProps } from "./Button";
-export { ThemeColors, ThemeColorsObject, ThemeContextProps, ThemeProperties, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
-export { Accordion, AccordionProps } from "./Accordion";
-export { InputField } from "./InputField";
-export { SingleSelect, SingleSelectProps, MultiSelect, MultiSelectProps, } from "./SelectFilter";
-export { Slider, SliderProps } from "./Slider";
-export { Dropdown, DropdownProps, DropdownItem } from "./Dropdown";
-export { Modal } from "./Modal";
+export * from "./Button";
+export * from "./ThemeContext";
+export * from "./Accordion";
+export * from "./InputField";
+export * from "./SelectFilter";
+export * from "./Slider";
+export * from "./Dropdown";
+export * from "./Modal";
+export * from "./Indicator";
+export * from "./Tag";
+export * from "./Card";
+export * from "./Table";
+export * from "./MultiViewList";
+export * from "./TreeView";
+export * from "./Drawer";

package/dist/esm/types/utils/colors.d.ts

@@ -0,0 +1,30 @@
+/**
+ *
+ * @param color the color to get the contrast color for
+ * @returns the most readable color between black and white
+ */
+export declare const getContrastColor: (color: string) => string;
+/**
+ *
+ * @param color a color
+ * @param strength the strength (0-100) to darken the color
+ * @returns the color darkened by the strength
+ */
+export declare const darkenColor: (color: string, strength?: number) => string;
+/**
+ *
+ * @param color a color
+ * @param strength the strength (0-100) to lighten the color
+ * @returns the color lightened by the strength
+ */
+export declare const lightenColor: (color: string, strength?: number) => string;
+/**
+ * @param color a color
+ * @returns the hover color, based on if the color is dark or light
+ */
+export declare const getHoverColor: (color: string) => string;
+/**
+ * @param color a color
+ * @returns the active color, based on if the color is dark or light
+ */
+export declare const getActiveColor: (color: string) => string;

package/dist/esm/types/utils/index.d.ts

@@ -2,3 +2,4 @@ import useIsMobile from "./isMobile";
 export { transientOptions } from "./transientOptions";
 export { styled } from "./styled";
 export { useIsMobile };
+export { getContrastColor, darkenColor, lightenColor, getHoverColor, getActiveColor } from "./colors";