@banyan_cloud/roots 2.0.8 → 2.0.9

package/dist/esm/src/components/buttons/baseButton/BaseButton.d.ts

@@ -1,2 +1,4 @@
+import { type RefObject } from 'react';
+import type { BaseButtonProps } from './types';
+declare const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default BaseButton;
-declare const BaseButton: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/esm/src/components/buttons/baseButton/index.d.ts

@@ -1 +1,2 @@
-export { default as BaseButton } from "./BaseButton";
+export { default as BaseButton } from './BaseButton';
+export * from './types';

package/dist/esm/src/components/buttons/baseButton/types/index.d.ts

@@ -0,0 +1,14 @@
+import type { BaseCellProps } from 'components/cell';
+import type { MouseEvent, ReactElement } from 'react';
+type ButtonType = 'button' | 'submit' | 'reset';
+type ButtonVariant = 'contained' | 'outlined' | 'text';
+export interface BaseButtonProps extends BaseCellProps<'button', false> {
+    title: ReactElement | string;
+    disabled?: boolean | undefined;
+    id?: string | undefined;
+    type?: ButtonType;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    blurOnClick?: boolean;
+    variant?: ButtonVariant;
+}
+export {};

package/dist/esm/src/components/buttons/button/Button.d.ts

@@ -1,21 +1,4 @@
+import { type RefObject } from 'react';
+import type { ButtonProps } from './types';
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default Button;
-/**
- * Renders a customized button component wrapped in an ErrorBoundary component.
- *
- * @param {string} className - The CSS class name for the button.
- * @param {string} type - The type attribute for the button element.
- * @param {React.Component} leftComponent - The component to be rendered on the left side of the button.
- * @param {string} title - The text to be displayed as the button's title.
- * @param {React.Component} rightComponent - The component to be rendered on the right side of the button.
- * @param {string} size - The size variant of the button.
- * @param {boolean} flexible - Whether the button should have flexible width.
- * @param {string} radius - The border radius variant of the button.
- * @param {boolean} disabled - Whether the button is disabled.
- * @param {function} onClick - The event handler for the button's click event.
- * @param {boolean} blurOnClick - Whether the button should lose focus after being clicked.
- * @param {string} variant - The variant style of the button.
- * @param {string} color - The color variant of the button.
- * @param {React.Component} custom - A custom component to be rendered instead of the default error boundary fallback.
- * @returns {JSX.Element} - The rendered BaseButton component wrapped in an ErrorBoundary component.
- */
-declare const Button: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/esm/src/components/buttons/button/index.d.ts

@@ -1 +1,2 @@
-export { default as Button } from "./Button";
+export { default as Button } from './Button';
+export * from './types';

package/dist/esm/src/components/buttons/button/types/index.d.ts

@@ -0,0 +1,9 @@
+import type { BaseButtonProps } from 'components/buttons/baseButton/types';
+import type { ComponentType } from 'react';
+type ButtonColors = 'primary' | 'success' | 'danger' | 'warning';
+export interface ButtonProps extends BaseButtonProps {
+    color?: ButtonColors;
+    leftComponent?: ComponentType | undefined;
+    rightComponent?: ComponentType | undefined;
+}
+export {};

package/dist/esm/src/components/buttons/chip/Chip.d.ts

@@ -1,2 +1,4 @@
+import { type RefObject } from 'react';
+import type { ChipProps } from './types';
+declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default Chip;
-declare const Chip: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/esm/src/components/buttons/chip/index.d.ts

@@ -1 +1,2 @@
-export { default as Chip } from "./Chip";
+export { default as Chip } from './Chip';
+export * from './types';

package/dist/esm/src/components/buttons/chip/types/index.d.ts

@@ -0,0 +1,11 @@
+import type { BaseButtonProps } from 'components/buttons/baseButton/types';
+import type { ComponentType } from 'react';
+type ChipColors = 'success' | 'info' | 'warning' | 'danger' | 'default';
+type ChipVariant = 'status' | 'input';
+export interface ChipProps extends BaseButtonProps {
+    color?: ChipColors;
+    vaiant?: ChipVariant;
+    leftComponent?: ComponentType;
+    rightComponent?: ComponentType;
+}
+export {};

package/dist/esm/src/components/buttons/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./baseButton";
-export * from "./button";
-export * from "./chip";
+export * from './baseButton';
+export * from './button';
+export * from './chip';

package/dist/esm/src/components/cell/BaseCell.d.ts

