@pass-culture/design-system 0.1.1

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 (20) hide show
  1. package/LICENSE +373 -0
  2. package/README.md +87 -0
  3. package/lib/global/font-faces.css +45 -0
  4. package/lib/global/font-preloads.js +8 -0
  5. package/lib/global/font-preloads.ts +12 -0
  6. package/lib/jeune/dark.mobile.js +167 -0
  7. package/lib/jeune/dark.mobile.ts +168 -0
  8. package/lib/jeune/dark.web.js +167 -0
  9. package/lib/jeune/dark.web.ts +168 -0
  10. package/lib/jeune/light.mobile.js +167 -0
  11. package/lib/jeune/light.mobile.ts +168 -0
  12. package/lib/jeune/light.web.js +167 -0
  13. package/lib/jeune/light.web.ts +168 -0
  14. package/lib/pro/dark.css +121 -0
  15. package/lib/pro/dark.web.js +167 -0
  16. package/lib/pro/dark.web.ts +168 -0
  17. package/lib/pro/light.css +121 -0
  18. package/lib/pro/light.web.js +167 -0
  19. package/lib/pro/light.web.ts +168 -0
  20. package/package.json +23 -0
package/lib/jeune/dark.mobile.js ADDED
@@ -0,0 +1,167 @@
1
+ "use strict";
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ * Generated on Thu, 19 Jun 2025 13:34:05 GMT
5
+ */
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.theme = void 0;
8
+ exports.theme = {
9
+ "color": {
10
+ "text": {
11
+ "default": "#ffffff",
12
+ "subtle": "#cbcdd2",
13
+ "error": "#f83552",
14
+ "warning": "#f9cf39",
15
+ "disabled": "#f1f1f4",
16
+ "success": "#2cbe6e",
17
+ "brandPrimary": "#ffa5c0",
18
+ "brandPrimaryHover": "#f2497c",
19
+ "brandSecondary": "#c1a3ff",
20
+ "brandSecondaryHover": "#6123df",
21
+ "inverted": "#161617",
22
+ "lockedInverted": "#ffffff",
23
+ "locked": "#161617"
24
+ },
25
+ "border": {
26
+ "default": "#cbcdd2",
27
+ "subtle": "#90949d",
28
+ "disabled": "#90949d",
29
+ "error": "#f83552",
30
+ "success": "#2cbe6e",
31
+ "selected": "#ffffff",
32
+ "focused": "#ffffff",
33
+ "brandPrimary": "#ffa5c0",
34
+ "brandPrimaryHover": "#f2497c",
35
+ "brandSecondary": "#c1a3ff",
36
+ "brandSecondaryHover": "#6123df",
37
+ "inverted": "#161617",
38
+ "decorative01": "#ffeae2",
39
+ "decorative02": "#dcf3f8",
40
+ "decorative03": "#dbffea",
41
+ "decorative04": "#c1a3ff",
42
+ "decorative05": "#ffa5c0"
43
+ },
44
+ "outline": {
45
+ "default": "#ffffff",
46
+ "error": "#f83552",
47
+ "inverted": "#161617"
48
+ },
49
+ "background": {
50
+ "default": "#161617",
51
+ "subtle": "#232323",
52
+ "disabled": "#696a6f",
53
+ "error": "#700118",
54
+ "success": "#09532d",
55
+ "warning": "#664900",
56
+ "info": "#25026c",
57
+ "hover": "#232323",
58
+ "brandPrimary": "#ffa5c0",
59
+ "brandPrimaryHover": "#f2497c",
60
+ "brandPrimarySelected": "#cb0659",
61
+ "brandSecondary": "#c1a3ff",
62
+ "brandSecondaryHover": "#6123df",
63
+ "locked": "#ffffff",
64
+ "lockedInverted": "#161617",
65
+ "lockedBrandPrimary": "#eb0055",
66
+ "lockedBrandSecondary": "#320096",
67
+ "inverted": "#ffffff",
68
+ "decorative01": "#d63d00",
69
+ "decorative02": "#14a0be",
70
+ "decorative03": "#0e8474",
71
+ "decorative04": "#25026c",
72
+ "decorative05": "#cb0659",
73
+ "headline": "#320096",
74
+ "bookclub": "#14a0be"
75
+ },
76
+ "icon": {
77
+ "default": "#ffffff",
78
+ "disabled": "#cbcdd2",
79
+ "subtle": "#cbcdd2",
80
+ "info": "#c1a3ff",
81
+ "error": "#f83552",
82
+ "success": "#2cbe6e",
83
+ "warning": "#f9df81",
84
+ "brandPrimary": "#ffa5c0",
85
+ "brandPrimaryHover": "#f2497c",
86
+ "brandSecondary": "#c1a3ff",
87
+ "brandSecondaryHover": "#6123df",
88
+ "inverted": "#161617",
89
+ "lockedInverted": "#ffffff",
90
+ "headline": "#f3edff",
91
+ "bookclub": "#dcf3f8"
92
+ }
93
+ },
94
+ "separator": {
95
+ "color": {
96
+ "default": "#90949d",
97
+ "subtle": "#696a6f"
98
+ }
99
+ },
100
+ "typography": {
101
+ "title1": {
102
+ "fontFamily": "Montserrat-Bold",
103
+ "fontSize": "28px",
104
+ "lineHeight": "44.8px"
105
+ },
106
+ "title2": {
107
+ "fontFamily": "Montserrat-Bold",
108
+ "fontSize": "21px",
109
+ "lineHeight": "33.6px"
110
+ },
111
+ "title3": {
112
+ "fontFamily": "Montserrat-Bold",
113
+ "fontSize": "19px",
114
+ "lineHeight": "30.4px"
115
+ },
116
+ "title4": {
117
+ "fontFamily": "Montserrat-Bold",
118
+ "fontSize": "17px",
119
+ "lineHeight": "27.2px"
120
+ },
121
+ "body": {
122
+ "fontFamily": "Montserrat-Medium",
123
+ "fontSize": "16px",
124
+ "lineHeight": "25.6px"
125
+ },
126
+ "bodyS": {
127
+ "fontFamily": "Montserrat-Medium",
128
+ "fontSize": "14px",
129
+ "lineHeight": "22.4px"
130
+ },
131
+ "bodyXs": {
132
+ "fontFamily": "Montserrat-Medium",
133
+ "fontSize": "12px",
134
+ "lineHeight": "19.2px"
135
+ },
136
+ "bodyAccent": {
137
+ "fontFamily": "Montserrat-SemiBold",
138
+ "fontSize": "16px",
139
+ "lineHeight": "25.6px"
140
+ },
141
+ "bodyAccentS": {
142
+ "fontFamily": "Montserrat-SemiBold",
143
+ "fontSize": "14px",
144
+ "lineHeight": "22.4px"
145
+ },
146
+ "bodyAccentXs": {
147
+ "fontFamily": "Montserrat-SemiBold",
148
+ "fontSize": "12px",
149
+ "lineHeight": "19.2px"
150
+ },
151
+ "bodyItalic": {
152
+ "fontFamily": "Montserrat-MediumItalic",
153
+ "fontSize": "16px",
154
+ "lineHeight": "25.6px"
155
+ },
156
+ "bodyItalicAccent": {
157
+ "fontFamily": "Montserrat-SemiBoldItalic",
158
+ "fontSize": "16px",
159
+ "lineHeight": "25.6px"
160
+ },
161
+ "button": {
162
+ "fontFamily": "Montserrat-Bold",
163
+ "fontSize": "16px",
164
+ "lineHeight": "25.6px"
165
+ }
166
+ }
167
+ };
package/lib/jeune/dark.mobile.ts ADDED
@@ -0,0 +1,168 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Generated on Thu, 19 Jun 2025 13:34:05 GMT
4
+ */
5
+
6
+ export const theme = {
7
+ "color": {
8
+ "text": {
9
+ "default": "#ffffff",
10
+ "subtle": "#cbcdd2",
11
+ "error": "#f83552",
12
+ "warning": "#f9cf39",
13
+ "disabled": "#f1f1f4",
14
+ "success": "#2cbe6e",
15
+ "brandPrimary": "#ffa5c0",
16
+ "brandPrimaryHover": "#f2497c",
17
+ "brandSecondary": "#c1a3ff",
18
+ "brandSecondaryHover": "#6123df",
19
+ "inverted": "#161617",
20
+ "lockedInverted": "#ffffff",
21
+ "locked": "#161617"
22
+ },
23
+ "border": {
24
+ "default": "#cbcdd2",
25
+ "subtle": "#90949d",
26
+ "disabled": "#90949d",
27
+ "error": "#f83552",
28
+ "success": "#2cbe6e",
29
+ "selected": "#ffffff",
30
+ "focused": "#ffffff",
31
+ "brandPrimary": "#ffa5c0",
32
+ "brandPrimaryHover": "#f2497c",
33
+ "brandSecondary": "#c1a3ff",
34
+ "brandSecondaryHover": "#6123df",
35
+ "inverted": "#161617",
36
+ "decorative01": "#ffeae2",
37
+ "decorative02": "#dcf3f8",
38
+ "decorative03": "#dbffea",
39
+ "decorative04": "#c1a3ff",
40
+ "decorative05": "#ffa5c0"
41
+ },
42
+ "outline": {
43
+ "default": "#ffffff",
44
+ "error": "#f83552",
45
+ "inverted": "#161617"
46
+ },
47
+ "background": {
48
+ "default": "#161617",
49
+ "subtle": "#232323",
50
+ "disabled": "#696a6f",
51
+ "error": "#700118",
52
+ "success": "#09532d",
53
+ "warning": "#664900",
54
+ "info": "#25026c",
55
+ "hover": "#232323",
56
+ "brandPrimary": "#ffa5c0",
57
+ "brandPrimaryHover": "#f2497c",
58
+ "brandPrimarySelected": "#cb0659",
59
+ "brandSecondary": "#c1a3ff",
60
+ "brandSecondaryHover": "#6123df",
61
+ "locked": "#ffffff",
62
+ "lockedInverted": "#161617",
63
+ "lockedBrandPrimary": "#eb0055",
64
+ "lockedBrandSecondary": "#320096",
65
+ "inverted": "#ffffff",
66
+ "decorative01": "#d63d00",
67
+ "decorative02": "#14a0be",
68
+ "decorative03": "#0e8474",
69
+ "decorative04": "#25026c",
70
+ "decorative05": "#cb0659",
71
+ "headline": "#320096",
72
+ "bookclub": "#14a0be"
73
+ },
74
+ "icon": {
75
+ "default": "#ffffff",
76
+ "disabled": "#cbcdd2",
77
+ "subtle": "#cbcdd2",
78
+ "info": "#c1a3ff",
79
+ "error": "#f83552",
80
+ "success": "#2cbe6e",
81
+ "warning": "#f9df81",
82
+ "brandPrimary": "#ffa5c0",
83
+ "brandPrimaryHover": "#f2497c",
84
+ "brandSecondary": "#c1a3ff",
85
+ "brandSecondaryHover": "#6123df",
86
+ "inverted": "#161617",
87
+ "lockedInverted": "#ffffff",
88
+ "headline": "#f3edff",
89
+ "bookclub": "#dcf3f8"
90
+ }
91
+ },
92
+ "separator": {
93
+ "color": {
94
+ "default": "#90949d",
95
+ "subtle": "#696a6f"
96
+ }
97
+ },
98
+ "typography": {
99
+ "title1": {
100
+ "fontFamily": "Montserrat-Bold",
101
+ "fontSize": "28px",
102
+ "lineHeight": "44.8px"
103
+ },
104
+ "title2": {
105
+ "fontFamily": "Montserrat-Bold",
106
+ "fontSize": "21px",
107
+ "lineHeight": "33.6px"
108
+ },
109
+ "title3": {
110
+ "fontFamily": "Montserrat-Bold",
111
+ "fontSize": "19px",
112
+ "lineHeight": "30.4px"
113
+ },
114
+ "title4": {
115
+ "fontFamily": "Montserrat-Bold",
116
+ "fontSize": "17px",
117
+ "lineHeight": "27.2px"
118
+ },
119
+ "body": {
120
+ "fontFamily": "Montserrat-Medium",
121
+ "fontSize": "16px",
122
+ "lineHeight": "25.6px"
123
+ },
124
+ "bodyS": {
125
+ "fontFamily": "Montserrat-Medium",
126
+ "fontSize": "14px",
127
+ "lineHeight": "22.4px"
128
+ },
129
+ "bodyXs": {
130
+ "fontFamily": "Montserrat-Medium",
131
+ "fontSize": "12px",
132
+ "lineHeight": "19.2px"
133
+ },
134
+ "bodyAccent": {
135
+ "fontFamily": "Montserrat-SemiBold",
136
+ "fontSize": "16px",
137
+ "lineHeight": "25.6px"
138
+ },
139
+ "bodyAccentS": {
140
+ "fontFamily": "Montserrat-SemiBold",
141
+ "fontSize": "14px",
142
+ "lineHeight": "22.4px"
143
+ },
144
+ "bodyAccentXs": {
145
+ "fontFamily": "Montserrat-SemiBold",
146
+ "fontSize": "12px",
147
+ "lineHeight": "19.2px"
148
+ },
149
+ "bodyItalic": {
150
+ "fontFamily": "Montserrat-MediumItalic",
151
+ "fontSize": "16px",
152
+ "lineHeight": "25.6px"
153
+ },
154
+ "bodyItalicAccent": {
155
+ "fontFamily": "Montserrat-SemiBoldItalic",
156
+ "fontSize": "16px",
157
+ "lineHeight": "25.6px"
158
+ },
159
+ "button": {
160
+ "fontFamily": "Montserrat-Bold",
161
+ "fontSize": "16px",
162
+ "lineHeight": "25.6px"
163
+ }
164
+ }
165
+ } as const;
166
+
167
+ export type ColorsType = "#ffffff" | "#cbcdd2" | "#f83552" | "#f9cf39" | "#f1f1f4" | "#2cbe6e" | "#ffa5c0" | "#f2497c" | "#c1a3ff" | "#6123df" | "#161617" | "#90949d" | "#ffeae2" | "#dcf3f8" | "#dbffea" | "#232323" | "#696a6f" | "#700118" | "#09532d" | "#664900" | "#25026c" | "#cb0659" | "#eb0055" | "#320096" | "#d63d00" | "#14a0be" | "#0e8474" | "#f9df81" | "#f3edff";
168
+
package/lib/jeune/dark.web.js ADDED
@@ -0,0 +1,167 @@
1
+ "use strict";
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ * Generated on Thu, 19 Jun 2025 13:34:05 GMT
5
+ */
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.theme = void 0;
8
+ exports.theme = {
9
+ "color": {
10
+ "text": {
11
+ "default": "#ffffff",
12
+ "subtle": "#cbcdd2",
13
+ "error": "#f83552",
14
+ "warning": "#f9cf39",
15
+ "disabled": "#f1f1f4",
16
+ "success": "#2cbe6e",
17
+ "brandPrimary": "#ffa5c0",
18
+ "brandPrimaryHover": "#f2497c",
19
+ "brandSecondary": "#c1a3ff",
20
+ "brandSecondaryHover": "#6123df",
21
+ "inverted": "#161617",
22
+ "lockedInverted": "#ffffff",
23
+ "locked": "#161617"
24
+ },
25
+ "border": {
26
+ "default": "#cbcdd2",
27
+ "subtle": "#90949d",
28
+ "disabled": "#90949d",
29
+ "error": "#f83552",
30
+ "success": "#2cbe6e",
31
+ "selected": "#ffffff",
32
+ "focused": "#ffffff",
33
+ "brandPrimary": "#ffa5c0",
34
+ "brandPrimaryHover": "#f2497c",
35
+ "brandSecondary": "#c1a3ff",
36
+ "brandSecondaryHover": "#6123df",
37
+ "inverted": "#161617",
38
+ "decorative01": "#ffeae2",
39
+ "decorative02": "#dcf3f8",
40
+ "decorative03": "#dbffea",
41
+ "decorative04": "#c1a3ff",
42
+ "decorative05": "#ffa5c0"
43
+ },
44
+ "outline": {
45
+ "default": "#ffffff",
46
+ "error": "#f83552",
47
+ "inverted": "#161617"
48
+ },
49
+ "background": {
50
+ "default": "#161617",
51
+ "subtle": "#232323",
52
+ "disabled": "#696a6f",
53
+ "error": "#700118",
54
+ "success": "#09532d",
55
+ "warning": "#664900",
56
+ "info": "#25026c",
57
+ "hover": "#232323",
58
+ "brandPrimary": "#ffa5c0",
59
+ "brandPrimaryHover": "#f2497c",
60
+ "brandPrimarySelected": "#cb0659",
61
+ "brandSecondary": "#c1a3ff",
62
+ "brandSecondaryHover": "#6123df",
63
+ "locked": "#ffffff",
64
+ "lockedInverted": "#161617",
65
+ "lockedBrandPrimary": "#eb0055",
66
+ "lockedBrandSecondary": "#320096",
67
+ "inverted": "#ffffff",
68
+ "decorative01": "#d63d00",
69
+ "decorative02": "#14a0be",
70
+ "decorative03": "#0e8474",
71
+ "decorative04": "#25026c",
72
+ "decorative05": "#cb0659",
73
+ "headline": "#320096",
74
+ "bookclub": "#14a0be"
75
+ },
76
+ "icon": {
77
+ "default": "#ffffff",
78
+ "disabled": "#cbcdd2",
79
+ "subtle": "#cbcdd2",
80
+ "info": "#c1a3ff",
81
+ "error": "#f83552",
82
+ "success": "#2cbe6e",
83
+ "warning": "#f9df81",
84
+ "brandPrimary": "#ffa5c0",
85
+ "brandPrimaryHover": "#f2497c",
86
+ "brandSecondary": "#c1a3ff",
87
+ "brandSecondaryHover": "#6123df",
88
+ "inverted": "#161617",
89
+ "lockedInverted": "#ffffff",
90
+ "headline": "#f3edff",
91
+ "bookclub": "#dcf3f8"
92
+ }
93
+ },
94
+ "separator": {
95
+ "color": {
96
+ "default": "#90949d",
97
+ "subtle": "#696a6f"
98
+ }
99
+ },
100
+ "typography": {
101
+ "title1": {
102
+ "fontFamily": "Montserrat-Bold",
103
+ "fontSize": "1.75rem",
104
+ "lineHeight": "2.8rem"
105
+ },
106
+ "title2": {
107
+ "fontFamily": "Montserrat-Bold",
108
+ "fontSize": "1.3125rem",
109
+ "lineHeight": "2.1rem"
110
+ },
111
+ "title3": {
112
+ "fontFamily": "Montserrat-Bold",
113
+ "fontSize": "1.1875rem",
114
+ "lineHeight": "1.9rem"
115
+ },
116
+ "title4": {
117
+ "fontFamily": "Montserrat-Bold",
118
+ "fontSize": "1.0625rem",
119
+ "lineHeight": "1.7rem"
120
+ },
121
+ "body": {
122
+ "fontFamily": "Montserrat-Medium",
123
+ "fontSize": "1rem",
124
+ "lineHeight": "1.6rem"
125
+ },
126
+ "bodyS": {
127
+ "fontFamily": "Montserrat-Medium",
128
+ "fontSize": "0.875rem",
129
+ "lineHeight": "1.4rem"
130
+ },
131
+ "bodyXs": {
132
+ "fontFamily": "Montserrat-Medium",
133
+ "fontSize": "0.75rem",
134
+ "lineHeight": "1.2rem"
135
+ },
136
+ "bodyAccent": {
137
+ "fontFamily": "Montserrat-SemiBold",
138
+ "fontSize": "1rem",
139
+ "lineHeight": "1.6rem"
140
+ },
141
+ "bodyAccentS": {
142
+ "fontFamily": "Montserrat-SemiBold",
143
+ "fontSize": "0.875rem",
144
+ "lineHeight": "1.4rem"
145
+ },
146
+ "bodyAccentXs": {
147
+ "fontFamily": "Montserrat-SemiBold",
148
+ "fontSize": "0.75rem",
149
+ "lineHeight": "1.2rem"
150
+ },
151
+ "bodyItalic": {
152
+ "fontFamily": "Montserrat-MediumItalic",
153
+ "fontSize": "1rem",
154
+ "lineHeight": "1.6rem"
155
+ },
156
+ "bodyItalicAccent": {
157
+ "fontFamily": "Montserrat-SemiBoldItalic",
158
+ "fontSize": "1rem",
159
+ "lineHeight": "1.6rem"
160
+ },
161
+ "button": {
162
+ "fontFamily": "Montserrat-Bold",
163
+ "fontSize": "1rem",
164
+ "lineHeight": "1.6rem"
165
+ }
166
+ }
167
+ };
package/lib/jeune/dark.web.ts ADDED
@@ -0,0 +1,168 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Generated on Thu, 19 Jun 2025 13:34:05 GMT
4
+ */
5
+
6
+ export const theme = {
7
+ "color": {
8
+ "text": {
9
+ "default": "#ffffff",
10
+ "subtle": "#cbcdd2",
11
+ "error": "#f83552",
12
+ "warning": "#f9cf39",
13
+ "disabled": "#f1f1f4",
14
+ "success": "#2cbe6e",
15
+ "brandPrimary": "#ffa5c0",
16
+ "brandPrimaryHover": "#f2497c",
17
+ "brandSecondary": "#c1a3ff",
18
+ "brandSecondaryHover": "#6123df",
19
+ "inverted": "#161617",
20
+ "lockedInverted": "#ffffff",
21
+ "locked": "#161617"
22
+ },
23
+ "border": {
24
+ "default": "#cbcdd2",
25
+ "subtle": "#90949d",
26
+ "disabled": "#90949d",
27
+ "error": "#f83552",
28
+ "success": "#2cbe6e",
29
+ "selected": "#ffffff",
30
+ "focused": "#ffffff",
31
+ "brandPrimary": "#ffa5c0",
32
+ "brandPrimaryHover": "#f2497c",
33
+ "brandSecondary": "#c1a3ff",
34
+ "brandSecondaryHover": "#6123df",
35
+ "inverted": "#161617",
36
+ "decorative01": "#ffeae2",
37
+ "decorative02": "#dcf3f8",
38
+ "decorative03": "#dbffea",
39
+ "decorative04": "#c1a3ff",
40
+ "decorative05": "#ffa5c0"
41
+ },
42
+ "outline": {
43
+ "default": "#ffffff",
44
+ "error": "#f83552",
45
+ "inverted": "#161617"
46
+ },
47
+ "background": {
48
+ "default": "#161617",
49
+ "subtle": "#232323",
50
+ "disabled": "#696a6f",
51
+ "error": "#700118",
52
+ "success": "#09532d",
53
+ "warning": "#664900",
54
+ "info": "#25026c",
55
+ "hover": "#232323",
56
+ "brandPrimary": "#ffa5c0",
57
+ "brandPrimaryHover": "#f2497c",
58
+ "brandPrimarySelected": "#cb0659",
59
+ "brandSecondary": "#c1a3ff",
60
+ "brandSecondaryHover": "#6123df",
61
+ "locked": "#ffffff",
62
+ "lockedInverted": "#161617",
63
+ "lockedBrandPrimary": "#eb0055",
64
+ "lockedBrandSecondary": "#320096",
65
+ "inverted": "#ffffff",
66
+ "decorative01": "#d63d00",
67
+ "decorative02": "#14a0be",
68
+ "decorative03": "#0e8474",
69
+ "decorative04": "#25026c",
70
+ "decorative05": "#cb0659",
71
+ "headline": "#320096",
72
+ "bookclub": "#14a0be"
73
+ },
74
+ "icon": {
75
+ "default": "#ffffff",
76
+ "disabled": "#cbcdd2",
77
+ "subtle": "#cbcdd2",
78
+ "info": "#c1a3ff",
79
+ "error": "#f83552",
80
+ "success": "#2cbe6e",
81
+ "warning": "#f9df81",
82
+ "brandPrimary": "#ffa5c0",
83
+ "brandPrimaryHover": "#f2497c",
84
+ "brandSecondary": "#c1a3ff",
85
+ "brandSecondaryHover": "#6123df",
86
+ "inverted": "#161617",
87
+ "lockedInverted": "#ffffff",
88
+ "headline": "#f3edff",
89
+ "bookclub": "#dcf3f8"
90
+ }
91
+ },
92
+ "separator": {
93
+ "color": {
94
+ "default": "#90949d",
95
+ "subtle": "#696a6f"
96
+ }
97
+ },
98
+ "typography": {
99
+ "title1": {
100
+ "fontFamily": "Montserrat-Bold",
101
+ "fontSize": "1.75rem",
102
+ "lineHeight": "2.8rem"
103
+ },
104
+ "title2": {
105
+ "fontFamily": "Montserrat-Bold",
106
+ "fontSize": "1.3125rem",
107
+ "lineHeight": "2.1rem"
108
+ },
109
+ "title3": {
110
+ "fontFamily": "Montserrat-Bold",
111
+ "fontSize": "1.1875rem",
112
+ "lineHeight": "1.9rem"
113
+ },
114
+ "title4": {
115
+ "fontFamily": "Montserrat-Bold",
116
+ "fontSize": "1.0625rem",
117
+ "lineHeight": "1.7rem"
118
+ },
119
+ "body": {
120
+ "fontFamily": "Montserrat-Medium",
121
+ "fontSize": "1rem",
122
+ "lineHeight": "1.6rem"
123
+ },
124
+ "bodyS": {
125
+ "fontFamily": "Montserrat-Medium",
126
+ "fontSize": "0.875rem",
127
+ "lineHeight": "1.4rem"
128
+ },
129
+ "bodyXs": {
130
+ "fontFamily": "Montserrat-Medium",
131
+ "fontSize": "0.75rem",
132
+ "lineHeight": "1.2rem"
133
+ },
134
+ "bodyAccent": {
135
+ "fontFamily": "Montserrat-SemiBold",
136
+ "fontSize": "1rem",
137
+ "lineHeight": "1.6rem"
138
+ },
139
+ "bodyAccentS": {
140
+ "fontFamily": "Montserrat-SemiBold",
141
+ "fontSize": "0.875rem",
142
+ "lineHeight": "1.4rem"
143
+ },
144
+ "bodyAccentXs": {
145
+ "fontFamily": "Montserrat-SemiBold",
146
+ "fontSize": "0.75rem",
147
+ "lineHeight": "1.2rem"
148
+ },
149
+ "bodyItalic": {
150
+ "fontFamily": "Montserrat-MediumItalic",
151
+ "fontSize": "1rem",
152
+ "lineHeight": "1.6rem"
153
+ },
154
+ "bodyItalicAccent": {
155
+ "fontFamily": "Montserrat-SemiBoldItalic",
156
+ "fontSize": "1rem",
157
+ "lineHeight": "1.6rem"
158
+ },
159
+ "button": {
160
+ "fontFamily": "Montserrat-Bold",
161
+ "fontSize": "1rem",
162
+ "lineHeight": "1.6rem"
163
+ }
164
+ }
165
+ } as const;
166
+
167
+ export type ColorsType = "#ffffff" | "#cbcdd2" | "#f83552" | "#f9cf39" | "#f1f1f4" | "#2cbe6e" | "#ffa5c0" | "#f2497c" | "#c1a3ff" | "#6123df" | "#161617" | "#90949d" | "#ffeae2" | "#dcf3f8" | "#dbffea" | "#232323" | "#696a6f" | "#700118" | "#09532d" | "#664900" | "#25026c" | "#cb0659" | "#eb0055" | "#320096" | "#d63d00" | "#14a0be" | "#0e8474" | "#f9df81" | "#f3edff";
168
+