@alveole/theme 0.5.0 → 0.6.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 (13) hide show
  1. package/README.md +2 -0
  2. package/dist/constants/Color.d.ts +29 -0
  3. package/dist/constants/Color.d.ts.map +1 -1
  4. package/dist/constants/Color.js +29 -0
  5. package/dist/constants/Palette.d.ts +97 -0
  6. package/dist/constants/Palette.d.ts.map +1 -1
  7. package/dist/constants/Palette.js +103 -6
  8. package/dist/constants/Spacing.d.ts +33 -0
  9. package/dist/constants/Spacing.d.ts.map +1 -1
  10. package/dist/constants/Spacing.js +33 -0
  11. package/dist/constants/Typography.d.ts +5 -5
  12. package/dist/constants/Typography.js +16 -16
  13. package/package.json +1 -1
package/README.md CHANGED
@@ -85,6 +85,8 @@ const palette = {
85
85
  module.exports = { palette };
86
86
 
87
87
  // Utiliser dans le provider :
88
+ // import config from '@/alveole.config.js';
89
+ // ...
88
90
  // <ThemeProvider color={config.palette}>
89
91
  ```
90
92
 
package/dist/constants/Color.d.ts CHANGED
@@ -193,6 +193,17 @@ export declare const Colors: {
193
193
  readonly 800: "#34126F";
194
194
  readonly 900: "#240754";
195
195
  };
196
+ readonly Focus: {
197
+ readonly 525: "#0A76F6";
198
+ };
199
+ readonly OrangeWarning: {
200
+ readonly 975: "#FFF4F3";
201
+ readonly 950: "#FFE9E6";
202
+ readonly 925: "#FFDED9";
203
+ readonly 850: "#FFBEB4";
204
+ readonly 'main-525': "#D64D00";
205
+ readonly 425: "#B34000";
206
+ };
196
207
  readonly RougeErreur: {
197
208
  readonly 975: "#FEF5F4";
198
209
  readonly 950: "#FDEAE8";
@@ -318,8 +329,13 @@ export declare const Colors: {
318
329
  readonly 850: "#B4D9FE";
319
330
  readonly 625: "#2591FE";
320
331
  readonly 'main-525': "#0379EF";
332
+ readonly 425: "#0264C7";
321
333
  readonly 200: "#033B72";
334
+ readonly 'sun-172': "#002764";
335
+ readonly 'sun-172-hover': "#0048AC";
322
336
  readonly 125: "#012B53";
337
+ readonly 100: "#012448";
338
+ /** @deprecated Utiliser 100 */
323
339
  readonly 'sun-100': "#012448";
324
340
  readonly 75: "#011E3A";
325
341
  };
@@ -336,6 +352,19 @@ export declare const Colors: {
336
352
  readonly 100: "#18271E";
337
353
  readonly 75: "#16221B";
338
354
  };
355
+ readonly Ocre: {
356
+ readonly 75: "#241D03";
357
+ readonly 100: "#2C2404";
358
+ readonly 125: "#342A05";
359
+ readonly 200: "#403508";
360
+ readonly 850: "#EDD05C";
361
+ readonly 925: "#F3E094";
362
+ readonly 950: "#F9F0CC";
363
+ readonly 975: "#FDF9E9";
364
+ readonly 'moon-910': "#FFE571";
365
+ readonly 'main-686': "#C7A418";
366
+ readonly 'sun-403': "#6F5E18";
367
+ };
339
368
  readonly LightBlueVivid: {
340
369
  readonly 50: "#F0FBFF";
341
370
  readonly 100: "#D6F3FD";
package/dist/constants/Color.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/constants/Color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+VT,CAAC;AAGX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC;AAC/D,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/constants/Color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiVf,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CzB,CAAC;AAGX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC;AAC/D,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC"}
package/dist/constants/Color.js CHANGED
@@ -193,6 +193,17 @@ export const Colors = {
193
193
  800: '#34126F',
194
194
  900: '#240754',
195
195
  },
196
+ Focus: {
197
+ 525: '#0A76F6',
198
+ },
199
+ OrangeWarning: {
200
+ 975: '#FFF4F3',
201
+ 950: '#FFE9E6',
202
+ 925: '#FFDED9',
203
+ 850: '#FFBEB4',
204
+ 'main-525': '#D64D00',
205
+ 425: '#B34000',
206
+ },
196
207
  RougeErreur: {
197
208
  975: '#FEF5F4',
198
209
  950: '#FDEAE8',
@@ -318,8 +329,13 @@ export const Colors = {
318
329
  850: '#B4D9FE',
319
330
  625: '#2591FE',
320
331
  'main-525': '#0379EF',
332
+ 425: '#0264C7',
321
333
  200: '#033B72',
334
+ 'sun-172': '#002764',
335
+ 'sun-172-hover': '#0048AC',
322
336
  125: '#012B53',
337
+ 100: '#012448',
338
+ /** @deprecated Utiliser 100 */
323
339
  'sun-100': '#012448',
324
340
  75: '#011E3A',
325
341
  },
@@ -336,6 +352,19 @@ export const Colors = {
336
352
  100: '#18271E',
337
353
  75: '#16221B',
338
354
  },
355
+ Ocre: {
356
+ 75: '#241D03',
357
+ 100: '#2C2404',
358
+ 125: '#342A05',
359
+ 200: '#403508',
360
+ 850: '#EDD05C',
361
+ 925: '#F3E094',
362
+ 950: '#F9F0CC',
363
+ 975: '#FDF9E9',
364
+ 'moon-910': '#FFE571',
365
+ 'main-686': '#C7A418',
366
+ 'sun-403': '#6F5E18',
367
+ },
339
368
  LightBlueVivid: {
340
369
  50: '#F0FBFF',
341
370
  100: '#D6F3FD',
package/dist/constants/Palette.d.ts CHANGED
@@ -1,4 +1,89 @@
1
1
  export declare const CustomPalette: {
2
+ readonly light: {
3
+ readonly artwork: {
4
+ readonly 'major-primary': "#033B72";
5
+ readonly 'decorative-primary': "#E5F1FE";
6
+ readonly 'minor-secondary': "#DA2275";
7
+ };
8
+ readonly background: {
9
+ readonly 'alt-primary': "#F2F9FF";
10
+ readonly 'alt-grey': "#F4F6FA";
11
+ readonly 'action-low-primary': "#D2E8FE";
12
+ readonly 'contrast-grey': "#EFF1F6";
13
+ readonly 'contrast-success': "#B9FDD5";
14
+ readonly 'contrast-error': "#FDEAE8";
15
+ readonly 'contrast-info': "#E5F1FE";
16
+ readonly 'contrast-warning': "#FFE9E6";
17
+ readonly 'default-grey': "#FFFFFF";
18
+ readonly 'default-grey-hover': "#F4F6FA";
19
+ readonly 'default-grey-active': "#E6EAF1";
20
+ readonly 'active-primary': "#002764";
21
+ readonly 'disabled-grey': "#E6EAF1";
22
+ readonly 'active-inverted': "#FFFFFF";
23
+ readonly 'transparent-hover': "rgba(0, 0, 0, 0.04)";
24
+ readonly 'action-high-primary': "#002764";
25
+ readonly 'action-high-primary-hover': "#0048AC";
26
+ readonly 'action-high-error': "#C62416";
27
+ readonly 'flat-error': "#C62416";
28
+ readonly 'flat-info': "#0264C7";
29
+ readonly 'flat-success': "#1B7440";
30
+ readonly 'flat-warning': "#B34000";
31
+ readonly 'open-primary': "#D2E8FE";
32
+ };
33
+ readonly border: {
34
+ readonly 'default-grey': "#DEE3EC";
35
+ readonly 'contrast-grey': "#8D97AC";
36
+ readonly 'default-primary': "#0264C7";
37
+ readonly 'action-high-primary': "#002764";
38
+ readonly 'action-high-grey': "#151617";
39
+ readonly 'active-primary': "#002764";
40
+ readonly 'open-primary': "#D2E8FE";
41
+ readonly 'disabled-grey': "#E6EAF1";
42
+ readonly 'plain-primary': "#002764";
43
+ readonly 'plain-grey': "#373A3F";
44
+ readonly 'plain-success': "#1B7440";
45
+ readonly 'plain-error': "#C62416";
46
+ readonly 'plain-warning': "#B34000";
47
+ readonly 'plain-info': "#0264C7";
48
+ readonly 'action-low-primary': "#B4D9FE";
49
+ };
50
+ readonly text: {
51
+ readonly 'title-grey': "#151617";
52
+ readonly 'title-primary': "#002764";
53
+ readonly 'default-grey': "#373A3F";
54
+ readonly 'mention-grey': "#5F6571";
55
+ readonly 'label-grey': "#151617";
56
+ readonly 'action-high-primary': "#012B53";
57
+ readonly 'action-high-grey': "#151617";
58
+ readonly 'action-high-info': "#0264C7";
59
+ readonly 'action-high-warning': "#B34000";
60
+ readonly 'action-high-error': "#C62416";
61
+ readonly 'inverted-grey': "#FFFFFF";
62
+ readonly 'inverted-primary': "#F2F9FF";
63
+ readonly 'active-primary': "#002764";
64
+ readonly 'active-grey': "#151617";
65
+ readonly 'disabled-grey': "#8D97AC";
66
+ readonly 'default-success': "#1B7440";
67
+ readonly 'default-error': "#C62416";
68
+ readonly 'default-warning': "#B34000";
69
+ readonly 'default-info': "#0264C7";
70
+ };
71
+ readonly system: {
72
+ readonly focus: "#0A76F6";
73
+ };
74
+ readonly illustration: {
75
+ readonly 'color-sun': {
76
+ readonly default: {
77
+ readonly yellow: "#6F5E18";
78
+ };
79
+ };
80
+ readonly 'color-950': {
81
+ readonly default: {
82
+ readonly yellow: "#F9F0CC";
83
+ };
84
+ };
85
+ };
86
+ };
2
87
  readonly primary: "#D9127C";
3
88
  readonly transparent: "transparent";
4
89
  readonly danger: "#C62416";
@@ -11,10 +96,16 @@ export declare const CustomPalette: {
11
96
  readonly 'title-grey': "#151617";
12
97
  readonly mention: "#5F6571";
13
98
  readonly 'disabled-grey': "#8D97AC";
99
+ /** @deprecated Utiliser action-high-primary */
14
100
  readonly 'action-high-blue-captive': "#012448";
101
+ readonly 'action-high-primary': "#012448";
102
+ readonly 'action-high-info': "#0264C7";
103
+ /** @deprecated Utiliser 'title-grey' */
15
104
  readonly 'title-blue-captive': "#012448";
16
105
  readonly 'label-grey': "#151617";
106
+ /** @deprecated Utiliser 'inverted-primary' */
17
107
  readonly 'inverted-blue-captive': "#FFFFFF";
108
+ readonly 'inverted-primary': "#FFFFFF";
18
109
  readonly 'default-success': "#1B7440";
19
110
  readonly 'default-error': "#C62416";
20
111
  readonly 'default-info': "#31B5DA";
@@ -77,7 +168,9 @@ export declare const CustomPalette: {
77
168
  readonly 'plain-grey': "#373A3F";
78
169
  readonly 'plain-success': "#1B7440";
79
170
  readonly 'plain-error': "#C62416";
171
+ /** @deprecated Utiliser 'default-primary' */
80
172
  readonly 'default-bleu-captive': "#0379EF";
173
+ readonly 'default-primary': "#0379EF";
81
174
  readonly 'contrast-grey': "#DEE3EC";
82
175
  readonly button: {
83
176
  readonly secondary: {
@@ -118,9 +211,13 @@ export declare const CustomPalette: {
118
211
  readonly action: "#012448";
119
212
  readonly 'disabled-grey': "#E6EAF1";
120
213
  readonly 'default-hover': "#F4F6FA";
214
+ /** @deprecated Utiliser 'open-primary' */
121
215
  readonly 'open-bleu-captive': "#D2E8FE";
216
+ readonly 'open-primary': "#D2E8FE";
122
217
  readonly 'contrast-grey': "#E6EAF1";
218
+ /** @deprecated Utiliser 'alt-primary' */
123
219
  readonly 'alt-bleu-captive': "#F2F9FF";
220
+ readonly 'alt-primary': "#F2F9FF";
124
221
  readonly 'action-low-primary': "#D2E8FE";
125
222
  readonly 'default-success': "#87FCB8";
126
223
  readonly alert: {
package/dist/constants/Palette.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoGtB,+CAA+C;;;;QAI/C,wCAAwC;;;QAGxC,8CAA8C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwE9C,6CAA6C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiD7C,0CAA0C;;;;QAI1C,yCAAyC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEnC,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 CHANGED
@@ -1,5 +1,90 @@
1
1
  import { Colors } from './Color';
2
2
  export const CustomPalette = {
3
+ light: {
4
+ artwork: {
5
+ 'major-primary': Colors['BleuCaptive']['200'],
6
+ 'decorative-primary': Colors['BleuCaptive']['950'],
7
+ 'minor-secondary': Colors['Cerise']['600'],
8
+ },
9
+ background: {
10
+ 'alt-primary': Colors['BleuCaptive']['975'],
11
+ 'alt-grey': Colors['Neutre']['975'],
12
+ 'action-low-primary': Colors['BleuCaptive']['925'],
13
+ 'contrast-grey': Colors['Neutre']['950'],
14
+ 'contrast-success': Colors['VertSuccess']['950'],
15
+ 'contrast-error': Colors['RougeErreur']['950'],
16
+ 'contrast-info': Colors['BleuCaptive']['950'],
17
+ 'contrast-warning': Colors['OrangeWarning']['950'],
18
+ 'default-grey': Colors['Neutre']['1000'],
19
+ 'default-grey-hover': Colors['Neutre']['975'],
20
+ 'default-grey-active': Colors['Neutre']['925'],
21
+ 'active-primary': Colors['BleuCaptive']['sun-172'],
22
+ 'disabled-grey': Colors['Neutre']['925'],
23
+ 'active-inverted': Colors['Neutre']['1000'],
24
+ 'transparent-hover': 'rgba(0, 0, 0, 0.04)',
25
+ 'action-high-primary': Colors['BleuCaptive']['sun-172'],
26
+ 'action-high-primary-hover': Colors['BleuCaptive']['sun-172-hover'],
27
+ 'action-high-error': Colors['RougeErreur']['425'],
28
+ 'flat-error': Colors['RougeErreur']['425'],
29
+ 'flat-info': Colors['BleuCaptive']['425'],
30
+ 'flat-success': Colors['VertSuccess']['425'],
31
+ 'flat-warning': Colors['OrangeWarning']['425'],
32
+ 'open-primary': Colors['BleuCaptive']['925'],
33
+ },
34
+ border: {
35
+ 'default-grey': Colors['Neutre']['900'],
36
+ 'contrast-grey': Colors['Neutre']['625'],
37
+ 'default-primary': Colors['BleuCaptive']['425'],
38
+ 'action-high-primary': Colors['BleuCaptive']['sun-172'],
39
+ 'action-high-grey': Colors['Neutre']['50'],
40
+ 'active-primary': Colors['BleuCaptive']['sun-172'],
41
+ 'open-primary': Colors['BleuCaptive']['925'],
42
+ 'disabled-grey': Colors['Neutre']['925'],
43
+ 'plain-primary': Colors['BleuCaptive']['sun-172'],
44
+ 'plain-grey': Colors['Neutre']['200'],
45
+ 'plain-success': Colors['VertSuccess']['425'],
46
+ 'plain-error': Colors['RougeErreur']['425'],
47
+ 'plain-warning': Colors['OrangeWarning']['425'],
48
+ 'plain-info': Colors['BleuCaptive']['425'],
49
+ 'action-low-primary': Colors['BleuCaptive']['850'],
50
+ },
51
+ text: {
52
+ 'title-grey': Colors['Neutre']['50'],
53
+ 'title-primary': Colors['BleuCaptive']['sun-172'],
54
+ 'default-grey': Colors['Neutre']['200'],
55
+ 'mention-grey': Colors['Neutre']['425'],
56
+ 'label-grey': Colors['Neutre']['50'],
57
+ 'action-high-primary': Colors['BleuCaptive']['125'],
58
+ 'action-high-grey': Colors['Neutre']['50'],
59
+ 'action-high-info': Colors['BleuCaptive']['425'],
60
+ 'action-high-warning': Colors['OrangeWarning']['425'],
61
+ 'action-high-error': Colors['RougeErreur']['425'],
62
+ 'inverted-grey': Colors['Neutre']['1000'],
63
+ 'inverted-primary': Colors['BleuCaptive']['975'],
64
+ 'active-primary': Colors['BleuCaptive']['sun-172'],
65
+ 'active-grey': Colors['Neutre']['50'],
66
+ 'disabled-grey': Colors['Neutre']['625'],
67
+ 'default-success': Colors['VertSuccess']['425'],
68
+ 'default-error': Colors['RougeErreur']['425'],
69
+ 'default-warning': Colors['OrangeWarning']['425'],
70
+ 'default-info': Colors['BleuCaptive']['425'],
71
+ },
72
+ system: {
73
+ focus: Colors['Focus']['525'],
74
+ },
75
+ illustration: {
76
+ 'color-sun': {
77
+ default: {
78
+ yellow: Colors['Ocre']['sun-403'],
79
+ },
80
+ },
81
+ 'color-950': {
82
+ default: {
83
+ yellow: Colors['Ocre']['950'],
84
+ },
85
+ },
86
+ },
87
+ },
3
88
  primary: Colors['PinkVivid']['500'],
4
89
  transparent: 'transparent',
5
90
  danger: Colors['RougeErreur']['425'],
@@ -12,10 +97,16 @@ export const CustomPalette = {
12
97
  'title-grey': Colors['Neutre']['50'],
13
98
  mention: Colors['Neutre']['425'],
14
99
  'disabled-grey': Colors['Neutre']['625'],
15
- 'action-high-blue-captive': Colors['BleuCaptive']['sun-100'],
16
- 'title-blue-captive': Colors['BleuCaptive']['sun-100'],
100
+ /** @deprecated Utiliser action-high-primary */
101
+ 'action-high-blue-captive': Colors['BleuCaptive']['100'],
102
+ 'action-high-primary': Colors['BleuCaptive']['100'],
103
+ 'action-high-info': Colors['BleuCaptive']['425'],
104
+ /** @deprecated Utiliser 'title-grey' */
105
+ 'title-blue-captive': Colors['BleuCaptive']['100'],
17
106
  'label-grey': Colors['Neutre']['50'],
107
+ /** @deprecated Utiliser 'inverted-primary' */
18
108
  'inverted-blue-captive': Colors['Neutre']['1000'],
109
+ 'inverted-primary': Colors['Neutre']['1000'],
19
110
  'default-success': Colors['VertSuccess']['425'],
20
111
  'default-error': Colors['RougeErreur']['425'],
21
112
  'default-info': Colors['BleuCiel']['main-686'],
@@ -73,12 +164,14 @@ export const CustomPalette = {
73
164
  border: {
74
165
  base: Colors['Neutre']['625'],
75
166
  'default-grey': Colors['Neutre']['900'],
76
- action: Colors['BleuCaptive']['sun-100'],
167
+ action: Colors['BleuCaptive']['100'],
77
168
  'disabled-grey': Colors['Neutre']['925'],
78
169
  'plain-grey': Colors['Neutre']['200'],
79
170
  'plain-success': Colors['VertSuccess']['425'],
80
171
  'plain-error': Colors['RougeErreur']['425'],
172
+ /** @deprecated Utiliser 'default-primary' */
81
173
  'default-bleu-captive': Colors['BleuCaptive']['main-525'],
174
+ 'default-primary': Colors['BleuCaptive']['main-525'],
82
175
  'contrast-grey': Colors['Neutre']['900'],
83
176
  button: {
84
177
  secondary: {
@@ -115,13 +208,17 @@ export const CustomPalette = {
115
208
  default: Colors['Neutre']['1000'],
116
209
  'default-active': Colors['Neutre']['950'],
117
210
  'alt-grey': Colors['Neutre']['975'],
118
- inverse: Colors['BleuCaptive']['sun-100'],
119
- action: Colors['BleuCaptive']['sun-100'],
211
+ inverse: Colors['BleuCaptive']['100'],
212
+ action: Colors['BleuCaptive']['100'],
120
213
  'disabled-grey': Colors['Neutre']['925'],
121
214
  'default-hover': Colors['Neutre']['975'],
215
+ /** @deprecated Utiliser 'open-primary' */
122
216
  'open-bleu-captive': Colors['BleuCaptive']['925'],
217
+ 'open-primary': Colors['BleuCaptive']['925'],
123
218
  'contrast-grey': Colors['Neutre']['925'],
219
+ /** @deprecated Utiliser 'alt-primary' */
124
220
  'alt-bleu-captive': Colors['BleuCaptive']['975'],
221
+ 'alt-primary': Colors['BleuCaptive']['975'],
125
222
  'action-low-primary': Colors['BleuCaptive']['925'],
126
223
  'default-success': Colors['VertSuccess']['925'],
127
224
  alert: {
@@ -175,6 +272,6 @@ export const CustomPalette = {
175
272
  },
176
273
  },
177
274
  system: {
178
- focus: '#0A76F6',
275
+ focus: Colors['Focus']['525'],
179
276
  },
180
277
  };
package/dist/constants/Spacing.d.ts CHANGED
@@ -1,23 +1,56 @@
1
1
  export declare const Spacings: {
2
+ /** @deprecated Utiliser '0V' */
2
3
  readonly '000': 0;
4
+ /** @deprecated Utiliser '0,5V' */
3
5
  readonly '025': 4;
6
+ /** @deprecated Utiliser '1,5V' */
4
7
  readonly '0375': 6;
8
+ /** @deprecated Utiliser '1W' */
5
9
  readonly '050': 8;
10
+ /** @deprecated Utiliser '3V' */
6
11
  readonly '075': 12;
12
+ /** @deprecated Utiliser '2W' */
7
13
  readonly '100': 16;
14
+ /** @deprecated Utiliser '3W' */
8
15
  readonly '150': 24;
16
+ /** @deprecated Utiliser '4W' */
9
17
  readonly '200': 32;
18
+ /** @deprecated Utiliser '5W' */
10
19
  readonly '300': 48;
20
+ /** @deprecated Utiliser '6W' */
11
21
  readonly '400': 64;
22
+ /** @deprecated Utiliser '8W' */
12
23
  readonly '500': 80;
24
+ /** @deprecated */
13
25
  readonly '600': 96;
26
+ /** @deprecated */
14
27
  readonly '800': 128;
28
+ /** @deprecated */
15
29
  readonly '1200': 193;
30
+ /** @deprecated */
16
31
  readonly '1600': 256;
32
+ /** @deprecated */
17
33
  readonly '2400': 384;
34
+ /** @deprecated */
18
35
  readonly '3200': 512;
36
+ /** @deprecated */
19
37
  readonly '4000': 640;
38
+ /** @deprecated */
20
39
  readonly '4800': 768;
40
+ readonly '0V': 0;
41
+ readonly '0,5V': 2;
42
+ readonly '1V': 4;
43
+ readonly '1,5V': 6;
44
+ readonly '1W': 8;
45
+ readonly '3V': 12;
46
+ readonly '2W': 16;
47
+ readonly '3W': 24;
48
+ readonly '4W': 32;
49
+ readonly '5W': 40;
50
+ readonly '6W': 48;
51
+ readonly '8W': 64;
52
+ readonly '12W': 96;
53
+ readonly '15W': 120;
21
54
  };
22
55
  export type SpacingKey = keyof typeof Spacings;
23
56
  export type Spacing = (typeof Spacings)[SpacingKey];
package/dist/constants/Spacing.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../src/constants/Spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;IACnB,gCAAgC;;IAEhC,kCAAkC;;IAElC,kCAAkC;;IAElC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,gCAAgC;;IAEhC,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;IAElB,kBAAkB;;;;;;;;;;;;;;;;CAiBV,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 CHANGED
@@ -1,21 +1,54 @@
1
1
  export const Spacings = {
2
+ /** @deprecated Utiliser '0V' */
2
3
  '000': 0,
4
+ /** @deprecated Utiliser '0,5V' */
3
5
  '025': 4,
6
+ /** @deprecated Utiliser '1,5V' */
4
7
  '0375': 6,
8
+ /** @deprecated Utiliser '1W' */
5
9
  '050': 8,
10
+ /** @deprecated Utiliser '3V' */
6
11
  '075': 12,
12
+ /** @deprecated Utiliser '2W' */
7
13
  '100': 16,
14
+ /** @deprecated Utiliser '3W' */
8
15
  '150': 24,
16
+ /** @deprecated Utiliser '4W' */
9
17
  '200': 32,
18
+ /** @deprecated Utiliser '5W' */
10
19
  '300': 48,
20
+ /** @deprecated Utiliser '6W' */
11
21
  '400': 64,
22
+ /** @deprecated Utiliser '8W' */
12
23
  '500': 80,
24
+ /** @deprecated */
13
25
  '600': 96,
26
+ /** @deprecated */
14
27
  '800': 128,
28
+ /** @deprecated */
15
29
  '1200': 193,
30
+ /** @deprecated */
16
31
  '1600': 256,
32
+ /** @deprecated */
17
33
  '2400': 384,
34
+ /** @deprecated */
18
35
  '3200': 512,
36
+ /** @deprecated */
19
37
  '4000': 640,
38
+ /** @deprecated */
20
39
  '4800': 768,
40
+ '0V': 0,
41
+ '0,5V': 2,
42
+ '1V': 4,
43
+ '1,5V': 6,
44
+ '1W': 8,
45
+ '3V': 12,
46
+ '2W': 16,
47
+ '3W': 24,
48
+ '4W': 32,
49
+ '5W': 40,
50
+ '6W': 48,
51
+ '8W': 64,
52
+ '12W': 96,
53
+ '15W': 120,
21
54
  };
package/dist/constants/Typography.d.ts CHANGED
@@ -109,31 +109,31 @@ export declare const CustomTypography: {
109
109
  readonly Regular: {
110
110
  readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
111
111
  readonly fontSize: 14;
112
- readonly lineHeight: 24;
112
+ readonly lineHeight: 20;
113
113
  readonly letterSpacing: 0;
114
114
  };
115
115
  readonly Medium: {
116
116
  readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
117
117
  readonly fontSize: 14;
118
- readonly lineHeight: 24;
118
+ readonly lineHeight: 20;
119
119
  readonly letterSpacing: 0;
120
120
  };
121
121
  readonly SemiBold: {
122
122
  readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
123
123
  readonly fontSize: 14;
124
- readonly lineHeight: 24;
124
+ readonly lineHeight: 20;
125
125
  readonly letterSpacing: 0;
126
126
  };
127
127
  readonly Bold: {
128
128
  readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
129
129
  readonly fontSize: 14;
130
- readonly lineHeight: 24;
130
+ readonly lineHeight: 20;
131
131
  readonly letterSpacing: 0;
132
132
  };
133
133
  readonly CapsBold: {
134
134
  readonly fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
135
135
  readonly fontSize: 14;
136
- readonly lineHeight: 24;
136
+ readonly lineHeight: 20;
137
137
  readonly letterSpacing: 0;
138
138
  readonly textTransform: "uppercase";
139
139
  };
package/dist/constants/Typography.js CHANGED
@@ -38,43 +38,43 @@ export const CustomTypography = {
38
38
  /** Font size: 18/20 */
39
39
  'H6 - XXS': {
40
40
  fontFamily: Fonts['Inter-Bold'],
41
- fontSize: Platform.OS !== 'web' ? 20 : 18,
42
- lineHeight: Platform.OS !== 'web' ? 28 : 24,
41
+ fontSize: Platform.OS === 'web' ? 20 : 18,
42
+ lineHeight: Platform.OS === 'web' ? 28 : 24,
43
43
  letterSpacing: 0,
44
44
  },
45
45
  /** Font size: 20/22 */
46
46
  'H5 - XS': {
47
47
  fontFamily: Fonts['Inter-Bold'],
48
- fontSize: Platform.OS !== 'web' ? 22 : 20,
48
+ fontSize: Platform.OS === 'web' ? 22 : 20,
49
49
  lineHeight: 28,
50
50
  letterSpacing: 0,
51
51
  },
52
52
  /** Font size: 22/24 */
53
53
  'H4 - SM': {
54
54
  fontFamily: Fonts['Inter-Bold'],
55
- fontSize: Platform.OS !== 'web' ? 24 : 22,
56
- lineHeight: Platform.OS !== 'web' ? 32 : 28,
55
+ fontSize: Platform.OS === 'web' ? 24 : 22,
56
+ lineHeight: Platform.OS === 'web' ? 32 : 28,
57
57
  letterSpacing: 0,
58
58
  },
59
59
  /** Font size: 24/28 */
60
60
  'H3 - MD': {
61
61
  fontFamily: Fonts['Inter-Bold'],
62
- fontSize: Platform.OS !== 'web' ? 28 : 24,
63
- lineHeight: Platform.OS !== 'web' ? 36 : 32,
62
+ fontSize: Platform.OS === 'web' ? 28 : 24,
63
+ lineHeight: Platform.OS === 'web' ? 36 : 32,
64
64
  letterSpacing: 0,
65
65
  },
66
66
  /** Font size: 28/32 */
67
67
  'H2 - LG': {
68
68
  fontFamily: Fonts['Inter-Bold'],
69
- fontSize: Platform.OS !== 'web' ? 32 : 28,
70
- lineHeight: Platform.OS !== 'web' ? 36 : 32,
69
+ fontSize: Platform.OS === 'web' ? 32 : 28,
70
+ lineHeight: Platform.OS === 'web' ? 36 : 32,
71
71
  letterSpacing: 0,
72
72
  },
73
73
  /** Font size: 40/48 */
74
74
  'H1 - XL': {
75
75
  fontFamily: Fonts['Barlow-SemiBold'],
76
- fontSize: Platform.OS !== 'web' ? 48 : 40,
77
- lineHeight: Platform.OS !== 'web' ? 56 : 48,
76
+ fontSize: Platform.OS === 'web' ? 48 : 40,
77
+ lineHeight: Platform.OS === 'web' ? 56 : 48,
78
78
  letterSpacing: 0,
79
79
  },
80
80
  },
@@ -111,31 +111,31 @@ export const CustomTypography = {
111
111
  Regular: {
112
112
  fontFamily: Fonts['Inter-Regular'],
113
113
  fontSize: 14,
114
- lineHeight: 24,
114
+ lineHeight: 20,
115
115
  letterSpacing: 0,
116
116
  },
117
117
  Medium: {
118
118
  fontFamily: Fonts['Inter-Medium'],
119
119
  fontSize: 14,
120
- lineHeight: 24,
120
+ lineHeight: 20,
121
121
  letterSpacing: 0,
122
122
  },
123
123
  SemiBold: {
124
124
  fontFamily: Fonts['Inter-SemiBold'],
125
125
  fontSize: 14,
126
- lineHeight: 24,
126
+ lineHeight: 20,
127
127
  letterSpacing: 0,
128
128
  },
129
129
  Bold: {
130
130
  fontFamily: Fonts['Inter-Bold'],
131
131
  fontSize: 14,
132
- lineHeight: 24,
132
+ lineHeight: 20,
133
133
  letterSpacing: 0,
134
134
  },
135
135
  CapsBold: {
136
136
  fontFamily: Fonts['Inter-SemiBold'],
137
137
  fontSize: 14,
138
- lineHeight: 24,
138
+ lineHeight: 20,
139
139
  letterSpacing: 0,
140
140
  textTransform: 'uppercase',
141
141
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alveole/theme",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Shared theme tokens and utilities.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",