@hopper-ui/styled-system 3.1.8 → 3.1.10

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 +25 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +9 -9
  4. package/dist/{chunk-JCDXNN3N.js → chunk-2HUHH7LB.js} +23 -12
  5. package/dist/{chunk-5GFAOBD3.js → chunk-3QAGJGK4.js} +2 -2
  6. package/dist/{chunk-CPFBX4I7.js → chunk-44YPTD2W.js} +3 -3
  7. package/dist/{chunk-V7AWRYZY.js → chunk-5CC5QKUO.js} +2 -2
  8. package/dist/{chunk-RCDHX7IY.js → chunk-ASSKAO2A.js} +2 -4
  9. package/dist/{chunk-MJGZAFTL.js → chunk-JUMG2LYR.js} +2 -2
  10. package/dist/{chunk-FL7RZ2FI.js → chunk-KIBAE75I.js} +1 -1
  11. package/dist/{chunk-QTC3OPPR.js → chunk-PJ5LKI73.js} +1 -1
  12. package/dist/{chunk-36CMNQCR.js → chunk-WTQ36CFW.js} +1 -1
  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 +9 -9
  20. package/dist/styledSystemRootCssClass.js +2 -2
  21. package/dist/theme/generated/sharegate/dark.css +4 -6
  22. package/dist/theme/generated/sharegate/light.css +278 -126
  23. package/dist/theme/generated/workleap/dark.css +3 -5
  24. package/dist/theme/generated/workleap/light.css +246 -94
  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 -4
  28. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  29. package/dist/tokens/tokenMappings.d.ts +4 -2
  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-8-workleap {
6
- --hop-comp-switch-thumb-filter-selected: none;
7
- --hop-comp-switch-thumb-filter: none;
5
+ .hop-5-1-10-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;
@@ -310,7 +341,6 @@
310
341
  --hop-space-20: 0.125rem;
311
342
  --hop-space-10: 0.0625rem;
312
343
  --hop-space-0: 0;
313
- --hop-border-radius-2-5: 0.75rem;
314
344
  --hop-border-radius-9999: 624.9375rem;
315
345
  --hop-border-radius-4: 1.5rem;
316
346
  --hop-border-radius-3: 1rem;
@@ -352,9 +382,6 @@
352
382
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
353
383
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
354
384
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
355
- --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;
356
- --hop-shadow-tactility-card: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
357
- --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;
358
385
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
359
386
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
360
387
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
@@ -578,16 +605,26 @@
578
605
  --hop-coastal-75: #bae6ff;
579
606
  --hop-coastal-50: #d9efff;
580
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);
581
611
  --hop-comp-radio-box-shadow: var(--hop-shadow-none);
582
612
  --hop-comp-checkbox-box-shadow: var(--hop-shadow-none);
583
- --hop-comp-card-second-level-box-shadow: var(--hop-shadow-none);
584
- --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);
585
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);
586
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);
587
620
  --hop-comp-button-ghost-primary-box-shadow: var(--hop-shadow-none);
621
+ --hop-comp-button-danger-box-shadow-loading: var(--hop-shadow-none);
588
622
  --hop-comp-button-danger-box-shadow: var(--hop-shadow-none);
623
+ --hop-comp-button-upsell-box-shadow-loading: var(--hop-shadow-none);
589
624
  --hop-comp-button-upsell-box-shadow: var(--hop-shadow-none);
625
+ --hop-comp-button-secondary-box-shadow-loading: var(--hop-shadow-none);
590
626
  --hop-comp-button-secondary-box-shadow: var(--hop-shadow-none);
627
+ --hop-comp-button-primary-box-shadow-loading: var(--hop-shadow-none);
591
628
  --hop-comp-button-primary-box-shadow: var(--hop-shadow-none);
592
629
  --hop-shape-rounded-sm: var(--hop-border-radius-1);
593
630
  --hop-shape-rounded-md: var(--hop-border-radius-2);
@@ -1334,13 +1371,51 @@
1334
1371
  --hop-space-stack-md: var(--hop-space-160);
1335
1372
  --hop-space-stack-sm: var(--hop-space-80);
1336
1373
  --hop-space-stack-xs: var(--hop-space-40);
1337
- --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1338
- --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1339
- --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-box-shadow: var(--hop-elevation-none);
1416
+ --hop-comp-modal-border-radius: var(--hop-shape-rounded-md);
1417
+ --hop-comp-modal-background: var(--hop-neutral-surface);
1340
1418
  --hop-comp-mark-border-color-error-focus: var(--hop-danger-border-press);
