@primer/primitives 7.15.2 → 7.15.3

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 (99) hide show
  1. package/dist/js/colors/dark.js +1 -1
  2. package/dist/js/colors/dark_high_contrast.js +1 -1
  3. package/dist/js/colors/light.js +1 -1
  4. package/dist/js/colors/light_high_contrast.js +1 -1
  5. package/dist/json/colors/dark.json +1 -1
  6. package/dist/json/colors/dark_high_contrast.json +1 -1
  7. package/dist/json/colors/light.json +1 -1
  8. package/dist/json/colors/light_high_contrast.json +1 -1
  9. package/dist/scss/colors/_dark.scss +1 -1
  10. package/dist/scss/colors/_dark_high_contrast.scss +1 -1
  11. package/dist/scss/colors/_light.scss +1 -1
  12. package/dist/scss/colors/_light_high_contrast.scss +1 -1
  13. package/dist/ts/colors/dark.ts +1 -1
  14. package/dist/ts/colors/dark_high_contrast.ts +1 -1
  15. package/dist/ts/colors/light.ts +1 -1
  16. package/dist/ts/colors/light_high_contrast.ts +1 -1
  17. package/package.json +1 -1
  18. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
  19. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
  20. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  21. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
  22. package/tokens-next-private/css/functional/themes/dark.css +2 -2
  23. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  24. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  25. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  26. package/tokens-next-private/css/functional/themes/light.css +2 -2
  27. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +2 -2
  28. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +2 -2
  29. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +2 -2
  30. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +2 -2
  31. package/tokens-next-private/docs/functional/themes/dark.json +2 -2
  32. package/tokens-next-private/docs/functional/themes/light-colorblind.json +2 -2
  33. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -2
  34. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +2 -2
  35. package/tokens-next-private/docs/functional/themes/light.json +2 -2
  36. package/tokens-next-private/figma/themes/dark.json +16 -16
  37. package/tokens-next-private/figma/themes/light.json +16 -16
  38. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
  39. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
  40. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  41. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
  42. package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
  43. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  44. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  45. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  46. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  47. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  48. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  49. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  50. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  51. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  52. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  53. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  55. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  56. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  57. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  58. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  59. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  60. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  64. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  65. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  66. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  67. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  68. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  69. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  70. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  73. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  74. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  75. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  76. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  77. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  78. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  82. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  84. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -329,7 +329,7 @@ exports.default = {
329
329
  },
330
330
  "inactive": {
331
331
  "bg": "#21262d",
332
- "text": "#7d8590"
332
+ "text": "#8b949e"
333
333
  }
334
334
  },
335
335
  "underlinenav": {
@@ -329,7 +329,7 @@ exports.default = {
329
329
  },
330
330
  "inactive": {
331
331
  "bg": "#272b33",
332
- "text": "#f0f3f6"
332
+ "text": "#bdc4cc"
333
333
  }
334
334
  },
335
335
  "underlinenav": {
@@ -329,7 +329,7 @@ exports.default = {
329
329
  },
330
330
  "inactive": {
331
331
  "bg": "#eaeef2",
332
- "text": "#656d76"
332
+ "text": "#57606a"
333
333
  }
334
334
  },
335
335
  "underlinenav": {
@@ -329,7 +329,7 @@ exports.default = {
329
329
  },
330
330
  "inactive": {
331
331
  "bg": "#e7ecf0",
332
- "text": "#0e1116"
332
+ "text": "#4b535d"
333
333
  }
334
334
  },
