@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.8d438bd1

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 (71) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  4. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +244 -244
  6. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/dark.css +2 -2
  8. package/dist/css/functional/themes/light-colorblind.css +24 -24
  9. package/dist/css/functional/themes/light-high-contrast.css +146 -146
  10. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  11. package/dist/css/functional/themes/light.css +12 -12
  12. package/dist/css/primitives.css +1 -0
  13. package/dist/docs/functional/size/border.json +31 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  15. package/dist/docs/functional/themes/dark-dimmed.json +5 -5
  16. package/dist/docs/functional/themes/dark-high-contrast.json +325 -317
  17. package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
  18. package/dist/docs/functional/themes/dark.json +5 -5
  19. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  20. package/dist/docs/functional/themes/light-high-contrast.json +362 -358
  21. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  22. package/dist/docs/functional/themes/light.json +159 -157
  23. package/dist/fallbacks/functional/size/border.json +1 -0
  24. package/dist/figma/dimension/dimension.json +14 -0
  25. package/dist/figma/themes/dark-colorblind.json +43 -43
  26. package/dist/figma/themes/dark-dimmed.json +62 -62
  27. package/dist/figma/themes/dark-high-contrast.json +456 -455
  28. package/dist/figma/themes/dark-tritanopia.json +43 -43
  29. package/dist/figma/themes/dark.json +62 -62
  30. package/dist/figma/themes/light-colorblind.json +217 -218
  31. package/dist/figma/themes/light-high-contrast.json +393 -391
  32. package/dist/figma/themes/light-tritanopia.json +216 -217
  33. package/dist/figma/themes/light.json +139 -138
  34. package/dist/internalCss/dark-colorblind.css +2 -2
  35. package/dist/internalCss/dark-dimmed.css +2 -2
  36. package/dist/internalCss/dark-high-contrast.css +244 -244
  37. package/dist/internalCss/dark-tritanopia.css +2 -2
  38. package/dist/internalCss/dark.css +2 -2
  39. package/dist/internalCss/light-colorblind.css +24 -24
  40. package/dist/internalCss/light-high-contrast.css +146 -146
  41. package/dist/internalCss/light-tritanopia.css +24 -24
  42. package/dist/internalCss/light.css +12 -12
  43. package/dist/styleLint/functional/size/border.json +31 -0
  44. package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
  45. package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
  46. package/dist/styleLint/functional/themes/dark-high-contrast.json +325 -317
  47. package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
  48. package/dist/styleLint/functional/themes/dark.json +5 -5
  49. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  50. package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  52. package/dist/styleLint/functional/themes/light.json +159 -157
  53. package/package.json +28 -28
  54. package/src/formats/cssAdvanced.ts +3 -3
  55. package/src/formats/cssCustomMedia.ts +2 -2
  56. package/src/formats/javascriptCommonJs.ts +2 -2
  57. package/src/formats/javascriptEsm.ts +2 -2
  58. package/src/formats/jsonFigma.ts +2 -2
  59. package/src/formats/jsonNestedPrefixed.ts +2 -2
  60. package/src/formats/jsonOneDimensional.ts +2 -2
  61. package/src/formats/jsonPostCssFallback.ts +2 -2
  62. package/src/formats/typescriptExportDefinition.ts +2 -2
  63. package/src/schemas/designToken.ts +1 -1
  64. package/src/schemas/validTokenType.ts +1 -1
  65. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +505 -2
  66. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  67. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
  68. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  69. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  70. package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
  71. package/src/tokens/functional/size/border.json +13 -0
@@ -988,45 +988,6 @@
988
988
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
989
989
  }
990
990
  },