1341
- --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1342
- --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1343
- --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1344
1419
  --hop-comp-mark-border-color-error-press: var(--hop-danger-border-press);
1345
1420
  --hop-comp-mark-border-color-error: var(--hop-danger-border-strong);
1346
1421
  --hop-comp-mark-border-color-disabled: var(--hop-neutral-border-disabled);
@@ -1349,6 +1424,30 @@
1349
1424
  --hop-comp-mark-border-color-press: var(--hop-neutral-border-press);
1350
1425
  --hop-comp-mark-border-color-hover: var(--hop-neutral-border-hover);
1351
1426
  --hop-comp-mark-border-color: var(--hop-neutral-border);
1427
+ --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1428
+ --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1429
+ --hop-comp-mark-indicator-color: var(--hop-neutral-icon-selected);
1430
+ --hop-comp-mark-icon-color-error-press: var(--hop-danger-icon-weak-press);
1431
+ --hop-comp-mark-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1432
+ --hop-comp-mark-icon-color-error: var(--hop-danger-icon-weak);
1433
+ --hop-comp-mark-icon-color-focus: var(--hop-neutral-icon-hover);
1434
+ --hop-comp-mark-icon-color-disabled: var(--hop-neutral-icon-disabled);
1435
+ --hop-comp-mark-icon-color-selected: var(--hop-neutral-icon);
1436
+ --hop-comp-mark-icon-color-press: var(--hop-neutral-icon-press);
1437
+ --hop-comp-mark-icon-color-hover: var(--hop-neutral-icon-hover);
1438
+ --hop-comp-mark-icon-color: var(--hop-neutral-icon);
1439
+ --hop-comp-mark-text-color-error-press: var(--hop-danger-text-weak-press);
1440
+ --hop-comp-mark-text-color-error-hover: var(--hop-danger-text-weak-hover);
1441
+ --hop-comp-mark-text-color-error: var(--hop-danger-text-weak);
1442
+ --hop-comp-mark-text-color-focus: var(--hop-neutral-text-hover);
1443
+ --hop-comp-mark-text-color-disabled: var(--hop-neutral-text-disabled);
1444
+ --hop-comp-mark-text-color-selected: var(--hop-neutral-text);
1445
+ --hop-comp-mark-text-color-press: var(--hop-neutral-text-press);
1446
+ --hop-comp-mark-text-color-hover: var(--hop-neutral-text-hover);
1447
+ --hop-comp-mark-text-color: var(--hop-neutral-text);
1448
+ --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1449
+ --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1450
+ --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1352
1451
  --hop-comp-mark-background-color-error: var(--hop-danger-surface-strong);
1353
1452
  --hop-comp-mark-background-color-disabled: var(--hop-neutral-surface-disabled);
1354
1453
  --hop-comp-mark-background-color-selected: var(--hop-neutral-surface-selected);
@@ -1357,24 +1456,6 @@
1357
1456
  --hop-comp-mark-background-color: var(--hop-neutral-surface);
1358
1457
  --hop-comp-radio-border-radius: var(--hop-shape-circle);
1359
1458
  --hop-comp-checkbox-border-radius: var(--hop-shape-rounded-sm);
1360
- --hop-comp-label-icon-color-error-press: var(--hop-danger-icon-weak-press);
1361
- --hop-comp-label-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1362
- --hop-comp-label-icon-color-error: var(--hop-danger-icon-weak);
1363
- --hop-comp-label-icon-color-focus: var(--hop-neutral-icon-hover);
1364
- --hop-comp-label-icon-color-disabled: var(--hop-neutral-icon-disabled);
1365
- --hop-comp-label-icon-color-selected: var(--hop-neutral-icon);
1366
- --hop-comp-label-icon-color-press: var(--hop-neutral-icon-press);
1367
- --hop-comp-label-icon-color-hover: var(--hop-neutral-icon-hover);
1368
- --hop-comp-label-icon-color: var(--hop-neutral-icon);
1369
- --hop-comp-label-text-color-error-press: var(--hop-danger-text-weak-press);
1370
- --hop-comp-label-text-color-error-hover: var(--hop-danger-text-weak-hover);
1371
- --hop-comp-label-text-color-error: var(--hop-danger-text-weak);
1372
- --hop-comp-label-text-color-focus: var(--hop-neutral-text-hover);
1373
- --hop-comp-label-text-color-disabled: var(--hop-neutral-text-disabled);
1374
- --hop-comp-label-text-color-selected: var(--hop-neutral-text);
1375
- --hop-comp-label-text-color-press: var(--hop-neutral-text-press);
1376
- --hop-comp-label-text-color-hover: var(--hop-neutral-text-hover);
1377
- --hop-comp-label-text-color: var(--hop-neutral-text);
1378
1459
  --hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
