@utilitywarehouse/hearth-react-native 0.33.1 → 0.34.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 (38) hide show
  1. package/.storybook/preview.tsx +2 -4
  2. package/CHANGELOG.md +63 -0
  3. package/build/core/themes.d.ts +60 -500
  4. package/build/tokens/border-radius.d.ts +0 -1
  5. package/build/tokens/border-radius.js +0 -1
  6. package/build/tokens/color.d.ts +0 -182
  7. package/build/tokens/color.js +0 -91
  8. package/build/tokens/font.d.ts +0 -8
  9. package/build/tokens/font.js +0 -8
  10. package/build/tokens/letter-spacing.d.ts +0 -9
  11. package/build/tokens/letter-spacing.js +0 -9
  12. package/build/tokens/line-height.d.ts +0 -7
  13. package/build/tokens/line-height.js +0 -7
  14. package/build/tokens/primitive.d.ts +0 -26
  15. package/build/tokens/primitive.js +0 -26
  16. package/build/tokens/space.d.ts +0 -1
  17. package/build/tokens/space.js +0 -1
  18. package/build/tokens/typography.d.ts +30 -0
  19. package/build/tokens/typography.js +15 -0
  20. package/docs/changelog.mdx +63 -0
  21. package/docs/components/AllComponents.web.tsx +6 -6
  22. package/docs/introduction.mdx +0 -1
  23. package/docs/styling.mdx +14 -14
  24. package/docs/theme-tokens.mdx +1 -4
  25. package/eslint.config.js +2 -1
  26. package/package.json +6 -6
  27. package/src/components/Carousel/Carousel.stories.tsx +2 -2
  28. package/src/components/Container/Container.stories.tsx +3 -3
  29. package/src/components/IndicatorIconButton/IndicatorIconButton.docs.mdx +1 -1
  30. package/src/components/IndicatorIconButton/IndicatorIconButton.stories.tsx +1 -1
  31. package/src/tokens/border-radius.ts +0 -1
  32. package/src/tokens/color.ts +0 -91
  33. package/src/tokens/font.ts +0 -8
  34. package/src/tokens/letter-spacing.ts +0 -9
  35. package/src/tokens/line-height.ts +0 -7
  36. package/src/tokens/primitive.ts +0 -26
  37. package/src/tokens/space.ts +0 -1
  38. package/src/tokens/typography.ts +15 -0
package/build/core/themes.d.ts CHANGED
@@ -113,7 +113,6 @@ export declare const lightTheme: {
113
113
  readonly '700': 56;
114
114
  readonly '800': 64;
115
115
  readonly '900': 72;
116
- readonly '1000': 80;
117
116
  };
