@primer/primitives 7.15.14 → 7.15.15-rc.87281f5b

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/dist/css/functional/themes/dark-colorblind.css +8 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +8 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +8 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +8 -0
  5. package/dist/css/functional/themes/dark.css +8 -0
  6. package/dist/css/functional/themes/light-colorblind.css +8 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +8 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +8 -0
  9. package/dist/css/functional/themes/light.css +8 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +128 -0
  11. package/dist/docs/functional/themes/dark-dimmed.json +128 -0
  12. package/dist/docs/functional/themes/dark-high-contrast.json +128 -0
  13. package/dist/docs/functional/themes/dark-tritanopia.json +128 -0
  14. package/dist/docs/functional/themes/dark.json +128 -0
  15. package/dist/docs/functional/themes/light-colorblind.json +124 -0
  16. package/dist/docs/functional/themes/light-high-contrast.json +124 -0
  17. package/dist/docs/functional/themes/light-tritanopia.json +124 -0
  18. package/dist/docs/functional/themes/light.json +124 -0
  19. package/dist/figma/themes/dark-colorblind.json +67 -0
  20. package/dist/figma/themes/dark-dimmed.json +67 -0
  21. package/dist/figma/themes/dark-high-contrast.json +67 -0
  22. package/dist/figma/themes/dark-tritanopia.json +67 -0
  23. package/dist/figma/themes/dark.json +67 -0
  24. package/dist/figma/themes/light-colorblind.json +65 -0
  25. package/dist/figma/themes/light-high-contrast.json +65 -0
  26. package/dist/figma/themes/light-tritanopia.json +65 -0
  27. package/dist/figma/themes/light.json +65 -0
  28. package/dist/internalCss/dark-colorblind.css +8 -0
  29. package/dist/internalCss/dark-dimmed.css +8 -0
  30. package/dist/internalCss/dark-high-contrast.css +8 -0
  31. package/dist/internalCss/dark-tritanopia.css +8 -0
  32. package/dist/internalCss/dark.css +8 -0
  33. package/dist/internalCss/light-colorblind.css +8 -0
  34. package/dist/internalCss/light-high-contrast.css +8 -0
  35. package/dist/internalCss/light-tritanopia.css +8 -0
  36. package/dist/internalCss/light.css +8 -0
  37. package/dist/scss/functional/themes/dark-colorblind.scss +4 -0
  38. package/dist/scss/functional/themes/dark-dimmed.scss +4 -0
  39. package/dist/scss/functional/themes/dark-high-contrast.scss +4 -0
  40. package/dist/scss/functional/themes/dark-tritanopia.scss +4 -0
  41. package/dist/scss/functional/themes/dark.scss +4 -0
  42. package/dist/scss/functional/themes/light-colorblind.scss +4 -0
  43. package/dist/scss/functional/themes/light-high-contrast.scss +4 -0
  44. package/dist/scss/functional/themes/light-tritanopia.scss +4 -0
  45. package/dist/scss/functional/themes/light.scss +4 -0
  46. package/package.json +1 -1
  47. package/tokens-next-private/css/functional/themes/dark-colorblind.css +8 -0
  48. package/tokens-next-private/css/functional/themes/dark-dimmed.css +8 -0
  49. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +8 -0
  50. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +8 -0
  51. package/tokens-next-private/css/functional/themes/dark.css +8 -0
  52. package/tokens-next-private/css/functional/themes/light-colorblind.css +8 -0
  53. package/tokens-next-private/css/functional/themes/light-high-contrast.css +8 -0
  54. package/tokens-next-private/css/functional/themes/light-tritanopia.css +8 -0
  55. package/tokens-next-private/css/functional/themes/light.css +8 -0
  56. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +128 -0
  57. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +128 -0
  58. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +128 -0
  59. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +128 -0
  60. package/tokens-next-private/docs/functional/themes/dark.json +128 -0
  61. package/tokens-next-private/docs/functional/themes/light-colorblind.json +124 -0
  62. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +124 -0
  63. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +124 -0
  64. package/tokens-next-private/docs/functional/themes/light.json +124 -0
  65. package/tokens-next-private/figma/themes/dark-colorblind.json +67 -0
  66. package/tokens-next-private/figma/themes/dark-dimmed.json +67 -0
  67. package/tokens-next-private/figma/themes/dark-high-contrast.json +67 -0
  68. package/tokens-next-private/figma/themes/dark-tritanopia.json +67 -0
  69. package/tokens-next-private/figma/themes/dark.json +67 -0
  70. package/tokens-next-private/figma/themes/light-colorblind.json +65 -0
  71. package/tokens-next-private/figma/themes/light-high-contrast.json +65 -0
  72. package/tokens-next-private/figma/themes/light-tritanopia.json +65 -0
  73. package/tokens-next-private/figma/themes/light.json +65 -0
  74. package/tokens-next-private/internalCss/dark-colorblind.css +8 -0
  75. package/tokens-next-private/internalCss/dark-dimmed.css +8 -0
  76. package/tokens-next-private/internalCss/dark-high-contrast.css +8 -0
  77. package/tokens-next-private/internalCss/dark-tritanopia.css +8 -0
  78. package/tokens-next-private/internalCss/dark.css +8 -0
  79. package/tokens-next-private/internalCss/light-colorblind.css +8 -0
  80. package/tokens-next-private/internalCss/light-high-contrast.css +8 -0
  81. package/tokens-next-private/internalCss/light-tritanopia.css +8 -0
  82. package/tokens-next-private/internalCss/light.css +8 -0
  83. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +4 -0
  84. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +4 -0
  85. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -0
  86. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +4 -0
  87. package/tokens-next-private/scss/functional/themes/dark.scss +4 -0
  88. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +4 -0
  89. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +4 -0
  90. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -0
  91. package/tokens-next-private/scss/functional/themes/light.scss +4 -0
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  100. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  110. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  111. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  118. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  119. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  127. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  129. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -2359,6 +2359,38 @@
2359
2359
  "group": "component (internal)",
