@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
package/dist/fallbacks/functional/size/border.json CHANGED
@@ -9,6 +9,7 @@
9
9
  "--borderRadius-medium": "0.375rem",
10
10
  "--borderRadius-large": "0.75rem",
11
11
  "--borderRadius-full": "624.9375rem",
12
+ "--borderRadius-default": "0.375rem",
12
13
  "--outline-focus-offset": "-0.125rem",
13
14
  "--outline-focus-width": "0.125rem"
14
15
  }
package/dist/figma/dimension/dimension.json CHANGED
@@ -462,6 +462,20 @@
462
462
  "group": "base/size",
463
463
  "scopes": ["WIDTH_HEIGHT"]
464
464
  },
465
+ {
466
+ "name": "borderRadius/default",
467
+ "value": 6,
468
+ "type": "FLOAT",
469
+ "refId": "functional/size/borderRadius/default",
470
+ "reference": "functional/size/borderRadius/medium",
471
+ "collection": "functional/size",
472
+ "mode": "default",
473
+ "group": "functional/size",
474
+ "scopes": ["CORNER_RADIUS"],
475
+ "codeSyntax": {
476
+ "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
477
+ }
478
+ },
465
479
  {
466
480
  "name": "overlay/borderRadius",
467
481
  "value": 6,
package/dist/figma/themes/dark-colorblind.json CHANGED
@@ -1540,45 +1540,6 @@
1540
1540
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1541
1541
  }
1542
1542
  },
