@primer/primitives 7.15.10 → 7.15.11-rc.f758d573

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 +4 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +4 -2
  3. package/dist/css/functional/themes/dark-high-contrast.css +4 -2
  4. package/dist/css/functional/themes/dark-tritanopia.css +4 -2
  5. package/dist/css/functional/themes/dark.css +4 -2
  6. package/dist/css/functional/themes/light-colorblind.css +4 -2
  7. package/dist/css/functional/themes/light-high-contrast.css +4 -2
  8. package/dist/css/functional/themes/light-tritanopia.css +4 -2
  9. package/dist/css/functional/themes/light.css +4 -2
  10. package/dist/docs/functional/themes/dark-colorblind.json +33 -4
  11. package/dist/docs/functional/themes/dark-dimmed.json +33 -4
  12. package/dist/docs/functional/themes/dark-high-contrast.json +33 -4
  13. package/dist/docs/functional/themes/dark-tritanopia.json +33 -4
  14. package/dist/docs/functional/themes/dark.json +33 -4
  15. package/dist/docs/functional/themes/light-colorblind.json +33 -4
  16. package/dist/docs/functional/themes/light-high-contrast.json +33 -4
  17. package/dist/docs/functional/themes/light-tritanopia.json +33 -4
  18. package/dist/docs/functional/themes/light.json +33 -4
  19. package/dist/figma/themes/dark-colorblind.json +32 -17
  20. package/dist/figma/themes/dark-dimmed.json +32 -17
  21. package/dist/figma/themes/dark-high-contrast.json +32 -17
  22. package/dist/figma/themes/dark-tritanopia.json +32 -17
  23. package/dist/figma/themes/dark.json +32 -17
  24. package/dist/figma/themes/light-colorblind.json +32 -17
  25. package/dist/figma/themes/light-high-contrast.json +32 -17
  26. package/dist/figma/themes/light-tritanopia.json +32 -17
  27. package/dist/figma/themes/light.json +32 -17
  28. package/dist/scss/functional/themes/dark-colorblind.scss +2 -1
  29. package/dist/scss/functional/themes/dark-dimmed.scss +2 -1
  30. package/dist/scss/functional/themes/dark-high-contrast.scss +2 -1
  31. package/dist/scss/functional/themes/dark-tritanopia.scss +2 -1
  32. package/dist/scss/functional/themes/dark.scss +2 -1
  33. package/dist/scss/functional/themes/light-colorblind.scss +2 -1
  34. package/dist/scss/functional/themes/light-high-contrast.scss +2 -1
  35. package/dist/scss/functional/themes/light-tritanopia.scss +2 -1
  36. package/dist/scss/functional/themes/light.scss +2 -1
  37. package/package.json +1 -1
  38. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -2
  39. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -2
  40. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -2
  41. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -2
  42. package/tokens-next-private/css/functional/themes/dark.css +4 -2
  43. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -2
  44. package/tokens-next-private/css/functional/themes/light-high-contrast.css +4 -2
  45. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -2
  46. package/tokens-next-private/css/functional/themes/light.css +4 -2
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +33 -4
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +33 -4
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +33 -4
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +33 -4
  51. package/tokens-next-private/docs/functional/themes/dark.json +33 -4
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +33 -4
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +33 -4
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +33 -4
  55. package/tokens-next-private/docs/functional/themes/light.json +33 -4
  56. package/tokens-next-private/figma/themes/dark-colorblind.json +32 -17
  57. package/tokens-next-private/figma/themes/dark-dimmed.json +32 -17
  58. package/tokens-next-private/figma/themes/dark-high-contrast.json +32 -17
  59. package/tokens-next-private/figma/themes/dark-tritanopia.json +32 -17
  60. package/tokens-next-private/figma/themes/dark.json +32 -17
  61. package/tokens-next-private/figma/themes/light-colorblind.json +32 -17
  62. package/tokens-next-private/figma/themes/light-high-contrast.json +32 -17
  63. package/tokens-next-private/figma/themes/light-tritanopia.json +32 -17
  64. package/tokens-next-private/figma/themes/light.json +32 -17
  65. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -1
  66. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -1
  67. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -1
  68. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -1
  69. package/tokens-next-private/scss/functional/themes/dark.scss +2 -1
  70. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -1
  71. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +2 -1
  72. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -1
  73. package/tokens-next-private/scss/functional/themes/light.scss +2 -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
