@digital-ai/dot-components 2.19.0 → 2.20.0

package/{lib → src/lib}/theme-provider/ThemeProvider.d.ts

@@ -1,31 +1,32 @@
-import { ReactNode } from 'react';
-import { Theme } from '@mui/material';
-import { TypographyOptions } from '@mui/material/styles/createTypography';
-import { AvatarPaletteColorOptions, IconPaletteColorOptions, LayerPaletteColorOptions } from './interfaces';
-declare module '@mui/material/styles/createPalette' {
-    interface Palette {
-        layer: LayerPaletteColorOptions;
-        purple?: PaletteColorOptions;
-    }
-    interface PaletteOptions {
-        avatarColors: AvatarPaletteColorOptions;
-        icon: IconPaletteColorOptions;
-        layer: LayerPaletteColorOptions;
-        purple?: PaletteColorOptions;
-    }
-}
-export declare type ThemeOptions = 'light' | 'dark';
-export declare const typographyOptions: TypographyOptions;
-export declare const avatarColors: AvatarPaletteColorOptions;
-export declare const darkTheme: Theme;
-export declare const lightTheme: Theme;
-export interface ThemeProviderProps {
-    children: ReactNode;
-    theme?: Theme | ThemeOptions;
-}
-export declare function DotThemeProvider({ children, theme, }: ThemeProviderProps): JSX.Element;
-declare module '@mui/material/LinearProgress' {
-    interface LinearProgressPropsColorOverrides {
-        purple: true;
-    }
-}
+import { ReactNode } from 'react';
+import { Theme } from '@mui/material';
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import { AvatarPaletteColorOptions, FigmaTheme, IconPaletteColorOptions, LayerPaletteColorOptions } from './interfaces';
+declare module '@mui/material/styles/createPalette' {
+    interface Palette {
+        layer: LayerPaletteColorOptions;
+        purple?: PaletteColorOptions;
+    }
+    interface PaletteOptions {
+        avatarColors: AvatarPaletteColorOptions;
+        figma: FigmaTheme;
+        icon: IconPaletteColorOptions;
+        layer: LayerPaletteColorOptions;
+        purple?: PaletteColorOptions;
+    }
+}
+export type ThemeOptions = 'light' | 'dark';
+export declare const typographyOptions: TypographyOptions;
+export declare const avatarColors: AvatarPaletteColorOptions;
+export declare const darkTheme: Theme;
+export declare const lightTheme: Theme;
+export interface ThemeProviderProps {
+    children: ReactNode;
+    theme?: Theme | ThemeOptions;
+}
+export declare function DotThemeProvider({ children, theme, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+declare module '@mui/material/LinearProgress' {
+    interface LinearProgressPropsColorOverrides {
+        purple: true;
+    }
+}

package/{lib → src/lib}/theme-provider/colors/agility-dark-theme-colors.d.ts

@@ -1,9 +1,9 @@
-export declare const n0 = "#050A0A";
-export declare const n50 = "#14262E";
-export declare const n100 = "#244451";
-export declare const n200 = "#336275";
-export declare const n300 = "#7CB0C5";
-export declare const n400 = "#9FC5D5";
-export declare const n500 = "#E6F0F4";
-export declare const n600 = "#C3DBE4";
-export declare const n700 = "#FFFFFF";
+export declare const n0 = "#050A0A";
+export declare const n50 = "#14262E";
+export declare const n100 = "#244451";
+export declare const n200 = "#336275";
+export declare const n300 = "#7CB0C5";
+export declare const n400 = "#9FC5D5";
+export declare const n500 = "#E6F0F4";
+export declare const n600 = "#C3DBE4";
+export declare const n700 = "#FFFFFF";

package/{lib → src/lib}/theme-provider/colors/agility-light-theme-colors.d.ts

@@ -1,11 +1,11 @@
-export declare const n0 = "#E6F0F4";
-export declare const n50 = "#FFFFFF";
-export declare const n100 = "#C3DBE4";
-export declare const n200 = "#9FC5D5";
-export declare const n300 = "#7CB0C5";
-export declare const n400 = "#589BB6";
-export declare const n500 = "#438098";
-export declare const n600 = "#326174";
-export declare const n700 = "#244451";
-export declare const n800 = "#14262E";
-export declare const n900 = "#000000";
+export declare const n0 = "#E6F0F4";
+export declare const n50 = "#FFFFFF";
+export declare const n100 = "#C3DBE4";
+export declare const n200 = "#9FC5D5";
+export declare const n300 = "#7CB0C5";
+export declare const n400 = "#589BB6";
+export declare const n500 = "#438098";
+export declare const n600 = "#326174";
+export declare const n700 = "#244451";
+export declare const n800 = "#14262E";
+export declare const n900 = "#000000";

package/src/lib/theme-provider/colors/figma-colors.d.ts

@@ -0,0 +1,3 @@
+import { FigmaTheme } from '../interfaces';
+export declare const lightFigmaColors: FigmaTheme;
+export declare const darkFigmaColors: FigmaTheme;

package/{lib → src/lib}/theme-provider/colors/light-theme-colors.d.ts

@@ -1,104 +1,104 @@
-export declare const b50 = "#e8edf3";
-export declare const b100 = "#c5d3e2";
-export declare const b200 = "#9eb6cf";
-export declare const b300 = "#7798bb";
-export declare const b400 = "#5a82ad";
-export declare const b500 = "#3d6c9e";
-export declare const b600 = "#376496";
-export declare const b700 = "#2f598c";
-export declare const b800 = "#274f82";
-export declare const b900 = "#1a3d70";
-export declare const bA100 = "#abcaff";
-export declare const bA200 = "#78aaff";
-export declare const bA400 = "#458aff";
-export declare const bA700 = "#2b7aff";
-export declare const g50 = "#e9f0e0";
-export declare const g100 = "#c8dab3";
-export declare const g200 = "#a4c280";
-export declare const g300 = "#80aa4d";
-export declare const g400 = "#649726";
-export declare const g500 = "#498500";
-export declare const g600 = "#427d00";
-export declare const g700 = "#397200";
-export declare const g800 = "#316800";
-export declare const g900 = "#215500";
-export declare const gA100 = "#aaff87";
-export declare const gA200 = "#86ff54";
-export declare const gA400 = "#61ff21";
-export declare const gA700 = "#4fff08";
-export declare const n0 = "#ffffff";
-export declare const n50 = "#f3f5f6";
-export declare const n100 = "#e3e5e8";
-export declare const n200 = "#c1c6cd";
-export declare const n300 = "#a4acb6";
-export declare const n400 = "#667385";
-export declare const n500 = "#4b5a6f";
-export declare const n600 = "#445267";
-export declare const n700 = "#3b485c";
-export declare const n700_90 = "rgba(59, 72, 92, 0.9)";
-export declare const n800 = "#333f52";
-export declare const n900 = "#232e40";
-export declare const n900_70 = "rgba(35, 46, 64, 0.7)";
-export declare const nA100 = "#88b1ff";
-export declare const nA200 = "#5590ff";
-export declare const nA400 = "#226eff";
-export declare const nA700 = "#085eff";
-export declare const o50 = "#fff3e9";
-export declare const o100 = "#ffe2c8";
-export declare const o200 = "#ffcfa4";
-export declare const o300 = "#ffbb80";
-export declare const o400 = "#ffad64";
-export declare const o500 = "#ff9e49";
-export declare const o600 = "#ff9642";
-export declare const o700 = "#ff8c39";
-export declare const o800 = "#ff8231";
-export declare const o900 = "#f05e1d";
-export declare const oA100 = "#ffffff";
-export declare const oA200 = "#ffffff";
-export declare const oA400 = "#ffe0d0";
-export declare const oA700 = "#ffceb7";
-export declare const r50 = "#fae4e4";
-export declare const r100 = "#f3bcbc";
-export declare const r200 = "#eb8f90";
-export declare const r300 = "#e26264";
-export declare const r400 = "#dc4142";
-export declare const r500 = "#d61f21";
-export declare const r600 = "#d11b1d";
-export declare const r700 = "#cc1718";
-export declare const r800 = "#c61214";
-export declare const r900 = "#bc0a0b";
-export declare const rA100 = "#ffe7e7";
-export declare const rA200 = "#ffb4b5";
-export declare const rA400 = "#ff8182";
-export declare const rA700 = "#ff6869";
-export declare const y50 = "#fdf8e2";
-export declare const y100 = "#faeeb8";
-export declare const y200 = "#f7e288";
-export declare const y300 = "#f3d658";
-export declare const y400 = "#f1ce35";
-export declare const y500 = "#eec511";
-export declare const y600 = "#ecbf0f";
-export declare const y700 = "#e9b80c";
-export declare const y800 = "#e7b00a";
-export declare const y900 = "#e2a305";
-export declare const yA100 = "#ffffff";
-export declare const yA200 = "#fff2d7";
-export declare const yA400 = "#ffe2a4";
-export declare const yA700 = "#ffda8b";
-export declare const p50 = "#f3e4ee";
-export declare const p100 = "#e0bbd4";
-export declare const p200 = "#cc8eb8";
-export declare const p300 = "#b8609c";
-export declare const p400 = "#a83e86";
-export declare const p500 = "#991c71";
-export declare const p600 = "#911969";
-export declare const p700 = "#86145e";
-export declare const p800 = "#7c1154";
-export declare const p900 = "#6b0942";
-export declare const pA100 = "#ff9cd1";
-export declare const pA200 = "#ff69b9";
-export declare const pA400 = "#ff36a2";
-export declare const pA700 = "#ff1d96";
-export declare const selectedGray = "rgba(0, 0, 0, 0.12)";
-export declare const lightSelectedGray = "rgba(0, 0, 0, 0.08)";
-export declare const hoverGray = "rgba(0, 0, 0, 0.04)";
+export declare const b50 = "#e8edf3";
+export declare const b100 = "#c5d3e2";
+export declare const b200 = "#9eb6cf";
+export declare const b300 = "#7798bb";
+export declare const b400 = "#5a82ad";
+export declare const b500 = "#3d6c9e";
+export declare const b600 = "#376496";
+export declare const b700 = "#2f598c";
+export declare const b800 = "#274f82";
+export declare const b900 = "#1a3d70";
+export declare const bA100 = "#abcaff";
+export declare const bA200 = "#78aaff";
+export declare const bA400 = "#458aff";
+export declare const bA700 = "#2b7aff";
+export declare const g50 = "#e9f0e0";
+export declare const g100 = "#c8dab3";
+export declare const g200 = "#a4c280";
+export declare const g300 = "#80aa4d";
+export declare const g400 = "#649726";
+export declare const g500 = "#498500";
+export declare const g600 = "#427d00";
+export declare const g700 = "#397200";
+export declare const g800 = "#316800";
+export declare const g900 = "#215500";
+export declare const gA100 = "#aaff87";
+export declare const gA200 = "#86ff54";
+export declare const gA400 = "#61ff21";
+export declare const gA700 = "#4fff08";
+export declare const n0 = "#ffffff";
+export declare const n50 = "#f3f5f6";
+export declare const n100 = "#e3e5e8";
+export declare const n200 = "#c1c6cd";
+export declare const n300 = "#a4acb6";
+export declare const n400 = "#667385";
+export declare const n500 = "#4b5a6f";
+export declare const n600 = "#445267";
+export declare const n700 = "#3b485c";
+export declare const n700_90 = "rgba(59, 72, 92, 0.9)";
+export declare const n800 = "#333f52";
+export declare const n900 = "#232e40";
+export declare const n900_70 = "rgba(35, 46, 64, 0.7)";
+export declare const nA100 = "#88b1ff";
+export declare const nA200 = "#5590ff";
+export declare const nA400 = "#226eff";
+export declare const nA700 = "#085eff";
+export declare const o50 = "#fff3e9";
+export declare const o100 = "#ffe2c8";
+export declare const o200 = "#ffcfa4";
+export declare const o300 = "#ffbb80";
+export declare const o400 = "#ffad64";
+export declare const o500 = "#ff9e49";
+export declare const o600 = "#ff9642";
+export declare const o700 = "#ff8c39";
+export declare const o800 = "#ff8231";
+export declare const o900 = "#f05e1d";
+export declare const oA100 = "#ffffff";
+export declare const oA200 = "#ffffff";
+export declare const oA400 = "#ffe0d0";
+export declare const oA700 = "#ffceb7";
+export declare const r50 = "#fae4e4";
+export declare const r100 = "#f3bcbc";
+export declare const r200 = "#eb8f90";
+export declare const r300 = "#e26264";
+export declare const r400 = "#dc4142";
+export declare const r500 = "#d61f21";
+export declare const r600 = "#d11b1d";
+export declare const r700 = "#cc1718";
+export declare const r800 = "#c61214";
+export declare const r900 = "#bc0a0b";
+export declare const rA100 = "#ffe7e7";
+export declare const rA200 = "#ffb4b5";
+export declare const rA400 = "#ff8182";
+export declare const rA700 = "#ff6869";
+export declare const y50 = "#fdf8e2";
+export declare const y100 = "#faeeb8";
+export declare const y200 = "#f7e288";
+export declare const y300 = "#f3d658";
+export declare const y400 = "#f1ce35";
+export declare const y500 = "#eec511";
+export declare const y600 = "#ecbf0f";
+export declare const y700 = "#e9b80c";
+export declare const y800 = "#e7b00a";
+export declare const y900 = "#e2a305";
+export declare const yA100 = "#ffffff";
+export declare const yA200 = "#fff2d7";
+export declare const yA400 = "#ffe2a4";
+export declare const yA700 = "#ffda8b";
+export declare const p50 = "#f3e4ee";
+export declare const p100 = "#e0bbd4";
+export declare const p200 = "#cc8eb8";
+export declare const p300 = "#b8609c";
+export declare const p400 = "#a83e86";
+export declare const p500 = "#991c71";
+export declare const p600 = "#911969";
+export declare const p700 = "#86145e";
+export declare const p800 = "#7c1154";
+export declare const p900 = "#6b0942";
+export declare const pA100 = "#ff9cd1";
+export declare const pA200 = "#ff69b9";
+export declare const pA400 = "#ff36a2";
+export declare const pA700 = "#ff1d96";
+export declare const selectedGray = "rgba(0, 0, 0, 0.12)";
+export declare const lightSelectedGray = "rgba(0, 0, 0, 0.08)";
+export declare const hoverGray = "rgba(0, 0, 0, 0.04)";

package/{lib → src/lib}/theme-provider/common/variables.d.ts

@@ -1,6 +1,6 @@
-export declare const levelBottom = -1;
-export declare const levelFirst = 1;
-export declare const levelSecond = 10;
-export declare const levelThird = 100;
-export declare const levelFourth = 1000;
-export declare const levelTop = 9999;
+export declare const levelBottom = -1;
+export declare const levelFirst = 1;
+export declare const levelSecond = 10;
+export declare const levelThird = 100;
+export declare const levelFourth = 1000;
+export declare const levelTop = 9999;

package/src/lib/theme-provider/interfaces.d.ts

@@ -0,0 +1,198 @@
+export interface AvatarPaletteColorOption {
+    backgroundColor: string;
+    color: string;
+}
+export interface AvatarPaletteColorOptions {
+    blue: AvatarPaletteColorOption;
+    darkGrey: AvatarPaletteColorOption;
+    default: AvatarPaletteColorOption;
+    green: AvatarPaletteColorOption;
+    inherit: AvatarPaletteColorOption;
+    lightGrey: AvatarPaletteColorOption;
+    orange: AvatarPaletteColorOption;
+    purple: AvatarPaletteColorOption;
+    red: AvatarPaletteColorOption;
+    transparent: AvatarPaletteColorOption;
+    white: AvatarPaletteColorOption;
+    yellow: AvatarPaletteColorOption;
+}
+export interface BreakpointOptions {
+    values: {
+        lg: number;
+        md: number;
+        sm: number;
+        xl: number;
+        xs: number;
+    };
+}
+export interface FigmaTheme {
+    background: {
+        level0: {
+            bckgGray: string;
+            bckgWhite: string;
+            bckgWhiteBlack: string;
+            componentsBackground: string;
+        };
+        level1: {
+            deep: string;
+            gray: string;
+            white: string;
+        };
+    };
+    border: {
+        avatar: string;
+        darker: string;
+        default: string;
+        defaultButton: string;
+        inputActive: string;
+    };
+    destructive: {
+        active: string;
+        elevated: string;
+        light: string;
+        normal: string;
+        ripple: string;
+        rippleLight: string;
+    };
+    disabled: {
+        normal: string;
+    };
+    graph: {
+        alert: {
+            error: string;
+            success: string;
+            warning: string;
+        };
+        token: {
+            blue: string;
+            darkPurple: string;
+            error: string;
+            neutral: string;
+            orange: string;
+            pink: string;
+            violet: string;
+            yellow: string;
+        };
+    };
+    icon: {
+        black: string;
+        disabled: string;
+        white: string;
+    };
+    illustrations: {
+        bckgBloob: string;
+        bckgColor: string;
+        bckgElements: string;
+        shadows: string;
+    };
+    inProgress: {
+        error: string;
+        light: string;
+        normal: string;
+        purple: string;
+        secondary: string;
+        warning: string;
+    };
+    neutral: {
+        active: string;
+        darkGray: string;
+        darkerGrayFocus: string;
+        elevated: string;
+        light: string;
+        lightGray: string;
+        normal: string;
+        ripple: string;
+    };
+    overlay: {
+        alerts: {
+            custom: {
+                background: string;
+                icon: string;
+            };
+            error: {
+                background: string;
+                icon: string;
+            };
+            info: {
+                background: string;
+                icon: string;
+            };
+            success: {
+                background: string;
+                icon: string;
+            };
+            text: {
+                black: string;
+                white: string;
+            };
+            warning: {
+                background: string;
+                icon: string;
+            };
+        };
+        default: string;
+        table: {
+            highlights: string;
+            hoverRow: string;
+            row: string;
+            text: string;
+        };
+    };
+    primary: {
+        active: string;
+        elevated: string;
+        light: string;
+        normal: string;
+        ripple: string;
+        rippleLight: string;
+    };
+    success: {
+        light: string;
+        normal: string;
+    };
+    toggleTabs: {
+        bckg: string;
+        ripple: string;
+        text: string;
+    };
+    typography: {
+        black: string;
+        disabled: string;
+        gray: string;
+        link: string;
+        white: string;
+    };
+    warning: {
+        light: string;
+        normal: string;
+    };
+}
+export interface AvatarPaletteColorOption {
+    backgroundColor: string;
+    color: string;
+}
+export interface LayerPaletteColorOptions {
+    n0: string;
+    n100: string;
+    n200: string;
+    n300: string;
+    n400: string;
+    n50: string;
+    n500: string;
+    n600: string;
+    n700: string;
+    n800: string;
+    n900: string;
+}
+export interface IconPaletteColorOptions {
+    checkOutline: string;
+    emphasized: string;
+    fileDotted: string;
+    improve: string;
+    improveHover: string;
+    maintain: string;
+    maintainHover: string;
+    rogueCommits: string;
+    unknown: string;
+    unknownHover: string;
+}