@groupeactual/design-tokens 1.7.10 → 2.0.0-beta.1

package/dist/es/index.d.ts

@@ -1,68 +1,249 @@
-interface DesignTokens {
-    fontSize: Record<string, string | number>;
-    fontWeights: Record<string, string | number>;
-    lineHeights: Record<string, string | number>;
-    fontFamilies: string[];
-    letterSpacing: Record<string, string | number>;
-    paragraphSpacing: Record<string, string | number>;
-    textCase: Record<string, string | number>;
-    textDecoration: Record<string, string | number>;
-    colors: Record<string, string | Record<string, string>>;
-    spacing: Record<string, string | number>;
-    sizing: Record<string, string | number>;
-}
-type Types = 'FontSize' | 'FontWeights' | 'LineHeights' | 'Colors' | 'Spacing' | 'Sizing' | 'FontFamilies' | 'LetterSpacing' | 'ParagraphSpacing' | 'TextCase' | 'TextDecoration';
-type Theme = 'Default' | 'Ep';
-type MuiTokens = Record<string, any>;
+import { PaletteMode, ThemeOptions } from '@mui/material';
+import { ColorPartial } from '@mui/material/styles/createPalette';
 
-interface useThemeTokensReturnType {
-    tokens: DesignTokens;
+type Theme = 'Interne' | 'Externe';
+interface ThemeValue {
+    value: string;
+    type: string;
 }
-declare const useThemeTokens: (themeName: Theme) => useThemeTokensReturnType;
-
-interface useMaterialThemeTokensReturnType {
-    muiTokens: MuiTokens;
+type DefaultColors = {
+    [key: string]: ThemeValue;
+};
+interface ThemeStructure {
+    'DFLib-Variables/Interne'?: TokenStructure;
+    'DFLib-Variables/Interne/defaultColors'?: CustomColors;
+    'DFLib-Variables/Externe'?: TokenStructure;
+}
+interface PaletteColors {
+    primary: ColorCategory;
+    secondary: ColorCategory;
+    error: ColorCategory;
+    warning: ColorCategory;
+    success: ColorCategory;
+    infos: ColorCategory;
+    text: TextColors;
+    background: Background;
+    border: Border;
+    action: {
+        hoverOpacity: ThemeValue;
+    };
+}
+interface TokenStructure {
+    palette?: PaletteColors;
+    Typography?: TypographyTokens;
+    spacing?: SpacingTokens;
+    radius?: RadiusTokens;
+}
+interface TextDefaultColors {
+    greyDark?: ThemeValue;
+}
+interface BackgroundDefaultColors {
+    white?: ThemeValue;
+    greyXLight?: ThemeValue;
+    greyXDarkBgModal?: ThemeValue;
+    blueHoverEquivalence?: ThemeValue;
+    blueHoverOpacity12?: ThemeValue;
+}
+interface BorderDefaultColors {
+    greyLightDefaultBorder?: ThemeValue;
+}
+interface NotificationDefaultColors {
+    blueInfo?: ThemeValue;
+    greenSuccess?: ThemeValue;
+    orangeWarning?: ThemeValue;
+    redError?: ThemeValue;
+}
+interface SecondaryDefaultColors {
+    blueDark?: ThemeValue;
+    blueMedium?: ThemeValue;
+    blueLight?: ThemeValue;
+    greenDark?: ThemeValue;
+    greenMedium?: ThemeValue;
+    green?: ThemeValue;
+    greenLight?: ThemeValue;
+    brown?: ThemeValue;
+    brownLight?: ThemeValue;
+    orangeLight?: ThemeValue;
+    yellow?: ThemeValue;
+    purpleDark?: ThemeValue;
+    purple?: ThemeValue;
+    pink?: ThemeValue;
+    pinkLight?: ThemeValue;
+}
+interface CustomColors {
+    redActual?: ThemeValue;
+    blueClickable?: ThemeValue;
+    blueHoverClickable?: ThemeValue;
+    blueHoverOpacity12?: ThemeValue;
+    greyMediumInactive?: ThemeValue;
+    greyXDark?: ThemeValue;
+    textColors: TextDefaultColors;
+    backgroundColors: BackgroundDefaultColors;
+    borderColors: BorderDefaultColors;
+    notificationColors: NotificationDefaultColors;
+    secondaryColors: SecondaryDefaultColors;
+}
+interface ColorCategory {
+    main?: ThemeValue;
+    mainChannel?: ThemeValue;
+    light?: ThemeValue;
+    'light 2'?: ThemeValue;
+    'light 3'?: ThemeValue;
+    lightChannel?: ThemeValue;
+    dark?: ThemeValue;
+    'dark 2'?: ThemeValue;
+    'dark 3'?: ThemeValue;
+    darkChannel?: ThemeValue;
+    'secondary contrast text'?: ThemeValue;
+    'primary contrast text'?: ThemeValue;
+}
+interface TextColors {
+    primary: ThemeValue;
+    secondary: ThemeValue;
+    disabled: ThemeValue;
+    dark: ThemeValue;
+}
+interface Background {
+    default: ThemeValue;
+    grey: ThemeValue;
+}
+interface Border {
+    default: ThemeValue;
+    grey: ThemeValue;
+}
+interface TypographyToken {
+    fontFamily: {
+        value: string;
+        type: string;
+    };
+    fontSize: {
+        value: string;
+        type: string;
+    };
+    LineHeight: {
+        value: string;
+        type: string;
+    };
+    fontWeight: {
+        value: string;
+        type: string;
+    };
+}
+interface TypographyTokens {
+    h1: TypographyToken;
+    h2: TypographyToken;
+    h3: TypographyToken;
+    h4: TypographyToken;
+    h5: TypographyToken;
+    h6: TypographyToken;
+    subtitle1: TypographyToken;
+    subtitle2: TypographyToken;
+    body1: TypographyToken;
+    body2: TypographyToken;
+    button: TypographyToken;
+    caption: TypographyToken;
+}
+interface SpacingTokens {
+    xxs: ThemeValue;
+    xs: ThemeValue;
+    sm: ThemeValue;
+    md: ThemeValue;
+    lg: ThemeValue;
+    xl: ThemeValue;
+    xxl: ThemeValue;
+}
+interface RadiusTokens {
+    small: ThemeValue;
+    medium: ThemeValue;
+    large: ThemeValue;
+    xLarge: ThemeValue;
+}
+type PaletteColorOptions = BasicPaletteColorOptions | ColorPartial;
+interface BasicPaletteColorOptions {
+    light?: string;
+    lightChannel?: string;
+    light2?: string;
+    light3?: string;
+    main: string;
+    mainChannel?: string;
+    dark?: string;
+    darkChannel?: string;
+    dark2?: string;
+    dark3?: string;
+    contrastText?: string;
+}
+interface TextPaletteColorOptions {
+    secondary?: string;
+    primary?: string;
+    dark?: string;
+    disabled?: string;
+}
+interface BackgroundPaletteColorOptions {
+    default?: string;
+    paper?: string;
+    grey?: string;
+}
+interface BorderPaletteColorOptions {
+    default?: string;
+    grey?: string;
+}
+interface PaletteDefaultColors {
+    redActual?: string;
+    blueClickable?: string;
+    blueHoverClickable?: string;
+    greyMediumInactive?: string;
+    greyXDark?: string;
+    greyDark?: string;
+    white?: string;
+    greyXLight?: string;
+    greyXDarkBgModal?: string;
+    blueHoverEquivalence?: string;
+    blueHoverOpacity12?: string;
+    greyLightDefaultBorder?: string;
+    blueInfo?: string;
+    greenSuccess?: string;
+    orangeWarning?: string;
+    redError?: string;
+    blueDark?: string;
+    blueMedium?: string;
+    blueLight?: string;
+    greenDark?: string;
+    greenMedium?: string;
+    green?: string;
+    greenLight?: string;
+    brown?: string;
+    brownLight?: string;
+    orangeLight?: string;
+    yellow?: string;
+    purpleDark?: string;
+    purple?: string;
+    pink?: string;
+    pinkLight?: string;
+}
+interface PaletteDS extends PaletteDefaultColors {
+    primary?: BasicPaletteColorOptions;
+    secondary?: BasicPaletteColorOptions;
+    error?: BasicPaletteColorOptions;
+    warning?: BasicPaletteColorOptions;
+    success?: BasicPaletteColorOptions;
+    info?: BasicPaletteColorOptions;
+    text?: TextPaletteColorOptions;
+    border?: BorderPaletteColorOptions;
+}
+interface MuiTokens {
+    palette: any;
+    typography: any;
+}
+type SpacingArgument = number | string;
+interface Spacing {
+    (): string;
+    (_value: SpacingArgument): string;
+    (_topBottom: SpacingArgument, _rightLeft: SpacingArgument): string;
+    (_top: SpacingArgument, _rightLeft: SpacingArgument, _bottom: SpacingArgument): string;
+    (_top: SpacingArgument, _right: SpacingArgument, _bottom: SpacingArgument, _left: SpacingArgument): string;
 }
-declare const useMaterialThemeTokens: (themeName: Theme) => useMaterialThemeTokensReturnType;
-
-declare const AccordionCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const ButtonCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const TooltipCss: () => Record<string, unknown>;
-
-declare const ChipCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const PaginationCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const bannerNotificationCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const AutoCompleteCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const CheckboxCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const CheckboxGroupCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const RadioCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const SelectCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const SnackbarCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const TextFieldCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const LinkCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const BreadcrumbsCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const SwitchCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const DatePickerCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const DatatableCss: (muiTokens: MuiTokens) => Record<string, unknown>;
-
-declare const IconButtonCss: (muiTokens: MuiTokens) => Record<string, unknown>;
 
-declare const MenuItemCss: (muiTokens: MuiTokens) => Record<string, unknown>;
+declare const theme: (themeName: Theme, mode?: PaletteMode) => ThemeOptions;
 
-export { AccordionCss as AccordionStyle, AutoCompleteCss as AutoCompleteStyle, bannerNotificationCss as BannerNotificationStyle, BreadcrumbsCss as BreadcrumbsStyle, ButtonCss as ButtonStyle, CheckboxGroupCss as CheckboxGroupStyle, CheckboxCss as CheckboxStyle, ChipCss as ChipStyle, DatatableCss as DatatableStyle, DatePickerCss as DatePickerStyle, type DesignTokens, IconButtonCss as IconButtonStyle, LinkCss as LinkStyle, MenuItemCss as MenuItemStyle, type MuiTokens, PaginationCss as PaginationStyle, RadioCss as RadioStyle, SelectCss as SelectStyle, SnackbarCss as SnackbarStyle, SwitchCss as SwitchStyle, TextFieldCss as TextFieldStyle, type Theme, TooltipCss as TooltipStyle, type Types, useMaterialThemeTokens, useThemeTokens };
+export { theme };
+export type { Background, BackgroundDefaultColors, BackgroundPaletteColorOptions, BasicPaletteColorOptions, Border, BorderDefaultColors, BorderPaletteColorOptions, ColorCategory, CustomColors, DefaultColors, MuiTokens, NotificationDefaultColors, PaletteColorOptions, PaletteColors, PaletteDS, PaletteDefaultColors, RadiusTokens, SecondaryDefaultColors, Spacing, SpacingArgument, SpacingTokens, TextColors, TextDefaultColors, TextPaletteColorOptions, Theme, ThemeStructure, ThemeValue, TokenStructure, TypographyToken, TypographyTokens };