@@ -29,6 +29,21 @@
29
29
  "group": "syntax",
30
30
  "scopes": ["ALL_SCOPES"]
31
31
  },
32
+ {
33
+ "name": "fgColor/white",
34
+ "value": {
35
+ "r": 1,
36
+ "g": 1,
37
+ "b": 1,
38
+ "a": 1
39
+ },
40
+ "type": "COLOR",
41
+ "refId": "mode/fgColor/white",
42
+ "collection": "mode",
43
+ "mode": "light tritanopia",
44
+ "group": "semantic",
45
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
+ },
32
47
  {
33
48
  "name": "shadow/resting/medium/offsetX",
34
49
  "value": 0,
@@ -3985,6 +4000,23 @@
3985
4000
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3986
4001
  }
3987
4002
  },
4003
+ {
4004
+ "name": "selection/bgColor",
4005
+ "value": {
4006
+ "r": 0.03529411764705882,
4007
+ "g": 0.4117647058823529,
4008
+ "b": 0.8549019607843137,
4009
+ "a": 0.2
4010
+ },
4011
+ "type": "COLOR",
4012
+ "alpha": 0.2,
4013
+ "refId": "mode/selection/bgColor",
4014
+ "reference": "mode/bgColor/accent-emphasis",
4015
+ "collection": "mode",
4016
+ "mode": "light tritanopia",
4017
+ "group": "component",
4018
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4019
+ },
3988
4020
  {
3989
4021
  "name": "underlineNav/iconColor/rest",
3990
4022
  "value": {
@@ -5457,23 +5489,6 @@
5457
5489
  "group": "component",
5458
5490
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5459
5491
  },
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
5492
  {
5478
5493
  "name": "overlay/borderColor",
5479
5494
  "value": {
@@ -29,6 +29,21 @@
29
29
  "group": "syntax",
30
30
  "scopes": ["ALL_SCOPES"]
31
31
  },
32
+ {
33
+ "name": "fgColor/white",
34
+ "value": {
35
+ "r": 1,
36
+ "g": 1,
37
+ "b": 1,
38
+ "a": 1
39
+ },
40
+ "type": "COLOR",
41
+ "refId": "mode/fgColor/white",
42
+ "collection": "mode",
43
+ "mode": "light",
44
+ "group": "semantic",
45
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
+ },
32
47
  {
33
48
  "name": "shadow/resting/medium/offsetX",
34
49
  "value": 0,
@@ -3984,6 +3999,23 @@
3984
3999
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3985
4000
  }
3986
4001
  },
4002
+ {
4003
+ "name": "selection/bgColor",
4004
+ "value": {
4005
+ "r": 0.03529411764705882,
4006
+ "g": 0.4117647058823529,
4007
+ "b": 0.8549019607843137,
4008
+ "a": 0.2
4009
+ },
4010
+ "type": "COLOR",
4011
+ "alpha": 0.2,
4012
+ "refId": "mode/selection/bgColor",
4013
+ "reference": "mode/bgColor/accent-emphasis",
4014
+ "collection": "mode",
4015
+ "mode": "light",
4016
+ "group": "component",
4017
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4018
+ },
3987
4019
  {
3988
4020
  "name": "underlineNav/iconColor/rest",
3989
4021
  "value": {
@@ -5456,23 +5488,6 @@
5456
5488
  "group": "component",
5457
5489
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5458
5490
  },
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
5491
  {
5477
5492
  "name": "overlay/borderColor",
5478
5493
  "value": {
@@ -198,10 +198,11 @@ $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;
205
+ $fgColor-white: #ffffff;
205
206
  $fgColor-disabled: #6e7681;
206
207
  $fgColor-link: #4493f8;
207
208
  $fgColor-neutral: #6e7681;
@@ -198,10 +198,11 @@ $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;
205
+ $fgColor-white: #ffffff;
205
206
  $fgColor-disabled: #636e7b;
206
207
  $fgColor-link: #478be6;
207
208
  $fgColor-neutral: #636e7b;
@@ -198,10 +198,11 @@ $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;
205
+ $fgColor-white: #ffffff;
205
206
  $fgColor-disabled: #9ea7b3;
206
207
  $fgColor-link: #60aeff;
207
208
  $fgColor-neutral: #9ea7b3;
@@ -198,10 +198,11 @@ $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;
205
+ $fgColor-white: #ffffff;
205
206
  $fgColor-disabled: #6e7681;
206
207
  $fgColor-link: #4493f8;
207
208
  $fgColor-neutral: #6e7681;
@@ -198,10 +198,11 @@ $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;
205
+ $fgColor-white: #ffffff;
205
206
  $fgColor-disabled: #6e7681;
206
207
  $fgColor-link: #4493f8;
207
208
  $fgColor-neutral: #6e7681;
@@ -199,10 +199,11 @@ $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;
206
+ $fgColor-white: #ffffff;
206
207
  $fgColor-disabled: #8c959f;
207
208
  $fgColor-link: #0969da;
208
209
  $fgColor-neutral: #6e7781;
@@ -199,10 +199,11 @@ $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;
206
+ $fgColor-white: #ffffff;
206
207
  $fgColor-disabled: #66707b;
207
208
  $fgColor-link: #023b95;
208
209
  $fgColor-neutral: #66707b;
@@ -199,10 +199,11 @@ $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;
206
+ $fgColor-white: #ffffff;
206
207
  $fgColor-disabled: #8c959f;
207
208
  $fgColor-link: #0969da;
208
209
  $fgColor-neutral: #6e7781;
@@ -199,10 +199,11 @@ $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;
206
+ $fgColor-white: #ffffff;
206
207
  $fgColor-disabled: #8c959f;
207
208
  $fgColor-link: #0969da;
208
209
  $fgColor-neutral: #6e7781;
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.f758d573",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -202,10 +202,11 @@
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;
209
+ --fgColor-white: #ffffff;
209
210
  --fgColor-disabled: #6e7681;
210
211
  --fgColor-link: #4493f8;
211
212
  --fgColor-neutral: #6e7681;
@@ -623,10 +624,11 @@
623
624
  --underlineNav-borderColor-active: #f78166;
624
625
  --underlineNav-borderColor-hover: #6e768166;
625
626
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
627
+ --selection-bgColor: #1f6febb3;
627
628
  --fgColor-default: #e6edf3;
628
629
  --fgColor-muted: #848d97;
629
630
  --fgColor-onEmphasis: #ffffff;
631
+ --fgColor-white: #ffffff;
630
632
  --fgColor-disabled: #6e7681;
631
633
  --fgColor-link: #4493f8;
632
634
  --fgColor-neutral: #6e7681;
@@ -202,10 +202,11 @@
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;
209
+ --fgColor-white: #ffffff;
209
210
  --fgColor-disabled: #636e7b;
210
211
  --fgColor-link: #478be6;
211
212
  --fgColor-neutral: #636e7b;
@@ -623,10 +624,11 @@
623
624
  --underlineNav-borderColor-active: #ec775c;
624
625
  --underlineNav-borderColor-hover: #636e7b66;
625
626
  --underlineNav-iconColor-rest: #717e8b;
626
- --selection-bgColor: #478be633;
627
+ --selection-bgColor: #316dcab3;
627
628
  --fgColor-default: #c5d1de;
628
629
  --fgColor-muted: #717e8b;
629
630
  --fgColor-onEmphasis: #cdd9e5;
631
+ --fgColor-white: #ffffff;
630
632
  --fgColor-disabled: #636e7b;
631
633
  --fgColor-link: #478be6;
632
634
  --fgColor-neutral: #636e7b;
@@ -202,10 +202,11 @@
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;
209
+ --fgColor-white: #ffffff;
209
210
  --fgColor-disabled: #9ea7b3;
210
211
  --fgColor-link: #60aeff;
211
212
  --fgColor-neutral: #9ea7b3;
@@ -623,10 +624,11 @@
623
624
  --underlineNav-borderColor-active: #ff967d;
624
625
  --underlineNav-borderColor-hover: #bdc4cc;
625
626
  --underlineNav-iconColor-rest: #f0f3f6;
626
- --selection-bgColor: #60aeff33;
627
+ --selection-bgColor: #409effb3;
627
628
  --fgColor-default: #fbfcfd;
628
629
  --fgColor-muted: #f0f3f6;
629
630
  --fgColor-onEmphasis: #0a0c10;
631
+ --fgColor-white: #ffffff;
630
632
  --fgColor-disabled: #9ea7b3;
631
633
  --fgColor-link: #60aeff;
632
634
  --fgColor-neutral: #9ea7b3;
@@ -202,10 +202,11 @@
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;
209
+ --fgColor-white: #ffffff;
209
210
  --fgColor-disabled: #6e7681;
210
211
  --fgColor-link: #4493f8;
211
212
  --fgColor-neutral: #6e7681;
@@ -623,10 +624,11 @@
623
624
  --underlineNav-borderColor-active: #f78166;
624
625
  --underlineNav-borderColor-hover: #6e768166;
625
626
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
627
+ --selection-bgColor: #1f6febb3;
627
628
  --fgColor-default: #e6edf3;
628
629
  --fgColor-muted: #848d97;
629
630
  --fgColor-onEmphasis: #ffffff;
631
+ --fgColor-white: #ffffff;
630
632
  --fgColor-disabled: #6e7681;
631
633
  --fgColor-link: #4493f8;
632
634
  --fgColor-neutral: #6e7681;
@@ -202,10 +202,11 @@
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;
209
+ --fgColor-white: #ffffff;
209
210
  --fgColor-disabled: #6e7681;
210
211
  --fgColor-link: #4493f8;
211
212
  --fgColor-neutral: #6e7681;
@@ -623,10 +624,11 @@
623
624
  --underlineNav-borderColor-active: #f78166;
624
625
  --underlineNav-borderColor-hover: #6e768166;
625
626
  --underlineNav-iconColor-rest: #848d97;
626
- --selection-bgColor: #4493f833;
627
+ --selection-bgColor: #1f6febb3;
627
628
  --fgColor-default: #e6edf3;
628
629
  --fgColor-muted: #848d97;
629
630
  --fgColor-onEmphasis: #ffffff;
631
+ --fgColor-white: #ffffff;
630
632
  --fgColor-disabled: #6e7681;
631
633
  --fgColor-link: #4493f8;
632
634
  --fgColor-neutral: #6e7681;
@@ -203,10 +203,11 @@
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;
210
+ --fgColor-white: #ffffff;
210
211
  --fgColor-disabled: #8c959f;
211
212
  --fgColor-link: #0969da;
212
213
  --fgColor-neutral: #6e7781;
@@ -624,10 +625,11 @@
624
625
  --underlineNav-borderColor-active: #fd8c73;
625
626
  --underlineNav-borderColor-hover: #afb8c133;
626
627
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
628
+ --selection-bgColor: #0969da33;
628
629
  --fgColor-default: #1f2328;
629
630
  --fgColor-muted: #636c76;
630
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
631
633
  --fgColor-disabled: #8c959f;
632
634
  --fgColor-link: #0969da;
633
635
  --fgColor-neutral: #6e7781;
@@ -203,10 +203,11 @@
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;
210
+ --fgColor-white: #ffffff;
210
211
  --fgColor-disabled: #66707b;
211
212
  --fgColor-link: #023b95;
212
213
  --fgColor-neutral: #66707b;
@@ -624,10 +625,11 @@
624
625
  --underlineNav-borderColor-active: #cd3425;
625
626
  --underlineNav-borderColor-hover: #88929d;
626
627
  --underlineNav-iconColor-rest: #0e1116;
627
- --selection-bgColor: #023b951a;
628
+ --selection-bgColor: #0349b433;
628
629
  --fgColor-default: #010409;
629
630
  --fgColor-muted: #0e1116;
630
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
631
633
  --fgColor-disabled: #66707b;
632
634
  --fgColor-link: #023b95;
633
635
  --fgColor-neutral: #66707b;
@@ -203,10 +203,11 @@
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;
210
+ --fgColor-white: #ffffff;
210
211
  --fgColor-disabled: #8c959f;
211
212
  --fgColor-link: #0969da;
212
213
  --fgColor-neutral: #6e7781;
@@ -624,10 +625,11 @@
624
625
  --underlineNav-borderColor-active: #fd8c73;
625
626
  --underlineNav-borderColor-hover: #afb8c133;
626
627
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
628
+ --selection-bgColor: #0969da33;
628
629
  --fgColor-default: #1f2328;
629
630
  --fgColor-muted: #636c76;
630
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
631
633
  --fgColor-disabled: #8c959f;
632
634
  --fgColor-link: #0969da;
633
635
  --fgColor-neutral: #6e7781;
@@ -203,10 +203,11 @@
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;
210
+ --fgColor-white: #ffffff;
210
211
  --fgColor-disabled: #8c959f;
211
212
  --fgColor-link: #0969da;
212
213
  --fgColor-neutral: #6e7781;
@@ -624,10 +625,11 @@
624
625
  --underlineNav-borderColor-active: #fd8c73;
625
626
  --underlineNav-borderColor-hover: #afb8c133;
626
627
  --underlineNav-iconColor-rest: #636c76;
627
- --selection-bgColor: #0969da1a;
628
+ --selection-bgColor: #0969da33;
628
629
  --fgColor-default: #1f2328;
629
630
  --fgColor-muted: #636c76;
630
631
  --fgColor-onEmphasis: #ffffff;
632
+ --fgColor-white: #ffffff;
631
633
  --fgColor-disabled: #8c959f;
632
634
  --fgColor-link: #0969da;
633
635
  --fgColor-neutral: #6e7781;
@@ -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": {},
@@ -6136,6 +6136,35 @@
6136
6136
  "attributes": {},
6137
6137
  "path": ["fgColor", "onEmphasis"]
6138
6138
  },
6139
+ "fgColor-white": {
6140
+ "value": "#ffffff",
6141
+ "$type": "color",
6142
+ "$extensions": {
6143
+ "org.primer.figma": {
6144
+ "collection": "mode",
6145
+ "mode": "light",
6146
+ "group": "semantic",
6147
+ "scopes": ["fgColor"]
6148
+ }
6149
+ },
6150
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6151
+ "isSource": true,
6152
+ "original": {
6153
+ "value": "#ffffff",
6154
+ "$type": "color",
6155
+ "$extensions": {
6156
+ "org.primer.figma": {
6157
+ "collection": "mode",
6158
+ "mode": "light",
6159
+ "group": "semantic",
6160
+ "scopes": ["fgColor"]
6161
+ }
6162
+ }
6163
+ },
6164
+ "name": "fgColor-white",
6165
+ "attributes": {},
6166
+ "path": ["fgColor", "white"]
6167
+ },
6139
6168
  "fgColor-disabled": {
6140
6169
  "value": "#6e7681",
6141
6170
  "$type": "color",
@@ -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": {},
@@ -6142,6 +6142,35 @@
6142
6142
  "attributes": {},
6143
6143
  "path": ["fgColor", "onEmphasis"]
6144
6144
  },
6145
+ "fgColor-white": {
6146
+ "value": "#ffffff",
6147
+ "$type": "color",
6148
+ "$extensions": {
6149
+ "org.primer.figma": {
6150
+ "collection": "mode",
6151
+ "mode": "light",
6152
+ "group": "semantic",
6153
+ "scopes": ["fgColor"]
6154
+ }
6155
+ },
6156
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6157
+ "isSource": true,
6158
+ "original": {
6159
+ "value": "#ffffff",
6160
+ "$type": "color",
6161
+ "$extensions": {
6162
+ "org.primer.figma": {
6163
+ "collection": "mode",
6164
+ "mode": "light",
6165
+ "group": "semantic",
6166
+ "scopes": ["fgColor"]
6167
+ }
6168
+ }
6169
+ },
6170
+ "name": "fgColor-white",
6171
+ "attributes": {},
6172
+ "path": ["fgColor", "white"]
6173
+ },
6145
6174
  "fgColor-disabled": {
6146
6175
  "value": "#636e7b",
6147
6176
  "$type": "color",