@primer/primitives 7.15.10 → 7.15.11-rc.df46685d

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 (126) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  3. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  4. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  5. package/dist/css/functional/themes/dark.css +2 -2
  6. package/dist/css/functional/themes/light-colorblind.css +2 -2
  7. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  8. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  9. package/dist/css/functional/themes/light.css +2 -2
  10. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  11. package/dist/docs/functional/themes/dark-dimmed.json +4 -4
  12. package/dist/docs/functional/themes/dark-high-contrast.json +4 -4
  13. package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
  14. package/dist/docs/functional/themes/dark.json +4 -4
  15. package/dist/docs/functional/themes/light-colorblind.json +4 -4
  16. package/dist/docs/functional/themes/light-high-contrast.json +4 -4
  17. package/dist/docs/functional/themes/light-tritanopia.json +4 -4
  18. package/dist/docs/functional/themes/light.json +4 -4
  19. package/dist/figma/themes/dark-colorblind.json +17 -17
  20. package/dist/figma/themes/dark-dimmed.json +17 -17
  21. package/dist/figma/themes/dark-high-contrast.json +17 -17
  22. package/dist/figma/themes/dark-tritanopia.json +17 -17
  23. package/dist/figma/themes/dark.json +17 -17
  24. package/dist/figma/themes/light-colorblind.json +17 -17
  25. package/dist/figma/themes/light-high-contrast.json +17 -17
  26. package/dist/figma/themes/light-tritanopia.json +17 -17
  27. package/dist/figma/themes/light.json +17 -17
  28. package/dist/scss/functional/themes/dark-colorblind.scss +1 -1
  29. package/dist/scss/functional/themes/dark-dimmed.scss +1 -1
  30. package/dist/scss/functional/themes/dark-high-contrast.scss +1 -1
  31. package/dist/scss/functional/themes/dark-tritanopia.scss +1 -1
  32. package/dist/scss/functional/themes/dark.scss +1 -1
  33. package/dist/scss/functional/themes/light-colorblind.scss +1 -1
  34. package/dist/scss/functional/themes/light-high-contrast.scss +1 -1
  35. package/dist/scss/functional/themes/light-tritanopia.scss +1 -1
  36. package/dist/scss/functional/themes/light.scss +1 -1
  37. package/package.json +1 -1
  38. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
  39. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
  40. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  41. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
  42. package/tokens-next-private/css/functional/themes/dark.css +2 -2
  43. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  44. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  45. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  46. package/tokens-next-private/css/functional/themes/light.css +2 -2
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4 -4
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  51. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +4 -4
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4 -4
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4 -4
  55. package/tokens-next-private/docs/functional/themes/light.json +4 -4
  56. package/tokens-next-private/figma/themes/dark-colorblind.json +17 -17
  57. package/tokens-next-private/figma/themes/dark-dimmed.json +17 -17
  58. package/tokens-next-private/figma/themes/dark-high-contrast.json +17 -17
  59. package/tokens-next-private/figma/themes/dark-tritanopia.json +17 -17
  60. package/tokens-next-private/figma/themes/dark.json +17 -17
  61. package/tokens-next-private/figma/themes/light-colorblind.json +17 -17
  62. package/tokens-next-private/figma/themes/light-high-contrast.json +17 -17
  63. package/tokens-next-private/figma/themes/light-tritanopia.json +17 -17
  64. package/tokens-next-private/figma/themes/light.json +17 -17
  65. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
  66. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
  67. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  68. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
  69. package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
  70. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  71. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  72. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  73. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  74. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  75. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  78. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  79. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  80. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  81. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  82. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  87. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  88. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  89. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  91. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  92. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  96. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  97. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  98. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  99. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  100. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  105. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  106. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  107. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  108. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  109. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -4128,6 +4128,23 @@
4128
4128
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4129
4129
  }
4130
4130
  },
