@alveole/theme 1.0.0 → 1.1.0

package/dist/ThemeProvider.d.ts

@@ -4,6 +4,7 @@ import type { Theme } from './type';
 export type ThemeProviderProps = PropsWithChildren<CustomBuilder & {
     loader?: boolean;
     onReady?: () => void;
+    staticCSS?: boolean;
 }>;
 export declare const ThemeProvider: (props: ThemeProviderProps) => React.JSX.Element;
 export declare const useTheme: () => Theme;

package/dist/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,aAAa,EAAmB,MAAM,2BAA2B,CAAC;AAE3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAMpC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAChD,aAAa,GAAG;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAkCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,KAI3B,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAA6B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,aAAa,EAAmB,MAAM,2BAA2B,CAAC;AAE3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAMpC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAChD,aAAa,GAAG;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CACF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBAkCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,KAI3B,CAAC"}

package/dist/ThemeProvider.js

@@ -7,7 +7,7 @@ import { WebThemeStyles } from './WebThemeStyles';
 const ThemeContext = createContext(null);
 const MIN_LOADING_DELAY = 0;
 export const ThemeProvider = (props) => {
-    const { loader = true, onReady, ...builder } = props;
+    const { loader = true, onReady, staticCSS = false, ...builder } = props;
     const theme = useThemeBuilder(builder);
     const [showLoader, setShowLoader] = React.useState(true);
     React.useEffect(() => {
@@ -22,9 +22,9 @@ export const ThemeProvider = (props) => {
             onReady();
     }, [onReady, theme.isReady]);
     if ((!theme.isReady || showLoader) && loader !== false) {
-        return (_jsxs(_Fragment, { children: [_jsx(WebThemeStyles, { theme: theme }), _jsx(ThemeProviderLoader, {})] }));
+        return (_jsxs(_Fragment, { children: [!staticCSS && _jsx(WebThemeStyles, { theme: theme }), _jsx(ThemeProviderLoader, {})] }));
     }
-    return (_jsxs(ThemeContext.Provider, { value: theme, children: [_jsx(WebThemeStyles, { theme: theme }), props.children] }));
+    return (_jsxs(ThemeContext.Provider, { value: theme, children: [!staticCSS && _jsx(WebThemeStyles, { theme: theme }), props.children] }));
 };
 export const useTheme = () => {
     const ctx = useContext(ThemeContext);

package/dist/constants/index.d.ts

@@ -4,6 +4,7 @@ export * from './Elevation';
 export * from './Font';
 export * from './Grille';
 export * from './Palette';
+export * from './Radius';
 export * from './Sizes';
 export * from './Spacing';
 export * from './Typography';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}

package/dist/constants/index.js

@@ -4,6 +4,7 @@ export * from './Elevation';
 export * from './Font';
 export * from './Grille';
 export * from './Palette';
+export * from './Radius';
 export * from './Sizes';
 export * from './Spacing';
 export * from './Typography';

package/dist/default.css

@@ -0,0 +1,639 @@
+@font-face {
+  font-family: 'Barlow';
+  src: url('../assets/fonts/Barlow/Barlow-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Barlow';
+  src: url('../assets/fonts/Barlow/Barlow-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Barlow';
+  src: url('../assets/fonts/Barlow/Barlow-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Barlow';
+  src: url('../assets/fonts/Barlow/Barlow-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Inter';
+  src: url('../assets/fonts/Inter/Inter-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Inter';
+  src: url('../assets/fonts/Inter/Inter-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Inter';
+  src: url('../assets/fonts/Inter/Inter-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Inter';
+  src: url('../assets/fonts/Inter/Inter-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
+
+:root {
+  --color-VertPrairie-50: #F3FDE7;
+  --color-VertPrairie-75: #0B220B;
+  --color-VertPrairie-100: #112233;
+  --color-VertPrairie-125: #184116;
+  --color-VertPrairie-200: #235A1F;
+  --color-VertPrairie-300: #9EED61;
+  --color-VertPrairie-400: #85E23F;
+  --color-VertPrairie-425: #3E8F32;
+  --color-VertPrairie-850: #BEE2B0;
+  --color-VertPrairie-925: #D7EED0;
+  --color-VertPrairie-950: #E6F4E1;
+  --color-VertPrairie-975: #F3FAF1;
+  --color-VertPrairie-main-646: #60BB46;
+  --color-VertPrairie-sun-475: #3E7F2E;
+  --color-VertPrairie-sun-475-hover: #28571D;
+  --color-Mandarine-50: #FEF9EE;
+  --color-Mandarine-100: #FDF2D7;
+  --color-Mandarine-200: #FBE0AD;
+  --color-Mandarine-300: #F8C979;
+  --color-Mandarine-400: #F4A843;
+  --color-Mandarine-500: #F19023;
+  --color-Mandarine-600: #E27414;
+  --color-Mandarine-700: #BB5813;
+  --color-Mandarine-800: #954517;
+  --color-Mandarine-900: #783B16;
+  --color-Mandarine-950: #411C09;
+  --color-Lilas-50: #F6F5FD;
+  --color-Lilas-100: #EFECFB;
+  --color-Lilas-200: #E0DCF8;
+  --color-Lilas-300: #C9BFF3;
+  --color-Lilas-400: #AD9BEA;
+  --color-Lilas-500: #8C6CDF;
+  --color-Lilas-600: #8053D4;
+  --color-Lilas-700: #7041C0;
+  --color-Lilas-800: #5D36A1;
+  --color-Lilas-900: #4E2E84;
+  --color-Lilas-950: #301C59;
+  --color-Shakespeare-50: #EEFBFD;
+  --color-Shakespeare-100: #D3F3FA;
+  --color-Shakespeare-200: #ADE6F4;
+  --color-Shakespeare-300: #75D3EB;
+  --color-Shakespeare-400: #31B5DA;
+  --color-Shakespeare-500: #1999C1;
+  --color-Shakespeare-600: #187BA2;
+  --color-Shakespeare-700: #1A6484;
+  --color-Shakespeare-800: #1E526C;
+  --color-Shakespeare-900: #1D465C;
+  --color-Shakespeare-950: #0E2D3E;
+  --color-Cerise-50: #FDF2F8;
+  --color-Cerise-100: #FCE7F3;
+  --color-Cerise-200: #FBCFE8;
+  --color-Cerise-300: #FAA7D5;
+  --color-Cerise-400: #F571B7;
+  --color-Cerise-500: #EE469A;
+  --color-Cerise-600: #DA2275;
+  --color-Cerise-700: #C0165E;
+  --color-Cerise-800: #9E164E;
+  --color-Cerise-900: #841744;
+  --color-Cerise-950: #510624;
+  --color-Pacifika-50: #FFFDE4;
+  --color-Pacifika-100: #FFFDC5;
+  --color-Pacifika-200: #FFFF92;
+  --color-Pacifika-300: #F9FF53;
+  --color-Pacifika-400: #EEFB20;
+  --color-Pacifika-500: #D1E200;
+  --color-Pacifika-600: #A2B500;
+  --color-Pacifika-700: #738102;
+  --color-Pacifika-800: #5F6B09;
+  --color-Pacifika-900: #505A0D;
+  --color-Pacifika-950: #2A3300;
+  --color-GoldenFizz-50: #FFFEE5;
+  --color-GoldenFizz-100: #FEFFC7;
+  --color-GoldenFizz-200: #FCFF95;
+  --color-GoldenFizz-300: #F4FE58;
+  --color-GoldenFizz-400: #E4F40E;
+  --color-GoldenFizz-500: #C9DC06;
+  --color-GoldenFizz-600: #9DB000;
+  --color-GoldenFizz-700: #758506;
+  --color-GoldenFizz-800: #5D690B;
+  --color-GoldenFizz-900: #4D580F;
+  --color-GoldenFizz-950: #293102;
+  --color-GrisPolaire-50: #F4F6FA;
+  --color-GrisPolaire-100: #E6EBF3;
+  --color-GrisPolaire-200: #D3DBEA;
+  --color-GrisPolaire-300: #B4C3DC;
+  --color-GrisPolaire-400: #90A4CA;
+  --color-GrisPolaire-500: #7589BC;
+  --color-GrisPolaire-600: #6372AD;
+  --color-GrisPolaire-700: #57639E;
+  --color-GrisPolaire-800: #4B5282;
+  --color-GrisPolaire-900: #404668;
+  --color-GrisPolaire-950: #2A2D41;
+  --color-ButteryWhite-50: #FFFBEA;
+  --color-ButteryWhite-100: #FEF4C7;
+  --color-ButteryWhite-200: #FDE78A;
+  --color-ButteryWhite-300: #FCD54D;
+  --color-ButteryWhite-400: #FBC124;
+  --color-ButteryWhite-500: #F5A00B;
+  --color-ButteryWhite-600: #D97906;
+  --color-ButteryWhite-700: #B45509;
+  --color-ButteryWhite-800: #92410E;
+  --color-ButteryWhite-900: #78360F;
+  --color-ButteryWhite-950: #451B03;
+  --color-CoralRed-50: #FEF2F2;
+  --color-CoralRed-100: #FEE2E2;
+  --color-CoralRed-200: #FECACA;
+  --color-CoralRed-300: #FCA5A5;
+  --color-CoralRed-400: #F77272;
+  --color-CoralRed-500: #EF4E4E;
+  --color-CoralRed-600: #DB2727;
+  --color-CoralRed-700: #B81D1D;
+  --color-CoralRed-800: #981C1C;
+  --color-CoralRed-900: #7F1D1D;
+  --color-CoralRed-950: #450A0A;
+  --color-Lochmara-50: #F1F8FE;
+  --color-Lochmara-100: #E2F1FC;
+  --color-Lochmara-200: #BFE2F8;
+  --color-Lochmara-300: #87CCF2;
+  --color-Lochmara-400: #47B0E9;
+  --color-Lochmara-500: #1F97D8;
+  --color-Lochmara-600: #1177B6;
+  --color-Lochmara-700: #0F5F95;
+  --color-Lochmara-800: #11527B;
+  --color-Lochmara-900: #144566;
+  --color-Lochmara-950: #0D2C44;
+  --color-BigStone-50: #F2F8FD;
+  --color-BigStone-100: #E4EFFA;
+  --color-BigStone-200: #C2DFF5;
+  --color-BigStone-300: #8CC5ED;
+  --color-BigStone-400: #4EA7E2;
+  --color-BigStone-500: #288CCF;
+  --color-BigStone-600: #196FB0;
+  --color-BigStone-700: #16598E;
+  --color-BigStone-800: #164C76;
+  --color-BigStone-900: #174063;
+  --color-BigStone-950: #102A43;
+  --color-PinkVivid-50: #FFF5F8;
+  --color-PinkVivid-100: #FFB8D2;
+  --color-PinkVivid-200: #FF8CBA;
+  --color-PinkVivid-300: #F364A2;
+  --color-PinkVivid-400: #E8368F;
+  --color-PinkVivid-500: #D9127C;
+  --color-PinkVivid-600: #BC0A6F;
+  --color-PinkVivid-700: #A30664;
+  --color-PinkVivid-800: #870557;
+  --color-PinkVivid-900: #620042;
+  --color-LimeGreen-50: #F6FCE9;
+  --color-LimeGreen-100: #EAF7D0;
+  --color-LimeGreen-200: #D7F0A6;
+  --color-LimeGreen-300: #BBE472;
+  --color-LimeGreen-400: #A1D447;
+  --color-LimeGreen-500: #7BB026;
+  --color-LimeGreen-600: #7BB026;
+  --color-LimeGreen-700: #4D711A;
+  --color-LimeGreen-800: #3F5A1A;
+  --color-LimeGreen-900: #374D1A;
+  --color-LimeGreen-950: #1A2A09;
+  --color-Purple-50: #EAE2F8;
+  --color-Purple-100: #CFBCF2;
+  --color-Purple-200: #A081D9;
+  --color-Purple-300: #8662C7;
+  --color-Purple-400: #724BB7;
+  --color-Purple-500: #653CAD;
+  --color-Purple-600: #51279B;
+  --color-Purple-700: #421987;
+  --color-Purple-800: #34126F;
+  --color-Purple-900: #240754;
+  --color-Focus-525: #0A76F6;
+  --color-OrangeWarning-425: #BC4401;
+  --color-OrangeWarning-625: #F96B24;
+  --color-OrangeWarning-850: #FFC6AA;
+  --color-OrangeWarning-925: #FFE2D4;
+  --color-OrangeWarning-950: #FFEEE5;
+  --color-OrangeWarning-975: #FFF5F0;
+  --color-OrangeWarning-main-525: #D64D00;
+  --color-RougeErreur-425: #C62416;
+  --color-RougeErreur-850: #FAC0BB;
+  --color-RougeErreur-925: #FCDFDC;
+  --color-RougeErreur-950: #FDEAE8;
+  --color-RougeErreur-975: #FEF5F4;
+  --color-RougeErreur-main-525: #E62C1C;
+  --color-RougeGroseille-75: #2A070C;
+  --color-RougeGroseille-100: #3D0B12;
+  --color-RougeGroseille-125: #4F0F17;
+  --color-RougeGroseille-200: #74202A;
+  --color-RougeGroseille-625: #E85C72;
+  --color-RougeGroseille-850: #F4B6C0;
+  --color-RougeGroseille-925: #F9D6DC;
+  --color-RougeGroseille-950: #FBE5E9;
+  --color-RougeGroseille-975: #FEF7F8;
+  --color-RougeGroseille-main-465: #D81B39;
+  --color-Mariner-50: #F1F7FE;
+  --color-Mariner-100: #E2EEFC;
+  --color-Mariner-200: #BEDDF9;
+  --color-Mariner-300: #85C0F4;
+  --color-Mariner-400: #44A0EC;
+  --color-Mariner-500: #1C85DB;
+  --color-Mariner-600: #1070CA;
+  --color-Mariner-700: #0D5297;
+  --color-Mariner-800: #0F477D;
+  --color-Mariner-900: #123C68;
+  --color-Mariner-950: #0C2645;
+  --color-MountainMeadow-50: #EFFAF4;
+  --color-MountainMeadow-100: #D7F4E1;
+  --color-MountainMeadow-200: #B3E7C9;
+  --color-MountainMeadow-300: #81D4A9;
+  --color-MountainMeadow-400: #47B881;
+  --color-MountainMeadow-500: #2A9F6A;
+  --color-MountainMeadow-600: #1C7F54;
+  --color-MountainMeadow-700: #166645;
+  --color-MountainMeadow-800: #145139;
+  --color-MountainMeadow-900: #114330;
+  --color-MountainMeadow-950: #09251C;
+  --color-Watusi-50: #FEF5F2;
+  --color-Watusi-100: #FFE9E1;
+  --color-Watusi-200: #FFD6C7;
+  --color-Watusi-300: #FEBBA3;
+  --color-Watusi-400: #FB946E;
+  --color-Watusi-500: #F27041;
+  --color-Watusi-600: #E05522;
+  --color-Watusi-700: #BA461C;
+  --color-Watusi-800: #9B3C19;
+  --color-Watusi-900: #81361B;
+  --color-Watusi-950: #461909;
+  --color-Sunshade-50: #FDF9E9;
+  --color-Sunshade-100: #FBF2C6;
+  --color-Sunshade-200: #F9E18F;
+  --color-Sunshade-300: #F5C94F;
+  --color-Sunshade-400: #F0B429;
+  --color-Sunshade-500: #DF9913;
+  --color-Sunshade-600: #C1750D;
+  --color-Sunshade-700: #9A530E;
+  --color-Sunshade-800: #7F4214;
+  --color-Sunshade-900: #6D3616;
+  --color-Sunshade-950: #3F1B09;
+  --color-BleuCiel-75: #072128;
+  --color-BleuCiel-100: #082932;
+  --color-BleuCiel-125: #0B2E38;
+  --color-BleuCiel-200: #123F4B;
+  --color-BleuCiel-425: #076D8A;
+  --color-BleuCiel-525: #1288A7;
+  --color-BleuCiel-850: #7CDEF9;
+  --color-BleuCiel-925: #C5F0FC;
+  --color-BleuCiel-950: #DBF6FD;
+  --color-BleuCiel-975: #EDFAFE;
+  --color-BleuCiel-main-686: #31B5DA;
+  --color-BleuCiel-sun-335: #04566D;
+  --color-Monza-50: #FFF0F2;
+  --color-Monza-100: #FFE5E9;
+  --color-Monza-200: #FFC1C9;
+  --color-Monza-300: #FF95A2;
+  --color-Monza-400: #FF596E;
+  --color-Monza-500: #FF2641;
+  --color-Monza-600: #FC0624;
+  --color-Monza-700: #D60019;
+  --color-Monza-800: #AF051A;
+  --color-Monza-900: #900C1C;
+  --color-Monza-950: #50000A;
+  --color-SlateGrey-50: #12161D;
+  --color-SlateGrey-75: #191E26;
+  --color-SlateGrey-100: #1F242D;
+  --color-SlateGrey-125: #242B31;
+  --color-SlateGrey-175: #2E373E;
+  --color-SlateGrey-200: #323B43;
+  --color-SlateGrey-300: #C5D6DC;
+  --color-SlateGrey-400: #ADC2CC;
+  --color-SlateGrey-425: #5B6B78;
+  --color-SlateGrey-500: #98ADBC;
+  --color-SlateGrey-600: #8197AA;
+  --color-SlateGrey-625: #8197AA;
+  --color-SlateGrey-700: #66788A;
+  --color-SlateGrey-800: #5B6B78;
+  --color-SlateGrey-850: #BED1D8;
+  --color-SlateGrey-900: #D2DFE4;
+  --color-SlateGrey-925: #DBE7EA;
+  --color-SlateGrey-950: #EBF2F4;
+  --color-SlateGrey-975: #F6FAFA;
+  --color-SlateGrey-1000: #FFFFFF;
+  --color-Neutre-50: #151617;
+  --color-Neutre-75: #1D1E20;
+  --color-Neutre-100: #232427;
+  --color-Neutre-125: #282A2D;
+  --color-Neutre-150: #2D2F32;
+  --color-Neutre-175: #323439;
+  --color-Neutre-200: #373A3F;
+  --color-Neutre-425: #5F6571;
+  --color-Neutre-525: #747E91;
+  --color-Neutre-625: #8D97AC;
+  --color-Neutre-850: #CED5E1;
+  --color-Neutre-900: #DEE3EC;
+  --color-Neutre-925: #E6EAF1;
+  --color-Neutre-950: #EFF1F6;
+  --color-Neutre-975: #F6F7F8;
+  --color-Neutre-1000: #FFFFFF;
+  --color-BleuCaptive-75: #011E3A;
+  --color-BleuCaptive-100: #012448;
+  --color-BleuCaptive-125: #012B53;
+  --color-BleuCaptive-200: #033B72;
+  --color-BleuCaptive-425: #0264C7;
+  --color-BleuCaptive-625: #2591FE;
+  --color-BleuCaptive-850: #B4D9FE;
+  --color-BleuCaptive-925: #D2E8FE;
+  --color-BleuCaptive-950: #E5F1FE;
+  --color-BleuCaptive-975: #F2F9FF;
+  --color-BleuCaptive-main-525: #0379EF;
+  --color-BleuCaptive-sun-172: #002764;
+  --color-BleuCaptive-sun-172-hover: #0048AC;
+  --color-BleuCaptive-sun-100: #012448;
+  --color-VertSuccess-75: #16221B;
+  --color-VertSuccess-100: #18271E;
+  --color-VertSuccess-125: #1B2F23;
+  --color-VertSuccess-200: #1E412D;
+  --color-VertSuccess-425: #1B7440;
+  --color-VertSuccess-625: #27A65C;
+  --color-VertSuccess-850: #3EEA86;
+  --color-VertSuccess-925: #87FCB8;
+  --color-VertSuccess-950: #B9FDD5;
+  --color-VertSuccess-975: #EEFBF3;
+  --color-VertSuccess-main-525: #238C4F;
+  --color-Ocre-75: #241D03;
+  --color-Ocre-100: #2C2404;
+  --color-Ocre-125: #342A05;
+  --color-Ocre-200: #403508;
+  --color-Ocre-850: #EDD05C;
+  --color-Ocre-925: #F3E094;
+  --color-Ocre-950: #F9F0CC;
+  --color-Ocre-975: #FDF9E9;
+  --color-Ocre-moon-910: #FFE571;
+  --color-Ocre-main-686: #C7A418;
+  --color-Ocre-sun-403: #6F5E18;
+  --color-LightBlueVivid-50: #F0FBFF;
+  --color-LightBlueVivid-100: #D6F3FD;
+  --color-LightBlueVivid-200: #A8E4FA;
+  --color-LightBlueVivid-300: #79D1F4;
+  --color-LightBlueVivid-400: #4ABDE9;
+  --color-LightBlueVivid-500: #2FA4DC;
+  --color-LightBlueVivid-600: #1177B6;
+  --color-LightBlueVivid-700: #0E6398;
+  --color-LightBlueVivid-800: #0C507B;
+  --color-LightBlueVivid-900: #093E60;
+  --color-LightBlueVivid-950: #072C45;
+  --spacing-100: 16px;
+  --spacing-150: 24px;
+  --spacing-200: 32px;
+  --spacing-300: 48px;
+  --spacing-400: 64px;
+  --spacing-500: 80px;
+  --spacing-600: 96px;
+  --spacing-800: 128px;
+  --spacing-1200: 193px;
+  --spacing-1600: 256px;
+  --spacing-2400: 384px;
+  --spacing-3200: 512px;
+  --spacing-4000: 640px;
+  --spacing-4800: 768px;
+  --spacing-000: 0px;
+  --spacing-025: 4px;
+  --spacing-0375: 6px;
+  --spacing-050: 8px;
+  --spacing-075: 12px;
+  --spacing-0v: 0px;
+  --spacing-0-5v: 2px;
+  --spacing-1v: 4px;
+  --spacing-1-5v: 6px;
+  --spacing-1w: 8px;
+  --spacing-3v: 12px;
+  --spacing-2w: 16px;
+  --spacing-3w: 24px;
+  --spacing-4w: 32px;
+  --spacing-5w: 40px;
+  --spacing-6w: 48px;
+  --spacing-8w: 64px;
+  --spacing-12w: 96px;
+  --spacing-15w: 120px;
+  --radius-sm: 4px;
+  --radius-md: 6px;
+  --radius-lg: 10px;
+  --radius-full: 99999px;
+  --elevation-0: none;
+  --elevation-1: 0px 1px 2px rgba(21,22,23,0.10), 0px 0px 1px rgba(21,22,23,0.04);
+  --elevation-2: 0px 2px 4px rgba(21,22,23,0.10), 0px 1px 2px rgba(21,22,23,0.06);
+  --elevation-3: 0px 4px 8px rgba(21,22,23,0.12), 0px 2px 4px rgba(21,22,23,0.07);
+  --elevation-4: 0px 6px 12px rgba(21,22,23,0.14), 0px 3px 6px rgba(21,22,23,0.08);
+  --elevation-raised: 0 2px 6px 0 rgba(1, 43, 83, 0.16);
+  --elevation-overlap: 0 4px 12px 0 rgba(1, 43, 83, 0.16);
+  --elevation-lifted: 0 6px 18px 0 rgba(1, 43, 83, 0.16);
+  --font-Barlow-Light-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Barlow-Light-weight: 300;
+  --font-Barlow-Regular-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Barlow-Regular-weight: 400;
+  --font-Barlow-Medium-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Barlow-Medium-weight: 500;
+  --font-Barlow-Bold-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Barlow-Bold-weight: 600;
+  --font-Inter-Light-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Inter-Light-weight: 300;
+  --font-Inter-Regular-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Inter-Regular-weight: 400;
+  --font-Inter-Medium-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Inter-Medium-weight: 500;
+  --font-Inter-Bold-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
+  --font-Inter-Bold-weight: 600;
+  --typography-titres-alternatifs-xs-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-alternatifs-xs-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-xs-font-size: 48px;
+  --typography-titres-alternatifs-xs-line-height: 56px;
+  --typography-titres-alternatifs-sm-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-alternatifs-sm-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-sm-font-size: 56px;
+  --typography-titres-alternatifs-sm-line-height: 64px;
+  --typography-titres-alternatifs-md-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-alternatifs-md-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-md-font-size: 64px;
+  --typography-titres-alternatifs-md-line-height: 72px;
+  --typography-titres-alternatifs-lg-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-alternatifs-lg-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-lg-font-size: 72px;
+  --typography-titres-alternatifs-lg-line-height: 80px;
+  --typography-titres-alternatifs-xl-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-alternatifs-xl-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-alternatifs-xl-font-size: 80px;
+  --typography-titres-alternatifs-xl-line-height: 88px;
+  --typography-titres-h6-xxs-font-family: var(--font-Inter-Bold-family);
+  --typography-titres-h6-xxs-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h6-xxs-font-size: 20px;
+  --typography-titres-h6-xxs-line-height: 28px;
+  --typography-titres-h5-xs-font-family: var(--font-Inter-Bold-family);
+  --typography-titres-h5-xs-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h5-xs-font-size: 22px;
+  --typography-titres-h5-xs-line-height: 28px;
+  --typography-titres-h4-sm-font-family: var(--font-Inter-Bold-family);
+  --typography-titres-h4-sm-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h4-sm-font-size: 24px;
+  --typography-titres-h4-sm-line-height: 32px;
+  --typography-titres-h3-md-font-family: var(--font-Inter-Bold-family);
+  --typography-titres-h3-md-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h3-md-font-size: 28px;
+  --typography-titres-h3-md-line-height: 36px;
+  --typography-titres-h2-lg-font-family: var(--font-Inter-Bold-family);
+  --typography-titres-h2-lg-font-weight: var(--font-Inter-Bold-weight);
+  --typography-titres-h2-lg-font-size: 32px;
+  --typography-titres-h2-lg-line-height: 36px;
+  --typography-titres-h1-xl-font-family: var(--font-Barlow-Bold-family);
+  --typography-titres-h1-xl-font-weight: var(--font-Barlow-Bold-weight);
+  --typography-titres-h1-xl-font-size: 40px;
+  --typography-titres-h1-xl-line-height: 48px;
+  --typography-corps-de-texte-xs-regular-font-family: var(--font-Inter-Regular-family);
+  --typography-corps-de-texte-xs-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-xs-regular-font-size: 12px;
+  --typography-corps-de-texte-xs-regular-line-height: 20px;
+  --typography-corps-de-texte-xs-bold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-xs-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-bold-font-size: 12px;
+  --typography-corps-de-texte-xs-bold-line-height: 20px;
+  --typography-corps-de-texte-xs-caps-font-family: var(--font-Inter-Regular-family);
+  --typography-corps-de-texte-xs-caps-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-xs-caps-font-size: 12px;
+  --typography-corps-de-texte-xs-caps-line-height: 20px;
+  --typography-corps-de-texte-xs-caps-text-transform: uppercase;
+  --typography-corps-de-texte-xs-capsbold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-xs-capsbold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-capsbold-font-size: 12px;
+  --typography-corps-de-texte-xs-capsbold-line-height: 20px;
+  --typography-corps-de-texte-xs-capsbold-text-transform: uppercase;
+  --typography-corps-de-texte-xs-semibold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-xs-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-xs-semibold-font-size: 12px;
+  --typography-corps-de-texte-xs-semibold-line-height: 20px;
+  --typography-corps-de-texte-sm-regular-font-family: var(--font-Inter-Regular-family);
+  --typography-corps-de-texte-sm-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-sm-regular-font-size: 14px;
+  --typography-corps-de-texte-sm-regular-line-height: 20px;
+  --typography-corps-de-texte-sm-medium-font-family: var(--font-Inter-Medium-family);
+  --typography-corps-de-texte-sm-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-sm-medium-font-size: 14px;
+  --typography-corps-de-texte-sm-medium-line-height: 20px;
+  --typography-corps-de-texte-sm-semibold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-sm-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-semibold-font-size: 14px;
+  --typography-corps-de-texte-sm-semibold-line-height: 20px;
+  --typography-corps-de-texte-sm-bold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-sm-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-bold-font-size: 14px;
+  --typography-corps-de-texte-sm-bold-line-height: 20px;
+  --typography-corps-de-texte-sm-capsbold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-sm-capsbold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-sm-capsbold-font-size: 14px;
+  --typography-corps-de-texte-sm-capsbold-line-height: 20px;
+  --typography-corps-de-texte-sm-capsbold-text-transform: uppercase;
+  --typography-corps-de-texte-md-regular-font-family: var(--font-Inter-Regular-family);
+  --typography-corps-de-texte-md-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-md-regular-font-size: 16px;
+  --typography-corps-de-texte-md-regular-line-height: 24px;
+  --typography-corps-de-texte-md-medium-font-family: var(--font-Inter-Medium-family);
+  --typography-corps-de-texte-md-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-md-medium-font-size: 16px;
+  --typography-corps-de-texte-md-medium-line-height: 24px;
+  --typography-corps-de-texte-md-semibold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-md-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-md-semibold-font-size: 16px;
+  --typography-corps-de-texte-md-semibold-line-height: 24px;
+  --typography-corps-de-texte-md-bold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-md-bold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-md-bold-font-size: 16px;
+  --typography-corps-de-texte-md-bold-line-height: 24px;
+  --typography-corps-de-texte-lg-regular-font-family: var(--font-Inter-Regular-family);
+  --typography-corps-de-texte-lg-regular-font-weight: var(--font-Inter-Regular-weight);
+  --typography-corps-de-texte-lg-regular-font-size: 18px;
+  --typography-corps-de-texte-lg-regular-line-height: 28px;
+  --typography-corps-de-texte-lg-medium-font-family: var(--font-Inter-Medium-family);
+  --typography-corps-de-texte-lg-medium-font-weight: var(--font-Inter-Medium-weight);
+  --typography-corps-de-texte-lg-medium-font-size: 18px;
+  --typography-corps-de-texte-lg-medium-line-height: 28px;
+  --typography-corps-de-texte-lg-semibold-font-family: var(--font-Inter-Bold-family);
+  --typography-corps-de-texte-lg-semibold-font-weight: var(--font-Inter-Bold-weight);
+  --typography-corps-de-texte-lg-semibold-font-size: 18px;
+  --typography-corps-de-texte-lg-semibold-line-height: 28px;
+  --artwork-major-primary: var(--color-BleuCaptive-200);
+  --artwork-decorative-primary: var(--color-BleuCaptive-950);
+  --artwork-minor-secondary: var(--color-Cerise-600);
+  --background-alt-primary: var(--color-BleuCaptive-975);
+  --background-alt-grey: var(--color-Neutre-975);
+  --background-action-low-primary: var(--color-BleuCaptive-925);
+  --background-contrast-grey: var(--color-Neutre-950);
+  --background-contrast-success: var(--color-VertSuccess-950);
+  --background-contrast-error: var(--color-RougeErreur-950);
+  --background-contrast-info: var(--color-BleuCaptive-950);
+  --background-contrast-warning: var(--color-OrangeWarning-950);
+  --background-default-grey: var(--color-Neutre-1000);
+  --background-default-grey-hover: var(--color-Neutre-975);
+  --background-default-grey-active: var(--color-Neutre-925);
+  --background-active-primary: var(--color-BleuCaptive-sun-172);
+  --background-disabled-grey: var(--color-Neutre-925);
+  --background-active-inverted: var(--color-Neutre-1000);
+  --background-transparent-hover: rgba(0, 0, 0, 0.04);
+  --background-action-high-primary: var(--color-BleuCaptive-sun-172);
+  --background-action-high-primary-hover: var(--color-BleuCaptive-sun-172-hover);
+  --background-action-high-error: var(--color-RougeErreur-425);
+  --background-flat-error: var(--color-RougeErreur-425);
+  --background-flat-info: var(--color-BleuCaptive-425);
+  --background-flat-success: var(--color-VertSuccess-425);
+  --background-flat-warning: var(--color-OrangeWarning-425);
+  --background-open-primary: var(--color-BleuCaptive-925);
+  --border-default-grey: var(--color-Neutre-900);
+  --border-contrast-grey: var(--color-Neutre-625);
+  --border-default-primary: var(--color-BleuCaptive-425);
+  --border-action-high-primary: var(--color-BleuCaptive-sun-172);
+  --border-action-high-grey: var(--color-Neutre-50);
+  --border-active-primary: var(--color-BleuCaptive-sun-172);
+  --border-open-primary: var(--color-BleuCaptive-925);
+  --border-disabled-grey: var(--color-Neutre-925);
+  --border-plain-primary: var(--color-BleuCaptive-sun-172);
+  --border-plain-grey: var(--color-Neutre-200);
+  --border-plain-success: var(--color-VertSuccess-425);
+  --border-plain-error: var(--color-RougeErreur-425);
+  --border-plain-warning: var(--color-OrangeWarning-425);
+  --border-plain-info: var(--color-BleuCaptive-425);
+  --border-action-low-primary: var(--color-BleuCaptive-850);
+  --text-title-grey: var(--color-Neutre-50);
+  --text-title-primary: var(--color-BleuCaptive-sun-172);
+  --text-default-grey: var(--color-Neutre-200);
+  --text-mention-grey: var(--color-Neutre-425);
+  --text-label-grey: var(--color-Neutre-50);
+  --text-action-high-primary: var(--color-BleuCaptive-125);
+  --text-action-high-grey: var(--color-Neutre-50);
+  --text-action-high-info: var(--color-BleuCaptive-425);
+  --text-action-high-warning: var(--color-OrangeWarning-425);
+  --text-action-high-error: var(--color-RougeErreur-425);
+  --text-inverted-grey: var(--color-Neutre-1000);
+  --text-inverted-primary: var(--color-BleuCaptive-975);
+  --text-active-primary: var(--color-BleuCaptive-sun-172);
+  --text-active-grey: var(--color-Neutre-50);
+  --text-disabled-grey: var(--color-Neutre-625);
+  --text-default-success: var(--color-VertSuccess-425);
+  --text-default-error: var(--color-RougeErreur-425);
+  --text-default-warning: var(--color-OrangeWarning-425);
+  --text-default-info: var(--color-BleuCaptive-425);
+  --system-focus: var(--color-Focus-525);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --text-default-grey: var(--color-Neutre-850);
+    --background-alt-primary: var(--color-BleuCaptive-75);
+    --background-contrast-grey: var(--color-Neutre-100);
+  }
+}

package/dist/helpers/makeStyles.d.ts

@@ -1,10 +1,8 @@
-import { TextProps } from '@tamagui/core';
 import { CSSProperties } from 'react';
 import { useTheme } from '../ThemeProvider';
-export type StyleValue = Omit<CSSProperties, 'fontVariant'> & {
+export type StyleValue = CSSProperties & {
     width?: number | `${string}%`;
     height?: number | `${string}%`;
-    fontVariant?: TextProps['fontVariant'];
 };
 /**
  * Génère les styles pour les composants en injectant le theme

package/dist/helpers/makeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,GAClD,MAAM,CAAC,CAMT"}
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;CAChC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,GAClD,MAAM,CAAC,CAMT"}

package/dist/helpers/useThemeBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeBuilder.d.ts","sourceRoot":"","sources":["../../src/helpers/useThemeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,OAAO,EAKL,WAAW,EAKX,OAAO,EAIR,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAgDF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAuEnF"}
+{"version":3,"file":"useThemeBuilder.d.ts","sourceRoot":"","sources":["../../src/helpers/useThemeBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,OAAO,EAKL,WAAW,EAKX,OAAO,EAGR,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAgDF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAwEnF"}

package/dist/helpers/useThemeBuilder.js

@@ -56,17 +56,18 @@ export function useThemeBuilder(params) {
     const rawMergedPalette = useMemo(() => deepMerge(CustomPalette, params.color), [params.color]);
     const mergedPalette = useMemo(() => toCSSVarPalette(rawMergedPalette), [rawMergedPalette]);
     const isReady = useMemo(() => width != null && variant != null && width > 0 && loadedFonts, [loadedFonts, variant, width]);
-    const externalPadding = useCallback(() => (Platform.OS === 'web'
+    const externalPadding = useCallback(() => Platform.OS === 'web'
         ? `var(--spacing-${sanitizeCSSKey(variant === 'mobile' ? '2W' : '3W')})`
         : variant === 'mobile'
             ? Spacings['2W']
-            : Spacings['3W']), [variant]);
+            : Spacings['3W'], [variant]);
     const webTypography = useMemo(() => Platform.OS === 'web'
         ? toCSSVarTypography(CustomTypography)
         : CustomTypography, []);
     return {
         // Spacings
         spacing: key => (Platform.OS === 'web' ? `var(--spacing-${sanitizeCSSKey(key)})` : Spacings[key]),
+        spacingValue: key => Spacings[key],
         externalPadding,
         // Radius
         radius: key => (Platform.OS === 'web' ? `var(--radius-${key})` : RadiusList[key]),

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './helpers/deepMerge';
 export * from './helpers/injectVariableCSS';
 export * from './helpers/isSpacingKey';
 export * from './helpers/makeStyles';
+export * from './helpers/sanitizeCSSKey';
 export * from './ThemeProvider';
 export * from './type';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

package/dist/index.js

@@ -3,5 +3,6 @@ export * from './helpers/deepMerge';
 export * from './helpers/injectVariableCSS';
 export * from './helpers/isSpacingKey';
 export * from './helpers/makeStyles';
+export * from './helpers/sanitizeCSSKey';
 export * from './ThemeProvider';
 export * from './type';

package/dist/type/Theme.d.ts

@@ -4,9 +4,12 @@ import { alpha } from '../helpers/alphaColor';
 import { elevationStyle } from '../helpers/elevationStyle';
 import type { Typography } from './Typography';
 export interface Theme {
-    spacing: (key: SpacingKey) => Spacing;
+    /** Retourne une CSS variable sur web, un nombre sur native. Ne pas utiliser dans des expressions arithmétiques. */
+    spacing: (key: SpacingKey) => string | number;
+    /** Retourne toujours la valeur numérique en pixels, indépendamment de la plateforme. À utiliser pour l'arithmétique. */
+    spacingValue: (key: SpacingKey) => Spacing;
     /** Padding externe responsive : 100 sur mobile, 150 sur desktop */
-    externalPadding: () => Spacing;
+    externalPadding: () => string | number;
     variant: Variant;
     isVariant: (variant: Variant) => boolean;
     shadows: typeof elevationStyle;

package/dist/type/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/type/Theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpH,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,KAAK;IAEpB,OAAO,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;IACtC,mEAAmE;IACnE,eAAe,EAAE,MAAM,OAAO,CAAC;IAG/B,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IAGzC,OAAO,EAAE,OAAO,cAAc,CAAC;IAG/B,MAAM,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC;IAGnC,OAAO,EAAE,OAAO,OAAO,CAAC;IAGxB,IAAI,EAAE,UAAU,GAAG,OAAO,gBAAgB,CAAC;IAG3C,IAAI,EAAE,OAAO,KAAK,CAAC;IAGnB,KAAK,EAAE;QACL,sCAAsC;QACtC,UAAU,EAAE,OAAO,MAAM,CAAC;QAC1B,4EAA4E;QAC5E,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC7B,GAAG,OAAO,GAAG;QACV,KAAK,EAAE,OAAO,KAAK,CAAC;KACrB,CAAC;CACL"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/type/Theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpH,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,KAAK;IAEpB,mHAAmH;IACnH,OAAO,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,MAAM,GAAG,MAAM,CAAC;IAC9C,wHAAwH;IACxH,YAAY,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,OAAO,CAAC;IAC3C,mEAAmE;IACnE,eAAe,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;IAGvC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC;IAGzC,OAAO,EAAE,OAAO,cAAc,CAAC;IAG/B,MAAM,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC;IAGnC,OAAO,EAAE,OAAO,OAAO,CAAC;IAGxB,IAAI,EAAE,UAAU,GAAG,OAAO,gBAAgB,CAAC;IAG3C,IAAI,EAAE,OAAO,KAAK,CAAC;IAGnB,KAAK,EAAE;QACL,sCAAsC;QACtC,UAAU,EAAE,OAAO,MAAM,CAAC;QAC1B,4EAA4E;QAC5E,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KAC7B,GAAG,OAAO,GAAG;QACV,KAAK,EAAE,OAAO,KAAK,CAAC;KACrB,CAAC;CACL"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/theme",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Shared theme tokens and utilities.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "tsc -p tsconfig.build.json && rm -rf assets && cp -R src/assets assets",
+    "build": "tsc -p tsconfig.build.json && rm -rf assets && cp -R src/assets assets && node scripts/build-css.mjs",
     "lint": "eslint .",
     "typecheck": "tsc -p tsconfig.build.json --noEmit"
   },