335
335
  "underlinenav": {
@@ -327,7 +327,7 @@
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#21262d",
330
- "text": "#7d8590"
330
+ "text": "#8b949e"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#272b33",
330
- "text": "#f0f3f6"
330
+ "text": "#bdc4cc"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#eaeef2",
330
- "text": "#656d76"
330
+ "text": "#57606a"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#e7ecf0",
330
- "text": "#0e1116"
330
+ "text": "#4b535d"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -256,7 +256,7 @@
256
256
  --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
257
257
  --color-btn-danger-hover-counter-fg: #ffffff;
258
258
  --color-btn-inactive-bg: #21262d;
259
- --color-btn-inactive-text: #7d8590;
259
+ --color-btn-inactive-text: #8b949e;
260
260
  --color-underlinenav-icon: #6e7681;
261
261
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
262
262
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
@@ -256,7 +256,7 @@
256
256
  --color-btn-danger-disabled-counter-fg: rgba(255,106,105,0.5);
257
257
  --color-btn-danger-hover-counter-fg: #ffffff;
258
258
  --color-btn-inactive-bg: #272b33;
259
- --color-btn-inactive-text: #f0f3f6;
259
+ --color-btn-inactive-text: #bdc4cc;
260
260
  --color-underlinenav-icon: #f0f3f6;
261
261
  --color-underlinenav-border-hover: #bdc4cc;
262
262
  --color-action-list-item-inline-divider: #7a828e;
@@ -256,7 +256,7 @@
256
256
  --color-btn-danger-hover-counter-fg: #ffffff;
257
257
  --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
258
258
  --color-btn-inactive-bg: #eaeef2;
259
- --color-btn-inactive-text: #656d76;
259
+ --color-btn-inactive-text: #57606a;
260
260
  --color-underlinenav-icon: #6e7781;
261
261
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
262
262
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
@@ -256,7 +256,7 @@
256
256
  --color-btn-danger-hover-counter-fg: #ffffff;
257
257
  --color-btn-danger-disabled-counter-fg: rgba(160,17,31,0.5);
258
258
  --color-btn-inactive-bg: #e7ecf0;
259
- --color-btn-inactive-text: #0e1116;
259
+ --color-btn-inactive-text: #4b535d;
260
260
  --color-underlinenav-icon: #66707b;
261
261
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
262
262
  --color-action-list-item-inline-divider: #88929d;
@@ -327,7 +327,7 @@ export default {
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#21262d",
330
- "text": "#7d8590"
330
+ "text": "#8b949e"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@ export default {
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#272b33",
330
- "text": "#f0f3f6"
330
+ "text": "#bdc4cc"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@ export default {
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#eaeef2",
330
- "text": "#656d76"
330
+ "text": "#57606a"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
@@ -327,7 +327,7 @@ export default {
327
327
  },
328
328
  "inactive": {
329
329
  "bg": "#e7ecf0",
330
- "text": "#0e1116"
330
+ "text": "#4b535d"
331
331
  }
332
332
  },
333
333
  "underlinenav": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.2",
3
+ "version": "7.15.3",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #f0f6fc1a;
160
160
  --button-danger-borderColor-active: #f0f6fc1a;
161
161
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
162
- --button-inactive-fgColor-rest: #7d8590;
162
+ --button-inactive-fgColor-rest: #8b949e;
163
163
  --button-inactive-bgColor-rest: #21262d;
164
164
  --buttonCounter-default-bgColor-rest: #30363d;
165
165
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #f0f6fc1a;
580
580
  --button-danger-borderColor-active: #f0f6fc1a;
581
581
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
582
- --button-inactive-fgColor-rest: #7d8590;
582
+ --button-inactive-fgColor-rest: #8b949e;
583
583
  --button-inactive-bgColor-rest: #21262d;
584
584
  --buttonCounter-default-bgColor-rest: #30363d;
585
585
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #cdd9e51a;
160
160
  --button-danger-borderColor-active: #cdd9e51a;
161
161
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
162
- --button-inactive-fgColor-rest: #6d7986;
162
+ --button-inactive-fgColor-rest: #768390;
163
163
  --button-inactive-bgColor-rest: #373e47;
164
164
  --buttonCounter-default-bgColor-rest: #444c56;
165
165
  --buttonCounter-invisible-bgColor-rest: #444c56;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #cdd9e51a;
580
580
  --button-danger-borderColor-active: #cdd9e51a;
581
581
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
582
- --button-inactive-fgColor-rest: #6d7986;
582
+ --button-inactive-fgColor-rest: #768390;
583
583
  --button-inactive-bgColor-rest: #373e47;
584
584
  --buttonCounter-default-bgColor-rest: #444c56;
585
585
  --buttonCounter-invisible-bgColor-rest: #444c56;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #ffffff1a;
160
160
  --button-danger-borderColor-active: #ffffff1a;
161
161
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
162
- --button-inactive-fgColor-rest: #f0f3f6;
162
+ --button-inactive-fgColor-rest: #bdc4cc;
163
163
  --button-inactive-bgColor-rest: #272b33;
164
164
  --buttonCounter-default-bgColor-rest: #525964;
165
165
  --buttonCounter-invisible-bgColor-rest: #525964;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #ffffff1a;
580
580
  --button-danger-borderColor-active: #ffffff1a;
581
581
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
582
- --button-inactive-fgColor-rest: #f0f3f6;
582
+ --button-inactive-fgColor-rest: #bdc4cc;
583
583
  --button-inactive-bgColor-rest: #272b33;
584
584
  --buttonCounter-default-bgColor-rest: #525964;
585
585
  --buttonCounter-invisible-bgColor-rest: #525964;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #f0f6fc1a;
160
160
  --button-danger-borderColor-active: #f0f6fc1a;
161
161
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
162
- --button-inactive-fgColor-rest: #7d8590;
162
+ --button-inactive-fgColor-rest: #8b949e;
163
163
  --button-inactive-bgColor-rest: #21262d;
164
164
  --buttonCounter-default-bgColor-rest: #30363d;
165
165
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #f0f6fc1a;
580
580
  --button-danger-borderColor-active: #f0f6fc1a;
581
581
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
582
- --button-inactive-fgColor-rest: #7d8590;
582
+ --button-inactive-fgColor-rest: #8b949e;
583
583
  --button-inactive-bgColor-rest: #21262d;
584
584
  --buttonCounter-default-bgColor-rest: #30363d;
585
585
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #f0f6fc1a;
160
160
  --button-danger-borderColor-active: #f0f6fc1a;
161
161
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
162
- --button-inactive-fgColor-rest: #7d8590;
162
+ --button-inactive-fgColor-rest: #8b949e;
163
163
  --button-inactive-bgColor-rest: #21262d;
164
164
  --buttonCounter-default-bgColor-rest: #30363d;
165
165
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #f0f6fc1a;
580
580
  --button-danger-borderColor-active: #f0f6fc1a;
581
581
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
582
- --button-inactive-fgColor-rest: #7d8590;
582
+ --button-inactive-fgColor-rest: #8b949e;
583
583
  --button-inactive-bgColor-rest: #21262d;
584
584
  --buttonCounter-default-bgColor-rest: #30363d;
585
585
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
162
- --button-inactive-fgColor-rest: #636c76;
162
+ --button-inactive-fgColor-rest: #57606a;
163
163
  --button-inactive-bgColor-rest: #eaeef2;
164
164
  --buttonCounter-default-bgColor-rest: #afb8c133;
165
165
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #1f232826;
580
580
  --button-danger-borderColor-active: #1f232826;
581
581
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
582
- --button-inactive-fgColor-rest: #636c76;
582
+ --button-inactive-fgColor-rest: #57606a;
583
583
  --button-inactive-bgColor-rest: #eaeef2;
584
584
  --buttonCounter-default-bgColor-rest: #afb8c133;
585
585
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #01040926;
160
160
  --button-danger-borderColor-active: #01040926;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
162
- --button-inactive-fgColor-rest: #0e1116;
162
+ --button-inactive-fgColor-rest: #4b535d;
163
163
  --button-inactive-bgColor-rest: #e7ecf0;
164
164
  --buttonCounter-default-bgColor-rest: #66707b33;
165
165
  --buttonCounter-invisible-bgColor-rest: #66707b33;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #01040926;
580
580
  --button-danger-borderColor-active: #01040926;
581
581
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
582
- --button-inactive-fgColor-rest: #0e1116;
582
+ --button-inactive-fgColor-rest: #4b535d;
583
583
  --button-inactive-bgColor-rest: #e7ecf0;
584
584
  --buttonCounter-default-bgColor-rest: #66707b33;
585
585
  --buttonCounter-invisible-bgColor-rest: #66707b33;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
162
- --button-inactive-fgColor-rest: #636c76;
162
+ --button-inactive-fgColor-rest: #57606a;
163
163
  --button-inactive-bgColor-rest: #eaeef2;
164
164
  --buttonCounter-default-bgColor-rest: #afb8c133;
165
165
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #1f232826;
580
580
  --button-danger-borderColor-active: #1f232826;
581
581
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
582
- --button-inactive-fgColor-rest: #636c76;
582
+ --button-inactive-fgColor-rest: #57606a;
583
583
  --button-inactive-bgColor-rest: #eaeef2;
584
584
  --buttonCounter-default-bgColor-rest: #afb8c133;
585
585
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -159,7 +159,7 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
162
- --button-inactive-fgColor-rest: #636c76;
162
+ --button-inactive-fgColor-rest: #57606a;
163
163
  --button-inactive-bgColor-rest: #eaeef2;
164
164
  --buttonCounter-default-bgColor-rest: #afb8c133;
165
165
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -579,7 +579,7 @@
579
579
  --button-danger-borderColor-hover: #1f232826;
580
580
  --button-danger-borderColor-active: #1f232826;
581
581
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
582
- --button-inactive-fgColor-rest: #636c76;
582
+ --button-inactive-fgColor-rest: #57606a;
583
583
  --button-inactive-bgColor-rest: #eaeef2;
584
584
  --buttonCounter-default-bgColor-rest: #afb8c133;
585
585
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
@@ -4722,7 +4722,7 @@
4722
4722
  "path": ["button", "danger", "shadow", "selected"]
4723
4723
  },
4724
4724
  "button-inactive-fgColor-rest": {
4725
- "value": "#7d8590",
4725
+ "value": "#8b949e",
4726
4726
  "$type": "color",
4727
4727
  "$extensions": {
4728
4728
  "org.primer.figma": {
@@ -4735,7 +4735,7 @@
4735
4735
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4736
4736
  "isSource": true,
4737
4737
  "original": {
4738
- "value": "{fgColor.muted}",
4738
+ "value": "{base.color.gray.3}",
4739
4739
  "$type": "color",
4740
4740
  "$extensions": {
4741
4741
  "org.primer.figma": {
@@ -4728,7 +4728,7 @@
4728
4728
  "path": ["button", "danger", "shadow", "selected"]
4729
4729
  },
4730
4730
  "button-inactive-fgColor-rest": {
4731
- "value": "#6d7986",
4731
+ "value": "#768390",
4732
4732
  "$type": "color",
4733
4733
  "$extensions": {
4734
4734
  "org.primer.figma": {
@@ -4741,7 +4741,7 @@
4741
4741
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4742
4742
  "isSource": true,
4743
4743
  "original": {
4744
- "value": "{fgColor.muted}",
4744
+ "value": "{base.color.gray.3}",
4745
4745
  "$type": "color",
4746
4746
  "$extensions": {
4747
4747
  "org.primer.figma": {
@@ -4750,7 +4750,7 @@
4750
4750
  "path": ["button", "danger", "shadow", "selected"]
4751
4751
  },
4752
4752
  "button-inactive-fgColor-rest": {
4753
- "value": "#f0f3f6",
4753
+ "value": "#bdc4cc",
4754
4754
  "$type": "color",
4755
4755
  "$extensions": {
4756
4756
  "org.primer.figma": {
@@ -4763,7 +4763,7 @@
4763
4763
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4764
4764
  "isSource": true,
4765
4765
  "original": {
4766
- "value": "{fgColor.muted}",
4766
+ "value": "{base.color.gray.3}",
4767
4767
  "$type": "color",
4768
4768
  "$extensions": {
4769
4769
  "org.primer.figma": {
@@ -4728,7 +4728,7 @@
4728
4728
  "path": ["button", "danger", "shadow", "selected"]
4729
4729
  },
4730
4730
  "button-inactive-fgColor-rest": {
4731
- "value": "#7d8590",
4731
+ "value": "#8b949e",
4732
4732
  "$type": "color",
4733
4733
  "$extensions": {
4734
4734
  "org.primer.figma": {
@@ -4741,7 +4741,7 @@
4741
4741
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4742
4742
  "isSource": true,
4743
4743
  "original": {
4744
- "value": "{fgColor.muted}",
4744
+ "value": "{base.color.gray.3}",
4745
4745
  "$type": "color",
4746
4746
  "$extensions": {
4747
4747
  "org.primer.figma": {
@@ -4728,7 +4728,7 @@
4728
4728
  "path": ["button", "danger", "shadow", "selected"]
4729
4729
  },
4730
4730
  "button-inactive-fgColor-rest": {
4731
- "value": "#7d8590",
4731
+ "value": "#8b949e",
4732
4732
  "$type": "color",
4733
4733
  "$extensions": {
4734
4734
  "org.primer.figma": {
@@ -4741,7 +4741,7 @@
4741
4741
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4742
4742
  "isSource": true,
4743
4743
  "original": {
4744
- "value": "{fgColor.muted}",
4744
+ "value": "{base.color.gray.3}",
4745
4745
  "$type": "color",
4746
4746
  "$extensions": {
4747
4747
  "org.primer.figma": {
@@ -4716,7 +4716,7 @@
4716
4716
  "path": ["button", "danger", "shadow", "selected"]
4717
4717
  },
4718
4718
  "button-inactive-fgColor-rest": {
4719
- "value": "#636c76",
4719
+ "value": "#57606a",
4720
4720
  "$type": "color",
4721
4721
  "$extensions": {
4722
4722
  "org.primer.figma": {
@@ -4729,7 +4729,7 @@
4729
4729
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4730
4730
  "isSource": true,
4731
4731
  "original": {
4732
- "value": "{fgColor.muted}",
4732
+ "value": "{base.color.gray.6}",
4733
4733
  "$type": "color",
4734
4734
  "$extensions": {
4735
4735
  "org.primer.figma": {
@@ -4732,7 +4732,7 @@
4732
4732
  "path": ["button", "danger", "shadow", "selected"]
4733
4733
  },
4734
4734
  "button-inactive-fgColor-rest": {
4735
- "value": "#0e1116",
4735
+ "value": "#4b535d",
4736
4736
  "$type": "color",
4737
4737
  "$extensions": {
4738
4738
  "org.primer.figma": {
@@ -4745,7 +4745,7 @@
4745
4745
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4746
4746
  "isSource": true,
4747
4747
  "original": {
4748
- "value": "{fgColor.muted}",
4748
+ "value": "{base.color.gray.6}",
4749
4749
  "$type": "color",
4750
4750
  "$extensions": {
4751
4751
  "org.primer.figma": {
@@ -4712,7 +4712,7 @@
4712
4712
  "path": ["button", "danger", "shadow", "selected"]
4713
4713
  },
4714
4714
  "button-inactive-fgColor-rest": {
4715
- "value": "#636c76",
4715
+ "value": "#57606a",
4716
4716
  "$type": "color",
4717
4717
  "$extensions": {
4718
4718
  "org.primer.figma": {
@@ -4725,7 +4725,7 @@
4725
4725
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4726
4726
  "isSource": true,
4727
4727
  "original": {
4728
- "value": "{fgColor.muted}",
4728
+ "value": "{base.color.gray.6}",
4729
4729
  "$type": "color",
4730
4730
  "$extensions": {
4731
4731
  "org.primer.figma": {
@@ -4712,7 +4712,7 @@
4712
4712
  "path": ["button", "danger", "shadow", "selected"]
4713
4713
  },
4714
4714
  "button-inactive-fgColor-rest": {
4715
- "value": "#636c76",
4715
+ "value": "#57606a",
4716
4716
  "$type": "color",
4717
4717
  "$extensions": {
4718
4718
  "org.primer.figma": {
@@ -4725,7 +4725,7 @@
4725
4725
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4726
4726
  "isSource": true,
4727
4727
  "original": {
4728
- "value": "{fgColor.muted}",
4728
+ "value": "{base.color.gray.6}",
4729
4729
  "$type": "color",
4730
4730
  "$extensions": {
4731
4731
  "org.primer.figma": {
@@ -2170,6 +2170,22 @@
2170
2170
  "group": "component (internal)",
2171
2171
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2172
2172
  },
2173
+ {
2174
+ "name": "button/inactive/fgColor/rest",
2175
+ "value": {
2176
+ "r": 0.5450980392156862,
2177
+ "g": 0.5803921568627451,
2178
+ "b": 0.6196078431372549,
2179
+ "a": 1
2180
+ },
2181
+ "type": "COLOR",
2182
+ "refId": "mode/button/inactive/fgColor/rest",
2183
+ "reference": "base/color/dark/base/color/gray/3",
2184
+ "collection": "mode",
2185
+ "mode": "dark",
2186
+ "group": "component (internal)",
2187
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2188
+ },
2173
2189
  {
2174
2190
  "name": "button/danger/borderColor/hover",
2175
2191
  "value": {
@@ -3640,22 +3656,6 @@
3640
3656
  "group": "component (internal)",
3641
3657
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3642
3658
  },
3643
- {
3644
- "name": "button/inactive/fgColor/rest",
3645
- "value": {
3646
- "r": 0.49019607843137253,
3647
- "g": 0.5215686274509804,
3648
- "b": 0.5647058823529412,
3649
- "a": 1
3650
- },
3651
- "type": "COLOR",
3652
- "refId": "mode/button/inactive/fgColor/rest",
3653
- "reference": "mode/fgColor/muted",
3654
- "collection": "mode",
3655
- "mode": "dark",
3656
- "group": "component (internal)",
3657
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3658
- },
3659
3659
  {
3660
3660
  "name": "button/danger/borderColor/active",
3661
3661
  "value": {
@@ -2111,6 +2111,22 @@
2111
2111
  "group": "component (internal)",
2112
2112
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2113
2113
  },
2114
+ {
2115
+ "name": "button/inactive/fgColor/rest",
2116
+ "value": {
2117
+ "r": 0.3411764705882353,
2118
+ "g": 0.3764705882352941,
2119
+ "b": 0.41568627450980394,
2120
+ "a": 1
2121
+ },
2122
+ "type": "COLOR",
2123
+ "refId": "mode/button/inactive/fgColor/rest",
2124
+ "reference": "base/color/light/base/color/gray/6",
2125
+ "collection": "mode",
2126
+ "mode": "light",
2127
+ "group": "component (internal)",
2128
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2129
+ },
2114
2130
  {
2115
2131
  "name": "button/danger/borderColor/hover",
2116
2132
  "value": {
@@ -3529,22 +3545,6 @@
3529
3545
  "group": "component (internal)",
3530
3546
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3531
3547
  },
3532
- {
3533
- "name": "button/inactive/fgColor/rest",
3534
- "value": {
3535
- "r": 0.38823529411764707,
3536
- "g": 0.4235294117647059,
3537
- "b": 0.4627450980392157,
3538
- "a": 1
3539
- },
3540
- "type": "COLOR",
3541
- "refId": "mode/button/inactive/fgColor/rest",
3542
- "reference": "mode/fgColor/muted",
3543
- "collection": "mode",
3544
- "mode": "light",
3545
- "group": "component (internal)",
3546
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3547
- },
3548
3548
  {
3549
3549
  "name": "button/danger/borderColor/active",
3550
3550
  "value": {
@@ -157,7 +157,7 @@ $button-danger-borderColor-rest: #30363d;
157
157
  $button-danger-borderColor-hover: #f0f6fc1a;
158
158
  $button-danger-borderColor-active: #f0f6fc1a;
159
159
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
- $button-inactive-fgColor-rest: #7d8590;
160
+ $button-inactive-fgColor-rest: #8b949e;
161
161
  $button-inactive-bgColor-rest: #21262d;
162
162
  $buttonCounter-default-bgColor-rest: #30363d;
163
163
  $buttonCounter-invisible-bgColor-rest: #30363d;
@@ -157,7 +157,7 @@ $button-danger-borderColor-rest: #444c56;
157
157
  $button-danger-borderColor-hover: #cdd9e51a;
158
158
  $button-danger-borderColor-active: #cdd9e51a;
159
159
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
- $button-inactive-fgColor-rest: #6d7986;
160
+ $button-inactive-fgColor-rest: #768390;
161
161
  $button-inactive-bgColor-rest: #373e47;
162
162
  $buttonCounter-default-bgColor-rest: #444c56;
163
163
  $buttonCounter-invisible-bgColor-rest: #444c56;
@@ -157,7 +157,7 @@ $button-danger-borderColor-rest: #7a828e;
157
157
  $button-danger-borderColor-hover: #ffffff1a;
158
158
  $button-danger-borderColor-active: #ffffff1a;
159
159
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
- $button-inactive-fgColor-rest: #f0f3f6;
160
+ $button-inactive-fgColor-rest: #bdc4cc;
161
161
  $button-inactive-bgColor-rest: #272b33;
162
162
  $buttonCounter-default-bgColor-rest: #525964;
163
163
  $buttonCounter-invisible-bgColor-rest: #525964;
@@ -157,7 +157,7 @@ $button-danger-borderColor-rest: #30363d;
157
157
  $button-danger-borderColor-hover: #f0f6fc1a;
158
158
  $button-danger-borderColor-active: #f0f6fc1a;
159
159
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
- $button-inactive-fgColor-rest: #7d8590;
160
+ $button-inactive-fgColor-rest: #8b949e;
161
161
  $button-inactive-bgColor-rest: #21262d;
162
162
  $buttonCounter-default-bgColor-rest: #30363d;
163
163
  $buttonCounter-invisible-bgColor-rest: #30363d;