@alveole/theme 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/ThemeProvider.d.ts +1 -0
  2. package/dist/ThemeProvider.d.ts.map +1 -1
  3. package/dist/ThemeProvider.js +3 -3
  4. package/dist/default.css +639 -0
  5. package/dist/helpers/makeStyles.d.ts +1 -3
  6. package/dist/helpers/makeStyles.d.ts.map +1 -1
  7. package/dist/helpers/useThemeBuilder.d.ts.map +1 -1
  8. package/dist/helpers/useThemeBuilder.js +3 -2
  9. package/dist/type/Theme.d.ts +5 -2
  10. package/dist/type/Theme.d.ts.map +1 -1
  11. package/package.json +2 -2
package/dist/ThemeProvider.d.ts CHANGED
@@ -4,6 +4,7 @@ import type { Theme } from './type';
4
4
  export type ThemeProviderProps = PropsWithChildren<CustomBuilder & {
5
5
  loader?: boolean;
6
6
  onReady?: () => void;
7
+ staticCSS?: boolean;
7
8
  }>;
8
9
  export declare const ThemeProvider: (props: ThemeProviderProps) => React.JSX.Element;
9
10
  export declare const useTheme: () => Theme;
package/dist/ThemeProvider.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -7,7 +7,7 @@ import { WebThemeStyles } from './WebThemeStyles';
7
7
  const ThemeContext = createContext(null);
8
8
  const MIN_LOADING_DELAY = 0;
