@primer/primitives 7.14.1-rc.7718990 → 7.14.1-rc.9f71972

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 (83) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -4
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
  6. package/tokens-next-private/css/functional/themes/dark.css +4 -4
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +10 -10
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +6 -6
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +10 -10
  10. package/tokens-next-private/css/functional/themes/light.css +10 -10
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4 -4
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  15. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +13 -15
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +10 -8
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +13 -15
  19. package/tokens-next-private/docs/functional/themes/light.json +13 -15
  20. package/tokens-next-private/figma/themes/dark.json +20 -20
  21. package/tokens-next-private/figma/themes/light.json +40 -41
  22. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  23. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  24. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -2
  25. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  26. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  27. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +5 -5
  28. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +3 -3
  29. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +5 -5
  30. package/tokens-next-private/scss/functional/themes/light.scss +5 -5
  31. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  32. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  39. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  48. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  49. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  54. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  57. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  66. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  67. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  68. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  69. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.14.1-rc.7718990",
3
+ "version": "7.14.1-rc.9f71972",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
90
  --controlTrack-fgColor-rest: #7d8590;
91
- --controlTrack-fgColor-disabled: #7d8590;
91
+ --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
94
94
  --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #b1bac41f;
132
132
  --button-invisible-bgColor-active: #b1bac433;
133
- --button-invisible-bgColor-disabled: #161b22;
133
+ --button-invisible-bgColor-disabled: #00000000;
134
134
  --button-invisible-borderColor-rest: #00000000;
135
135
  --button-invisible-borderColor-hover: #00000000;
136
136
  --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
505
505
  --controlTrack-bgColor-active: #31363e;
506
506
  --controlTrack-bgColor-disabled: #8b949e;
507
507
  --controlTrack-fgColor-rest: #7d8590;
508
- --controlTrack-fgColor-disabled: #7d8590;
508
+ --controlTrack-fgColor-disabled: #ffffff;
509
509
  --controlTrack-borderColor-rest: #00000000;
510
510
  --controlTrack-borderColor-disabled: #8b949e;
511
511
  --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #00000000;
548
548
  --button-invisible-bgColor-hover: #b1bac41f;
549
549
  --button-invisible-bgColor-active: #b1bac433;
550
- --button-invisible-bgColor-disabled: #161b22;
550
+ --button-invisible-bgColor-disabled: #00000000;
551
551
  --button-invisible-borderColor-rest: #00000000;
552
552
  --button-invisible-borderColor-hover: #00000000;
553
553
  --button-invisible-borderColor-disabled: #161b22;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --controlTrack-bgColor-active: #434a54;
89
89
  --controlTrack-bgColor-disabled: #768390;
90
90
  --controlTrack-fgColor-rest: #6d7986;
91
- --controlTrack-fgColor-disabled: #6d7986;
91
+ --controlTrack-fgColor-disabled: #cdd9e5;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #768390;
94
94
  --controlKnob-bgColor-rest: #1c2128;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #909dab1f;
132
132
  --button-invisible-bgColor-active: #909dab33;
133
- --button-invisible-bgColor-disabled: #2d333b;
133
+ --button-invisible-bgColor-disabled: #00000000;
134
134
  --button-invisible-borderColor-rest: #00000000;
135
135
  --button-invisible-borderColor-hover: #00000000;
136
136
  --button-invisible-borderColor-disabled: #2d333b;
@@ -505,7 +505,7 @@
505
505
  --controlTrack-bgColor-active: #434a54;
506
506
  --controlTrack-bgColor-disabled: #768390;
507
507
  --controlTrack-fgColor-rest: #6d7986;
508
- --controlTrack-fgColor-disabled: #6d7986;
508
+ --controlTrack-fgColor-disabled: #cdd9e5;
509
509
  --controlTrack-borderColor-rest: #00000000;
510
510
  --controlTrack-borderColor-disabled: #768390;
511
511
  --controlKnob-bgColor-rest: #1c2128;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #00000000;
548
548
  --button-invisible-bgColor-hover: #909dab1f;
