@hopper-ui/styled-system 3.1.9 → 3.2.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 (33) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +10 -10
  4. package/dist/{chunk-QKSGYCZX.js → chunk-ASSKAO2A.js} +2 -2
  5. package/dist/{chunk-MEXLJKBG.js → chunk-DKOEF2SB.js} +2 -2
  6. package/dist/{chunk-R7W7UO6F.js → chunk-DTNXWRO2.js} +1 -1
  7. package/dist/{chunk-I62UJW4C.js → chunk-FZISEC66.js} +2 -2
  8. package/dist/{chunk-OLP75FK3.js → chunk-KHVSY6F6.js} +2 -2
  9. package/dist/{chunk-QQCLCFNV.js → chunk-LNQMARXP.js} +1 -1
  10. package/dist/{chunk-DEKDHYZJ.js → chunk-PVJUVKNG.js} +4 -4
  11. package/dist/{chunk-ZZXXGPRK.js → chunk-PYFYFTJJ.js} +1 -1
  12. package/dist/{chunk-ZOBRNQ6K.js → chunk-XIFMRC5L.js} +23 -12
  13. package/dist/global-styles/BodyStyleProvider.js +3 -2
  14. package/dist/html-wrappers/html.css +34 -34
  15. package/dist/html-wrappers/html.js +6 -6
  16. package/dist/html-wrappers/htmlElement.css +34 -34
  17. package/dist/html-wrappers/htmlElement.js +5 -5
  18. package/dist/index.css +34 -34
  19. package/dist/index.js +10 -10
  20. package/dist/styledSystemRootCssClass.js +2 -2
  21. package/dist/theme/generated/sharegate/dark.css +5 -5
  22. package/dist/theme/generated/sharegate/light.css +267 -114
  23. package/dist/theme/generated/workleap/dark.css +3 -3
  24. package/dist/theme/generated/workleap/light.css +243 -91
  25. package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
  26. package/dist/tokens/generated/styledSystemConstants.js +1 -1
  27. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +2 -2
  28. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  29. package/dist/tokens/tokenMappings.d.ts +3 -1
  30. package/dist/tokens/tokenMappings.js +3 -3
  31. package/dist/useStyledSystem.css +31 -31
  32. package/dist/useStyledSystem.js +4 -4
  33. package/package.json +2 -2
