@alveole/theme 0.4.0

package/dist/constants/Palette.d.ts

@@ -0,0 +1,187 @@
+export declare const CustomPalette: {
+    readonly primary: "#D9127C";
+    readonly transparent: "transparent";
+    readonly danger: "#C62416";
+    readonly info: "#1070CA";
+    readonly success: "#1C7F54";
+    readonly warning: "#BA461C";
+    readonly link: "#076D8A";
+    readonly text: {
+        readonly 'default-grey': "#373A3F";
+        readonly 'title-grey': "#151617";
+        readonly mention: "#5F6571";
+        readonly 'disabled-grey': "#8D97AC";
+        readonly 'action-high-blue-captive': "#012448";
+        readonly 'title-blue-captive': "#012448";
+        readonly 'label-grey': "#151617";
+        readonly 'inverted-blue-captive': "#FFFFFF";
+        readonly 'default-success': "#1B7440";
+        readonly 'default-error': "#C62416";
+        readonly 'default-info': "#31B5DA";
+        readonly 'action-high-grey': "#151617";
+        readonly inverse: {
+            readonly base: "#FFFFFF";
+            readonly title: "#FFFFFF";
+            readonly muted: "#8D97AC";
+            readonly accent: "#E4F40E";
+        };
+        readonly badge: {
+            readonly info: "#0E6398";
+            readonly success: "#166645";
+            readonly default: "#323439";
+            readonly warning: "#BA461C";
+            readonly error: "#C62416";
+            readonly new: "#7F4214";
+        };
+        readonly button: {
+            readonly primary: {
+                readonly default: "#FFFFFF";
+                readonly hover: "#FFFFFF";
+                readonly disabled: "#8D97AC";
+            };
+            readonly secondary: {
+                readonly default: "#151617";
+                readonly hover: "#151617";
+                readonly disabled: "#8D97AC";
+            };
+            readonly tertiary: {
+                readonly default: "#373A3F";
+                readonly hover: "#373A3F";
+                readonly disabled: "#8D97AC";
+            };
+            readonly danger: {
+                readonly default: "#AF051A";
+                readonly hover: "#FFFFFF";
+                readonly disabled: "#8D97AC";
+            };
+        };
+        readonly tag: {
+            readonly default: "#2D3339";
+        };
+        readonly link: {
+            readonly default: "#076D8A";
+            readonly hover: "#076D8A";
+        };
+        readonly nav: {
+            readonly link: {
+                readonly default: "#5F6571";
+                readonly current: "#151617";
+            };
+        };
+    };
+    readonly border: {
+        readonly base: "#8D97AC";
+        readonly 'default-grey': "#DEE3EC";
+        readonly action: "#012448";
+        readonly 'disabled-grey': "#E6EAF1";
+        readonly 'plain-grey': "#373A3F";
+        readonly 'plain-success': "#1B7440";
+        readonly 'plain-error': "#C62416";
+        readonly 'default-bleu-captive': "#0379EF";
+        readonly 'contrast-grey': "#DEE3EC";
+        readonly button: {
+            readonly secondary: {
+                readonly default: "#373A3F";
+                readonly hover: "#373A3F";
+                readonly disabled: "#DEE3EC";
+            };
+            readonly danger: {
+                readonly default: "#8197AA";
+                readonly hover: "#AF051A";
+                readonly disabled: "#C5D6DC";
+            };
+        };
+        readonly alert: {
+            readonly info: "#1070CA";
+            readonly success: "#1C7F54";
+            readonly warning: "#BA461C";
+            readonly error: "#C62416";
+            readonly link: "#076D8A";
+        };
+        readonly link: {
+            readonly default: "#076D8A";
+        };
+        readonly quote: {
+            readonly default: "#DEE3EC";
+        };
+        readonly nav: {
+            readonly link: {
+                readonly active: "#D2E8FE";
+            };
+        };
+    };
+    readonly background: {
+        readonly default: "#FFFFFF";
+        readonly 'default-active': "#EFF1F6";
+        readonly 'alt-grey': "#F4F6FA";
+        readonly inverse: "#012448";
+        readonly action: "#012448";
+        readonly 'disabled-grey': "#E6EAF1";
+        readonly 'default-hover': "#F4F6FA";
+        readonly 'open-bleu-captive': "#D2E8FE";
+        readonly 'contrast-grey': "#E6EAF1";
+        readonly 'alt-bleu-captive': "#F2F9FF";
+        readonly 'action-low-bleu-captive': "#D2E8FE";
+        readonly 'default-success': "#87FCB8";
+        readonly alert: {
+            readonly info: "#1070CA";
+            readonly success: "#1C7F54";
+            readonly warning: "#BA461C";
+            readonly error: "#C62416";
+        };
+        readonly button: {
+            readonly primary: {
+                readonly default: "#D9127C";
+                readonly hover: "#BC0A6F";
+                readonly disabled: "#E6EBF3";
+            };
+            readonly secondary: {
+                readonly default: "transparent";
+                readonly hover: "#F4F6FA";
+                readonly disabled: "transparent";
+            };
+            readonly tertiary: {
+                readonly default: "transparent";
+                readonly hover: "#F4F6FA";
+                readonly disabled: "transparent";
+            };
+            readonly danger: {
+                readonly default: "transparent";
+                readonly hover: "#C62416";
+                readonly disabled: "transparent";
+            };
+        };
+        readonly tag: {
+            readonly default: "#EBF2F4";
+        };
+        readonly badge: {
+            readonly info: "#D6F3FD";
+            readonly success: "#D7F4E1";
+            readonly warning: "#FFE9E1";
+            readonly error: "#FFE5E9";
+            readonly new: "#FBF2C6";
+            readonly default: "#EFF1F6";
+        };
+        readonly nav: {
+            readonly link: {
+                readonly hover: "#F4F6FA";
+            };
+        };
+        readonly stepper: {
+            readonly default: "#373A3F";
+            readonly current: "#A8E4FA";
+            readonly success: "#E8368F";
+        };
+    };
+    readonly system: {
+        readonly focus: "#0A76F6";
+    };
+};
+export type LeafStrings<T> = T extends string ? string : {
+    [K in keyof T]: LeafStrings<T[K]>;
+};
+export type Palette = LeafStrings<typeof CustomPalette>;
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+//# sourceMappingURL=Palette.d.ts.map

