@alveole/theme 0.5.2 → 0.8.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.
- package/README.md +2 -0
- package/dist/constants/Color.d.ts +24 -0
- package/dist/constants/Color.d.ts.map +1 -1
- package/dist/constants/Color.js +24 -0
- package/dist/constants/Grille.d.ts +17 -0
- package/dist/constants/Grille.d.ts.map +1 -0
- package/dist/constants/Grille.js +14 -0
- package/dist/constants/Palette.d.ts +94 -0
- package/dist/constants/Palette.d.ts.map +1 -1
- package/dist/constants/Palette.js +95 -1
- package/dist/constants/Spacing.d.ts +33 -0
- package/dist/constants/Spacing.d.ts.map +1 -1
- package/dist/constants/Spacing.js +33 -0
- package/dist/constants/index.d.ts +1 -0
- package/dist/constants/index.d.ts.map +1 -1
- package/dist/constants/index.js +1 -0
- package/dist/helpers/useThemeBuilder.d.ts.map +1 -1
- package/dist/helpers/useThemeBuilder.js +3 -1
- package/dist/type/Theme.d.ts +2 -1
- package/dist/type/Theme.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
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";
|
|
@@ -341,6 +352,19 @@ export declare const Colors: {
|
|
|
341
352
|
readonly 100: "#18271E";
|
|
342
353
|
readonly 75: "#16221B";
|
|
343
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
|
+
};
|
|
344
368
|
readonly LightBlueVivid: {
|
|
345
369
|
readonly 50: "#F0FBFF";
|
|
346
370
|
readonly 100: "#D6F3FD";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../src/constants/Color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
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',
|
|
@@ -341,6 +352,19 @@ export const Colors = {
|
|
|
341
352
|
100: '#18271E',
|
|
342
353
|
75: '#16221B',
|
|
343
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
|
+
},
|
|
344
368
|
LightBlueVivid: {
|
|
345
369
|
50: '#F0FBFF',
|
|
346
370
|
100: '#D6F3FD',
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const Grilles: {
|
|
2
|
+
/** @experimental */
|
|
3
|
+
readonly '2 colonnes': 180;
|
|
4
|
+
/** @experimental */
|
|
5
|
+
readonly '3 colonnes': 282;
|
|
6
|
+
/** @experimental */
|
|
7
|
+
readonly '4 colonnes': 384;
|
|
8
|
+
/** @experimental */
|
|
9
|
+
readonly '6 colonnes': 588;
|
|
10
|
+
/** @experimental */
|
|
11
|
+
readonly '7 colonnes': 792;
|
|
12
|
+
/** @experimental */
|
|
13
|
+
readonly '9 colonnes': 894;
|
|
14
|
+
};
|
|
15
|
+
export type GrilleKey = keyof typeof Grilles;
|
|
16
|
+
export type GrilleValue = (typeof Grilles)[GrilleKey];
|
|
17
|
+
//# sourceMappingURL=Grille.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grille.d.ts","sourceRoot":"","sources":["../../src/constants/Grille.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAClB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;IAEpB,oBAAoB;;CAEZ,CAAC;AAGX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export const Grilles = {
|
|
2
|
+
/** @experimental */
|
|
3
|
+
'2 colonnes': 180,
|
|
4
|
+
/** @experimental */
|
|
5
|
+
'3 colonnes': 282,
|
|
6
|
+
/** @experimental */
|
|
7
|
+
'4 colonnes': 384,
|
|
8
|
+
/** @experimental */
|
|
9
|
+
'6 colonnes': 588,
|
|
10
|
+
/** @experimental */
|
|
11
|
+
'7 colonnes': 792,
|
|
12
|
+
/** @experimental */
|
|
13
|
+
'9 colonnes': 894,
|
|
14
|
+
};
|
|
@@ -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";
|
|
@@ -15,9 +100,12 @@ export declare const CustomPalette: {
|
|
|
15
100
|
readonly 'action-high-blue-captive': "#012448";
|
|
16
101
|
readonly 'action-high-primary': "#012448";
|
|
17
102
|
readonly 'action-high-info': "#0264C7";
|
|
103
|
+
/** @deprecated Utiliser 'title-grey' */
|
|
18
104
|
readonly 'title-blue-captive': "#012448";
|
|
19
105
|
readonly 'label-grey': "#151617";
|
|
106
|
+
/** @deprecated Utiliser 'inverted-primary' */
|
|
20
107
|
readonly 'inverted-blue-captive': "#FFFFFF";
|
|
108
|
+
readonly 'inverted-primary': "#FFFFFF";
|
|
21
109
|
readonly 'default-success': "#1B7440";
|
|
22
110
|
readonly 'default-error': "#C62416";
|
|
23
111
|
readonly 'default-info': "#31B5DA";
|
|
@@ -80,7 +168,9 @@ export declare const CustomPalette: {
|
|
|
80
168
|
readonly 'plain-grey': "#373A3F";
|
|
81
169
|
readonly 'plain-success': "#1B7440";
|
|
82
170
|
readonly 'plain-error': "#C62416";
|
|
171
|
+
/** @deprecated Utiliser 'default-primary' */
|
|
83
172
|
readonly 'default-bleu-captive': "#0379EF";
|
|
173
|
+
readonly 'default-primary': "#0379EF";
|
|
84
174
|
readonly 'contrast-grey': "#DEE3EC";
|
|
85
175
|
readonly button: {
|
|
86
176
|
readonly secondary: {
|
|
@@ -121,9 +211,13 @@ export declare const CustomPalette: {
|
|
|
121
211
|
readonly action: "#012448";
|
|
122
212
|
readonly 'disabled-grey': "#E6EAF1";
|
|
123
213
|
readonly 'default-hover': "#F4F6FA";
|
|
214
|
+
/** @deprecated Utiliser 'open-primary' */
|
|
124
215
|
readonly 'open-bleu-captive': "#D2E8FE";
|
|
216
|
+
readonly 'open-primary': "#D2E8FE";
|
|
125
217
|
readonly 'contrast-grey': "#E6EAF1";
|
|
218
|
+
/** @deprecated Utiliser 'alt-primary' */
|
|
126
219
|
readonly 'alt-bleu-captive': "#F2F9FF";
|
|
220
|
+
readonly 'alt-primary': "#F2F9FF";
|
|
127
221
|
readonly 'action-low-primary': "#D2E8FE";
|
|
128
222
|
readonly 'default-success': "#87FCB8";
|
|
129
223
|
readonly alert: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../../src/constants/Palette.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa
|
|
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"}
|
|
@@ -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'],
|
|
@@ -16,9 +101,12 @@ export const CustomPalette = {
|
|
|
16
101
|
'action-high-blue-captive': Colors['BleuCaptive']['100'],
|
|
17
102
|
'action-high-primary': Colors['BleuCaptive']['100'],
|
|
18
103
|
'action-high-info': Colors['BleuCaptive']['425'],
|
|
104
|
+
/** @deprecated Utiliser 'title-grey' */
|
|
19
105
|
'title-blue-captive': Colors['BleuCaptive']['100'],
|
|
20
106
|
'label-grey': Colors['Neutre']['50'],
|
|
107
|
+
/** @deprecated Utiliser 'inverted-primary' */
|
|
21
108
|
'inverted-blue-captive': Colors['Neutre']['1000'],
|
|
109
|
+
'inverted-primary': Colors['Neutre']['1000'],
|
|
22
110
|
'default-success': Colors['VertSuccess']['425'],
|
|
23
111
|
'default-error': Colors['RougeErreur']['425'],
|
|
24
112
|
'default-info': Colors['BleuCiel']['main-686'],
|
|
@@ -81,7 +169,9 @@ export const CustomPalette = {
|
|
|
81
169
|
'plain-grey': Colors['Neutre']['200'],
|
|
82
170
|
'plain-success': Colors['VertSuccess']['425'],
|
|
83
171
|
'plain-error': Colors['RougeErreur']['425'],
|
|
172
|
+
/** @deprecated Utiliser 'default-primary' */
|
|
84
173
|
'default-bleu-captive': Colors['BleuCaptive']['main-525'],
|
|
174
|
+
'default-primary': Colors['BleuCaptive']['main-525'],
|
|
85
175
|
'contrast-grey': Colors['Neutre']['900'],
|
|
86
176
|
button: {
|
|
87
177
|
secondary: {
|
|
@@ -122,9 +212,13 @@ export const CustomPalette = {
|
|
|
122
212
|
action: Colors['BleuCaptive']['100'],
|
|
123
213
|
'disabled-grey': Colors['Neutre']['925'],
|
|
124
214
|
'default-hover': Colors['Neutre']['975'],
|
|
215
|
+
/** @deprecated Utiliser 'open-primary' */
|
|
125
216
|
'open-bleu-captive': Colors['BleuCaptive']['925'],
|
|
217
|
+
'open-primary': Colors['BleuCaptive']['925'],
|
|
126
218
|
'contrast-grey': Colors['Neutre']['925'],
|
|
219
|
+
/** @deprecated Utiliser 'alt-primary' */
|
|
127
220
|
'alt-bleu-captive': Colors['BleuCaptive']['975'],
|
|
221
|
+
'alt-primary': Colors['BleuCaptive']['975'],
|
|
128
222
|
'action-low-primary': Colors['BleuCaptive']['925'],
|
|
129
223
|
'default-success': Colors['VertSuccess']['925'],
|
|
130
224
|
alert: {
|
|
@@ -178,6 +272,6 @@ export const CustomPalette = {
|
|
|
178
272
|
},
|
|
179
273
|
},
|
|
180
274
|
system: {
|
|
181
|
-
focus: '
|
|
275
|
+
focus: Colors['Focus']['525'],
|
|
182
276
|
},
|
|
183
277
|
};
|
|
@@ -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];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../src/constants/Spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ
|
|
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"}
|
|
@@ -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
|
};
|
|
@@ -1 +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,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,WAAW,CAAC"}
|
|
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"}
|
package/dist/constants/index.js
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,
|
|
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;AAMtB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CA+CnF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useFonts } from 'expo-font';
|
|
2
2
|
import { useCallback, useMemo } from 'react';
|
|
3
3
|
import { useWindowDimensions } from 'react-native';
|
|
4
|
-
import { breakpointToVariant, Colors, CustomPalette, CustomTypography, Fonts, FontsMap, Heights, Sizes, Spacings, } from '../constants';
|
|
4
|
+
import { breakpointToVariant, Colors, CustomPalette, CustomTypography, Fonts, FontsMap, Grilles, Heights, Sizes, Spacings, } from '../constants';
|
|
5
5
|
import { RadiusList } from '../constants/Radius';
|
|
6
6
|
import { alpha } from './alphaColor';
|
|
7
7
|
import { deepMerge } from './deepMerge';
|
|
@@ -17,6 +17,8 @@ export function useThemeBuilder(params) {
|
|
|
17
17
|
spacing: key => Spacings[key],
|
|
18
18
|
// Radius
|
|
19
19
|
radius: key => RadiusList[key],
|
|
20
|
+
// Grilles
|
|
21
|
+
grilles: Grilles,
|
|
20
22
|
// Breakpoints
|
|
21
23
|
variant,
|
|
22
24
|
isVariant: useCallback(match => variant === match, [variant]),
|
package/dist/type/Theme.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { Colors, CustomPalette, CustomTypography, Fonts, Spacing, SpacingKey, Variant } from '../constants';
|
|
1
|
+
import type { Colors, CustomPalette, CustomTypography, Fonts, Grilles, Spacing, SpacingKey, Variant } from '../constants';
|
|
2
2
|
import { Radius, RadiusKey } from '../constants/Radius';
|
|
3
3
|
import { alpha } from '../helpers/alphaColor';
|
|
4
4
|
import { elevationStyle } from '../helpers/elevationStyle';
|
|
@@ -9,6 +9,7 @@ export interface Theme {
|
|
|
9
9
|
isVariant: (variant: Variant) => boolean;
|
|
10
10
|
shadows: typeof elevationStyle;
|
|
11
11
|
radius: (key: RadiusKey) => Radius;
|
|
12
|
+
grilles: typeof Grilles;
|
|
12
13
|
text: Typography & typeof CustomTypography;
|
|
13
14
|
font: typeof Fonts;
|
|
14
15
|
color: {
|
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,aAAa,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../src/type/Theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1H,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;IAGtC,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;KAC3B,GAAG,OAAO,aAAa,GAAG;QACvB,KAAK,EAAE,OAAO,KAAK,CAAC;KACrB,CAAC;CACL"}
|