1379
1460
  --hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
1380
1461
  --hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
@@ -1393,6 +1474,11 @@
1393
1474
  --hop-comp-field-background-color-hover: var(--hop-neutral-surface-hover);
1394
1475
  --hop-comp-field-background-color: var(--hop-neutral-surface);
1395
1476
  --hop-comp-field-border-radius: var(--hop-shape-rounded-md);
1477
+ --hop-comp-select-checkmark-color-disabled: var(--hop-neutral-icon-disabled);
1478
+ --hop-comp-select-checkmark-color-pressed: var(--hop-neutral-icon-press);
1479
+ --hop-comp-select-checkmark-color-focused: var(--hop-neutral-icon-hover);
1480
+ --hop-comp-select-checkmark-color-hovered: var(--hop-neutral-icon-hover);
1481
+ --hop-comp-select-checkmark-color: var(--hop-neutral-icon);
1396
1482
  --hop-comp-select-text-color-hover: var(--hop-neutral-text-hover);
1397
1483
  --hop-comp-select-border-color-active: var(--hop-neutral-border-selected);
1398
1484
  --hop-comp-select-background-color-active: var(--hop-neutral-surface);
@@ -1409,13 +1495,21 @@
1409
1495
  --hop-comp-control-background-color-press: var(--hop-neutral-surface-press);
1410
1496
  --hop-comp-control-background-color-hover: var(--hop-neutral-surface-hover);
1411
1497
  --hop-comp-control-background-color: var(--hop-neutral-surface);
1412
- --hop-comp-switch-icon-color-disabled: var(--hop-neutral-icon-disabled);
1413
- --hop-comp-switch-icon-color-selected: var(--hop-neutral-icon-selected);
1414
- --hop-comp-switch-icon-color-press: var(--hop-neutral-icon-press);
1415
- --hop-comp-switch-icon-color-hover: var(--hop-neutral-icon-hover);
1416
- --hop-comp-switch-icon-color: var(--hop-neutral-icon);
1498
+ --hop-comp-switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
1499
+ --hop-comp-switch-thumb-color-error: var(--hop-danger-icon-weak);
1500
+ --hop-comp-switch-thumb-color-selected: var(--hop-neutral-icon-selected);
1501
+ --hop-comp-switch-thumb-color-press: var(--hop-neutral-icon-press);
1502
+ --hop-comp-switch-thumb-color-hover: var(--hop-neutral-icon-hover);
1503
+ --hop-comp-switch-thumb-color: var(--hop-neutral-icon);
1504
+ --hop-comp-switch-text-color-error: var(--hop-danger-text-weak);
1505
+ --hop-comp-switch-text-color-disabled: var(--hop-neutral-text-disabled);
1506
+ --hop-comp-switch-text-color-press: var(--hop-neutral-text-press);
1507
+ --hop-comp-switch-text-color-hover: var(--hop-neutral-text-hover);
1508
+ --hop-comp-switch-text-color: var(--hop-neutral-text);
1417
1509
  --hop-comp-switch-background-color-selected: var(--hop-neutral-surface-selected);
1418
- --hop-comp-switch-border-radius: var(--hop-shape-pill);
1510
+ --hop-comp-switch-thumb-border-radius: var(--hop-shape-circle);
1511
+ --hop-comp-switch-border-radius-sm: var(--hop-shape-pill);
1512
+ --hop-comp-switch-border-radius-md: var(--hop-shape-pill);
1419
1513
  --hop-comp-segmented-control-item-border-radius: var(--hop-shape-rounded-sm);
1420
1514
  --hop-comp-segmented-control-icon-color-selected: var(--hop-neutral-icon-selected);
1421
1515
  --hop-comp-segmented-control-icon-color: var(--hop-neutral-icon);
@@ -1424,90 +1518,148 @@
1424
1518
  --hop-comp-segmented-control-border-radius: var(--hop-shape-rounded-md);