549
549
  --button-invisible-bgColor-active: #909dab33;
550
- --button-invisible-bgColor-disabled: #2d333b;
550
+ --button-invisible-bgColor-disabled: #00000000;
551
551
  --button-invisible-borderColor-rest: #00000000;
552
552
  --button-invisible-borderColor-hover: #00000000;
553
553
  --button-invisible-borderColor-disabled: #2d333b;
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --controlTrack-bgColor-active: #484e57;
89
89
  --controlTrack-bgColor-disabled: #bdc4cc;
90
90
  --controlTrack-fgColor-rest: #0a0c10;
91
- --controlTrack-fgColor-disabled: #f0f3f6;
91
+ --controlTrack-fgColor-disabled: #0a0c10;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #bdc4cc;
94
94
  --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #f0f3f6;
132
132
  --button-invisible-bgColor-active: #d9dee3;
133
- --button-invisible-bgColor-disabled: #272b33;
133
+ --button-invisible-bgColor-disabled: #00000000;
134
134
  --button-invisible-borderColor-rest: #00000000;
135
135
  --button-invisible-borderColor-hover: #7a828e;
136
136
  --button-invisible-borderColor-disabled: #272b33;
@@ -505,7 +505,7 @@
505
505
  --controlTrack-bgColor-active: #484e57;
506
506
  --controlTrack-bgColor-disabled: #bdc4cc;
507
507
  --controlTrack-fgColor-rest: #0a0c10;
508
- --controlTrack-fgColor-disabled: #f0f3f6;
508
+ --controlTrack-fgColor-disabled: #0a0c10;
509
509
  --controlTrack-borderColor-rest: #00000000;
510
510
  --controlTrack-borderColor-disabled: #bdc4cc;
511
511
  --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #00000000;
548
548
  --button-invisible-bgColor-hover: #f0f3f6;
549
549
  --button-invisible-bgColor-active: #d9dee3;
550
- --button-invisible-bgColor-disabled: #272b33;
550
+ --button-invisible-bgColor-disabled: #00000000;
551
551
  --button-invisible-borderColor-rest: #00000000;
552
552
  --button-invisible-borderColor-hover: #7a828e;
553
553
  --button-invisible-borderColor-disabled: #272b33;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
90
  --controlTrack-fgColor-rest: #7d8590;
91
- --controlTrack-fgColor-disabled: #7d8590;
91
+ --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
94
94
  --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #b1bac41f;
132
132
  --button-invisible-bgColor-active: #b1bac433;
133
- --button-invisible-bgColor-disabled: #161b22;
133
+ --button-invisible-bgColor-disabled: #00000000;
134
134
  --button-invisible-borderColor-rest: #00000000;
135
135
  --button-invisible-borderColor-hover: #00000000;
136
136
  --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
505
505
  --controlTrack-bgColor-active: #31363e;
506
506
  --controlTrack-bgColor-disabled: #8b949e;
507
507
  --controlTrack-fgColor-rest: #7d8590;
508
- --controlTrack-fgColor-disabled: #7d8590;
508
+ --controlTrack-fgColor-disabled: #ffffff;
509
509
  --controlTrack-borderColor-rest: #00000000;
510
510
  --controlTrack-borderColor-disabled: #8b949e;
511
511
  --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #00000000;
548
548
  --button-invisible-bgColor-hover: #b1bac41f;
549
549
  --button-invisible-bgColor-active: #b1bac433;
550
- --button-invisible-bgColor-disabled: #161b22;
550
+ --button-invisible-bgColor-disabled: #00000000;
551
551
  --button-invisible-borderColor-rest: #00000000;
552
552
  --button-invisible-borderColor-hover: #00000000;
553
553
  --button-invisible-borderColor-disabled: #161b22;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
90
  --controlTrack-fgColor-rest: #7d8590;
91
- --controlTrack-fgColor-disabled: #7d8590;
91
+ --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
94
94
  --controlKnob-bgColor-rest: #010409;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #b1bac41f;
132
132
  --button-invisible-bgColor-active: #b1bac433;
