@primer/primitives 7.12.0 → 7.13.0-rc.129a477

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 (88) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/size/size.css +14 -0
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +28 -0
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +28 -0
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +32 -4
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +28 -0
  7. package/tokens-next-private/css/functional/themes/dark.css +28 -0
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +28 -0
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +32 -4
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +28 -0
  11. package/tokens-next-private/css/functional/themes/light.css +28 -0
  12. package/tokens-next-private/docs/functional/size/size.json +350 -0
  13. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +405 -19
  14. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +406 -20
  15. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +423 -29
  16. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +405 -19
  17. package/tokens-next-private/docs/functional/themes/dark.json +406 -20
  18. package/tokens-next-private/docs/functional/themes/light-colorblind.json +406 -22
  19. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +419 -31
  20. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +406 -22
  21. package/tokens-next-private/docs/functional/themes/light.json +408 -24
  22. package/tokens-next-private/fallbacks/functional/size/size.json +15 -1
  23. package/tokens-next-private/figma/dimension/dimension.json +131 -0
  24. package/tokens-next-private/figma/themes/dark.json +211 -0
  25. package/tokens-next-private/figma/themes/light.json +210 -0
  26. package/tokens-next-private/scss/functional/size/size.scss +14 -0
  27. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +14 -0
  28. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +14 -0
  29. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +16 -2
  30. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +14 -0
  31. package/tokens-next-private/scss/functional/themes/dark.scss +14 -0
  32. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +14 -0
  33. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +16 -2
  34. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +14 -0
  35. package/tokens-next-private/scss/functional/themes/light.scss +14 -0
  36. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  37. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  44. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  53. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  54. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  57. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  62. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  71. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  73. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1328,6 +1328,21 @@
1328
1328
  "mode": "light",
1329
1329
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1330
1330
  },