1425
1519
  --hop-comp-card-second-level-border-color: var(--hop-neutral-surface-weakest);
1426
1520
  --hop-comp-card-second-level-background-color: var(--hop-neutral-surface-weakest);
1521
+ --hop-comp-card-second-level-border-radius: var(--hop-shape-rounded-md);
1427
1522
  --hop-comp-card-main-border-color: var(--hop-neutral-border-weak);
1428
1523
  --hop-comp-card-main-background-color: var(--hop-neutral-surface);
1429
- --hop-comp-card-border-radius: var(--hop-shape-rounded-md);
1430
- --hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
1431
- --hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
1432
- --hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);
1433
- --hop-comp-button-disabled-text-color: var(--hop-neutral-text-disabled);
1434
- --hop-comp-button-ghost-danger-border-color-selected: var(--hop-danger-surface-weak-press);
1435
- --hop-comp-button-ghost-danger-border-color-pressed: var(--hop-danger-surface-weak-press);
1436
- --hop-comp-button-ghost-danger-border-color-hover: var(--hop-neutral-surface-hover);
1437
- --hop-comp-button-ghost-danger-background-color-selected: var(--hop-danger-surface-weak-press);
1438
- --hop-comp-button-ghost-danger-background-color-pressed: var(--hop-danger-surface-weak-press);
1439
- --hop-comp-button-ghost-danger-background-color-hover: var(--hop-neutral-surface-hover);
1524
+ --hop-comp-card-main-border-radius: var(--hop-shape-rounded-md);
1525
+ --hop-comp-calendar-cell-today-border-color: var(--hop-neutral-border-strong);
1526
+ --hop-comp-calendar-cell-background-press: var(--hop-neutral-surface-press);
1527
+ --hop-comp-calendar-cell-background-selected: var(--hop-neutral-surface-selected);
1528
+ --hop-comp-calendar-grid-border-color: var(--hop-neutral-border);
1529
+ --hop-comp-button-ghost-danger-background-selected: var(--hop-danger-surface-weak-press);
1530
+ --hop-comp-button-ghost-danger-background-pressed: var(--hop-danger-surface-weak-press);
1531
+ --hop-comp-button-ghost-danger-background-hover: var(--hop-neutral-surface-hover);
1532
+ --hop-comp-button-ghost-danger-color-loading: var(--hop-neutral-icon);
1533
+ --hop-comp-button-ghost-danger-icon-color-selected: var(--hop-danger-icon-press);
1534
+ --hop-comp-button-ghost-danger-icon-color-press: var(--hop-danger-icon-press);
1535
+ --hop-comp-button-ghost-danger-icon-color-hover: var(--hop-danger-icon-hover);
1536
+ --hop-comp-button-ghost-danger-icon-color: var(--hop-danger-icon-weak);
1440
1537
  --hop-comp-button-ghost-danger-text-color-selected: var(--hop-danger-text-press);
1441
1538
  --hop-comp-button-ghost-danger-text-color-pressed: var(--hop-danger-text-press);
1442
1539
  --hop-comp-button-ghost-danger-text-color-hover: var(--hop-danger-text-hover);
1443
1540
  --hop-comp-button-ghost-danger-text-color: var(--hop-danger-text-weak);
1444
- --hop-comp-button-ghost-secondary-border-color-selected: var(--hop-neutral-surface-press);
1445
- --hop-comp-button-ghost-secondary-border-color-pressed: var(--hop-neutral-surface-press);
1446
- --hop-comp-button-ghost-secondary-border-color-hover: var(--hop-neutral-surface-hover);
1447
- --hop-comp-button-ghost-secondary-background-color-selected: var(--hop-neutral-surface-press);
1448
- --hop-comp-button-ghost-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1449
- --hop-comp-button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1541
+ --hop-comp-button-ghost-secondary-background-selected: var(--hop-neutral-surface-weak-selected);
1542
+ --hop-comp-button-ghost-secondary-background-pressed: var(--hop-neutral-surface-press);
1543
+ --hop-comp-button-ghost-secondary-background-hover: var(--hop-neutral-surface-hover);
1544
+ --hop-comp-button-ghost-secondary-color-loading: var(--hop-neutral-icon);
1545
+ --hop-comp-button-ghost-secondary-icon-color-selected: var(--hop-neutral-icon-weak-press);
1546
+ --hop-comp-button-ghost-secondary-icon-color-press: var(--hop-neutral-icon-weak-press);
1547
+ --hop-comp-button-ghost-secondary-icon-color-hover: var(--hop-neutral-icon-weak-hover);
1548
+ --hop-comp-button-ghost-secondary-icon-color: var(--hop-neutral-icon-weak);
1450
1549
  --hop-comp-button-ghost-secondary-text-color-selected: var(--hop-neutral-text-weak-press);