package/dist/theme/generated/workleap/light.css CHANGED
@@ -2,22 +2,51 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-1-9-workleap {
6
- --hop-comp-switch-thumb-filter-selected: none;
7
- --hop-comp-switch-thumb-filter: none;
5
+ .hop-5-2-0-workleap {
6
+ --hop-comp-tooltip-backdrop-filter: none;
7
+ --hop-comp-tile-icon-color: transparent;
8
+ --hop-comp-tile-outline-color-disabled: transparent;
9
+ --hop-comp-tile-outline-color: transparent;
10
+ --hop-comp-tile-border-color-selected: transparent;
11
+ --hop-comp-tile-border-color-focus: transparent;
12
+ --hop-comp-tile-box-shadow: none;
13
+ --hop-comp-popover-backdrop-filter: none;
14
+ --hop-comp-modal-backdrop-filter: none;
15
+ --hop-comp-modal-border: none;
16
+ --hop-comp-switch-thumb-box-shadow-selected: none;
17
+ --hop-comp-switch-thumb-box-shadow: none;
8
18
  --hop-comp-switch-track-box-shadow: none;
9
19
  --hop-comp-switch-track-filter: none;
10
20
  --hop-comp-segmented-control-item-box-shadow-disabled: none;
11
21
  --hop-comp-segmented-control-item-box-shadow-selected: none;
12
22
  --hop-comp-segmented-control-box-shadow: none;
13
- --hop-comp-button-ghost-disabled-border-color: transparent;
14
- --hop-comp-button-ghost-disabled-background-color: transparent;
23
+ --hop-comp-button-ghost-danger-border-color-disabled: transparent;
24
+ --hop-comp-button-ghost-danger-border-color-selected: transparent;
15
25
  --hop-comp-button-ghost-danger-border-color: transparent;
16
- --hop-comp-button-ghost-danger-background-color: transparent;
26
+ --hop-comp-button-ghost-danger-background-disabled: transparent;
27
+ --hop-comp-button-ghost-danger-border-color-loading: transparent;
28
+ --hop-comp-button-ghost-danger-background-loading: transparent;
29
+ --hop-comp-button-ghost-danger-background: transparent;
30
+ --hop-comp-button-ghost-secondary-border-color-disabled: transparent;
31
+ --hop-comp-button-ghost-secondary-border-color-selected: transparent;
17
32
  --hop-comp-button-ghost-secondary-border-color: transparent;
18
- --hop-comp-button-ghost-secondary-background-color: transparent;
33
+ --hop-comp-button-ghost-secondary-background-disabled: transparent;
34
+ --hop-comp-button-ghost-secondary-border-color-loading: transparent;
35
+ --hop-comp-button-ghost-secondary-background-loading: transparent;
36
+ --hop-comp-button-ghost-secondary-background: transparent;
37
+ --hop-comp-button-ghost-primary-border-color-disabled: transparent;
38
+ --hop-comp-button-ghost-primary-border-color-selected: transparent;
19
39
  --hop-comp-button-ghost-primary-border-color: transparent;
20
- --hop-comp-button-ghost-primary-background-color: transparent;
40
+ --hop-comp-button-ghost-primary-background-disabled: transparent;
41
+ --hop-comp-button-ghost-primary-border-color-loading: transparent;
42
+ --hop-comp-button-ghost-primary-background-loading: transparent;
43
+ --hop-comp-button-ghost-primary-background: transparent;
44
+ --hop-comp-button-danger-border-color: transparent;
45
+ --hop-comp-button-danger-border-color-loading: transparent;
46
+ --hop-comp-button-upsell-border-color: transparent;
47
+ --hop-comp-button-upsell-border-color-loading: transparent;
48
+ --hop-comp-button-primary-border-color: transparent;
49
+ --hop-comp-button-primary-border-color-loading: transparent;
21
50
  --hop-overline-bottom-offset: -0.25rem;
22
51
  --hop-overline-top-offset: -0.25rem;
23
52
  --hop-heading-xs-medium-bottom-offset: -0.25rem;
@@ -296,6 +325,8 @@
296
325
  --hop-dataviz-monochromatic-primary-75: #d6e0ff;
297
326
  --hop-dataviz-monochromatic-primary-50: #e6ebff;
298
327
  --hop-dataviz-monochromatic-primary-25: #f5f6ff;
328
+ --hop-neutral-surface-weak-transparent-always-dark: rgb(49 51 53 / 0.75);
329
+ --hop-neutral-surface-transparent: rgb(255 255 255 / 0.75);
299
330
  --hop-space-1280: 8rem;
300
331
  --hop-space-960: 6rem;
301
332
  --hop-space-800: 5rem;
@@ -351,8 +382,6 @@
351
382
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
352
383
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
353
384
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
354
- --hop-shadow-tactility-control: 1.5px 1.5px 1.5px 0 rgba(0, 0, 0, 0.03), -5px -5px 20px 0 rgba(255, 255, 255, 0.2), 0.5px 1.5px 5px 0 rgba(0, 0, 0, 0.1) inset, -2.5px 2.5px 5px 0 rgba(255, 255, 255, 0.5) inset;
355
- --hop-shadow-tactility-button: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
356
385
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
357
386
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
358
387
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
@@ -576,16 +605,26 @@
576
605
  --hop-coastal-75: #bae6ff;
577
606
  --hop-coastal-50: #d9efff;
578
607
  --hop-coastal-25: #f0f8ff;
608
+ --hop-comp-tabs-tab-list-border-block-end: var(--hop-space-10) solid var(--hop-neutral-border-weak);
609
+ --hop-comp-tabs-tab-list-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
610
+ --hop-comp-popover-border: var(--hop-space-10) solid var(--hop-neutral-border-weak);
579
611
  --hop-comp-radio-box-shadow: var(--hop-shadow-none);
580
612
  --hop-comp-checkbox-box-shadow: var(--hop-shadow-none);
581
- --hop-comp-card-second-level-box-shadow: var(--hop-shadow-none);
582
- --hop-comp-card-main-box-shadow: var(--hop-shadow-none);
613
+ --hop-comp-card-second-level-elevated-box-shadow: var(--hop-shadow-none);
614
+ --hop-comp-card-main-elevated-box-shadow: var(--hop-shadow-none);
615
+ --hop-comp-button-ghost-danger-box-shadow-loading: var(--hop-shadow-none);
583
616
  --hop-comp-button-ghost-danger-box-shadow: var(--hop-shadow-none);
617
+ --hop-comp-button-ghost-secondary-box-shadow-loading: var(--hop-shadow-none);
584
618
  --hop-comp-button-ghost-secondary-box-shadow: var(--hop-shadow-none);
619
+ --hop-comp-button-ghost-primary-box-shadow-loading: var(--hop-shadow-none);
585
620
  --hop-comp-button-ghost-primary-box-shadow: var(--hop-shadow-none);
621
+ --hop-comp-button-danger-box-shadow-loading: var(--hop-shadow-none);
586
622
  --hop-comp-button-danger-box-shadow: var(--hop-shadow-none);
623
+ --hop-comp-button-upsell-box-shadow-loading: var(--hop-shadow-none);
587
624
  --hop-comp-button-upsell-box-shadow: var(--hop-shadow-none);
625
+ --hop-comp-button-secondary-box-shadow-loading: var(--hop-shadow-none);
588
626
  --hop-comp-button-secondary-box-shadow: var(--hop-shadow-none);
627
+ --hop-comp-button-primary-box-shadow-loading: var(--hop-shadow-none);
589
628
  --hop-comp-button-primary-box-shadow: var(--hop-shadow-none);
590
629
  --hop-shape-rounded-sm: var(--hop-border-radius-1);
591
630
  --hop-shape-rounded-md: var(--hop-border-radius-2);
@@ -1332,13 +1371,50 @@
1332
1371
  --hop-space-stack-md: var(--hop-space-160);
1333
1372
  --hop-space-stack-sm: var(--hop-space-80);
1334
1373
  --hop-space-stack-xs: var(--hop-space-40);
1335
- --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1336
- --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1337
- --hop-comp-mark-indicator-color: var(--hop-neutral-icon-selected);
1374
+ --hop-comp-tooltip-color: var(--hop-neutral-text-strong);
1375
+ --hop-comp-tooltip-box-shadow: var(--hop-elevation-raised);
1376
+ --hop-comp-tooltip-border-radius: var(--hop-shape-rounded-md);
1377
+ --hop-comp-tooltip-background: var(--hop-neutral-surface-strong);
1378
+ --hop-comp-tile-icon-color-disabled: var(--hop-neutral-icon-disabled);
1379
+ --hop-comp-tile-icon-color-selected: var(--hop-neutral-icon);
1380
+ --hop-comp-tile-text-color-disabled: var(--hop-neutral-text-disabled);
1381
+ --hop-comp-tile-text-color-selected: var(--hop-neutral-text);
1382
+ --hop-comp-tile-text-color-focus: var(--hop-neutral-text-hover);
1383
+ --hop-comp-tile-text-color-press: var(--hop-neutral-text-press);
1384
+ --hop-comp-tile-text-color-hover: var(--hop-neutral-text-hover);
1385
+ --hop-comp-tile-text-color: var(--hop-neutral-text);
1386
+ --hop-comp-tile-outline-color-selected: var(--hop-neutral-border-strong);
1387
+ --hop-comp-tile-outline-color-focus: var(--hop-primary-border-focus);
1388
+ --hop-comp-tile-border-radius: var(--hop-shape-rounded-md);
1389
+ --hop-comp-tile-border-color-disabled: var(--hop-neutral-border-disabled);
1390
+ --hop-comp-tile-border-color-press: var(--hop-neutral-border-strong);
1391
+ --hop-comp-tile-border-color-hover: var(--hop-neutral-border-strong-hover);
1392
+ --hop-comp-tile-border-color: var(--hop-neutral-border-strong);
1393
+ --hop-comp-tile-background-color-disabled: var(--hop-neutral-surface-disabled);
1394
+ --hop-comp-tile-background-color-selected: var(--hop-neutral-surface-weak-selected);
1395
+ --hop-comp-tile-background-color-focus: var(--hop-neutral-surface-hover);
1396
+ --hop-comp-tile-background-color-press: var(--hop-neutral-surface-press);
1397
+ --hop-comp-tile-background-color-hover: var(--hop-neutral-surface-hover);
1398
+ --hop-comp-tile-background-color: var(--hop-neutral-surface);
1399
+ --hop-comp-tabs-tab-panel-border-color-focus: var(--hop-primary-border-focus);
1400
+ --hop-comp-tabs-tab-list-border-radius: var(--hop-shape-rounded-md);
1401
+ --hop-comp-tabs-tab-list-background-color: var(--hop-neutral-surface-weakest);
1402
+ --hop-comp-tabs-tab-border-radius: var(--hop-shape-rounded-md);
1403
+ --hop-comp-tabs-tab-border-color-disabled: var(--hop-neutral-border-disabled);
1404
+ --hop-comp-tabs-tab-border-color-focus: var(--hop-primary-border-focus);
1405
+ --hop-comp-tabs-tab-border-color-selected: var(--hop-neutral-border-selected);
1406
+ --hop-comp-tabs-tab-text-color-disabled: var(--hop-neutral-text-disabled);
1407
+ --hop-comp-tabs-tab-text-color-focus: var(--hop-neutral-text-hover);
1408
+ --hop-comp-tabs-tab-text-color-selected: var(--hop-neutral-text);
1409
+ --hop-comp-tabs-tab-text-color-press: var(--hop-neutral-text-press);
1410
+ --hop-comp-tabs-tab-text-color-hover: var(--hop-neutral-text-hover);
1411
+ --hop-comp-tabs-tab-text-color: var(--hop-neutral-text-weak);
1412
+ --hop-comp-popover-box-shadow: var(--hop-elevation-lifted);
1413
+ --hop-comp-popover-border-radius: var(--hop-shape-rounded-md);
1414
+ --hop-comp-popover-background: var(--hop-neutral-surface);
1415
+ --hop-comp-modal-border-radius: var(--hop-shape-rounded-md);
1416
+ --hop-comp-modal-background: var(--hop-neutral-surface);
1338
1417
  --hop-comp-mark-border-color-error-focus: var(--hop-danger-border-press);
1339
- --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1340
- --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1341
- --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1342
1418
  --hop-comp-mark-border-color-error-press: var(--hop-danger-border-press);
1343
1419
  --hop-comp-mark-border-color-error: var(--hop-danger-border-strong);
1344
1420
  --hop-comp-mark-border-color-disabled: var(--hop-neutral-border-disabled);
@@ -1347,6 +1423,30 @@
1347
1423
  --hop-comp-mark-border-color-press: var(--hop-neutral-border-press);
1348
1424
  --hop-comp-mark-border-color-hover: var(--hop-neutral-border-hover);
1349
1425
  --hop-comp-mark-border-color: var(--hop-neutral-border);
1426
+ --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1427
+ --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1428
+ --hop-comp-mark-indicator-color: var(--hop-neutral-icon-selected);
1429
+ --hop-comp-mark-icon-color-error-press: var(--hop-danger-icon-weak-press);
1430
+ --hop-comp-mark-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1431
+ --hop-comp-mark-icon-color-error: var(--hop-danger-icon-weak);
1432
+ --hop-comp-mark-icon-color-focus: var(--hop-neutral-icon-hover);
1433
+ --hop-comp-mark-icon-color-disabled: var(--hop-neutral-icon-disabled);
1434
+ --hop-comp-mark-icon-color-selected: var(--hop-neutral-icon);
1435
+ --hop-comp-mark-icon-color-press: var(--hop-neutral-icon-press);
1436
+ --hop-comp-mark-icon-color-hover: var(--hop-neutral-icon-hover);
1437
+ --hop-comp-mark-icon-color: var(--hop-neutral-icon);
1438
+ --hop-comp-mark-text-color-error-press: var(--hop-danger-text-weak-press);
1439
+ --hop-comp-mark-text-color-error-hover: var(--hop-danger-text-weak-hover);
1440
+ --hop-comp-mark-text-color-error: var(--hop-danger-text-weak);
1441
+ --hop-comp-mark-text-color-focus: var(--hop-neutral-text-hover);
1442
+ --hop-comp-mark-text-color-disabled: var(--hop-neutral-text-disabled);
1443
+ --hop-comp-mark-text-color-selected: var(--hop-neutral-text);
1444
+ --hop-comp-mark-text-color-press: var(--hop-neutral-text-press);
1445
+ --hop-comp-mark-text-color-hover: var(--hop-neutral-text-hover);
1446
+ --hop-comp-mark-text-color: var(--hop-neutral-text);
1447
+ --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1448
+ --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1449
+ --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1350
1450
  --hop-comp-mark-background-color-error: var(--hop-danger-surface-strong);
1351
1451
  --hop-comp-mark-background-color-disabled: var(--hop-neutral-surface-disabled);
1352
1452
  --hop-comp-mark-background-color-selected: var(--hop-neutral-surface-selected);
@@ -1355,24 +1455,6 @@
1355
1455
  --hop-comp-mark-background-color: var(--hop-neutral-surface);
1356
1456
  --hop-comp-radio-border-radius: var(--hop-shape-circle);
1357
1457
  --hop-comp-checkbox-border-radius: var(--hop-shape-rounded-sm);
1358
- --hop-comp-label-icon-color-error-press: var(--hop-danger-icon-weak-press);
1359
- --hop-comp-label-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1360
- --hop-comp-label-icon-color-error: var(--hop-danger-icon-weak);
1361
- --hop-comp-label-icon-color-focus: var(--hop-neutral-icon-hover);
1362
- --hop-comp-label-icon-color-disabled: var(--hop-neutral-icon-disabled);
1363
- --hop-comp-label-icon-color-selected: var(--hop-neutral-icon);
1364
- --hop-comp-label-icon-color-press: var(--hop-neutral-icon-press);
1365
- --hop-comp-label-icon-color-hover: var(--hop-neutral-icon-hover);
1366
- --hop-comp-label-icon-color: var(--hop-neutral-icon);
1367
- --hop-comp-label-text-color-error-press: var(--hop-danger-text-weak-press);
1368
- --hop-comp-label-text-color-error-hover: var(--hop-danger-text-weak-hover);
1369
- --hop-comp-label-text-color-error: var(--hop-danger-text-weak);
1370
- --hop-comp-label-text-color-focus: var(--hop-neutral-text-hover);
1371
- --hop-comp-label-text-color-disabled: var(--hop-neutral-text-disabled);
1372
- --hop-comp-label-text-color-selected: var(--hop-neutral-text);
1373
- --hop-comp-label-text-color-press: var(--hop-neutral-text-press);
1374
- --hop-comp-label-text-color-hover: var(--hop-neutral-text-hover);
1375
- --hop-comp-label-text-color: var(--hop-neutral-text);
1376
1458
  --hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
1377
1459
  --hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
1378
1460
  --hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
@@ -1391,6 +1473,11 @@
1391
1473
  --hop-comp-field-background-color-hover: var(--hop-neutral-surface-hover);
1392
1474
  --hop-comp-field-background-color: var(--hop-neutral-surface);
1393
1475
  --hop-comp-field-border-radius: var(--hop-shape-rounded-md);
1476
+ --hop-comp-select-checkmark-color-disabled: var(--hop-neutral-icon-disabled);
1477
+ --hop-comp-select-checkmark-color-pressed: var(--hop-neutral-icon-press);
1478
+ --hop-comp-select-checkmark-color-focused: var(--hop-neutral-icon-hover);
1479
+ --hop-comp-select-checkmark-color-hovered: var(--hop-neutral-icon-hover);
1480
+ --hop-comp-select-checkmark-color: var(--hop-neutral-icon);
1394
1481
  --hop-comp-select-text-color-hover: var(--hop-neutral-text-hover);
1395
1482
  --hop-comp-select-border-color-active: var(--hop-neutral-border-selected);
1396
1483
  --hop-comp-select-background-color-active: var(--hop-neutral-surface);
@@ -1407,13 +1494,21 @@
1407
1494
  --hop-comp-control-background-color-press: var(--hop-neutral-surface-press);
1408
1495
  --hop-comp-control-background-color-hover: var(--hop-neutral-surface-hover);
1409
1496
  --hop-comp-control-background-color: var(--hop-neutral-surface);
1410
- --hop-comp-switch-icon-color-disabled: var(--hop-neutral-icon-disabled);
1411
- --hop-comp-switch-icon-color-selected: var(--hop-neutral-icon-selected);
1412
- --hop-comp-switch-icon-color-press: var(--hop-neutral-icon-press);
1413
- --hop-comp-switch-icon-color-hover: var(--hop-neutral-icon-hover);
1414
- --hop-comp-switch-icon-color: var(--hop-neutral-icon);
1497
+ --hop-comp-switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
1498
+ --hop-comp-switch-thumb-color-error: var(--hop-danger-icon-weak);
1499
+ --hop-comp-switch-thumb-color-selected: var(--hop-neutral-icon-selected);
1500
+ --hop-comp-switch-thumb-color-press: var(--hop-neutral-icon-press);
1501
+ --hop-comp-switch-thumb-color-hover: var(--hop-neutral-icon-hover);
1502
+ --hop-comp-switch-thumb-color: var(--hop-neutral-icon);
1503
+ --hop-comp-switch-text-color-error: var(--hop-danger-text-weak);
1504
+ --hop-comp-switch-text-color-disabled: var(--hop-neutral-text-disabled);
1505
+ --hop-comp-switch-text-color-press: var(--hop-neutral-text-press);
1506
+ --hop-comp-switch-text-color-hover: var(--hop-neutral-text-hover);
1507
+ --hop-comp-switch-text-color: var(--hop-neutral-text);
1415
1508
  --hop-comp-switch-background-color-selected: var(--hop-neutral-surface-selected);
1416
- --hop-comp-switch-border-radius: var(--hop-shape-pill);
1509
+ --hop-comp-switch-thumb-border-radius: var(--hop-shape-circle);
1510
+ --hop-comp-switch-border-radius-sm: var(--hop-shape-pill);
1511
+ --hop-comp-switch-border-radius-md: var(--hop-shape-pill);
1417
1512
  --hop-comp-segmented-control-item-border-radius: var(--hop-shape-rounded-sm);
1418
1513
  --hop-comp-segmented-control-icon-color-selected: var(--hop-neutral-icon-selected);
1419
1514
  --hop-comp-segmented-control-icon-color: var(--hop-neutral-icon);
@@ -1426,87 +1521,144 @@
1426
1521
  --hop-comp-card-main-border-color: var(--hop-neutral-border-weak);
1427
1522
  --hop-comp-card-main-background-color: var(--hop-neutral-surface);
1428
1523
  --hop-comp-card-main-border-radius: var(--hop-shape-rounded-md);
1429
- --hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
1430
- --hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
1431
- --hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);
1432
- --hop-comp-button-disabled-text-color: var(--hop-neutral-text-disabled);
1433
- --hop-comp-button-ghost-danger-border-color-selected: var(--hop-danger-surface-weak-press);
1434
- --hop-comp-button-ghost-danger-border-color-pressed: var(--hop-danger-surface-weak-press);
1435
- --hop-comp-button-ghost-danger-border-color-hover: var(--hop-neutral-surface-hover);
1436
- --hop-comp-button-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
1437
- --hop-comp-button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1438
- --hop-comp-button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1524
+ --hop-comp-calendar-cell-today-border-color: var(--hop-neutral-border-strong);
1525
+ --hop-comp-calendar-cell-background-press: var(--hop-neutral-surface-press);
1526
+ --hop-comp-calendar-cell-background-selected: var(--hop-neutral-surface-selected);
1527
+ --hop-comp-calendar-grid-border-color: var(--hop-neutral-border);
1528
+ --hop-comp-button-ghost-danger-background-selected: var(--hop-danger-surface-weak-press);
1529
+ --hop-comp-button-ghost-danger-background-pressed: var(--hop-danger-surface-weak-press);
1530
+ --hop-comp-button-ghost-danger-background-hover: var(--hop-neutral-surface-hover);
1531
+ --hop-comp-button-ghost-danger-color-loading: var(--hop-neutral-icon);
1532
+ --hop-comp-button-ghost-danger-icon-color-selected: var(--hop-danger-icon-press);
1533
+ --hop-comp-button-ghost-danger-icon-color-press: var(--hop-danger-icon-press);
1534
+ --hop-comp-button-ghost-danger-icon-color-hover: var(--hop-danger-icon-hover);
1535
+ --hop-comp-button-ghost-danger-icon-color: var(--hop-danger-icon-weak);
1439
1536
  --hop-comp-button-ghost-danger-text-color-selected: var(--hop-danger-text-press);
1440
1537
  --hop-comp-button-ghost-danger-text-color-pressed: var(--hop-danger-text-press);
1441
1538
  --hop-comp-button-ghost-danger-text-color-hover: var(--hop-danger-text-hover);
1442
1539
  --hop-comp-button-ghost-danger-text-color: var(--hop-danger-text-weak);
1443
- --hop-comp-button-ghost-secondary-border-color-selected: var(--hop-neutral-surface-press);
1444
- --hop-comp-button-ghost-secondary-border-color-pressed: var(--hop-neutral-surface-press);
1445
- --hop-comp-button-ghost-secondary-border-color-hover: var(--hop-neutral-surface-hover);
1446
- --hop-comp-button-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
1447
- --hop-comp-button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1448
- --hop-comp-button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1540
+ --hop-comp-button-ghost-secondary-background-selected: var(--hop-neutral-surface-weak-selected);
1541
+ --hop-comp-button-ghost-secondary-background-pressed: var(--hop-neutral-surface-press);
1542
+ --hop-comp-button-ghost-secondary-background-hover: var(--hop-neutral-surface-hover);
1543
+ --hop-comp-button-ghost-secondary-color-loading: var(--hop-neutral-icon);
1544
+ --hop-comp-button-ghost-secondary-icon-color-selected: var(--hop-neutral-icon-weak-press);
1545
+ --hop-comp-button-ghost-secondary-icon-color-press: var(--hop-neutral-icon-weak-press);
1546
+ --hop-comp-button-ghost-secondary-icon-color-hover: var(--hop-neutral-icon-weak-hover);
1547
+ --hop-comp-button-ghost-secondary-icon-color: var(--hop-neutral-icon-weak);
1449
1548
  --hop-comp-button-ghost-secondary-text-color-selected: var(--hop-neutral-text-weak-press);
1450
1549
  --hop-comp-button-ghost-secondary-text-color-pressed: var(--hop-neutral-text-weak-press);
1451
1550
  --hop-comp-button-ghost-secondary-text-color-hover: var(--hop-neutral-text-weak-hover);
1452
1551
  --hop-comp-button-ghost-secondary-text-color: var(--hop-neutral-text-weak);
1453
- --hop-comp-button-ghost-primary-border-color-selected: var(--hop-primary-surface-weak-press);
1454
- --hop-comp-button-ghost-primary-border-color-pressed: var(--hop-primary-surface-weak-press);
1455
- --hop-comp-button-ghost-primary-border-color-hover: var(--hop-neutral-surface-hover);
1456
- --hop-comp-button-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
1457
- --hop-comp-button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1458
- --hop-comp-button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1552
+ --hop-comp-button-ghost-primary-background-selected: var(--hop-primary-surface-weak-press);
1553
+ --hop-comp-button-ghost-primary-background-pressed: var(--hop-primary-surface-weak-press);
1554
+ --hop-comp-button-ghost-primary-background-hover: var(--hop-neutral-surface-hover);
1555
+ --hop-comp-button-ghost-primary-color-loading: var(--hop-neutral-icon);
1556
+ --hop-comp-button-ghost-primary-icon-color-selected: var(--hop-primary-icon-press);
1557
+ --hop-comp-button-ghost-primary-icon-color-press: var(--hop-primary-icon-press);
1558
+ --hop-comp-button-ghost-primary-icon-color-hover: var(--hop-primary-text-hover);
1559
+ --hop-comp-button-ghost-primary-icon-color: var(--hop-primary-icon);
1459
1560
  --hop-comp-button-ghost-primary-text-color-selected: var(--hop-primary-text-press);
1460
1561
  --hop-comp-button-ghost-primary-text-color-pressed: var(--hop-primary-text-press);
1461
1562
  --hop-comp-button-ghost-primary-text-color-hover: var(--hop-primary-text-hover);
1462
1563
  --hop-comp-button-ghost-primary-text-color: var(--hop-primary-text);
1564
+ --hop-comp-button-danger-border-color-disabled: var(--hop-neutral-surface-disabled);
1463
1565
  --hop-comp-button-danger-border-color-selected: var(--hop-danger-border-selected);
1464
- --hop-comp-button-danger-border-color-pressed: var(--hop-danger-surface-press);
1465
- --hop-comp-button-danger-border-color-hover: var(--hop-danger-surface-strong-hover);
1466
- --hop-comp-button-danger-border-color: var(--hop-danger-surface-strong);
1467
- --hop-comp-button-danger-background-color-selected: var(--hop-danger-surface-selected);
1468
- --hop-comp-button-danger-background-color-pressed: var(--hop-danger-surface-press);
1469
- --hop-comp-button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1470
- --hop-comp-button-danger-background-color: var(--hop-danger-surface-strong);
1566
+ --hop-comp-button-danger-background-disabled: var(--hop-neutral-surface-disabled);
1567
+ --hop-comp-button-danger-background-selected: var(--hop-danger-surface-selected);
1568
+ --hop-comp-button-danger-background-pressed: var(--hop-danger-surface-press);
1569
+ --hop-comp-button-danger-background-hover: var(--hop-danger-surface-strong-hover);
1570
+ --hop-comp-button-danger-color-loading: var(--hop-primary-icon-strong);
1571
+ --hop-comp-button-danger-background-loading: var(--hop-danger-surface-strong);
1572
+ --hop-comp-button-danger-background: var(--hop-danger-surface-strong);
1573
+ --hop-comp-button-danger-icon-color-selected: var(--hop-danger-icon-selected);
1574
+ --hop-comp-button-danger-icon-color-press: var(--hop-danger-icon-strong-hover);
1575
+ --hop-comp-button-danger-icon-color-hover: var(--hop-danger-icon-strong-hover);
1576
+ --hop-comp-button-danger-icon-color: var(--hop-danger-icon-strong);
1471
1577
  --hop-comp-button-danger-text-color-selected: var(--hop-danger-text-selected);
1472
1578
  --hop-comp-button-danger-text-color-pressed: var(--hop-danger-text-strong-hover);
1473
1579
  --hop-comp-button-danger-text-color-hover: var(--hop-danger-text-strong-hover);
1474
1580
  --hop-comp-button-danger-text-color: var(--hop-danger-text-strong);
1581
+ --hop-comp-button-upsell-border-color-disabled: var(--hop-neutral-surface-disabled);
1475
1582
  --hop-comp-button-upsell-border-color-selected: var(--hop-upsell-border-selected);
1476
- --hop-comp-button-upsell-border-color-pressed: var(--hop-upsell-surface-weak-press);
1477
- --hop-comp-button-upsell-border-color-hover: var(--hop-upsell-surface-weak-hover);
1478
- --hop-comp-button-upsell-border-color: var(--hop-upsell-surface-weak);
1479
- --hop-comp-button-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1480
- --hop-comp-button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1481
- --hop-comp-button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1482
- --hop-comp-button-upsell-background-color: var(--hop-upsell-surface-weak);
1583
+ --hop-comp-button-upsell-background-disabled: var(--hop-neutral-surface-disabled);
1584
+ --hop-comp-button-upsell-background-selected: var(--hop-upsell-surface-selected);
1585
+ --hop-comp-button-upsell-background-pressed: var(--hop-upsell-surface-weak-press);
1586
+ --hop-comp-button-upsell-background-hover: var(--hop-upsell-surface-weak-hover);
1587
+ --hop-comp-button-upsell-color-loading: var(--hop-upsell-icon);
1588
+ --hop-comp-button-upsell-background-loading: var(--hop-upsell-surface-weak);
1589
+ --hop-comp-button-upsell-background: var(--hop-upsell-surface-weak);
1590
+ --hop-comp-button-upsell-icon-color-selected: var(--hop-upsell-icon-selected);
1591
+ --hop-comp-button-upsell-icon-color-press: var(--hop-upsell-icon-press);
1592
+ --hop-comp-button-upsell-icon-color-hover: var(--hop-upsell-icon-hover);
1593
+ --hop-comp-button-upsell-icon-color: var(--hop-upsell-icon);
1483
1594
  --hop-comp-button-upsell-text-color-selected: var(--hop-upsell-text-selected);
1484
1595
  --hop-comp-button-upsell-text-color-pressed: var(--hop-upsell-text-press);
1485
1596
  --hop-comp-button-upsell-text-color-hover: var(--hop-upsell-text-hover);
1486
1597
  --hop-comp-button-upsell-text-color: var(--hop-upsell-text);
1598
+ --hop-comp-button-secondary-border-color-disabled: var(--hop-neutral-surface-disabled);
1487
1599
  --hop-comp-button-secondary-border-color-selected: var(--hop-neutral-border-selected);
1488
- --hop-comp-button-secondary-border-color-pressed: var(--hop-neutral-border-strong);
1489
- --hop-comp-button-secondary-border-color-hover: var(--hop-neutral-border-strong-hover);
1490
1600
  --hop-comp-button-secondary-border-color: var(--hop-neutral-border-strong);
1491
- --hop-comp-button-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1492
- --hop-comp-button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1493
- --hop-comp-button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1494
- --hop-comp-button-secondary-background-color: var(--hop-neutral-surface);
1601
+ --hop-comp-button-secondary-background-disabled: var(--hop-neutral-surface-disabled);
1602
+ --hop-comp-button-secondary-background-selected: var(--hop-neutral-surface-selected);
1603
+ --hop-comp-button-secondary-background-pressed: var(--hop-neutral-surface-press);
1604
+ --hop-comp-button-secondary-background-hover: var(--hop-neutral-surface-hover);
1605
+ --hop-comp-button-secondary-border-color-loading: var(--hop-neutral-border-strong);
1606
+ --hop-comp-button-secondary-color-loading: var(--hop-neutral-icon);
1607
+ --hop-comp-button-secondary-background-loading: var(--hop-neutral-surface);
1608
+ --hop-comp-button-secondary-background: var(--hop-neutral-surface);
1609
+ --hop-comp-button-secondary-icon-color-selected: var(--hop-neutral-icon-selected);
1610
+ --hop-comp-button-secondary-icon-color-press: var(--hop-neutral-icon-press);
1611
+ --hop-comp-button-secondary-icon-color-hover: var(--hop-neutral-icon-hover);
1612
+ --hop-comp-button-secondary-icon-color: var(--hop-neutral-icon);
1495
1613
  --hop-comp-button-secondary-text-color-selected: var(--hop-neutral-text-selected);
1496
1614
  --hop-comp-button-secondary-text-color-pressed: var(--hop-neutral-text-press);
1497
1615
  --hop-comp-button-secondary-text-color-hover: var(--hop-neutral-text-hover);
1498
1616
  --hop-comp-button-secondary-text-color: var(--hop-neutral-text);
1617
+ --hop-comp-button-primary-border-color-disabled: var(--hop-neutral-surface-disabled);
1499
1618
  --hop-comp-button-primary-border-color-selected: var(--hop-primary-border-selected);
1500
- --hop-comp-button-primary-border-color-pressed: var(--hop-primary-surface-strong-press);
1501
- --hop-comp-button-primary-border-color-hover: var(--hop-primary-surface-strong-hover);
1502
- --hop-comp-button-primary-border-color: var(--hop-primary-surface-strong);
1503
- --hop-comp-button-primary-background-color-selected: var(--hop-primary-surface-selected);
1504
- --hop-comp-button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1505
- --hop-comp-button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1506
- --hop-comp-button-primary-background-color: var(--hop-primary-surface-strong);
1619
+ --hop-comp-button-primary-background-disabled: var(--hop-neutral-surface-disabled);
1620
+ --hop-comp-button-primary-background-selected: var(--hop-primary-surface-selected);
1621
+ --hop-comp-button-primary-background-pressed: var(--hop-primary-surface-strong-press);
1622
+ --hop-comp-button-primary-background-hover: var(--hop-primary-surface-strong-hover);
1623
+ --hop-comp-button-primary-color-loading: var(--hop-primary-icon-strong);
1624
+ --hop-comp-button-primary-background-loading: var(--hop-primary-surface-strong);
1625
+ --hop-comp-button-primary-background: var(--hop-primary-surface-strong);
1626
+ --hop-comp-button-primary-icon-color-selected: var(--hop-primary-icon-selected);
1627
+ --hop-comp-button-primary-icon-color-press: var(--hop-primary-icon-strong);
1628
+ --hop-comp-button-primary-icon-color-hover: var(--hop-primary-icon-strong-hover);
1629
+ --hop-comp-button-primary-icon-color: var(--hop-primary-icon-strong);
1507
1630
  --hop-comp-button-primary-text-color-selected: var(--hop-primary-text-selected);
1508
1631
  --hop-comp-button-primary-text-color-pressed: var(--hop-primary-text-strong);
1509
1632
  --hop-comp-button-primary-text-color-hover: var(--hop-primary-text-strong-hover);
1510
1633
  --hop-comp-button-primary-text-color: var(--hop-primary-text-strong);
1634
+ --hop-comp-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
1635
+ --hop-comp-button-text-color-disabled: var(--hop-neutral-text-disabled);
1636
+ --hop-comp-button-border-color-focus: var(--hop-primary-border-focus);
1511
1637
  --hop-comp-button-border-radius: var(--hop-shape-rounded-md);
1638
+ --hop-comp-badge-disabled-text-color: var(--hop-neutral-text-disabled);
1639
+ --hop-comp-badge-disabled-background: var(--hop-neutral-surface-disabled);
1640
+ --hop-comp-badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
1641
+ --hop-comp-badge-subdued-text-color-press: var(--hop-neutral-text-weak-press);
1642
+ --hop-comp-badge-subdued-text-color-hover: var(--hop-neutral-text-weak-hover);
1643
+ --hop-comp-badge-subdued-text-color: var(--hop-neutral-text-weak);
1644
+ --hop-comp-badge-subdued-background-selected: var(--hop-neutral-surface-weak-selected);
1645
+ --hop-comp-badge-subdued-background-press: var(--hop-neutral-surface-weak-press);
1646
+ --hop-comp-badge-subdued-background-hover: var(--hop-neutral-surface-weak-hover);
1647
+ --hop-comp-badge-subdued-background: var(--hop-neutral-surface-weak);
1648
+ --hop-comp-badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
1649
+ --hop-comp-badge-secondary-text-color-press: var(--hop-neutral-text-strong);
1650
+ --hop-comp-badge-secondary-text-color-hover: var(--hop-neutral-text-strong);
1651
+ --hop-comp-badge-secondary-text-color: var(--hop-neutral-text-strong);
1652
+ --hop-comp-badge-secondary-background-selected: var(--hop-neutral-surface-selected);
1653
+ --hop-comp-badge-secondary-background-press: var(--hop-neutral-surface-strong);
1654
+ --hop-comp-badge-secondary-background-hover: var(--hop-neutral-surface-strong);
1655
+ --hop-comp-badge-secondary-background: var(--hop-neutral-surface-strong);
1656
+ --hop-comp-badge-primary-text-color-selected: var(--hop-neutral-text-selected);
1657
+ --hop-comp-badge-primary-text-color-press: var(--hop-primary-text-strong);
1658
+ --hop-comp-badge-primary-text-color-hover: var(--hop-primary-text-strong-hover);
1659
+ --hop-comp-badge-primary-text-color: var(--hop-primary-text-strong);
1660
+ --hop-comp-badge-primary-background-selected: var(--hop-neutral-surface-selected);
1661
+ --hop-comp-badge-primary-background-press: var(--hop-primary-surface-strong-press);
1662
+ --hop-comp-badge-primary-background-hover: var(--hop-primary-surface-strong-hover);
1663
+ --hop-comp-badge-primary-background: var(--hop-primary-surface-strong);
1512
1664
  }
