jamespot-react-components 1.3.63 → 1.3.65

package/dist/src/components/Common/Outline.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 export type OutlineProps = {
     offset?: string;
     color?: Colors;

package/dist/src/components/Form/Common/FormHelper.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { JRCTooltipProps } from '../../JRCTooltip/types';
 /**
  * interface HelperProps props of the Form Helper Icon

package/dist/src/components/Form/Input/JRCInputText/JRCInputText.style.d.ts

@@ -8,13 +8,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../../../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../../../..').Colors;
-    bgHover?: import('../../../..').Colors;
-    borderColor?: import('../../../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -30,13 +30,13 @@ export declare const IconAfter: import('node_modules/styled-components/dist/type
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../../../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../../../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../../../..').Colors;
-    bgHover?: import('../../../..').Colors;
-    borderColor?: import('../../../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;

package/dist/src/components/Form/Input/JRCInputTextRaw/JRCInputTextRaw.style.d.ts

@@ -7,11 +7,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
     className?: string;
     weight?: keyof import('../../../../styles/theme').FontWeight;
     size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../../../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../../../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
@@ -20,11 +20,11 @@ export declare const Required: import('node_modules/styled-components/dist/types
     className?: string;
     weight?: keyof import('../../../../styles/theme').FontWeight;
     size?: import('../../../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../../../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../../../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../../../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];

package/dist/src/components/Form/Input/JRCInputTinyMCERaw/extensions/JTinyMCEExtensions.d.ts

@@ -1,13 +1,8 @@
-export declare const JTinyMCEExtensionsBuilders: {
-    readonly jia: import('../types').TinyMCEExtensionBuilder<[{
-        summarize: (text: string) => Promise<string>;
-        develop: (text: string) => Promise<string>;
-        tldr: (text: string) => Promise<string>;
-        en: (text: string) => Promise<string>;
-        es: (text: string) => Promise<string>;
-        formal: (text: string) => Promise<string>;
-        funny: (text: string) => Promise<string>;
-    }, import('react-intl').IntlShape]>;
-    readonly markdown: import('../types').TinyMCEExtensionBuilder<[(editor: import('tinymce').Editor) => void, import('react-intl').IntlShape]>;
-    readonly gifs: import('../types').TinyMCEExtensionBuilder<[(editor: import('tinymce').Editor) => void, () => void]>;
+import { TinyMCEExtensionBuilder } from '../types';
+type TinyMCEExtensionBuilders = {
+    jia: TinyMCEExtensionBuilder<any[]>;
+    markdown: TinyMCEExtensionBuilder<any[]>;
+    gifs: TinyMCEExtensionBuilder<any[]>;
 };
+export declare const JTinyMCEExtensionsBuilders: TinyMCEExtensionBuilders;
+export {};

package/dist/src/components/Form/Input/JRCSelect/JRCInputSelect.types.d.ts

@@ -1,7 +1,7 @@
 import { AutocompleteLittle, JGroupApi, JUserApi } from 'jamespot-user-api';
 import { ComponentType, RefObject } from 'react';
 import { ControllerRenderProps, FieldValues } from 'react-hook-form';
-import { Colors } from '../../../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { DataCy } from '../../../../types/dataAttributes';
 import { PartialBy } from '../../../../types/utils';
 import { FoldersHandlers } from '../../../JRCFolders/types';

package/dist/src/components/JRCAlert/JRCAlert.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { MessageType } from '../../utils/utils.color';
+import { MessageType } from 'jamespot-front-business';
 import { JRCButtonProps } from '../JRCButton/JRCButton';
 export interface JRCAlertProps extends ComponentPropsWithoutRef<'div'> {
     /** Alert title */

package/dist/src/components/JRCAppLeftColumn/JRCAppLeftColumn.styles.d.ts

@@ -28,13 +28,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors;
-    bgHover?: import('../..').Colors;
-    borderColor?: import('../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -50,13 +50,13 @@ export declare const JRCIconButtonAppLeftColumn: import('node_modules/styled-com
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors;
-    bgHover?: import('../..').Colors;
-    borderColor?: import('../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;

package/dist/src/components/JRCButton/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { DataCy } from '../../types/dataAttributes';
 import { OutlineProps } from '../Common/Outline';
 export type ButtonType = {

package/dist/src/components/JRCButtonDownload/JRCButtonDownload.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { JRCButtonProps } from '../JRCButton/JRCButton';
 /**
  * Interface to provide JRCButtonDownloadProps props

package/dist/src/components/JRCCalendar/useResponseStatus.d.ts

@@ -1,5 +1,5 @@
 import { UserResponseStatus } from 'jamespot-user-api';
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 export declare const useResponseStatus: () => {
     getStatusColor: (status: UserResponseStatus | null) => Colors;
     getStatusLabel: (status: UserResponseStatus | null) => string;

package/dist/src/components/JRCCard/JRCCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { MessageType } from '../../utils/utils.color';
+import { MessageType } from 'jamespot-front-business';
 declare const PADDING: {
     mini: string;
     small: string;

package/dist/src/components/JRCDragNDrop/OneLevelStyles.d.ts

@@ -14,11 +14,11 @@ export declare const OneLevelMainTitle: import('node_modules/styled-components/d
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
@@ -33,11 +33,11 @@ export declare const OneLevelStackTitle: import('node_modules/styled-components/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];

package/dist/src/components/JRCDragNDrop/styles.d.ts

@@ -10,11 +10,11 @@ export declare const SectionsTitle: import('node_modules/styled-components/dist/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];
@@ -49,13 +49,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors;
-    bgHover?: import('../..').Colors;
-    borderColor?: import('../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -71,13 +71,13 @@ export declare const RemoveButton: import('node_modules/styled-components/dist/t
     disabled?: boolean;
     type?: "submit" | "reset" | "button";
     bgBaseGrey?: 0 | 1 | 2;
-    color?: import('../..').Colors | "inherit";
+    color?: import('jamespot-front-business').Colors | "inherit";
     tooltip?: Omit<import('../..').JRCTooltipProps, "children">;
     variant?: "circle" | "square";
     hasLicense?: boolean;
-    bg?: import('../..').Colors;
-    bgHover?: import('../..').Colors;
-    borderColor?: import('../..').Colors;
+    bg?: import('jamespot-front-business').Colors;
+    bgHover?: import('jamespot-front-business').Colors;
+    borderColor?: import('jamespot-front-business').Colors;
     iconSize?: number;
     badgeNumber?: number;
     colorVariant?: string;
@@ -98,11 +98,11 @@ export declare const OneLevelTitle: import('node_modules/styled-components/dist/
     className?: string;
     weight?: keyof import('../../styles/theme').FontWeight;
     size?: import('../JRCTypography/JRCTypography.d').TSizes;
-    color?: import('../..').Colors;
+    color?: import('jamespot-front-business').Colors;
     children: string | import('react').ReactNode;
     variant?: import('../JRCTypography/JRCTypography.d').TVariants;
     align?: "center" | "left" | "right";
-    hoverColor?: import('../..').Colors;
+    hoverColor?: import('jamespot-front-business').Colors;
     ellipsis?: boolean;
     maxWidth?: string | number;
     whiteSpace?: import('react').CSSProperties["whiteSpace"];

package/dist/src/components/JRCDropDown/JRCDropDown.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 export type JRCDropDownProps = {
     trigger: ReactElement | ((props: {
         role: 'button';

package/dist/src/components/JRCIconButton/JRCIconButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, MouseEvent } from 'react';
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { DataCy } from '../../types/dataAttributes';
 import { JRCTooltipProps } from '../JRCTooltip/types';
 declare const colorVariants: Record<string, {

package/dist/src/components/JRCLoader/JRCLoader.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 /**
  * Props type for JRCLoader
  * @member color string based on theme.tsx colors

package/dist/src/components/JRCProgressBar/JRCProgressBar.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 type JRCProgressBarProps = {
     value: number;
     total: number;

package/dist/src/components/JRCQRCode/JRCQRCode.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 export type JRCQRCodeProps = {
     value: string;
     color?: Colors;

package/dist/src/components/JRCStyledHref/JRCStyledHref.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { DataCy } from '../../types/dataAttributes';
 import { ButtonColors, ButtonSizes, ButtonType } from '../JRCButton/types';
 /**

package/dist/src/components/JRCTypography/JRCTypography.d.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { Colors, FontWeight } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
+import { FontWeight } from '../../styles/theme';
 import { FastCssProps } from '../Common/FastCss';
 export type TSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type TVariants = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';

package/dist/src/components/Templates/template.styles.d.ts

@@ -1,4 +1,4 @@
-import { Colors } from '../../styles/theme';
+import { Colors } from 'jamespot-front-business';
 import { FlexDirection } from '../JRCFlex/JRCFlexBox';
 import { Closing, ColumnPosition, LayoutMode, Open } from './template.type';
 export declare const BasicAutoMarginWrapper: import('node_modules/styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/Templates/template.type.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, RefObject } from 'react';
+import { Colors } from 'jamespot-front-business';
 import { FlexDirection } from '../JRCFlex/JRCFlexBox';
-import { Colors } from '../../styles/theme';
 export type LayoutMode = 'fluid' | 'center' | 'centerTop' | 'full';
 export type ColumnPosition = 'left' | 'right';
 export type JRCBasicAutoMarginContainerProps = {

package/dist/src/styles/theme.d.ts

@@ -1,46 +1,10 @@
 import { DefaultTheme } from 'styled-components';
+import { ThemeConfigColorType, ThemeConfigOptions } from 'jamespot-front-business';
 interface ITheme {
     config: DefaultTheme | undefined;
     get: () => DefaultTheme;
     initTheme: (options?: ThemeConfigOptions) => DefaultTheme;
 }
-export type ThemeConfigOptions = {
-    fontFamily?: string;
-    linkColor: string;
-    buttonColor: string;
-    headerColor?: string;
-    headerTextColor: string;
-    headerUserBackground: string;
-    headerUserTextColor: string;
-    headerSearchBarTextColor: string;
-    headerSearchBarBackgroundColor?: string;
-    navBackground: string;
-    navTextColor: string;
-    bgColorNotLogged: string;
-    forest: string;
-};
-export type ColorPalette = {
-    light: string;
-    medium: string;
-    base: string;
-    strong: string;
-    dark: string;
-};
-type PaletteVariants = Capitalize<keyof Omit<ColorPalette, 'base'>>;
-export type GeneratedPaletteKeys<T extends string> = `${T}${PaletteVariants}`;
-export declare const paletteColorsPrimary: readonly ["primary", "secondary", "green", "red"];
-type PaletteColorsPrimaryKey = (typeof paletteColorsPrimary)[number];
-type PaletteColorsPrimaryKeys = `${PaletteColorsPrimaryKey}${PaletteVariants}` | `${PaletteColorsPrimaryKey}`;
-export declare const paletteColorsSecondary: readonly ["lavender", "navy", "overseas", "night1", "night2", "sky", "sand", "yellow"];
-export type PaletteColorsSecondaryKey = (typeof paletteColorsSecondary)[number];
-type PaletteColorsSecondaryKeys = `${PaletteColorsSecondaryKey}${PaletteVariants}` | `${PaletteColorsSecondaryKey}`;
-export declare const paletteColorsGreys: readonly ["grey0", "grey1", "grey2", "grey3", "grey4", "grey5", "grey6"];
-export declare const paletteColorsUtils: readonly ["black", "black10", "black15", "black20", "white", "transparent", "transparentHexa"];
-export declare const paletteColorsPlatform: readonly ["headerColor", "headerTextColor", "headerUserBackground", "headerUserTextColor", "headerSearchBarTextColor", "headerSearchBarBackgroundColor", "navBackground", "navTextColor"];
-export type Colors = PaletteColorsPrimaryKeys | PaletteColorsSecondaryKeys | (typeof paletteColorsGreys)[number] | (typeof paletteColorsUtils)[number] | (typeof paletteColorsPlatform)[number];
-type ThemeConfigColorType = {
-    [color in Colors]: string;
-};
 export type FontWeight = {
     light: number;
     normal: number;
@@ -90,6 +54,5 @@ export type ThemeType = {
     };
 };
 export declare function getColor(theme: ThemeType, color: string): string;
-export declare const defaultColors: ThemeConfigOptions;
 declare const Theme: ITheme;
 export default Theme;

package/dist/src/types.d.ts

@@ -82,8 +82,8 @@ export type { JRCTypographyProps } from './components/JRCTypography/JRCTypograph
 export type { JRCTemplateBaseProps } from './components/Templates/JRCBase.template';
 export type { JRCTemplateTwoColumnsProps } from './components/Templates/JRCTwoColumns.template';
 export type { JRCAppColumnProps, JRCAppTabsProps, JRCColumnProps, JRCContainerProps, JRCMainColumnProps, JRCTabEntry, LayoutMode, TabEventProps, } from './components/Templates/template.type';
+export type { ThemeType } from './styles/theme';
 export type { JRCWidgetCheckListEntries } from './components/Widgets/JRCWidgetCheckList/JRCWidgetCheckList';
-export type { Colors, ThemeConfigOptions, ThemeType } from './styles/theme';
-export type { MessageType } from './utils/utils.color';
+export type { MessageType } from 'jamespot-front-business';
 export type { OneLevelMainItemComponentProps, OneLevelStackItemComponentProps, OneLevelEmptyStateComponentProps, JRCDndOneLevelWithStackProps, } from './components/JRCDragNDrop/types';
 export { OneLevelItemTypes } from './components/JRCDragNDrop/types';

package/dist/src/utils/index.d.ts

@@ -1,5 +1,4 @@
 import * as array from './utils.array';
-import * as color from './utils.color';
 import * as date from './utils.date';
 import * as document from './utils.document';
 import * as file from './utils.files';
@@ -13,7 +12,6 @@ import * as string from './utils.string';
 import * as time from './utils.time';
 export declare const Utils: {
     array: typeof array;
-    color: typeof color;
     date: typeof date;
     document: typeof document;
     file: typeof file;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "jamespot-react-components",
-  "version": "1.3.63",
+  "version": "1.3.65",
   "description": "",
-  "main": "dist/jamespot-react-components.js",
-  "module": "dist/jamespot-react-components.mjs",
+  "main": "dist/jamespot-react-components.cjs",
+  "module": "dist/jamespot-react-components.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "nyc": {
@@ -16,6 +16,7 @@
     "@tanstack/react-table": "^8.21.3",
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
+    "jamespot-front-business": "*",
     "jamespot-user-api": "*",
     "react": "^19.2.3",
     "react-dnd": "^14.0.5",
@@ -78,7 +79,8 @@
     "globals": "^16.5.0",
     "html2canvas": "^1.4.1",
     "husky": "^9.1.7",
-    "jamespot-user-api": "^1.3.64",
+    "jamespot-front-business": "^1.3.66",
+    "jamespot-user-api": "^1.3.66",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "knip": "^5.82.1",

package/dist/src/utils/utils.color.d.ts

@@ -1,96 +0,0 @@
-import { ColorPalette, GeneratedPaletteKeys } from '../styles/theme';
-type ColorTransparencyPercent = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-export declare function colorTransparency(color: string, percent: ColorTransparencyPercent): string;
-export declare const colorimetry: {
-    isValid: typeof isValidHexColor;
-    rgb: (r: number, g: number, b: number) => {
-        toHex: () => {
-            string: () => string;
-        };
-        toHsb: () => {
-            values: () => number[];
-            hue: () => number;
-            staturation: () => number;
-            brightness: () => number;
-        };
-    };
-    hsl: (hue: number, saturation: number, lightness: number) => {
-        toHex: () => {
-            values: () => string[];
-            string: () => string;
-        };
-    };
-    hsb: (hue: number, saturation: number, brightness: number) => {
-        toRgb: () => {
-            values: () => number[];
-            red: () => number;
-            green: () => number;
-            blue: () => number;
-        };
-    };
-    hex: (hex: string) => {
-        toRgbaColor: (opacity: number) => string;
-        toRgbColor: () => string;
-        toRgb: () => {
-            values: () => {
-                r: number;
-                g: number;
-                b: number;
-            };
-            red: () => number;
-            green: () => number;
-            blue: () => number;
-        };
-        toHsl: () => {
-            values: () => number[];
-            hue: () => number;
-            saturation: () => number;
-            luminance: () => number;
-            string: () => string;
-        };
-    };
-};
-export declare const getContrast50: (hexcolor: string) => "black" | "white";
-export declare const getContrastYIQ: (hexcolor: string) => "black" | "white";
-export declare function isValidHexColor(color: string): boolean;
-export declare const hexToRgb: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-};
-/**
- * @param hexColor a color in the format #XXX or #XXXXXX
- * @param adjustPercent a number between -1 and 1, <0 for darkening, >0 for lightening
- * @returns a string of the form #XXXXXX representing the modified color. Returns undefined if parameters are invalid.
- */
-export declare const modifyColorBrightness: (hexColor: string, adjustPercent: number) => string | undefined;
-export declare const HSBToRGB: (hue: number, saturation: number, brightness: number) => number[];
-export declare const RGBToHSB: (r: number, g: number, b: number) => number[];
-export declare const hexToHSL: (H: any) => number[];
-export declare function hlsToHex(h: number, s: number, l: number): string[];
-export declare const colorContrast: (color: string) => string;
-export declare const brightness: (color: string) => number;
-export declare const rgbToHex: (r: number, g: number, b: number) => string;
-/**
- * Darkens the color following a linear distorsion
- * @param hex Color in hexadecimal format, beginning with the # character
- * @param darkPercentage dark percentage (bewteen 0 and 1, 0 beeing the same color, 1 beeing black)
- * @returns hexadecimal color
- */
-export declare const getDarkShade: (hex: string, darkPercentage: number) => string;
-/**
- * Lightens the color following a linear distorsion
- * @param hex Color in hexadecimal format, beginning with the # character
- * @param lightPercentage light percentage (bewteen 0 and 1, 0 beeing the same color, 1 beeing white)
- * @returns hexadecimal color
- */
-export declare const getLightShade: (hex: string, lightPercentage: number) => string;
-export type MessageType = 'success' | 'error' | 'warning';
-export declare const MessageColor: {
-    readonly success: "green";
-    readonly error: "red";
-    readonly warning: "yellow";
-};
-export declare const getColorPalette: (color: string) => ColorPalette;
-export declare const buildPaletteObject: <T extends string>(key: T, hex: string) => Record<GeneratedPaletteKeys<T> | T, string>;
-export {};