@primer/primitives 7.11.8-rc.f8fce74 → 7.11.8

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 (160) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +2 -2
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -26
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -26
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +28 -16
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +58 -46
  53. package/tokens-next-private/css/functional/themes/dark.css +38 -26
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -18
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +30 -18
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +50 -38
  57. package/tokens-next-private/css/functional/themes/light.css +30 -18
  58. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +158 -70
  59. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +158 -70
  60. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +147 -55
  61. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +191 -101
  62. package/tokens-next-private/docs/functional/themes/dark.json +158 -70
  63. package/tokens-next-private/docs/functional/themes/light-colorblind.json +156 -58
  64. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +158 -58
  65. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +189 -89
  66. package/tokens-next-private/docs/functional/themes/light.json +156 -58
  67. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  68. package/tokens-next-private/js/functional/themes/dark-colorblind.js +27 -15
  69. package/tokens-next-private/js/functional/themes/dark-dimmed.js +27 -15
  70. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +22 -10
  71. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +37 -25
  72. package/tokens-next-private/js/functional/themes/dark.js +27 -15
  73. package/tokens-next-private/js/functional/themes/light-colorblind.js +23 -11
  74. package/tokens-next-private/js/functional/themes/light-high-contrast.js +23 -11
  75. package/tokens-next-private/js/functional/themes/light-tritanopia.js +33 -21
  76. package/tokens-next-private/js/functional/themes/light.js +23 -11
  77. package/tokens-next-private/json/functional/themes/dark-colorblind.json +28 -16
  78. package/tokens-next-private/json/functional/themes/dark-dimmed.json +28 -16
  79. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +23 -11
  80. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +38 -26
  81. package/tokens-next-private/json/functional/themes/dark.json +28 -16
  82. package/tokens-next-private/json/functional/themes/light-colorblind.json +24 -12
  83. package/tokens-next-private/json/functional/themes/light-high-contrast.json +24 -12
  84. package/tokens-next-private/json/functional/themes/light-tritanopia.json +34 -22
  85. package/tokens-next-private/json/functional/themes/light.json +24 -12
  86. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -13
  87. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -13
  88. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +14 -8
  89. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +29 -23
  90. package/tokens-next-private/scss/functional/themes/dark.scss +19 -13
  91. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -9
  92. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +15 -9
  93. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +25 -19
  94. package/tokens-next-private/scss/functional/themes/light.scss +15 -9
  95. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +27 -15
  96. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +27 -15
  97. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +22 -10
  98. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +37 -25
  99. package/tokens-next-private/ts/functional/themes/dark.ts +27 -15
  100. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +23 -11
  101. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +23 -11
  102. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +33 -21
  103. package/tokens-next-private/ts/functional/themes/light.ts +23 -11
  104. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  105. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  106. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +17 -5
  107. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  108. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  109. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  110. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  111. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  112. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  113. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  116. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  117. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  118. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  119. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  120. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  125. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  126. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  127. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  128. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  129. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  130. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  134. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  135. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  136. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  137. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  138. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  143. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  145. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  147. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  149. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/js/colors/dark.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ hoverCounterFg: string;
302
+ disabledCounterFg: string;
303
+ counterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  disabledCounterBg: string;
318
321
  counterBg: string;
319
322
  icon: string;
323
+ counterFg: string;
324
+ disabledCounterFg: string;
325
+ hoverCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/dark.js CHANGED
@@ -282,16 +282,16 @@ exports.default = {
282
282
  "disabledBg": "rgba(35,134,54,0.6)",
283
283
  "disabledBorder": "rgba(240,246,252,0.1)",
284
284
  "icon": "#ffffff",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(4,38,15,0.2)"
286
286
  },