1451
1550
  --hop-comp-button-ghost-secondary-text-color-pressed: var(--hop-neutral-text-weak-press);
1452
1551
  --hop-comp-button-ghost-secondary-text-color-hover: var(--hop-neutral-text-weak-hover);
1453
1552
  --hop-comp-button-ghost-secondary-text-color: var(--hop-neutral-text-weak);
1454
- --hop-comp-button-ghost-primary-border-color-selected: var(--hop-primary-surface-weak-press);
1455
- --hop-comp-button-ghost-primary-border-color-pressed: var(--hop-primary-surface-weak-press);
1456
- --hop-comp-button-ghost-primary-border-color-hover: var(--hop-neutral-surface-hover);
1457
- --hop-comp-button-ghost-primary-background-color-selected: var(--hop-primary-surface-weak-press);
1458
- --hop-comp-button-ghost-primary-background-color-pressed: var(--hop-primary-surface-weak-press);
1459
- --hop-comp-button-ghost-primary-background-color-hover: var(--hop-neutral-surface-hover);
1553
+ --hop-comp-button-ghost-primary-background-selected: var(--hop-primary-surface-weak-press);
1554
+ --hop-comp-button-ghost-primary-background-pressed: var(--hop-primary-surface-weak-press);
1555
+ --hop-comp-button-ghost-primary-background-hover: var(--hop-neutral-surface-hover);
1556
+ --hop-comp-button-ghost-primary-color-loading: var(--hop-neutral-icon);
1557
+ --hop-comp-button-ghost-primary-icon-color-selected: var(--hop-primary-icon-press);
1558
+ --hop-comp-button-ghost-primary-icon-color-press: var(--hop-primary-icon-press);
1559
+ --hop-comp-button-ghost-primary-icon-color-hover: var(--hop-primary-text-hover);
1560
+ --hop-comp-button-ghost-primary-icon-color: var(--hop-primary-icon);
1460
1561
  --hop-comp-button-ghost-primary-text-color-selected: var(--hop-primary-text-press);
1461
1562
  --hop-comp-button-ghost-primary-text-color-pressed: var(--hop-primary-text-press);
1462
1563
  --hop-comp-button-ghost-primary-text-color-hover: var(--hop-primary-text-hover);
1463
1564
  --hop-comp-button-ghost-primary-text-color: var(--hop-primary-text);
1565
+ --hop-comp-button-danger-border-color-disabled: var(--hop-neutral-surface-disabled);
1464
1566
  --hop-comp-button-danger-border-color-selected: var(--hop-danger-border-selected);
1465
- --hop-comp-button-danger-border-color-pressed: var(--hop-danger-surface-press);
1466
- --hop-comp-button-danger-border-color-hover: var(--hop-danger-surface-strong-hover);
1467
- --hop-comp-button-danger-border-color: var(--hop-danger-surface-strong);
1468
- --hop-comp-button-danger-background-color-selected: var(--hop-danger-surface-selected);
1469
- --hop-comp-button-danger-background-color-pressed: var(--hop-danger-surface-press);
1470
- --hop-comp-button-danger-background-color-hover: var(--hop-danger-surface-strong-hover);
1471
- --hop-comp-button-danger-background-color: var(--hop-danger-surface-strong);
1567
+ --hop-comp-button-danger-background-disabled: var(--hop-neutral-surface-disabled);
1568
+ --hop-comp-button-danger-background-selected: var(--hop-danger-surface-selected);
1569
+ --hop-comp-button-danger-background-pressed: var(--hop-danger-surface-press);
1570
+ --hop-comp-button-danger-background-hover: var(--hop-danger-surface-strong-hover);
1571
+ --hop-comp-button-danger-color-loading: var(--hop-primary-icon-strong);
1572
+ --hop-comp-button-danger-background-loading: var(--hop-danger-surface-strong);
1573
+ --hop-comp-button-danger-background: var(--hop-danger-surface-strong);
1574
+ --hop-comp-button-danger-icon-color-selected: var(--hop-danger-icon-selected);
1575
+ --hop-comp-button-danger-icon-color-press: var(--hop-danger-icon-strong-hover);
1576
+ --hop-comp-button-danger-icon-color-hover: var(--hop-danger-icon-strong-hover);
1577
+ --hop-comp-button-danger-icon-color: var(--hop-danger-icon-strong);
1472
1578
  --hop-comp-button-danger-text-color-selected: var(--hop-danger-text-selected);