@@ -1,3 +1,28 @@
-export const BaseCell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import { type ReactElement, type RefObject } from 'react';
+/**
+ * BaseCell - A flexible container component for displaying up to three components in a structured layout
+ *
+ * @returns A React component or null
+ *
+ * @example
+ * ```tsx
+ * <BaseCell
+ *   component1={<Icon />}
+ *   component2={<div>hello world!</div>}
+ *   component3={<Button>Action</Button>}
+ * />
+ * ```
+ */
+export declare const BaseCell: import("react").ForwardRefExoticComponent<{
+    className?: string | undefined;
+    size?: "sm" | "md" | "lg" | "auto";
+    flexible?: boolean | undefined;
+    component1?: ReactElement | undefined;
+    component3?: ReactElement | undefined;
+    RootDOM?: "div" | "span" | "button";
+    attrs?: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement> | import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    radius?: "none" | "default" | "round" | "ellipse";
+} & {
+    component2: ReactElement;
+} & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default BaseCell;
-import React from 'react';

package/dist/esm/src/components/cell/index.d.ts

@@ -1,2 +1,2 @@
-export { default as BaseCell } from "./BaseCell";
-export * from "./BaseCell.types";
+export { default as BaseCell } from './BaseCell';
+export * from './types';

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

@@ -0,0 +1,72 @@
+import type { ComponentProps, JSX, ReactElement } from 'react';
+/**
+ * Defines the possible size values for the cell component.
+ * - 'sm': Small size
+ * - 'md': Medium size
+ * - 'lg': Large size
+ * - 'auto': Automatic sizing based on content
+ */
+type ElementSizeTypes = 'sm' | 'md' | 'lg' | 'auto';
+/**
+ * Specifies the allowed root DOM element types for the cell.
+ * - 'div': Standard block-level container
+ * - 'span': Inline container
+ * - 'button': Button element
+ */
+type RootDOMTypes = 'div' | 'span' | 'button';
+/**
+ * Specifies the border radius options for the cell.
+ * - 'none': No border radius
+ * - 'default': Default border radius
+ * - 'round': Fully rounded (pill-shaped)
+ * - 'ellipse': Elliptical border radius
+ */
+type RadiusTypes = 'none' | 'default' | 'round' | 'ellipse';
+/**
+ * Specifies the Component Type to be rendered as it is dynamic.
+ * - 'button': default as button
+ * - 'div': Otherwise as div
+ */
+export type BaseCellComponentType = 'button' | 'div';
+/**
+ * Props for the base cell component.
+ */
+export type BaseCellProps<T extends keyof JSX.IntrinsicElements, TComponent2 extends boolean = true> = {
+    /**
+     * Additional CSS class names to apply to the cell.
+     */
+    className?: string | undefined;
+    /**
+     * Size of the cell. Can be 'sm', 'md', 'lg', or 'auto'.
+     */
+    size?: ElementSizeTypes;
+    /**
+     * If true, the cell will be flexible and expand to fill available space.
+     */
+    flexible?: boolean | undefined;
+    /**
+     * An optional React element to render inside the cell.
+     */
+    component1?: ReactElement | undefined;
+    /**
+     * An optional tertiary React element to render inside the cell.
+     */
+    component3?: ReactElement | undefined;
+    /**
+     * The root DOM element type for the cell. Can be 'div', 'span', or 'button'.
+     */
+    RootDOM?: RootDOMTypes;
+    /**
+     * Additional HTML attributes to apply to the root element.
+     */
+    attrs?: ComponentProps<T>;
+    /**
+     * Border radius style for the cell. Can be 'none', 'default', 'round', or 'ellipse'.
+     */
+    radius?: RadiusTypes;
+} & (TComponent2 extends true ? {
+    component2: ReactElement;
+} : {
+    component2?: ReactElement | undefined;
+});
+export {};

package/dist/esm/src/components/chartsV2/BarChart/BaseVerticalBarChart.d.ts

@@ -1,5 +1,5 @@
 export default BaseBarChart;
