@primer/primitives 7.11.14-rc.b3b7ee0 → 7.11.14

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 (144) hide show
  1. package/package.json +13 -13
  2. package/tokens-next-private/css/functional/size/border.css +1 -1
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  7. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +28 -22
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +38 -32
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +28 -22
  11. package/tokens-next-private/css/functional/themes/light.css +28 -22
  12. package/tokens-next-private/docs/functional/size/border.json +2 -2
  13. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +67 -28
  14. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +67 -28
  15. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +63 -24
  16. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +67 -28
  17. package/tokens-next-private/docs/functional/themes/dark.json +67 -28
  18. package/tokens-next-private/docs/functional/themes/light-colorblind.json +58 -19
  19. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +64 -25
  20. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +58 -19
  21. package/tokens-next-private/docs/functional/themes/light.json +58 -19
  22. package/tokens-next-private/fallbacks/color-fallbacks.json +7 -7
  23. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  24. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  25. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  27. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  28. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  29. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  30. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +14 -11
  31. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +19 -16
  32. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +14 -11
  33. package/tokens-next-private/scss/functional/themes/light.scss +14 -11
  34. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  35. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  42. package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
  43. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
  44. package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
  45. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
  46. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
  47. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
  48. package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
  49. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
  50. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
  51. package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
  52. package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
  53. package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
  54. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
  55. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
  56. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
  57. package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
  58. package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
  59. package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
  60. package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  61. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  62. package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  63. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  64. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  65. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  66. package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  67. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  68. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  69. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  71. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-next-private/js/base/size/size.js +0 -23
  88. package/tokens-next-private/js/base/typography/typography.js +0 -12
  89. package/tokens-next-private/js/functional/size/border.js +0 -24
  90. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  91. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  92. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  93. package/tokens-next-private/js/functional/size/size.js +0 -93
  94. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  95. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  96. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  97. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  98. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  99. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  100. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  101. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  102. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  103. package/tokens-next-private/js/functional/themes/light.js +0 -743
  104. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  105. package/tokens-next-private/json/base/size/size.json +0 -23
  106. package/tokens-next-private/json/base/typography/typography.json +0 -12
  107. package/tokens-next-private/json/functional/size/border.json +0 -24
  108. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  109. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  110. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  111. package/tokens-next-private/json/functional/size/size.json +0 -93
  112. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  113. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  114. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  115. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  116. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  117. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  118. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  119. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  120. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  121. package/tokens-next-private/json/functional/themes/light.json +0 -743
  122. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  123. package/tokens-next-private/ts/base/size/size.ts +0 -23
  124. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  125. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  126. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  127. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  128. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  129. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  130. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  131. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  133. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  134. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  135. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  136. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  137. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  138. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  139. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  140. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  141. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  142. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  143. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  144. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -56,20 +56,20 @@
56
56
  --control-fgColor-disabled: #8c959f;
57
57
  --control-borderColor-rest: #d0d7de;
58
58
  --control-borderColor-emphasis: #868f99;
59
- --control-borderColor-disabled: #d0d7de;
59
+ --control-borderColor-disabled: #f6f8fa;
60
60
  --control-borderColor-selected: #f6f8fa;
61
61
  --control-borderColor-success: #218bff;
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #eef1f4;
105
105
  --button-default-bgColor-active: #e7ebef;
106
106
  --button-default-bgColor-selected: #e7ebef;
107
+ --button-default-bgColor-disabled: #f6f8fa;
107
108
  --button-default-borderColor-rest: #d0d7de;
108
109
  --button-default-borderColor-hover: #d0d7de;
109
110
  --button-default-borderColor-active: #d0d7de;
111
+ --button-default-borderColor-disabled: #f6f8fa;
110
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
111
113
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
118
120
  --button-primary-bgColor-disabled: #92caff;
119
121
  --button-primary-borderColor-rest: #1f232826;
120
122
  --button-primary-borderColor-hover: #1f232826;
121
- --button-primary-borderColor-disabled: #1f232826;
123
+ --button-primary-borderColor-disabled: #92caff;
122
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
123
125
  --button-invisible-fgColor-rest: #0969da;
124
126
  --button-invisible-fgColor-hover: #0969da;
125
127
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
128
+ --button-invisible-bgColor-rest: #ffffff00;
127
129
  --button-invisible-bgColor-hover: #d0d7de33;