1331
+ {
1332
+ "name": "bgColor/inverse",
1333
+ "value": {
1334
+ "r": 0.1411764705882353,
1335
+ "g": 0.1607843137254902,
1336
+ "b": 0.1843137254901961,
1337
+ "a": 1
1338
+ },
1339
+ "type": "COLOR",
1340
+ "refId": "mode/bgColor/inverse",
1341
+ "reference": "base/color/light/base/color/gray/9",
1342
+ "collection": "mode",
1343
+ "mode": "light",
1344
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1345
+ },
1331
1346
  {
1332
1347
  "name": "bgColor/emphasis",
1333
1348
  "value": {
@@ -1388,6 +1403,21 @@
1388
1403
  "mode": "light",
1389
1404
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1390
1405
  },
1406
+ {
1407
+ "name": "fgColor/sponsors-onInverse",
1408
+ "value": {
1409
+ "r": 0.9098039215686274,
1410
+ "g": 0.35294117647058826,
1411
+ "b": 0.6784313725490196,
1412
+ "a": 1
1413
+ },
1414
+ "type": "COLOR",
1415
+ "refId": "mode/fgColor/sponsors-onInverse",
1416
+ "reference": "base/color/light/base/color/pink/4",
1417
+ "collection": "mode",
1418
+ "mode": "light",
1419
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1420
+ },
1391
1421
  {
1392
1422
  "name": "fgColor/sponsors",
1393
1423
  "value": {
@@ -1403,6 +1433,21 @@
1403
1433
  "mode": "light",
1404
1434
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1405
1435
  },
1436
+ {
1437
+ "name": "fgColor/done-onInverse",
1438
+ "value": {
1439
+ "r": 0.6431372549019608,
1440
+ "g": 0.4588235294117647,
1441
+ "b": 0.9764705882352941,
1442
+ "a": 1
1443
+ },
1444
+ "type": "COLOR",
1445
+ "refId": "mode/fgColor/done-onInverse",
1446
+ "reference": "base/color/light/base/color/purple/4",
1447
+ "collection": "mode",
1448
+ "mode": "light",
1449
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1450
+ },
1406
1451
  {
1407
1452
  "name": "fgColor/done",
1408
1453
  "value": {
@@ -1418,6 +1463,21 @@
1418
1463
  "mode": "light",
1419
1464
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1420
1465
  },
1466
+ {
1467
+ "name": "fgColor/danger-onInverse",
1468
+ "value": {
1469
+ "r": 0.9803921568627451,
1470
+ "g": 0.27058823529411763,
1471
+ "b": 0.28627450980392155,
1472
+ "a": 1
1473
+ },
1474
+ "type": "COLOR",
1475
+ "refId": "mode/fgColor/danger-onInverse",
1476
+ "reference": "base/color/light/base/color/red/4",
1477
+ "collection": "mode",
1478
+ "mode": "light",
1479
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1480
+ },
1421
1481
  {
1422
1482
  "name": "fgColor/danger",
1423
1483
  "value": {
@@ -1434,6 +1494,21 @@
1434
1494
  "mode": "light",
1435
1495
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1436
1496
  },
1497
+ {
1498
+ "name": "fgColor/severe-onInverse",
1499
+ "value": {
1500
+ "r": 0.984313725490196,
1501
+ "g": 0.5607843137254902,
1502
+ "b": 0.26666666666666666,
1503
+ "a": 1
1504
+ },
1505
+ "type": "COLOR",
1506
+ "refId": "mode/fgColor/severe-onInverse",
1507
+ "reference": "base/color/light/base/color/orange/3",
1508
+ "collection": "mode",
1509
+ "mode": "light",
1510
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1511
+ },
1437
1512
  {
1438
1513
  "name": "fgColor/severe",
1439
1514
  "value": {
@@ -1449,6 +1524,21 @@
1449
1524
  "mode": "light",
1450
1525
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1451
1526
  },
1527
+ {
1528
+ "name": "fgColor/attention-onInverse",
1529
+ "value": {
1530
+ "r": 0.8313725490196079,
1531
+ "g": 0.6549019607843137,
1532
+ "b": 0.17254901960784313,
1533
+ "a": 1
1534
+ },
1535
+ "type": "COLOR",
1536
+ "refId": "mode/fgColor/attention-onInverse",
1537
+ "reference": "base/color/light/base/color/yellow/3",
1538
+ "collection": "mode",
1539
+ "mode": "light",
1540
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1541
+ },
1452
1542
  {
1453
1543
  "name": "fgColor/attention",
1454
1544
  "value": {
@@ -1464,6 +1554,21 @@
1464
1554
  "mode": "light",
1465
1555
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1466
1556
  },
1557
+ {
1558
+ "name": "fgColor/success-onInverse",
1559
+ "value": {
1560
+ "r": 0.2901960784313726,
1561
+ "g": 0.7607843137254902,
1562
+ "b": 0.4196078431372549,
1563
+ "a": 1
1564
+ },
1565
+ "type": "COLOR",
1566
+ "refId": "mode/fgColor/success-onInverse",
1567
+ "reference": "base/color/light/base/color/green/3",
1568
+ "collection": "mode",
1569
+ "mode": "light",
1570
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1571
+ },
1467
1572
  {
1468
1573
  "name": "fgColor/success",
1469
1574
  "value": {
@@ -1479,6 +1584,21 @@
1479
1584
  "mode": "light",
1480
1585
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1481
1586
  },
1587
+ {
1588
+ "name": "fgColor/accent-onInverse",
1589
+ "value": {
1590
+ "r": 0.32941176470588235,
1591
+ "g": 0.6823529411764706,
1592
+ "b": 1,
1593
+ "a": 1
1594
+ },
1595
+ "type": "COLOR",
1596
+ "refId": "mode/fgColor/accent-onInverse",
1597
+ "reference": "base/color/light/base/color/blue/3",
1598
+ "collection": "mode",
1599
+ "mode": "light",
1600
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1601
+ },
1482
1602
  {
1483
1603
  "name": "fgColor/accent",
1484
1604
  "value": {
@@ -1494,6 +1614,36 @@
1494
1614
  "mode": "light",
1495
1615
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1496
1616
  },
1617
+ {
1618
+ "name": "fgColor/neutral-onInverse",
1619
+ "value": {
1620
+ "r": 0.5490196078431373,
1621
+ "g": 0.5843137254901961,
1622
+ "b": 0.6235294117647059,
1623
+ "a": 1
1624
+ },
1625
+ "type": "COLOR",
1626
+ "refId": "mode/fgColor/neutral-onInverse",
1627
+ "reference": "base/color/light/base/color/gray/4",
1628
+ "collection": "mode",
1629
+ "mode": "light",
1630
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1631
+ },
1632
+ {
1633
+ "name": "fgColor/neutral",
1634
+ "value": {
1635
+ "r": 0.43137254901960786,
1636
+ "g": 0.4666666666666667,
1637
+ "b": 0.5058823529411764,
1638
+ "a": 1
1639
+ },
1640
+ "type": "COLOR",
1641
+ "refId": "mode/fgColor/neutral",
1642
+ "reference": "base/color/light/base/color/gray/5",
1643
+ "collection": "mode",
1644
+ "mode": "light",
1645
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1646
+ },
1497
1647
  {
1498
1648
  "name": "fgColor/disabled",
1499
1649
  "value": {
@@ -1509,6 +1659,21 @@
1509
1659
  "mode": "light",
1510
1660
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1511
1661
  },
1662
+ {
1663
+ "name": "fgColor/onInverse",
1664
+ "value": {
1665
+ "r": 0.9647058823529412,
1666
+ "g": 0.9725490196078431,
1667
+ "b": 0.9803921568627451,
1668
+ "a": 1
1669
+ },
1670
+ "type": "COLOR",
1671
+ "refId": "mode/fgColor/onInverse",
1672
+ "reference": "base/color/light/base/color/gray/0",
1673
+ "collection": "mode",
1674
+ "mode": "light",
1675
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1676
+ },
1512
1677
  {
1513
1678
  "name": "fgColor/onEmphasis",
1514
1679
  "value": {
@@ -2822,6 +2987,21 @@
2822
2987
  "mode": "light",
2823
2988
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2824
2989
  },
2990
+ {
2991
+ "name": "fgColor/closed-onInverse",
2992
+ "value": {
2993
+ "r": 0.9803921568627451,
2994
+ "g": 0.27058823529411763,
2995
+ "b": 0.28627450980392155,
2996
+ "a": 1
2997
+ },
2998
+ "type": "COLOR",
2999
+ "refId": "mode/fgColor/closed-onInverse",
3000
+ "reference": "mode/fgColor/danger-onInverse",
3001
+ "collection": "mode",
3002
+ "mode": "light",
3003
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3004
+ },
2825
3005
  {
2826
3006
  "name": "fgColor/closed",
2827
3007
  "value": {
@@ -2837,6 +3017,21 @@
2837
3017
  "mode": "light",
2838
3018
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2839
3019
  },
3020
+ {
3021
+ "name": "fgColor/open-onInverse",
3022
+ "value": {
3023
+ "r": 0.2901960784313726,
3024
+ "g": 0.7607843137254902,
3025
+ "b": 0.4196078431372549,
3026
+ "a": 1
3027
+ },
3028
+ "type": "COLOR",
3029
+ "refId": "mode/fgColor/open-onInverse",
3030
+ "reference": "mode/fgColor/success-onInverse",
3031
+ "collection": "mode",
3032
+ "mode": "light",
3033
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3034
+ },
2840
3035
  {
2841
3036
  "name": "fgColor/open",
2842
3037
  "value": {
@@ -2852,6 +3047,21 @@
2852
3047
  "mode": "light",
2853
3048
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2854
3049
  },
3050
+ {
3051
+ "name": "fgColor/link-onInverse",
3052
+ "value": {
3053
+ "r": 0.32941176470588235,
3054
+ "g": 0.6823529411764706,
3055
+ "b": 1,
3056
+ "a": 1
3057
+ },
3058
+ "type": "COLOR",
3059
+ "refId": "mode/fgColor/link-onInverse",
3060
+ "reference": "mode/fgColor/accent-onInverse",
3061
+ "collection": "mode",
3062
+ "mode": "light",
3063
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3064
+ },
2855
3065
  {
2856
3066
  "name": "fgColor/link",
2857
3067
  "value": {
@@ -53,5 +53,19 @@
53
53
  --stack-gap-condensed: 0.5rem;
54
54
  --stack-gap-normal: 1rem;
55
55
  --stack-gap-spacious: 1.5rem;
56
+ --overlay-width-xsmall: 12rem;
57
+ --overlay-width-small: 20rem;
58
+ --overlay-width-medium: 30rem;
59
+ --overlay-width-large: 40rem;
60
+ --overlay-width-xlarge: 60rem;
61
+ --overlay-height-small: 16rem;
62
+ --overlay-height-medium: 20rem;
63
+ --overlay-height-large: 27rem;
64
+ --overlay-height-xlarge: 37.5rem;
65
+ --overlay-padding-normal: 1rem;
66
+ --overlay-padding-condensed: 0.5rem;
67
+ --overlay-paddingBlock-condensed: 0.25rem;
68
+ --overlay-paddingBlock-normal: 0.75rem;
69
+ --overlay-borderRadius: 0.375rem;
56
70
  }
57
71
  }
@@ -187,21 +187,35 @@
187
187
  --fgColor-default: #e6edf3;
188
188
  --fgColor-muted: #7d8590;
189
189
  --fgColor-onEmphasis: #ffffff;
190
+ --fgColor-onInverse: #0d1117;
190
191
  --fgColor-disabled: #8b949e;
191
192
  --fgColor-link: #2f81f7;
193
+ --fgColor-link-onInverse: #1f6feb;
194
+ --fgColor-neutral: #6e7681;
195
+ --fgColor-neutral-onInverse: #484f58;
192
196
  --fgColor-accent: #2f81f7;
197
+ --fgColor-accent-onInverse: #1f6feb;
193
198
  --fgColor-success: #58a6ff;
199
+ --fgColor-success-onInverse: #1f6feb;
194
200
  --fgColor-attention: #d29922;
201
+ --fgColor-attention-onInverse: #9e6a03;
195
202
  --fgColor-severe: #db6d28;
203
+ --fgColor-severe-onInverse: #bd561d;
196
204
  --fgColor-danger: #db6d28;
205
+ --fgColor-danger-onInverse: #db3734;
197
206
  --fgColor-open: #f0883e;
207
+ --fgColor-open-onInverse: #bd561d;
198
208
  --fgColor-closed: #8b949e;
209
+ --fgColor-closed-onInverse: #484f58;
199
210
  --fgColor-done: #a371f7;
211
+ --fgColor-done-onInverse: #8957e5;
200
212
  --fgColor-sponsors: #db61a2;
213
+ --fgColor-sponsors-onInverse: #bf4b8a;
201
214
  --bgColor-default: #0d1117;
202
215
  --bgColor-muted: #161b22;
203
216
  --bgColor-inset: #010409;
204
217
  --bgColor-emphasis: #6e7681;
218
+ --bgColor-inverse: #ffffff;
205
219
  --bgColor-disabled: #161b22;
206
220
  --bgColor-transparent: #00000000;
207
221
  --bgColor-neutral-muted: #6e768126;
@@ -187,21 +187,35 @@
187
187
  --fgColor-default: #c5d1de;
188
188
  --fgColor-muted: #6d7986;
189
189
  --fgColor-onEmphasis: #cdd9e5;
190
+ --fgColor-onInverse: #22272e;
190
191
  --fgColor-disabled: #768390;
191
192
  --fgColor-link: #3b7cdb;
193
+ --fgColor-link-onInverse: #316dca;
194
+ --fgColor-neutral: #636e7b;
195
+ --fgColor-neutral-onInverse: #545d68;
192
196
  --fgColor-accent: #3b7cdb;
197
+ --fgColor-accent-onInverse: #316dca;
193
198
  --fgColor-success: #57ab5a;
199
+ --fgColor-success-onInverse: #347d39;
194
200
  --fgColor-attention: #c69026;
201
+ --fgColor-attention-onInverse: #966600;
195
202
  --fgColor-severe: #cc6b2c;
203
+ --fgColor-severe-onInverse: #ae5622;
196
204
  --fgColor-danger: #e5534b;
205
+ --fgColor-danger-onInverse: #ca3d38;
197
206
  --fgColor-open: #57ab5a;
207
+ --fgColor-open-onInverse: #347d39;
198
208
  --fgColor-closed: #e5534b;
209
+ --fgColor-closed-onInverse: #ca3d38;
199
210
  --fgColor-done: #986ee2;
211
+ --fgColor-done-onInverse: #8256d0;
200
212
  --fgColor-sponsors: #c96198;
213
+ --fgColor-sponsors-onInverse: #ae4c82;
201
214
  --bgColor-default: #22272e;
202
215
  --bgColor-muted: #2d333b;
203
216
  --bgColor-inset: #1c2128;
204
217
  --bgColor-emphasis: #636e7b;
218
+ --bgColor-inverse: #cdd9e5;
205
219
  --bgColor-disabled: #2d333b;
206
220
  --bgColor-transparent: #00000000;
207
221
  --bgColor-neutral-muted: #636e7b26;
@@ -126,8 +126,8 @@
126
126
  --button-invisible-fgColor-hover: #71b7ff;
127
127
  --button-invisible-fgColor-disabled: #bdc4cc;
128
128
  --button-invisible-bgColor-rest: #00000000;
129
- --button-invisible-bgColor-hover: #272b33;
130
- --button-invisible-bgColor-active: #525964;
129
+ --button-invisible-bgColor-hover: #f0f3f6;
130
+ --button-invisible-bgColor-active: #d9dee3;
131
131
  --button-invisible-bgColor-disabled: #272b33;
132
132
  --button-invisible-borderColor-rest: #00000000;
133
133
  --button-invisible-borderColor-hover: #7a828e;
@@ -187,21 +187,35 @@
187
187
  --fgColor-default: #fbfcfd;
188
188
  --fgColor-muted: #f0f3f6;
189
189
  --fgColor-onEmphasis: #0a0c10;
190
+ --fgColor-onInverse: #0a0c10;
190
191
  --fgColor-disabled: #bdc4cc;
191
192
  --fgColor-link: #409eff;
193
+ --fgColor-link-onInverse: #1e60d5;
194
+ --fgColor-neutral: #9ea7b3;
195
+ --fgColor-neutral-onInverse: #272b33;
192
196
  --fgColor-accent: #409eff;
197
+ --fgColor-accent-onInverse: #1e60d5;
193
198
  --fgColor-success: #26cd4d;
199
+ --fgColor-success-onInverse: #007728;
194
200
  --fgColor-attention: #f0b72f;
201
+ --fgColor-attention-onInverse: #945d02;
195
202
  --fgColor-severe: #e7811d;
203
+ --fgColor-severe-onInverse: #a74c00;
196
204
  --fgColor-danger: #ff6a69;
205
+ --fgColor-danger-onInverse: #b1061a;
197
206
  --fgColor-open: #26cd4d;
207
+ --fgColor-open-onInverse: #007728;
198
208
  --fgColor-closed: #ff6a69;
209
+ --fgColor-closed-onInverse: #b1061a;
199
210
  --fgColor-done: #b780ff;
211
+ --fgColor-done-onInverse: #6921d7;
200
212
  --fgColor-sponsors: #ef6eb1;
213
+ --fgColor-sponsors-onInverse: #9c1d6a;
201
214
  --bgColor-default: #0a0c10;
202
215
  --bgColor-muted: #272b33;
203
216
  --bgColor-inset: #010409;
204
217
  --bgColor-emphasis: #ffffff;
218
+ --bgColor-inverse: #ffffff;
205
219
  --bgColor-disabled: #272b33;
206
220
  --bgColor-transparent: #00000000;
207
221
  --bgColor-neutral-muted: #9ea7b326;
@@ -187,21 +187,35 @@
187
187
  --fgColor-default: #e6edf3;
188
188
  --fgColor-muted: #7d8590;
189
189
  --fgColor-onEmphasis: #ffffff;
190
+ --fgColor-onInverse: #0d1117;
190
191
  --fgColor-disabled: #8b949e;
191
192
  --fgColor-link: #2f81f7;
193
+ --fgColor-link-onInverse: #1f6feb;
194
+ --fgColor-neutral: #6e7681;
195
+ --fgColor-neutral-onInverse: #484f58;
192
196
  --fgColor-accent: #2f81f7;
197
+ --fgColor-accent-onInverse: #1f6feb;
193
198
  --fgColor-success: #58a6ff;
199
+ --fgColor-success-onInverse: #1f6feb;
194
200
  --fgColor-attention: #d29922;
201
+ --fgColor-attention-onInverse: #9e6a03;
195
202
  --fgColor-severe: #f85149;
203
+ --fgColor-severe-onInverse: #da3633;
196
204
  --fgColor-danger: #f85149;
205
+ --fgColor-danger-onInverse: #db3734;
197
206
  --fgColor-open: #f85149;
207
+ --fgColor-open-onInverse: #b62324;
198
208
  --fgColor-closed: #6e7681;
209
+ --fgColor-closed-onInverse: #484f58;
199
210
  --fgColor-done: #a371f7;
211
+ --fgColor-done-onInverse: #8957e5;
200
212
  --fgColor-sponsors: #db61a2;
213
+ --fgColor-sponsors-onInverse: #bf4b8a;
201
214
  --bgColor-default: #0d1117;
202
215
  --bgColor-muted: #161b22;
203
216
  --bgColor-inset: #010409;
204
217
  --bgColor-emphasis: #6e7681;
218
+ --bgColor-inverse: #ffffff;
205
219
  --bgColor-disabled: #161b22;
206
220
  --bgColor-transparent: #00000000;
207
221
  --bgColor-neutral-muted: #6e768126;
@@ -187,21 +187,35 @@
187
187
  --fgColor-default: #e6edf3;
188
188
  --fgColor-muted: #7d8590;
189
189
  --fgColor-onEmphasis: #ffffff;
190
+ --fgColor-onInverse: #0d1117;
190
191
  --fgColor-disabled: #8b949e;
191
192
  --fgColor-link: #2f81f7;
193
+ --fgColor-link-onInverse: #1f6feb;
194
+ --fgColor-neutral: #6e7681;
195
+ --fgColor-neutral-onInverse: #484f58;
192
196
  --fgColor-accent: #2f81f7;
197
+ --fgColor-accent-onInverse: #1f6feb;
193
198
  --fgColor-success: #3fb950;
199
+ --fgColor-success-onInverse: #238636;
194
200
  --fgColor-attention: #d29922;
201
+ --fgColor-attention-onInverse: #9e6a03;
195
202
  --fgColor-severe: #db6d28;
203
+ --fgColor-severe-onInverse: #bd561d;
196
204
  --fgColor-danger: #f85149;
205
+ --fgColor-danger-onInverse: #db3734;
197
206
  --fgColor-open: #3fb950;
207
+ --fgColor-open-onInverse: #238636;
198
208
  --fgColor-closed: #f85149;
209
+ --fgColor-closed-onInverse: #db3734;
199
210
  --fgColor-done: #a371f7;
211
+ --fgColor-done-onInverse: #8957e5;
200
212
  --fgColor-sponsors: #db61a2;
213
+ --fgColor-sponsors-onInverse: #bf4b8a;
201
214
  --bgColor-default: #0d1117;
202
215
  --bgColor-muted: #161b22;
203
216
  --bgColor-inset: #010409;
204
217
  --bgColor-emphasis: #6e7681;
218
+ --bgColor-inverse: #ffffff;
205
219
  --bgColor-disabled: #161b22;
206
220
  --bgColor-transparent: #00000000;
207
221
  --bgColor-neutral-muted: #6e768126;
@@ -188,21 +188,35 @@
188
188
  --fgColor-default: #1f2328;
189
189
  --fgColor-muted: #636c76;
190
190
  --fgColor-onEmphasis: #ffffff;
191
+ --fgColor-onInverse: #f6f8fa;
191
192
  --fgColor-disabled: #8c959f;
192
193
  --fgColor-link: #0969da;
194
+ --fgColor-link-onInverse: #54aeff;
195
+ --fgColor-neutral: #6e7781;
196
+ --fgColor-neutral-onInverse: #8c959f;
193
197
  --fgColor-accent: #0969da;
198
+ --fgColor-accent-onInverse: #54aeff;
194
199
  --fgColor-success: #0969da;
200
+ --fgColor-success-onInverse: #54aeff;
195
201
  --fgColor-attention: #9a6700;
202
+ --fgColor-attention-onInverse: #d4a72c;
196
203
  --fgColor-severe: #bc4c00;
204
+ --fgColor-severe-onInverse: #fb8f44;
197
205
  --fgColor-danger: #be4e02;
206
+ --fgColor-danger-onInverse: #fa4549;
198
207
  --fgColor-open: #bc4c00;
208
+ --fgColor-open-onInverse: #fb8f44;
199
209
  --fgColor-closed: #6e7781;
210
+ --fgColor-closed-onInverse: #afb8c1;
200
211
  --fgColor-done: #8250df;
212
+ --fgColor-done-onInverse: #a475f9;
201
213
  --fgColor-sponsors: #bf3989;
214
+ --fgColor-sponsors-onInverse: #e85aad;
202
215
  --bgColor-default: #ffffff;
203
216
  --bgColor-muted: #f6f8fa;
204
217
  --bgColor-inset: #f6f8fa;
205
218
  --bgColor-emphasis: #24292f;
219
+ --bgColor-inverse: #24292f;
206
220
  --bgColor-disabled: #f6f8fa;
207
221
  --bgColor-transparent: #ffffff00;
208
222
  --bgColor-neutral-muted: #eaeef280;
@@ -126,8 +126,8 @@
126
126
  --button-invisible-fgColor-hover: #023b95;
127
127
  --button-invisible-fgColor-disabled: #4b535d;
128
128
  --button-invisible-bgColor-rest: #ffffff00;
129
- --button-invisible-bgColor-hover: #e7ecf0;
130
- --button-invisible-bgColor-active: #ced5dc;
129
+ --button-invisible-bgColor-hover: #20252c;
130
+ --button-invisible-bgColor-active: #4b535d;
131
131
  --button-invisible-bgColor-disabled: #e7ecf0;
132
132
  --button-invisible-borderColor-rest: #ffffff00;
133
133
  --button-invisible-borderColor-hover: #20252c;
@@ -188,21 +188,35 @@
188
188
  --fgColor-default: #010409;
189
189
  --fgColor-muted: #0e1116;
190
190
  --fgColor-onEmphasis: #ffffff;
191
+ --fgColor-onInverse: #ffffff;
191
192
  --fgColor-disabled: #4b535d;
192
193
  --fgColor-link: #023b95;
194
+ --fgColor-link-onInverse: #67b3fd;
195
+ --fgColor-neutral: #66707b;
196
+ --fgColor-neutral-onInverse: #ced5dc;
193
197
  --fgColor-accent: #023b95;
198
+ --fgColor-accent-onInverse: #67b3fd;
194
199
  --fgColor-success: #055d20;
200
+ --fgColor-success-onInverse: #43c663;
195
201
  --fgColor-attention: #744500;
202
+ --fgColor-attention-onInverse: #d5a824;
196
203
  --fgColor-severe: #873800;
204
+ --fgColor-severe-onInverse: #f99636;
197
205
  --fgColor-danger: #8a071e;
206
+ --fgColor-danger-onInverse: #ff8e8a;
198
207
  --fgColor-open: #055d20;
208
+ --fgColor-open-onInverse: #43c663;
199
209
  --fgColor-closed: #8a071e;
210
+ --fgColor-closed-onInverse: #ff8e8a;
200
211
  --fgColor-done: #622cbc;
212
+ --fgColor-done-onInverse: #c49bff;
201
213
  --fgColor-sponsors: #971368;
214
+ --fgColor-sponsors-onInverse: #fc87ca;
202
215
  --bgColor-default: #ffffff;
203
216
  --bgColor-muted: #e7ecf0;
204
217
  --bgColor-inset: #ffffff;
205
218
  --bgColor-emphasis: #0e1116;
219
+ --bgColor-inverse: #0e1116;
206
220
  --bgColor-disabled: #e7ecf0;
207
221
  --bgColor-transparent: #ffffff00;
208
222
  --bgColor-neutral-muted: #e7ecf0;
@@ -188,21 +188,35 @@
188
188
  --fgColor-default: #1f2328;
189
189
  --fgColor-muted: #636c76;
190
190
  --fgColor-onEmphasis: #ffffff;
191
+ --fgColor-onInverse: #f6f8fa;
191
192
  --fgColor-disabled: #8c959f;
192
193
  --fgColor-link: #0969da;
194
+ --fgColor-link-onInverse: #54aeff;
195
+ --fgColor-neutral: #6e7781;
196
+ --fgColor-neutral-onInverse: #8c959f;
193
197
  --fgColor-accent: #0969da;
198
+ --fgColor-accent-onInverse: #54aeff;
194
199
  --fgColor-success: #0969da;
200
+ --fgColor-success-onInverse: #54aeff;
195
201
  --fgColor-attention: #9a6700;
202
+ --fgColor-attention-onInverse: #d4a72c;
196
203
  --fgColor-severe: #cf222e;
204
+ --fgColor-severe-onInverse: #ff8182;
197
205
  --fgColor-danger: #d1242f;
206
+ --fgColor-danger-onInverse: #fa4549;
198
207
  --fgColor-open: #cf222e;
208
+ --fgColor-open-onInverse: #fa4549;
199
209
  --fgColor-closed: #6e7781;
210
+ --fgColor-closed-onInverse: #afb8c1;
200
211
  --fgColor-done: #8250df;
212
+ --fgColor-done-onInverse: #a475f9;
201
213
  --fgColor-sponsors: #bf3989;
214
+ --fgColor-sponsors-onInverse: #e85aad;
202
215
  --bgColor-default: #ffffff;
203
216
  --bgColor-muted: #f6f8fa;
204
217
  --bgColor-inset: #f6f8fa;
205
218
  --bgColor-emphasis: #24292f;
219
+ --bgColor-inverse: #24292f;
206
220
  --bgColor-disabled: #f6f8fa;
207
221
  --bgColor-transparent: #ffffff00;
208
222
  --bgColor-neutral-muted: #eaeef280;
@@ -188,21 +188,35 @@
188
188
  --fgColor-default: #1f2328;
189
189
  --fgColor-muted: #636c76;
190
190
  --fgColor-onEmphasis: #ffffff;
191
+ --fgColor-onInverse: #f6f8fa;
191
192
  --fgColor-disabled: #8c959f;
192
193
  --fgColor-link: #0969da;
194
+ --fgColor-link-onInverse: #54aeff;
195
+ --fgColor-neutral: #6e7781;
196
+ --fgColor-neutral-onInverse: #8c959f;
193
197
  --fgColor-accent: #0969da;
198
+ --fgColor-accent-onInverse: #54aeff;
194
199
  --fgColor-success: #1a7f37;
200
+ --fgColor-success-onInverse: #4ac26b;
195
201
  --fgColor-attention: #9a6700;
202
+ --fgColor-attention-onInverse: #d4a72c;
196
203
  --fgColor-severe: #bc4c00;
204
+ --fgColor-severe-onInverse: #fb8f44;
197
205
  --fgColor-danger: #d1242f;
206
+ --fgColor-danger-onInverse: #fa4549;
198
207
  --fgColor-open: #1a7f37;
208
+ --fgColor-open-onInverse: #4ac26b;
199
209
  --fgColor-closed: #d1242f;
210
+ --fgColor-closed-onInverse: #fa4549;
200
211
  --fgColor-done: #8250df;
212
+ --fgColor-done-onInverse: #a475f9;
201
213
  --fgColor-sponsors: #bf3989;
214
+ --fgColor-sponsors-onInverse: #e85aad;
202
215
  --bgColor-default: #ffffff;
203
216
  --bgColor-muted: #f6f8fa;
204
217
  --bgColor-inset: #f6f8fa;
205
218
  --bgColor-emphasis: #24292f;
219
+ --bgColor-inverse: #24292f;
206
220
  --bgColor-disabled: #f6f8fa;
207
221
  --bgColor-transparent: #ffffff00;
208
222
  --bgColor-neutral-muted: #eaeef280;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Aug 2023 17:34:59 GMT
3
+ * Generated on Mon, 21 Aug 2023 21:40:15 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Aug 2023 17:34:58 GMT
3
+ * Generated on Mon, 21 Aug 2023 21:40:15 GMT
4
4
  */
5
5
 
6
6
  :root {