-declare function BaseBarChart({ loading, seriesData, title, gridOptions, width, height, barThickness, borderRadius, barColor1, barColor2, xAxisTitle, yAxisTitle, tooltip, legends, chartOptions, chartDatasets, xAxis, yAxis, styles, vertical, stacked, extra, }: {
+declare function BaseBarChart({ loading, seriesData, title, gridOptions, width, height, barThickness, borderRadius, xAxisTitle, yAxisTitle, tooltip, legends, chartOptions, chartDatasets, xAxis, yAxis, styles, vertical, stacked, extra, barColors, }: {
     loading: any;
     seriesData: any;
     title: any;
@@ -8,8 +8,6 @@ declare function BaseBarChart({ loading, seriesData, title, gridOptions, width,
     height?: string | undefined;
     barThickness?: number | undefined;
     borderRadius?: number | undefined;
-    barColor1: any;
-    barColor2: any;
     xAxisTitle: any;
     yAxisTitle: any;
     tooltip: any;
@@ -22,4 +20,5 @@ declare function BaseBarChart({ loading, seriesData, title, gridOptions, width,
     vertical?: boolean | undefined;
     stacked: any;
     extra: any;
+    barColors: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/chartsV2/utils/index.d.ts

@@ -0,0 +1 @@
+export function getColorGradient(ctx: any, gradientString: any): any;

package/dist/esm/src/components/displayPicture/DisplayPicture.d.ts

@@ -1,9 +1,4 @@
-type Size = 'sm' | 'md';
-interface DisplayPictureProps {
-    name: string;
-    className?: string;
-    url: string;
-    size?: Size;
-}
-declare const DisplayPicture: (props: DisplayPictureProps) => React.ReactElement;
+import type { ReactElement } from 'react';
+import type { DisplayPictureProps } from './types';
+declare const DisplayPicture: (props: DisplayPictureProps) => ReactElement;
 export default DisplayPicture;

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

@@ -0,0 +1,8 @@
+type Size = 'sm' | 'md';
+export interface DisplayPictureProps {
+    name: string;
+    className?: string;
+    url: string;
+    size?: Size;
+}
+export {};

package/dist/esm/src/components/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './themedContainer';

package/dist/esm/src/components/helpers/themedContainer/ThemedContainer.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactElement } from 'react';
+type ThemeType = 'light' | 'dark';
+interface ThemedContainerProps {
+    theme?: ThemeType;
+    style?: CSSProperties;
+    className?: string;
+    children: ReactElement;
+}
+declare const ThemedContainer: (props: ThemedContainerProps) => ReactElement;
+export default ThemedContainer;

package/dist/esm/src/components/helpers/themedContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as ThemedContainer } from './ThemedContainer';

package/dist/esm/src/components/link/Link.d.ts

@@ -1,2 +1,4 @@
+import { type RefObject } from 'react';
+import type { LinkProps } from './types';
+declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default Link;
-declare const Link: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;

package/dist/esm/src/components/link/index.d.ts

@@ -1 +1,2 @@
-export { default as Link } from "./Link";
+export { default as Link } from './Link';
+export * from './types';

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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactElement } from 'react';
+import type { TextFontWeight, TextStroke, TextVariant } from '../../text';
+type LinkTraget = '_blank' | '_self' | '_parent' | '_top';
+type LinkUnderline = 'none' | 'hover' | 'always';
+export interface LinkProps {
+    variant: TextVariant;
+    stroke: TextStroke;
+    weight: TextFontWeight;
+    italic: boolean;
+    children: ReactElement;
+    href: string;
+    target: LinkTraget;
+    attrs: HTMLAttributes<HTMLAnchorElement>;
+    className: string;
+    underline: LinkUnderline;
+    onClick: () => void;
+}
+export {};

package/dist/esm/src/components/tabs/Tabs.d.ts

@@ -1,11 +1,4 @@
+import { type ReactElement } from 'react';
+import type { TabsProps } from './types';
+declare const Tabs: (props: TabsProps) => ReactElement;
 export default Tabs;
-declare function Tabs(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Tabs {
-    namespace propTypes {
-        let className: any;
-        let tabs: any;
-        let selectedTab: any;
-        let loading: any;
-        let fallback: any;
-    }
-}

package/dist/esm/src/components/tabs/index.d.ts

@@ -1 +1,2 @@
-export { default as Tabs } from "./Tabs";
+export { default as Tabs } from './Tabs';
+export * from './types';

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

@@ -0,0 +1,28 @@
+import type { ComponentType, ReactElement } from 'react';
+interface TabProps {
+    id: string;
+    title: string;
+    disabled?: boolean;
+    leftIcon?: ComponentType | {
+        Active?: ComponentType;
+        InActive?: ComponentType;
+    };
+    rightIcon?: ComponentType<{
+        className?: string | undefined;
+    }>;
+    dropdown?: boolean;
+    dropdownItems?: {
+        title: string;
+        id: string;
+    }[];
+}
+type TabDirection = 'horizontal' | 'vertical';
+export interface TabsProps {
+    tabs: TabProps[];
+    className?: string;
+    selectedTab: string;
+    setSelectedTab: (id: string) => void;
+    direction: TabDirection;
+    children?: ReactElement;
+}
+export {};

package/dist/esm/src/components/text/Text.d.ts

@@ -1,18 +1,4 @@
-import { type HTMLAttributes } from 'react';
-type Variant = 'h1' | 'h2' | 'b1' | 'b2' | 'b3';
-type ComponentType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'a';
-type Stroke = 'regular' | 'medium' | 'semibold' | 'bold';
-type FontWeight = 100 | 200 | 300 | 400 | 500 | 600;
-interface TextProps {
-    variant?: Variant;
-    component?: ComponentType;
-    stroke?: Stroke;
-    weight?: FontWeight;
-    italic?: boolean;
-    underline?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    attrs?: HTMLAttributes<HTMLElement>;
-}
-declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLElement>>;
+import { type RefObject } from 'react';
+import type { TextComponentType, TextProps } from './types';
+declare const Text: import("react").ForwardRefExoticComponent<TextProps<TextComponentType> & import("react").RefAttributes<RefObject<HTMLElement>>>;
 export default Text;

package/dist/esm/src/components/text/index.d.ts

@@ -1 +1,2 @@
 export { default as Text } from './Text';
+export * from './types';

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

@@ -0,0 +1,16 @@
+import type { ComponentProps, JSX, ReactNode } from 'react';
+export type TextVariant = 'h1' | 'h2' | 'b1' | 'b2' | 'b3';
+export type TextStroke = 'regular' | 'medium' | 'semibold' | 'bold';
+export type TextFontWeight = 100 | 200 | 300 | 400 | 500 | 600;
+export type TextComponentType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'a';
+export interface TextProps<T extends keyof JSX.IntrinsicElements> {
+    variant?: TextVariant;
+    component?: TextComponentType;
+    stroke?: TextStroke;
+    weight?: TextFontWeight;
+    italic?: boolean;
+    underline?: boolean;
+    children?: ReactNode;
+    className?: string;
+    attrs?: ComponentProps<T>;
+}

package/dist/esm/src/components/tooltip/Tooltip.d.ts

@@ -1,3 +1,20 @@
-export default Tooltip;
-declare const Tooltip: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+import type { TooltipProps } from './types';
+/**
+ * Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
+ *
+ * @returns A React component
+ *
+ * @example
+ * ```tsx
+ * <Tooltip
+ *   position='top'
+ *   showPointer={false}
+ *   content="Hello"
+ * >
+ *   <div>Some Element</div>
+ * </Tooltip>
+ * ```
+ */
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<React.RefObject<HTMLElement>>>;
+export default Tooltip;

package/dist/esm/src/components/tooltip/index.d.ts

@@ -1 +1,2 @@
-export { default as Tooltip } from "./Tooltip";
+export { default as Tooltip } from './Tooltip';
+export * from './types';

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

@@ -0,0 +1,53 @@
+/**
+ * Type definitions for Tooltip component and related types.
+ * Provides typings for tooltip position, variant, and props.
+ */
+import type { ReactElement, ReactNode, Ref } from 'react';
+/**
+ * A ReactElement that optionally includes a ref of type T.
+ * Useful for components that need to forward refs.
+ *
+ * @template T - The type of the ref instance.
+ */
+export type ReactElementWithRef<T = unknown> = ReactElement & {
+    ref?: Ref<T> | null;
+};
+/**
+ * Possible positions for the Tooltip relative to its target element.
+ */
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Visual style variants for the Tooltip.
+ * @internal
+ */
+type TooltipVariant = 'light' | 'dark';
+/**
+ * Props for the Tooltip component.
+ */
+export interface TooltipProps {
+    /**
+     * The target element that the tooltip is attached to.
+     */
+    children: ReactElement;
+    /**
+     * Position of the tooltip relative to the target element. Can be "top", "bottom", "left", or "right".
+     */
+    position?: TooltipPosition;
+    /**
+     * Content to display inside the tooltip.
+     */
+    content: ReactNode;
+    /**
+     * Visual style variant of the tooltip. Can be "light" or "dark".
+     */
+    variant?: TooltipVariant;
+    /**
+     * Additional CSS class names to apply to the tooltip.
+     */
+    className?: string;
+    /**
+     * Whether to show a pointer (arrow) on the tooltip.
+     */
+    showPointer?: boolean;
+}
+export {};

package/dist/esm/src/hooks/index.d.ts

@@ -1,2 +1,2 @@
-export { default as useOutsideClickListener } from "./useOutsideClickListener";
-export { default as useResize } from "./useResize";
+export { default as useOutsideClickListener } from './useOutsideClickListener';
+export { default as useResize } from './useResize';

package/dist/esm/src/hooks/useOutsideClickListener.d.ts

@@ -1,2 +1,3 @@
+import { type RefObject } from 'react';
+declare const useOutsideClickListener: (ref: RefObject<HTMLElement>, callback: () => void) => void;
 export default useOutsideClickListener;
-declare function useOutsideClickListener(ref: any, callback: any): void;

package/dist/esm/src/hooks/useResize.d.ts

@@ -1,2 +1,13 @@
+import { type RefObject } from 'react';
+interface Style {
+    minWidth?: number;
+    maxWidth?: number;
+    borderSize?: number;
+}
+interface ResizeHookProps {
+    ref: RefObject<HTMLElement>;
+    styles?: Style;
+    enabled?: boolean;
+}
+declare const useResize: (props: ResizeHookProps) => void;
 export default useResize;
-declare function useResize(props: any): void;

package/dist/esm/src/styles/index.d.ts

@@ -1 +1,3 @@
-export const COLORS: {};
+type ColorsType = Record<string, string>;
+declare const COLORS: ColorsType;
+export { COLORS };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@banyan_cloud/roots",
-	"version": "2.0.8",
+	"version": "2.0.9",
 	"description": "Design System Library which drives the Banyan Cloud products",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
@@ -80,6 +80,7 @@
 		"eslint": "^8.2.0",
 		"eslint-config-airbnb": "19.0.4",
 		"eslint-config-prettier": "^10.1.5",
+		"eslint-import-resolver-typescript": "^4.4.2",
 		"eslint-plugin-import": "^2.31.0",
 		"eslint-plugin-jsx-a11y": "^6.10.2",
 		"eslint-plugin-prettier": "^5.4.0",

package/src/styles/index.ts

@@ -0,0 +1,17 @@
+import { getCSSVariableValue } from '../utils';
+import CSS_COLORS from './_colors.exports.module.scss';
+
+type CssColorsType = Record<string, string>;
+
+type ColorsType = Record<string, string>;
+
+const COLORS: ColorsType = Object.keys(CSS_COLORS).reduce<ColorsType>((acc, curr) => {
+	if (curr.includes('theme')) {
+		acc[curr] = (CSS_COLORS as CssColorsType)[curr] ?? '';
+		return acc;
+	}
+	acc[curr] = getCSSVariableValue((CSS_COLORS as CssColorsType)[curr]);
+	return acc;
+}, {});
+
+export { COLORS };

package/dist/esm/src/components/cell/BaseCell.types.d.ts

@@ -1,31 +0,0 @@
-export namespace propTypes {
-    let className: any;
-    let component1: any;
-    let component2: any;
-    let component3: any;
-    let size: any;
-    let flexible: any;
-    let radius: any;
-    let RootDOM: any;
-    let attrs: any;
-}
-export namespace defaultProps {
-    let className_1: string;
-    export { className_1 as className };
-    let component1_1: null;
-    export { component1_1 as component1 };
-    let component2_1: null;
-    export { component2_1 as component2 };
-    let component3_1: null;
-    export { component3_1 as component3 };
-    let size_1: string;
-    export { size_1 as size };
-    let flexible_1: boolean;
-    export { flexible_1 as flexible };
-    let radius_1: string;
-    export { radius_1 as radius };
-    let RootDOM_1: string;
-    export { RootDOM_1 as RootDOM };
-    let attrs_1: {};
-    export { attrs_1 as attrs };
-}

package/dist/esm/src/components/tabs/Skeleton/Tabs.skeleton.d.ts

@@ -1,5 +0,0 @@
-export default ChartSkeleton;
-declare function ChartSkeleton({ theme, fallback }: {
-    theme: any;
-    fallback: any;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/tabs/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { default as Skeleton } from "./Tabs.skeleton";

package/src/styles/index.js

@@ -1,13 +0,0 @@
-import { getCSSVariableValue } from '../utils';
-import CSS_COLORS from './_colors.exports.module.scss';
-
-const COLORS = Object.keys(CSS_COLORS).reduce((acc, curr) => {
-	if (curr?.includes('theme')) {
-		acc[curr] = CSS_COLORS[curr];
-		return acc;
-	}
-	acc[curr] = getCSSVariableValue(CSS_COLORS[curr]);
-	return acc;
-}, {});
-
-export { COLORS };