1473
1579
  --hop-comp-button-danger-text-color-pressed: var(--hop-danger-text-strong-hover);
1474
1580
  --hop-comp-button-danger-text-color-hover: var(--hop-danger-text-strong-hover);
1475
1581
  --hop-comp-button-danger-text-color: var(--hop-danger-text-strong);
1582
+ --hop-comp-button-upsell-border-color-disabled: var(--hop-neutral-surface-disabled);
1476
1583
  --hop-comp-button-upsell-border-color-selected: var(--hop-upsell-border-selected);
1477
- --hop-comp-button-upsell-border-color-pressed: var(--hop-upsell-surface-weak-press);
1478
- --hop-comp-button-upsell-border-color-hover: var(--hop-upsell-surface-weak-hover);
1479
- --hop-comp-button-upsell-border-color: var(--hop-upsell-surface-weak);
1480
- --hop-comp-button-upsell-background-color-selected: var(--hop-upsell-surface-selected);
1481
- --hop-comp-button-upsell-background-color-pressed: var(--hop-upsell-surface-weak-press);
1482
- --hop-comp-button-upsell-background-color-hover: var(--hop-upsell-surface-weak-hover);
1483
- --hop-comp-button-upsell-background-color: var(--hop-upsell-surface-weak);
1584
+ --hop-comp-button-upsell-background-disabled: var(--hop-neutral-surface-disabled);
1585
+ --hop-comp-button-upsell-background-selected: var(--hop-upsell-surface-selected);
1586
+ --hop-comp-button-upsell-background-pressed: var(--hop-upsell-surface-weak-press);
1587
+ --hop-comp-button-upsell-background-hover: var(--hop-upsell-surface-weak-hover);
1588
+ --hop-comp-button-upsell-color-loading: var(--hop-upsell-icon);
1589
+ --hop-comp-button-upsell-background-loading: var(--hop-upsell-surface-weak);
1590
+ --hop-comp-button-upsell-background: var(--hop-upsell-surface-weak);
1591
+ --hop-comp-button-upsell-icon-color-selected: var(--hop-upsell-icon-selected);
1592
+ --hop-comp-button-upsell-icon-color-press: var(--hop-upsell-icon-press);
1593
+ --hop-comp-button-upsell-icon-color-hover: var(--hop-upsell-icon-hover);
1594
+ --hop-comp-button-upsell-icon-color: var(--hop-upsell-icon);
1484
1595
  --hop-comp-button-upsell-text-color-selected: var(--hop-upsell-text-selected);
1485
1596
  --hop-comp-button-upsell-text-color-pressed: var(--hop-upsell-text-press);
1486
1597
  --hop-comp-button-upsell-text-color-hover: var(--hop-upsell-text-hover);
1487
1598
  --hop-comp-button-upsell-text-color: var(--hop-upsell-text);
1599
+ --hop-comp-button-secondary-border-color-disabled: var(--hop-neutral-surface-disabled);
1488
1600
  --hop-comp-button-secondary-border-color-selected: var(--hop-neutral-border-selected);
1489
- --hop-comp-button-secondary-border-color-pressed: var(--hop-neutral-border-strong);
1490
- --hop-comp-button-secondary-border-color-hover: var(--hop-neutral-border-strong-hover);
1491
1601
  --hop-comp-button-secondary-border-color: var(--hop-neutral-border-strong);