9
9
  export const ThemeProvider = (props) => {
10
- const { loader = true, onReady, ...builder } = props;
10
+ const { loader = true, onReady, staticCSS = false, ...builder } = props;
11
11
  const theme = useThemeBuilder(builder);
12
12
  const [showLoader, setShowLoader] = React.useState(true);
13
13
  React.useEffect(() => {
@@ -22,9 +22,9 @@ export const ThemeProvider = (props) => {
22
22
  onReady();
23
23
  }, [onReady, theme.isReady]);
24
24
  if ((!theme.isReady || showLoader) && loader !== false) {
25
- return (_jsxs(_Fragment, { children: [_jsx(WebThemeStyles, { theme: theme }), _jsx(ThemeProviderLoader, {})] }));
25
+ return (_jsxs(_Fragment, { children: [!staticCSS && _jsx(WebThemeStyles, { theme: theme }), _jsx(ThemeProviderLoader, {})] }));
26
26
  }
27
- return (_jsxs(ThemeContext.Provider, { value: theme, children: [_jsx(WebThemeStyles, { theme: theme }), props.children] }));
27
+ return (_jsxs(ThemeContext.Provider, { value: theme, children: [!staticCSS && _jsx(WebThemeStyles, { theme: theme }), props.children] }));
28
28
  };
29
29
  export const useTheme = () => {
30
30
  const ctx = useContext(ThemeContext);
package/dist/default.css ADDED
@@ -0,0 +1,639 @@
1
+ @font-face {
2
+ font-family: 'Barlow';
3
+ src: url('../assets/fonts/Barlow/Barlow-Light.ttf') format('truetype');
4
+ font-weight: 300;
5
+ font-style: normal;
6
+ }
7
+ @font-face {
8
+ font-family: 'Barlow';
9
+ src: url('../assets/fonts/Barlow/Barlow-Regular.ttf') format('truetype');
10
+ font-weight: 400;
11
+ font-style: normal;
12
+ }
13
+ @font-face {
14
+ font-family: 'Barlow';
15
+ src: url('../assets/fonts/Barlow/Barlow-Medium.ttf') format('truetype');
16
+ font-weight: 500;
17
+ font-style: normal;
18
+ }
19
+ @font-face {
20
+ font-family: 'Barlow';
21
+ src: url('../assets/fonts/Barlow/Barlow-SemiBold.ttf') format('truetype');
22
+ font-weight: 600;
23
+ font-style: normal;
24
+ }
25
+ @font-face {
26
+ font-family: 'Inter';
27
+ src: url('../assets/fonts/Inter/Inter-Light.ttf') format('truetype');
28
+ font-weight: 300;
29
+ font-style: normal;
30
+ }
31
+ @font-face {
32
+ font-family: 'Inter';
33
+ src: url('../assets/fonts/Inter/Inter-Regular.ttf') format('truetype');
34
+ font-weight: 400;
35
+ font-style: normal;
36
+ }
37
+ @font-face {
38
+ font-family: 'Inter';
39
+ src: url('../assets/fonts/Inter/Inter-Medium.ttf') format('truetype');
40
+ font-weight: 500;
41
+ font-style: normal;
42
+ }
43
+ @font-face {
44
+ font-family: 'Inter';
45
+ src: url('../assets/fonts/Inter/Inter-SemiBold.ttf') format('truetype');
46
+ font-weight: 600;
47
+ font-style: normal;
48
+ }
49
+
50
+ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
51
+
52
+ :root {
53
+ --color-VertPrairie-50: #F3FDE7;
54
+ --color-VertPrairie-75: #0B220B;
55
+ --color-VertPrairie-100: #112233;
56
+ --color-VertPrairie-125: #184116;
57
+ --color-VertPrairie-200: #235A1F;
58
+ --color-VertPrairie-300: #9EED61;
59
+ --color-VertPrairie-400: #85E23F;
60
+ --color-VertPrairie-425: #3E8F32;
61
+ --color-VertPrairie-850: #BEE2B0;
62
+ --color-VertPrairie-925: #D7EED0;
63
+ --color-VertPrairie-950: #E6F4E1;
64
+ --color-VertPrairie-975: #F3FAF1;
65
+ --color-VertPrairie-main-646: #60BB46;
66
+ --color-VertPrairie-sun-475: #3E7F2E;
67
+ --color-VertPrairie-sun-475-hover: #28571D;
68
+ --color-Mandarine-50: #FEF9EE;
69
+ --color-Mandarine-100: #FDF2D7;
70
+ --color-Mandarine-200: #FBE0AD;
71
+ --color-Mandarine-300: #F8C979;
72
+ --color-Mandarine-400: #F4A843;
73
+ --color-Mandarine-500: #F19023;
74
+ --color-Mandarine-600: #E27414;
75
+ --color-Mandarine-700: #BB5813;
76
+ --color-Mandarine-800: #954517;
77
+ --color-Mandarine-900: #783B16;
78
+ --color-Mandarine-950: #411C09;
79
+ --color-Lilas-50: #F6F5FD;
80
+ --color-Lilas-100: #EFECFB;
81
+ --color-Lilas-200: #E0DCF8;
82
+ --color-Lilas-300: #C9BFF3;
83
+ --color-Lilas-400: #AD9BEA;
84
+ --color-Lilas-500: #8C6CDF;
85
+ --color-Lilas-600: #8053D4;
86
+ --color-Lilas-700: #7041C0;
87
+ --color-Lilas-800: #5D36A1;
88
+ --color-Lilas-900: #4E2E84;
89
+ --color-Lilas-950: #301C59;
90
+ --color-Shakespeare-50: #EEFBFD;
91
+ --color-Shakespeare-100: #D3F3FA;
92
+ --color-Shakespeare-200: #ADE6F4;
93
+ --color-Shakespeare-300: #75D3EB;
94
+ --color-Shakespeare-400: #31B5DA;
95
+ --color-Shakespeare-500: #1999C1;
96
+ --color-Shakespeare-600: #187BA2;
97
+ --color-Shakespeare-700: #1A6484;
98
+ --color-Shakespeare-800: #1E526C;
99
+ --color-Shakespeare-900: #1D465C;
100
+ --color-Shakespeare-950: #0E2D3E;
101
+ --color-Cerise-50: #FDF2F8;
102
+ --color-Cerise-100: #FCE7F3;
103
+ --color-Cerise-200: #FBCFE8;
104
+ --color-Cerise-300: #FAA7D5;
105
+ --color-Cerise-400: #F571B7;
106
+ --color-Cerise-500: #EE469A;
107
+ --color-Cerise-600: #DA2275;
108
+ --color-Cerise-700: #C0165E;
109
+ --color-Cerise-800: #9E164E;
110
+ --color-Cerise-900: #841744;
111
+ --color-Cerise-950: #510624;
112
+ --color-Pacifika-50: #FFFDE4;
113
+ --color-Pacifika-100: #FFFDC5;
114
+ --color-Pacifika-200: #FFFF92;
115
+ --color-Pacifika-300: #F9FF53;
116
+ --color-Pacifika-400: #EEFB20;
117
+ --color-Pacifika-500: #D1E200;
118
+ --color-Pacifika-600: #A2B500;
119
+ --color-Pacifika-700: #738102;
120
+ --color-Pacifika-800: #5F6B09;
121
+ --color-Pacifika-900: #505A0D;
122
+ --color-Pacifika-950: #2A3300;
123
+ --color-GoldenFizz-50: #FFFEE5;
124
+ --color-GoldenFizz-100: #FEFFC7;
125
+ --color-GoldenFizz-200: #FCFF95;
126
+ --color-GoldenFizz-300: #F4FE58;
127
+ --color-GoldenFizz-400: #E4F40E;
128
+ --color-GoldenFizz-500: #C9DC06;
129
+ --color-GoldenFizz-600: #9DB000;
130
+ --color-GoldenFizz-700: #758506;
131
+ --color-GoldenFizz-800: #5D690B;
132
+ --color-GoldenFizz-900: #4D580F;
133
+ --color-GoldenFizz-950: #293102;
134
+ --color-GrisPolaire-50: #F4F6FA;
135
+ --color-GrisPolaire-100: #E6EBF3;
136
+ --color-GrisPolaire-200: #D3DBEA;
137
+ --color-GrisPolaire-300: #B4C3DC;
138
+ --color-GrisPolaire-400: #90A4CA;
139
+ --color-GrisPolaire-500: #7589BC;
140
+ --color-GrisPolaire-600: #6372AD;
141
+ --color-GrisPolaire-700: #57639E;
142
+ --color-GrisPolaire-800: #4B5282;
143
+ --color-GrisPolaire-900: #404668;
144
+ --color-GrisPolaire-950: #2A2D41;
145
+ --color-ButteryWhite-50: #FFFBEA;
146
+ --color-ButteryWhite-100: #FEF4C7;
147
+ --color-ButteryWhite-200: #FDE78A;
148
+ --color-ButteryWhite-300: #FCD54D;
149
+ --color-ButteryWhite-400: #FBC124;
150
+ --color-ButteryWhite-500: #F5A00B;
151
+ --color-ButteryWhite-600: #D97906;
152
+ --color-ButteryWhite-700: #B45509;
153
+ --color-ButteryWhite-800: #92410E;
154
+ --color-ButteryWhite-900: #78360F;
155
+ --color-ButteryWhite-950: #451B03;
156
+ --color-CoralRed-50: #FEF2F2;
157
+ --color-CoralRed-100: #FEE2E2;
158
+ --color-CoralRed-200: #FECACA;
159
+ --color-CoralRed-300: #FCA5A5;
160
+ --color-CoralRed-400: #F77272;
161
+ --color-CoralRed-500: #EF4E4E;
162
+ --color-CoralRed-600: #DB2727;
163
+ --color-CoralRed-700: #B81D1D;
164
+ --color-CoralRed-800: #981C1C;
165
+ --color-CoralRed-900: #7F1D1D;
166
+ --color-CoralRed-950: #450A0A;
167
+ --color-Lochmara-50: #F1F8FE;
168
+ --color-Lochmara-100: #E2F1FC;
169
+ --color-Lochmara-200: #BFE2F8;
170
+ --color-Lochmara-300: #87CCF2;
171
+ --color-Lochmara-400: #47B0E9;
172
+ --color-Lochmara-500: #1F97D8;
173
+ --color-Lochmara-600: #1177B6;
174
+ --color-Lochmara-700: #0F5F95;
175
+ --color-Lochmara-800: #11527B;
176
+ --color-Lochmara-900: #144566;
177
+ --color-Lochmara-950: #0D2C44;
178
+ --color-BigStone-50: #F2F8FD;
179
+ --color-BigStone-100: #E4EFFA;
180
+ --color-BigStone-200: #C2DFF5;
181
+ --color-BigStone-300: #8CC5ED;
182
+ --color-BigStone-400: #4EA7E2;
183
+ --color-BigStone-500: #288CCF;
184
+ --color-BigStone-600: #196FB0;
185
+ --color-BigStone-700: #16598E;
186
+ --color-BigStone-800: #164C76;
187
+ --color-BigStone-900: #174063;
188
+ --color-BigStone-950: #102A43;
189
+ --color-PinkVivid-50: #FFF5F8;
190
+ --color-PinkVivid-100: #FFB8D2;
191
+ --color-PinkVivid-200: #FF8CBA;
192
+ --color-PinkVivid-300: #F364A2;
193
+ --color-PinkVivid-400: #E8368F;
194
+ --color-PinkVivid-500: #D9127C;
195
+ --color-PinkVivid-600: #BC0A6F;
196
+ --color-PinkVivid-700: #A30664;
197
+ --color-PinkVivid-800: #870557;
198
+ --color-PinkVivid-900: #620042;
199
+ --color-LimeGreen-50: #F6FCE9;
200
+ --color-LimeGreen-100: #EAF7D0;
201
+ --color-LimeGreen-200: #D7F0A6;
202
+ --color-LimeGreen-300: #BBE472;
203
+ --color-LimeGreen-400: #A1D447;
204
+ --color-LimeGreen-500: #7BB026;
205
+ --color-LimeGreen-600: #7BB026;
206
+ --color-LimeGreen-700: #4D711A;
207
+ --color-LimeGreen-800: #3F5A1A;
208
+ --color-LimeGreen-900: #374D1A;
209
+ --color-LimeGreen-950: #1A2A09;
210
+ --color-Purple-50: #EAE2F8;
211
+ --color-Purple-100: #CFBCF2;
212
+ --color-Purple-200: #A081D9;
213
+ --color-Purple-300: #8662C7;
214
+ --color-Purple-400: #724BB7;
215
+ --color-Purple-500: #653CAD;
216
+ --color-Purple-600: #51279B;
217
+ --color-Purple-700: #421987;
218
+ --color-Purple-800: #34126F;
219
+ --color-Purple-900: #240754;
220
+ --color-Focus-525: #0A76F6;
221
+ --color-OrangeWarning-425: #BC4401;
222
+ --color-OrangeWarning-625: #F96B24;
223
+ --color-OrangeWarning-850: #FFC6AA;
224
+ --color-OrangeWarning-925: #FFE2D4;
225
+ --color-OrangeWarning-950: #FFEEE5;
226
+ --color-OrangeWarning-975: #FFF5F0;
227
+ --color-OrangeWarning-main-525: #D64D00;
228
+ --color-RougeErreur-425: #C62416;
229
+ --color-RougeErreur-850: #FAC0BB;
230
+ --color-RougeErreur-925: #FCDFDC;
231
+ --color-RougeErreur-950: #FDEAE8;
232
+ --color-RougeErreur-975: #FEF5F4;
233
+ --color-RougeErreur-main-525: #E62C1C;
234
+ --color-RougeGroseille-75: #2A070C;
235
+ --color-RougeGroseille-100: #3D0B12;
236
+ --color-RougeGroseille-125: #4F0F17;
237
+ --color-RougeGroseille-200: #74202A;
238
+ --color-RougeGroseille-625: #E85C72;
239
+ --color-RougeGroseille-850: #F4B6C0;
240
+ --color-RougeGroseille-925: #F9D6DC;
241
+ --color-RougeGroseille-950: #FBE5E9;
242
+ --color-RougeGroseille-975: #FEF7F8;
243
+ --color-RougeGroseille-main-465: #D81B39;
244
+ --color-Mariner-50: #F1F7FE;
245
+ --color-Mariner-100: #E2EEFC;
246
+ --color-Mariner-200: #BEDDF9;
247
+ --color-Mariner-300: #85C0F4;
248
+ --color-Mariner-400: #44A0EC;
249
+ --color-Mariner-500: #1C85DB;
250
+ --color-Mariner-600: #1070CA;
251
+ --color-Mariner-700: #0D5297;
252
+ --color-Mariner-800: #0F477D;
253
+ --color-Mariner-900: #123C68;
254
+ --color-Mariner-950: #0C2645;
255
+ --color-MountainMeadow-50: #EFFAF4;
256
+ --color-MountainMeadow-100: #D7F4E1;
257
+ --color-MountainMeadow-200: #B3E7C9;
258
+ --color-MountainMeadow-300: #81D4A9;
259
+ --color-MountainMeadow-400: #47B881;
260
+ --color-MountainMeadow-500: #2A9F6A;
261
+ --color-MountainMeadow-600: #1C7F54;
262
+ --color-MountainMeadow-700: #166645;
263
+ --color-MountainMeadow-800: #145139;
264
+ --color-MountainMeadow-900: #114330;
265
+ --color-MountainMeadow-950: #09251C;
266
+ --color-Watusi-50: #FEF5F2;
267
+ --color-Watusi-100: #FFE9E1;
268
+ --color-Watusi-200: #FFD6C7;
269
+ --color-Watusi-300: #FEBBA3;
270
+ --color-Watusi-400: #FB946E;
271
+ --color-Watusi-500: #F27041;
272
+ --color-Watusi-600: #E05522;
273
+ --color-Watusi-700: #BA461C;
274
+ --color-Watusi-800: #9B3C19;
275
+ --color-Watusi-900: #81361B;
276
+ --color-Watusi-950: #461909;
277
+ --color-Sunshade-50: #FDF9E9;
278
+ --color-Sunshade-100: #FBF2C6;
279
+ --color-Sunshade-200: #F9E18F;
280
+ --color-Sunshade-300: #F5C94F;
281
+ --color-Sunshade-400: #F0B429;
282
+ --color-Sunshade-500: #DF9913;
283
+ --color-Sunshade-600: #C1750D;
284
+ --color-Sunshade-700: #9A530E;
285
+ --color-Sunshade-800: #7F4214;
286
+ --color-Sunshade-900: #6D3616;
287
+ --color-Sunshade-950: #3F1B09;
288
+ --color-BleuCiel-75: #072128;
289
+ --color-BleuCiel-100: #082932;
290
+ --color-BleuCiel-125: #0B2E38;
291
+ --color-BleuCiel-200: #123F4B;
292
+ --color-BleuCiel-425: #076D8A;
293
+ --color-BleuCiel-525: #1288A7;
294
+ --color-BleuCiel-850: #7CDEF9;
295
+ --color-BleuCiel-925: #C5F0FC;
296
+ --color-BleuCiel-950: #DBF6FD;
297
+ --color-BleuCiel-975: #EDFAFE;
298
+ --color-BleuCiel-main-686: #31B5DA;
299
+ --color-BleuCiel-sun-335: #04566D;
300
+ --color-Monza-50: #FFF0F2;
301
+ --color-Monza-100: #FFE5E9;
302
+ --color-Monza-200: #FFC1C9;
303
+ --color-Monza-300: #FF95A2;
304
+ --color-Monza-400: #FF596E;
305
+ --color-Monza-500: #FF2641;
306
+ --color-Monza-600: #FC0624;
307
+ --color-Monza-700: #D60019;
308
+ --color-Monza-800: #AF051A;
309
+ --color-Monza-900: #900C1C;
310
+ --color-Monza-950: #50000A;
311
+ --color-SlateGrey-50: #12161D;
312
+ --color-SlateGrey-75: #191E26;
313
+ --color-SlateGrey-100: #1F242D;
314
+ --color-SlateGrey-125: #242B31;
315
+ --color-SlateGrey-175: #2E373E;
316
+ --color-SlateGrey-200: #323B43;
317
+ --color-SlateGrey-300: #C5D6DC;
318
+ --color-SlateGrey-400: #ADC2CC;
319
+ --color-SlateGrey-425: #5B6B78;
320
+ --color-SlateGrey-500: #98ADBC;
321
+ --color-SlateGrey-600: #8197AA;
322
+ --color-SlateGrey-625: #8197AA;
323
+ --color-SlateGrey-700: #66788A;
324
+ --color-SlateGrey-800: #5B6B78;
325
+ --color-SlateGrey-850: #BED1D8;
326
+ --color-SlateGrey-900: #D2DFE4;
327
+ --color-SlateGrey-925: #DBE7EA;
328
+ --color-SlateGrey-950: #EBF2F4;
329
+ --color-SlateGrey-975: #F6FAFA;
330
+ --color-SlateGrey-1000: #FFFFFF;
331
+ --color-Neutre-50: #151617;
332
+ --color-Neutre-75: #1D1E20;
333
+ --color-Neutre-100: #232427;
334
+ --color-Neutre-125: #282A2D;
335
+ --color-Neutre-150: #2D2F32;
336
+ --color-Neutre-175: #323439;
337
+ --color-Neutre-200: #373A3F;
338
+ --color-Neutre-425: #5F6571;
339
+ --color-Neutre-525: #747E91;
340
+ --color-Neutre-625: #8D97AC;
341
+ --color-Neutre-850: #CED5E1;
342
+ --color-Neutre-900: #DEE3EC;
343
+ --color-Neutre-925: #E6EAF1;
344
+ --color-Neutre-950: #EFF1F6;
345
+ --color-Neutre-975: #F6F7F8;
346
+ --color-Neutre-1000: #FFFFFF;
347
+ --color-BleuCaptive-75: #011E3A;
348
+ --color-BleuCaptive-100: #012448;
349
+ --color-BleuCaptive-125: #012B53;
350
+ --color-BleuCaptive-200: #033B72;
351
+ --color-BleuCaptive-425: #0264C7;
352
+ --color-BleuCaptive-625: #2591FE;
353
+ --color-BleuCaptive-850: #B4D9FE;
354
+ --color-BleuCaptive-925: #D2E8FE;
355
+ --color-BleuCaptive-950: #E5F1FE;
356
+ --color-BleuCaptive-975: #F2F9FF;
357
+ --color-BleuCaptive-main-525: #0379EF;
358
+ --color-BleuCaptive-sun-172: #002764;
359
+ --color-BleuCaptive-sun-172-hover: #0048AC;
360
+ --color-BleuCaptive-sun-100: #012448;
361
+ --color-VertSuccess-75: #16221B;
362
+ --color-VertSuccess-100: #18271E;
363
+ --color-VertSuccess-125: #1B2F23;
364
+ --color-VertSuccess-200: #1E412D;
365
+ --color-VertSuccess-425: #1B7440;
366
+ --color-VertSuccess-625: #27A65C;
367
+ --color-VertSuccess-850: #3EEA86;
368
+ --color-VertSuccess-925: #87FCB8;
369
+ --color-VertSuccess-950: #B9FDD5;
370
+ --color-VertSuccess-975: #EEFBF3;
371
+ --color-VertSuccess-main-525: #238C4F;
372
+ --color-Ocre-75: #241D03;
373
+ --color-Ocre-100: #2C2404;
374
+ --color-Ocre-125: #342A05;
375
+ --color-Ocre-200: #403508;
376
+ --color-Ocre-850: #EDD05C;
377
+ --color-Ocre-925: #F3E094;
378
+ --color-Ocre-950: #F9F0CC;
379
+ --color-Ocre-975: #FDF9E9;
380
+ --color-Ocre-moon-910: #FFE571;
381
+ --color-Ocre-main-686: #C7A418;
382
+ --color-Ocre-sun-403: #6F5E18;
383
+ --color-LightBlueVivid-50: #F0FBFF;
384
+ --color-LightBlueVivid-100: #D6F3FD;
385
+ --color-LightBlueVivid-200: #A8E4FA;
386
+ --color-LightBlueVivid-300: #79D1F4;
387
+ --color-LightBlueVivid-400: #4ABDE9;
388
+ --color-LightBlueVivid-500: #2FA4DC;
389
+ --color-LightBlueVivid-600: #1177B6;
390
+ --color-LightBlueVivid-700: #0E6398;
391
+ --color-LightBlueVivid-800: #0C507B;
392
+ --color-LightBlueVivid-900: #093E60;
393
+ --color-LightBlueVivid-950: #072C45;
394
+ --spacing-100: 16px;
395
+ --spacing-150: 24px;
396
+ --spacing-200: 32px;
397
+ --spacing-300: 48px;
398
+ --spacing-400: 64px;
399
+ --spacing-500: 80px;
400
+ --spacing-600: 96px;
401
+ --spacing-800: 128px;
402
+ --spacing-1200: 193px;
403
+ --spacing-1600: 256px;
404
+ --spacing-2400: 384px;
405
+ --spacing-3200: 512px;
406
+ --spacing-4000: 640px;
407
+ --spacing-4800: 768px;
408
+ --spacing-000: 0px;
409
+ --spacing-025: 4px;
410
+ --spacing-0375: 6px;
411
+ --spacing-050: 8px;
412
+ --spacing-075: 12px;
413
+ --spacing-0v: 0px;
414
+ --spacing-0-5v: 2px;
415
+ --spacing-1v: 4px;
416
+ --spacing-1-5v: 6px;
417
+ --spacing-1w: 8px;
418
+ --spacing-3v: 12px;
419
+ --spacing-2w: 16px;
420
+ --spacing-3w: 24px;
421
+ --spacing-4w: 32px;
422
+ --spacing-5w: 40px;
423
+ --spacing-6w: 48px;
424
+ --spacing-8w: 64px;
425
+ --spacing-12w: 96px;
426
+ --spacing-15w: 120px;
427
+ --radius-sm: 4px;
428
+ --radius-md: 6px;
429
+ --radius-lg: 10px;
430
+ --radius-full: 99999px;
431
+ --elevation-0: none;
432
+ --elevation-1: 0px 1px 2px rgba(21,22,23,0.10), 0px 0px 1px rgba(21,22,23,0.04);
433
+ --elevation-2: 0px 2px 4px rgba(21,22,23,0.10), 0px 1px 2px rgba(21,22,23,0.06);
434
+ --elevation-3: 0px 4px 8px rgba(21,22,23,0.12), 0px 2px 4px rgba(21,22,23,0.07);
435
+ --elevation-4: 0px 6px 12px rgba(21,22,23,0.14), 0px 3px 6px rgba(21,22,23,0.08);
436
+ --elevation-raised: 0 2px 6px 0 rgba(1, 43, 83, 0.16);
437
+ --elevation-overlap: 0 4px 12px 0 rgba(1, 43, 83, 0.16);
438
+ --elevation-lifted: 0 6px 18px 0 rgba(1, 43, 83, 0.16);
439
+ --font-Barlow-Light-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
440
+ --font-Barlow-Light-weight: 300;
441
+ --font-Barlow-Regular-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
442
+ --font-Barlow-Regular-weight: 400;
443
+ --font-Barlow-Medium-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
444
+ --font-Barlow-Medium-weight: 500;
445
+ --font-Barlow-Bold-family: Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
446
+ --font-Barlow-Bold-weight: 600;
447
+ --font-Inter-Light-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
448
+ --font-Inter-Light-weight: 300;
449
+ --font-Inter-Regular-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
450
+ --font-Inter-Regular-weight: 400;
451
+ --font-Inter-Medium-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
452
+ --font-Inter-Medium-weight: 500;
453
+ --font-Inter-Bold-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif;
454
+ --font-Inter-Bold-weight: 600;
455
+ --typography-titres-alternatifs-xs-font-family: var(--font-Barlow-Bold-family);
456
+ --typography-titres-alternatifs-xs-font-weight: var(--font-Barlow-Bold-weight);
457
+ --typography-titres-alternatifs-xs-font-size: 48px;
458
+ --typography-titres-alternatifs-xs-line-height: 56px;
459
+ --typography-titres-alternatifs-sm-font-family: var(--font-Barlow-Bold-family);
460
+ --typography-titres-alternatifs-sm-font-weight: var(--font-Barlow-Bold-weight);
461
+ --typography-titres-alternatifs-sm-font-size: 56px;
462
+ --typography-titres-alternatifs-sm-line-height: 64px;
463
+ --typography-titres-alternatifs-md-font-family: var(--font-Barlow-Bold-family);
464
+ --typography-titres-alternatifs-md-font-weight: var(--font-Barlow-Bold-weight);
465
+ --typography-titres-alternatifs-md-font-size: 64px;
466
+ --typography-titres-alternatifs-md-line-height: 72px;
467
+ --typography-titres-alternatifs-lg-font-family: var(--font-Barlow-Bold-family);
468
+ --typography-titres-alternatifs-lg-font-weight: var(--font-Barlow-Bold-weight);
469
+ --typography-titres-alternatifs-lg-font-size: 72px;
470
+ --typography-titres-alternatifs-lg-line-height: 80px;
471
+ --typography-titres-alternatifs-xl-font-family: var(--font-Barlow-Bold-family);
472
+ --typography-titres-alternatifs-xl-font-weight: var(--font-Barlow-Bold-weight);
473
+ --typography-titres-alternatifs-xl-font-size: 80px;
474
+ --typography-titres-alternatifs-xl-line-height: 88px;
475
+ --typography-titres-h6-xxs-font-family: var(--font-Inter-Bold-family);
476
+ --typography-titres-h6-xxs-font-weight: var(--font-Inter-Bold-weight);
477
+ --typography-titres-h6-xxs-font-size: 20px;
478
+ --typography-titres-h6-xxs-line-height: 28px;
479
+ --typography-titres-h5-xs-font-family: var(--font-Inter-Bold-family);
480
+ --typography-titres-h5-xs-font-weight: var(--font-Inter-Bold-weight);
481
+ --typography-titres-h5-xs-font-size: 22px;
482
+ --typography-titres-h5-xs-line-height: 28px;
483
+ --typography-titres-h4-sm-font-family: var(--font-Inter-Bold-family);
484
+ --typography-titres-h4-sm-font-weight: var(--font-Inter-Bold-weight);
485
+ --typography-titres-h4-sm-font-size: 24px;
486
+ --typography-titres-h4-sm-line-height: 32px;
487
+ --typography-titres-h3-md-font-family: var(--font-Inter-Bold-family);
488
+ --typography-titres-h3-md-font-weight: var(--font-Inter-Bold-weight);
489
+ --typography-titres-h3-md-font-size: 28px;
490
+ --typography-titres-h3-md-line-height: 36px;
491
+ --typography-titres-h2-lg-font-family: var(--font-Inter-Bold-family);
492
+ --typography-titres-h2-lg-font-weight: var(--font-Inter-Bold-weight);
493
+ --typography-titres-h2-lg-font-size: 32px;
494
+ --typography-titres-h2-lg-line-height: 36px;
495
+ --typography-titres-h1-xl-font-family: var(--font-Barlow-Bold-family);
496
+ --typography-titres-h1-xl-font-weight: var(--font-Barlow-Bold-weight);
497
+ --typography-titres-h1-xl-font-size: 40px;
498
+ --typography-titres-h1-xl-line-height: 48px;
499
+ --typography-corps-de-texte-xs-regular-font-family: var(--font-Inter-Regular-family);
500
+ --typography-corps-de-texte-xs-regular-font-weight: var(--font-Inter-Regular-weight);
501
+ --typography-corps-de-texte-xs-regular-font-size: 12px;
502
+ --typography-corps-de-texte-xs-regular-line-height: 20px;
503
+ --typography-corps-de-texte-xs-bold-font-family: var(--font-Inter-Bold-family);
504
+ --typography-corps-de-texte-xs-bold-font-weight: var(--font-Inter-Bold-weight);
505
+ --typography-corps-de-texte-xs-bold-font-size: 12px;
506
+ --typography-corps-de-texte-xs-bold-line-height: 20px;
507
+ --typography-corps-de-texte-xs-caps-font-family: var(--font-Inter-Regular-family);
508
+ --typography-corps-de-texte-xs-caps-font-weight: var(--font-Inter-Regular-weight);
509
+ --typography-corps-de-texte-xs-caps-font-size: 12px;
510
+ --typography-corps-de-texte-xs-caps-line-height: 20px;
511
+ --typography-corps-de-texte-xs-caps-text-transform: uppercase;
512
+ --typography-corps-de-texte-xs-capsbold-font-family: var(--font-Inter-Bold-family);
513
+ --typography-corps-de-texte-xs-capsbold-font-weight: var(--font-Inter-Bold-weight);
514
+ --typography-corps-de-texte-xs-capsbold-font-size: 12px;
515
+ --typography-corps-de-texte-xs-capsbold-line-height: 20px;
516
+ --typography-corps-de-texte-xs-capsbold-text-transform: uppercase;
517
+ --typography-corps-de-texte-xs-semibold-font-family: var(--font-Inter-Bold-family);
518
+ --typography-corps-de-texte-xs-semibold-font-weight: var(--font-Inter-Bold-weight);
519
+ --typography-corps-de-texte-xs-semibold-font-size: 12px;
520
+ --typography-corps-de-texte-xs-semibold-line-height: 20px;
521
+ --typography-corps-de-texte-sm-regular-font-family: var(--font-Inter-Regular-family);
522
+ --typography-corps-de-texte-sm-regular-font-weight: var(--font-Inter-Regular-weight);
523
+ --typography-corps-de-texte-sm-regular-font-size: 14px;
524
+ --typography-corps-de-texte-sm-regular-line-height: 20px;
525
+ --typography-corps-de-texte-sm-medium-font-family: var(--font-Inter-Medium-family);
526
+ --typography-corps-de-texte-sm-medium-font-weight: var(--font-Inter-Medium-weight);
527
+ --typography-corps-de-texte-sm-medium-font-size: 14px;
528
+ --typography-corps-de-texte-sm-medium-line-height: 20px;
529
+ --typography-corps-de-texte-sm-semibold-font-family: var(--font-Inter-Bold-family);
530
+ --typography-corps-de-texte-sm-semibold-font-weight: var(--font-Inter-Bold-weight);
531
+ --typography-corps-de-texte-sm-semibold-font-size: 14px;
532
+ --typography-corps-de-texte-sm-semibold-line-height: 20px;
533
+ --typography-corps-de-texte-sm-bold-font-family: var(--font-Inter-Bold-family);
534
+ --typography-corps-de-texte-sm-bold-font-weight: var(--font-Inter-Bold-weight);
535
+ --typography-corps-de-texte-sm-bold-font-size: 14px;
536
+ --typography-corps-de-texte-sm-bold-line-height: 20px;
537
+ --typography-corps-de-texte-sm-capsbold-font-family: var(--font-Inter-Bold-family);
538
+ --typography-corps-de-texte-sm-capsbold-font-weight: var(--font-Inter-Bold-weight);
539
+ --typography-corps-de-texte-sm-capsbold-font-size: 14px;
540
+ --typography-corps-de-texte-sm-capsbold-line-height: 20px;
541
+ --typography-corps-de-texte-sm-capsbold-text-transform: uppercase;
542
+ --typography-corps-de-texte-md-regular-font-family: var(--font-Inter-Regular-family);
543
+ --typography-corps-de-texte-md-regular-font-weight: var(--font-Inter-Regular-weight);
544
+ --typography-corps-de-texte-md-regular-font-size: 16px;
545
+ --typography-corps-de-texte-md-regular-line-height: 24px;
546
+ --typography-corps-de-texte-md-medium-font-family: var(--font-Inter-Medium-family);
547
+ --typography-corps-de-texte-md-medium-font-weight: var(--font-Inter-Medium-weight);
548
+ --typography-corps-de-texte-md-medium-font-size: 16px;
549
+ --typography-corps-de-texte-md-medium-line-height: 24px;
550
+ --typography-corps-de-texte-md-semibold-font-family: var(--font-Inter-Bold-family);
551
+ --typography-corps-de-texte-md-semibold-font-weight: var(--font-Inter-Bold-weight);
552
+ --typography-corps-de-texte-md-semibold-font-size: 16px;
553
+ --typography-corps-de-texte-md-semibold-line-height: 24px;
554
+ --typography-corps-de-texte-md-bold-font-family: var(--font-Inter-Bold-family);
555
+ --typography-corps-de-texte-md-bold-font-weight: var(--font-Inter-Bold-weight);
556
+ --typography-corps-de-texte-md-bold-font-size: 16px;
557
+ --typography-corps-de-texte-md-bold-line-height: 24px;
558
+ --typography-corps-de-texte-lg-regular-font-family: var(--font-Inter-Regular-family);
559
+ --typography-corps-de-texte-lg-regular-font-weight: var(--font-Inter-Regular-weight);
560
+ --typography-corps-de-texte-lg-regular-font-size: 18px;
561
+ --typography-corps-de-texte-lg-regular-line-height: 28px;
562
+ --typography-corps-de-texte-lg-medium-font-family: var(--font-Inter-Medium-family);
563
+ --typography-corps-de-texte-lg-medium-font-weight: var(--font-Inter-Medium-weight);
564
+ --typography-corps-de-texte-lg-medium-font-size: 18px;
565
+ --typography-corps-de-texte-lg-medium-line-height: 28px;
566
+ --typography-corps-de-texte-lg-semibold-font-family: var(--font-Inter-Bold-family);
567
+ --typography-corps-de-texte-lg-semibold-font-weight: var(--font-Inter-Bold-weight);
568
+ --typography-corps-de-texte-lg-semibold-font-size: 18px;
569
+ --typography-corps-de-texte-lg-semibold-line-height: 28px;
570
+ --artwork-major-primary: var(--color-BleuCaptive-200);
571
+ --artwork-decorative-primary: var(--color-BleuCaptive-950);
572
+ --artwork-minor-secondary: var(--color-Cerise-600);
573
+ --background-alt-primary: var(--color-BleuCaptive-975);
574
+ --background-alt-grey: var(--color-Neutre-975);
575
+ --background-action-low-primary: var(--color-BleuCaptive-925);
576
+ --background-contrast-grey: var(--color-Neutre-950);
577
+ --background-contrast-success: var(--color-VertSuccess-950);
578
+ --background-contrast-error: var(--color-RougeErreur-950);
579
+ --background-contrast-info: var(--color-BleuCaptive-950);
580
+ --background-contrast-warning: var(--color-OrangeWarning-950);
581
+ --background-default-grey: var(--color-Neutre-1000);
582
+ --background-default-grey-hover: var(--color-Neutre-975);
583
+ --background-default-grey-active: var(--color-Neutre-925);
584
+ --background-active-primary: var(--color-BleuCaptive-sun-172);
585
+ --background-disabled-grey: var(--color-Neutre-925);
586
+ --background-active-inverted: var(--color-Neutre-1000);
587
+ --background-transparent-hover: rgba(0, 0, 0, 0.04);
588
+ --background-action-high-primary: var(--color-BleuCaptive-sun-172);
589
+ --background-action-high-primary-hover: var(--color-BleuCaptive-sun-172-hover);
590
+ --background-action-high-error: var(--color-RougeErreur-425);
591
+ --background-flat-error: var(--color-RougeErreur-425);
592
+ --background-flat-info: var(--color-BleuCaptive-425);
593
+ --background-flat-success: var(--color-VertSuccess-425);
594
+ --background-flat-warning: var(--color-OrangeWarning-425);
595
+ --background-open-primary: var(--color-BleuCaptive-925);
596
+ --border-default-grey: var(--color-Neutre-900);
597
+ --border-contrast-grey: var(--color-Neutre-625);
598
+ --border-default-primary: var(--color-BleuCaptive-425);
599
+ --border-action-high-primary: var(--color-BleuCaptive-sun-172);
600
+ --border-action-high-grey: var(--color-Neutre-50);
601
+ --border-active-primary: var(--color-BleuCaptive-sun-172);
602
+ --border-open-primary: var(--color-BleuCaptive-925);
603
+ --border-disabled-grey: var(--color-Neutre-925);
604
+ --border-plain-primary: var(--color-BleuCaptive-sun-172);
605
+ --border-plain-grey: var(--color-Neutre-200);
606
+ --border-plain-success: var(--color-VertSuccess-425);
607
+ --border-plain-error: var(--color-RougeErreur-425);
608
+ --border-plain-warning: var(--color-OrangeWarning-425);
609
+ --border-plain-info: var(--color-BleuCaptive-425);
610
+ --border-action-low-primary: var(--color-BleuCaptive-850);
611
+ --text-title-grey: var(--color-Neutre-50);
612
+ --text-title-primary: var(--color-BleuCaptive-sun-172);
613
+ --text-default-grey: var(--color-Neutre-200);
614
+ --text-mention-grey: var(--color-Neutre-425);
615
+ --text-label-grey: var(--color-Neutre-50);
616
+ --text-action-high-primary: var(--color-BleuCaptive-125);
617
+ --text-action-high-grey: var(--color-Neutre-50);
618
+ --text-action-high-info: var(--color-BleuCaptive-425);
619
+ --text-action-high-warning: var(--color-OrangeWarning-425);
620
+ --text-action-high-error: var(--color-RougeErreur-425);
621
+ --text-inverted-grey: var(--color-Neutre-1000);
622
+ --text-inverted-primary: var(--color-BleuCaptive-975);
623
+ --text-active-primary: var(--color-BleuCaptive-sun-172);
624
+ --text-active-grey: var(--color-Neutre-50);
625
+ --text-disabled-grey: var(--color-Neutre-625);
626
+ --text-default-success: var(--color-VertSuccess-425);
627
+ --text-default-error: var(--color-RougeErreur-425);
628
+ --text-default-warning: var(--color-OrangeWarning-425);
629
+ --text-default-info: var(--color-BleuCaptive-425);
630
+ --system-focus: var(--color-Focus-525);
631
+ }
632
+
633
+ @media (prefers-color-scheme: dark) {
634
+ :root {
635
+ --text-default-grey: var(--color-Neutre-850);
636
+ --background-alt-primary: var(--color-BleuCaptive-75);
637
+ --background-contrast-grey: var(--color-Neutre-100);
638
+ }
639
+ }
package/dist/helpers/makeStyles.d.ts CHANGED
@@ -1,10 +1,8 @@
1
- import { TextProps } from '@tamagui/core';
2
1
  import { CSSProperties } from 'react';
3
2
  import { useTheme } from '../ThemeProvider';
4
- export type StyleValue = Omit<CSSProperties, 'fontVariant'> & {
3
+ export type StyleValue = CSSProperties & {
5
4
  width?: number | `${string}%`;
6
5
  height?: number | `${string}%`;
7
- fontVariant?: TextProps['fontVariant'];
8
6
  };
9
7
  /**
10
8
  * Génère les styles pour les composants en injectant le theme
package/dist/helpers/makeStyles.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -56,17 +56,18 @@ export function useThemeBuilder(params) {
56
56
  const rawMergedPalette = useMemo(() => deepMerge(CustomPalette, params.color), [params.color]);
57
57
  const mergedPalette = useMemo(() => toCSSVarPalette(rawMergedPalette), [rawMergedPalette]);
58
58
  const isReady = useMemo(() => width != null && variant != null && width > 0 && loadedFonts, [loadedFonts, variant, width]);
59
- const externalPadding = useCallback(() => (Platform.OS === 'web'
59
+ const externalPadding = useCallback(() => Platform.OS === 'web'
60
60
  ? `var(--spacing-${sanitizeCSSKey(variant === 'mobile' ? '2W' : '3W')})`
61
61
  : variant === 'mobile'
62
62
  ? Spacings['2W']
63
- : Spacings['3W']), [variant]);
63
+ : Spacings['3W'], [variant]);
64
64
  const webTypography = useMemo(() => Platform.OS === 'web'
65
65
  ? toCSSVarTypography(CustomTypography)
66
66
  : CustomTypography, []);
67
67
  return {
68
68
  // Spacings
69
69
  spacing: key => (Platform.OS === 'web' ? `var(--spacing-${sanitizeCSSKey(key)})` : Spacings[key]),
70
+ spacingValue: key => Spacings[key],
70
71
  externalPadding,
71
72
  // Radius
72
73
  radius: key => (Platform.OS === 'web' ? `var(--radius-${key})` : RadiusList[key]),
package/dist/type/Theme.d.ts CHANGED
@@ -4,9 +4,12 @@ import { alpha } from '../helpers/alphaColor';
4
4
  import { elevationStyle } from '../helpers/elevationStyle';
5
5
  import type { Typography } from './Typography';
6
6
  export interface Theme {
7
- spacing: (key: SpacingKey) => Spacing;
7
+ /** Retourne une CSS variable sur web, un nombre sur native. Ne pas utiliser dans des expressions arithmétiques. */
8
+ spacing: (key: SpacingKey) => string | number;
9
+ /** Retourne toujours la valeur numérique en pixels, indépendamment de la plateforme. À utiliser pour l'arithmétique. */
10
+ spacingValue: (key: SpacingKey) => Spacing;
8
11
  /** Padding externe responsive : 100 sur mobile, 150 sur desktop */
9
- externalPadding: () => Spacing;
12
+ externalPadding: () => string | number;
10
13
  variant: Variant;
11
14
  isVariant: (variant: Variant) => boolean;
12
15
  shadows: typeof elevationStyle;
package/dist/type/Theme.d.ts.map CHANGED
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/theme",
3
- "version": "1.0.1",
3
+ "version": "1.1.0",
4
4
  "description": "Shared theme tokens and utilities.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
11
11
  ],
12
12
  "sideEffects": false,
13
13
  "scripts": {
14
- "build": "tsc -p tsconfig.build.json && rm -rf assets && cp -R src/assets assets",
14
+ "build": "tsc -p tsconfig.build.json && rm -rf assets && cp -R src/assets assets && node scripts/build-css.mjs",
15
15
  "lint": "eslint .",
16
16
  "typecheck": "tsc -p tsconfig.build.json --noEmit"
17
17
  },