2360
2360
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2361
2361
  },
2362
+ {
2363
+ "name": "reactionButton/selected/fgColor/hover",
2364
+ "value": {
2365
+ "r": 0.0196078431372549,
2366
+ "g": 0.3137254901960784,
2367
+ "b": 0.6823529411764706,
2368
+ "a": 1
2369
+ },
2370
+ "type": "COLOR",
2371
+ "refId": "mode/reactionButton/selected/fgColor/hover",
2372
+ "reference": "base/color/light/base/color/blue/6",
2373
+ "collection": "mode",
2374
+ "mode": "light tritanopia",
2375
+ "group": "component (internal)",
2376
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2377
+ },
2378
+ {
2379
+ "name": "reactionButton/selected/bgColor/rest",
2380
+ "value": {
2381
+ "r": 0.8666666666666667,
2382
+ "g": 0.9568627450980393,
2383
+ "b": 1,
2384
+ "a": 1
2385
+ },
2386
+ "type": "COLOR",
2387
+ "refId": "mode/reactionButton/selected/bgColor/rest",
2388
+ "reference": "base/color/light/base/color/blue/0",
2389
+ "collection": "mode",
2390
+ "mode": "light tritanopia",
2391
+ "group": "component (internal)",
2392
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2393
+ },
2362
2394
  {
2363
2395
  "name": "buttonCounter/danger/fgColor/hover",
2364
2396
  "value": {
@@ -5344,6 +5376,23 @@
5344
5376
  "group": "component (internal)",
5345
5377
  "scopes": ["STROKE_COLOR"]
5346
5378
  },
5379
+ {
5380
+ "name": "reactionButton/selected/bgColor/hover",
5381
+ "value": {
5382
+ "r": 0.792156862745098,
5383
+ "g": 0.9254901960784314,
5384
+ "b": 1,
5385
+ "a": 1
5386
+ },
5387
+ "type": "COLOR",
5388
+ "isMix": true,
5389
+ "refId": "mode/reactionButton/selected/bgColor/hover",
5390
+ "reference": "mode/reactionButton/selected/bgColor/rest",
5391
+ "collection": "mode",
5392
+ "mode": "light tritanopia",
5393
+ "group": "component (internal)",
5394
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5395
+ },
5347
5396
  {
5348
5397
  "name": "buttonCounter/danger/fgColor/disabled",
5349
5398
  "value": {
@@ -6802,6 +6851,22 @@
6802
6851
  "group": "component (internal)",
6803
6852
  "scopes": ["ALL_SCOPES"]
6804
6853
  },
6854
+ {
6855
+ "name": "reactionButton/selected/fgColor/rest",
6856
+ "value": {
6857
+ "r": 0.03529411764705882,
6858
+ "g": 0.4117647058823529,
6859
+ "b": 0.8549019607843137,
6860
+ "a": 1
6861
+ },
6862
+ "type": "COLOR",
6863
+ "refId": "mode/reactionButton/selected/fgColor/rest",
6864
+ "reference": "mode/fgColor/link",
6865
+ "collection": "mode",
6866
+ "mode": "light tritanopia",
6867
+ "group": "component (internal)",
6868
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
6869
+ },
6805
6870
  {
6806
6871
  "name": "button/danger/bgColor/disabled",
6807
6872
  "value": {
@@ -2244,6 +2244,38 @@
2244
2244
  "group": "component (internal)",
2245
2245
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2246
2246
  },
2247
+ {
2248
+ "name": "reactionButton/selected/fgColor/hover",
2249
+ "value": {
2250
+ "r": 0.0196078431372549,
2251
+ "g": 0.3137254901960784,
2252
+ "b": 0.6823529411764706,
2253
+ "a": 1
2254
+ },
2255
+ "type": "COLOR",
2256
+ "refId": "mode/reactionButton/selected/fgColor/hover",
2257
+ "reference": "base/color/light/base/color/blue/6",
2258
+ "collection": "mode",
2259
+ "mode": "light",
2260
+ "group": "component (internal)",
2261
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2262
+ },
2263
+ {
2264
+ "name": "reactionButton/selected/bgColor/rest",
2265
+ "value": {
2266
+ "r": 0.8666666666666667,
2267
+ "g": 0.9568627450980393,
2268
+ "b": 1,
2269
+ "a": 1
2270
+ },
2271
+ "type": "COLOR",
2272
+ "refId": "mode/reactionButton/selected/bgColor/rest",
2273
+ "reference": "base/color/light/base/color/blue/0",
2274
+ "collection": "mode",
2275
+ "mode": "light",
2276
+ "group": "component (internal)",
2277
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2278
+ },
2247
2279
  {
2248
2280
  "name": "buttonCounter/danger/fgColor/hover",
2249
2281
  "value": {
@@ -5343,6 +5375,23 @@
5343
5375
  "group": "component (internal)",
5344
5376
  "scopes": ["STROKE_COLOR"]
5345
5377
  },
5378
+ {
5379
+ "name": "reactionButton/selected/bgColor/hover",
5380
+ "value": {
5381
+ "r": 0.792156862745098,
5382
+ "g": 0.9254901960784314,
5383
+ "b": 1,
5384
+ "a": 1
5385
+ },
5386
+ "type": "COLOR",
5387
+ "isMix": true,
5388
+ "refId": "mode/reactionButton/selected/bgColor/hover",
5389
+ "reference": "mode/reactionButton/selected/bgColor/rest",
5390
+ "collection": "mode",
5391
+ "mode": "light",
5392
+ "group": "component (internal)",
5393
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5394
+ },
5346
5395
  {
5347
5396
  "name": "buttonCounter/danger/fgColor/disabled",
5348
5397
  "value": {
@@ -6801,6 +6850,22 @@
6801
6850
  "group": "component (internal)",
6802
6851
  "scopes": ["ALL_SCOPES"]
6803
6852
  },
6853
+ {
6854
+ "name": "reactionButton/selected/fgColor/rest",
6855
+ "value": {
6856
+ "r": 0.03529411764705882,
6857
+ "g": 0.4117647058823529,
6858
+ "b": 0.8549019607843137,
6859
+ "a": 1
6860
+ },
6861
+ "type": "COLOR",
6862
+ "refId": "mode/reactionButton/selected/fgColor/rest",
6863
+ "reference": "mode/fgColor/link",
6864
+ "collection": "mode",
6865
+ "mode": "light",
6866
+ "group": "component (internal)",
6867
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
6868
+ },
6804
6869
  {
6805
6870
  "name": "button/danger/bgColor/disabled",
6806
6871
  "value": {
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #db6d28;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #db6d2880;
557
+ --reactionButton-selected-bgColor-rest: #388bfd33;
558
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
559
+ --reactionButton-selected-fgColor-rest: #4493f8;
560
+ --reactionButton-selected-fgColor-hover: #79c0ff;
557
561
  --focus-outlineColor: #1f6feb;
558
562
  --menu-bgColor-active: #161b22;
559
563
  --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #db6d28;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #db6d2880;
1353
+ --reactionButton-selected-bgColor-rest: #388bfd33;
1354
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
1355
+ --reactionButton-selected-fgColor-rest: #4493f8;
1356
+ --reactionButton-selected-fgColor-hover: #79c0ff;
1349
1357
  --focus-outlineColor: #1f6feb;
1350
1358
  --menu-bgColor-active: #161b22;
1351
1359
  --overlay-bgColor: #161b22;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #e5534b;
555
555
  --buttonCounter-danger-fgColor-hover: #cdd9e5;
556
556
  --buttonCounter-danger-fgColor-disabled: #e5534b80;
557
+ --reactionButton-selected-bgColor-rest: #4184e433;
558
+ --reactionButton-selected-bgColor-hover: #4285e55c;
559
+ --reactionButton-selected-fgColor-rest: #478be6;
560
+ --reactionButton-selected-fgColor-hover: #6cb6ff;
557
561
  --focus-outlineColor: #316dca;
558
562
  --menu-bgColor-active: #2d333b;
559
563
  --overlay-bgColor: #2d333b;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #e5534b;
1347
1351
  --buttonCounter-danger-fgColor-hover: #cdd9e5;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #e5534b80;
1353
+ --reactionButton-selected-bgColor-rest: #4184e433;
1354
+ --reactionButton-selected-bgColor-hover: #4285e55c;
1355
+ --reactionButton-selected-fgColor-rest: #478be6;
1356
+ --reactionButton-selected-fgColor-hover: #6cb6ff;
1349
1357
  --focus-outlineColor: #316dca;
1350
1358
  --menu-bgColor-active: #2d333b;
1351
1359
  --overlay-bgColor: #2d333b;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #ff8080;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #ff808080;
557
+ --reactionButton-selected-bgColor-rest: #5cacff33;
558
+ --reactionButton-selected-bgColor-hover: #5dadff5c;
559
+ --reactionButton-selected-fgColor-rest: #60aeff;
560
+ --reactionButton-selected-fgColor-hover: #91cbff;
557
561
  --focus-outlineColor: #409eff;
558
562
  --menu-bgColor-active: #272b33;
559
563
  --overlay-bgColor: #272b33;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #ff8080;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #ff808080;
1353
+ --reactionButton-selected-bgColor-rest: #5cacff33;
1354
+ --reactionButton-selected-bgColor-hover: #5dadff5c;
1355
+ --reactionButton-selected-fgColor-rest: #60aeff;
1356
+ --reactionButton-selected-fgColor-hover: #91cbff;
1349
1357
  --focus-outlineColor: #409eff;
1350
1358
  --menu-bgColor-active: #272b33;
1351
1359
  --overlay-bgColor: #272b33;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #f85149;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #f8514980;
557
+ --reactionButton-selected-bgColor-rest: #388bfd33;
558
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
559
+ --reactionButton-selected-fgColor-rest: #4493f8;
560
+ --reactionButton-selected-fgColor-hover: #79c0ff;
557
561
  --focus-outlineColor: #1f6feb;
558
562
  --menu-bgColor-active: #161b22;
559
563
  --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #f85149;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #f8514980;
1353
+ --reactionButton-selected-bgColor-rest: #388bfd33;
1354
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
1355
+ --reactionButton-selected-fgColor-rest: #4493f8;
1356
+ --reactionButton-selected-fgColor-hover: #79c0ff;
1349
1357
  --focus-outlineColor: #1f6feb;
1350
1358
  --menu-bgColor-active: #161b22;
1351
1359
  --overlay-bgColor: #161b22;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #f85149;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #f8514980;
557
+ --reactionButton-selected-bgColor-rest: #388bfd33;
558
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
559
+ --reactionButton-selected-fgColor-rest: #4493f8;
560
+ --reactionButton-selected-fgColor-hover: #79c0ff;
557
561
  --focus-outlineColor: #1f6feb;
558
562
  --menu-bgColor-active: #161b22;
559
563
  --overlay-bgColor: #161b22;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #f85149;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #f8514980;
1353
+ --reactionButton-selected-bgColor-rest: #388bfd33;
1354
+ --reactionButton-selected-bgColor-hover: #3a8cfd5c;
1355
+ --reactionButton-selected-fgColor-rest: #4493f8;
1356
+ --reactionButton-selected-fgColor-hover: #79c0ff;
1349
1357
  --focus-outlineColor: #1f6feb;
1350
1358
  --menu-bgColor-active: #161b22;
1351
1359
  --overlay-bgColor: #161b22;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #c21c2c;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #be4e0280;
557
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
558
+ --reactionButton-selected-bgColor-hover: #caecff;
559
+ --reactionButton-selected-fgColor-rest: #0969da;
560
+ --reactionButton-selected-fgColor-hover: #0550ae;
557
561
  --focus-outlineColor: #0969da;
558
562
  --focus-outline: #0969da solid 2px;
559
563
  --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #c21c2c;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #be4e0280;
1353
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
1354
+ --reactionButton-selected-bgColor-hover: #caecff;
1355
+ --reactionButton-selected-fgColor-rest: #0969da;
1356
+ --reactionButton-selected-fgColor-hover: #0550ae;
1349
1357
  --focus-outlineColor: #0969da;
1350
1358
  --focus-outline: #0969da solid 2px;
1351
1359
  --menu-bgColor-active: #ffffff00;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #980e1e;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #8a071e80;
557
+ --reactionButton-selected-bgColor-rest: #dff7ff;
558
+ --reactionButton-selected-bgColor-hover: #c7e9ff;
559
+ --reactionButton-selected-fgColor-rest: #023b95;
560
+ --reactionButton-selected-fgColor-hover: #023b95;
557
561
  --focus-outlineColor: #0349b4;
558
562
  --focus-outline: #0349b4 solid 2px;
559
563
  --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #980e1e;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #8a071e80;
1353
+ --reactionButton-selected-bgColor-rest: #dff7ff;
1354
+ --reactionButton-selected-bgColor-hover: #c7e9ff;
1355
+ --reactionButton-selected-fgColor-rest: #023b95;
1356
+ --reactionButton-selected-fgColor-hover: #023b95;
1349
1357
  --focus-outlineColor: #0349b4;
1350
1358
  --focus-outline: #0349b4 solid 2px;
1351
1359
  --menu-bgColor-active: #ffffff00;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #c21c2c;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
557
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
558
+ --reactionButton-selected-bgColor-hover: #caecff;
559
+ --reactionButton-selected-fgColor-rest: #0969da;
560
+ --reactionButton-selected-fgColor-hover: #0550ae;
557
561
  --focus-outlineColor: #0969da;
558
562
  --focus-outline: #0969da solid 2px;
559
563
  --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #c21c2c;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
1353
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
1354
+ --reactionButton-selected-bgColor-hover: #caecff;
1355
+ --reactionButton-selected-fgColor-rest: #0969da;
1356
+ --reactionButton-selected-fgColor-hover: #0550ae;
1349
1357
  --focus-outlineColor: #0969da;
1350
1358
  --focus-outline: #0969da solid 2px;
1351
1359
  --menu-bgColor-active: #ffffff00;
@@ -554,6 +554,10 @@
554
554
  --buttonCounter-danger-fgColor-rest: #c21c2c;
555
555
  --buttonCounter-danger-fgColor-hover: #ffffff;
556
556
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
557
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
558
+ --reactionButton-selected-bgColor-hover: #caecff;
559
+ --reactionButton-selected-fgColor-rest: #0969da;
560
+ --reactionButton-selected-fgColor-hover: #0550ae;
557
561
  --focus-outlineColor: #0969da;
558
562
  --focus-outline: #0969da solid 2px;
559
563
  --menu-bgColor-active: #ffffff00;
@@ -1346,6 +1350,10 @@
1346
1350
  --buttonCounter-danger-fgColor-rest: #c21c2c;
1347
1351
  --buttonCounter-danger-fgColor-hover: #ffffff;
1348
1352
  --buttonCounter-danger-fgColor-disabled: #d1242f80;
1353
+ --reactionButton-selected-bgColor-rest: #ddf4ff;
1354
+ --reactionButton-selected-bgColor-hover: #caecff;
1355
+ --reactionButton-selected-fgColor-rest: #0969da;
1356
+ --reactionButton-selected-fgColor-hover: #0550ae;
1349
1357
  --focus-outlineColor: #0969da;
1350
1358
  --focus-outline: #0969da solid 2px;
1351
1359
  --menu-bgColor-active: #ffffff00;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
265
265
  $buttonCounter-danger-fgColor-rest: #db6d28;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #db6d2880;
268
+ $reactionButton-selected-bgColor-rest: #388bfd33;
269
+ $reactionButton-selected-bgColor-hover: #3a8cfd33;
270
+ $reactionButton-selected-fgColor-rest: #4493f8;
271
+ $reactionButton-selected-fgColor-hover: #79c0ff;
268
272
  $focus-outlineColor: #1f6feb;
269
273
  $menu-bgColor-active: #161b22;
270
274
  $overlay-bgColor: #161b22;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #5d0f1233;
265
265
  $buttonCounter-danger-fgColor-rest: #e5534b;
266
266
  $buttonCounter-danger-fgColor-hover: #cdd9e5;
267
267
  $buttonCounter-danger-fgColor-disabled: #e5534b80;
268
+ $reactionButton-selected-bgColor-rest: #4184e433;
269
+ $reactionButton-selected-bgColor-hover: #4285e533;
270
+ $reactionButton-selected-fgColor-rest: #478be6;
271
+ $reactionButton-selected-fgColor-hover: #6cb6ff;
268
272
  $focus-outlineColor: #316dca;
269
273
  $menu-bgColor-active: #2d333b;
270
274
  $overlay-bgColor: #2d333b;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #01040926;
265
265
  $buttonCounter-danger-fgColor-rest: #ff8080;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #ff808080;
268
+ $reactionButton-selected-bgColor-rest: #5cacff33;
269
+ $reactionButton-selected-bgColor-hover: #5dadff33;
270
+ $reactionButton-selected-fgColor-rest: #60aeff;
271
+ $reactionButton-selected-fgColor-hover: #91cbff;
268
272
  $focus-outlineColor: #409eff;
269
273
  $menu-bgColor-active: #272b33;
270
274
  $overlay-bgColor: #272b33;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
265
265
  $buttonCounter-danger-fgColor-rest: #f85149;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #f8514980;
268
+ $reactionButton-selected-bgColor-rest: #388bfd33;
269
+ $reactionButton-selected-bgColor-hover: #3a8cfd33;
270
+ $reactionButton-selected-fgColor-rest: #4493f8;
271
+ $reactionButton-selected-fgColor-hover: #79c0ff;
268
272
  $focus-outlineColor: #1f6feb;
269
273
  $menu-bgColor-active: #161b22;
270
274
  $overlay-bgColor: #161b22;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #49020233;
265
265
  $buttonCounter-danger-fgColor-rest: #f85149;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #f8514980;
268
+ $reactionButton-selected-bgColor-rest: #388bfd33;
269
+ $reactionButton-selected-bgColor-hover: #3a8cfd33;
270
+ $reactionButton-selected-fgColor-rest: #4493f8;
271
+ $reactionButton-selected-fgColor-hover: #79c0ff;
268
272
  $focus-outlineColor: #1f6feb;
269
273
  $menu-bgColor-active: #161b22;
270
274
  $overlay-bgColor: #161b22;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #bc4c001a;
265
265
  $buttonCounter-danger-fgColor-rest: #c21c2c;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #be4e0280;
268
+ $reactionButton-selected-bgColor-rest: #ddf4ff;
269
+ $reactionButton-selected-bgColor-hover: #caecff;
270
+ $reactionButton-selected-fgColor-rest: #0969da;
271
+ $reactionButton-selected-fgColor-hover: #0550ae;
268
272
  $focus-outlineColor: #0969da;
269
273
  $focus-outline: #0969da solid 2px;
270
274
  $menu-bgColor-active: #ffffff00;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #a0111f1a;
265
265
  $buttonCounter-danger-fgColor-rest: #980e1e;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #8a071e80;
268
+ $reactionButton-selected-bgColor-rest: #dff7ff;
269
+ $reactionButton-selected-bgColor-hover: #c7e9ff;
270
+ $reactionButton-selected-fgColor-rest: #023b95;
271
+ $reactionButton-selected-fgColor-hover: #023b95;
268
272
  $focus-outlineColor: #0349b4;
269
273
  $focus-outline: #0349b4 solid 2px;
270
274
  $menu-bgColor-active: #ffffff00;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #cf222e1a;
265
265
  $buttonCounter-danger-fgColor-rest: #c21c2c;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #d1242f80;
268
+ $reactionButton-selected-bgColor-rest: #ddf4ff;
269
+ $reactionButton-selected-bgColor-hover: #caecff;
270
+ $reactionButton-selected-fgColor-rest: #0969da;
271
+ $reactionButton-selected-fgColor-hover: #0550ae;
268
272
  $focus-outlineColor: #0969da;
269
273
  $focus-outline: #0969da solid 2px;
270
274
  $menu-bgColor-active: #ffffff00;
@@ -265,6 +265,10 @@ $buttonCounter-danger-bgColor-rest: #cf222e1a;
265
265
  $buttonCounter-danger-fgColor-rest: #c21c2c;
266
266
  $buttonCounter-danger-fgColor-hover: #ffffff;
267
267
  $buttonCounter-danger-fgColor-disabled: #d1242f80;
268
+ $reactionButton-selected-bgColor-rest: #ddf4ff;
269
+ $reactionButton-selected-bgColor-hover: #caecff;
270
+ $reactionButton-selected-fgColor-rest: #0969da;
271
+ $reactionButton-selected-fgColor-hover: #0550ae;
268
272
  $focus-outlineColor: #0969da;
269
273
  $focus-outline: #0969da solid 2px;
270
274
  $menu-bgColor-active: #ffffff00;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
 
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:39 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Mar 2024 16:30:15 GMT
3
+ * Generated on Fri, 29 Mar 2024 17:29:40 GMT
4
4
  */
5
5
 
6
6
  export const BaseSize4 = "0.25rem";