1492
- --hop-comp-button-secondary-background-color-selected: var(--hop-neutral-surface-selected);
1493
- --hop-comp-button-secondary-background-color-pressed: var(--hop-neutral-surface-press);
1494
- --hop-comp-button-secondary-background-color-hover: var(--hop-neutral-surface-hover);
1495
- --hop-comp-button-secondary-background-color: var(--hop-neutral-surface);
1602
+ --hop-comp-button-secondary-background-disabled: var(--hop-neutral-surface-disabled);
1603
+ --hop-comp-button-secondary-background-selected: var(--hop-neutral-surface-selected);
1604
+ --hop-comp-button-secondary-background-pressed: var(--hop-neutral-surface-press);
1605
+ --hop-comp-button-secondary-background-hover: var(--hop-neutral-surface-hover);
1606
+ --hop-comp-button-secondary-border-color-loading: var(--hop-neutral-border-strong);
1607
+ --hop-comp-button-secondary-color-loading: var(--hop-neutral-icon);
1608
+ --hop-comp-button-secondary-background-loading: var(--hop-neutral-surface);
1609
+ --hop-comp-button-secondary-background: var(--hop-neutral-surface);
1610
+ --hop-comp-button-secondary-icon-color-selected: var(--hop-neutral-icon-selected);
1611
+ --hop-comp-button-secondary-icon-color-press: var(--hop-neutral-icon-press);
1612
+ --hop-comp-button-secondary-icon-color-hover: var(--hop-neutral-icon-hover);
1613
+ --hop-comp-button-secondary-icon-color: var(--hop-neutral-icon);
1496
1614
  --hop-comp-button-secondary-text-color-selected: var(--hop-neutral-text-selected);
1497
1615
  --hop-comp-button-secondary-text-color-pressed: var(--hop-neutral-text-press);
1498
1616
  --hop-comp-button-secondary-text-color-hover: var(--hop-neutral-text-hover);
1499
1617
  --hop-comp-button-secondary-text-color: var(--hop-neutral-text);
1618
+ --hop-comp-button-primary-border-color-disabled: var(--hop-neutral-surface-disabled);
1500
1619
  --hop-comp-button-primary-border-color-selected: var(--hop-primary-border-selected);
1501
- --hop-comp-button-primary-border-color-pressed: var(--hop-primary-surface-strong-press);
1502
- --hop-comp-button-primary-border-color-hover: var(--hop-primary-surface-strong-hover);
1503
- --hop-comp-button-primary-border-color: var(--hop-primary-surface-strong);
1504
- --hop-comp-button-primary-background-color-selected: var(--hop-primary-surface-selected);
1505
- --hop-comp-button-primary-background-color-pressed: var(--hop-primary-surface-strong-press);
1506
- --hop-comp-button-primary-background-color-hover: var(--hop-primary-surface-strong-hover);
1507
- --hop-comp-button-primary-background-color: var(--hop-primary-surface-strong);
1620
+ --hop-comp-button-primary-background-disabled: var(--hop-neutral-surface-disabled);
1621
+ --hop-comp-button-primary-background-selected: var(--hop-primary-surface-selected);
1622
+ --hop-comp-button-primary-background-pressed: var(--hop-primary-surface-strong-press);
1623
+ --hop-comp-button-primary-background-hover: var(--hop-primary-surface-strong-hover);
1624
+ --hop-comp-button-primary-color-loading: var(--hop-primary-icon-strong);
1625
+ --hop-comp-button-primary-background-loading: var(--hop-primary-surface-strong);
1626
+ --hop-comp-button-primary-background: var(--hop-primary-surface-strong);
1627
+ --hop-comp-button-primary-icon-color-selected: var(--hop-primary-icon-selected);
1628
+ --hop-comp-button-primary-icon-color-press: var(--hop-primary-icon-strong);
1629
+ --hop-comp-button-primary-icon-color-hover: var(--hop-primary-icon-strong-hover);
1630
+ --hop-comp-button-primary-icon-color: var(--hop-primary-icon-strong);
1508
1631
  --hop-comp-button-primary-text-color-selected: var(--hop-primary-text-selected);
1509
1632
  --hop-comp-button-primary-text-color-pressed: var(--hop-primary-text-strong);
1510
1633
  --hop-comp-button-primary-text-color-hover: var(--hop-primary-text-strong-hover);
1511
1634
  --hop-comp-button-primary-text-color: var(--hop-primary-text-strong);
1635
+ --hop-comp-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
1636
+ --hop-comp-button-text-color-disabled: var(--hop-neutral-text-disabled);
1637
+ --hop-comp-button-border-color-focus: var(--hop-primary-border-focus);
1512
1638
  --hop-comp-button-border-radius: var(--hop-shape-rounded-md);