133
- --button-invisible-bgColor-disabled: #161b22;
133
+ --button-invisible-bgColor-disabled: #00000000;
134
134
  --button-invisible-borderColor-rest: #00000000;
135
135
  --button-invisible-borderColor-hover: #00000000;
136
136
  --button-invisible-borderColor-disabled: #161b22;
@@ -505,7 +505,7 @@
505
505
  --controlTrack-bgColor-active: #31363e;
506
506
  --controlTrack-bgColor-disabled: #8b949e;
507
507
  --controlTrack-fgColor-rest: #7d8590;
508
- --controlTrack-fgColor-disabled: #7d8590;
508
+ --controlTrack-fgColor-disabled: #ffffff;
509
509
  --controlTrack-borderColor-rest: #00000000;
510
510
  --controlTrack-borderColor-disabled: #8b949e;
511
511
  --controlKnob-bgColor-rest: #010409;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #00000000;
548
548
  --button-invisible-bgColor-hover: #b1bac41f;
549
549
  --button-invisible-bgColor-active: #b1bac433;
550
- --button-invisible-bgColor-disabled: #161b22;
550
+ --button-invisible-bgColor-disabled: #00000000;
551
551
  --button-invisible-borderColor-rest: #00000000;
552
552
  --button-invisible-borderColor-hover: #00000000;
553
553
  --button-invisible-borderColor-disabled: #161b22;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -64,8 +64,8 @@
64
64
  --control-transparent-bgColor-rest: #ffffff00;
65
65
  --control-transparent-bgColor-hover: #d0d7de33;
66
66
  --control-transparent-bgColor-active: #d0d7de66;
67
- --control-transparent-bgColor-disabled: #f6f8fa;
68
- --control-transparent-bgColor-selected: #f6f8fa;
67
+ --control-transparent-bgColor-disabled: #ffffff00;
68
+ --control-transparent-bgColor-selected: #d0d7de33;
69
69
  --control-transparent-borderColor-rest: #ffffff00;
70
70
  --control-transparent-borderColor-hover: #ffffff00;
71
71
  --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #ffffff00;
131
131
  --button-invisible-bgColor-hover: #d0d7de33;
132
132
  --button-invisible-bgColor-active: #d0d7de66;
133
- --button-invisible-bgColor-disabled: #f6f8fa;
133
+ --button-invisible-bgColor-disabled: #ffffff00;
134
134
  --button-invisible-borderColor-rest: #ffffff00;
135
135
  --button-invisible-borderColor-hover: #ffffff00;
136
136
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -159,8 +159,8 @@
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
- --buttonCounter-default-bgColor-rest: #afb8c1;
163
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
162
+ --buttonCounter-default-bgColor-rest: #afb8c133;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -481,8 +481,8 @@
481
481
  --control-transparent-bgColor-rest: #ffffff00;
482
482
  --control-transparent-bgColor-hover: #d0d7de33;
483
483
  --control-transparent-bgColor-active: #d0d7de66;
484
- --control-transparent-bgColor-disabled: #f6f8fa;
485
- --control-transparent-bgColor-selected: #f6f8fa;
484
+ --control-transparent-bgColor-disabled: #ffffff00;
485
+ --control-transparent-bgColor-selected: #d0d7de33;
486
486
  --control-transparent-borderColor-rest: #ffffff00;
487
487
  --control-transparent-borderColor-hover: #ffffff00;
488
488
  --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #ffffff00;
548
548
  --button-invisible-bgColor-hover: #d0d7de33;
549
549
  --button-invisible-bgColor-active: #d0d7de66;
550
- --button-invisible-bgColor-disabled: #f6f8fa;
550
+ --button-invisible-bgColor-disabled: #ffffff00;
551
551
  --button-invisible-borderColor-rest: #ffffff00;
552
552
  --button-invisible-borderColor-hover: #ffffff00;
553
553
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
579
- --buttonCounter-default-bgColor-rest: #afb8c1;
580
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
579
+ --buttonCounter-default-bgColor-rest: #afb8c133;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -64,8 +64,8 @@
64
64
  --control-transparent-bgColor-rest: #ffffff00;