package/dist/constants/Palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMhB,CAAC;AAEX,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE/F,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,aAAa,CAAC,CAAC;AACxD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}

package/dist/constants/Palette.js

@@ -0,0 +1,180 @@
+import { Colors } from './Color';
+export const CustomPalette = {
+    primary: Colors['PinkVivid']['500'],
+    transparent: 'transparent',
+    danger: Colors['RougeErreur']['425'],
+    info: Colors['Mariner']['600'],
+    success: Colors['MountainMeadow']['600'],
+    warning: Colors['Watusi']['700'],
+    link: Colors['BleuCiel']['425'],
+    text: {
+        'default-grey': Colors['Neutre']['200'],
+        'title-grey': Colors['Neutre']['50'],
+        mention: Colors['Neutre']['425'],
+        'disabled-grey': Colors['Neutre']['625'],
+        'action-high-blue-captive': Colors['BleuCaptive']['sun-100'],
+        'title-blue-captive': Colors['BleuCaptive']['sun-100'],
+        'label-grey': Colors['Neutre']['50'],
+        'inverted-blue-captive': Colors['Neutre']['1000'],
+        'default-success': Colors['VertSuccess']['425'],
+        'default-error': Colors['RougeErreur']['425'],
+        'default-info': Colors['BleuCiel']['main-686'],
+        'action-high-grey': Colors['Neutre']['50'],
+        inverse: {
+            base: Colors['Neutre']['1000'],
+            title: Colors['Neutre']['1000'],
+            muted: Colors['Neutre']['625'],
+            accent: Colors['GoldenFizz']['400'],
+        },
+        badge: {
+            info: Colors['LightBlueVivid']['700'],
+            success: Colors['MountainMeadow']['700'],
+            default: Colors['Neutre']['175'],
+            warning: Colors['Watusi']['700'],
+            error: Colors['RougeErreur']['425'],
+            new: Colors['Sunshade']['800'],
+        },
+        button: {
+            primary: {
+                default: Colors['Neutre']['1000'],
+                hover: Colors['Neutre']['1000'],
+                disabled: Colors['Neutre']['625'],
+            },
+            secondary: {
+                default: Colors['Neutre']['50'],
+                hover: Colors['Neutre']['50'],
+                disabled: Colors['Neutre']['625'],
+            },
+            tertiary: {
+                default: Colors['Neutre']['200'],
+                hover: Colors['Neutre']['200'],
+                disabled: Colors['Neutre']['625'],
+            },
+            danger: {
+                default: Colors['Monza']['800'],
+                hover: Colors['Neutre']['1000'],
+                disabled: Colors['Neutre']['625'],
+            },
+        },
+        tag: {
+            default: Colors['SlateGrey']['950'],
+        },
+        link: {
+            default: Colors['BleuCiel']['425'],
+            hover: Colors['BleuCiel']['425'],
+        },
+        nav: {
+            link: {
+                default: Colors['Neutre']['425'],
+                current: Colors['Neutre']['50'],
+            },
+        },
+    },
+    border: {
+        base: Colors['Neutre']['625'],
+        'default-grey': Colors['Neutre']['900'],
+        action: Colors['BleuCaptive']['sun-100'],
+        'disabled-grey': Colors['Neutre']['925'],
+        'plain-grey': Colors['Neutre']['200'],
+        'plain-success': Colors['VertSuccess']['425'],
+        'plain-error': Colors['RougeErreur']['425'],
+        'default-bleu-captive': Colors['BleuCaptive']['main-525'],
+        'contrast-grey': Colors['Neutre']['900'],
+        button: {
+            secondary: {
+                default: Colors['Neutre']['200'],
+                hover: Colors['Neutre']['200'],
+                disabled: Colors['Neutre']['900'],
+            },
+            danger: {
+                default: Colors['SlateGrey']['600'],
+                hover: Colors['Monza']['800'],
+                disabled: Colors['SlateGrey']['300'],
+            },
+        },
+        alert: {
+            info: Colors['Mariner']['600'],
+            success: Colors['MountainMeadow']['600'],
+            warning: Colors['Watusi']['700'],
+            error: Colors['RougeErreur']['425'],
+            link: Colors['BleuCiel']['425'],
+        },
+        link: {
+            default: Colors['BleuCiel']['425'],
+        },
+        quote: {
+            default: Colors['Neutre']['900'],
+        },
+        nav: {
+            link: {
+                active: Colors['BleuCaptive']['925'],
+            },
+        },
+    },
+    background: {
+        default: Colors['Neutre']['1000'],
+        'default-active': Colors['Neutre']['950'],
+        'alt-grey': Colors['Neutre']['975'],
+        inverse: Colors['BleuCaptive']['sun-100'],
+        action: Colors['BleuCaptive']['sun-100'],
+        'disabled-grey': Colors['Neutre']['925'],
+        'default-hover': Colors['Neutre']['975'],
+        'open-bleu-captive': Colors['BleuCaptive']['925'],
+        'contrast-grey': Colors['Neutre']['925'],
+        'alt-bleu-captive': Colors['BleuCaptive']['975'],
+        'action-low-bleu-captive': Colors['BleuCaptive']['925'],
+        'default-success': Colors['VertSuccess']['925'],
+        alert: {
+            info: Colors['Mariner']['600'],
+            success: Colors['MountainMeadow']['600'],
+            warning: Colors['Watusi']['700'],
+            error: Colors['RougeErreur']['425'],
+        },
+        button: {
+            primary: {
+                default: Colors['PinkVivid']['500'],
+                hover: Colors['PinkVivid']['600'],
+                disabled: Colors['GrisPolaire']['100'],
+            },
+            secondary: {
+                default: 'transparent',
+                hover: Colors['Neutre']['975'],
+                disabled: 'transparent',
+            },
+            tertiary: {
+                default: 'transparent',
+                hover: Colors['Neutre']['975'],
+                disabled: 'transparent',
+            },
+            danger: {
+                default: 'transparent',
+                hover: Colors['RougeErreur']['425'],
+                disabled: 'transparent',
+            },
+        },
+        tag: {
+            default: Colors['SlateGrey']['100'],
+        },
+        badge: {
+            info: Colors['LightBlueVivid']['100'],
+            success: Colors['MountainMeadow']['100'],
+            warning: Colors['Watusi']['100'],
+            error: Colors['Monza']['100'],
+            new: Colors['Sunshade']['100'],
+            default: Colors['Neutre']['950'],
+        },
+        nav: {
+            link: {
+                hover: Colors['Neutre']['975'],
+            },
+        },
+        stepper: {
+            default: Colors['Neutre']['200'],
+            current: Colors['LightBlueVivid']['200'],
+            success: Colors['PinkVivid']['400'],
+        },
+    },
+    system: {
+        focus: '#0A76F6',
+    },
+};