package/dist/tokens/generated/styledSystemConstants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const HopperRootCssClass = "hop";
2
- declare const StyledSystemRootCssClass = "hop-5-1-9";
2
+ declare const StyledSystemRootCssClass = "hop-5-2-0";
3
3
  declare const HopperVariablePrefix = "--hop";
4
4
  type Theme = "sharegate" | "workleap";
5
5
 
package/dist/tokens/generated/styledSystemConstants.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-QQCLCFNV.js';
1
+ export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-LNQMARXP.js';
2
2
  import '../../chunk-AQ5VUG5P.js';
package/dist/tokens/generated/styledSystemToTokenMappings.d.ts CHANGED
@@ -243,7 +243,9 @@ declare const BackgroundColors: {
243
243
  readonly "neutral-hover": "neutral-surface-hover";
244
244
  readonly "neutral-press": "neutral-surface-press";
245
245
  readonly "neutral-strong": "neutral-surface-strong";
246
+ readonly "neutral-transparent": "neutral-surface-transparent";
246
247
  readonly "neutral-weak": "neutral-surface-weak";
248
+ readonly "neutral-weak-transparent-always-dark": "neutral-surface-weak-transparent-always-dark";
247
249
  readonly "neutral-weak-selected": "neutral-surface-weak-selected";
248
250
  readonly "neutral-weak-hover": "neutral-surface-weak-hover";
249
251
  readonly "neutral-weak-press": "neutral-surface-weak-press";
@@ -1081,8 +1083,6 @@ declare const Elevation: {
1081
1083
  readonly core_sm: "shadow-sm";
1082
1084
  readonly core_md: "shadow-md";
1083
1085
  readonly core_lg: "shadow-lg";
1084
- readonly "core_tactility-button": "shadow-tactility-button";
1085
- readonly "core_tactility-control": "shadow-tactility-control";
1086
1086
  readonly none: "elevation-none";
1087
1087
  readonly raised: "elevation-raised";
1088
1088
  readonly lifted: "elevation-lifted";
package/dist/tokens/generated/styledSystemToTokenMappings.js CHANGED
@@ -1,2 +1,2 @@
1
- export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-QKSGYCZX.js';
1
+ export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, GradientColors, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-ASSKAO2A.js';
2
2
  import '../../chunk-AQ5VUG5P.js';
package/dist/tokens/tokenMappings.d.ts CHANGED
@@ -513,7 +513,9 @@ declare const BackgroundColorMapping: {
513
513
  "neutral-hover": string;
514
514
  "neutral-press": string;
515
515
  "neutral-strong": string;
516
+ "neutral-transparent": string;
516
517
  "neutral-weak": string;
518
+ "neutral-weak-transparent-always-dark": string;
517
519
  "neutral-weak-selected": string;
518
520
  "neutral-weak-hover": string;
519
521
  "neutral-weak-press": string;
@@ -3117,7 +3119,7 @@ declare const IconColorMapping: {
3117
3119
  "success-weakest": string;
3118
3120
  "warning-weakest": string;
3119
3121
  };
3120
- declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "core_tactility-button" | "core_tactility-control" | "raised" | "lifted" | "floating", string>;
3122
+ declare const BoxShadowMapping: Record<"none" | "core_none" | "core_sm" | "core_md" | "core_lg" | "raised" | "lifted" | "floating", string>;
3121
3123
  declare const FontSizeMapping: Record<"core_160" | "core_240" | "core_320" | "core_480" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_120" | "core_140" | "core_180" | "core_200" | "core_280" | "core_360", string>;
3122
3124
  declare const FontWeightMapping: Record<"core_400" | "heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_410" | "core_505" | "core_580" | "core_590" | "core_680" | "core_690", string>;
3123
3125
  declare const LineHeightMapping: Record<"heading-3xl" | "heading-2xl" | "heading-xl" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "heading-xs-medium" | "overline" | "body-2xl" | "body-xl" | "body-lg" | "body-lg-medium" | "body-lg-semibold" | "body-lg-bold" | "body-lg-underline" | "body-md" | "body-md-medium" | "body-md-semibold" | "body-md-bold" | "body-md-underline" | "body-sm" | "body-sm-medium" | "body-sm-semibold" | "body-sm-bold" | "body-sm-underline" | "body-xs" | "body-xs-medium" | "body-xs-semibold" | "body-xs-bold" | "body-xs-underline" | "accent-lg" | "accent-sm" | "core_1-125" | "core_1-14" | "core_1-20" | "core_1-25" | "core_1-33" | "core_1-4285" | "core_1-50", string>;
package/dist/tokens/tokenMappings.js CHANGED
@@ -1,8 +1,8 @@
1
- export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-I62UJW4C.js';
2
- import '../chunk-QKSGYCZX.js';
1
+ export { BackgroundColorMapping, BorderMapping, BorderRadiusMapping, BoxShadowMapping, ColorExpressionTypes, ColorMapping, ComplexMarginMapping, ComplexPaddingMapping, DataVizColorMapping, DefaultBorderWidthAndStyle, DefaultOutlineWidthAndStyle, FontFamilyMapping, FontSizeMapping, FontWeightMapping, GradientColorMapping, IconColorMapping, LineHeightMapping, OutlineMapping, SimpleMarginMapping, SimplePaddingMapping, SizingMapping, SpaceMapping, TextColorMapping, getSizingValue, getSystemValue, parseResponsiveSystemValue } from '../chunk-FZISEC66.js';
2
+ import '../chunk-ASSKAO2A.js';
3
3
  import '../chunk-FTYK7Z7Q.js';
4
4
  import '../chunk-U5R6ZXH3.js';
5
5
  import '../chunk-VBKLISDI.js';
6
6
  import '../chunk-XUHDFZZL.js';
7
- import '../chunk-QQCLCFNV.js';
7
+ import '../chunk-LNQMARXP.js';
8
8
  import '../chunk-AQ5VUG5P.js';