128
130
  --button-invisible-bgColor-active: #d0d7de66;
129
131
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
132
+ --button-invisible-borderColor-rest: #ffffff00;
133
+ --button-invisible-borderColor-hover: #ffffff00;
134
+ --button-invisible-borderColor-disabled: #f6f8fa;
132
135
  --button-outline-fgColor-rest: #0969da;
133
136
  --button-outline-fgColor-hover: #ffffff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
224
227
  --borderColor-default: #d0d7de;
225
228
  --borderColor-muted: #d0d7de66;
226
229
  --borderColor-emphasis: #6e7781;
227
- --borderColor-disabled: #d0d7de;
230
+ --borderColor-disabled: #f6f8fa;
228
231
  --borderColor-transparent: #ffffff00;
229
232
  --borderColor-neutral-muted: #afb8c133;
230
233
  --borderColor-neutral-emphasis: #6e7781;
@@ -454,20 +457,20 @@
454
457
  --control-fgColor-disabled: #8c959f;
455
458
  --control-borderColor-rest: #d0d7de;
456
459
  --control-borderColor-emphasis: #868f99;
457
- --control-borderColor-disabled: #d0d7de;
460
+ --control-borderColor-disabled: #f6f8fa;
458
461
  --control-borderColor-selected: #f6f8fa;
459
462
  --control-borderColor-success: #218bff;
460
463
  --control-borderColor-danger: #cf222e;
461
464
  --control-borderColor-warning: #bf8700;
462
465
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
466
+ --control-transparent-bgColor-rest: #ffffff00;
464
467
  --control-transparent-bgColor-hover: #d0d7de33;
465
468
  --control-transparent-bgColor-active: #d0d7de66;
466
469
  --control-transparent-bgColor-disabled: #f6f8fa;
467
470
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
471
+ --control-transparent-borderColor-rest: #ffffff00;
472
+ --control-transparent-borderColor-hover: #ffffff00;
473
+ --control-transparent-borderColor-active: #ffffff00;
471
474
  --control-danger-fgColor-rest: #d1242f;
472
475
  --control-danger-fgColor-hover: #d1242f;
473
476
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +491,7 @@
488
491
  --controlTrack-bgColor-disabled: #8c959f;
489
492
  --controlTrack-fgColor-rest: #636c76;
490
493
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
494
+ --controlTrack-borderColor-rest: #ffffff00;
492
495
  --controlTrack-borderColor-disabled: #8c959f;
493
496
  --controlKnob-bgColor-rest: #ffffff;
494
497
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #eef1f4;
503
506
  --button-default-bgColor-active: #e7ebef;
504
507
  --button-default-bgColor-selected: #e7ebef;
508
+ --button-default-bgColor-disabled: #f6f8fa;
505
509
  --button-default-borderColor-rest: #d0d7de;
506
510
  --button-default-borderColor-hover: #d0d7de;
507
511
  --button-default-borderColor-active: #d0d7de;
512
+ --button-default-borderColor-disabled: #f6f8fa;
508
513
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
509
514
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
516
521
  --button-primary-bgColor-disabled: #92caff;
517
522
  --button-primary-borderColor-rest: #1f232826;
518
523
  --button-primary-borderColor-hover: #1f232826;
519
- --button-primary-borderColor-disabled: #1f232826;
524
+ --button-primary-borderColor-disabled: #92caff;
520
525
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
521
526
  --button-invisible-fgColor-rest: #0969da;
522
527
  --button-invisible-fgColor-hover: #0969da;
523
528
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
529
+ --button-invisible-bgColor-rest: #ffffff00;
525
530
  --button-invisible-bgColor-hover: #d0d7de33;
526
531
  --button-invisible-bgColor-active: #d0d7de66;
527
532
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
533
+ --button-invisible-borderColor-rest: #ffffff00;
534
+ --button-invisible-borderColor-hover: #ffffff00;
535
+ --button-invisible-borderColor-disabled: #f6f8fa;
530
536
  --button-outline-fgColor-rest: #0969da;
531
537
  --button-outline-fgColor-hover: #ffffff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
622
628
  --borderColor-default: #d0d7de;
623
629
  --borderColor-muted: #d0d7de66;
624
630
  --borderColor-emphasis: #6e7781;