package/dist/constants/Radius.d.ts

@@ -0,0 +1,9 @@
+export declare const RadiusList: {
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 10;
+    readonly full: 99999;
+};
+export type RadiusKey = keyof typeof RadiusList;
+export type Radius = (typeof RadiusList)[RadiusKey];
+//# sourceMappingURL=Radius.d.ts.map

package/dist/constants/Radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radius.d.ts","sourceRoot":"","sources":["../../src/constants/Radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/dist/constants/Radius.js

@@ -0,0 +1,6 @@
+export const RadiusList = {
+    sm: 4,
+    md: 6,
+    lg: 10,
+    full: 99999,
+};

package/dist/constants/Sizes.d.ts

@@ -0,0 +1,35 @@
+export declare const Sizes: {
+    readonly xs: 12;
+    readonly sm: 14;
+    readonly md: 16;
+    readonly lg: 18;
+    readonly xl: 20;
+    readonly '2xl': 24;
+    readonly '3xl': 30;
+    readonly '4xl': 36;
+    readonly '5xl': 48;
+    readonly '6xl': 60;
+    readonly '7xl': 72;
+    readonly '8xl': 96;
+    readonly '9xl': 128;
+};
+export declare const Heights: {
+    readonly xs: 16;
+    readonly sm: 20;
+    readonly md: 24;
+    readonly lg: 28;
+    readonly xl: 28;
+    readonly '2xl': 32;
+    readonly '3xl': 36;
+    readonly '4xl': 40;
+    readonly '5xl': "100%";
+    readonly '6xl': "100%";
+    readonly '7xl': "100%";
+    readonly '8xl': "100%";
+    readonly '9xl': "100%";
+};
+export type SizeKey = keyof typeof Sizes;
+export type Size = (typeof Sizes)[SizeKey];
+export type HeightKey = keyof typeof Heights;
+export type Height = (typeof Heights)[HeightKey];
+//# sourceMappingURL=Sizes.d.ts.map