65
65
  --control-transparent-bgColor-hover: #e7ecf0;
66
66
  --control-transparent-bgColor-active: #ced5dc;
67
- --control-transparent-bgColor-disabled: #e7ecf0;
68
- --control-transparent-bgColor-selected: #ced5dc;
67
+ --control-transparent-bgColor-disabled: #ffffff00;
68
+ --control-transparent-bgColor-selected: #ced5dc33;
69
69
  --control-transparent-borderColor-rest: #ffffff00;
70
70
  --control-transparent-borderColor-hover: #20252c;
71
71
  --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #ffffff00;
131
131
  --button-invisible-bgColor-hover: #20252c;
132
132
  --button-invisible-bgColor-active: #4b535d;
133
- --button-invisible-bgColor-disabled: #e7ecf0;
133
+ --button-invisible-bgColor-disabled: #ffffff00;
134
134
  --button-invisible-borderColor-rest: #ffffff00;
135
135
  --button-invisible-borderColor-hover: #20252c;
136
136
  --button-invisible-borderColor-disabled: #e7ecf0;
@@ -481,8 +481,8 @@
481
481
  --control-transparent-bgColor-rest: #ffffff00;
482
482
  --control-transparent-bgColor-hover: #e7ecf0;
483
483
  --control-transparent-bgColor-active: #ced5dc;
484
- --control-transparent-bgColor-disabled: #e7ecf0;
485
- --control-transparent-bgColor-selected: #ced5dc;
484
+ --control-transparent-bgColor-disabled: #ffffff00;
485
+ --control-transparent-bgColor-selected: #ced5dc33;
486
486
  --control-transparent-borderColor-rest: #ffffff00;
487
487
  --control-transparent-borderColor-hover: #20252c;
488
488
  --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #ffffff00;
548
548
  --button-invisible-bgColor-hover: #20252c;
549
549
  --button-invisible-bgColor-active: #4b535d;
550
- --button-invisible-bgColor-disabled: #e7ecf0;
550
+ --button-invisible-bgColor-disabled: #ffffff00;
551
551
  --button-invisible-borderColor-rest: #ffffff00;
552
552
  --button-invisible-borderColor-hover: #20252c;
553
553
  --button-invisible-borderColor-disabled: #e7ecf0;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -64,8 +64,8 @@
64
64
  --control-transparent-bgColor-rest: #ffffff00;
65
65
  --control-transparent-bgColor-hover: #d0d7de33;
66
66
  --control-transparent-bgColor-active: #d0d7de66;
67
- --control-transparent-bgColor-disabled: #f6f8fa;
68
- --control-transparent-bgColor-selected: #f6f8fa;
67
+ --control-transparent-bgColor-disabled: #ffffff00;
68
+ --control-transparent-bgColor-selected: #d0d7de33;
69
69
  --control-transparent-borderColor-rest: #ffffff00;
70
70
  --control-transparent-borderColor-hover: #ffffff00;
71
71
  --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #ffffff00;
131
131
  --button-invisible-bgColor-hover: #d0d7de33;
132
132
  --button-invisible-bgColor-active: #d0d7de66;
133
- --button-invisible-bgColor-disabled: #f6f8fa;
133
+ --button-invisible-bgColor-disabled: #ffffff00;
134
134
  --button-invisible-borderColor-rest: #ffffff00;
135
135
  --button-invisible-borderColor-hover: #ffffff00;
136
136
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -159,8 +159,8 @@
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
- --buttonCounter-default-bgColor-rest: #afb8c1;
163
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
162
+ --buttonCounter-default-bgColor-rest: #afb8c133;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -481,8 +481,8 @@
481
481
  --control-transparent-bgColor-rest: #ffffff00;
482
482
  --control-transparent-bgColor-hover: #d0d7de33;
483
483
  --control-transparent-bgColor-active: #d0d7de66;