625
- --borderColor-disabled: #d0d7de;
631
+ --borderColor-disabled: #f6f8fa;
626
632
  --borderColor-transparent: #ffffff00;
627
633
  --borderColor-neutral-muted: #afb8c133;
628
634
  --borderColor-neutral-emphasis: #6e7781;
@@ -56,20 +56,20 @@
56
56
  --control-fgColor-disabled: #8c959f;
57
57
  --control-borderColor-rest: #d0d7de;
58
58
  --control-borderColor-emphasis: #868f99;
59
- --control-borderColor-disabled: #d0d7de;
59
+ --control-borderColor-disabled: #f6f8fa;
60
60
  --control-borderColor-selected: #f6f8fa;
61
61
  --control-borderColor-success: #2da44e;
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -104,9 +104,11 @@
104
104
  --button-default-bgColor-hover: #eef1f4;
105
105
  --button-default-bgColor-active: #e7ebef;
106
106
  --button-default-bgColor-selected: #e7ebef;
107
+ --button-default-bgColor-disabled: #f6f8fa;
107
108
  --button-default-borderColor-rest: #d0d7de;
108
109
  --button-default-borderColor-hover: #d0d7de;
109
110
  --button-default-borderColor-active: #d0d7de;
111
+ --button-default-borderColor-disabled: #f6f8fa;
110
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
111
113
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
114
  --button-primary-fgColor-rest: #ffffff;
@@ -118,17 +120,18 @@
118
120
  --button-primary-bgColor-disabled: #95d8a6;
119
121
  --button-primary-borderColor-rest: #1f232826;
120
122
  --button-primary-borderColor-hover: #1f232826;
121
- --button-primary-borderColor-disabled: #1f232826;
123
+ --button-primary-borderColor-disabled: #95d8a6;
122
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
123
125
  --button-invisible-fgColor-rest: #0969da;
124
126
  --button-invisible-fgColor-hover: #0969da;
125
127
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
128
+ --button-invisible-bgColor-rest: #ffffff00;
127
129
  --button-invisible-bgColor-hover: #d0d7de33;
128
130
  --button-invisible-bgColor-active: #d0d7de66;
129
131
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
132
+ --button-invisible-borderColor-rest: #ffffff00;
133
+ --button-invisible-borderColor-hover: #ffffff00;
134
+ --button-invisible-borderColor-disabled: #f6f8fa;
132
135
  --button-outline-fgColor-rest: #0969da;
133
136
  --button-outline-fgColor-hover: #ffffff;
134
137
  --button-outline-fgColor-active: #ffffff;
@@ -224,7 +227,7 @@
224
227
  --borderColor-default: #d0d7de;
225
228
  --borderColor-muted: #d0d7de66;
226
229
  --borderColor-emphasis: #6e7781;
227
- --borderColor-disabled: #d0d7de;
230
+ --borderColor-disabled: #f6f8fa;
228
231
  --borderColor-transparent: #ffffff00;
229
232
  --borderColor-neutral-muted: #afb8c133;
230
233
  --borderColor-neutral-emphasis: #6e7781;
@@ -454,20 +457,20 @@
454
457
  --control-fgColor-disabled: #8c959f;
455
458
  --control-borderColor-rest: #d0d7de;
456
459
  --control-borderColor-emphasis: #868f99;
457
- --control-borderColor-disabled: #d0d7de;
460
+ --control-borderColor-disabled: #f6f8fa;
458
461
  --control-borderColor-selected: #f6f8fa;
459
462
  --control-borderColor-success: #2da44e;
460
463
  --control-borderColor-danger: #cf222e;
461
464
  --control-borderColor-warning: #bf8700;
462
465
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
466
+ --control-transparent-bgColor-rest: #ffffff00;
464
467
  --control-transparent-bgColor-hover: #d0d7de33;
465
468
  --control-transparent-bgColor-active: #d0d7de66;
466
469
  --control-transparent-bgColor-disabled: #f6f8fa;
467
470
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
471
+ --control-transparent-borderColor-rest: #ffffff00;
472
+ --control-transparent-borderColor-hover: #ffffff00;
473
+ --control-transparent-borderColor-active: #ffffff00;
471
474
  --control-danger-fgColor-rest: #d1242f;
472
475
  --control-danger-fgColor-hover: #d1242f;
