@alveole/theme 0.4.0 → 0.5.2

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 (9) hide show
  1. package/dist/constants/Color.d.ts +5 -0
  2. package/dist/constants/Color.d.ts.map +1 -1
  3. package/dist/constants/Color.js +5 -0
  4. package/dist/constants/Palette.d.ts +4 -1
  5. package/dist/constants/Palette.d.ts.map +1 -1
  6. package/dist/constants/Palette.js +9 -6
  7. package/dist/constants/Typography.d.ts +5 -5
  8. package/dist/constants/Typography.js +16 -16
  9. package/package.json +1 -1
package/dist/constants/Color.d.ts CHANGED
@@ -318,8 +318,13 @@ export declare const Colors: {
318
318
  readonly 850: "#B4D9FE";
319
319
  readonly 625: "#2591FE";
320
320
  readonly 'main-525': "#0379EF";
321
+ readonly 425: "#0264C7";
321
322
  readonly 200: "#033B72";
323
+ readonly 'sun-172': "#002764";
324
+ readonly 'sun-172-hover': "#0048AC";
322
325
  readonly 125: "#012B53";
326
+ readonly 100: "#012448";
327
+ /** @deprecated Utiliser 100 */
323
328
  readonly 'sun-100': "#012448";
324
329
  readonly 75: "#011E3A";
325
330
  };
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsUf,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB,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
@@ -318,8 +318,13 @@ export const Colors = {
318
318
  850: '#B4D9FE',
319
319
  625: '#2591FE',
320
320
  'main-525': '#0379EF',
321
+ 425: '#0264C7',
321
322
  200: '#033B72',
323
+ 'sun-172': '#002764',
324
+ 'sun-172-hover': '#0048AC',
322
325
  125: '#012B53',
326
+ 100: '#012448',
327
+ /** @deprecated Utiliser 100 */
323
328
  'sun-100': '#012448',
324
329
  75: '#011E3A',
325
330
  },
package/dist/constants/Palette.d.ts CHANGED
@@ -11,7 +11,10 @@ export declare const CustomPalette: {
11
11
  readonly 'title-grey': "#151617";
12
12
  readonly mention: "#5F6571";
13
13
  readonly 'disabled-grey': "#8D97AC";
14
+ /** @deprecated Utiliser action-high-primary */
14
15
  readonly 'action-high-blue-captive': "#012448";
16
+ readonly 'action-high-primary': "#012448";
17
+ readonly 'action-high-info': "#0264C7";
15
18
  readonly 'title-blue-captive': "#012448";
16
19
  readonly 'label-grey': "#151617";
17
20
  readonly 'inverted-blue-captive': "#FFFFFF";
@@ -121,7 +124,7 @@ export declare const CustomPalette: {
121
124
  readonly 'open-bleu-captive': "#D2E8FE";
122
125
  readonly 'contrast-grey': "#E6EAF1";
123
126
  readonly 'alt-bleu-captive': "#F2F9FF";
124
- readonly 'action-low-bleu-captive': "#D2E8FE";
127
+ readonly 'action-low-primary': "#D2E8FE";
125
128
  readonly 'default-success': "#87FCB8";
126
129
  readonly alert: {
127
130
  readonly info: "#1070CA";
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;;;;;;;;;;;;;QActB,+CAA+C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LzC,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
@@ -12,8 +12,11 @@ export const CustomPalette = {
12
12
  'title-grey': Colors['Neutre']['50'],
13
13
  mention: Colors['Neutre']['425'],
14
14
  'disabled-grey': Colors['Neutre']['625'],
15
- 'action-high-blue-captive': Colors['BleuCaptive']['sun-100'],
16
- 'title-blue-captive': Colors['BleuCaptive']['sun-100'],
15
+ /** @deprecated Utiliser action-high-primary */
16
+ 'action-high-blue-captive': Colors['BleuCaptive']['100'],
17
+ 'action-high-primary': Colors['BleuCaptive']['100'],
18
+ 'action-high-info': Colors['BleuCaptive']['425'],
19
+ 'title-blue-captive': Colors['BleuCaptive']['100'],
17
20
  'label-grey': Colors['Neutre']['50'],
18
21
  'inverted-blue-captive': Colors['Neutre']['1000'],
19
22
  'default-success': Colors['VertSuccess']['425'],
@@ -73,7 +76,7 @@ export const CustomPalette = {
73
76
  border: {
74
77
  base: Colors['Neutre']['625'],
75
78
  'default-grey': Colors['Neutre']['900'],
76
- action: Colors['BleuCaptive']['sun-100'],
79
+ action: Colors['BleuCaptive']['100'],
77
80
  'disabled-grey': Colors['Neutre']['925'],
78
81
  'plain-grey': Colors['Neutre']['200'],
79
82
  'plain-success': Colors['VertSuccess']['425'],
@@ -115,14 +118,14 @@ export const CustomPalette = {
115
118
  default: Colors['Neutre']['1000'],
116
119
  'default-active': Colors['Neutre']['950'],
117
120
  'alt-grey': Colors['Neutre']['975'],
118
- inverse: Colors['BleuCaptive']['sun-100'],
119
- action: Colors['BleuCaptive']['sun-100'],
121
+ inverse: Colors['BleuCaptive']['100'],
122
+ action: Colors['BleuCaptive']['100'],
120
123
  'disabled-grey': Colors['Neutre']['925'],
121
124
  'default-hover': Colors['Neutre']['975'],
122
125
  'open-bleu-captive': Colors['BleuCaptive']['925'],
123
126
  'contrast-grey': Colors['Neutre']['925'],
124
127
  'alt-bleu-captive': Colors['BleuCaptive']['975'],
125
- 'action-low-bleu-captive': Colors['BleuCaptive']['925'],
128
+ 'action-low-primary': Colors['BleuCaptive']['925'],
126
129
  'default-success': Colors['VertSuccess']['925'],
127
130
  alert: {
128
131
  info: Colors['Mariner']['600'],
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.4.0",
3
+ "version": "0.5.2",
4
4
  "description": "Shared theme tokens and utilities.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",