991
- {
992
- "name": "borderColor/upsell-emphasis",
993
- "value": {
994
- "r": 0.5098039215686274,
995
- "g": 0.3137254901960784,
996
- "b": 0.8745098039215686,
997
- "a": 1
998
- },
999
- "type": "COLOR",
1000
- "refId": "mode/borderColor/upsell-emphasis",
1001
- "reference": "base/color/light/base/color/purple/5",
1002
- "collection": "mode",
1003
- "mode": "light",
1004
- "group": "semantic",
1005
- "scopes": ["STROKE_COLOR"],
1006
- "codeSyntax": {
1007
- "web": "var(--borderColor-upsell-emphasis)"
1008
- }
1009
- },
1010
- {
1011
- "name": "borderColor/upsell-muted",
1012
- "value": {
1013
- "r": 0.7607843137254902,
1014
- "g": 0.592156862745098,
1015
- "b": 1,
1016
- "a": 0.4
1017
- },
1018
- "type": "COLOR",
1019
- "alpha": 0.4,
1020
- "refId": "mode/borderColor/upsell-muted",
1021
- "reference": "base/color/light/base/color/purple/3",
1022
- "collection": "mode",
1023
- "mode": "light",
1024
- "group": "semantic",
1025
- "scopes": ["STROKE_COLOR"],
1026
- "codeSyntax": {
1027
- "web": "var(--borderColor-upsell-muted)"
1028
- }
1029
- },
1030
991
  {
1031
992
  "name": "borderColor/done-emphasis",
1032
993
  "value": {
@@ -1439,44 +1400,6 @@
1439
1400
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1440
1401
  }
1441
1402
  },
1442
- {
1443
- "name": "bgColor/upsell-emphasis",
1444
- "value": {
1445
- "r": 0.5098039215686274,
1446
- "g": 0.3137254901960784,
1447
- "b": 0.8745098039215686,
1448
- "a": 1
1449
- },
1450
- "type": "COLOR",
1451
- "refId": "mode/bgColor/upsell-emphasis",
1452
- "reference": "base/color/light/base/color/purple/5",
1453
- "collection": "mode",
1454
- "mode": "light",
1455
- "group": "semantic",
1456
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1457
- "codeSyntax": {
1458
- "web": "var(--bgColor-upsell-emphasis)"
1459
- }
1460
- },
1461
- {
1462
- "name": "bgColor/upsell-muted",
1463
- "value": {
1464
- "r": 0.984313725490196,
1465
- "g": 0.9372549019607843,
1466
- "b": 1,
1467
- "a": 1
1468
- },
1469
- "type": "COLOR",
1470
- "refId": "mode/bgColor/upsell-muted",
1471
- "reference": "base/color/light/base/color/purple/0",
1472
- "collection": "mode",
1473
- "mode": "light",
1474
- "group": "semantic",
1475
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1476
- "codeSyntax": {
1477
- "web": "var(--bgColor-upsell-muted)"
1478
- }
1479
- },
1480
1403
  {
1481
1404
  "name": "bgColor/done-emphasis",
1482
1405
  "value": {
@@ -1515,44 +1438,6 @@
1515
1438
  "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
1516
1439
  }
1517
1440
  },
1518
- {
1519
- "name": "bgColor/closed-emphasis",
1520
- "value": {
1521
- "r": 0.8117647058823529,
1522
- "g": 0.13333333333333333,
1523
- "b": 0.1803921568627451,
1524
- "a": 1
1525
- },
1526
- "type": "COLOR",
1527
- "refId": "mode/bgColor/closed-emphasis",
1528
- "reference": "base/color/light/base/color/red/5",
1529
- "collection": "mode",
1530
- "mode": "light",
1531
- "group": "semantic",
1532
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1533
- "codeSyntax": {
1534
- "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1535
- }
1536
- },
1537
- {
1538
- "name": "bgColor/closed-muted",
1539
- "value": {
1540
- "r": 1,
1541
- "g": 0.9215686274509803,
1542
- "b": 0.9137254901960784,
1543
- "a": 1
1544
- },
1545
- "type": "COLOR",
1546
- "refId": "mode/bgColor/closed-muted",
1547
- "reference": "base/color/light/base/color/red/0",
1548
- "collection": "mode",
1549
- "mode": "light",
1550
- "group": "semantic",
1551
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1552
- "codeSyntax": {
1553
- "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1554
- }
1555
- },
1556
1441
  {
1557
1442
  "name": "bgColor/danger-emphasis",
1558
1443
  "value": {
@@ -1956,25 +1841,6 @@
1956
1841
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1957
1842
  }
1958
1843
  },