473
476
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +491,7 @@
488
491
  --controlTrack-bgColor-disabled: #8c959f;
489
492
  --controlTrack-fgColor-rest: #636c76;
490
493
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
494
+ --controlTrack-borderColor-rest: #ffffff00;
492
495
  --controlTrack-borderColor-disabled: #8c959f;
493
496
  --controlKnob-bgColor-rest: #ffffff;
494
497
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -502,9 +505,11 @@
502
505
  --button-default-bgColor-hover: #eef1f4;
503
506
  --button-default-bgColor-active: #e7ebef;
504
507
  --button-default-bgColor-selected: #e7ebef;
508
+ --button-default-bgColor-disabled: #f6f8fa;
505
509
  --button-default-borderColor-rest: #d0d7de;
506
510
  --button-default-borderColor-hover: #d0d7de;
507
511
  --button-default-borderColor-active: #d0d7de;
512
+ --button-default-borderColor-disabled: #f6f8fa;
508
513
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
509
514
  --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
510
515
  --button-primary-fgColor-rest: #ffffff;
@@ -516,17 +521,18 @@
516
521
  --button-primary-bgColor-disabled: #95d8a6;
517
522
  --button-primary-borderColor-rest: #1f232826;
518
523
  --button-primary-borderColor-hover: #1f232826;
519
- --button-primary-borderColor-disabled: #1f232826;
524
+ --button-primary-borderColor-disabled: #95d8a6;
520
525
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
521
526
  --button-invisible-fgColor-rest: #0969da;
522
527
  --button-invisible-fgColor-hover: #0969da;
523
528
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
529
+ --button-invisible-bgColor-rest: #ffffff00;
525
530
  --button-invisible-bgColor-hover: #d0d7de33;
526
531
  --button-invisible-bgColor-active: #d0d7de66;
527
532
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
533
+ --button-invisible-borderColor-rest: #ffffff00;
534
+ --button-invisible-borderColor-hover: #ffffff00;
535
+ --button-invisible-borderColor-disabled: #f6f8fa;
530
536
  --button-outline-fgColor-rest: #0969da;
531
537
  --button-outline-fgColor-hover: #ffffff;
532
538
  --button-outline-fgColor-active: #ffffff;
@@ -622,7 +628,7 @@
622
628
  --borderColor-default: #d0d7de;
623
629
  --borderColor-muted: #d0d7de66;
624
630
  --borderColor-emphasis: #6e7781;
625
- --borderColor-disabled: #d0d7de;
631
+ --borderColor-disabled: #f6f8fa;
626
632
  --borderColor-transparent: #ffffff00;
627
633
  --borderColor-neutral-muted: #afb8c133;
628
634
  --borderColor-neutral-emphasis: #6e7781;
@@ -101,11 +101,11 @@
101
101
  "path": ["borderRadius", "large"]
102
102
  },
103
103
  "borderRadius-full": {
104
- "value": "100vh",
104
+ "value": "9999px",
105
105
  "filePath": "src/tokens/functional/size/border.json",
106
106
  "isSource": true,
107
107
  "original": {
108
- "value": "100vh"
108
+ "value": "9999px"
109
109
  },
110
110
  "name": "borderRadius-full",
111
111
  "attributes": {},
@@ -686,7 +686,7 @@
686
686
  "path": ["control", "bgColor", "active"]
687
687
  },
688
688
  "control-bgColor-disabled": {
689
- "value": "#484f58",
689
+ "value": "#161b22",
690
690
  "$type": "color",
691
691
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
692
692
  "isSource": true,
@@ -738,7 +738,7 @@
738
738
  "path": ["control", "fgColor", "placeholder"]
739
739
  },
740
740
  "control-fgColor-disabled": {
741
- "value": "#484f58",
741
+ "value": "#8b949e",
742
742
  "$type": "color",
743
743
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
744
744
  "isSource": true,
@@ -785,7 +785,7 @@
785
785
  "path": ["control", "borderColor", "emphasis"]
786
786
  },
787
787
  "control-borderColor-disabled": {
788
- "value": "#30363d",
788
+ "value": "#161b22",
789
789
  "$type": "color",
790
790
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
791
791
  "isSource": true,
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1082,7 +1082,7 @@
1082
1082
  "path": ["control", "checked", "bgColor", "active"]
1083
1083
  },