1639
+ --hop-comp-badge-disabled-text-color: var(--hop-neutral-text-disabled);
1640
+ --hop-comp-badge-disabled-background: var(--hop-neutral-surface-disabled);
1641
+ --hop-comp-badge-subdued-text-color-selected: var(--hop-neutral-text-weak-selected);
1642
+ --hop-comp-badge-subdued-text-color-press: var(--hop-neutral-text-weak-press);
1643
+ --hop-comp-badge-subdued-text-color-hover: var(--hop-neutral-text-weak-hover);
1644
+ --hop-comp-badge-subdued-text-color: var(--hop-neutral-text-weak);
1645
+ --hop-comp-badge-subdued-background-selected: var(--hop-neutral-surface-weak-selected);
1646
+ --hop-comp-badge-subdued-background-press: var(--hop-neutral-surface-weak-press);
1647
+ --hop-comp-badge-subdued-background-hover: var(--hop-neutral-surface-weak-hover);
1648
+ --hop-comp-badge-subdued-background: var(--hop-neutral-surface-weak);
1649
+ --hop-comp-badge-secondary-text-color-selected: var(--hop-neutral-text-selected);
1650
+ --hop-comp-badge-secondary-text-color-press: var(--hop-neutral-text-strong);
1651
+ --hop-comp-badge-secondary-text-color-hover: var(--hop-neutral-text-strong);
1652
+ --hop-comp-badge-secondary-text-color: var(--hop-neutral-text-strong);
1653
+ --hop-comp-badge-secondary-background-selected: var(--hop-neutral-surface-selected);
1654
+ --hop-comp-badge-secondary-background-press: var(--hop-neutral-surface-strong);
1655
+ --hop-comp-badge-secondary-background-hover: var(--hop-neutral-surface-strong);
1656
+ --hop-comp-badge-secondary-background: var(--hop-neutral-surface-strong);
1657
+ --hop-comp-badge-primary-text-color-selected: var(--hop-neutral-text-selected);
1658
+ --hop-comp-badge-primary-text-color-press: var(--hop-primary-text-strong);
1659
+ --hop-comp-badge-primary-text-color-hover: var(--hop-primary-text-strong-hover);
1660
+ --hop-comp-badge-primary-text-color: var(--hop-primary-text-strong);
1661
+ --hop-comp-badge-primary-background-selected: var(--hop-neutral-surface-selected);
1662
+ --hop-comp-badge-primary-background-press: var(--hop-primary-surface-strong-press);
1663
+ --hop-comp-badge-primary-background-hover: var(--hop-primary-surface-strong-hover);
1664
+ --hop-comp-badge-primary-background: var(--hop-primary-surface-strong);
1513
1665
  }
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-8";
2
+ declare const StyledSystemRootCssClass = "hop-5-1-10";
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-QTC3OPPR.js';
1
+ export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-PJ5LKI73.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,9 +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-card": "shadow-tactility-card";
1086
- readonly "core_tactility-control": "shadow-tactility-control";
1087
1086
  readonly none: "elevation-none";
1088
1087
  readonly raised: "elevation-raised";
1089
1088
  readonly lifted: "elevation-lifted";
@@ -1283,7 +1282,6 @@ declare const Shape: {
1283
1282
  readonly core_3: "border-radius-3";
1284
1283
  readonly core_4: "border-radius-4";
1285
1284
  readonly core_9999: "border-radius-9999";
1286
- readonly "core_2-5": "border-radius-2-5";
1287
1285
  readonly circle: "shape-circle";
1288
1286
  readonly pill: "shape-pill";
1289
1287
  readonly "rounded-lg": "shape-rounded-lg";
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-RCDHX7IY.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,12 +3119,12 @@ 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-card" | "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>;
3124
3126
  declare const FontFamilyMapping: Record<"core_primary" | "core_secondary" | "core_tertiary" | "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", string>;
3125
- declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "core_2-5" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
3127
+ declare const BorderRadiusMapping: Record<"circle" | "core_0" | "core_1" | "core_2" | "core_3" | "core_4" | "core_9999" | "pill" | "rounded-lg" | "rounded-md" | "rounded-sm", string>;
3126
3128
  declare const SpaceMapping: {
3127
3129
  core_0: string;
3128
3130
  core_10: 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-MJGZAFTL.js';
2
- import '../chunk-RCDHX7IY.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-JUMG2LYR.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-QTC3OPPR.js';
7
+ import '../chunk-PJ5LKI73.js';
8
8
  import '../chunk-AQ5VUG5P.js';