@telesign/boreal-react 0.1.0-alpha.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.
@@ -0,0 +1,682 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
2
+
3
+ :root {
4
+ --boreal-color-protect-onyx-onyx-700: #3d3d57;
5
+ --boreal-color-protect-onyx-onyx-600: #57576b;
6
+ --boreal-color-protect-onyx-onyx-400: #9e9eab;
7
+ --boreal-color-protect-onyx-onyx-300: #b7b7c0;
8
+ --boreal-color-protect-onyx-onyx-900: #0e0e2c;
9
+ --boreal-color-protect-onyx-onyx-800: #262640;
10
+ --boreal-color-protect-onyx-onyx-100: #e9eaec;
11
+ --boreal-color-protect-onyx-onyx-500: #8c8ca1;
12
+ --boreal-color-protect-onyx-onyx-50: #f4f7f9;
13
+ --boreal-color-protect-onyx-onyx-200: #dddde2;
14
+ --boreal-color-protect-onyx-onyx-25: #f9fafa;
15
+ --boreal-color-protect-indigo-indigo-800: #000f73;
16
+ --boreal-color-protect-indigo-indigo-700: #001287;
17
+ --boreal-color-protect-indigo-indigo-600: #00149c;
18
+ --boreal-color-protect-indigo-indigo-300: #6675d9;
19
+ --boreal-color-protect-indigo-indigo-100: #ccd1f2;
20
+ --boreal-color-protect-indigo-indigo-500: #011ac2;
21
+ --boreal-color-protect-indigo-indigo-400: #3347cf;
22
+ --boreal-color-protect-indigo-indigo-200: #99a3e8;
23
+ --boreal-color-protect-indigo-indigo-900: #000d61;
24
+ --boreal-color-protect-indigo-indigo-50: #e5e8f9;
25
+ --boreal-color-protect-indigo-indigo-25: #f9f9fd;
26
+ --boreal-color-protect-violet-violet-800: #4f0061;
27
+ --boreal-color-protect-violet-violet-600: #6b0082;
28
+ --boreal-color-protect-violet-violet-400: #9e33b5;
29
+ --boreal-color-protect-violet-violet-700: #5c0073;
30
+ --boreal-color-protect-violet-violet-300: #b566c7;
31
+ --boreal-color-protect-violet-violet-500: #8400a3;
32
+ --boreal-color-protect-violet-violet-200: #cf99d9;
33
+ --boreal-color-protect-violet-violet-100: #e5cced;
34
+ --boreal-color-protect-violet-violet-900: #420052;
35
+ --boreal-color-protect-violet-violet-50: #f5e4f5;
36
+ --boreal-color-protect-violet-violet-25: #fdf8fd;
37
+ --boreal-color-protect-cyan-cyan-500: #0ac6ff;
38
+ --boreal-color-protect-cyan-cyan-300: #6bdeff;
39
+ --boreal-color-protect-cyan-cyan-800: #034d63;
40
+ --boreal-color-protect-cyan-cyan-200: #9ee8ff;
41
+ --boreal-color-protect-cyan-cyan-100: #cff5ff;
42
+ --boreal-color-protect-cyan-cyan-600: #089ecc;
43
+ --boreal-color-protect-cyan-cyan-900: #022631;
44
+ --boreal-color-protect-cyan-cyan-50: #dff6ff;
45
+ --boreal-color-protect-cyan-cyan-700: #077392;
46
+ --boreal-color-protect-cyan-cyan-400: #3bd1ff;
47
+ --boreal-color-protect-cyan-cyan-25: #f7fdff;
48
+ --boreal-color-protect-emerald-emerald-800: #009d28;
49
+ --boreal-color-protect-emerald-emerald-700: #00b232;
50
+ --boreal-color-protect-emerald-emerald-600: #0fc73d;
51
+ --boreal-color-protect-emerald-emerald-500: #2ed845;
52
+ --boreal-color-protect-emerald-emerald-300: #82e681;
53
+ --boreal-color-protect-emerald-emerald-200: #a9eda7;
54
+ --boreal-color-protect-emerald-emerald-100: #ccf5ca;
55
+ --boreal-color-protect-emerald-emerald-900: #007a12;
56
+ --boreal-color-protect-emerald-emerald-50: #ebfbea;
57
+ --boreal-color-protect-emerald-emerald-400: #5ddf63;
58
+ --boreal-color-protect-emerald-emerald-25: #fbfefb;
59
+ --boreal-color-protect-cobalt-cobalt-600: #0031ef;
60
+ --boreal-color-protect-cobalt-cobalt-500: #003afb;
61
+ --boreal-color-protect-cobalt-cobalt-700: #0025e3;
62
+ --boreal-color-protect-cobalt-cobalt-400: #1f5bff;
63
+ --boreal-color-protect-cobalt-cobalt-800: #0015d9;
64
+ --boreal-color-protect-cobalt-cobalt-200: #94a0fe;
65
+ --boreal-color-protect-cobalt-cobalt-900: #0000bc;
66
+ --boreal-color-protect-cobalt-cobalt-300: #5e7aff;
67
+ --boreal-color-protect-cobalt-cobalt-100: #c1c5fe;
68
+ --boreal-color-protect-cobalt-cobalt-50: #e7e8ff;
69
+ --boreal-color-protect-cobalt-cobalt-25: #f9f9ff;
70
+ --boreal-color-protect-lime-lime-800: #006611;
71
+ --boreal-color-protect-lime-lime-700: #009923;
72
+ --boreal-color-protect-lime-lime-300: #73da7d;
73
+ --boreal-color-protect-lime-lime-200: #9fe4a4;
74
+ --boreal-color-protect-lime-lime-600: #00b733;
75
+ --boreal-color-protect-lime-lime-25: #fafefb;
76
+ --boreal-color-protect-lime-lime-900: #002900;
77
+ --boreal-color-protect-lime-lime-500: #0fc73d;
78
+ --boreal-color-protect-lime-lime-400: #4cd15e;
79
+ --boreal-color-protect-lime-lime-50: #e7f9e9;
80
+ --boreal-color-protect-lime-lime-100: #c6eec8;
81
+ --boreal-color-protect-sunrise-sunrise-800: #5c280a;
82
+ --boreal-color-protect-sunrise-sunrise-600: #fa9640;
83
+ --boreal-color-protect-sunrise-sunrise-500: #ffa244;
84
+ --boreal-color-protect-sunrise-sunrise-400: #ffae51;
85
+ --boreal-color-protect-sunrise-sunrise-700: #d7620e;
86
+ --boreal-color-protect-sunrise-sunrise-200: #ffd092;
87
+ --boreal-color-protect-sunrise-sunrise-100: #ffe2bc;
88
+ --boreal-color-protect-sunrise-sunrise-900: #2c1107;
89
+ --boreal-color-protect-sunrise-sunrise-300: #ffbd6a;
90
+ --boreal-color-protect-sunrise-sunrise-50: #fff4e4;
91
+ --boreal-color-protect-sunrise-sunrise-25: #fffcf8;
92
+ --boreal-color-protect-cherry-cherry-800: #720820;
93
+ --boreal-color-protect-cherry-cherry-500: #ff314b;
94
+ --boreal-color-protect-cherry-cherry-700: #df1b42;
95
+ --boreal-color-protect-cherry-cherry-400: #f94b63;
96
+ --boreal-color-protect-cherry-cherry-300: #ec7181;
97
+ --boreal-color-protect-cherry-cherry-200: #f399a5;
98
+ --boreal-color-protect-cherry-cherry-25: #fffafb;
99
+ --boreal-color-protect-cherry-cherry-100: #ffcdd9;
100
+ --boreal-color-protect-cherry-cherry-900: #430513;
101
+ --boreal-color-protect-cherry-cherry-600: #f22749;
102
+ --boreal-color-protect-cherry-cherry-50: #ffebf1;
103
+ --boreal-color-engage-lime-lime-80: #192b00;
104
+ --boreal-color-engage-lime-lime-70: #2a4a00;
105
+ --boreal-color-engage-lime-lime-60: #325c00;
106
+ --boreal-color-engage-lime-lime-50: #427d07;
107
+ --boreal-color-engage-lime-lime-90: #101900;
108
+ --boreal-color-engage-lime-lime-30: #8dc75f;
109
+ --boreal-color-engage-lime-lime-5: #eefee7;
110
+ --boreal-color-engage-lime-lime-40: #61a824;
111
+ --boreal-color-engage-lime-lime-10: #d5f7c1;
112
+ --boreal-color-engage-lime-lime-20: #ace089;
113
+ --boreal-color-engage-green-green-80: #002b0d;
114
+ --boreal-color-engage-green-green-30: #67c98c;
115
+ --boreal-color-engage-green-green-60: #006120;
116
+ --boreal-color-engage-green-green-50: #058531;
117
+ --boreal-color-engage-green-green-5: #eefbf4;
118
+ --boreal-color-engage-green-green-40: #24a852;
119
+ --boreal-color-engage-green-green-90: #001b07;
120
+ --boreal-color-engage-green-green-70: #004a18;
121
+ --boreal-color-engage-green-green-10: #c7f0d7;
122
+ --boreal-color-engage-green-green-20: #96deb2;
123
+ --boreal-color-engage-teal-teal-80: #002928;
124
+ --boreal-color-engage-teal-teal-50: #00827d;
125
+ --boreal-color-engage-teal-teal-10: #bef0f4;
126
+ --boreal-color-engage-teal-teal-40: #0ca6ab;
127
+ --boreal-color-engage-teal-teal-60: #005958;
128
+ --boreal-color-engage-teal-teal-20: #87dee3;
129
+ --boreal-color-engage-teal-teal-90: #001a18;
130
+ --boreal-color-engage-teal-teal-30: #52c6cc;
131
+ --boreal-color-engage-teal-teal-70: #004543;
132
+ --boreal-color-engage-teal-teal-5: #e8fbfc;
133
+ --boreal-color-engage-cyan-cyan-90: #05161f;
134
+ --boreal-color-engage-cyan-cyan-60: #06527a;
135
+ --boreal-color-engage-cyan-cyan-50: #0a77ba;
136
+ --boreal-color-engage-cyan-cyan-40: #119aeb;
137
+ --boreal-color-engage-cyan-cyan-30: #5abefc;
138
+ --boreal-color-engage-cyan-cyan-10: #c2e9ff;
139
+ --boreal-color-engage-cyan-cyan-70: #063e59;
140
+ --boreal-color-engage-cyan-cyan-20: #8ad4ff;
141
+ --boreal-color-engage-cyan-cyan-5: #ebf9ff;
142
+ --boreal-color-engage-cyan-cyan-80: #052533;
143
+ --boreal-color-engage-blue-blue-80: #03204a;
144
+ --boreal-color-engage-blue-blue-40: #467df7;
145
+ --boreal-color-engage-blue-blue-90: #03152b;
146
+ --boreal-color-engage-blue-blue-70: #023075;
147
+ --boreal-color-engage-blue-blue-30: #7ba9fe;
148
+ --boreal-color-engage-blue-blue-20: #9ec5ff;
149
+ --boreal-color-engage-blue-blue-60: #0442ab;
150
+ --boreal-color-engage-blue-blue-50: #0a5bfc;
151
+ --boreal-color-engage-blue-blue-10: #d1e4ff;
152
+ --boreal-color-engage-blue-blue-5: #f0f7ff;
153
+ --boreal-color-engage-purple-purple-90: #16042a;
154
+ --boreal-color-engage-purple-purple-80: #29074f;
155
+ --boreal-color-engage-purple-purple-70: #400c73;
156
+ --boreal-color-engage-purple-purple-60: #5c1899;
157
+ --boreal-color-engage-purple-purple-30: #cb80f2;
158
+ --boreal-color-engage-purple-purple-50: #892cd1;
159
+ --boreal-color-engage-purple-purple-40: #a751e0;
160
+ --boreal-color-engage-purple-purple-20: #e698f5;
161
+ --boreal-color-engage-purple-purple-10: #f7c6f7;
162
+ --boreal-color-engage-purple-purple-5: #fceefc;
163
+ --boreal-color-engage-rose-rose-80: #420a28;
164
+ --boreal-color-engage-rose-rose-60: #8e154f;
165
+ --boreal-color-engage-rose-rose-50: #bf2367;
166
+ --boreal-color-engage-rose-rose-90: #220716;
167
+ --boreal-color-engage-rose-rose-70: #630e39;
168
+ --boreal-color-engage-rose-rose-5: #fceef7;
169
+ --boreal-color-engage-rose-rose-40: #db4884;
170
+ --boreal-color-engage-rose-rose-30: #fb74a7;
171
+ --boreal-color-engage-rose-rose-20: #ff9ec6;
172
+ --boreal-color-engage-rose-rose-10: #ffcce4;
173
+ --boreal-color-engage-red-red-80: #45040e;
174
+ --boreal-color-engage-red-red-90: #260309;
175
+ --boreal-color-engage-red-red-50: #c7242b;
176
+ --boreal-color-engage-red-red-40: #e44e51;
177
+ --boreal-color-engage-red-red-30: #f87c7e;
178
+ --boreal-color-engage-red-red-10: #ffd1d1;
179
+ --boreal-color-engage-red-red-70: #690713;
180
+ --boreal-color-engage-red-red-60: #94101b;
181
+ --boreal-color-engage-red-red-20: #ffa3a5;
182
+ --boreal-color-engage-red-red-5: #fff0f1;
183
+ --boreal-color-engage-orange-orange-70: #612500;
184
+ --boreal-color-engage-orange-orange-50: #bc550b;
185
+ --boreal-color-engage-orange-orange-30: #ffa352;
186
+ --boreal-color-engage-orange-orange-80: #3e1600;
187
+ --boreal-color-engage-orange-orange-40: #ec7a22;
188
+ --boreal-color-engage-orange-orange-20: #ffc88a;
189
+ --boreal-color-engage-orange-orange-10: #ffe9c7;
190
+ --boreal-color-engage-orange-orange-90: #240c00;
191
+ --boreal-color-engage-orange-orange-60: #8a3900;
192
+ --boreal-color-engage-orange-orange-5: #fff8e6;
193
+ --boreal-color-engage-yellow-yellow-80: #332200;
194
+ --boreal-color-engage-yellow-yellow-60: #755100;
195
+ --boreal-color-engage-yellow-yellow-40: #dba70a;
196
+ --boreal-color-engage-yellow-yellow-10: #fff5c2;
197
+ --boreal-color-engage-yellow-yellow-30: #f2c840;
198
+ --boreal-color-engage-yellow-yellow-90: #1f1300;
199
+ --boreal-color-engage-yellow-yellow-50: #a37600;
200
+ --boreal-color-engage-yellow-yellow-20: #ffe180;
201
+ --boreal-color-engage-yellow-yellow-70: #523800;
202
+ --boreal-color-engage-yellow-yellow-5: #fffde6;
203
+ --boreal-color-engage-ink-ink-90: #131316;
204
+ --boreal-color-engage-ink-ink-70: #272a2f;
205
+ --boreal-color-engage-ink-ink-60: #3b3f45;
206
+ --boreal-color-engage-ink-ink-50: #595d64;
207
+ --boreal-color-engage-ink-ink-30: #b6b8be;
208
+ --boreal-color-engage-ink-ink-40: #8a8e96;
209
+ --boreal-color-engage-ink-ink-20: #d3d4d9;
210
+ --boreal-color-engage-ink-ink-80: #1c1e21;
211
+ --boreal-color-engage-ink-ink-10: #e3e3e6;
212
+ --boreal-color-engage-ink-ink-5: #f7f7f8;
213
+ --boreal-color-white: #ffffff;
214
+ --boreal-color-connect-petrol-petrol-3: #007da4;
215
+ --boreal-color-connect-petrol-petrol-4: #33a3c2;
216
+ --boreal-color-connect-petrol-petrol-5: #99cbdd;
217
+ --boreal-color-connect-petrol-petrol-6: #c4e1eb;
218
+ --boreal-color-connect-petrol-petrol-1: #003242;
219
+ --boreal-color-connect-petrol-petrol-2: #005066;
220
+ --boreal-color-connect-petrol-petrol-7: #eaf6fa;
221
+ --boreal-color-connect-ice-ice-3: #4bb7e2;
222
+ --boreal-color-connect-ice-ice-4: #76c7e8;
223
+ --boreal-color-connect-ice-ice-5: #96d6ee;
224
+ --boreal-color-connect-ice-ice-6: #b7e2f3;
225
+ --boreal-color-connect-ice-ice-1: #2d6f89;
226
+ --boreal-color-connect-ice-ice-2: #3894b3;
227
+ --boreal-color-connect-ice-ice-7: #ecf7fb;
228
+ --boreal-color-connect-cobalt-cobalt-3: #143db2;
229
+ --boreal-color-connect-cobalt-cobalt-5: #718ed7;
230
+ --boreal-color-connect-cobalt-cobalt-6: #a1b1e0;
231
+ --boreal-color-connect-cobalt-cobalt-7: #e7ebf8;
232
+ --boreal-color-connect-cobalt-cobalt-1: #10318e;
233
+ --boreal-color-connect-cobalt-cobalt-4: #3b60c5;
234
+ --boreal-color-connect-cobalt-cobalt-2: #1238a1;
235
+ --boreal-color-connect-byzantine-byzantine-3: #2163ce;
236
+ --boreal-color-connect-byzantine-byzantine-4: #4a83d9;
237
+ --boreal-color-connect-byzantine-byzantine-5: #759fe0;
238
+ --boreal-color-connect-byzantine-byzantine-6: #a6c1eb;
239
+ --boreal-color-connect-byzantine-byzantine-2: #153f87;
240
+ --boreal-color-connect-byzantine-byzantine-1: #0c2a5c;
241
+ --boreal-color-connect-byzantine-byzantine-7: #e9f0fb;
242
+ --boreal-color-connect-grey-grey-1: #21363e;
243
+ --boreal-color-connect-grey-grey-2: #37474f;
244
+ --boreal-color-connect-grey-grey-3: #7a8b91;
245
+ --boreal-color-connect-grey-grey-4: #a1adb2;
246
+ --boreal-color-connect-grey-grey-5: #c4cfd4;
247
+ --boreal-color-connect-grey-grey-6: #e0e6e9;
248
+ --boreal-color-connect-grey-grey-7: #f0f1f2;
249
+ --boreal-color-connect-grey-grey-8: #e3e3e6;
250
+ --boreal-color-connect-black-black-1: #1a1a1a;
251
+ --boreal-color-connect-black-black-2: #252525;
252
+ --boreal-color-connect-black-black-3: #333333;
253
+ --boreal-color-connect-black-black-4: #4c4c4c;
254
+ --boreal-color-connect-black-black-5: #7d7d7d;
255
+ --boreal-color-connect-black-black-6: #bfbfbf;
256
+ --boreal-color-connect-black-black-7: #f2f2f2;
257
+ --boreal-color-connect-sea-sea-1: #009977;
258
+ --boreal-color-connect-sea-sea-2: #00aa88;
259
+ --boreal-color-connect-sea-sea-3: #00cc99;
260
+ --boreal-color-connect-sea-sea-4: #33d6ad;
261
+ --boreal-color-connect-sea-sea-5: #66e0c2;
262
+ --boreal-color-connect-sea-sea-6: #99ecd6;
263
+ --boreal-color-connect-sea-sea-7: #e5faf5;
264
+ --boreal-color-connect-success-success-1: #004d00;
265
+ --boreal-color-connect-success-success-2: #006600;
266
+ --boreal-color-connect-success-success-3: #008000;
267
+ --boreal-color-connect-success-success-4: #339933;
268
+ --boreal-color-connect-success-success-5: #66b266;
269
+ --boreal-color-connect-success-success-6: #c0e6c0;
270
+ --boreal-color-connect-success-success-7: #eaf7ea;
271
+ --boreal-color-connect-warning-warning-1: #623400;
272
+ --boreal-color-connect-warning-warning-2: #8a4600;
273
+ --boreal-color-connect-warning-warning-3: #f58221;
274
+ --boreal-color-connect-warning-warning-4: #f89b4c;
275
+ --boreal-color-connect-warning-warning-5: #fab777;
276
+ --boreal-color-connect-warning-warning-6: #fbcda6;
277
+ --boreal-color-connect-warning-warning-7: #fef0e6;
278
+ --boreal-color-connect-error-error-1: #690000;
279
+ --boreal-color-connect-error-error-2: #8a0000;
280
+ --boreal-color-connect-error-error-3: #b30000;
281
+ --boreal-color-connect-error-error-4: #d93c3c;
282
+ --boreal-color-connect-error-error-5: #e58080;
283
+ --boreal-color-connect-error-error-6: #f1c6c6;
284
+ --boreal-color-connect-error-error-7: #faeaea;
285
+ --boreal-color-proximus-onyx-onyx-50: #ecedee;
286
+ --boreal-color-proximus-onyx-onyx-60: #656e7b;
287
+ --boreal-color-proximus-onyx-onyx-70: #525b67;
288
+ --boreal-color-proximus-onyx-onyx-80: #333c48;
289
+ --boreal-color-proximus-onyx-onyx-40: #adb7c4;
290
+ --boreal-color-proximus-onyx-onyx-30: #d0dae9;
291
+ --boreal-color-proximus-onyx-onyx-20: #e0eaf9;
292
+ --boreal-color-proximus-onyx-onyx-90: #131c26;
293
+ --boreal-color-proximus-onyx-onyx-10: #e9f3ff;
294
+ --boreal-color-proximus-onyx-onyx-5: #f0faff;
295
+ --boreal-color-proximus-onyx-onyx-500: #424951;
296
+ --boreal-color-proximus-onyx-onyx-600: #3c424a;
297
+ --boreal-color-proximus-onyx-onyx-700: #2f343a;
298
+ --boreal-color-proximus-onyx-onyx-800: #24282d;
299
+ --boreal-color-proximus-onyx-onyx-400: #686d74;
300
+ --boreal-color-proximus-onyx-onyx-300: #80858a;
301
+ --boreal-color-proximus-onyx-onyx-200: #a8abaf;
302
+ --boreal-color-proximus-onyx-onyx-900: #1c1f22;
303
+ --boreal-color-proximus-onyx-onyx-100: #c4c7c9;
304
+ --boreal-color-proximus-cobalt-cobalt-5: #e9efff;
305
+ --boreal-color-proximus-cobalt-cobalt-10: #c1c5fe;
306
+ --boreal-color-proximus-cobalt-cobalt-20: #94a0fe;
307
+ --boreal-color-proximus-cobalt-cobalt-30: #5e7aff;
308
+ --boreal-color-proximus-cobalt-cobalt-40: #1f5bff;
309
+ --boreal-color-proximus-cobalt-cobalt-50: #003afb;
310
+ --boreal-color-proximus-cobalt-cobalt-60: #0031ef;
311
+ --boreal-color-proximus-cobalt-cobalt-70: #0025e3;
312
+ --boreal-color-proximus-cobalt-cobalt-80: #0015d9;
313
+ --boreal-color-proximus-cobalt-cobalt-90: #0000bf;
314
+ --boreal-color-proximus-cobalt-cobalt-100: #bacdff;
315
+ --boreal-color-proximus-cobalt-cobalt-200: #98b4ff;
316
+ --boreal-color-proximus-cobalt-cobalt-300: #6992ff;
317
+ --boreal-color-proximus-cobalt-cobalt-400: #4c7dff;
318
+ --boreal-color-proximus-cobalt-cobalt-500: #1f5dff;
319
+ --boreal-color-proximus-cobalt-cobalt-600: #1c55e8;
320
+ --boreal-color-proximus-cobalt-cobalt-700: #1642b5;
321
+ --boreal-color-proximus-cobalt-cobalt-800: #11338c;
322
+ --boreal-color-proximus-cobalt-cobalt-900: #0d276b;
323
+ --boreal-color-proximus-mint-mint-5: #e6fcf4;
324
+ --boreal-color-proximus-mint-mint-10: #b3f0d1;
325
+ --boreal-color-proximus-mint-mint-20: #7be7b3;
326
+ --boreal-color-proximus-mint-mint-30: #00dd92;
327
+ --boreal-color-proximus-mint-mint-40: #00d47a;
328
+ --boreal-color-proximus-mint-mint-50: #00c964;
329
+ --boreal-color-proximus-mint-mint-60: #00b959;
330
+ --boreal-color-proximus-mint-mint-70: #00a64c;
331
+ --boreal-color-proximus-mint-mint-80: #00943f;
332
+ --boreal-color-proximus-mint-mint-90: #00732a;
333
+ --boreal-color-proximus-mint-mint-100: #b0f4dd;
334
+ --boreal-color-proximus-mint-mint-200: #8aefcd;
335
+ --boreal-color-proximus-mint-mint-300: #54e8b6;
336
+ --boreal-color-proximus-mint-mint-400: #33e4a8;
337
+ --boreal-color-proximus-mint-mint-500: #00dd92;
338
+ --boreal-color-proximus-mint-mint-600: #00c985;
339
+ --boreal-color-proximus-mint-mint-700: #009d68;
340
+ --boreal-color-proximus-mint-mint-800: #007a50;
341
+ --boreal-color-proximus-mint-mint-900: #005d3d;
342
+ --boreal-color-proximus-indigo-indigo-50: #e6eaf7;
343
+ --boreal-color-proximus-indigo-indigo-100: #b2bee5;
344
+ --boreal-color-proximus-indigo-indigo-200: #8d9ed8;
345
+ --boreal-color-proximus-indigo-indigo-300: #5972c6;
346
+ --boreal-color-proximus-indigo-indigo-400: #3957bb;
347
+ --boreal-color-proximus-indigo-indigo-500: #072daa;
348
+ --boreal-color-proximus-indigo-indigo-600: #06299b;
349
+ --boreal-color-proximus-indigo-indigo-700: #052079;
350
+ --boreal-color-proximus-indigo-indigo-800: #04195e;
351
+ --boreal-color-proximus-indigo-indigo-900: #031347;
352
+ --boreal-color-proximus-neutral-neutral-5: #ffffff;
353
+ --boreal-color-proximus-neutral-neutral-200: #eeeeee;
354
+ --boreal-color-proximus-neutral-neutral-300: #e0e0e0;
355
+ --boreal-color-proximus-neutral-neutral-400: #cfcfcf;
356
+ --boreal-color-proximus-neutral-neutral-500: #b5b5b5;
357
+ --boreal-color-proximus-neutral-neutral-600: #8c8c8c;
358
+ --boreal-color-proximus-neutral-neutral-700: #6b6b6b;
359
+ --boreal-color-proximus-neutral-neutral-800: #4a4a4a;
360
+ --boreal-color-proximus-neutral-neutral-900: #2e2e2e;
361
+ --boreal-color-proximus-neutral-neutral-100: #f7f7f7;
362
+ --boreal-color-proximus-cyan-cyan-50: #e7f9ff;
363
+ --boreal-color-proximus-cyan-cyan-100: #b3edff;
364
+ --boreal-color-proximus-cyan-cyan-200: #8ee5ff;
365
+ --boreal-color-proximus-cyan-cyan-300: #5bd9ff;
366
+ --boreal-color-proximus-cyan-cyan-400: #3bd1ff;
367
+ --boreal-color-proximus-cyan-cyan-500: #0ac6ff;
368
+ --boreal-color-proximus-cyan-cyan-600: #09b4e8;
369
+ --boreal-color-proximus-cyan-cyan-700: #078db5;
370
+ --boreal-color-proximus-cyan-cyan-800: #066d8c;
371
+ --boreal-color-proximus-cyan-cyan-900: #04536b;
372
+ --boreal-color-proximus-violet-violet-50: #f4e8f5;
373
+ --boreal-color-proximus-violet-violet-100: #dcb7e1;
374
+ --boreal-color-proximus-violet-violet-200: #cb94d2;
375
+ --boreal-color-proximus-violet-violet-300: #b363bd;
376
+ --boreal-color-proximus-violet-violet-400: #a445b1;
377
+ --boreal-color-proximus-violet-violet-500: #8d169d;
378
+ --boreal-color-proximus-violet-violet-600: #80148f;
379
+ --boreal-color-proximus-violet-violet-700: #64106f;
380
+ --boreal-color-proximus-violet-violet-800: #4e0c56;
381
+ --boreal-color-proximus-violet-violet-900: #3b0942;
382
+ --boreal-color-proximus-red-red-50: #fdecea;
383
+ --boreal-color-proximus-red-red-100: #f9dad7;
384
+ --boreal-color-proximus-red-red-200: #f4b7b2;
385
+ --boreal-color-proximus-red-red-300: #ef938c;
386
+ --boreal-color-proximus-red-red-400: #eb6f66;
387
+ --boreal-color-proximus-red-red-500: #e74c3c;
388
+ --boreal-color-proximus-red-red-600: #d84336;
389
+ --boreal-color-proximus-red-red-700: #c0392b;
390
+ --boreal-color-proximus-red-red-800: #a93226;
391
+ --boreal-color-proximus-red-red-900: #7b241c;
392
+ --boreal-color-proximus-amber-amber-50: #fff4e6;
393
+ --boreal-color-proximus-amber-amber-100: #ffdcb0;
394
+ --boreal-color-proximus-amber-amber-200: #ffcb8a;
395
+ --boreal-color-proximus-amber-amber-300: #ffb454;
396
+ --boreal-color-proximus-amber-amber-400: #ffa533;
397
+ --boreal-color-proximus-amber-amber-500: #ff8f00;
398
+ --boreal-color-proximus-amber-amber-600: #e88200;
399
+ --boreal-color-proximus-amber-amber-700: #b56600;
400
+ --boreal-color-proximus-amber-amber-800: #8c4f00;
401
+ --boreal-color-proximus-amber-amber-900: #6b3c00;
402
+ --boreal-spacing-2xs: 4px;
403
+ --boreal-spacing-5xl: 64px;
404
+ --boreal-spacing-s: 12px;
405
+ --boreal-spacing-2xl: 40px;
406
+ --boreal-spacing-3xl: 48px;
407
+ --boreal-spacing-ml: 20px;
408
+ --boreal-spacing-xl: 32px;
409
+ --boreal-spacing-l: 24px;
410
+ --boreal-spacing-m: 16px;
411
+ --boreal-spacing-4xl: 56px;
412
+ --boreal-spacing-3xs: 2px;
413
+ --boreal-spacing-xs: 8px;
414
+ --boreal-spacing-4xs: 1px;
415
+ --boreal-spacing-1xs: 6px;
416
+ --boreal-spacing-6xl: 80px;
417
+ --boreal-spacing-7xl: 96px;
418
+ --boreal-layout-6xl: 160px;
419
+ --boreal-layout-5xl: 120px;
420
+ --boreal-layout-2xl: 64px;
421
+ --boreal-layout-3xl: 80px;
422
+ --boreal-layout-m: 16px;
423
+ --boreal-layout-xl: 48px;
424
+ --boreal-layout-s: 12px;
425
+ --boreal-layout-xs: 8px;
426
+ --boreal-layout-l: 32px;
427
+ --boreal-layout-ml: 24px;
428
+ --boreal-layout-4xl: 96px;
429
+ --boreal-icons-s: 12px;
430
+ --boreal-icons-m: 16px;
431
+ --boreal-icons-l: 20px;
432
+ --boreal-icons-xl: 24px;
433
+ --boreal-radius-full: 360px;
434
+ --boreal-radius-xl: 24px;
435
+ --boreal-radius-m: 12px;
436
+ --boreal-radius-xs2: 2px;
437
+ --boreal-radius-l: 16px;
438
+ --boreal-radius-s: 8px;
439
+ --boreal-radius-xs: 4px;
440
+ --boreal-radius-none: 0px;
441
+ --boreal-typography-font-family-primary: Inter;
442
+ --boreal-typography-font-family-secondary: Courier Prime ;
443
+ --boreal-typography-font-size-xs: 12px;
444
+ --boreal-typography-font-size-sm: 14px;
445
+ --boreal-typography-font-size-md: 16px;
446
+ --boreal-typography-font-size-lg: 20px;
447
+ --boreal-typography-font-size-xl: 28px;
448
+ --boreal-typography-font-size-2xl: 32px;
449
+ --boreal-typography-font-size-3xl: 42px;
450
+ --boreal-typography-font-size-4xl: 54px;
451
+ --boreal-typography-line-height-xs: 16px;
452
+ --boreal-typography-line-height-sm: 20px;
453
+ --boreal-typography-line-height-md: 22px;
454
+ --boreal-typography-line-height-lg: 28px;
455
+ --boreal-typography-line-height-xl: 36px;
456
+ --boreal-typography-line-height-2xl: 40px;
457
+ --boreal-typography-line-height-3xl: 50px;
458
+ --boreal-typography-line-height-4xl: 64px;
459
+ --boreal-typography-font-weight-light: 300;
460
+ --boreal-typography-font-weight-regular: 400;
461
+ --boreal-typography-font-weight-semibold: 600;
462
+ --boreal-typography-font-weight-bold: 700;
463
+ }
464
+
465
+ /* _fonts.scss */
466
+
467
+ /* _typography.scss */
468
+ .heading-4xl {
469
+ font-weight: var(--boreal-typography-font-weight-light);
470
+ font-size: var(--boreal-typography-font-size-4xl);
471
+ line-height: var(--boreal-typography-line-height-4xl);
472
+ }
473
+
474
+ .heading-3xl {
475
+ font-weight: var(--boreal-typography-font-weight-light);
476
+ font-size: var(--boreal-typography-font-size-3xl);
477
+ line-height: var(--boreal-typography-line-height-3xl);
478
+ }
479
+
480
+ .heading-2xl {
481
+ font-weight: var(--boreal-typography-font-weight-regular);
482
+ font-size: var(--boreal-typography-font-size-2xl);
483
+ line-height: var(--boreal-typography-line-height-2xl);
484
+ }
485
+
486
+ .heading-xl {
487
+ font-weight: var(--boreal-typography-font-weight-regular);
488
+ font-size: var(--boreal-typography-font-size-xl);
489
+ line-height: var(--boreal-typography-line-height-xl);
490
+ }
491
+
492
+ .heading-lg {
493
+ font-weight: var(--boreal-typography-font-weight-regular);
494
+ font-size: var(--boreal-typography-font-size-lg);
495
+ line-height: var(--boreal-typography-line-height-lg);
496
+ }
497
+
498
+ .heading-md {
499
+ font-weight: var(--boreal-typography-font-weight-semibold);
500
+ font-size: var(--boreal-typography-font-size-md);
501
+ line-height: var(--boreal-typography-line-height-md);
502
+ }
503
+
504
+ .heading-sm {
505
+ font-weight: var(--boreal-typography-font-weight-semibold);
506
+ font-size: var(--boreal-typography-font-size-sm);
507
+ line-height: var(--boreal-typography-line-height-sm);
508
+ }
509
+
510
+ .display-sm {
511
+ font-size: var(--boreal-typography-font-size-xl);
512
+ line-height: var(--boreal-typography-line-height-xl);
513
+ font-weight: var(--boreal-typography-font-weight-regular);
514
+ }
515
+
516
+ .display-md {
517
+ font-size: var(--boreal-typography-font-size-2xl);
518
+ line-height: var(--boreal-typography-line-height-2xl);
519
+ font-weight: var(--boreal-typography-font-weight-regular);
520
+ }
521
+
522
+ .display-lg {
523
+ font-size: var(--boreal-typography-font-size-3xl);
524
+ line-height: var(--boreal-typography-line-height-3xl);
525
+ font-weight: var(--boreal-typography-font-weight-regular);
526
+ }
527
+
528
+ .display-xl {
529
+ font-size: var(--boreal-typography-font-size-4xl);
530
+ line-height: var(--boreal-typography-line-height-4xl);
531
+ font-weight: var(--boreal-typography-font-weight-regular);
532
+ }
533
+
534
+ .display-xs {
535
+ font-size: var(--boreal-typography-font-size-xs);
536
+ line-height: var(--boreal-typography-line-height-xs);
537
+ font-weight: var(--boreal-typography-font-weight-regular);
538
+ }
539
+
540
+ .label-lg {
541
+ font-size: var(--boreal-typography-font-size-lg);
542
+ font-weight: var(--boreal-typography-font-weight-semibold);
543
+ line-height: var(--boreal-typography-line-height-md);
544
+ color: var(--boreal-text-default-darker);
545
+ }
546
+
547
+ .label-md {
548
+ font-size: var(--boreal-typography-font-size-md);
549
+ font-weight: var(--boreal-typography-font-weight-semibold);
550
+ line-height: var(--boreal-typography-line-height-md);
551
+ color: var(--boreal-text-default-darker);
552
+ }
553
+
554
+ .label-sm {
555
+ font-size: var(--boreal-typography-font-size-sm);
556
+ font-weight: var(--boreal-typography-font-weight-semibold);
557
+ line-height: var(--boreal-typography-line-height-sm);
558
+ color: var(--boreal-text-default-darker);
559
+ }
560
+
561
+ .label-xs {
562
+ font-size: var(--boreal-typography-font-size-xs);
563
+ font-weight: var(--boreal-typography-font-weight-semibold);
564
+ line-height: var(--boreal-typography-line-height-xs);
565
+ color: var(--boreal-text-default-darker);
566
+ }
567
+
568
+ .support-text {
569
+ font-size: var(--boreal-typography-font-size-sm);
570
+ line-height: var(--boreal-typography-line-height-xs);
571
+ font-weight: var(--boreal-typography-font-weight-regular);
572
+ }
573
+
574
+ .code {
575
+ font-family: var(--boreal-typography-font-family-secondary);
576
+ font-size: var(--boreal-typography-font-size-xs);
577
+ font-weight: var(--boreal-typography-font-weight-regular);
578
+ color: var(--boreal-text-default);
579
+ line-height: var(--boreal-typography-line-height-md);
580
+ overflow-wrap: break-word;
581
+ background-color: var(--boreal-ui-base-light);
582
+ padding: var(--boreal-spacing-3xs) var(--boreal-spacing-xs);
583
+ border-radius: var(--boreal-radius-xs);
584
+ display: inline;
585
+ box-decoration-break: clone;
586
+ -webkit-box-decoration-break: clone;
587
+ }
588
+
589
+ .caption {
590
+ font-size: var(--boreal-typography-font-size-xs);
591
+ font-weight: var(--boreal-typography-font-weight-regular);
592
+ line-height: var(--boreal-typography-line-height-md);
593
+ color: var(--boreal-text-default-light);
594
+ }
595
+
596
+ .helper-text {
597
+ font-size: var(--boreal-typography-font-size-xs);
598
+ font-weight: var(--boreal-typography-font-weight-regular);
599
+ line-height: var(--boreal-typography-line-height-sm);
600
+ color: var(--boreal-text-default-light);
601
+ }
602
+
603
+ .link, .link-xs, .link-sm, .link-md {
604
+ font-size: var(--boreal-typography-font-size-sm);
605
+ font-weight: var(--boreal-typography-font-weight-regular);
606
+ line-height: var(--boreal-typography-line-height-md);
607
+ color: var(--boreal-text-primary-base);
608
+ text-decoration: none;
609
+ }
610
+ .link:hover, .link-xs:hover, .link-sm:hover, .link-md:hover {
611
+ text-decoration: underline;
612
+ }
613
+ .link:visited, .link-xs:visited, .link-sm:visited, .link-md:visited {
614
+ color: var(--boreal-text-primary-base);
615
+ }
616
+ .link:active, .link-xs:active, .link-sm:active, .link-md:active {
617
+ color: var(--boreal-text-primary-dark);
618
+ }
619
+ .link-md {
620
+ font-size: var(--boreal-typography-font-size-md);
621
+ line-height: var(--boreal-typography-line-height-md);
622
+ }
623
+ .link-sm {
624
+ font-size: var(--boreal-typography-font-size-sm);
625
+ line-height: var(--boreal-typography-line-height-sm);
626
+ }
627
+ .link-xs {
628
+ font-size: var(--boreal-typography-font-size-xs);
629
+ line-height: var(--boreal-typography-line-height-xs);
630
+ }
631
+
632
+ /* reset.scss */
633
+ /**
634
+ * Boreal Design System - CSS Reset
635
+ * Minimal reset for consistent cross-browser rendering
636
+ */
637
+ *,
638
+ *::before,
639
+ *::after {
640
+ box-sizing: border-box;
641
+ }
642
+
643
+ * {
644
+ margin: 0;
645
+ padding: 0;
646
+ }
647
+
648
+ html {
649
+ -webkit-font-smoothing: antialiased;
650
+ -moz-osx-font-smoothing: grayscale;
651
+ }
652
+
653
+ body {
654
+ line-height: 1.5;
655
+ -webkit-text-size-adjust: 100%;
656
+ }
657
+
658
+ img,
659
+ picture,
660
+ video,
661
+ canvas,
662
+ svg {
663
+ display: block;
664
+ max-width: 100%;
665
+ }
666
+
667
+ input,
668
+ button,
669
+ textarea,
670
+ select {
671
+ font: inherit;
672
+ }
673
+
674
+ p,
675
+ h1,
676
+ h2,
677
+ h3,
678
+ h4,
679
+ h5,
680
+ h6 {
681
+ overflow-wrap: break-word;
682
+ }