1084
1084
  "control-checked-bgColor-disabled": {
1085
- "value": "#484f58",
1085
+ "value": "#8b949e",
1086
1086
  "$type": "color",
1087
1087
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1088
1088
  "isSource": true,
@@ -1176,7 +1176,7 @@
1176
1176
  "path": ["control", "checked", "borderColor", "active"]
1177
1177
  },
1178
1178
  "control-checked-borderColor-disabled": {
1179
- "value": "#484f58",
1179
+ "value": "#8b949e",
1180
1180
  "$type": "color",
1181
1181
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1182
1182
  "isSource": true,
@@ -1244,7 +1244,7 @@
1244
1244
  "path": ["controlTrack", "bgColor", "active"]
1245
1245
  },
1246
1246
  "controlTrack-bgColor-disabled": {
1247
- "value": "#484f58",
1247
+ "value": "#8b949e",
1248
1248
  "$type": "color",
1249
1249
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1250
1250
  "isSource": true,
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",
@@ -1296,7 +1296,7 @@
1296
1296
  "path": ["controlTrack", "borderColor", "rest"]
1297
1297
  },
1298
1298
  "controlTrack-borderColor-disabled": {
1299
- "value": "#484f58",
1299
+ "value": "#8b949e",
1300
1300
  "$type": "color",
1301
1301
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1302
1302
  "isSource": true,
@@ -1322,7 +1322,7 @@
1322
1322
  "path": ["controlKnob", "bgColor", "rest"]
1323
1323
  },
1324
1324
  "controlKnob-bgColor-disabled": {
1325
- "value": "#484f58",
1325
+ "value": "#161b22",
1326
1326
  "$type": "color",
1327
1327
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1328
1328
  "isSource": true,
@@ -1361,7 +1361,7 @@
1361
1361
  "path": ["controlKnob", "borderColor", "rest"]
1362
1362
  },
1363
1363
  "controlKnob-borderColor-disabled": {
1364
- "value": "#484f58",
1364
+ "value": "#161b22",
1365
1365
  "$type": "color",
1366
1366
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1367
1367
  "isSource": true,
@@ -1464,6 +1464,19 @@
1464
1464
  "attributes": {},
1465
1465
  "path": ["button", "default", "bgColor", "selected"]
1466
1466
  },
1467
+ "button-default-bgColor-disabled": {
1468
+ "value": "#161b22",
1469
+ "$type": "color",
1470
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1471
+ "isSource": true,
1472
+ "original": {
1473
+ "value": "{control.bgColor.disabled}",
1474
+ "$type": "color"
1475
+ },
1476
+ "name": "button-default-bgColor-disabled",
1477
+ "attributes": {},
1478
+ "path": ["button", "default", "bgColor", "disabled"]
1479
+ },
1467
1480
  "button-default-borderColor-rest": {
1468
1481
  "value": "#30363d",
1469
1482
  "$type": "color",
@@ -1503,6 +1516,19 @@
1503
1516
  "attributes": {},
1504
1517
  "path": ["button", "default", "borderColor", "active"]
1505
1518
  },
1519
+ "button-default-borderColor-disabled": {
1520
+ "value": "#161b22",
1521
+ "$type": "color",
1522
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1523
+ "isSource": true,
1524
+ "original": {
1525
+ "value": "{control.borderColor.disabled}",
1526
+ "$type": "color"
1527
+ },
1528
+ "name": "button-default-borderColor-disabled",
1529
+ "attributes": {},
1530
+ "path": ["button", "default", "borderColor", "disabled"]
1531
+ },
1506
1532
  "button-default-shadow-resting": {
1507
1533
  "value": "0px 0px 0px 0px #000000",
1508
1534
  "$type": "shadow",
@@ -1687,12 +1713,12 @@
1687
1713
  "path": ["button", "primary", "borderColor", "hover"]
1688
1714
  },
1689
1715
  "button-primary-borderColor-disabled": {
1690
- "value": "#f0f6fc1a",
1716
+ "value": "#1158c7",
1691
1717
  "$type": "color",
1692
1718
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1693
1719
  "isSource": true,
1694
1720
  "original": {
1695
- "value": "{button.primary.borderColor.rest}",
1721
+ "value": "{button.primary.bgColor.disabled}",
1696
1722
  "$type": "color"
1697
1723
  },
1698
1724
  "name": "button-primary-borderColor-disabled",
@@ -1749,7 +1775,7 @@
1749
1775
  "path": ["button", "invisible", "fgColor", "hover"]
1750
1776
  },