1959
- {
1960
- "name": "fgColor/upsell",
1961
- "value": {
1962
- "r": 0.5098039215686274,
1963
- "g": 0.3137254901960784,
1964
- "b": 0.8745098039215686,
1965
- "a": 1
1966
- },
1967
- "type": "COLOR",
1968
- "refId": "mode/fgColor/upsell",
1969
- "reference": "base/color/light/base/color/purple/5",
1970
- "collection": "mode",
1971
- "mode": "light",
1972
- "group": "semantic",
1973
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
1974
- "codeSyntax": {
1975
- "web": "var(--fgColor-upsell)"
1976
- }
1977
- },
1978
1844
  {
1979
1845
  "name": "fgColor/done",
1980
1846
  "value": {
@@ -2093,14 +1959,14 @@
2093
1959
  {
2094
1960
  "name": "fgColor/neutral",
2095
1961
  "value": {
2096
- "r": 0.43137254901960786,
2097
- "g": 0.4666666666666667,
2098
- "b": 0.5058823529411764,
1962
+ "r": 0.3411764705882353,
1963
+ "g": 0.3764705882352941,
1964
+ "b": 0.41568627450980394,
2099
1965
  "a": 1
2100
1966
  },
2101
1967
  "type": "COLOR",
2102
1968
  "refId": "mode/fgColor/neutral",
2103
- "reference": "base/color/light/base/color/neutral/5",
1969
+ "reference": "base/color/light/base/color/neutral/6",
2104
1970
  "collection": "mode",
2105
1971
  "mode": "light",
2106
1972
  "group": "semantic",
@@ -7462,6 +7328,45 @@
7462
7328
  "group": "component",
7463
7329
  "scopes": ["STROKE_COLOR"]
7464
7330
  },
7331
+ {
7332
+ "name": "borderColor/upsell-emphasis",
7333
+ "value": {
7334
+ "r": 0.5098039215686274,
7335
+ "g": 0.3137254901960784,
7336
+ "b": 0.8745098039215686,
7337
+ "a": 1
7338
+ },
7339
+ "type": "COLOR",
7340
+ "refId": "mode/borderColor/upsell-emphasis",
7341
+ "reference": "mode/borderColor/done-emphasis",
7342
+ "collection": "mode",
7343
+ "mode": "light",
7344
+ "group": "semantic",
7345
+ "scopes": ["STROKE_COLOR"],
7346
+ "codeSyntax": {
7347
+ "web": "var(--borderColor-upsell-emphasis)"
7348
+ }
7349
+ },
7350
+ {
7351
+ "name": "borderColor/upsell-muted",
7352
+ "value": {
7353
+ "r": 0.7607843137254902,
7354
+ "g": 0.592156862745098,
7355
+ "b": 1,
7356
+ "a": 0.4
7357
+ },
7358
+ "type": "COLOR",
7359
+ "alpha": 0.4,
7360
+ "refId": "mode/borderColor/upsell-muted",
7361
+ "reference": "mode/borderColor/done-muted",
7362
+ "collection": "mode",
7363
+ "mode": "light",
7364
+ "group": "semantic",
7365
+ "scopes": ["STROKE_COLOR"],
7366
+ "codeSyntax": {
7367
+ "web": "var(--borderColor-upsell-muted)"
7368
+ }
7369
+ },
7465
7370
  {
7466
7371
  "name": "borderColor/open-emphasis",
7467
7372
  "value": {
@@ -7490,6 +7395,7 @@
7490
7395
  "a": 0.4
7491
7396
  },
7492
7397
  "type": "COLOR",
7398
+ "alpha": 0.4,
7493
7399
  "refId": "mode/borderColor/open-muted",
7494
7400
  "reference": "mode/borderColor/success-muted",
7495
7401
  "collection": "mode",
@@ -7536,6 +7442,82 @@
7536
7442
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7537
7443
  }
7538
7444
  },
7445
+ {
7446
+ "name": "bgColor/upsell-emphasis",
7447
+ "value": {
7448
+ "r": 0.5098039215686274,
7449
+ "g": 0.3137254901960784,
7450
+ "b": 0.8745098039215686,
7451
+ "a": 1
7452
+ },
7453
+ "type": "COLOR",
7454
+ "refId": "mode/bgColor/upsell-emphasis",
7455
+ "reference": "mode/bgColor/done-emphasis",
7456
+ "collection": "mode",
7457
+ "mode": "light",
7458
+ "group": "semantic",
7459
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7460
+ "codeSyntax": {
7461
+ "web": "var(--bgColor-upsell-emphasis)"
7462
+ }
7463
+ },
7464
+ {
7465
+ "name": "bgColor/upsell-muted",
7466
+ "value": {
7467
+ "r": 0.984313725490196,
7468
+ "g": 0.9372549019607843,
7469
+ "b": 1,
7470
+ "a": 1
7471
+ },
7472
+ "type": "COLOR",
7473
+ "refId": "mode/bgColor/upsell-muted",
7474
+ "reference": "mode/bgColor/done-muted",
7475
+ "collection": "mode",
7476
+ "mode": "light",
7477
+ "group": "semantic",
7478
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7479
+ "codeSyntax": {
7480
+ "web": "var(--bgColor-upsell-muted)"
7481
+ }
7482
+ },
7483
+ {
7484
+ "name": "bgColor/closed-emphasis",
7485
+ "value": {
7486
+ "r": 0.8117647058823529,
7487
+ "g": 0.13333333333333333,
7488
+ "b": 0.1803921568627451,
7489
+ "a": 1
7490
+ },
7491
+ "type": "COLOR",
7492
+ "refId": "mode/bgColor/closed-emphasis",
7493
+ "reference": "mode/bgColor/danger-emphasis",
7494
+ "collection": "mode",
7495
+ "mode": "light",
7496
+ "group": "semantic",
7497
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7498
+ "codeSyntax": {
7499
+ "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
7500
+ }
7501
+ },
7502
+ {
7503
+ "name": "bgColor/closed-muted",
7504
+ "value": {
7505
+ "r": 1,
7506
+ "g": 0.9215686274509803,
7507
+ "b": 0.9137254901960784,
7508
+ "a": 1
7509
+ },
7510
+ "type": "COLOR",
7511
+ "refId": "mode/bgColor/closed-muted",
7512
+ "reference": "mode/bgColor/danger-muted",
7513
+ "collection": "mode",
7514
+ "mode": "light",
7515
+ "group": "semantic",
7516
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7517
+ "codeSyntax": {
7518
+ "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
7519
+ }
7520
+ },
7539
7521
  {
7540
7522
  "name": "bgColor/open-emphasis",
7541
7523
  "value": {
@@ -7574,6 +7556,25 @@
7574
7556
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
7575
7557
  }
7576
7558
  },
7559
+ {
7560
+ "name": "fgColor/upsell",
7561
+ "value": {
7562
+ "r": 0.5098039215686274,
7563
+ "g": 0.3137254901960784,
7564
+ "b": 0.8745098039215686,
7565
+ "a": 1
7566
+ },
7567
+ "type": "COLOR",
7568
+ "refId": "mode/fgColor/upsell",
7569
+ "reference": "mode/fgColor/done",
7570
+ "collection": "mode",
7571
+ "mode": "light",
7572
+ "group": "semantic",
7573
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7574
+ "codeSyntax": {
7575
+ "web": "var(--fgColor-upsell)"
7576
+ }
7577
+ },
7577
7578
  {
7578
7579
  "name": "fgColor/closed",
7579
7580
  "value": {
@@ -720,7 +720,7 @@
720
720
  --fgColor-black: #010409;
721
721
  --fgColor-disabled: #6e7681;
722
722
  --fgColor-link: #4493f8;
723
- --fgColor-neutral: #6e7681;
723
+ --fgColor-neutral: #b1bac4;
724
724
  --fgColor-accent: #4493f8;
725
725
  --fgColor-success: #58a6ff;
726
726
  --fgColor-open: #f0883e;
@@ -1569,7 +1569,7 @@
1569
1569
  --fgColor-black: #010409;
1570
1570
  --fgColor-disabled: #6e7681;
1571
1571
  --fgColor-link: #4493f8;
1572
- --fgColor-neutral: #6e7681;
1572
+ --fgColor-neutral: #b1bac4;
1573
1573
  --fgColor-accent: #4493f8;
1574
1574
  --fgColor-success: #58a6ff;
1575
1575
  --fgColor-open: #f0883e;
@@ -720,7 +720,7 @@
720
720
  --fgColor-black: #1c2128;
721
721
  --fgColor-disabled: #636e7b;
722
722
  --fgColor-link: #478be6;
723
- --fgColor-neutral: #636e7b;
723
+ --fgColor-neutral: #909dab;
724
724
  --fgColor-accent: #478be6;
725
725
  --fgColor-success: #57ab5a;
726
726
  --fgColor-open: #57ab5a;
@@ -1569,7 +1569,7 @@
1569
1569
  --fgColor-black: #1c2128;
1570
1570
  --fgColor-disabled: #636e7b;
1571
1571
  --fgColor-link: #478be6;
1572
- --fgColor-neutral: #636e7b;
1572
+ --fgColor-neutral: #909dab;
1573
1573
  --fgColor-accent: #478be6;
1574
1574
  --fgColor-success: #57ab5a;
1575
1575
  --fgColor-open: #57ab5a;