118
117
  readonly borderWidth: {
119
118
  readonly '1': 1;
@@ -121,7 +120,6 @@ export declare const lightTheme: {
121
120
  };
122
121
  readonly borderRadius: {
123
122
  readonly full: 9999;
124
- readonly lg: 12;
125
123
  readonly md: 8;
126
124
  readonly none: 0;
127
125
  readonly sm: 6;
@@ -139,9 +137,6 @@ export declare const lightTheme: {
139
137
  readonly tvLike: 4000;
140
138
  };
141
139
  readonly letterSpacing: {
142
- readonly '0': 0;
143
- readonly '50': -0.30000001192092896;
144
- readonly '75': -0.36000001430511475;
145
140
  readonly '90': -0.41999998688697815;
146
141
  readonly '100': -0.47999998927116394;
147
142
  readonly '150': -0.5400000214576721;
@@ -149,17 +144,8 @@ export declare const lightTheme: {
149
144
  readonly '300': -0.7200000286102295;
150
145
  readonly '400': -0.8999999761581421;
151
146
  readonly '500': -1.0800000429153442;
152
- readonly '550': -1.2000000476837158;
153
- readonly '600': -1.440000057220459;
154
- readonly '700': -1.7999999523162842;
155
- readonly '800': -2.1600000858306885;
156
- readonly '900': -2.880000114440918;
157
- readonly '1000': -3.8399999141693115;
158
147
  };
159
148
  readonly lineHeight: {
160
- readonly '50': 12;
161
- readonly '75': 14;
162
- readonly '100': 16;
163
149
  readonly '200': 18;
164
150
  readonly '300': 20;
165
151
  readonly '400': 22;
@@ -167,13 +153,9 @@ export declare const lightTheme: {
167
153
  readonly '600': 28;
168
154
  readonly '700': 32;
169
155
  readonly '800': 36;
170
- readonly '900': 40;
171
156
  readonly '950': 48;
172
157
  readonly '975': 52;
173
- readonly '1000': 56;
174
158
  readonly '1050': 62;
175
- readonly '1100': 72;
176
- readonly '1200': 90;
177
159
  };
178
160
  readonly font: {
179
161
  readonly family: {
@@ -182,8 +164,6 @@ export declare const lightTheme: {
182
164
  readonly heading: "Comic Hams";
183
165
  };
184
166
  readonly size: {
185
- readonly '50': 10;
186
- readonly '75': 12;
187
167
  readonly '90': 14;
188
168
  readonly '100': 16;
189
169
  readonly '150': 18;
@@ -193,16 +173,10 @@ export declare const lightTheme: {
193
173
  readonly '500': 36;
194
174
  readonly '550': 40;
195
175
  readonly '575': 44;
196
- readonly '600': 48;
197
176
  readonly '650': 54;
198
- readonly '700': 60;
199
- readonly '800': 72;
200
- readonly '900': 96;
201
- readonly '1000': 128;
202
177
  };
203
178
  readonly weight: {
204
179
  readonly bold: 700;
205
- readonly heavy: 900;
206
180
  readonly medium: 500;
207
181
  readonly regular: 400;
208
182
  readonly semibold: 600;
@@ -210,7 +184,6 @@ export declare const lightTheme: {
210
184
  };
211
185
  readonly fontWeight: {
212
186
  readonly bold: 700;
213
- readonly heavy: 900;
214
187
  readonly medium: 500;
215
188
  readonly regular: 400;
216
189
  readonly semibold: 600;
@@ -221,8 +194,6 @@ export declare const lightTheme: {
221
194
  readonly heading: "Comic Hams";
222
195
  };
223
196
  readonly fontSize: {
224
- readonly '50': 10;
225
- readonly '75': 12;
226
197
  readonly '90': 14;
227
198
  readonly '100': 16;
228
199
  readonly '150': 18;
@@ -232,12 +203,7 @@ export declare const lightTheme: {
232
203
  readonly '500': 36;
233
204
  readonly '550': 40;
234
205
  readonly '575': 44;
235
- readonly '600': 48;
236
206
  readonly '650': 54;
237
- readonly '700': 60;
238
- readonly '800': 72;
239
- readonly '900': 96;
240
- readonly '1000': 128;
241
207
  };
242
208
  readonly typography: {
243
209
  readonly mobile: {
@@ -261,6 +227,11 @@ export declare const lightTheme: {
261
227
  readonly lineHeight: 20;
262
228
  readonly paragraphSpacing: 14;
263
229
  };
230
+ readonly xl: {
231
+ readonly fontSize: 20;
232
+ readonly lineHeight: 28;
233
+ readonly paragraphSpacing: 20;
234
+ };
264
235
  };
265
236
  readonly detailText: {
266
237
  readonly '2xl': {
@@ -352,6 +323,11 @@ export declare const lightTheme: {
352
323
  readonly lineHeight: 20;
353
324
  readonly paragraphSpacing: 14;
354
325
  };
326
+ readonly xl: {
327
+ readonly fontSize: 20;
328
+ readonly lineHeight: 28;
329
+ readonly paragraphSpacing: 20;
330
+ };
355
331
  };
356
332
  readonly detailText: {
357
333
  readonly '2xl': {
@@ -443,6 +419,11 @@ export declare const lightTheme: {
443
419
  readonly lineHeight: 20;
444
420
  readonly paragraphSpacing: 14;
445
421
  };
422
+ readonly xl: {
423
+ readonly fontSize: 20;
424
+ readonly lineHeight: 28;
425
+ readonly paragraphSpacing: 20;
426
+ };
446
427
  };
447
428
  readonly detailText: {
448
429
  readonly '2xl': {
@@ -1190,71 +1171,34 @@ export declare const lightTheme: {
1190
1171
  readonly secondary: "#5b5b5b";
1191
1172
  };
1192
1173
  readonly blue: {
1193
- readonly '0': "#f8fbff";
1194
- readonly '50': "#eef7ff";
1195
- readonly '100': "#d9ecff";
1196
1174
  readonly '200': "#bcddff";
1197
- readonly '300': "#93c1ff";
1198
1175
  readonly '400': "#6bb0ff";
1199
- readonly '500': "#41a0ff";
1200
1176
  readonly '600': "#2786f1";
1201
1177
  readonly '700': "#1c6cd4";
1202
- readonly '800': "#2354a4";
1203
1178
  readonly '900': "#0b3375";
1204
- readonly '950': "#042455";
1205
- readonly '1000': "#001433";
1206
1179
  };
1207
1180
  readonly broadbandGreen: {
1208
- readonly '0': "#f8faf6";
1209
- readonly '50': "#f2f6ed";
1210
- readonly '100': "#e7efdc";
1211
1181
  readonly '200': "#d2e6b0";
1212
1182
  readonly '300': "#8cba3b";
1213
- readonly '400': "#7aa031";
1214
- readonly '500': "#6e932b";
1215
- readonly '600': "#64862a";
1216
- readonly '700': "#5a7926";
1217
1183
  readonly '800': "#506c21";
1218
1184
  readonly '900': "#4f6b20";
1219
- readonly '950': "#35421c";
1220
- readonly '1000': "#252d16";
1221
1185
  };
1222
1186
  readonly cashbackLilac: {
1223
- readonly '0': "#f7f5f8";
1224
- readonly '50': "#f5f2f6";
1225
- readonly '100': "#ebdef5";
1226
- readonly '200': "#e4caf5";
1227
1187
  readonly '300': "#dfbdf5";
1228
- readonly '400': "#ce9cf0";
1229
1188
  readonly '500': "#be7aeb";
1230
- readonly '600': "#9f3be2";
1231
1189
  readonly '700': "#8b2bc9";
1232
- readonly '800': "#7821b8";
1233
1190
  readonly '900': "#7429b5";
1234
- readonly '950': "#522270";
1235
- readonly '1000': "#3a1f52";
1236
1191
  };
1237
1192
  readonly energyBlue: {
1238
- readonly '0': "#f7f9fa";
1239
- readonly '50': "#edf4f6";
1240
- readonly '100': "#d4e5e9";
1241
1193
  readonly '200': "#bddee4";
1242
1194
  readonly '300': "#6db5c3";
1243
- readonly '400': "#579daa";
1244
- readonly '500': "#4c8a97";
1245
- readonly '600': "#367683";
1246
1195
  readonly '700': "#326e7a";
1247
- readonly '800': "#2d6571";
1248
1196
  readonly '900': "#2c6370";
1249
- readonly '950': "#254348";
1250
- readonly '1000': "#1a2f35";
1251
1197
  };
1252
1198
  readonly green: {
1253
- readonly '0': "#f8fdf9";
1254
1199
  readonly '50': "#e7f9f0";
1255
1200
  readonly '100': "#c5edda";
1256
1201
  readonly '200': "#a2e2c3";
1257
- readonly '300': "#74d6a0";
1258
1202
  readonly '400': "#58ca93";
1259
1203
  readonly '500': "#36bf7d";
1260
1204
  readonly '600': "#19a660";
@@ -1282,86 +1226,45 @@ export declare const lightTheme: {
1282
1226
  readonly '1000': "#101010";
1283
1227
  };
1284
1228
  readonly insuranceOrange: {
1285
- readonly '0': "#fefcf9";
1286
- readonly '50': "#fdf5eb";
1287
- readonly '100': "#fcecd6";
1288
- readonly '200': "#ffcda0";
1289
1229
  readonly '300': "#ffb46d";
1290
1230
  readonly '400': "#ff7b00";
1291
- readonly '500': "#f06b00";
1292
- readonly '600': "#e26400";
1293
- readonly '700': "#cb5b00";
1294
1231
  readonly '800': "#9b4c0e";
1295
1232
  readonly '900': "#7f4518";
1296
- readonly '950': "#5a3213";
1297
- readonly '1000': "#3f2616";
1298
1233
  };
1299
1234
  readonly mobileRose: {
1300
- readonly '0': "#fffaf9";
1301
- readonly '50': "#fdf2f6";
1302
- readonly '100': "#faeaf2";
1303
1235
  readonly '200': "#fad0e9";
1304
- readonly '300': "#f49fd2";
1305
1236
  readonly '400': "#ee6dbb";
1306
- readonly '500': "#e652aa";
1307
- readonly '600': "#de379a";
1308
- readonly '700': "#d61c89";
1309
1237
  readonly '800': "#a7266d";
1310
1238
  readonly '900': "#8a3260";
1311
- readonly '950': "#601f42";
1312
- readonly '1000': "#421a32";
1313
1239
  };
1314
1240
  readonly orange: {
1315
- readonly '0': "#fffdf8";
1316
- readonly '50': "#fff5ed";
1317
- readonly '100': "#ffe6d4";
1318
1241
  readonly '200': "#ffcca8";
1319
- readonly '300': "#ffab70";
1320
1242
  readonly '400': "#ff9639";
1321
1243
  readonly '500': "#ff8010";
1322
1244
  readonly '600': "#f56e00";
1323
1245
  readonly '700': "#cf5d00";
1324
1246
  readonly '750': "#be5400";
1325
- readonly '800': "#ad4b00";
1326
1247
  readonly '900': "#893900";
1327
- readonly '950': "#6b2d00";
1328
- readonly '1000': "#4a1f00";
1329
1248
  };
1330
1249
  readonly piggyPink: {
1331
- readonly '0': "#faf5fa";
1332
- readonly '50': "#f6f1f7";
1333
- readonly '100': "#f9eafa";
1334
1250
  readonly '200': "#f9ceff";
1335
1251
  readonly '300': "#f295ff";
1336
- readonly '400': "#ed66ff";
1337
- readonly '500': "#d052c8";
1338
- readonly '600': "#bc48b4";
1339
- readonly '700': "#a53fa5";
1340
1252
  readonly '800': "#8f358f";
1341
1253
  readonly '900': "#7a1f7e";
1342
- readonly '950': "#5d2167";
1343
- readonly '1000': "#3f1448";
1344
1254
  };
1345
1255
  readonly purple: {
1346
- readonly '0': "#f7f6f9";
1347
- readonly '50': "#eeebf4";
1348
1256
  readonly '100': "#ddd5eb";
1349
1257
  readonly '200': "#c6b5e2";
1350
1258
  readonly '300': "#af90de";
1351
1259
  readonly '400': "#996cda";
1352
- readonly '500': "#8851d6";
1353
- readonly '600': "#8149ce";
1354
1260
  readonly '700': "#7a42c8";
1355
1261
  readonly '800': "#5c2ca9";
1356
1262
  readonly '900': "#442484";
1357
- readonly '950': "#331c68";
1358
1263
  readonly '1000': "#26164f";
1359
1264
  };
1360
1265
  readonly red: {
1361
- readonly '0': "#fff6f5";
1362
1266
  readonly '50': "#fff3f1";
1363
1267
  readonly '100': "#ffe3df";
1364
- readonly '200': "#ffccc5";
1365
1268
  readonly '300': "#ffa89d";
1366
1269
  readonly '400': "#ff7964";
1367
1270
  readonly '500': "#ff634a";
@@ -1373,35 +1276,22 @@ export declare const lightTheme: {
1373
1276
  readonly '1000': "#3b1512";
1374
1277
  };
1375
1278
  readonly warmWhite: {
1376
- readonly '0': "#fdfcfa";
1377
1279
  readonly '50': "#fcfbf2";
1378
1280
  readonly '100': "#f7f6eb";
1379
1281
  readonly '200': "#f1efe4";
1380
1282
  readonly '300': "#d4d2c0";
1381
- readonly '400': "#bfb9a9";
1382
- readonly '500': "#a99f8b";
1383
- readonly '600': "#89816e";
1384
- readonly '700': "#6a6354";
1385
1283
  readonly '800': "#4c473d";
1386
1284
  readonly '900': "#30302c";
1387
1285
  readonly '950': "#282825";
1388
- readonly '975': "#20201d";
1389
1286
  readonly '1000': "#191917";
1390
1287
  };
1391
1288
  readonly yellow: {
1392
- readonly '0': "#fffef9";
1393
- readonly '50': "#fff8ea";
1394
- readonly '100': "#ffe8b8";
1395
1289
  readonly '200': "#ffd885";
1396
1290
  readonly '300': "#ffc852";
1397
1291
  readonly '400': "#ffb921";
1398
1292
  readonly '500': "#eba400";
1399
1293
  readonly '600': "#d1950b";
1400
- readonly '700': "#b78715";
1401
- readonly '800': "#9c7820";
1402
1294
  readonly '900': "#82692b";
1403
- readonly '950': "#756230";
1404
- readonly '1000': "#4c401f";
1405
1295
  };
1406
1296
  };
1407
1297
  readonly components: typeof components.light;
@@ -1519,7 +1409,6 @@ export declare const darkTheme: {
1519
1409
  readonly '700': 56;
1520
1410
  readonly '800': 64;
1521
1411
  readonly '900': 72;
1522
- readonly '1000': 80;
1523
1412
  };
1524
1413
  readonly borderWidth: {
1525
1414
  readonly '1': 1;
@@ -1527,7 +1416,6 @@ export declare const darkTheme: {
1527
1416
  };
1528
1417
  readonly borderRadius: {
1529
1418
  readonly full: 9999;
1530
- readonly lg: 12;
1531
1419
  readonly md: 8;
1532
1420
  readonly none: 0;
1533
1421
  readonly sm: 6;
@@ -1545,9 +1433,6 @@ export declare const darkTheme: {
1545
1433
  readonly tvLike: 4000;
1546
1434
  };
1547
1435
  readonly letterSpacing: {
1548
- readonly '0': 0;
1549
- readonly '50': -0.30000001192092896;
1550
- readonly '75': -0.36000001430511475;
1551
1436
  readonly '90': -0.41999998688697815;
1552
1437
  readonly '100': -0.47999998927116394;
1553
1438
  readonly '150': -0.5400000214576721;
@@ -1555,17 +1440,8 @@ export declare const darkTheme: {
1555
1440
  readonly '300': -0.7200000286102295;
1556
1441
  readonly '400': -0.8999999761581421;
1557
1442
  readonly '500': -1.0800000429153442;
1558
- readonly '550': -1.2000000476837158;
1559
- readonly '600': -1.440000057220459;
1560
- readonly '700': -1.7999999523162842;
1561
- readonly '800': -2.1600000858306885;
1562
- readonly '900': -2.880000114440918;
1563
- readonly '1000': -3.8399999141693115;
1564
1443
  };
1565
1444
  readonly lineHeight: {
1566
- readonly '50': 12;
1567
- readonly '75': 14;
1568
- readonly '100': 16;
1569
1445
  readonly '200': 18;
1570
1446
  readonly '300': 20;
1571
1447
  readonly '400': 22;
@@ -1573,13 +1449,9 @@ export declare const darkTheme: {
1573
1449
  readonly '600': 28;
1574
1450
  readonly '700': 32;
1575
1451
  readonly '800': 36;
1576
- readonly '900': 40;
1577
1452
  readonly '950': 48;
1578
1453
  readonly '975': 52;
1579
- readonly '1000': 56;
1580
1454
  readonly '1050': 62;
1581
- readonly '1100': 72;
1582
- readonly '1200': 90;
1583
1455
  };
1584
1456
  readonly font: {
1585
1457
  readonly family: {
@@ -1588,8 +1460,6 @@ export declare const darkTheme: {
1588
1460
  readonly heading: "Comic Hams";
1589
1461
  };
1590
1462
  readonly size: {
1591
- readonly '50': 10;
1592
- readonly '75': 12;
1593
1463
  readonly '90': 14;
1594
1464
  readonly '100': 16;
1595
1465
  readonly '150': 18;
@@ -1599,16 +1469,10 @@ export declare const darkTheme: {
1599
1469
  readonly '500': 36;
1600
1470
  readonly '550': 40;
1601
1471
  readonly '575': 44;
1602
- readonly '600': 48;
1603
1472
  readonly '650': 54;
1604
- readonly '700': 60;
1605
- readonly '800': 72;
1606
- readonly '900': 96;
1607
- readonly '1000': 128;
1608
1473
  };
1609
1474
  readonly weight: {
1610
1475
  readonly bold: 700;
1611
- readonly heavy: 900;
1612
1476
  readonly medium: 500;
1613
1477
  readonly regular: 400;
1614
1478
  readonly semibold: 600;
@@ -1616,7 +1480,6 @@ export declare const darkTheme: {
1616
1480
  };
1617
1481
  readonly fontWeight: {
1618
1482
  readonly bold: 700;
1619
- readonly heavy: 900;
1620
1483
  readonly medium: 500;
1621
1484
  readonly regular: 400;
1622
1485
  readonly semibold: 600;
@@ -1627,8 +1490,6 @@ export declare const darkTheme: {
1627
1490
  readonly heading: "Comic Hams";
1628
1491
  };
1629
1492
  readonly fontSize: {
1630
- readonly '50': 10;
1631
- readonly '75': 12;
1632
1493
  readonly '90': 14;
1633
1494
  readonly '100': 16;
1634
1495
  readonly '150': 18;
@@ -1638,12 +1499,7 @@ export declare const darkTheme: {
1638
1499
  readonly '500': 36;
1639
1500
  readonly '550': 40;
1640
1501
  readonly '575': 44;
1641
- readonly '600': 48;
1642
1502
  readonly '650': 54;
1643
- readonly '700': 60;
1644
- readonly '800': 72;
1645
- readonly '900': 96;
1646
- readonly '1000': 128;
1647
1503
  };
1648
1504
  readonly typography: {
1649
1505
  readonly mobile: {
@@ -1667,6 +1523,11 @@ export declare const darkTheme: {
1667
1523
  readonly lineHeight: 20;
1668
1524
  readonly paragraphSpacing: 14;
1669
1525
  };
1526
+ readonly xl: {
1527
+ readonly fontSize: 20;
1528
+ readonly lineHeight: 28;
1529
+ readonly paragraphSpacing: 20;
1530
+ };
1670
1531
  };
1671
1532
  readonly detailText: {
1672
1533
  readonly '2xl': {
@@ -1758,6 +1619,11 @@ export declare const darkTheme: {
1758
1619
  readonly lineHeight: 20;
1759
1620
  readonly paragraphSpacing: 14;
1760
1621
  };
1622
+ readonly xl: {
1623
+ readonly fontSize: 20;
1624
+ readonly lineHeight: 28;
1625
+ readonly paragraphSpacing: 20;
1626
+ };
1761
1627
  };
1762
1628
  readonly detailText: {
1763
1629
  readonly '2xl': {
@@ -1849,6 +1715,11 @@ export declare const darkTheme: {
1849
1715
  readonly lineHeight: 20;
1850
1716
  readonly paragraphSpacing: 14;
1851
1717
  };
1718
+ readonly xl: {
1719
+ readonly fontSize: 20;
1720
+ readonly lineHeight: 28;
1721
+ readonly paragraphSpacing: 20;
1722
+ };
1852
1723
  };
1853
1724
  readonly detailText: {
1854
1725
  readonly '2xl': {
@@ -2607,71 +2478,34 @@ export declare const darkTheme: {
2607
2478
  readonly secondary: "#b2afae";
2608
2479
  };
2609
2480
  readonly blue: {
2610
- readonly '0': "#f8fbff";
2611
- readonly '50': "#eef7ff";
2612
- readonly '100': "#d9ecff";
2613
2481
  readonly '200': "#bcddff";
2614
- readonly '300': "#93c1ff";
2615
2482
  readonly '400': "#6bb0ff";
2616
- readonly '500': "#41a0ff";
2617
2483
  readonly '600': "#2786f1";
2618
2484
  readonly '700': "#1c6cd4";
2619
- readonly '800': "#2354a4";
2620
2485
  readonly '900': "#0b3375";
2621
- readonly '950': "#042455";
2622
- readonly '1000': "#001433";
2623
2486
  };
2624
2487
  readonly broadbandGreen: {
2625
- readonly '0': "#f8faf6";
2626
- readonly '50': "#f2f6ed";
2627
- readonly '100': "#e7efdc";
2628
2488
  readonly '200': "#d2e6b0";
2629
2489
  readonly '300': "#8cba3b";
2630
- readonly '400': "#7aa031";
2631
- readonly '500': "#6e932b";
2632
- readonly '600': "#64862a";
2633
- readonly '700': "#5a7926";
2634
2490
  readonly '800': "#506c21";
2635
2491
  readonly '900': "#4f6b20";
2636
- readonly '950': "#35421c";
2637
- readonly '1000': "#252d16";
2638
2492
  };
2639
2493
  readonly cashbackLilac: {
2640
- readonly '0': "#f7f5f8";
2641
- readonly '50': "#f5f2f6";
2642
- readonly '100': "#ebdef5";
2643
- readonly '200': "#e4caf5";
2644
2494
  readonly '300': "#dfbdf5";
2645
- readonly '400': "#ce9cf0";
2646
2495
  readonly '500': "#be7aeb";
2647
- readonly '600': "#9f3be2";
2648
2496
  readonly '700': "#8b2bc9";
2649
- readonly '800': "#7821b8";
2650
2497
  readonly '900': "#7429b5";
2651
- readonly '950': "#522270";
2652
- readonly '1000': "#3a1f52";
2653
2498
  };
2654
2499
  readonly energyBlue: {
2655
- readonly '0': "#f7f9fa";
2656
- readonly '50': "#edf4f6";
2657
- readonly '100': "#d4e5e9";
2658
2500
  readonly '200': "#bddee4";
2659
2501
  readonly '300': "#6db5c3";
2660
- readonly '400': "#579daa";
2661
- readonly '500': "#4c8a97";
2662
- readonly '600': "#367683";
2663
2502
  readonly '700': "#326e7a";
2664
- readonly '800': "#2d6571";
2665
2503
  readonly '900': "#2c6370";
2666
- readonly '950': "#254348";
2667
- readonly '1000': "#1a2f35";
2668
2504
  };
2669
2505
  readonly green: {
2670
- readonly '0': "#f8fdf9";
2671
2506
  readonly '50': "#e7f9f0";
2672
2507
  readonly '100': "#c5edda";
2673
2508
  readonly '200': "#a2e2c3";
2674
- readonly '300': "#74d6a0";
2675
2509
  readonly '400': "#58ca93";
2676
2510
  readonly '500': "#36bf7d";
2677
2511
  readonly '600': "#19a660";
@@ -2699,86 +2533,45 @@ export declare const darkTheme: {
2699
2533
  readonly '1000': "#101010";
2700
2534
  };
2701
2535
  readonly insuranceOrange: {
2702
- readonly '0': "#fefcf9";
2703
- readonly '50': "#fdf5eb";
2704
- readonly '100': "#fcecd6";
2705
- readonly '200': "#ffcda0";
2706
2536
  readonly '300': "#ffb46d";
2707
2537
  readonly '400': "#ff7b00";
2708
- readonly '500': "#f06b00";
2709
- readonly '600': "#e26400";
2710
- readonly '700': "#cb5b00";
2711
2538
  readonly '800': "#9b4c0e";
2712
2539
  readonly '900': "#7f4518";
2713
- readonly '950': "#5a3213";
2714
- readonly '1000': "#3f2616";
2715
2540
  };
2716
2541
  readonly mobileRose: {
2717
- readonly '0': "#fffaf9";
2718
- readonly '50': "#fdf2f6";
2719
- readonly '100': "#faeaf2";
2720
2542
  readonly '200': "#fad0e9";
2721
- readonly '300': "#f49fd2";
2722
2543
  readonly '400': "#ee6dbb";
2723
- readonly '500': "#e652aa";
2724
- readonly '600': "#de379a";
2725
- readonly '700': "#d61c89";
2726
2544
  readonly '800': "#a7266d";
2727
2545
  readonly '900': "#8a3260";
2728
- readonly '950': "#601f42";
2729
- readonly '1000': "#421a32";
2730
2546
  };
2731
2547
  readonly orange: {
2732
- readonly '0': "#fffdf8";
2733
- readonly '50': "#fff5ed";
2734
- readonly '100': "#ffe6d4";
2735
2548
  readonly '200': "#ffcca8";
2736
- readonly '300': "#ffab70";
2737
2549
  readonly '400': "#ff9639";
2738
2550
  readonly '500': "#ff8010";
2739
2551
  readonly '600': "#f56e00";
2740
2552
  readonly '700': "#cf5d00";
2741
2553
  readonly '750': "#be5400";
2742
- readonly '800': "#ad4b00";
2743
2554
  readonly '900': "#893900";
2744
- readonly '950': "#6b2d00";
2745
- readonly '1000': "#4a1f00";
2746
2555
  };
2747
2556
  readonly piggyPink: {
2748
- readonly '0': "#faf5fa";
2749
- readonly '50': "#f6f1f7";
2750
- readonly '100': "#f9eafa";
2751
2557
  readonly '200': "#f9ceff";
2752
2558
  readonly '300': "#f295ff";
2753
- readonly '400': "#ed66ff";
2754
- readonly '500': "#d052c8";
2755
- readonly '600': "#bc48b4";
2756
- readonly '700': "#a53fa5";
2757
2559
  readonly '800': "#8f358f";
2758
2560
  readonly '900': "#7a1f7e";
2759
- readonly '950': "#5d2167";
2760
- readonly '1000': "#3f1448";
2761
2561
  };
2762
2562
  readonly purple: {
2763
- readonly '0': "#f7f6f9";
2764
- readonly '50': "#eeebf4";
2765
2563
  readonly '100': "#ddd5eb";
2766
2564
  readonly '200': "#c6b5e2";
2767
2565
  readonly '300': "#af90de";
2768
2566
  readonly '400': "#996cda";
2769
- readonly '500': "#8851d6";
2770
- readonly '600': "#8149ce";
2771
2567
  readonly '700': "#7a42c8";
2772
2568
  readonly '800': "#5c2ca9";
2773
2569
  readonly '900': "#442484";
2774
- readonly '950': "#331c68";
2775
2570
  readonly '1000': "#26164f";
2776
2571
  };
2777
2572
  readonly red: {
2778
- readonly '0': "#fff6f5";
2779
2573
  readonly '50': "#fff3f1";
2780
2574
  readonly '100': "#ffe3df";
2781
- readonly '200': "#ffccc5";
2782
2575
  readonly '300': "#ffa89d";
2783
2576
  readonly '400': "#ff7964";
2784
2577
  readonly '500': "#ff634a";
@@ -2790,35 +2583,22 @@ export declare const darkTheme: {
2790
2583
  readonly '1000': "#3b1512";
2791
2584
  };
2792
2585
  readonly warmWhite: {
2793
- readonly '0': "#fdfcfa";
2794
2586
  readonly '50': "#fcfbf2";
2795
2587
  readonly '100': "#f7f6eb";
2796
2588
  readonly '200': "#f1efe4";
2797
2589
  readonly '300': "#d4d2c0";
2798
- readonly '400': "#bfb9a9";
2799
- readonly '500': "#a99f8b";
2800
- readonly '600': "#89816e";
2801
- readonly '700': "#6a6354";
2802
2590
  readonly '800': "#4c473d";
2803
2591
  readonly '900': "#30302c";
2804
2592
  readonly '950': "#282825";
2805
- readonly '975': "#20201d";
2806
2593
  readonly '1000': "#191917";
2807
2594
  };
2808
2595
  readonly yellow: {
2809
- readonly '0': "#fffef9";
2810
- readonly '50': "#fff8ea";
2811
- readonly '100': "#ffe8b8";
2812
2596
  readonly '200': "#ffd885";
2813
2597
  readonly '300': "#ffc852";
2814
2598
  readonly '400': "#ffb921";
2815
2599
  readonly '500': "#eba400";
2816
2600
  readonly '600': "#d1950b";
2817
- readonly '700': "#b78715";
2818
- readonly '800': "#9c7820";
2819
2601
  readonly '900': "#82692b";
2820
- readonly '950': "#756230";
2821
- readonly '1000': "#4c401f";
2822
2602
  };
2823
2603
  };
2824
2604
  readonly components: typeof components.dark;
@@ -2937,7 +2717,6 @@ export declare const themes: {
2937
2717
  readonly '700': 56;
2938
2718
  readonly '800': 64;
2939
2719
  readonly '900': 72;
2940
- readonly '1000': 80;
2941
2720
  };
2942
2721
  readonly borderWidth: {
2943
2722
  readonly '1': 1;
@@ -2945,7 +2724,6 @@ export declare const themes: {
2945
2724
  };
2946
2725
  readonly borderRadius: {
2947
2726
  readonly full: 9999;
2948
- readonly lg: 12;
2949
2727
  readonly md: 8;
2950
2728
  readonly none: 0;
2951
2729
  readonly sm: 6;
@@ -2963,9 +2741,6 @@ export declare const themes: {
2963
2741
  readonly tvLike: 4000;
2964
2742
  };
2965
2743
  readonly letterSpacing: {
2966
- readonly '0': 0;
2967
- readonly '50': -0.30000001192092896;
2968
- readonly '75': -0.36000001430511475;
2969
2744
  readonly '90': -0.41999998688697815;
2970
2745
  readonly '100': -0.47999998927116394;
2971
2746
  readonly '150': -0.5400000214576721;
@@ -2973,17 +2748,8 @@ export declare const themes: {
2973
2748
  readonly '300': -0.7200000286102295;
2974
2749
  readonly '400': -0.8999999761581421;
2975
2750
  readonly '500': -1.0800000429153442;
2976
- readonly '550': -1.2000000476837158;
2977
- readonly '600': -1.440000057220459;
2978
- readonly '700': -1.7999999523162842;
2979
- readonly '800': -2.1600000858306885;
2980
- readonly '900': -2.880000114440918;
2981
- readonly '1000': -3.8399999141693115;
2982
2751
  };
2983
2752
  readonly lineHeight: {
2984
- readonly '50': 12;
2985
- readonly '75': 14;
2986
- readonly '100': 16;
2987
2753
  readonly '200': 18;
2988
2754
  readonly '300': 20;
2989
2755
  readonly '400': 22;
@@ -2991,13 +2757,9 @@ export declare const themes: {
2991
2757
  readonly '600': 28;
2992
2758
  readonly '700': 32;
2993
2759
  readonly '800': 36;
2994
- readonly '900': 40;
2995
2760
  readonly '950': 48;
2996
2761
  readonly '975': 52;
2997
- readonly '1000': 56;
2998
2762
  readonly '1050': 62;
2999
- readonly '1100': 72;
3000
- readonly '1200': 90;
3001
2763
  };
3002
2764
  readonly font: {
3003
2765
  readonly family: {
@@ -3006,8 +2768,6 @@ export declare const themes: {
3006
2768
  readonly heading: "Comic Hams";
3007
2769
  };
3008
2770
  readonly size: {
3009
- readonly '50': 10;
3010
- readonly '75': 12;
3011
2771
  readonly '90': 14;
3012
2772
  readonly '100': 16;
3013
2773
  readonly '150': 18;
@@ -3017,16 +2777,10 @@ export declare const themes: {
3017
2777
  readonly '500': 36;
3018
2778
  readonly '550': 40;
3019
2779
  readonly '575': 44;
3020
- readonly '600': 48;
3021
2780
  readonly '650': 54;
3022
- readonly '700': 60;
3023
- readonly '800': 72;
3024
- readonly '900': 96;
3025
- readonly '1000': 128;
3026
2781
  };
3027
2782
  readonly weight: {
3028
2783
  readonly bold: 700;
3029
- readonly heavy: 900;
3030
2784
  readonly medium: 500;
3031
2785
  readonly regular: 400;
3032
2786
  readonly semibold: 600;
@@ -3034,7 +2788,6 @@ export declare const themes: {
3034
2788
  };
3035
2789
  readonly fontWeight: {
3036
2790
  readonly bold: 700;
3037
- readonly heavy: 900;
3038
2791
  readonly medium: 500;
3039
2792
  readonly regular: 400;
3040
2793
  readonly semibold: 600;
@@ -3045,8 +2798,6 @@ export declare const themes: {
3045
2798
  readonly heading: "Comic Hams";
3046
2799
  };
3047
2800
  readonly fontSize: {
3048
- readonly '50': 10;
3049
- readonly '75': 12;
3050
2801
  readonly '90': 14;
3051
2802
  readonly '100': 16;
3052
2803
  readonly '150': 18;
@@ -3056,12 +2807,7 @@ export declare const themes: {
3056
2807
  readonly '500': 36;
3057
2808
  readonly '550': 40;
3058
2809
  readonly '575': 44;
3059
- readonly '600': 48;
3060
2810
  readonly '650': 54;
3061
- readonly '700': 60;
3062
- readonly '800': 72;
3063
- readonly '900': 96;
3064
- readonly '1000': 128;
3065
2811
  };
3066
2812
  readonly typography: {
3067
2813
  readonly mobile: {
@@ -3085,6 +2831,11 @@ export declare const themes: {
3085
2831
  readonly lineHeight: 20;
3086
2832
  readonly paragraphSpacing: 14;
3087
2833
  };
2834
+ readonly xl: {
2835
+ readonly fontSize: 20;
2836
+ readonly lineHeight: 28;
2837
+ readonly paragraphSpacing: 20;
2838
+ };
3088
2839
  };
3089
2840
  readonly detailText: {
3090
2841
  readonly '2xl': {
@@ -3176,6 +2927,11 @@ export declare const themes: {
3176
2927
  readonly lineHeight: 20;
3177
2928
  readonly paragraphSpacing: 14;
3178
2929
  };
2930
+ readonly xl: {
2931
+ readonly fontSize: 20;
2932
+ readonly lineHeight: 28;
2933
+ readonly paragraphSpacing: 20;
2934
+ };
3179
2935
  };
3180
2936
  readonly detailText: {
3181
2937
  readonly '2xl': {
@@ -3267,6 +3023,11 @@ export declare const themes: {
3267
3023
  readonly lineHeight: 20;
3268
3024
  readonly paragraphSpacing: 14;
3269
3025
  };
3026
+ readonly xl: {
3027
+ readonly fontSize: 20;
3028
+ readonly lineHeight: 28;
3029
+ readonly paragraphSpacing: 20;
3030
+ };
3270
3031
  };
3271
3032
  readonly detailText: {
3272
3033
  readonly '2xl': {
@@ -4014,71 +3775,34 @@ export declare const themes: {
4014
3775
  readonly secondary: "#5b5b5b";
4015
3776
  };
4016
3777
  readonly blue: {
4017
- readonly '0': "#f8fbff";
4018
- readonly '50': "#eef7ff";
4019
- readonly '100': "#d9ecff";
4020
3778
  readonly '200': "#bcddff";
4021
- readonly '300': "#93c1ff";
4022
3779
  readonly '400': "#6bb0ff";
4023
- readonly '500': "#41a0ff";
4024
3780
  readonly '600': "#2786f1";
4025
3781
  readonly '700': "#1c6cd4";
4026
- readonly '800': "#2354a4";
4027
3782
  readonly '900': "#0b3375";
4028
- readonly '950': "#042455";
4029
- readonly '1000': "#001433";
4030
3783
  };
4031
3784
  readonly broadbandGreen: {
4032
- readonly '0': "#f8faf6";
4033
- readonly '50': "#f2f6ed";
4034
- readonly '100': "#e7efdc";
4035
3785
  readonly '200': "#d2e6b0";
4036
3786
  readonly '300': "#8cba3b";
4037
- readonly '400': "#7aa031";
4038
- readonly '500': "#6e932b";
4039
- readonly '600': "#64862a";
4040
- readonly '700': "#5a7926";
4041
3787
  readonly '800': "#506c21";
4042
3788
  readonly '900': "#4f6b20";
4043
- readonly '950': "#35421c";
4044
- readonly '1000': "#252d16";
4045
3789
  };
4046
3790
  readonly cashbackLilac: {
4047
- readonly '0': "#f7f5f8";
4048
- readonly '50': "#f5f2f6";
4049
- readonly '100': "#ebdef5";
4050
- readonly '200': "#e4caf5";
4051
3791
  readonly '300': "#dfbdf5";
4052
- readonly '400': "#ce9cf0";
4053
3792
  readonly '500': "#be7aeb";
4054
- readonly '600': "#9f3be2";
4055
3793
  readonly '700': "#8b2bc9";
4056
- readonly '800': "#7821b8";
4057
3794
  readonly '900': "#7429b5";
4058
- readonly '950': "#522270";
4059
- readonly '1000': "#3a1f52";
4060
3795
  };
4061
3796
  readonly energyBlue: {
4062
- readonly '0': "#f7f9fa";
4063
- readonly '50': "#edf4f6";
4064
- readonly '100': "#d4e5e9";
4065
3797
  readonly '200': "#bddee4";
4066
3798
  readonly '300': "#6db5c3";
4067
- readonly '400': "#579daa";
4068
- readonly '500': "#4c8a97";
4069
- readonly '600': "#367683";
4070
3799
  readonly '700': "#326e7a";
4071
- readonly '800': "#2d6571";
4072
3800
  readonly '900': "#2c6370";
4073
- readonly '950': "#254348";
4074
- readonly '1000': "#1a2f35";
4075
3801
  };
4076
3802
  readonly green: {
4077
- readonly '0': "#f8fdf9";
4078
3803
  readonly '50': "#e7f9f0";
4079
3804
  readonly '100': "#c5edda";
4080
3805
  readonly '200': "#a2e2c3";
4081
- readonly '300': "#74d6a0";
4082
3806
  readonly '400': "#58ca93";
4083
3807
  readonly '500': "#36bf7d";
4084
3808
  readonly '600': "#19a660";
@@ -4106,86 +3830,45 @@ export declare const themes: {
4106
3830
  readonly '1000': "#101010";
4107
3831
  };
4108
3832
  readonly insuranceOrange: {
4109
- readonly '0': "#fefcf9";
4110
- readonly '50': "#fdf5eb";
4111
- readonly '100': "#fcecd6";
4112
- readonly '200': "#ffcda0";
4113
3833
  readonly '300': "#ffb46d";
4114
3834
  readonly '400': "#ff7b00";
4115
- readonly '500': "#f06b00";
4116
- readonly '600': "#e26400";
4117
- readonly '700': "#cb5b00";
4118
3835
  readonly '800': "#9b4c0e";
4119
3836
  readonly '900': "#7f4518";
4120
- readonly '950': "#5a3213";
4121
- readonly '1000': "#3f2616";
4122
3837
  };
4123
3838
  readonly mobileRose: {
4124
- readonly '0': "#fffaf9";
4125
- readonly '50': "#fdf2f6";
4126
- readonly '100': "#faeaf2";
4127
3839
  readonly '200': "#fad0e9";
4128
- readonly '300': "#f49fd2";
4129
3840
  readonly '400': "#ee6dbb";
4130
- readonly '500': "#e652aa";
4131
- readonly '600': "#de379a";
4132
- readonly '700': "#d61c89";
4133
3841
  readonly '800': "#a7266d";
4134
3842
  readonly '900': "#8a3260";
4135
- readonly '950': "#601f42";
4136
- readonly '1000': "#421a32";
4137
3843
  };
4138
3844
  readonly orange: {
4139
- readonly '0': "#fffdf8";
4140
- readonly '50': "#fff5ed";
4141
- readonly '100': "#ffe6d4";
4142
3845
  readonly '200': "#ffcca8";
4143
- readonly '300': "#ffab70";
4144
3846
  readonly '400': "#ff9639";
4145
3847
  readonly '500': "#ff8010";
4146
3848
  readonly '600': "#f56e00";
4147
3849
  readonly '700': "#cf5d00";
4148
3850
  readonly '750': "#be5400";
4149
- readonly '800': "#ad4b00";
4150
3851
  readonly '900': "#893900";
4151
- readonly '950': "#6b2d00";
4152
- readonly '1000': "#4a1f00";
4153
3852
  };
4154
3853
  readonly piggyPink: {
4155
- readonly '0': "#faf5fa";
4156
- readonly '50': "#f6f1f7";
4157
- readonly '100': "#f9eafa";
4158
3854
  readonly '200': "#f9ceff";
4159
3855
  readonly '300': "#f295ff";
4160
- readonly '400': "#ed66ff";
4161
- readonly '500': "#d052c8";
4162
- readonly '600': "#bc48b4";
4163
- readonly '700': "#a53fa5";
4164
3856
  readonly '800': "#8f358f";
4165
3857
  readonly '900': "#7a1f7e";
4166
- readonly '950': "#5d2167";
4167
- readonly '1000': "#3f1448";
4168
3858
  };
4169
3859
  readonly purple: {
4170
- readonly '0': "#f7f6f9";
4171
- readonly '50': "#eeebf4";
4172
3860
  readonly '100': "#ddd5eb";
4173
3861
  readonly '200': "#c6b5e2";
4174
3862
  readonly '300': "#af90de";
4175
3863
  readonly '400': "#996cda";
4176
- readonly '500': "#8851d6";
4177
- readonly '600': "#8149ce";
4178
3864
  readonly '700': "#7a42c8";
4179
3865
  readonly '800': "#5c2ca9";
4180
3866
  readonly '900': "#442484";
4181
- readonly '950': "#331c68";
4182
3867
  readonly '1000': "#26164f";
4183
3868
  };
4184
3869
  readonly red: {
4185
- readonly '0': "#fff6f5";
4186
3870
  readonly '50': "#fff3f1";
4187
3871
  readonly '100': "#ffe3df";
4188
- readonly '200': "#ffccc5";
4189
3872
  readonly '300': "#ffa89d";
4190
3873
  readonly '400': "#ff7964";
4191
3874
  readonly '500': "#ff634a";
@@ -4197,35 +3880,22 @@ export declare const themes: {
4197
3880
  readonly '1000': "#3b1512";
4198
3881
  };
4199
3882
  readonly warmWhite: {
4200
- readonly '0': "#fdfcfa";
4201
3883
  readonly '50': "#fcfbf2";
4202
3884
  readonly '100': "#f7f6eb";
4203
3885
  readonly '200': "#f1efe4";
4204
3886
  readonly '300': "#d4d2c0";
4205
- readonly '400': "#bfb9a9";
4206
- readonly '500': "#a99f8b";
4207
- readonly '600': "#89816e";
4208
- readonly '700': "#6a6354";
4209
3887
  readonly '800': "#4c473d";
4210
3888
  readonly '900': "#30302c";
4211
3889
  readonly '950': "#282825";
4212
- readonly '975': "#20201d";
4213
3890
  readonly '1000': "#191917";
4214
3891
  };
4215
3892
  readonly yellow: {
4216
- readonly '0': "#fffef9";
4217
- readonly '50': "#fff8ea";
4218
- readonly '100': "#ffe8b8";
4219
3893
  readonly '200': "#ffd885";
4220
3894
  readonly '300': "#ffc852";
4221
3895
  readonly '400': "#ffb921";
4222
3896
  readonly '500': "#eba400";
4223
3897
  readonly '600': "#d1950b";
4224
- readonly '700': "#b78715";
4225
- readonly '800': "#9c7820";
4226
3898
  readonly '900': "#82692b";
4227
- readonly '950': "#756230";
4228
- readonly '1000': "#4c401f";
4229
3899
  };
4230
3900
  };
4231
3901
  readonly components: typeof components.light;
@@ -4343,7 +4013,6 @@ export declare const themes: {
4343
4013
  readonly '700': 56;
4344
4014
  readonly '800': 64;
4345
4015
  readonly '900': 72;
4346
- readonly '1000': 80;
4347
4016
  };
4348
4017
  readonly borderWidth: {
4349
4018
  readonly '1': 1;
@@ -4351,7 +4020,6 @@ export declare const themes: {
4351
4020
  };
4352
4021
  readonly borderRadius: {
4353
4022
  readonly full: 9999;
4354
- readonly lg: 12;
4355
4023
  readonly md: 8;
4356
4024
  readonly none: 0;
4357
4025
  readonly sm: 6;
@@ -4369,9 +4037,6 @@ export declare const themes: {
4369
4037
  readonly tvLike: 4000;
4370
4038
  };
4371
4039
  readonly letterSpacing: {
4372
- readonly '0': 0;
4373
- readonly '50': -0.30000001192092896;
4374
- readonly '75': -0.36000001430511475;
4375
4040
  readonly '90': -0.41999998688697815;
4376
4041
  readonly '100': -0.47999998927116394;
4377
4042
  readonly '150': -0.5400000214576721;
@@ -4379,17 +4044,8 @@ export declare const themes: {
4379
4044
  readonly '300': -0.7200000286102295;
4380
4045
  readonly '400': -0.8999999761581421;
4381
4046
  readonly '500': -1.0800000429153442;
4382
- readonly '550': -1.2000000476837158;
4383
- readonly '600': -1.440000057220459;
4384
- readonly '700': -1.7999999523162842;
4385
- readonly '800': -2.1600000858306885;
4386
- readonly '900': -2.880000114440918;
4387
- readonly '1000': -3.8399999141693115;
4388
4047
  };
4389
4048
  readonly lineHeight: {
4390
- readonly '50': 12;
4391
- readonly '75': 14;
4392
- readonly '100': 16;
4393
4049
  readonly '200': 18;
4394
4050
  readonly '300': 20;
4395
4051
  readonly '400': 22;
@@ -4397,13 +4053,9 @@ export declare const themes: {
4397
4053
  readonly '600': 28;
4398
4054
  readonly '700': 32;
4399
4055
  readonly '800': 36;
4400
- readonly '900': 40;
4401
4056
  readonly '950': 48;
4402
4057
  readonly '975': 52;
4403
- readonly '1000': 56;
4404
4058
  readonly '1050': 62;
4405
- readonly '1100': 72;
4406
- readonly '1200': 90;
4407
4059
  };
4408
4060
  readonly font: {
4409
4061
  readonly family: {
@@ -4412,8 +4064,6 @@ export declare const themes: {
4412
4064
  readonly heading: "Comic Hams";
4413
4065
  };
4414
4066
  readonly size: {
4415
- readonly '50': 10;
4416
- readonly '75': 12;
4417
4067
  readonly '90': 14;
4418
4068
  readonly '100': 16;
4419
4069
  readonly '150': 18;
@@ -4423,16 +4073,10 @@ export declare const themes: {
4423
4073
  readonly '500': 36;
4424
4074
  readonly '550': 40;
4425
4075
  readonly '575': 44;
4426
- readonly '600': 48;
4427
4076
  readonly '650': 54;
4428
- readonly '700': 60;
4429
- readonly '800': 72;
4430
- readonly '900': 96;
4431
- readonly '1000': 128;
4432
4077
  };
4433
4078
  readonly weight: {
4434
4079
  readonly bold: 700;
4435
- readonly heavy: 900;
4436
4080
  readonly medium: 500;
4437
4081
  readonly regular: 400;
4438
4082
  readonly semibold: 600;
@@ -4440,7 +4084,6 @@ export declare const themes: {
4440
4084
  };
4441
4085
  readonly fontWeight: {
4442
4086
  readonly bold: 700;
4443
- readonly heavy: 900;
4444
4087
  readonly medium: 500;
4445
4088
  readonly regular: 400;
4446
4089
  readonly semibold: 600;
@@ -4451,8 +4094,6 @@ export declare const themes: {
4451
4094
  readonly heading: "Comic Hams";
4452
4095
  };
4453
4096
  readonly fontSize: {
4454
- readonly '50': 10;
4455
- readonly '75': 12;
4456
4097
  readonly '90': 14;
4457
4098
  readonly '100': 16;
4458
4099
  readonly '150': 18;
@@ -4462,12 +4103,7 @@ export declare const themes: {
4462
4103
  readonly '500': 36;
4463
4104
  readonly '550': 40;
4464
4105
  readonly '575': 44;
4465
- readonly '600': 48;
4466
4106
  readonly '650': 54;
4467
- readonly '700': 60;
4468
- readonly '800': 72;
4469
- readonly '900': 96;
4470
- readonly '1000': 128;
4471
4107
  };
4472
4108
  readonly typography: {
4473
4109
  readonly mobile: {
@@ -4491,6 +4127,11 @@ export declare const themes: {
4491
4127
  readonly lineHeight: 20;
4492
4128
  readonly paragraphSpacing: 14;
4493
4129
  };
4130
+ readonly xl: {
4131
+ readonly fontSize: 20;
4132
+ readonly lineHeight: 28;
4133
+ readonly paragraphSpacing: 20;
4134
+ };
4494
4135
  };
4495
4136
  readonly detailText: {
4496
4137
  readonly '2xl': {
@@ -4582,6 +4223,11 @@ export declare const themes: {
4582
4223
  readonly lineHeight: 20;
4583
4224
  readonly paragraphSpacing: 14;
4584
4225
  };
4226
+ readonly xl: {
4227
+ readonly fontSize: 20;
4228
+ readonly lineHeight: 28;
4229
+ readonly paragraphSpacing: 20;
4230
+ };
4585
4231
  };
4586
4232
  readonly detailText: {
4587
4233
  readonly '2xl': {
@@ -4673,6 +4319,11 @@ export declare const themes: {
4673
4319
  readonly lineHeight: 20;
4674
4320
  readonly paragraphSpacing: 14;
4675
4321
  };
4322
+ readonly xl: {
4323
+ readonly fontSize: 20;
4324
+ readonly lineHeight: 28;
4325
+ readonly paragraphSpacing: 20;
4326
+ };
4676
4327
  };
4677
4328
  readonly detailText: {
4678
4329
  readonly '2xl': {
@@ -5431,71 +5082,34 @@ export declare const themes: {
5431
5082
  readonly secondary: "#b2afae";
5432
5083
  };
5433
5084
  readonly blue: {
5434
- readonly '0': "#f8fbff";
5435
- readonly '50': "#eef7ff";
5436
- readonly '100': "#d9ecff";
5437
5085
  readonly '200': "#bcddff";
5438
- readonly '300': "#93c1ff";
5439
5086
  readonly '400': "#6bb0ff";
5440
- readonly '500': "#41a0ff";
5441
5087
  readonly '600': "#2786f1";
5442
5088
  readonly '700': "#1c6cd4";
5443
- readonly '800': "#2354a4";
5444
5089
  readonly '900': "#0b3375";
5445
- readonly '950': "#042455";
5446
- readonly '1000': "#001433";
5447
5090
  };
5448
5091
  readonly broadbandGreen: {
5449
- readonly '0': "#f8faf6";
5450
- readonly '50': "#f2f6ed";
5451
- readonly '100': "#e7efdc";
5452
5092
  readonly '200': "#d2e6b0";
5453
5093
  readonly '300': "#8cba3b";
5454
- readonly '400': "#7aa031";
5455
- readonly '500': "#6e932b";
5456
- readonly '600': "#64862a";
5457
- readonly '700': "#5a7926";
5458
5094
  readonly '800': "#506c21";
5459
5095
  readonly '900': "#4f6b20";
5460
- readonly '950': "#35421c";
5461
- readonly '1000': "#252d16";
5462
5096
  };
5463
5097
  readonly cashbackLilac: {
5464
- readonly '0': "#f7f5f8";
5465
- readonly '50': "#f5f2f6";
5466
- readonly '100': "#ebdef5";
5467
- readonly '200': "#e4caf5";
5468
5098
  readonly '300': "#dfbdf5";
5469
- readonly '400': "#ce9cf0";
5470
5099
  readonly '500': "#be7aeb";
5471
- readonly '600': "#9f3be2";
5472
5100
  readonly '700': "#8b2bc9";
5473
- readonly '800': "#7821b8";
5474
5101
  readonly '900': "#7429b5";
5475
- readonly '950': "#522270";
5476
- readonly '1000': "#3a1f52";
5477
5102
  };
5478
5103
  readonly energyBlue: {
5479
- readonly '0': "#f7f9fa";
5480
- readonly '50': "#edf4f6";
5481
- readonly '100': "#d4e5e9";
5482
5104
  readonly '200': "#bddee4";
5483
5105
  readonly '300': "#6db5c3";
5484
- readonly '400': "#579daa";
5485
- readonly '500': "#4c8a97";
5486
- readonly '600': "#367683";
5487
5106
  readonly '700': "#326e7a";
5488
- readonly '800': "#2d6571";
5489
5107
  readonly '900': "#2c6370";
5490
- readonly '950': "#254348";
5491
- readonly '1000': "#1a2f35";
5492
5108
  };
5493
5109
  readonly green: {
5494
- readonly '0': "#f8fdf9";
5495
5110
  readonly '50': "#e7f9f0";
5496
5111
  readonly '100': "#c5edda";
5497
5112
  readonly '200': "#a2e2c3";
5498
- readonly '300': "#74d6a0";
5499
5113
  readonly '400': "#58ca93";
5500
5114
  readonly '500': "#36bf7d";
5501
5115
  readonly '600': "#19a660";
@@ -5523,86 +5137,45 @@ export declare const themes: {
5523
5137
  readonly '1000': "#101010";
5524
5138
  };
5525
5139
  readonly insuranceOrange: {
5526
- readonly '0': "#fefcf9";
5527
- readonly '50': "#fdf5eb";
5528
- readonly '100': "#fcecd6";
5529
- readonly '200': "#ffcda0";
5530
5140
  readonly '300': "#ffb46d";
5531
5141
  readonly '400': "#ff7b00";
5532
- readonly '500': "#f06b00";
5533
- readonly '600': "#e26400";
5534
- readonly '700': "#cb5b00";
5535
5142
  readonly '800': "#9b4c0e";
5536
5143
  readonly '900': "#7f4518";
5537
- readonly '950': "#5a3213";
5538
- readonly '1000': "#3f2616";
5539
5144
  };
5540
5145
  readonly mobileRose: {
5541
- readonly '0': "#fffaf9";
5542
- readonly '50': "#fdf2f6";
5543
- readonly '100': "#faeaf2";
5544
5146
  readonly '200': "#fad0e9";
5545
- readonly '300': "#f49fd2";
5546
5147
  readonly '400': "#ee6dbb";
5547
- readonly '500': "#e652aa";
5548
- readonly '600': "#de379a";
5549
- readonly '700': "#d61c89";
5550
5148
  readonly '800': "#a7266d";
5551
5149
  readonly '900': "#8a3260";
5552
- readonly '950': "#601f42";
5553
- readonly '1000': "#421a32";
5554
5150
  };
5555
5151
  readonly orange: {
5556
- readonly '0': "#fffdf8";
5557
- readonly '50': "#fff5ed";
5558
- readonly '100': "#ffe6d4";
5559
5152
  readonly '200': "#ffcca8";
5560
- readonly '300': "#ffab70";
5561
5153
  readonly '400': "#ff9639";
5562
5154
  readonly '500': "#ff8010";
5563
5155
  readonly '600': "#f56e00";
5564
5156
  readonly '700': "#cf5d00";
5565
5157
  readonly '750': "#be5400";
5566
- readonly '800': "#ad4b00";
5567
5158
  readonly '900': "#893900";
5568
- readonly '950': "#6b2d00";
5569
- readonly '1000': "#4a1f00";
5570
5159
  };
5571
5160
  readonly piggyPink: {
5572
- readonly '0': "#faf5fa";
5573
- readonly '50': "#f6f1f7";
5574
- readonly '100': "#f9eafa";
5575
5161
  readonly '200': "#f9ceff";
5576
5162
  readonly '300': "#f295ff";
5577
- readonly '400': "#ed66ff";
5578
- readonly '500': "#d052c8";
5579
- readonly '600': "#bc48b4";
5580
- readonly '700': "#a53fa5";
5581
5163
  readonly '800': "#8f358f";
5582
5164
  readonly '900': "#7a1f7e";
5583
- readonly '950': "#5d2167";
5584
- readonly '1000': "#3f1448";
5585
5165
  };
5586
5166
  readonly purple: {
5587
- readonly '0': "#f7f6f9";
5588
- readonly '50': "#eeebf4";
5589
5167
  readonly '100': "#ddd5eb";
5590
5168
  readonly '200': "#c6b5e2";
5591
5169
  readonly '300': "#af90de";
5592
5170
  readonly '400': "#996cda";
5593
- readonly '500': "#8851d6";
5594
- readonly '600': "#8149ce";
5595
5171
  readonly '700': "#7a42c8";
5596
5172
  readonly '800': "#5c2ca9";
5597
5173
  readonly '900': "#442484";
5598
- readonly '950': "#331c68";
5599
5174
  readonly '1000': "#26164f";
5600
5175
  };
5601
5176
  readonly red: {
5602
- readonly '0': "#fff6f5";
5603
5177
  readonly '50': "#fff3f1";
5604
5178
  readonly '100': "#ffe3df";
5605
- readonly '200': "#ffccc5";
5606
5179
  readonly '300': "#ffa89d";
5607
5180
  readonly '400': "#ff7964";
5608
5181
  readonly '500': "#ff634a";
@@ -5614,35 +5187,22 @@ export declare const themes: {
5614
5187
  readonly '1000': "#3b1512";
5615
5188
  };
5616
5189
  readonly warmWhite: {
5617
- readonly '0': "#fdfcfa";
5618
5190
  readonly '50': "#fcfbf2";
5619
5191
  readonly '100': "#f7f6eb";
5620
5192
  readonly '200': "#f1efe4";
5621
5193
  readonly '300': "#d4d2c0";
5622
- readonly '400': "#bfb9a9";
5623
- readonly '500': "#a99f8b";
5624
- readonly '600': "#89816e";
5625
- readonly '700': "#6a6354";
5626
5194
  readonly '800': "#4c473d";
5627
5195
  readonly '900': "#30302c";
5628
5196
  readonly '950': "#282825";
5629
- readonly '975': "#20201d";
5630
5197
  readonly '1000': "#191917";
5631
5198
  };
5632
5199
  readonly yellow: {
5633
- readonly '0': "#fffef9";
5634
- readonly '50': "#fff8ea";
5635
- readonly '100': "#ffe8b8";
5636
5200
  readonly '200': "#ffd885";
5637
5201
  readonly '300': "#ffc852";
5638
5202
  readonly '400': "#ffb921";
5639
5203
  readonly '500': "#eba400";
5640
5204
  readonly '600': "#d1950b";
5641
- readonly '700': "#b78715";
5642
- readonly '800': "#9c7820";
5643
5205
  readonly '900': "#82692b";
5644
- readonly '950': "#756230";
5645
- readonly '1000': "#4c401f";
5646
5206
  };
5647
5207
  };
5648
5208
  readonly components: typeof components.dark;