@newskit-render/my-account 0.118.0 → 0.121.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/Components/Sections/Form/Address/FormAddress.js +8 -8
  3. package/dist/Components/Sections/Form/Address/FormAddress.js.map +1 -1
  4. package/dist/Components/Sections/Form/Landline/Landline.js +1 -1
  5. package/dist/Components/Sections/Form/Landline/Landline.js.map +1 -1
  6. package/dist/Components/Sections/Form/Phone/Phone.js +9 -4
  7. package/dist/Components/Sections/Form/Phone/Phone.js.map +1 -1
  8. package/dist/Components/Sections/Form/Phone/types.d.ts +1 -1
  9. package/dist/Components/Sections/Form/onFormSubmit.js +4 -0
  10. package/dist/Components/Sections/Form/onFormSubmit.js.map +1 -1
  11. package/dist/api/mutateHandler.js +4 -9
  12. package/dist/api/mutateHandler.js.map +1 -1
  13. package/dist/helpers/apiHandlerUtils.d.ts +2 -2
  14. package/dist/helpers/apiHandlerUtils.js +13 -17
  15. package/dist/helpers/apiHandlerUtils.js.map +1 -1
  16. package/dist/index.d.ts +0 -1
  17. package/dist/index.js +1 -3
  18. package/dist/index.js.map +1 -1
  19. package/dist/pages/Error.js +2 -2
  20. package/dist/pages/Error.js.map +1 -1
  21. package/dist/pages/NewslettersAndAlerts.js +2 -2
  22. package/dist/pages/NewslettersAndAlerts.js.map +1 -1
  23. package/dist/pages/PersonalDetails.d.ts +10 -1
  24. package/dist/pages/PersonalDetails.js +13 -13
  25. package/dist/pages/PersonalDetails.js.map +1 -1
  26. package/dist/pages/SubscriptionAndBilling.js +2 -2
  27. package/dist/pages/SubscriptionAndBilling.js.map +1 -1
  28. package/dist/providers/newslettersAndAlertsProvider.js +6 -2
  29. package/dist/providers/newslettersAndAlertsProvider.js.map +1 -1
  30. package/dist/providers/types.d.ts +1 -5
  31. package/dist/queries/getEditField.js +1 -1
  32. package/dist/queries/getEditField.js.map +1 -1
  33. package/dist/queries/getUserProfile.js +1 -1
  34. package/dist/queries/getUserProfile.js.map +1 -1
  35. package/dist/queries/index.d.ts +0 -3
  36. package/dist/queries/index.js +0 -3
  37. package/dist/queries/index.js.map +1 -1
  38. package/dist/queries/mutateCancellation.d.ts +2 -2
  39. package/dist/queries/mutateCancellation.js +2 -5
  40. package/dist/queries/mutateCancellation.js.map +1 -1
  41. package/dist/queries/mutateDisplayName.d.ts +2 -2
  42. package/dist/queries/mutateDisplayName.js +1 -3
  43. package/dist/queries/mutateDisplayName.js.map +1 -1
  44. package/dist/queries/mutatePaymentMethod.d.ts +2 -2
  45. package/dist/queries/mutatePaymentMethod.js +2 -5
  46. package/dist/queries/mutatePaymentMethod.js.map +1 -1
  47. package/dist/queries/mutateUser.d.ts +2 -2
  48. package/dist/queries/mutateUser.js +2 -5
  49. package/dist/queries/mutateUser.js.map +1 -1
  50. package/package.json +15 -5
  51. package/dist/queries/getUserNewsletter.d.ts +0 -1
  52. package/dist/queries/getUserNewsletter.js +0 -11
  53. package/dist/queries/getUserNewsletter.js.map +0 -1
  54. package/dist/queries/mutateAddress.d.ts +0 -2
  55. package/dist/queries/mutateAddress.js +0 -15
  56. package/dist/queries/mutateAddress.js.map +0 -1
  57. package/dist/queries/mutateCustom.d.ts +0 -4
  58. package/dist/queries/mutateCustom.js +0 -15
  59. package/dist/queries/mutateCustom.js.map +0 -1
  60. package/dist/theme/border-radius.json +0 -3
  61. package/dist/theme/colors.json +0 -135
  62. package/dist/theme/fonts.json +0 -162
  63. package/dist/theme/index.d.ts +0 -4
  64. package/dist/theme/index.js +0 -1107
  65. package/dist/theme/index.js.map +0 -1
  66. package/dist/theme/overlays.json +0 -12
  67. package/dist/theme/shadows.json +0 -8
  68. package/dist/theme/typography-presets.json +0 -289