287
287
  "outline": {
288
- "text": "#58a6ff",
288
+ "text": "#388bfd",
289
289
  "hoverText": "#58a6ff",
290
290
  "hoverBg": "#30363d",
291
291
  "hoverBorder": "rgba(240,246,252,0.1)",
292
292
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
293
293
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
294
- "hoverCounterBg": "rgba(255,255,255,0.2)",
294
+ "hoverCounterBg": "rgba(5,29,77,0.2)",
295
295
  "selectedText": "#ffffff",
296
296
  "selectedBg": "#0d419d",
297
297
  "selectedBorder": "rgba(240,246,252,0.1)",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(88,166,255,0.5)",
300
300
  "disabledBg": "#0d1117",
301
301
  "disabledCounterBg": "rgba(31,111,235,0.05)",
302
- "counterBg": "rgba(31,111,235,0.1)"
302
+ "counterBg": "rgba(5,29,77,0.2)",
303
+ "hoverCounterFg": "#58a6ff",
304
+ "disabledCounterFg": "rgba(47,129,247,0.5)",
305
+ "counterFg": "#388bfd"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#f85149",
@@ -317,8 +320,11 @@ exports.default = {
317
320
  "disabledText": "rgba(248,81,73,0.5)",
318
321
  "disabledBg": "#0d1117",
319
322
  "disabledCounterBg": "rgba(218,54,51,0.05)",
320
- "counterBg": "rgba(218,54,51,0.1)",
321
- "icon": "#f85149"
323
+ "counterBg": "rgba(73,2,2,0.2)",
324
+ "icon": "#f85149",
325
+ "counterFg": "#f85149",
326
+ "disabledCounterFg": "rgba(248,81,73,0.5)",
327
+ "hoverCounterFg": "#ffffff"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/dark_colorblind.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ hoverCounterFg: string;
302
+ disabledCounterFg: string;
303
+ counterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  disabledCounterBg: string;
318
321
  counterBg: string;
319
322
  icon: string;
323
+ counterFg: string;
324
+ disabledCounterFg: string;
325
+ hoverCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/dark_colorblind.js CHANGED
@@ -282,16 +282,16 @@ exports.default = {
282
282
  "disabledBg": "rgba(31,111,235,0.6)",
283
283
  "disabledBorder": "rgba(240,246,252,0.1)",
284
284
  "icon": "#ffffff",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(5,29,77,0.2)"
286
286
  },
287
287
  "outline": {
288
- "text": "#58a6ff",
288
+ "text": "#388bfd",
289
289
  "hoverText": "#58a6ff",
290
290
  "hoverBg": "#30363d",
291
291
  "hoverBorder": "rgba(240,246,252,0.1)",
292
292
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
293
293
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
294
- "hoverCounterBg": "rgba(255,255,255,0.2)",
294
+ "hoverCounterBg": "rgba(5,29,77,0.2)",
295
295
  "selectedText": "#ffffff",
296
296
  "selectedBg": "#0d419d",
297
297
  "selectedBorder": "rgba(240,246,252,0.1)",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(88,166,255,0.5)",
300
300
  "disabledBg": "#0d1117",
301
301
  "disabledCounterBg": "rgba(31,111,235,0.05)",
302
- "counterBg": "rgba(31,111,235,0.1)"
302
+ "counterBg": "rgba(5,29,77,0.2)",
303
+ "hoverCounterFg": "#58a6ff",
304
+ "disabledCounterFg": "rgba(88,166,255,0.5)",
305
+ "counterFg": "#388bfd"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#d47616",
@@ -317,8 +320,11 @@ exports.default = {
317
320
  "disabledText": "rgba(212,118,22,0.5)",
318
321
  "disabledBg": "#0d1117",
319
322
  "disabledCounterBg": "rgba(183,97,0,0.05)",
320
- "counterBg": "rgba(183,97,0,0.1)",
321
- "icon": "#d47616"
323
+ "counterBg": "rgba(51,28,4,0.2)",
324
+ "icon": "#d47616",
325
+ "counterFg": "#d47616",
326
+ "disabledCounterFg": "rgba(212,118,22,0.5)",
327
+ "hoverCounterFg": "#ffffff"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/dark_dimmed.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ hoverCounterFg: string;
302
+ disabledCounterFg: string;
303
+ counterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  disabledCounterBg: string;
318
321
  counterBg: string;
319
322
  icon: string;
323
+ counterFg: string;
324
+ disabledCounterFg: string;
325
+ hoverCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/dark_dimmed.js CHANGED
@@ -282,16 +282,16 @@ exports.default = {
282
282
  "disabledBg": "rgba(52,125,57,0.6)",
283
283
  "disabledBorder": "rgba(205,217,229,0.1)",
284
284
  "icon": "#cdd9e5",
285
- "counterBg": "rgba(205,217,229,0.2)"
285
+ "counterBg": "rgba(17,52,23,0.2)"
286
286
  },
287
287
  "outline": {
288
- "text": "#539bf5",
288
+ "text": "#4184e4",
289
289
  "hoverText": "#539bf5",
290
290
  "hoverBg": "#444c56",
291
291
  "hoverBorder": "rgba(205,217,229,0.1)",
292
292
  "hoverShadow": "0 1px 0 rgba(28,33,40,0.1)",
293
293
  "hoverInsetShadow": "inset 0 1px 0 rgba(205,217,229,0.03)",
294
- "hoverCounterBg": "rgba(205,217,229,0.2)",
294
+ "hoverCounterBg": "rgba(15,45,92,0.2)",
295
295
  "selectedText": "#cdd9e5",
296
296
  "selectedBg": "#1b4b91",
297
297
  "selectedBorder": "rgba(205,217,229,0.1)",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(83,155,245,0.5)",
300
300
  "disabledBg": "#22272e",
301
301
  "disabledCounterBg": "rgba(49,109,202,0.05)",
302
- "counterBg": "rgba(49,109,202,0.1)"
302
+ "counterBg": "rgba(15,45,92,0.2)",
303
+ "hoverCounterFg": "#539bf5",
304
+ "disabledCounterFg": "rgba(83,155,245,0.5)",
305
+ "counterFg": "#4184e4"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#e5534b",
@@ -317,8 +320,11 @@ exports.default = {
317
320
  "disabledText": "rgba(229,83,75,0.5)",
318
321
  "disabledBg": "#22272e",
319
322
  "disabledCounterBg": "rgba(201,60,55,0.05)",
320
- "counterBg": "rgba(201,60,55,0.1)",
321
- "icon": "#e5534b"
323
+ "counterBg": "rgba(93,15,18,0.2)",
324
+ "icon": "#e5534b",
325
+ "counterFg": "#e5534b",
326
+ "disabledCounterFg": "rgba(229,83,75,0.5)",
327
+ "hoverCounterFg": "#cdd9e5"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/dark_high_contrast.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ hoverCounterFg: string;
302
+ disabledCounterFg: string;
303
+ counterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  disabledCounterBg: string;
318
321
  counterBg: string;
319
322
  icon: string;
323
+ counterFg: string;
324
+ disabledCounterFg: string;
325
+ hoverCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/dark_high_contrast.js CHANGED
@@ -285,13 +285,13 @@ exports.default = {
285
285
  "counterBg": "rgba(1,4,9,0.15)"
286
286
  },
287
287
  "outline": {
288
- "text": "#71b7ff",
288
+ "text": "#409eff",
289
289
  "hoverText": "#71b7ff",
290
290
  "hoverBg": "#525964",
291
291
  "hoverBorder": "#7a828e",
292
292
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
293
293
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
294
- "hoverCounterBg": "rgba(255,255,255,0.2)",
294
+ "hoverCounterBg": "rgba(25,79,177,0.2)",
295
295
  "selectedText": "#ffffff",
296
296
  "selectedBg": "#2672f3",
297
297
  "selectedBorder": "#7a828e",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(113,183,255,0.5)",
300
300
  "disabledBg": "#0a0c10",
301
301
  "disabledCounterBg": "rgba(64,158,255,0.05)",
302
- "counterBg": "rgba(64,158,255,0.1)"
302
+ "counterBg": "rgba(25,79,177,0.2)",
303
+ "hoverCounterFg": "#71b7ff",
304
+ "disabledCounterFg": "rgba(113,183,255,0.5)",
305
+ "counterFg": "#409eff"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#ff6a69",
@@ -318,7 +321,10 @@ exports.default = {
318
321
  "disabledBg": "#0a0c10",
319
322
  "disabledCounterBg": "rgba(255,106,105,0.05)",
320
323
  "counterBg": "rgba(1,4,9,0.15)",
321
- "icon": "#ff6a69"
324
+ "icon": "#ff6a69",
325
+ "counterFg": "#ff6a69",
326
+ "disabledCounterFg": "rgba(255,106,105,0.5)",
327
+ "hoverCounterFg": "#ffffff"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/dark_tritanopia.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ hoverCounterFg: string;
302
+ disabledCounterFg: string;
303
+ counterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  disabledCounterBg: string;
318
321
  counterBg: string;
319
322
  icon: string;
323
+ counterFg: string;
324
+ disabledCounterFg: string;
325
+ hoverCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/dark_tritanopia.js CHANGED
@@ -282,16 +282,16 @@ exports.default = {
282
282
  "disabledBg": "rgba(31,111,235,0.6)",
283
283
  "disabledBorder": "rgba(240,246,252,0.1)",
284
284
  "icon": "#ffffff",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(5,29,77,0.2)"
286
286
  },
287
287
  "outline": {
288
- "text": "#58a6ff",
288
+ "text": "#388bfd",
289
289
  "hoverText": "#58a6ff",
290
290
  "hoverBg": "#30363d",
291
291
  "hoverBorder": "rgba(240,246,252,0.1)",
292
292
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
293
293
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
294
- "hoverCounterBg": "rgba(255,255,255,0.2)",
294
+ "hoverCounterBg": "rgba(5,29,77,0.2)",
295
295
  "selectedText": "#ffffff",
296
296
  "selectedBg": "#0d419d",
297
297
  "selectedBorder": "rgba(240,246,252,0.1)",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(88,166,255,0.5)",
300
300
  "disabledBg": "#0d1117",
301
301
  "disabledCounterBg": "rgba(31,111,235,0.05)",
302
- "counterBg": "rgba(31,111,235,0.1)"
302
+ "counterBg": "rgba(5,29,77,0.2)",
303
+ "hoverCounterFg": "#58a6ff",
304
+ "disabledCounterFg": "rgba(88,166,255,0.5)",
305
+ "counterFg": "#388bfd"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#f85149",
@@ -317,8 +320,11 @@ exports.default = {
317
320
  "disabledText": "rgba(248,81,73,0.5)",
318
321
  "disabledBg": "#0d1117",
319
322
  "disabledCounterBg": "rgba(218,54,51,0.05)",
320
- "counterBg": "rgba(218,54,51,0.1)",
321
- "icon": "#f85149"
323
+ "counterBg": "rgba(73,2,2,0.2)",
324
+ "icon": "#f85149",
325
+ "counterFg": "#f85149",
326
+ "disabledCounterFg": "rgba(248,81,73,0.5)",
327
+ "hoverCounterFg": "#ffffff"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/index.d.ts CHANGED
@@ -299,6 +299,9 @@ declare const _default: {
299
299
  disabledBg: string;
300
300
  disabledCounterBg: string;
301
301
  counterBg: string;
302
+ counterFg: string;
303
+ hoverCounterFg: string;
304
+ disabledCounterFg: string;
302
305
  };
303
306
  danger: {
304
307
  text: string;
@@ -318,6 +321,9 @@ declare const _default: {
318
321
  counterBg: string;
319
322
  icon: string;
320
323
  hoverIcon: string;
324
+ counterFg: string;
325
+ hoverCounterFg: string;
326
+ disabledCounterFg: string;
321
327
  };
322
328
  };
323
329
  underlinenav: {
@@ -803,6 +809,9 @@ declare const _default: {
803
809
  disabledBg: string;
804
810
  disabledCounterBg: string;
805
811
  counterBg: string;
812
+ counterFg: string;
813
+ hoverCounterFg: string;
814
+ disabledCounterFg: string;
806
815
  };
807
816
  danger: {
808
817
  text: string;
@@ -822,6 +831,9 @@ declare const _default: {
822
831
  counterBg: string;
823
832
  icon: string;
824
833
  hoverIcon: string;
834
+ counterFg: string;
835
+ hoverCounterFg: string;
836
+ disabledCounterFg: string;
825
837
  };
826
838
  };
827
839
  underlinenav: {
@@ -1307,6 +1319,9 @@ declare const _default: {
1307
1319
  disabledBg: string;
1308
1320
  disabledCounterBg: string;
1309
1321
  counterBg: string;
1322
+ counterFg: string;
1323
+ hoverCounterFg: string;
1324
+ disabledCounterFg: string;
1310
1325
  };
1311
1326
  danger: {
1312
1327
  text: string;
@@ -1326,6 +1341,9 @@ declare const _default: {
1326
1341
  counterBg: string;
1327
1342
  icon: string;
1328
1343
  hoverIcon: string;
1344
+ counterFg: string;
1345
+ hoverCounterFg: string;
1346
+ disabledCounterFg: string;
1329
1347
  };
1330
1348
  };
1331
1349
  underlinenav: {
@@ -1811,6 +1829,9 @@ declare const _default: {
1811
1829
  disabledBg: string;
1812
1830
  disabledCounterBg: string;
1813
1831
  counterBg: string;
1832
+ counterFg: string;
1833
+ hoverCounterFg: string;
1834
+ disabledCounterFg: string;
1814
1835
  };
1815
1836
  danger: {
1816
1837
  text: string;
@@ -1830,6 +1851,9 @@ declare const _default: {
1830
1851
  counterBg: string;
1831
1852
  icon: string;
1832
1853
  hoverIcon: string;
1854
+ counterFg: string;
1855
+ hoverCounterFg: string;
1856
+ disabledCounterFg: string;
1833
1857
  };
1834
1858
  };
1835
1859
  underlinenav: {
@@ -2315,6 +2339,9 @@ declare const _default: {
2315
2339
  disabledBg: string;
2316
2340
  disabledCounterBg: string;
2317
2341
  counterBg: string;
2342
+ hoverCounterFg: string;
2343
+ disabledCounterFg: string;
2344
+ counterFg: string;
2318
2345
  };
2319
2346
  danger: {
2320
2347
  text: string;
@@ -2334,6 +2361,9 @@ declare const _default: {
2334
2361
  disabledCounterBg: string;
2335
2362
  counterBg: string;
2336
2363
  icon: string;
2364
+ counterFg: string;
2365
+ disabledCounterFg: string;
2366
+ hoverCounterFg: string;
2337
2367
  };
2338
2368
  };
2339
2369
  underlinenav: {
@@ -2819,6 +2849,9 @@ declare const _default: {
2819
2849
  disabledBg: string;
2820
2850
  disabledCounterBg: string;
2821
2851
  counterBg: string;
2852
+ hoverCounterFg: string;
2853
+ disabledCounterFg: string;
2854
+ counterFg: string;
2822
2855
  };
2823
2856
  danger: {
2824
2857
  text: string;
@@ -2838,6 +2871,9 @@ declare const _default: {
2838
2871
  disabledCounterBg: string;
2839
2872
  counterBg: string;
2840
2873
  icon: string;
2874
+ counterFg: string;
2875
+ disabledCounterFg: string;
2876
+ hoverCounterFg: string;
2841
2877
  };
2842
2878
  };
2843
2879
  underlinenav: {
@@ -3323,6 +3359,9 @@ declare const _default: {
3323
3359
  disabledBg: string;
3324
3360
  disabledCounterBg: string;
3325
3361
  counterBg: string;
3362
+ hoverCounterFg: string;
3363
+ disabledCounterFg: string;
3364
+ counterFg: string;
3326
3365
  };
3327
3366
  danger: {
3328
3367
  text: string;
@@ -3342,6 +3381,9 @@ declare const _default: {
3342
3381
  disabledCounterBg: string;
3343
3382
  counterBg: string;
3344
3383
  icon: string;
3384
+ counterFg: string;
3385
+ disabledCounterFg: string;
3386
+ hoverCounterFg: string;
3345
3387
  };
3346
3388
  };
3347
3389
  underlinenav: {
@@ -3827,6 +3869,9 @@ declare const _default: {
3827
3869
  disabledBg: string;
3828
3870
  disabledCounterBg: string;
3829
3871
  counterBg: string;
3872
+ hoverCounterFg: string;
3873
+ disabledCounterFg: string;
3874
+ counterFg: string;
3830
3875
  };
3831
3876
  danger: {
3832
3877
  text: string;
@@ -3846,6 +3891,9 @@ declare const _default: {
3846
3891
  disabledCounterBg: string;
3847
3892
  counterBg: string;
3848
3893
  icon: string;
3894
+ counterFg: string;
3895
+ disabledCounterFg: string;
3896
+ hoverCounterFg: string;
3849
3897
  };
3850
3898
  };
3851
3899
  underlinenav: {
@@ -4331,6 +4379,9 @@ declare const _default: {
4331
4379
  disabledBg: string;
4332
4380
  disabledCounterBg: string;
4333
4381
  counterBg: string;
4382
+ hoverCounterFg: string;
4383
+ disabledCounterFg: string;
4384
+ counterFg: string;
4334
4385
  };
4335
4386
  danger: {
4336
4387
  text: string;
@@ -4350,6 +4401,9 @@ declare const _default: {
4350
4401
  disabledCounterBg: string;
4351
4402
  counterBg: string;
4352
4403
  icon: string;
4404
+ counterFg: string;
4405
+ disabledCounterFg: string;
4406
+ hoverCounterFg: string;
4353
4407
  };
4354
4408
  };
4355
4409
  underlinenav: {
package/dist/js/colors/light.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ counterFg: string;
302
+ hoverCounterFg: string;
303
+ disabledCounterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  counterBg: string;
318
321
  icon: string;
319
322
  hoverIcon: string;
323
+ counterFg: string;
324
+ hoverCounterFg: string;
325
+ disabledCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/light.js CHANGED
@@ -282,7 +282,7 @@ exports.default = {
282
282
  "disabledBg": "#94d3a2",
283
283
  "disabledBorder": "rgba(31,35,40,0.15)",
284
284
  "icon": "rgba(255,255,255,0.8)",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(0,45,17,0.2)"
286
286
  },
287
287
  "outline": {
288
288
  "text": "#0969da",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(9,105,218,0.5)",
300
300
  "disabledBg": "#f6f8fa",
301
301
  "disabledCounterBg": "rgba(9,105,218,0.05)",
302
- "counterBg": "rgba(9,105,218,0.1)"
302
+ "counterBg": "#0969da1a",
303
+ "counterFg": "#0550ae",
304
+ "hoverCounterFg": "#ffffff",
305
+ "disabledCounterFg": "rgba(9,105,218,0.5)"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#cf222e",
@@ -318,7 +321,10 @@ exports.default = {
318
321
  "disabledCounterBg": "rgba(207,34,46,0.05)",
319
322
  "counterBg": "rgba(207,34,46,0.1)",
320
323
  "icon": "#cf222e",
321
- "hoverIcon": "#ffffff"
324
+ "hoverIcon": "#ffffff",
325
+ "counterFg": "#c21c2c",
326
+ "hoverCounterFg": "#ffffff",
327
+ "disabledCounterFg": "rgba(207,34,46,0.5)"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/light_colorblind.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ counterFg: string;
302
+ hoverCounterFg: string;
303
+ disabledCounterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  counterBg: string;
318
321
  icon: string;
319
322
  hoverIcon: string;
323
+ counterFg: string;
324
+ hoverCounterFg: string;
325
+ disabledCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/light_colorblind.js CHANGED
@@ -282,7 +282,7 @@ exports.default = {
282
282
  "disabledBg": "#80ccff",
283
283
  "disabledBorder": "rgba(27,31,36,0.15)",
284
284
  "icon": "rgba(255,255,255,0.8)",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(0,33,85,0.2)"
286
286
  },
287
287
  "outline": {
288
288
  "text": "#0969da",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(9,105,218,0.5)",
300
300
  "disabledBg": "#f6f8fa",
301
301
  "disabledCounterBg": "rgba(9,105,218,0.05)",
302
- "counterBg": "rgba(9,105,218,0.1)"
302
+ "counterBg": "#0969da1a",
303
+ "counterFg": "#0550ae",
304
+ "hoverCounterFg": "#ffffff",
305
+ "disabledCounterFg": "rgba(9,105,218,0.5)"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#b35900",
@@ -318,7 +321,10 @@ exports.default = {
318
321
  "disabledCounterBg": "rgba(179,89,0,0.05)",
319
322
  "counterBg": "rgba(179,89,0,0.1)",
320
323
  "icon": "#b35900",
321
- "hoverIcon": "#ffffff"
324
+ "hoverIcon": "#ffffff",
325
+ "counterFg": "#c21c2c",
326
+ "hoverCounterFg": "#ffffff",
327
+ "disabledCounterFg": "rgba(179,89,0,0.5)"
322
328
  }
323
329
  },
324
330
  "underlinenav": {
package/dist/js/colors/light_high_contrast.d.ts CHANGED
@@ -298,6 +298,9 @@ declare const _default: {
298
298
  disabledBg: string;
299
299
  disabledCounterBg: string;
300
300
  counterBg: string;
301
+ counterFg: string;
302
+ hoverCounterFg: string;
303
+ disabledCounterFg: string;
301
304
  };
302
305
  danger: {
303
306
  text: string;
@@ -317,6 +320,9 @@ declare const _default: {
317
320
  counterBg: string;
318
321
  icon: string;
319
322
  hoverIcon: string;
323
+ counterFg: string;
324
+ hoverCounterFg: string;
325
+ disabledCounterFg: string;
320
326
  };
321
327
  };
322
328
  underlinenav: {
package/dist/js/colors/light_high_contrast.js CHANGED
@@ -282,7 +282,7 @@ exports.default = {
282
282
  "disabledBg": "#94d3a2",
283
283
  "disabledBorder": "rgba(1,4,9,0.8)",
284
284
  "icon": "rgba(255,255,255,0.8)",
285
- "counterBg": "rgba(255,255,255,0.2)"
285
+ "counterBg": "rgba(0,35,11,0.2)"
286
286
  },
287
287
  "outline": {
288
288
  "text": "#023b95",
@@ -299,7 +299,10 @@ exports.default = {
299
299
  "disabledText": "rgba(3,73,180,0.5)",
300
300
  "disabledBg": "#e7ecf0",
301
301
  "disabledCounterBg": "rgba(3,73,180,0.05)",
302
- "counterBg": "rgba(3,73,180,0.1)"
302
+ "counterBg": "#0969da1a",
303
+ "counterFg": "#023b95",
304
+ "hoverCounterFg": "#ffffff",
305
+ "disabledCounterFg": "rgba(3,73,180,0.5)"
303
306
  },
304
307
  "danger": {
305
308
  "text": "#86061d",
@@ -318,7 +321,10 @@ exports.default = {
318
321
  "disabledCounterBg": "rgba(160,17,31,0.05)",
319
322
  "counterBg": "rgba(160,17,31,0.1)",
320
323
  "icon": "#86061d",
321
- "hoverIcon": "#ffffff"
324
+ "hoverIcon": "#ffffff",
325
+ "counterFg": "#c21c2c",
326
+ "hoverCounterFg": "#ffffff",
327
+ "disabledCounterFg": "rgba(160,17,31,0.5)"
322
328
  }
323
329
  },
324
330
  "underlinenav": {