1751
1777
  "button-invisible-fgColor-disabled": {
1752
- "value": "#484f58",
1778
+ "value": "#8b949e",
1753
1779
  "$type": "color",
1754
1780
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1755
1781
  "isSource": true,
@@ -1801,12 +1827,12 @@
1801
1827
  "path": ["button", "invisible", "bgColor", "active"]
1802
1828
  },
1803
1829
  "button-invisible-bgColor-disabled": {
1804
- "value": "#00000000",
1830
+ "value": "#161b22",
1805
1831
  "$type": "color",
1806
1832
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1807
1833
  "isSource": true,
1808
1834
  "original": {
1809
- "value": "{control.transparent.bgColor.disabled}",
1835
+ "value": "{control.bgColor.disabled}",
1810
1836
  "$type": "color"
1811
1837
  },
1812
1838
  "name": "button-invisible-bgColor-disabled",
@@ -1839,6 +1865,19 @@
1839
1865
  "attributes": {},
1840
1866
  "path": ["button", "invisible", "borderColor", "hover"]
1841
1867
  },
1868
+ "button-invisible-borderColor-disabled": {
1869
+ "value": "#161b22",
1870
+ "$type": "color",
1871
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1872
+ "isSource": true,
1873
+ "original": {
1874
+ "value": "{control.borderColor.disabled}",
1875
+ "$type": "color"
1876
+ },
1877
+ "name": "button-invisible-borderColor-disabled",
1878
+ "attributes": {},
1879
+ "path": ["button", "invisible", "borderColor", "disabled"]
1880
+ },
1842
1881
  "button-outline-fgColor-rest": {
1843
1882
  "value": "#388bfd",
1844
1883
  "$type": "color",
@@ -2122,12 +2161,12 @@
2122
2161
  "path": ["button", "danger", "bgColor", "active"]
2123
2162
  },
2124
2163
  "button-danger-bgColor-disabled": {
2125
- "value": "#21262d",
2164
+ "value": "#161b22",
2126
2165
  "$type": "color",
2127
2166
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2128
2167
  "isSource": true,
2129
2168
  "original": {
2130
- "value": "{control.bgColor.rest}",
2169
+ "value": "{control.bgColor.disabled}",
2131
2170
  "$type": "color"
2132
2171
  },
2133
2172
  "name": "button-danger-bgColor-disabled",
@@ -2625,12 +2664,12 @@
2625
2664
  "path": ["fgColor", "onEmphasis"]
2626
2665
  },
2627
2666
  "fgColor-disabled": {
2628
- "value": "#484f58",
2667
+ "value": "#8b949e",
2629
2668
  "$type": "color",
2630
2669
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2631
2670
  "isSource": true,
2632
2671
  "original": {
2633
- "value": "{base.color.gray.5}",
2672
+ "value": "{base.color.gray.3}",
2634
2673
  "$type": "color"
2635
2674
  },
2636
2675
  "name": "fgColor-disabled",
@@ -2815,12 +2854,12 @@
2815
2854
  "path": ["bgColor", "emphasis"]
2816
2855
  },
2817
2856
  "bgColor-disabled": {
2818
- "value": "#484f58",
2857
+ "value": "#161b22",
2819
2858
  "$type": "color",
2820
2859
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2821
2860
  "isSource": true,
2822
2861
  "original": {
2823
- "value": "{base.color.gray.5}",
2862
+ "value": "{base.color.gray.8}",
2824
2863
  "$type": "color"
2825
2864
  },
2826
2865
  "name": "bgColor-disabled",
@@ -3162,12 +3201,12 @@
3162
3201
  "path": ["borderColor", "emphasis"]
3163
3202
  },
3164
3203
  "borderColor-disabled": {
3165
- "value": "#30363d",
3204
+ "value": "#161b22",
3166
3205
  "$type": "color",
3167
3206
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
3168
3207
  "isSource": true,
3169
3208
  "original": {
3170
- "value": "{borderColor.default}",
3209
+ "value": "{bgColor.disabled}",
3171
3210
  "$type": "color"
3172
3211
  },
3173
3212
  "name": "borderColor-disabled",