1543
- {
1544
- "name": "bgColor/upsell-emphasis",
1545
- "value": {
1546
- "r": 0.5372549019607843,
1547
- "g": 0.3411764705882353,
1548
- "b": 0.8980392156862745,
1549
- "a": 1
1550
- },
1551
- "type": "COLOR",
1552
- "refId": "mode/bgColor/upsell-emphasis",
1553
- "reference": "base/color/dark/base/color/purple/5",
1554
- "collection": "mode",
1555
- "mode": "dark colorblind",
1556
- "group": "semantic",
1557
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1558
- "codeSyntax": {
1559
- "web": "var(--bgColor-upsell-emphasis)"
1560
- }
1561
- },
1562
- {
1563
- "name": "bgColor/upsell-muted",
1564
- "value": {
1565
- "r": 0.6705882352941176,
1566
- "g": 0.49019607843137253,
1567
- "b": 0.9725490196078431,
1568
- "a": 0.15
1569
- },
1570
- "type": "COLOR",
1571
- "alpha": 0.15,
1572
- "refId": "mode/bgColor/upsell-muted",
1573
- "reference": "base/color/dark/base/color/purple/4",
1574
- "collection": "mode",
1575
- "mode": "dark colorblind",
1576
- "group": "semantic",
1577
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1578
- "codeSyntax": {
1579
- "web": "var(--bgColor-upsell-muted)"
1580
- }
1581
- },
1582
1543
  {
1583
1544
  "name": "bgColor/done-emphasis",
1584
1545
  "value": {
@@ -2259,14 +2220,14 @@
2259
2220
  {
2260
2221
  "name": "fgColor/neutral",
2261
2222
  "value": {
2262
- "r": 0.43137254901960786,
2263
- "g": 0.4627450980392157,
2264
- "b": 0.5058823529411764,
2223
+ "r": 0.6941176470588235,
2224
+ "g": 0.7294117647058823,
2225
+ "b": 0.7686274509803922,
2265
2226
  "a": 1
2266
2227
  },
2267
2228
  "type": "COLOR",
2268
2229
  "refId": "mode/fgColor/neutral",
2269
- "reference": "base/color/dark/base/color/neutral/4",
2230
+ "reference": "base/color/dark/base/color/neutral/2",
2270
2231
  "collection": "mode",
2271
2232
  "mode": "dark colorblind",
2272
2233
  "group": "semantic",
@@ -7840,6 +7801,45 @@
7840
7801
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7841
7802
  }
7842
7803
  },
7804
+ {
7805
+ "name": "bgColor/upsell-emphasis",
7806
+ "value": {
7807
+ "r": 0.5372549019607843,
7808
+ "g": 0.3411764705882353,
7809
+ "b": 0.8980392156862745,
7810
+ "a": 1
7811
+ },
7812
+ "type": "COLOR",
7813
+ "refId": "mode/bgColor/upsell-emphasis",
7814
+ "reference": "mode/bgColor/done-emphasis",
7815
+ "collection": "mode",
7816
+ "mode": "dark colorblind",
7817
+ "group": "semantic",
7818
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7819
+ "codeSyntax": {
7820
+ "web": "var(--bgColor-upsell-emphasis)"
7821
+ }
7822
+ },
7823
+ {
7824
+ "name": "bgColor/upsell-muted",
7825
+ "value": {
7826
+ "r": 0.6705882352941176,
7827
+ "g": 0.49019607843137253,
7828
+ "b": 0.9725490196078431,
7829
+ "a": 0.15
7830
+ },
7831
+ "type": "COLOR",
7832
+ "alpha": 0.15,
7833
+ "refId": "mode/bgColor/upsell-muted",
7834
+ "reference": "mode/bgColor/done-muted",
7835
+ "collection": "mode",
7836
+ "mode": "dark colorblind",
7837
+ "group": "semantic",
7838
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7839
+ "codeSyntax": {
7840
+ "web": "var(--bgColor-upsell-muted)"
7841
+ }
7842
+ },
7843
7843
  {
7844
7844
  "name": "fgColor/upsell",
7845
7845
  "value": {
package/dist/figma/themes/dark-dimmed.json CHANGED
@@ -1492,45 +1492,6 @@
1492
1492
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1493
1493
  }
1494
1494
  },
1495
- {
1496
- "name": "bgColor/upsell-emphasis",
1497
- "value": {
1498
- "r": 0.5098039215686274,
1499
- "g": 0.33725490196078434,
1500
- "b": 0.8156862745098039,
1501
- "a": 1
1502
- },
1503
- "type": "COLOR",
1504
- "refId": "mode/bgColor/upsell-emphasis",
1505
- "reference": "base/color/dark-dimmed/base/color/purple/5",
1506
- "collection": "mode",
1507
- "mode": "dark dimmed",
1508
- "group": "semantic",
1509
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1510
- "codeSyntax": {
1511
- "web": "var(--bgColor-upsell-emphasis)"
1512
- }
1513
- },
1514
- {
1515
- "name": "bgColor/upsell-muted",
1516
- "value": {
1517
- "r": 0.596078431372549,
1518
- "g": 0.43137254901960786,
1519
- "b": 0.8862745098039215,
1520
- "a": 0.15
1521
- },
1522
- "type": "COLOR",
1523
- "alpha": 0.15,
1524
- "refId": "mode/bgColor/upsell-muted",
1525
- "reference": "base/color/dark-dimmed/base/color/purple/4",
1526
- "collection": "mode",
1527
- "mode": "dark dimmed",
1528
- "group": "semantic",
1529
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1530
- "codeSyntax": {
1531
- "web": "var(--bgColor-upsell-muted)"
1532
- }
1533
- },
1534
1495
  {
1535
1496
  "name": "bgColor/done-emphasis",
1536
1497
  "value": {
@@ -1570,25 +1531,6 @@
1570
1531
  "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
1571
1532
  }
1572
1533
  },
1573
- {
1574
- "name": "bgColor/closed-emphasis",
1575
- "value": {
1576
- "r": 0.788235294117647,
1577
- "g": 0.23529411764705882,
1578
- "b": 0.21568627450980393,
1579
- "a": 1
1580
- },
1581
- "type": "COLOR",
1582
- "refId": "mode/bgColor/closed-emphasis",
1583
- "reference": "base/color/dark-dimmed/base/color/red/5",
1584
- "collection": "mode",
1585
- "mode": "dark dimmed",
1586
- "group": "semantic",
1587
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1588
- "codeSyntax": {
1589
- "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1590
- }
1591
- },
1592
1534
  {
1593
1535
  "name": "bgColor/danger-emphasis",
1594
1536
  "value": {
@@ -2114,14 +2056,14 @@
2114
2056
  {
2115
2057
  "name": "fgColor/neutral",
2116
2058
  "value": {
2117
- "r": 0.38823529411764707,
2118
- "g": 0.43137254901960786,
2119
- "b": 0.4823529411764706,
2059
+ "r": 0.5647058823529412,
2060
+ "g": 0.615686274509804,
2061
+ "b": 0.6705882352941176,
2120
2062
  "a": 1
2121
2063
  },
2122
2064
  "type": "COLOR",
2123
2065
  "refId": "mode/fgColor/neutral",
2124
- "reference": "base/color/dark-dimmed/base/color/neutral/4",
2066
+ "reference": "base/color/dark-dimmed/base/color/neutral/2",
2125
2067
  "collection": "mode",
2126
2068
  "mode": "dark dimmed",
2127
2069
  "group": "semantic",
@@ -7774,6 +7716,64 @@
7774
7716
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7775
7717
  }
7776
7718
  },
7719
+ {
7720
+ "name": "bgColor/upsell-emphasis",
7721
+ "value": {
7722
+ "r": 0.5098039215686274,
7723
+ "g": 0.33725490196078434,
7724
+ "b": 0.8156862745098039,
7725
+ "a": 1
7726
+ },
7727
+ "type": "COLOR",
7728
+ "refId": "mode/bgColor/upsell-emphasis",
7729
+ "reference": "mode/bgColor/done-emphasis",
7730
+ "collection": "mode",
7731
+ "mode": "dark dimmed",
7732
+ "group": "semantic",
7733
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7734
+ "codeSyntax": {
7735
+ "web": "var(--bgColor-upsell-emphasis)"
7736
+ }
7737
+ },
7738
+ {
7739
+ "name": "bgColor/upsell-muted",
7740
+ "value": {
7741
+ "r": 0.596078431372549,
7742
+ "g": 0.43137254901960786,
7743
+ "b": 0.8862745098039215,
7744
+ "a": 0.15
7745
+ },
7746
+ "type": "COLOR",
7747
+ "alpha": 0.15,
7748
+ "refId": "mode/bgColor/upsell-muted",
7749
+ "reference": "mode/bgColor/done-muted",
7750
+ "collection": "mode",
7751
+ "mode": "dark dimmed",
7752
+ "group": "semantic",
7753
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7754
+ "codeSyntax": {
7755
+ "web": "var(--bgColor-upsell-muted)"
7756
+ }
7757
+ },
7758
+ {
7759
+ "name": "bgColor/closed-emphasis",
7760
+ "value": {
7761
+ "r": 0.788235294117647,
7762
+ "g": 0.23529411764705882,
7763
+ "b": 0.21568627450980393,
7764
+ "a": 1
7765
+ },
7766
+ "type": "COLOR",
7767
+ "refId": "mode/bgColor/closed-emphasis",
7768
+ "reference": "mode/bgColor/danger-emphasis",
7769
+ "collection": "mode",
7770
+ "mode": "dark dimmed",
7771
+ "group": "semantic",
7772
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7773
+ "codeSyntax": {
7774
+ "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
7775
+ }
7776
+ },
7777
7777
  {
7778
7778
  "name": "bgColor/closed-muted",
7779
7779
  "value": {