package/dist/constants/Sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sizes.d.ts","sourceRoot":"","sources":["../../src/constants/Sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcR,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcV,CAAC;AAGX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,KAAK,CAAC;AACzC,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAC7C,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC"}

package/dist/constants/Sizes.js

@@ -0,0 +1,30 @@
+export const Sizes = {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 18,
+    xl: 20,
+    '2xl': 24,
+    '3xl': 30,
+    '4xl': 36,
+    '5xl': 48,
+    '6xl': 60,
+    '7xl': 72,
+    '8xl': 96,
+    '9xl': 128,
+};
+export const Heights = {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 28,
+    xl: 28,
+    '2xl': 32,
+    '3xl': 36,
+    '4xl': 40,
+    '5xl': '100%',
+    '6xl': '100%',
+    '7xl': '100%',
+    '8xl': '100%',
+    '9xl': '100%',
+};

package/dist/constants/Spacing.d.ts

@@ -0,0 +1,24 @@
+export declare const Spacings: {
+    readonly '000': 0;
+    readonly '025': 4;
+    readonly '0375': 6;
+    readonly '050': 8;
+    readonly '075': 12;
+    readonly '100': 16;
+    readonly '150': 24;
+    readonly '200': 32;
+    readonly '300': 48;
+    readonly '400': 64;
+    readonly '500': 80;
+    readonly '600': 96;
+    readonly '800': 128;
+    readonly '1200': 193;
+    readonly '1600': 256;
+    readonly '2400': 384;
+    readonly '3200': 512;
+    readonly '4000': 640;
+    readonly '4800': 768;
+};
+export type SpacingKey = keyof typeof Spacings;
+export type Spacing = (typeof Spacings)[SpacingKey];
+//# sourceMappingURL=Spacing.d.ts.map

package/dist/constants/Spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../src/constants/Spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;CAoBX,CAAC;AAGX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC"}

package/dist/constants/Spacing.js

@@ -0,0 +1,21 @@
+export const Spacings = {
+    '000': 0,
+    '025': 4,
+    '0375': 6,
+    '050': 8,
+    '075': 12,
+    '100': 16,
+    '150': 24,
+    '200': 32,
+    '300': 48,
+    '400': 64,
+    '500': 80,
+    '600': 96,
+    '800': 128,
+    '1200': 193,
+    '1600': 256,
+    '2400': 384,
+    '3200': 512,
+    '4000': 640,
+    '4800': 768,
+};