484
- --control-transparent-bgColor-disabled: #f6f8fa;
485
- --control-transparent-bgColor-selected: #f6f8fa;
484
+ --control-transparent-bgColor-disabled: #ffffff00;
485
+ --control-transparent-bgColor-selected: #d0d7de33;
486
486
  --control-transparent-borderColor-rest: #ffffff00;
487
487
  --control-transparent-borderColor-hover: #ffffff00;
488
488
  --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #ffffff00;
548
548
  --button-invisible-bgColor-hover: #d0d7de33;
549
549
  --button-invisible-bgColor-active: #d0d7de66;
550
- --button-invisible-bgColor-disabled: #f6f8fa;
550
+ --button-invisible-bgColor-disabled: #ffffff00;
551
551
  --button-invisible-borderColor-rest: #ffffff00;
552
552
  --button-invisible-borderColor-hover: #ffffff00;
553
553
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
579
- --buttonCounter-default-bgColor-rest: #afb8c1;
580
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
579
+ --buttonCounter-default-bgColor-rest: #afb8c133;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -64,8 +64,8 @@
64
64
  --control-transparent-bgColor-rest: #ffffff00;
65
65
  --control-transparent-bgColor-hover: #d0d7de33;
66
66
  --control-transparent-bgColor-active: #d0d7de66;
67
- --control-transparent-bgColor-disabled: #f6f8fa;
68
- --control-transparent-bgColor-selected: #f6f8fa;
67
+ --control-transparent-bgColor-disabled: #ffffff00;
68
+ --control-transparent-bgColor-selected: #d0d7de33;
69
69
  --control-transparent-borderColor-rest: #ffffff00;
70
70
  --control-transparent-borderColor-hover: #ffffff00;
71
71
  --control-transparent-borderColor-active: #ffffff00;
@@ -130,7 +130,7 @@
130
130
  --button-invisible-bgColor-rest: #ffffff00;
131
131
  --button-invisible-bgColor-hover: #d0d7de33;
132
132
  --button-invisible-bgColor-active: #d0d7de66;
133
- --button-invisible-bgColor-disabled: #f6f8fa;
133
+ --button-invisible-bgColor-disabled: #ffffff00;
134
134
  --button-invisible-borderColor-rest: #ffffff00;
135
135
  --button-invisible-borderColor-hover: #ffffff00;
136
136
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -159,8 +159,8 @@
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
- --buttonCounter-default-bgColor-rest: #afb8c1;
163
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
162
+ --buttonCounter-default-bgColor-rest: #afb8c133;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -481,8 +481,8 @@
481
481
  --control-transparent-bgColor-rest: #ffffff00;
482
482
  --control-transparent-bgColor-hover: #d0d7de33;
483
483
  --control-transparent-bgColor-active: #d0d7de66;
484
- --control-transparent-bgColor-disabled: #f6f8fa;
485
- --control-transparent-bgColor-selected: #f6f8fa;
484
+ --control-transparent-bgColor-disabled: #ffffff00;
485
+ --control-transparent-bgColor-selected: #d0d7de33;
486
486
  --control-transparent-borderColor-rest: #ffffff00;
487
487
  --control-transparent-borderColor-hover: #ffffff00;
488
488
  --control-transparent-borderColor-active: #ffffff00;
@@ -547,7 +547,7 @@
547
547
  --button-invisible-bgColor-rest: #ffffff00;
548
548
  --button-invisible-bgColor-hover: #d0d7de33;
549
549
  --button-invisible-bgColor-active: #d0d7de66;
550
- --button-invisible-bgColor-disabled: #f6f8fa;
550
+ --button-invisible-bgColor-disabled: #ffffff00;
551
551
  --button-invisible-borderColor-rest: #ffffff00;
552
552
  --button-invisible-borderColor-hover: #ffffff00;
553
553
  --button-invisible-borderColor-disabled: #f6f8fa;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
579
- --buttonCounter-default-bgColor-rest: #afb8c1;
580
- --buttonCounter-invisible-bgColor-rest: #afb8c1;
579
+ --buttonCounter-default-bgColor-rest: #afb8c133;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c133;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
package/tokens-next-private/docs/functional/themes/dark-colorblind.json CHANGED
@@ -2649,7 +2649,7 @@
2649
2649
  "path": ["controlTrack", "fgColor", "rest"]