4131
+ {
4132
+ "name": "selection/bgColor",
4133
+ "value": {
4134
+ "r": 0.12156862745098039,
4135
+ "g": 0.43529411764705883,
4136
+ "b": 0.9215686274509803,
4137
+ "a": 0.7
4138
+ },
4139
+ "type": "COLOR",
4140
+ "alpha": 0.7,
4141
+ "refId": "mode/selection/bgColor",
4142
+ "reference": "mode/bgColor/accent-emphasis",
4143
+ "collection": "mode",
4144
+ "mode": "dark",
4145
+ "group": "component",
4146
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4147
+ },
4131
4148
  {
4132
4149
  "name": "underlineNav/iconColor/rest",
4133
4150
  "value": {
@@ -5421,23 +5438,6 @@
5421
5438
  "group": "component",
5422
5439
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5423
5440
  },
5424
- {
5425
- "name": "selection/bgColor",
5426
- "value": {
5427
- "r": 0.26666666666666666,
5428
- "g": 0.5764705882352941,
5429
- "b": 0.9725490196078431,
5430
- "a": 0.2
5431
- },
5432
- "type": "COLOR",
5433
- "alpha": 0.2,
5434
- "refId": "mode/selection/bgColor",
5435
- "reference": "mode/fgColor/link",
5436
- "collection": "mode",
5437
- "mode": "dark",
5438
- "group": "component",
5439
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5440
- },
5441
5441
  {
5442
5442
  "name": "overlay/borderColor",
5443
5443
  "value": {
@@ -3991,6 +3991,23 @@
3991
3991
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3992
3992
  }
3993
3993
  },
3994
+ {
3995
+ "name": "selection/bgColor",
3996
+ "value": {
3997
+ "r": 0.03529411764705882,
3998
+ "g": 0.4117647058823529,
3999
+ "b": 0.8549019607843137,
4000
+ "a": 0.2
4001
+ },
4002
+ "type": "COLOR",
4003
+ "alpha": 0.2,
4004
+ "refId": "mode/selection/bgColor",
4005
+ "reference": "mode/bgColor/accent-emphasis",
4006
+ "collection": "mode",
4007
+ "mode": "light colorblind",
4008
+ "group": "component",
4009
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4010
+ },
3994
4011
  {
3995
4012
  "name": "underlineNav/iconColor/rest",
3996
4013
  "value": {
@@ -5463,23 +5480,6 @@
5463
5480
  "group": "component",
5464
5481
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5465
5482
  },
5466
- {
5467
- "name": "selection/bgColor",
5468
- "value": {
5469
- "r": 0.03529411764705882,
5470
- "g": 0.4117647058823529,
5471
- "b": 0.8549019607843137,
5472
- "a": 0.1
5473
- },
5474
- "type": "COLOR",
5475
- "alpha": 0.1,
5476
- "refId": "mode/selection/bgColor",
5477
- "reference": "mode/fgColor/link",
5478
- "collection": "mode",
5479
- "mode": "light colorblind",
5480
- "group": "component",
5481
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5482
- },
5483
5483
  {
5484
5484
  "name": "overlay/borderColor",
5485
5485
  "value": {
@@ -4051,6 +4051,23 @@
4051
4051
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4052
4052
  }
4053
4053
  },
4054
+ {
4055
+ "name": "selection/bgColor",
4056
+ "value": {
4057
+ "r": 0.011764705882352941,
4058
+ "g": 0.28627450980392155,
4059
+ "b": 0.7058823529411765,
4060
+ "a": 0.2
4061
+ },
4062
+ "type": "COLOR",
4063
+ "alpha": 0.2,
4064
+ "refId": "mode/selection/bgColor",
4065
+ "reference": "mode/bgColor/accent-emphasis",
4066
+ "collection": "mode",
4067
+ "mode": "light high contrast",
4068
+ "group": "component",
4069
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4070
+ },
4054
4071
  {
4055
4072
  "name": "underlineNav/iconColor/rest",
4056
4073
  "value": {
@@ -6046,23 +6063,6 @@
6046
6063
  "collection": "mode",
6047
6064
  "group": "shadow"
6048
6065
  },
6049
- {
6050
- "name": "selection/bgColor",
6051
- "value": {
6052
- "r": 0.00784313725490196,
6053
- "g": 0.23137254901960785,
6054
- "b": 0.5843137254901961,
6055
- "a": 0.1
6056
- },
6057
- "type": "COLOR",
6058
- "alpha": 0.1,
6059
- "refId": "mode/selection/bgColor",
6060
- "reference": "mode/fgColor/link",
6061
- "collection": "mode",
6062
- "mode": "light high contrast",
6063
- "group": "component",
6064
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6065
- },
6066
6066
  {
6067
6067
  "name": "button/danger/bgColor/disabled",
6068
6068
  "value": {
@@ -3985,6 +3985,23 @@
3985
3985
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3986
3986
  }
3987
3987
  },
3988
+ {
3989
+ "name": "selection/bgColor",
3990
+ "value": {
3991
+ "r": 0.03529411764705882,
3992
+ "g": 0.4117647058823529,
3993
+ "b": 0.8549019607843137,
3994
+ "a": 0.2
3995
+ },
3996
+ "type": "COLOR",
3997
+ "alpha": 0.2,
3998
+ "refId": "mode/selection/bgColor",
3999
+ "reference": "mode/bgColor/accent-emphasis",
4000
+ "collection": "mode",
4001
+ "mode": "light tritanopia",
4002
+ "group": "component",
4003
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4004
+ },
3988
4005
  {
3989
4006
  "name": "underlineNav/iconColor/rest",
3990
4007
  "value": {
@@ -5457,23 +5474,6 @@
5457
5474
  "group": "component",
5458
5475
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5459
5476
  },
5460
- {
5461
- "name": "selection/bgColor",
5462
- "value": {
5463
- "r": 0.03529411764705882,
5464
- "g": 0.4117647058823529,
5465
- "b": 0.8549019607843137,
5466
- "a": 0.1
5467
- },
5468
- "type": "COLOR",
5469
- "alpha": 0.1,
5470
- "refId": "mode/selection/bgColor",
5471
- "reference": "mode/fgColor/link",
5472
- "collection": "mode",
5473
- "mode": "light tritanopia",
5474
- "group": "component",
5475
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5476
- },
5477
5477
  {
5478
5478
  "name": "overlay/borderColor",
5479
5479
  "value": {
@@ -3984,6 +3984,23 @@
3984
3984
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3985
3985
  }
3986
3986
  },
3987
+ {
3988
+ "name": "selection/bgColor",
3989
+ "value": {
3990
+ "r": 0.03529411764705882,
3991
+ "g": 0.4117647058823529,
3992
+ "b": 0.8549019607843137,
3993
+ "a": 0.2
3994
+ },
3995
+ "type": "COLOR",
3996
+ "alpha": 0.2,
3997
+ "refId": "mode/selection/bgColor",
3998
+ "reference": "mode/bgColor/accent-emphasis",
3999
+ "collection": "mode",
4000
+ "mode": "light",
4001
+ "group": "component",
4002
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4003
+ },
3987
4004
  {
3988
4005
  "name": "underlineNav/iconColor/rest",
3989
4006
  "value": {
@@ -5456,23 +5473,6 @@
5456
5473
  "group": "component",
5457
5474
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5458
5475
  },
5459
- {
5460
- "name": "selection/bgColor",
5461
- "value": {
5462
- "r": 0.03529411764705882,
5463
- "g": 0.4117647058823529,
5464
- "b": 0.8549019607843137,
5465
- "a": 0.1
5466
- },
5467
- "type": "COLOR",
5468
- "alpha": 0.1,
5469
- "refId": "mode/selection/bgColor",
5470
- "reference": "mode/fgColor/link",
5471
- "collection": "mode",
5472
- "mode": "light",
5473
- "group": "component",
5474
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5475
- },
5476
5476
  {
5477
5477
  "name": "overlay/borderColor",
5478
5478
  "value": {
@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
198
198
  $underlineNav-borderColor-active: #f78166;
199
199
  $underlineNav-borderColor-hover: #6e768166;
200
200
  $underlineNav-iconColor-rest: #848d97;
201
- $selection-bgColor: #4493f833;
201
+ $selection-bgColor: #1f6febb3;
202
202
  $fgColor-default: #e6edf3;
203
203
  $fgColor-muted: #848d97;
204
204
  $fgColor-onEmphasis: #ffffff;
@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
198
198
  $underlineNav-borderColor-active: #ec775c;
199
199
  $underlineNav-borderColor-hover: #636e7b66;
200
200
  $underlineNav-iconColor-rest: #717e8b;
201
- $selection-bgColor: #478be633;
201
+ $selection-bgColor: #316dcab3;
202
202
  $fgColor-default: #c5d1de;
203
203
  $fgColor-muted: #717e8b;
204
204
  $fgColor-onEmphasis: #cdd9e5;
@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
198
198
  $underlineNav-borderColor-active: #ff967d;
199
199
  $underlineNav-borderColor-hover: #bdc4cc;
200
200
  $underlineNav-iconColor-rest: #f0f3f6;
201
- $selection-bgColor: #60aeff33;
201
+ $selection-bgColor: #409effb3;
202
202
  $fgColor-default: #fbfcfd;
203
203
  $fgColor-muted: #f0f3f6;
204
204
  $fgColor-onEmphasis: #0a0c10;
@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
198
198
  $underlineNav-borderColor-active: #f78166;
199
199
  $underlineNav-borderColor-hover: #6e768166;
200
200
  $underlineNav-iconColor-rest: #848d97;
201
- $selection-bgColor: #4493f833;
201
+ $selection-bgColor: #1f6febb3;
202
202
  $fgColor-default: #e6edf3;
203
203
  $fgColor-muted: #848d97;
204
204
  $fgColor-onEmphasis: #ffffff;
@@ -198,7 +198,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
198
198
  $underlineNav-borderColor-active: #f78166;
199
199
  $underlineNav-borderColor-hover: #6e768166;
200
200
  $underlineNav-iconColor-rest: #848d97;
201
- $selection-bgColor: #4493f833;
201
+ $selection-bgColor: #1f6febb3;
202
202
  $fgColor-default: #e6edf3;
203
203
  $fgColor-muted: #848d97;
204
204
  $fgColor-onEmphasis: #ffffff;
@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
199
199
  $underlineNav-borderColor-active: #fd8c73;
200
200
  $underlineNav-borderColor-hover: #afb8c133;
201
201
  $underlineNav-iconColor-rest: #636c76;
202
- $selection-bgColor: #0969da1a;
202
+ $selection-bgColor: #0969da33;
203
203
  $fgColor-default: #1f2328;
204
204
  $fgColor-muted: #636c76;
205
205
  $fgColor-onEmphasis: #ffffff;
@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #368cf9;
199
199
  $underlineNav-borderColor-active: #cd3425;
200
200
  $underlineNav-borderColor-hover: #88929d;
201
201
  $underlineNav-iconColor-rest: #0e1116;
202
- $selection-bgColor: #023b951a;
202
+ $selection-bgColor: #0349b433;
203
203
  $fgColor-default: #010409;
204
204
  $fgColor-muted: #0e1116;
205
205
  $fgColor-onEmphasis: #ffffff;
@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
199
199
  $underlineNav-borderColor-active: #fd8c73;
200
200
  $underlineNav-borderColor-hover: #afb8c133;
201
201
  $underlineNav-iconColor-rest: #636c76;
202
- $selection-bgColor: #0969da1a;
202
+ $selection-bgColor: #0969da33;
203
203
  $fgColor-default: #1f2328;
204
204
  $fgColor-muted: #636c76;
205
205
  $fgColor-onEmphasis: #ffffff;
@@ -199,7 +199,7 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
199
199
  $underlineNav-borderColor-active: #fd8c73;
200
200
  $underlineNav-borderColor-hover: #afb8c133;
201
201
  $underlineNav-iconColor-rest: #636c76;
202
- $selection-bgColor: #0969da1a;
202
+ $selection-bgColor: #0969da33;
203
203
  $fgColor-default: #1f2328;
204
204
  $fgColor-muted: #636c76;
205
205
  $fgColor-onEmphasis: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.10",
3
+ "version": "7.15.11-rc.df46685d",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -202,7 +202,7 @@
202
202
  --underlineNav-borderColor-active: #f78166;
203
203
  --underlineNav-borderColor-hover: #6e768166;
204
204
  --underlineNav-iconColor-rest: #848d97;
205
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
206
206
  --fgColor-default: #e6edf3;
207
207
  --fgColor-muted: #848d97;
208
208
  --fgColor-onEmphasis: #ffffff;
@@ -623,7 +623,7 @@
623
623
  --underlineNav-borderColor-active: #f78166;
624
624
  --underlineNav-borderColor-hover: #6e768166;
625
625
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
626
+ --selection-bgColor: #1f6febb3;
627
627
  --fgColor-default: #e6edf3;
628
628
  --fgColor-muted: #848d97;
629
629
  --fgColor-onEmphasis: #ffffff;
@@ -202,7 +202,7 @@
202
202
  --underlineNav-borderColor-active: #ec775c;
203
203
  --underlineNav-borderColor-hover: #636e7b66;
204
204
  --underlineNav-iconColor-rest: #717e8b;
205
- --selection-bgColor: #478be633;
205
+ --selection-bgColor: #316dcab3;
206
206
  --fgColor-default: #c5d1de;
207
207
  --fgColor-muted: #717e8b;
208
208
  --fgColor-onEmphasis: #cdd9e5;
@@ -623,7 +623,7 @@
623
623
  --underlineNav-borderColor-active: #ec775c;
624
624
  --underlineNav-borderColor-hover: #636e7b66;
625
625
  --underlineNav-iconColor-rest: #717e8b;
626
- --selection-bgColor: #478be633;
626
+ --selection-bgColor: #316dcab3;
627
627
  --fgColor-default: #c5d1de;
628
628
  --fgColor-muted: #717e8b;
629
629
  --fgColor-onEmphasis: #cdd9e5;
@@ -202,7 +202,7 @@
202
202
  --underlineNav-borderColor-active: #ff967d;
203
203
  --underlineNav-borderColor-hover: #bdc4cc;
204
204
  --underlineNav-iconColor-rest: #f0f3f6;
205
- --selection-bgColor: #60aeff33;
205
+ --selection-bgColor: #409effb3;
206
206
  --fgColor-default: #fbfcfd;
207
207
  --fgColor-muted: #f0f3f6;
208
208
  --fgColor-onEmphasis: #0a0c10;
@@ -623,7 +623,7 @@
623
623
  --underlineNav-borderColor-active: #ff967d;
624
624
  --underlineNav-borderColor-hover: #bdc4cc;
625
625
  --underlineNav-iconColor-rest: #f0f3f6;
626
- --selection-bgColor: #60aeff33;
626
+ --selection-bgColor: #409effb3;
627
627
  --fgColor-default: #fbfcfd;
628
628
  --fgColor-muted: #f0f3f6;
629
629
  --fgColor-onEmphasis: #0a0c10;
@@ -202,7 +202,7 @@
202
202
  --underlineNav-borderColor-active: #f78166;
203
203
  --underlineNav-borderColor-hover: #6e768166;
204
204
  --underlineNav-iconColor-rest: #848d97;
205
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
206
206
  --fgColor-default: #e6edf3;
207
207
  --fgColor-muted: #848d97;
208
208
  --fgColor-onEmphasis: #ffffff;
@@ -623,7 +623,7 @@
623
623
  --underlineNav-borderColor-active: #f78166;
624
624
  --underlineNav-borderColor-hover: #6e768166;
625
625
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
626
+ --selection-bgColor: #1f6febb3;
627
627
  --fgColor-default: #e6edf3;
628
628
  --fgColor-muted: #848d97;
629
629
  --fgColor-onEmphasis: #ffffff;
@@ -202,7 +202,7 @@
202
202
  --underlineNav-borderColor-active: #f78166;
203
203
  --underlineNav-borderColor-hover: #6e768166;
204
204
  --underlineNav-iconColor-rest: #848d97;
205
- --selection-bgColor: #4493f833;
205
+ --selection-bgColor: #1f6febb3;
206
206
  --fgColor-default: #e6edf3;
207
207
  --fgColor-muted: #848d97;
208
208
  --fgColor-onEmphasis: #ffffff;
@@ -623,7 +623,7 @@
623
623
  --underlineNav-borderColor-active: #f78166;
624
624
  --underlineNav-borderColor-hover: #6e768166;
625
625
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
626
+ --selection-bgColor: #1f6febb3;
627
627
  --fgColor-default: #e6edf3;
628
628
  --fgColor-muted: #848d97;
629
629
  --fgColor-onEmphasis: #ffffff;
@@ -203,7 +203,7 @@
203
203
  --underlineNav-borderColor-active: #fd8c73;
204
204
  --underlineNav-borderColor-hover: #afb8c133;
205
205
  --underlineNav-iconColor-rest: #636c76;
206
- --selection-bgColor: #0969da1a;
206
+ --selection-bgColor: #0969da33;
207
207
  --fgColor-default: #1f2328;
208
208
  --fgColor-muted: #636c76;
209
209
  --fgColor-onEmphasis: #ffffff;
@@ -624,7 +624,7 @@
624
624
  --underlineNav-borderColor-active: #fd8c73;
625
625
  --underlineNav-borderColor-hover: #afb8c133;
626
626
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
627
+ --selection-bgColor: #0969da33;
628
628
  --fgColor-default: #1f2328;
629
629
  --fgColor-muted: #636c76;
630
630
  --fgColor-onEmphasis: #ffffff;
@@ -203,7 +203,7 @@
203
203
  --underlineNav-borderColor-active: #cd3425;
204
204
  --underlineNav-borderColor-hover: #88929d;
205
205
  --underlineNav-iconColor-rest: #0e1116;
206
- --selection-bgColor: #023b951a;
206
+ --selection-bgColor: #0349b433;
207
207
  --fgColor-default: #010409;
208
208
  --fgColor-muted: #0e1116;
209
209
  --fgColor-onEmphasis: #ffffff;
@@ -624,7 +624,7 @@
624
624
  --underlineNav-borderColor-active: #cd3425;
625
625
  --underlineNav-borderColor-hover: #88929d;
626
626
  --underlineNav-iconColor-rest: #0e1116;
627
- --selection-bgColor: #023b951a;
627
+ --selection-bgColor: #0349b433;
628
628
  --fgColor-default: #010409;
629
629
  --fgColor-muted: #0e1116;
630
630
  --fgColor-onEmphasis: #ffffff;
@@ -203,7 +203,7 @@
203
203
  --underlineNav-borderColor-active: #fd8c73;
204
204
  --underlineNav-borderColor-hover: #afb8c133;
205
205
  --underlineNav-iconColor-rest: #636c76;
206
- --selection-bgColor: #0969da1a;
206
+ --selection-bgColor: #0969da33;
207
207
  --fgColor-default: #1f2328;
208
208
  --fgColor-muted: #636c76;
209
209
  --fgColor-onEmphasis: #ffffff;
@@ -624,7 +624,7 @@
624
624
  --underlineNav-borderColor-active: #fd8c73;
625
625
  --underlineNav-borderColor-hover: #afb8c133;
626
626
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
627
+ --selection-bgColor: #0969da33;
628
628
  --fgColor-default: #1f2328;
629
629
  --fgColor-muted: #636c76;
630
630
  --fgColor-onEmphasis: #ffffff;
@@ -203,7 +203,7 @@
203
203
  --underlineNav-borderColor-active: #fd8c73;
204
204
  --underlineNav-borderColor-hover: #afb8c133;
205
205
  --underlineNav-iconColor-rest: #636c76;
206
- --selection-bgColor: #0969da1a;
206
+ --selection-bgColor: #0969da33;
207
207
  --fgColor-default: #1f2328;
208
208
  --fgColor-muted: #636c76;
209
209
  --fgColor-onEmphasis: #ffffff;
@@ -624,7 +624,7 @@
624
624
  --underlineNav-borderColor-active: #fd8c73;
625
625
  --underlineNav-borderColor-hover: #afb8c133;
626
626
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
627
+ --selection-bgColor: #0969da33;
628
628
  --fgColor-default: #1f2328;
629
629
  --fgColor-muted: #636c76;
630
630
  --fgColor-onEmphasis: #ffffff;
@@ -5985,7 +5985,7 @@
5985
5985
  "path": ["underlineNav", "iconColor", "rest"]
5986
5986
  },
5987
5987
  "selection-bgColor": {
5988
- "value": "#4493f833",
5988
+ "value": "#1f6febb3",
5989
5989
  "$type": "color",
5990
5990
  "$extensions": {
5991
5991
  "org.primer.figma": {
@@ -5995,11 +5995,11 @@
5995
5995
  "scopes": ["bgColor"]
5996
5996
  }
5997
5997
  },
5998
- "alpha": 0.2,
5998
+ "alpha": 0.7,
5999
5999
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6000
6000
  "isSource": true,
6001
6001
  "original": {
6002
- "value": "{fgColor.link.@}",
6002
+ "value": "{bgColor.accent.emphasis}",
6003
6003
  "$type": "color",
6004
6004
  "$extensions": {
6005
6005
  "org.primer.figma": {
@@ -6009,7 +6009,7 @@
6009
6009
  "scopes": ["bgColor"]
6010
6010
  }
6011
6011
  },
6012
- "alpha": 0.2
6012
+ "alpha": 0.7
6013
6013
  },
6014
6014
  "name": "selection-bgColor",
6015
6015
  "attributes": {},
@@ -5991,7 +5991,7 @@
5991
5991
  "path": ["underlineNav", "iconColor", "rest"]
5992
5992
  },
5993
5993
  "selection-bgColor": {
5994
- "value": "#478be633",
5994
+ "value": "#316dcab3",
5995
5995
  "$type": "color",
5996
5996
  "$extensions": {
5997
5997
  "org.primer.figma": {
@@ -6001,11 +6001,11 @@
6001
6001
  "scopes": ["bgColor"]
6002
6002
  }
6003
6003
  },
6004
- "alpha": 0.2,
6004
+ "alpha": 0.7,
6005
6005
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6006
6006
  "isSource": true,
6007
6007
  "original": {
6008
- "value": "{fgColor.link.@}",
6008
+ "value": "{bgColor.accent.emphasis}",
6009
6009
  "$type": "color",
6010
6010
  "$extensions": {
6011
6011
  "org.primer.figma": {
@@ -6015,7 +6015,7 @@
6015
6015
  "scopes": ["bgColor"]
6016
6016
  }
6017
6017
  },
6018
- "alpha": 0.2
6018
+ "alpha": 0.7
6019
6019
  },
6020
6020
  "name": "selection-bgColor",
6021
6021
  "attributes": {},
@@ -6013,7 +6013,7 @@
6013
6013
  "path": ["underlineNav", "iconColor", "rest"]
6014
6014
  },
6015
6015
  "selection-bgColor": {
6016
- "value": "#60aeff33",
6016
+ "value": "#409effb3",
6017
6017
  "$type": "color",
6018
6018
  "$extensions": {
6019
6019
  "org.primer.figma": {
@@ -6023,11 +6023,11 @@
6023
6023
  "scopes": ["bgColor"]
6024
6024
  }
6025
6025
  },
6026
- "alpha": 0.2,
6026
+ "alpha": 0.7,
6027
6027
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6028
6028
  "isSource": true,
6029
6029
  "original": {
6030
- "value": "{fgColor.link.@}",
6030
+ "value": "{bgColor.accent.emphasis}",
6031
6031
  "$type": "color",
6032
6032
  "$extensions": {
6033
6033
  "org.primer.figma": {
@@ -6037,7 +6037,7 @@
6037
6037
  "scopes": ["bgColor"]
6038
6038
  }
6039
6039
  },
6040
- "alpha": 0.2
6040
+ "alpha": 0.7
6041
6041
  },
6042
6042
  "name": "selection-bgColor",
6043
6043
  "attributes": {},
@@ -5991,7 +5991,7 @@
5991
5991
  "path": ["underlineNav", "iconColor", "rest"]
5992
5992
  },
5993
5993
  "selection-bgColor": {
5994
- "value": "#4493f833",
5994
+ "value": "#1f6febb3",
5995
5995
  "$type": "color",
5996
5996
  "$extensions": {
5997
5997
  "org.primer.figma": {
@@ -6001,11 +6001,11 @@
6001
6001
  "scopes": ["bgColor"]
6002
6002
  }
6003
6003
  },
6004
- "alpha": 0.2,
6004
+ "alpha": 0.7,
6005
6005
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6006
6006
  "isSource": true,
6007
6007
  "original": {
6008
- "value": "{fgColor.link.@}",
6008
+ "value": "{bgColor.accent.emphasis}",
6009
6009
  "$type": "color",
6010
6010
  "$extensions": {
6011
6011
  "org.primer.figma": {
@@ -6015,7 +6015,7 @@
6015
6015
  "scopes": ["bgColor"]
6016
6016
  }
6017
6017
  },
6018
- "alpha": 0.2
6018
+ "alpha": 0.7
6019
6019
  },
6020
6020
  "name": "selection-bgColor",
6021
6021
  "attributes": {},