@@ -1,1107 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.theSunTheme = exports.virginRadioTheme = exports.timesTheme = exports.accountTheme = void 0;
7
- var newskit_1 = require("newskit");
8
- var border_radius_json_1 = __importDefault(require("./border-radius.json"));
9
- var colors_json_1 = __importDefault(require("./colors.json"));
10
- var overlays_json_1 = __importDefault(require("./overlays.json"));
11
- var fonts_json_1 = __importDefault(require("./fonts.json"));
12
- var shadows_json_1 = __importDefault(require("./shadows.json"));
13
- var typography_presets_json_1 = __importDefault(require("./typography-presets.json"));
14
- exports.accountTheme = (0, newskit_1.createTheme)({
15
- name: 'account-theme',
16
- overrides: {
17
- stylePresets: {
18
- baseInteractivePrimary030: {
19
- base: {
20
- color: '{{colors.interactivePrimary030}}',
21
- },
22
- },
23
- overlayTintInverse010: {
24
- base: {
25
- backgroundColor: '{{colors.whiteTint020}}',
26
- },
27
- },
28
- buttonGroupXs: {
29
- base: {
30
- backgroundColor: '{{colors.interface020}}',
31
- borderColor: '{{colors.interface040}}',
32
- borderStyle: 'solid',
33
- borderWidth: '{{borders.borderWidth010}} {{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth000}}',
34
- },
35
- },
36
- buttonGroupSm: {
37
- base: {
38
- backgroundColor: '{{colors.transparent}}',
39
- borderColor: '{{colors.interface030}}',
40
- borderStyle: 'solid',
41
- borderWidth: '{{borders.borderWidth010}} {{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth000}}',
42
- },
43
- },
44
- buttonGroupTransparent: {
45
- base: {
46
- backgroundColor: '{{colors.transparent}}',
47
- },
48
- },
49
- modalPanel: {
50
- base: {
51
- borderRadius: '{{borders.borderRadiusRounded010}}',
52
- },
53
- },
54
- searchBlock: {
55
- base: {
56
- backgroundColor: '{{colors.interface020}}',
57
- borderRadius: '{{borders.borderRadiusRounded020}}',
58
- },
59
- },
60
- textInput: {
61
- base: {
62
- backgroundColor: '{{colors.interface010}}',
63
- borderStyle: 'solid',
64
- borderColor: '{{colors.interface040}}',
65
- borderWidth: '{{borders.borderWidthDefault}}',
66
- borderRadius: '{{borders.borderRadiusDefault}}',
67
- color: '{{colors.inkBase}}',
68
- textOverflow: 'ellipsis',
69
- placeholderColor: '{{colors.inkSubtle}}',
70
- },
71
- },
72
- contentListView: {
73
- base: {
74
- borderColor: '{{colors.interface040}}',
75
- borderStyle: 'solid',
76
- borderWidth: '{{borders.borderWidth010}}',
77
- borderRadius: '{{borders.borderRadiusRounded020}}',
78
- },
79
- },
80
- navigationSecondayHorizontal: {
81
- base: {
82
- backgroundColor: '{{colors.transparent}}',
83
- borderStyle: 'solid',
84
- borderColor: '{{colors.transparent}}',
85
- borderWidth: '{{borders.borderWidth000}} {{borders.borderWidth000}} {{borders.borderWidth020}} {{borders.borderWidth000}}',
86
- color: '{{colors.inkSubtle}}',
87
- iconColor: '{{colors.inkSubtle}}',
88
- },
89
- hover: {
90
- backgroundColor: '{{colors.interactivePrimary010}}',
91
- borderColor: '{{colors.interactivePrimary030}}',
92
- color: '{{colors.interactivePrimary030}}',
93
- iconColor: '{{colors.interactivePrimary030}}',
94
- },
95
- active: {
96
- backgroundColor: '{{colors.interactivePrimary020}}',
97
- borderColor: '{{colors.interactivePrimary040}}',
98
- color: '{{colors.interactivePrimary040}}',
99
- iconColor: '{{colors.interactivePrimary040}}',
100
- },
101
- selected: {
102
- borderColor: '{{colors.interactivePrimary030}}',
103
- color: '{{colors.interactivePrimary030}}',
104
- iconColor: '{{colors.interactivePrimary030}}',
105
- },
106
- disabled: {
107
- color: '{{colors.inkNonEssential}}',
108
- iconColor: '{{colors.inkNonEssential}}',
109
- },
110
- },
111
- PastDueFirstNotice: {
112
- base: {
113
- backgroundColor: '{{colors.amber090}}',
114
- },
115
- },
116
- PastDueLastNotice: {
117
- base: {
118
- backgroundColor: '{{colors.red070}}',
119
- },
120
- },
121
- UpdatePaymentButton: {
122
- base: {
123
- backgroundColor: '{{colors.white}}',
124
- borderRadius: '{{borders.borderRadiusRounded020}}',
125
- color: '{{colors.inkBase}}',
126
- },
127
- visited: {
128
- color: '{{colors.inkBase}}',
129
- },
130
- },
131
- inlineMessageInformative: {
132
- base: {
133
- wordBreak: 'break-word',
134
- },
135
- },
136
- },
137
- },
138
- });
139
- exports.timesTheme = (0, newskit_1.createTheme)({
140
- name: 'times-theme',
141
- overrides: {
142
- breakpoints: {
143
- xs: 0,
144
- sm: 480,
145
- md: 768,
146
- lg: 1024,
147
- xl: 1440,
148
- },
149
- borders: {
150
- borderRadiusDefault: '{{borders.borderRadiusSharp}}',
151
- },
152
- colors: {
153
- amber010: '#FFEECC',
154
- amber060: '#FFA300',
155
- blue010: '#BEDEED',
156
- blue040: '#4B9FC9',
157
- blue050: '#2B80AA',
158
- blue060: '#1573A2',
159
- blue070: '#006699',
160
- green010: '#DFF6F2',
161
- green020: '#BEEDE3',
162
- green060: '#42BDA5',
163
- green070: '#38A792',
164
- green080: '#2E917E',
165
- neutral010: '#F5F5F5',
166
- neutral020: '#EEEEEE',
167
- neutral050: '#C2C2C2',
168
- neutral070: '#696969',
169
- neutral080: '#333333',
170
- neutral090: '#1D1D1B',
171
- neutral100: '#01000D',
172
- red010: '#FFD6D6',
173
- red020: '#FFABAB',
174
- red060: '#FF0000',
175
- red070: '#DF0000',
176
- red080: '#BF0000',
177
- inkBase: '{{colors.neutral080}}',
178
- inkContrast: '{{colors.neutral090}}',
179
- inkSubtle: '{{colors.neutral070}}',
180
- inkNonEssential: '{{colors.neutral050}}',
181
- inkNotice: '{{colors.amber060}}',
182
- inkInformative: '{{colors.blue070}}',
183
- inkBrand010: '{{colors.neutral100}}',
184
- inkBrand020: '{{colors.blue070}}',
185
- interfaceBrand010: '{{colors.neutral100}}',
186
- interfaceBrand020: '{{colors.blue070}}',
187
- interfaceInformative010: '{{colors.blue060}}',
188
- interfaceInformative020: '{{colors.blue010}}',
189
- interfaceNotice010: '{{colors.amber060}}',
190
- interfaceNotice020: '{{colors.amber010}}',
191
- interfaceNegative010: '{{colors.red060}}',
192
- interfaceNegative020: '{{colors.red010}}',
193
- interfacePositive010: '{{colors.green060}}',
194
- interfacePositive020: '{{colors.green010}}',
195
- interfaceSkeleton010: '{{colors.neutral010}}',
196
- interfaceSkeleton020: '{{colors.neutral030}}',
197
- interfaceNeutral010: '{{colors.neutral080}}',
198
- interfaceNeutral020: '{{colors.neutral010}}',
199
- interactivePrimary010: '{{colors.neutral010}}',
200
- interactivePrimary020: '{{colors.neutral020}}',
201
- interactivePrimary030: '{{colors.neutral100}}',
202
- interactivePrimary040: '{{colors.blue070}}',
203
- interactivePrimary050: '{{colors.blue070}}',
204
- interactiveSecondary010: '{{colors.neutral010}}',
205
- interactiveSecondary020: '{{colors.neutral020}}',
206
- interactiveSecondary030: '{{colors.blue060}}',
207
- interactiveSecondary040: '{{colors.blue050}}',
208
- interactiveSecondary050: '{{colors.blue040}}',
209
- interactiveNegative010: '{{colors.red010}}',
210
- interactiveNegative020: '{{colors.red020}}',
211
- interactiveNegative030: '{{colors.red060}}',
212
- interactiveNegative040: '{{colors.red070}}',
213
- interactiveNegative050: '{{colors.red080}}',
214
- interactivePositive010: '{{colors.green010}}',
215
- interactivePositive020: '{{colors.green020}}',
216
- interactivePositive030: '{{colors.green060}}',
217
- interactivePositive040: '{{colors.green070}}',
218
- interactivePositive050: '{{colors.green080}}',
219
- interactiveVisited010: '{{colors.red070}}',
220
- interactiveDisabled010: '{{colors.neutral020}}',
221
- interactiveInverse040: 'rgba(255,255,255,0.70)',
222
- interactiveInverse050: 'rgba(255,255,255,0.80)',
223
- linkText: '{{colors.interactivePrimary040}}',
224
- linkHover: '{{colors.interactivePrimary030}}',
225
- linkActive: '{{colors.interactivePrimary050}}',
226
- linkVisited: '{{colors.interactiveVisited010}}',
227
- },
228
- fonts: {
229
- fontFamily010: {
230
- fontFamily: 'GillSansMTStd-Medium',
231
- cropConfig: {
232
- top: 8,
233
- bottom: 8,
234
- },
235
- },
236
- fontFamily020: {
237
- fontFamily: 'TimesModern-Bold',
238
- cropConfig: {
239
- top: 7,
240
- bottom: 9,
241
- },
242
- },
243
- fontFamily030: {
244
- fontFamily: 'TimesModern-Regular',
245
- cropConfig: {
246
- top: 8,
247
- bottom: 9,
248
- },
249
- },
250
- fontFamily040: {
251
- fontFamily: 'TimesDigitalW04-Regular',
252
- },
253
- },
254
- typographyPresets: {
255
- editorialHeadline010: {
256
- fontSize: '{{fonts.fontSize030}}',
257
- },
258
- editorialHeadline020: {
259
- fontSize: '{{fonts.fontSize040}}',
260
- },
261
- editorialHeadline030: {
262
- fontSize: '{{fonts.fontSize050}}',
263
- },
264
- editorialHeadline040: {
265
- fontSize: '{{fonts.fontSize060}}',
266
- },
267
- editorialHeadline050: {
268
- fontSize: '{{fonts.fontSize080}}',
269
- },
270
- editorialHeadline060: {
271
- fontSize: '{{fonts.fontSize080}}',
272
- },
273
- editorialHeadline070: {
274
- fontSize: '{{fonts.fontSize100}}',
275
- },
276
- editorialHeadline080: {
277
- fontSize: '{{fonts.fontSize110}}',
278
- },
279
- editorialSubheadline010: {
280
- fontFamily: '{{fonts.fontFamily030.fontFamily}}',
281
- fontSize: '{{fonts.fontSize030}}',
282
- },
283
- editorialSubheadline020: {
284
- fontFamily: '{{fonts.fontFamily030.fontFamily}}',
285
- fontSize: '{{fonts.fontSize040}}',
286
- },
287
- editorialSubheadline030: {
288
- fontFamily: '{{fonts.fontFamily030.fontFamily}}',
289
- fontSize: '{{fonts.fontSize060}}',
290
- },
291
- editorialSubheadline040: {
292
- fontFamily: '{{fonts.fontFamily030.fontFamily}}',
293
- fontSize: '{{fonts.fontSize070}}',
294
- },
295
- editorialSubheadline050: {
296
- fontFamily: '{{fonts.fontFamily030.fontFamily}}',
297
- fontSize: '{{fonts.fontSize080}}',
298
- },
299
- utilityBody020: {
300
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
301
- },
302
- },
303
- componentDefaults: {
304
- button: {
305
- medium: {
306
- stylePreset: 'buttonSolidPrimary',
307
- typographyPreset: 'utilityBody020',
308
- },
309
- },
310
- link: {
311
- typographyPreset: 'utilityBody020',
312
- },
313
- input: {
314
- typographyPreset: '{{fonts.fontFamily030.fontFamily}}',
315
- },
316
- label: {
317
- typographyPreset: 'utilityBody020',
318
- },
319
- textInput: {
320
- small: {
321
- label: {
322
- typographyPreset: 'utilityBody020',
323
- },
324
- },
325
- medium: {
326
- label: {
327
- spaceStack: 'space040',
328
- spaceInline: 'space010',
329
- typographyPreset: 'utilityBody020',
330
- },
331
- },
332
- large: {
333
- label: {
334
- typographyPreset: 'utilityBody020',
335
- },
336
- },
337
- },
338
- grid: {
339
- maxWidth: '1184px',
340
- },
341
- },
342
- stylePresets: {
343
- buttonSolidPrimary: {
344
- base: {
345
- backgroundColor: '{{colors.interactiveSecondary030}}',
346
- borderRadius: '{{borders.borderRadiusDefault}}',
347
- iconColor: '{{colors.inkInverse}}',
348
- },
349
- hover: {
350
- backgroundColor: '{{colors.interactivePrimary040}}',
351
- },
352
- active: {
353
- backgroundColor: '{{colors.interactivePrimary050}}',
354
- },
355
- disabled: {
356
- backgroundColor: '{{colors.interactiveDisabled010}}',
357
- color: '{{colors.inkNonEssential}}',
358
- iconColor: '{{colors.inkNonEssential}}',
359
- },
360
- loading: {
361
- backgroundColor: '{{colors.interactivePrimary020}}',
362
- color: '{{colors.inkBrand010}}',
363
- iconColor: '{{colors.inkBrand010}}',
364
- },
365
- },
366
- linkInline: {
367
- base: {
368
- color: '{{colors.linkText}}',
369
- iconColor: '{{colors.linkText}}',
370
- },
371
- hover: {
372
- color: '{{colors.linkHover}}',
373
- iconColor: '{{colors.linkHover}}',
374
- },
375
- active: {
376
- color: '{{colors.linkActive}}',
377
- iconColor: '{{colors.linkActive}}',
378
- },
379
- visited: {
380
- color: '{{colors.linkVisited}}',
381
- iconColor: '{{colors.linkVisited}}',
382
- },
383
- },
384
- },
385
- },
386
- });
387
- exports.virginRadioTheme = (0, newskit_1.createTheme)({
388
- name: 'virgin-radio',
389
- overrides: {
390
- colors: {
391
- accessible010: 'rgba(47, 117, 215, 1)',
392
- accessible020: 'rgba(144, 61, 145, 1)',
393
- amber010: 'rgba(255, 227, 176, 1)',
394
- amber020: 'rgba(255, 210, 132, 1)',
395
- amber030: 'rgba(255, 192, 88, 1)',
396
- amber040: 'rgba(255, 173, 44, 1)',
397
- amber050: 'rgba(255, 153, 0, 1)',
398
- amber060: 'rgba(255, 143, 0, 1)',
399
- amber070: 'rgba(255, 130, 0, 1)',
400
- amber080: 'rgba(255, 114, 0, 1)',
401
- amber090: 'rgba(255, 96, 0, 1)',
402
- amber100: 'rgba(255, 75, 0, 1)',
403
- black: 'rgba(10, 10, 10, 1)',
404
- blackTint10: 'rgba(10, 10, 10, 0.1',
405
- blackTint20: 'rgba(10, 10, 10, 0.2)',
406
- blackTint30: 'rgba(10, 10, 10, 0.3)',
407
- blackTint40: 'rgba(10, 10, 10, 0.4)',
408
- blackTint50: 'rgba(10, 10, 10, 0.5)',
409
- blackTint60: 'rgba(10, 10, 10, 0.6)',
410
- blackTint70: 'rgba(10, 10, 10, 0.7)',
411
- blackTint80: 'rgba(10, 10, 10, 0.8)',
412
- blackTint90: 'rgba(10, 10, 10, 0.9)',
413
- white: 'rgba(255, 255, 255, 1)',
414
- whiteTint10: 'rgba(255,255,255, 0.1)',
415
- whiteTint20: 'rgba(255,255,255, 0.2)',
416
- whiteTint30: 'rgba(255,255,255, 0.3)',
417
- whiteTint40: 'rgba(255,255,255, 0.4)',
418
- whiteTint50: 'rgba(255,255,255, 0.5)',
419
- whiteTint60: 'rgba(255,255,255, 0.6)',
420
- whiteTint70: 'rgba(255,255,255, 0.7)',
421
- whiteTint80: 'rgba(255,255,255, 0.8)',
422
- whiteTint90: 'rgba(255,255,255, 0.9)',
423
- blue010: 'rgba(230, 244, 255, 1)',
424
- blue020: 'rgba(213, 235, 255, 1)',
425
- blue030: 'rgba(171, 213, 252, 1)',
426
- blue040: 'rgba(110, 178, 242, 1)',
427
- blue050: 'rgba(53, 140, 222, 1)',
428
- blue060: 'rgba(10, 104, 193, 1)',
429
- blue070: 'rgba(2, 80, 155, 1)',
430
- blue080: 'rgba(1, 57, 110, 1)',
431
- blue090: 'rgba(0, 33, 65, 1)',
432
- blue100: 'rgba(0, 10, 20, 1)',
433
- brown010: 'rgba(230, 244, 255, 1)',
434
- brown020: 'rgba(78, 26, 26, 1)',
435
- brown030: 'rgba(97, 52, 52, 1)',
436
- brown040: 'rgba(117, 77, 77, 1)',
437
- brown050: 'rgba(137, 103, 103, 1)',
438
- brown060: 'rgba(157, 128, 128, 1)',
439
- brown070: 'rgba(176, 153, 153, 1)',
440
- brown080: 'rgba(196, 179, 179, 1)',
441
- brown090: 'rgba(216, 204, 204, 1)',
442
- brown100: 'rgba(235, 230, 230, 1)',
443
- green010: 'rgba(230, 250, 235, 1)',
444
- green020: 'rgba(184, 239, 200, 1)',
445
- green030: 'rgba(142, 225, 166, 1)',
446
- green040: 'rgba(103, 207, 134, 1)',
447
- green050: 'rgba(66, 186, 103, 1)',
448
- green060: 'rgba(35, 162, 72, 1)',
449
- green070: 'rgba(20, 143, 57, 1)',
450
- green080: 'rgba(10, 120, 42, 1)',
451
- green090: 'rgba(0, 93, 28, 1)',
452
- green100: 'rgba(0, 62, 17, 1)',
453
- neutral010: 'rgba(250, 250, 250, 1)',
454
- neutral020: 'rgba(240, 240, 240, 1)',
455
- neutral030: 'rgba(228, 228, 228, 1)',
456
- neutral040: 'rgba(204, 204, 204, 1)',
457
- neutral050: 'rgba(192, 192, 192, 1)',
458
- neutral060: 'rgba(156, 156, 156, 1)',
459
- neutral070: 'rgba(119, 119, 119, 1)',
460
- neutral080: 'rgba(83, 83, 83, 1)',
461
- neutral090: 'rgba(46, 46, 46, 1)',
462
- neutral100: 'rgba(10, 10, 10, 1)',
463
- purple010: 'rgba(209, 194, 224, 1)',
464
- purple020: 'rgba(147, 161, 195, 1)',
465
- purple030: 'rgba(148, 112, 184, 1)',
466
- purple040: 'rgba(133, 92, 173, 1)',
467
- purple050: 'rgba(117, 71, 163, 1)',
468
- purple060: 'rgba(102, 51, 153, 1)',
469
- purple070: 'rgba(82, 41, 122, 1)',
470
- purple080: 'rgba(84, 20, 93, 1)',
471
- purple090: 'rgba(61, 31, 92, 1)',
472
- purple100: 'rgba(41, 20, 61, 1)',
473
- red010: 'rgba(255, 247, 248, 1)',
474
- red020: 'rgba(255, 198, 199, 1)',
475
- red030: 'rgba(252, 147, 152, 1)',
476
- red040: 'rgba(239, 68, 83, 1)',
477
- red050: 'rgba(225, 41, 50, 1)',
478
- red060: 'rgba(207, 20, 43, 1)',
479
- red070: 'rgba(207, 20, 43, 1)',
480
- red080: 'rgba(176, 13, 29, 1)',
481
- red090: 'rgba(142, 12, 18, 1)',
482
- red100: 'rgba(105, 9, 12, 1)',
483
- socialFacebook: 'rgba(24, 119, 242, 1)',
484
- socialInstagram: 'rgba(195, 42, 163, 1)',
485
- socialReddit: 'rgba(255, 69, 0, 1)',
486
- socialTwitter: 'rgba(29, 161, 242, 1)',
487
- socialWhatsapp: 'rgba(37, 211, 102, 1)',
488
- socialYoutube: 'rgba(255, 0, 0, 1)',
489
- teal010: 'rgba(232, 246, 248, 1)',
490
- teal020: 'rgba(209, 236, 241, 1)',
491
- teal030: 'rgba(162, 218, 227, 1)',
492
- teal040: 'rgba(116, 199, 212, 1)',
493
- teal050: 'rgba(69, 181, 198, 1)',
494
- teal060: 'rgba(23, 162, 184, 1)',
495
- teal070: 'rgba(18, 130, 147, 1)',
496
- teal080: 'rgba(14, 97, 110, 1)',
497
- teal090: 'rgba(9, 65, 74, 1)',
498
- teal100: 'rgba(7, 49, 55, 1)',
499
- inkAccessible010: '{{colors.accessible010}}',
500
- inkAccessible020: '{{colors.accessible020}}',
501
- inkBase: '{{colors.neutral090}}',
502
- inkBrand010: '{{colors.red070}}',
503
- inkBrand020: '{{colors.blue020}}',
504
- inkContrast: '{{colors.black}}',
505
- inkInformative: '{{colors.teal070}}',
506
- inkInverse: '{{colors.white}}',
507
- inkNegative: '{{colors.red070}}',
508
- inkNonEssential: '{{colors.neutral050}}',
509
- inkNotice: '{{colors.amber080}}',
510
- inkPositive: '{{colors.green080}}',
511
- inkSubtle: '{{colors.neutral070}}',
512
- InterfaceInformative010: '{{colors.teal070}}',
513
- InterfaceInformative020: '{{colors.teal010}}',
514
- interface010: '{{colors.white}}',
515
- interface020: '{{colors.neutral010}}',
516
- interface030: '{{colors.neutral020}}',
517
- interface040: '{{colors.neutral030}}',
518
- interface050: '{{colors.neutral040}}',
519
- interface060: '{{colors.neutral100}}',
520
- interfaceBackground: '{{colors.white}}',
521
- interfaceBrand010: '{{colors.red060}}',
522
- interfaceBrand020: 'linear-gradient(269.23deg,#E64559 0%, #CF142B 100%)',
523
- interfaceDisabled: '{{colors.neutral020}}',
524
- interfaceNegative010: '{{colors.red070}}',
525
- interfaceNegative020: '{{colors.red010}}',
526
- interfaceNeutral010: '{{colors.neutral080}}',
527
- interfaceNeutral020: '{{colors.neutral010}}',
528
- interfaceNotice010: '{{colors.amber080}}',
529
- interfaceNotice020: '{{colors.amber010}}',
530
- interfacePositive010: '{{colors.green080}}',
531
- interfacePositive020: '{{colors.green010}}',
532
- interfaceSkeleton010: '{{colors.neutral020}}',
533
- interfaceSkeleton020: '{{colors.neutral030}}',
534
- transparent: 'transparent',
535
- interactiveDisabled010: '{{colors.neutral020}}',
536
- interactiveNegative010: '{{colors.red010}}',
537
- interactiveNegative020: '{{colors.red020}}',
538
- interactiveNegative030: '{{colors.red060}}',
539
- interactiveNegative040: '{{colors.red070}}',
540
- interactiveNegative050: '{{colors.red080}}',
541
- interactivePositive010: '{{colors.green010}}',
542
- interactivePositive020: '{{colors.green020}}',
543
- interactivePositive030: '{{colors.green060}}',
544
- interactivePositive040: '{{colors.green070}}',
545
- interactivePositive050: '{{colors.green080}}',
546
- interactivePrimary010: '{{colors.red010}}',
547
- interactivePrimary020: '{{colors.red020}}',
548
- interactivePrimary030: '{{colors.red060}}',
549
- interactivePrimary040: '{{colors.red060}}',
550
- interactivePrimary050: '{{colors.red080}}',
551
- interactiveSecondary010: '{{colors.neutral010}}',
552
- interactiveSecondary020: '{{colors.neutral020}}',
553
- interactiveSecondary030: '{{colors.neutral080}}',
554
- interactiveSecondary040: '{{colors.neutral090}}',
555
- interactiveSecondary050: '{{colors.black}}',
556
- interactiveVisited010: '{{colors.purple050}}',
557
- },
558
- fonts: {
559
- fontFamily010: {
560
- fontFamily: 'Montserrat',
561
- cropConfig: { top: 8, bottom: 10 },
562
- },
563
- fontWeight010: 400,
564
- fontWeight020: 500,
565
- fontWeight030: 600,
566
- fontWeight040: 700,
567
- fontSize010: '12px',
568
- fontSize020: '14px',
569
- fontSize030: '16px',
570
- fontSize040: '18px',
571
- fontSize050: '20px',
572
- fontSize060: '24px',
573
- fontSize070: '28px',
574
- fontSize080: '32px',
575
- fontSize090: '36px',
576
- fontSize100: '40px',
577
- fontSize110: '48px',
578
- fontLineHeight010: 1.0833,
579
- fontLineHeight020: 1.125,
580
- fontLineHeight030: 1.1667,
581
- fontLineHeight040: 1.25,
582
- fontLineHeight050: 1.3333,
583
- fontLineHeight060: 1.5,
584
- fontLineHeight070: 1.6667,
585
- fontLetterSpacing010: -0.5,
586
- fontLetterSpacing020: -0.25,
587
- fontLetterSpacing030: 0,
588
- fontLetterSpacing040: 0.25,
589
- fontLetterSpacing050: 0.5,
590
- fontLetterSpacing060: 0.75,
591
- fontLetterSpacing070: 1,
592
- },
593
- overlays: {
594
- overlayGradientInverseVertical: 'linear-gradient(0deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%)',
595
- overlayGradientBaseVertical: 'linear-gradient(0deg, rgba(10,10,10,0.00) 0%, #0A0A0A 100%)',
596
- overlayGradientBaseVerticalBottom: 'linear-gradient(180deg, rgba(10,10,10,0.00) 0%, rgba(10, 10, 10, 0.6) 100%)',
597
- overlayGradientInverseHorizontal: 'linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%)',
598
- overlayGradientBaseHorizontal: 'linear-gradient(270deg, rgba(10,10,10,0.00) 0%, #0A0A0A 100%)',
599
- overlayTintInverse010: '{{colors.whiteTint20}}',
600
- overlayTintInverse020: '{{colors.whiteTint40}}',
601
- overlayTintInverse030: '{{colors.whiteTint60}}',
602
- overlayTintInverse040: '{{colors.whiteTint80}}',
603
- overlayTintBase010: '{{colors.blackTint20}}',
604
- overlayTintBase020: '{{colors.blackTint40}}',
605
- overlayTintBase030: '{{colors.blackTint60}}',
606
- overlayTintBase040: '{{colors.blackTint80}}',
607
- },
608
- shadows: {
609
- shadow010: '0 0 1px 0 rgba(40,41,61,0.08), 0 0 2px 0 rgba(96,97,112,0.16)',
610
- shadow020: '0 0 1px 0 rgba(40,41,61,0.04), 0 2px 4px 0 rgba(96,97,112,0.16)',
611
- shadow030: '0 0 2px 0 rgba(40,41,61,0.04), 0 4px 8px 0 rgba(96,97,112,0.16)',
612
- shadow040: '0 2px 4px 0 rgba(40,41,61,0.04), 0 8px 16px 0 rgba(96,97,112,0.16)',
613
- shadow050: '0 2px 8px 0 rgba(40,41,61,0.04), 0 16px 24px 0 rgba(96,97,112,0.16)',
614
- shadow060: '0 2px 8px 0 rgba(40,41,61,0.08), 0 20px 32px 0 rgba(96,97,112,0.24)',
615
- },
616
- typographyPresets: {
617
- editorialHeadline080: {
618
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
619
- fontSize: '{{fonts.fontSize110}}',
620
- fontWeight: '{{fonts.fontWeight040}}',
621
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
622
- lineHeight: '{{fonts.fontLineHeight030}}',
623
- },
624
- editorialHeading010: {
625
- fontSize: '{{fonts.fontSize040}}',
626
- lineHeight: '{{fonts.fontLineHeight030}}',
627
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
628
- fontWeight: '{{fonts.fontWeight040}}',
629
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
630
- },
631
- editorialHeading020: {
632
- fontSize: '{{fonts.fontSize050}}',
633
- lineHeight: '{{fonts.fontLineHeight040}}',
634
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
635
- fontWeight: '{{fonts.fontWeight040}}',
636
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
637
- },
638
- editorialHeading030: {
639
- fontSize: '{{fonts.fontSize060}}',
640
- lineHeight: '{{fonts.fontLineHeight030}}',
641
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
642
- fontWeight: '{{fonts.fontWeight040}}',
643
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
644
- },
645
- editorialHeading040: {
646
- fontSize: '{{fonts.fontSize070}}',
647
- lineHeight: '{{fonts.fontLineHeight030}}',
648
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
649
- fontWeight: '{{fonts.fontWeight030}}',
650
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
651
- },
652
- editorialHeading050: {
653
- fontSize: '{{fonts.fontSize080}}',
654
- lineHeight: '{{fonts.fontLineHeight020}}',
655
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
656
- fontWeight: '{{fonts.fontWeight040}}',
657
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
658
- },
659
- editorialHeading060: {
660
- fontSize: '{{fonts.fontSize090}}',
661
- lineHeight: '{{fonts.fontLineHeight020}}',
662
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
663
- fontWeight: '{{fonts.fontWeight030}}',
664
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
665
- },
666
- editorialHeading070: {
667
- fontSize: '{{fonts.fontSize100}}',
668
- lineHeight: '{{fonts.fontLineHeight020}}',
669
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
670
- fontWeight: '{{fonts.fontWeight040}}',
671
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
672
- },
673
- editorialHeading080: {
674
- fontSize: '{{fonts.fontSize110}}',
675
- lineHeight: '{{fonts.fontLineHeight010}}',
676
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
677
- fontWeight: '{{fonts.fontWeight040}}',
678
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
679
- },
680
- editorialSubheading010: {
681
- fontSize: '{{fonts.fontSize030}}',
682
- lineHeight: '{{fonts.fontLineHeight050}}',
683
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
684
- fontWeight: '{{fonts.fontWeight040}}',
685
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
686
- },
687
- editorialSubheading020: {
688
- fontSize: '{{fonts.fontSize050}}',
689
- lineHeight: '{{fonts.fontLineHeight040}}',
690
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
691
- fontWeight: '{{fonts.fontWeight040}}',
692
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
693
- },
694
- editorialSubheading030: {
695
- fontSize: '{{fonts.fontSize060}}',
696
- lineHeight: '{{fonts.fontLineHeight030}}',
697
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
698
- fontWeight: '{{fonts.fontWeight040}}',
699
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
700
- },
701
- editorialSubheading040: {
702
- fontSize: '{{fonts.fontSize070}}',
703
- lineHeight: '{{fonts.fontLineHeight030}}',
704
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
705
- fontWeight: '{{fonts.fontWeight040}}',
706
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
707
- },
708
- editorialSubheading050: {
709
- fontSize: '{{fonts.fontSize080}}',
710
- lineHeight: '{{fonts.fontLineHeight030}}',
711
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
712
- fontWeight: '{{fonts.fontWeight040}}',
713
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
714
- },
715
- editorialQuote010: {
716
- fontSize: '{{fonts.fontSize060}}',
717
- lineHeight: '{{fonts.fontLineHeight030}}',
718
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
719
- fontWeight: '{{fonts.fontWeight010}}',
720
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
721
- },
722
- editorialQuote020: {
723
- fontSize: '{{fonts.fontSize080}}',
724
- lineHeight: '{{fonts.fontLineHeight030}}',
725
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
726
- fontWeight: '{{fonts.fontWeight010}}',
727
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
728
- },
729
- editorialParagraph010: {
730
- fontSize: '{{fonts.fontSize020}}',
731
- lineHeight: '{{fonts.fontLineHeight060}}',
732
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
733
- fontWeight: '{{fonts.fontWeight020}}',
734
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
735
- },
736
- editorialParagraph020: {
737
- fontSize: '{{fonts.fontSize030}}',
738
- lineHeight: '{{fonts.fontLineHeight060}}',
739
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
740
- fontWeight: '{{fonts.fontWeight020}}',
741
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
742
- },
743
- editorialParagraph030: {
744
- fontSize: '{{fonts.fontSize040}}',
745
- lineHeight: '{{fonts.fontLineHeight060}}',
746
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
747
- fontWeight: '{{fonts.fontWeight020}}',
748
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
749
- },
750
- utilityHeading010: {
751
- fontSize: '{{fonts.fontSize030}}',
752
- lineHeight: '{{fonts.fontLineHeight050}}',
753
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
754
- fontWeight: '{{fonts.fontWeight040}}',
755
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
756
- },
757
- utilityHeading020: {
758
- fontSize: '{{fonts.fontSize040}}',
759
- lineHeight: '{{fonts.fontLineHeight030}}',
760
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
761
- fontWeight: '{{fonts.fontWeight040}}',
762
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
763
- },
764
- utilityHeading030: {
765
- fontSize: '{{fonts.fontSize050}}',
766
- lineHeight: '{{fonts.fontLineHeight040}}',
767
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
768
- fontWeight: '{{fonts.fontWeight040}}',
769
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
770
- },
771
- utilityHeading040: {
772
- fontSize: '{{fonts.fontSize060}}',
773
- lineHeight: '{{fonts.fontLineHeight030}}',
774
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
775
- fontWeight: '{{fonts.fontWeight040}}',
776
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
777
- },
778
- utilityHeading050: {
779
- fontSize: '{{fonts.fontSize070}}',
780
- lineHeight: '{{fonts.fontLineHeight030}}',
781
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
782
- fontWeight: '{{fonts.fontWeight040}}',
783
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
784
- },
785
- utilitySubheading010: {
786
- fontSize: '{{fonts.fontSize020}}',
787
- lineHeight: '{{fonts.fontLineHeight040}}',
788
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
789
- fontWeight: '{{fonts.fontWeight040}}',
790
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
791
- },
792
- utilitySubheading020: {
793
- fontSize: '{{fonts.fontSize030}}',
794
- lineHeight: '{{fonts.fontLineHeight050}}',
795
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
796
- fontWeight: '{{fonts.fontWeight040}}',
797
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
798
- },
799
- utilitySubheading030: {
800
- fontSize: '{{fonts.fontSize040}}',
801
- lineHeight: '{{fonts.fontLineHeight030}}',
802
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
803
- fontWeight: '{{fonts.fontWeight040}}',
804
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
805
- },
806
- utilitySubheading040: {
807
- fontSize: '{{fonts.fontSize050}}',
808
- lineHeight: '{{fonts.fontLineHeight040}}',
809
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
810
- fontWeight: '{{fonts.fontWeight040}}',
811
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
812
- },
813
- utilitySubheading050: {
814
- fontSize: '{{fonts.fontSize060}}',
815
- lineHeight: '{{fonts.fontLineHeight030}}',
816
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
817
- fontWeight: '{{fonts.fontWeight040}}',
818
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
819
- },
820
- utilityBody010: {
821
- fontSize: '{{fonts.fontSize020}}',
822
- lineHeight: '{{fonts.fontLineHeight060}}',
823
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
824
- fontWeight: '{{fonts.fontWeight010}}',
825
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
826
- },
827
- utilityBody020: {
828
- fontSize: '{{fonts.fontSize030}}',
829
- lineHeight: '{{fonts.fontLineHeight060}}',
830
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
831
- fontWeight: '{{fonts.fontWeight010}}',
832
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
833
- },
834
- utilityBody030: {
835
- fontSize: '{{fonts.fontSize040}}',
836
- lineHeight: '{{fonts.fontLineHeight060}}',
837
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
838
- fontWeight: '{{fonts.fontFamily010}}',
839
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
840
- },
841
- utilityLabel010: {
842
- fontSize: '{{fonts.fontSize010}}',
843
- lineHeight: '{{fonts.fontLineHeight070}}',
844
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
845
- fontWeight: '{{fonts.fontWeight030}}',
846
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
847
- },
848
- utilityLabel020: {
849
- fontSize: '{{fonts.fontSize020}}',
850
- lineHeight: '{{fonts.fontLineHeight060}}',
851
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
852
- fontWeight: '{{fonts.fontWeight030}}',
853
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
854
- },
855
- utilityLabel030: {
856
- fontSize: '{{fonts.fontSize030}}',
857
- lineHeight: '{{fonts.fontLineHeight060}}',
858
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
859
- fontWeight: '{{fonts.fontWeight030}}',
860
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
861
- },
862
- utilityButton010: {
863
- fontSize: '{{fonts.fontSize010}}',
864
- lineHeight: '{{fonts.fontLineHeight070}}',
865
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
866
- fontWeight: '{{fonts.fontWeight030}}',
867
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
868
- },
869
- utilityButton020: {
870
- fontSize: '{{fonts.fontSize020}}',
871
- lineHeight: '{{fonts.fontLineHeight060}}',
872
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
873
- fontWeight: '{{fonts.fontWeight030}}',
874
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
875
- },
876
- utilityButton030: {
877
- fontSize: '{{fonts.fontSize030}}',
878
- lineHeight: '{{fonts.fontLineHeight060}}',
879
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
880
- fontWeight: '{{fonts.fontWeight030}}',
881
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
882
- },
883
- utilityMeta010: {
884
- fontSize: '{{fonts.fontSize010}}',
885
- lineHeight: '{{fonts.fontLineHeight050}}',
886
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
887
- fontWeight: '{{fonts.fontWeight010}}',
888
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
889
- },
890
- utilityMeta020: {
891
- fontSize: '{{fonts.fontSize020}}',
892
- lineHeight: '{{fonts.fontLineHeight060}}',
893
- fontFamily: '{{fonts.fontFamily010.fontFamily}}',
894
- fontWeight: '{{fonts.fontWeight010}}',
895
- letterSpacing: '{{fonts.fontLetterSpacing030}}',
896
- },
897
- },
898
- borders: { borderRadiusPill: '20rem' },
899
- stylePresets: {
900
- editorialHeaderWithoutBorder: { base: { borderStyle: 'none' } },
901
- test: { base: { backgroundColor: '{{colors.interactivePrimary030}}' } },
902
- roundElement: {
903
- base: { borderRadius: '{{borders.borderRadiusCircle}}' },
904
- },
905
- linkStandalone: {
906
- active: {
907
- color: '{{colors.inkContrast}}',
908
- iconColor: '{{colors.inkContrast}}',
909
- },
910
- base: {
911
- color: '{{colors.inkContrast}}',
912
- iconColor: '{{colors.inkContrast}}',
913
- textDecoration: 'none',
914
- },
915
- hover: {
916
- color: '{{colors.inkContrast}}',
917
- iconColor: '{{colors.inkContrast}}',
918
- textDecoration: 'none',
919
- },
920
- visited: {
921
- color: '{{colors.inkContrast}}',
922
- iconColor: '{{colors.inkContrast}}',
923
- textDecoration: 'none',
924
- },
925
- },
926
- volumeControlIndicator: {
927
- base: {
928
- backgroundColor: '{{colors.interface010}}',
929
- borderRadius: '{{borders.borderRadiusPill}}',
930
- },
931
- },
932
- audioPlayerVolumeControlThumb: {
933
- base: {
934
- boxShadow: '{{shadows.shadow010}}',
935
- borderWidth: '{{borders.borderWidth010}}',
936
- borderRadius: '{{borders.borderRadiusCircle}}',
937
- iconColor: '{{colors.inkNonEssential}}',
938
- backgroundColor: '{{colors.interfaceBackground}}',
939
- },
940
- hover: { backgroundColor: '{{colors.transparent}}' },
941
- active: {
942
- backgroundColor: '{{colors.transparent}}',
943
- iconColor: '{{colors.inkSubtle}}',
944
- },
945
- },
946
- volumeControlTrack: {
947
- base: {
948
- backgroundColor: '{{overlays.overlayTintInverse010}}',
949
- borderRadius: '{{borders.borderRadiusPill}}',
950
- },
951
- },
952
- volumeControlButtons: {
953
- base: {
954
- backgroundColor: '{{colors.transparent}}',
955
- borderRadius: '{{borders.borderRadiusCircle}}',
956
- color: '{{colors.interface010}}',
957
- iconColor: '{{colors.interface010}}',
958
- },
959
- hover: {
960
- backgroundColor: '{{colors.interactivePrimary020}}',
961
- iconColor: '{{colors.interactivePrimary030}}',
962
- },
963
- active: {
964
- backgroundColor: '{{colors.interactivePrimary020}}',
965
- iconColor: '{{colors.interactivePrimary030}}',
966
- },
967
- disabled: {
968
- backgroundColor: '{{colors.transparent}}',
969
- color: '{{colors.inkNonEssential}}',
970
- iconColor: '{{colors.inkNonEssential}}',
971
- },
972
- loading: { backgroundColor: '{{colors.interactivePrimary020}}' },
973
- },
974
- audioPlayerPlayPauseButton: {
975
- active: { backgroundColor: '{{colors.transparent}}' },
976
- base: {
977
- backgroundColor: '{{colors.transparent}}',
978
- borderRadius: '{{borders.borderRadiusCircle}}',
979
- color: '{{colors.inkInverse}}',
980
- iconColor: '{{colors.inkInverse}}',
981
- borderWidth: '{{borders.borderWidth010}}',
982
- borderColor: '{{colors.inkInverse}}',
983
- borderStyle: 'solid',
984
- },
985
- disabled: {
986
- backgroundColor: '{{colors.transparent}}',
987
- color: '{{colors.inkNonEssential}}',
988
- iconColor: '{{colors.inkNonEssential}}',
989
- },
990
- hover: { backgroundColor: '{{colors.transparent}}' },
991
- loading: {
992
- backgroundColor: '{{colors.transparent}}',
993
- color: '{{colors.inkInverse}}',
994
- iconColor: '{{colors.inkInverse}}',
995
- },
996
- },
997
- flagSolidInverse: {
998
- base: {
999
- backgroundColor: '{{overlays.overlayTintInverse040}}',
1000
- color: '{{colors.inkBrand010}}',
1001
- borderRadius: '{{borders.borderRadiusRounded010}}',
1002
- },
1003
- },
1004
- railLink: {
1005
- base: { color: '{{colors.inkContrast}}', textDecoration: 'none' },
1006
- hover: { color: '{{colors.inkBrand010}}', textDecoration: 'underline' },
1007
- },
1008
- railDivider: {
1009
- base: {
1010
- borderWidth: '{{borders.borderWidth020}}',
1011
- borderColor: '{{colors.interface060}}',
1012
- },
1013
- },
1014
- footerDivider: {
1015
- base: {
1016
- borderWidth: '{{borders.borderWidth020}}',
1017
- borderColor: '{{colors.interface010}}',
1018
- borderStyle: 'solid',
1019
- },
1020
- },
1021
- footerHeading: { base: { color: '{{colors.inkInverse}}' } },
1022
- footerLink: {
1023
- base: { color: '{{colors.inkInverse}}', textDecoration: 'none' },
1024
- },
1025
- heroContainer: {
1026
- base: { backgroundColor: '{{colors.interfaceBrand010}}' },
1027
- },
1028
- heroGradient: {
1029
- base: {
1030
- backgroundImage: '{{overlays.overlayGradientBaseVerticalBottom}}',
1031
- },
1032
- },
1033
- },
1034
- },
1035
- });
1036
- exports.theSunTheme = (0, newskit_1.createTheme)({
1037
- name: 'sun-theme',
1038
- overrides: {
1039
- borders: border_radius_json_1.default,
1040
- colors: colors_json_1.default,
1041
- overlays: overlays_json_1.default,
1042
- shadows: shadows_json_1.default,
1043
- typographyPresets: typography_presets_json_1.default,
1044
- fonts: fonts_json_1.default,
1045
- stylePresets: {
1046
- modalContainer: {
1047
- base: {
1048
- backgroundColor: '{{colors.interfaceBackground}}',
1049
- borderRadius: '{{borderRadius.borderRadiusDefault}}',
1050
- // maxWidth: '460px',
1051
- // overflowY: 'auto',
1052
- },
1053
- },
1054
- modalContainerMobile: {
1055
- base: {
1056
- backgroundColor: '{{colors.interfaceBackground}}',
1057
- borderRadius: '{{borderRadius.borderRadiusDefault}}',
1058
- // maxWidth: '460px',
1059
- // height: '100vh',
1060
- // overflowY: 'auto',
1061
- },
1062
- },
1063
- fullWidth: {
1064
- base: {
1065
- // width: '100%',
1066
- },
1067
- },
1068
- emailInputWidth: {
1069
- base: {
1070
- // width: '70%',
1071
- },
1072
- },
1073
- emailInputColor: {
1074
- disabled: {
1075
- // WebkitTextFillColor: '{{colors.neutral040}}',
1076
- },
1077
- },
1078
- boldText: {
1079
- base: {
1080
- // fontWeight: '700',
1081
- },
1082
- },
1083
- lightGreyButton: {
1084
- base: {
1085
- backgroundColor: '{{colors.neutral010}}',
1086
- borderRadius: '32px',
1087
- },
1088
- hover: {
1089
- backgroundColor: '{{colors.neutral020}}',
1090
- },
1091
- },
1092
- lightGreyButtonMargin: {
1093
- base: {
1094
- // marginLeft: '12px',
1095
- },
1096
- },
1097
- backgroundInfo: {
1098
- base: {
1099
- backgroundColor: '{{colors.blue010}}',
1100
- color: '{{colors.blue060}}',
1101
- borderRadius: '{{borderRadius.borderRadiusDefault}}',
1102
- },
1103
- },
1104
- },
1105
- },
1106
- });
1107
- //# sourceMappingURL=index.js.map