2650
2650
  },
2651
2651
  "controlTrack-fgColor-disabled": {
2652
- "value": "#7d8590",
2652
+ "value": "#ffffff",
2653
2653
  "$type": "color",
2654
2654
  "$extensions": {
2655
2655
  "org.primer.figma": {
@@ -2662,7 +2662,7 @@
2662
2662
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2663
2663
  "isSource": true,
2664
2664
  "original": {
2665
- "value": "{fgColor.muted}",
2665
+ "value": "{fgColor.onEmphasis}",
2666
2666
  "$type": "color",
2667
2667
  "$extensions": {
2668
2668
  "org.primer.figma": {
@@ -3877,7 +3877,7 @@
3877
3877
  "path": ["button", "invisible", "bgColor", "active"]
3878
3878
  },
3879
3879
  "button-invisible-bgColor-disabled": {
3880
- "value": "#161b22",
3880
+ "value": "#00000000",
3881
3881
  "$type": "color",
3882
3882
  "$extensions": {
3883
3883
  "org.primer.figma": {
@@ -3890,7 +3890,7 @@
3890
3890
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3891
3891
  "isSource": true,
3892
3892
  "original": {
3893
- "value": "{control.bgColor.disabled}",
3893
+ "value": "{control.transparent.bgColor.disabled}",
3894
3894
  "$type": "color",
3895
3895
  "$extensions": {
3896
3896
  "org.primer.figma": {
package/tokens-next-private/docs/functional/themes/dark-dimmed.json CHANGED
@@ -2649,7 +2649,7 @@
2649
2649
  "path": ["controlTrack", "fgColor", "rest"]
2650
2650
  },
2651
2651
  "controlTrack-fgColor-disabled": {
2652
- "value": "#6d7986",
2652
+ "value": "#cdd9e5",
2653
2653
  "$type": "color",
2654
2654
  "$extensions": {
2655
2655
  "org.primer.figma": {
@@ -2662,7 +2662,7 @@
2662
2662
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2663
2663
  "isSource": true,
2664
2664
  "original": {
2665
- "value": "{fgColor.muted}",
2665
+ "value": "{fgColor.onEmphasis}",
2666
2666
  "$type": "color",
2667
2667
  "$extensions": {
2668
2668
  "org.primer.figma": {
@@ -3883,7 +3883,7 @@
3883
3883
  "path": ["button", "invisible", "bgColor", "active"]
3884
3884
  },
3885
3885
  "button-invisible-bgColor-disabled": {
3886
- "value": "#2d333b",
3886
+ "value": "#00000000",
3887
3887
  "$type": "color",
3888
3888
  "$extensions": {
3889
3889
  "org.primer.figma": {
@@ -3896,7 +3896,7 @@
3896
3896
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3897
3897
  "isSource": true,
3898
3898
  "original": {
3899
- "value": "{control.bgColor.disabled}",
3899
+ "value": "{control.transparent.bgColor.disabled}",
3900
3900
  "$type": "color",
3901
3901
  "$extensions": {
3902
3902
  "org.primer.figma": {
package/tokens-next-private/docs/functional/themes/dark-high-contrast.json CHANGED
@@ -2657,7 +2657,7 @@
2657
2657
  "path": ["controlTrack", "fgColor", "rest"]
2658
2658
  },
2659
2659
  "controlTrack-fgColor-disabled": {
2660
- "value": "#f0f3f6",
2660
+ "value": "#0a0c10",
2661
2661
  "$type": "color",
2662
2662
  "$extensions": {
2663
2663
  "org.primer.figma": {
@@ -2670,7 +2670,7 @@
2670
2670
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2671
2671
  "isSource": true,
2672
2672
  "original": {
2673
- "value": "{fgColor.muted}",
2673
+ "value": "{fgColor.onEmphasis}",
2674
2674
  "$type": "color",
2675
2675
  "$extensions": {
2676
2676
  "org.primer.figma": {
@@ -3905,7 +3905,7 @@
3905
3905
  "path": ["button", "invisible", "bgColor", "active"]
3906
3906
  },
3907
3907
  "button-invisible-bgColor-disabled": {
3908
- "value": "#272b33",
3908
+ "value": "#00000000",
3909
3909
  "$type": "color",
3910
3910
  "$extensions": {
3911
3911
  "org.primer.figma": {
@@ -3918,7 +3918,7 @@
3918
3918
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3919
3919
  "isSource": true,
3920
3920
  "original": {
3921
- "value": "{control.bgColor.disabled}",
3921
+ "value": "{control.transparent.bgColor.disabled}",
3922
3922
  "$type": "color",
3923
3923
  "$extensions": {
3924
3924
  "org.primer.figma": {
package/tokens-next-private/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -2649,7 +2649,7 @@
2649
2649
  "path": ["controlTrack", "fgColor", "rest"]
2650
2650
  },
2651
2651
  "controlTrack-fgColor-disabled": {
2652
- "value": "#7d8590",
2652
+ "value": "#ffffff",
2653
2653
  "$type": "color",
2654
2654
  "$extensions": {
2655
2655
  "org.primer.figma": {
@@ -2662,7 +2662,7 @@
2662
2662
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2663
2663
  "isSource": true,
2664
2664
  "original": {
2665
- "value": "{fgColor.muted}",
2665
+ "value": "{fgColor.onEmphasis}",
2666
2666
  "$type": "color",
2667
2667
  "$extensions": {
2668
2668
  "org.primer.figma": {
@@ -3883,7 +3883,7 @@
3883
3883
  "path": ["button", "invisible", "bgColor", "active"]
3884
3884
  },
3885
3885
  "button-invisible-bgColor-disabled": {
3886
- "value": "#161b22",
3886
+ "value": "#00000000",
3887
3887
  "$type": "color",
3888
3888
  "$extensions": {
3889
3889
  "org.primer.figma": {
@@ -3896,7 +3896,7 @@
3896
3896
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3897
3897
  "isSource": true,
3898
3898
  "original": {
3899
- "value": "{control.bgColor.disabled}",
3899
+ "value": "{control.transparent.bgColor.disabled}",
3900
3900
  "$type": "color",
3901
3901
  "$extensions": {
3902
3902
  "org.primer.figma": {
package/tokens-next-private/docs/functional/themes/dark.json CHANGED
@@ -2649,7 +2649,7 @@
2649
2649
  "path": ["controlTrack", "fgColor", "rest"]
2650
2650
  },
2651
2651
  "controlTrack-fgColor-disabled": {
2652
- "value": "#7d8590",
2652
+ "value": "#ffffff",
2653
2653
  "$type": "color",
2654
2654
  "$extensions": {
2655
2655
  "org.primer.figma": {
@@ -2662,7 +2662,7 @@
2662
2662
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2663
2663
  "isSource": true,
2664
2664
  "original": {
2665
- "value": "{fgColor.muted}",
2665
+ "value": "{fgColor.onEmphasis}",
2666
2666
  "$type": "color",
2667
2667
  "$extensions": {
2668
2668
  "org.primer.figma": {
@@ -3883,7 +3883,7 @@
3883
3883
  "path": ["button", "invisible", "bgColor", "active"]
3884
3884
  },
3885
3885
  "button-invisible-bgColor-disabled": {
3886
- "value": "#161b22",
3886
+ "value": "#00000000",
3887
3887
  "$type": "color",
3888
3888
  "$extensions": {
3889
3889
  "org.primer.figma": {
@@ -3896,7 +3896,7 @@
3896
3896
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3897
3897
  "isSource": true,
3898
3898
  "original": {
3899
- "value": "{control.bgColor.disabled}",
3899
+ "value": "{control.transparent.bgColor.disabled}",
3900
3900
  "$type": "color",
3901
3901
  "$extensions": {
3902
3902
  "org.primer.figma": {