jekyll-v4-theme-primer 0.11.0 → 0.13.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +24 -3
  3. data/_layouts/default.html +4 -2
  4. data/_sass/@primer/css/autocomplete/suggester.scss +11 -11
  5. data/_sass/@primer/css/avatars/avatar-parent-child.scss +2 -2
  6. data/_sass/@primer/css/avatars/circle-badge.scss +3 -3
  7. data/_sass/@primer/css/base/base.scss +5 -5
  8. data/_sass/@primer/css/base/kbd.scss +5 -5
  9. data/_sass/@primer/css/base/normalize.scss +3 -2
  10. data/_sass/@primer/css/box/box-overlay.scss +3 -3
  11. data/_sass/@primer/css/branch-name/branch-name.scss +6 -6
  12. data/_sass/@primer/css/buttons/button.scss +63 -63
  13. data/_sass/@primer/css/buttons/misc.scss +26 -26
  14. data/_sass/@primer/css/color-modes/native.scss +4 -2
  15. data/_sass/@primer/css/core/index.scss +0 -1
  16. data/_sass/@primer/css/forms/form-control.scss +18 -18
  17. data/_sass/@primer/css/forms/form-group.scss +31 -30
  18. data/_sass/@primer/css/forms/form-select.scss +1 -1
  19. data/_sass/@primer/css/forms/index.scss +0 -1
  20. data/_sass/@primer/css/forms/input-group.scss +10 -0
  21. data/_sass/@primer/css/forms/radio-group.scss +6 -6
  22. data/_sass/@primer/css/header/header.scss +7 -7
  23. data/_sass/@primer/css/labels/index.scss +0 -1
  24. data/_sass/@primer/css/layout/app-frame.scss +13 -13
  25. data/_sass/@primer/css/layout/page-layout.scss +2 -6
  26. data/_sass/@primer/css/layout/stack.scss +7 -7
  27. data/_sass/@primer/css/markdown/blob-csv.scss +2 -2
  28. data/_sass/@primer/css/markdown/code.scss +3 -3
  29. data/_sass/@primer/css/markdown/footnotes.scss +3 -3
  30. data/_sass/@primer/css/markdown/headings.scss +4 -4
  31. data/_sass/@primer/css/markdown/images.scss +3 -3
  32. data/_sass/@primer/css/markdown/lists.scss +4 -4
  33. data/_sass/@primer/css/markdown/markdown-body.scss +4 -4
  34. data/_sass/@primer/css/markdown/tables.scss +4 -4
  35. data/_sass/@primer/css/marketing/buttons/button.scss +9 -10
  36. data/_sass/@primer/css/marketing/support/variables.scss +15 -0
  37. data/_sass/@primer/css/marketing/utilities/layout.scss +0 -1
  38. data/_sass/@primer/css/navigation/filter-list.scss +8 -8
  39. data/_sass/@primer/css/navigation/sidenav.scss +12 -12
  40. data/_sass/@primer/css/navigation/subnav.scss +9 -9
  41. data/_sass/@primer/css/pagination/pagination.scss +7 -7
  42. data/_sass/@primer/css/primitives/index.scss +9 -9
  43. data/_sass/@primer/css/select-menu/select-menu.scss +41 -41
  44. data/_sass/@primer/css/support/mixins/color-modes.scss +89 -1
  45. data/_sass/@primer/css/support/mixins/misc.scss +8 -8
  46. data/_sass/@primer/css/support/variables/misc.scss +2 -2
  47. data/_sass/@primer/css/support/variables/typography.scss +1 -1
  48. data/_sass/@primer/css/toasts/toasts.scss +17 -17
  49. data/_sass/@primer/css/tooltips/tooltips.scss +9 -62
  50. data/_sass/@primer/css/utilities/borders.scss +9 -9
  51. data/_sass/@primer/css/utilities/box-shadow.scss +8 -4
  52. data/_sass/@primer/css/utilities/colors.scss +59 -60
  53. data/_sass/@primer/css/utilities/details.scss +1 -1
  54. data/_sass/@primer/css/utilities/flexbox.scss +0 -1
  55. data/_sass/@primer/css/utilities/layout.scss +7 -5
  56. data/_sass/@primer/css/utilities/margin.scss +0 -2
  57. data/_sass/@primer/css/utilities/padding.scss +0 -1
  58. data/_sass/@primer/css/utilities/typography.scss +8 -8
  59. data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
  60. data/_sass/@primer/primitives/dist/scss/base/size/size.scss +17 -0
  61. data/_sass/@primer/primitives/dist/scss/base/typography/typography.scss +4 -0
  62. data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +29 -20
  63. data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +14 -5
  64. data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +14 -5
  65. data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +12 -3
  66. data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +14 -5
  67. data/_sass/@primer/primitives/dist/scss/colors/_light.scss +13 -4
  68. data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +13 -4
  69. data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +13 -4
  70. data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +13 -4
  71. data/_sass/@primer/primitives/dist/scss/functional/motion/motion.scss +3 -0
  72. data/_sass/@primer/primitives/dist/scss/functional/size/border.scss +12 -0
  73. data/_sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss +6 -0
  74. data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss +3 -0
  75. data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss +3 -0
  76. data/_sass/@primer/primitives/dist/scss/functional/size/size.scss +72 -0
  77. data/_sass/@primer/primitives/dist/scss/functional/size/viewport.scss +6 -0
  78. data/_sass/@primer/primitives/dist/scss/functional/themes/dark-colorblind.scss +503 -0
  79. data/_sass/@primer/primitives/dist/scss/functional/themes/dark-dimmed.scss +503 -0
  80. data/_sass/@primer/primitives/dist/scss/functional/themes/dark-high-contrast.scss +503 -0
  81. data/_sass/@primer/primitives/dist/scss/functional/themes/dark-tritanopia.scss +503 -0
  82. data/_sass/@primer/primitives/dist/scss/functional/themes/dark.scss +503 -0
  83. data/_sass/@primer/primitives/dist/scss/functional/themes/light-colorblind.scss +503 -0
  84. data/_sass/@primer/primitives/dist/scss/functional/themes/light-high-contrast.scss +503 -0
  85. data/_sass/@primer/primitives/dist/scss/functional/themes/light-tritanopia.scss +503 -0
  86. data/_sass/@primer/primitives/dist/scss/functional/themes/light.scss +503 -0
  87. data/_sass/@primer/primitives/dist/scss/functional/typography/typography.scss +45 -0
  88. data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +17 -21
  89. data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +4 -8
  90. data/_sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss +3 -0
  91. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +12 -16
  92. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +6 -10
  93. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +3 -7
  94. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +3 -7
  95. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +72 -51
  96. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +6 -19
  97. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +503 -391
  98. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +503 -391
  99. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +503 -391
  100. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +503 -391
  101. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +503 -391
  102. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +503 -366
  103. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +503 -366
  104. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +503 -366
  105. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +503 -366
  106. data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +45 -49
  107. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  108. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  109. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  110. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  111. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  112. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  113. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  114. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  115. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  116. data/_sass/@primer/view-components/README.md +1 -1
  117. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts +17 -0
  118. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
  119. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
  120. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts +1 -0
  121. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts +1 -0
  122. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts +18 -0
  123. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts +12 -0
  124. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts +1 -0
  125. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts +30 -0
  126. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +27 -0
  127. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +13 -0
  128. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts +27 -0
  129. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
  130. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts +1 -0
  131. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +17 -0
  132. data/_sass/@primer/view-components/app/{components/primer/alpha/nav_list.d.ts → assets/javascripts/app/components/primer/beta/nav_list_group_element.d.ts} +3 -9
  133. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts +15 -0
  134. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts +19 -0
  135. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts +23 -0
  136. data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts +13 -0
  137. data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +10 -0
  138. data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +1 -0
  139. data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +5 -0
  140. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
  141. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
  142. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +1 -3
  143. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
  144. data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css +1 -0
  145. data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css.json +14 -0
  146. data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.d.ts +17 -0
  147. data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.js +180 -0
  148. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
  149. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +136 -1
  150. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
  151. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +470 -0
  152. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
  153. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
  154. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
  155. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
  156. data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css +1 -1
  157. data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -1
  158. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
  159. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +65 -1
  160. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
  161. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
  162. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
  163. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
  164. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
  165. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
  166. data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +50 -27
  167. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
  168. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +11 -0
  169. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
  170. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +29 -1
  171. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.js +4 -4
  172. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
  173. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
  174. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -3
  175. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +144 -1
  176. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
  177. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +40 -1
  178. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.d.ts +2 -1
  179. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +54 -45
  180. data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.d.ts +4 -2
  181. data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +159 -72
  182. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
  183. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
  184. data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.d.ts +3 -1
  185. data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.js +25 -10
  186. data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
  187. data/_sass/@primer/view-components/app/components/primer/anchored_position.js +157 -0
  188. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
  189. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
  190. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
  191. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -1
  192. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
  193. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +23 -1
  194. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
  195. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +54 -1
  196. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
  197. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -1
  198. data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
  199. data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +77 -1
  200. data/_sass/@primer/view-components/app/components/primer/beta/button_group.css +1 -0
  201. data/_sass/@primer/view-components/app/components/primer/beta/button_group.css.json +12 -0
  202. data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
  203. data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
  204. data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
  205. data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
  206. data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
  207. data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
  208. data/_sass/@primer/view-components/app/components/primer/beta/link.css +1 -1
  209. data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +20 -1
  210. data/_sass/@primer/view-components/app/components/primer/beta/nav_list.d.ts +17 -0
  211. data/_sass/@primer/view-components/app/components/primer/beta/nav_list.js +170 -0
  212. data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
  213. data/_sass/@primer/view-components/app/components/primer/{alpha/nav_list.js → beta/nav_list_group_element.js} +30 -53
  214. data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
  215. data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
  216. data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css +1 -1
  217. data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
  218. data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
  219. data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -1
  220. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
  221. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +14 -1
  222. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
  223. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
  224. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
  225. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
  226. data/_sass/@primer/view-components/app/components/primer/dialog_helper.d.ts +15 -0
  227. data/_sass/@primer/view-components/app/components/primer/dialog_helper.js +117 -0
  228. data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
  229. data/_sass/@primer/view-components/app/components/primer/focus_group.js +163 -0
  230. data/_sass/@primer/view-components/app/components/primer/primer.d.ts +10 -3
  231. data/_sass/@primer/view-components/app/components/primer/primer.js +10 -3
  232. data/_sass/@primer/view-components/app/components/primer/scrollable_region.d.ts +13 -0
  233. data/_sass/@primer/view-components/app/components/primer/scrollable_region.js +52 -0
  234. data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
  235. data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.js +2 -3
  236. data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +55 -11
  237. data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +7 -2
  238. data/_sass/@primer/view-components/package.json +34 -33
  239. data/_sass/@primer/view-components/static/arguments.json +2786 -454
  240. data/_sass/@primer/view-components/static/audited_at.json +39 -24
  241. data/_sass/@primer/view-components/static/classes.json +612 -0
  242. data/_sass/@primer/view-components/static/constants.json +318 -77
  243. data/_sass/@primer/view-components/static/info_arch.json +15698 -0
  244. data/_sass/@primer/view-components/static/previews.json +6814 -0
  245. data/_sass/@primer/view-components/static/statuses.json +41 -26
  246. data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +14 -3
  247. data/_sass/primer.scss +1 -1
  248. data/assets/css/style.scss +1 -1
  249. data/assets/js/github-clipboard-copy-element.js +154 -0
  250. data/assets/js/primer-clipboard-copy.js +106 -0
  251. metadata +77 -18
  252. data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
  253. data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
  254. data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
  255. data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
  256. data/_sass/@primer/css/actionlist/action-list.scss +0 -67
  257. data/_sass/@primer/css/actionlist/index.scss +0 -6
  258. data/_sass/@primer/css/forms/form-validation.scss +0 -265
  259. data/_sass/@primer/css/labels/diffstat.scss +0 -37
  260. data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
  261. /data/_sass/@primer/view-components/app/{components/primer/local_time.d.ts → assets/javascripts/app/components/primer/beta/relative_time.d.ts} +0 -0
  262. /data/_sass/@primer/view-components/app/components/primer/{local_time.js → beta/relative_time.d.ts} +0 -0
  263. /data/_sass/@primer/view-components/app/components/primer/{time_ago_component.d.ts → beta/relative_time.js} +0 -0
data/_sass/@primer/primitives/dist/scss/colors/_dark.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
16
16
  --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
17
17
  --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
18
- --color-diff-blob-expander-icon: #7d8590;
18
+ --color-diff-blob-expander-icon: #848d97;
19
19
  --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
20
20
  --color-diffstat-deletion-border: rgba(240,246,252,0.1);
21
21
  --color-diffstat-addition-border: rgba(240,246,252,0.1);
@@ -56,7 +56,7 @@
56
56
  --color-codemirror-gutters-bg: #0d1117;
57
57
  --color-codemirror-guttermarker-text: #0d1117;
58
58
  --color-codemirror-guttermarker-subtle-text: #6e7681;
59
- --color-codemirror-linenumber-text: #7d8590;
59
+ --color-codemirror-linenumber-text: #848d97;
60
60
  --color-codemirror-cursor: #e6edf3;
61
61
  --color-codemirror-selection-bg: rgba(56,139,253,0.4);
62
62
  --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
@@ -74,12 +74,12 @@
74
74
  --color-checks-run-border-width: 1px;
75
75
  --color-checks-container-border-width: 1px;
76
76
  --color-checks-text-primary: #e6edf3;
77
- --color-checks-text-secondary: #7d8590;
77
+ --color-checks-text-secondary: #848d97;
78
78
  --color-checks-text-link: #2f81f7;
79
- --color-checks-btn-icon: #7d8590;
79
+ --color-checks-btn-icon: #848d97;
80
80
  --color-checks-btn-hover-icon: #e6edf3;
81
81
  --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
82
- --color-checks-input-text: #7d8590;
82
+ --color-checks-input-text: #848d97;
83
83
  --color-checks-input-placeholder-text: #6e7681;
84
84
  --color-checks-input-focus-text: #e6edf3;
85
85
  --color-checks-input-bg: #161b22;
@@ -97,11 +97,11 @@
97
97
  --color-checks-dropdown-btn-hover-text: #e6edf3;
98
98
  --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
99
99
  --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
100
- --color-checks-header-label-text: #7d8590;
100
+ --color-checks-header-label-text: #848d97;
101
101
  --color-checks-header-label-open-text: #e6edf3;
102
102
  --color-checks-header-border: #21262d;
103
- --color-checks-header-icon: #7d8590;
104
- --color-checks-line-text: #7d8590;
103
+ --color-checks-header-icon: #848d97;
104
+ --color-checks-line-text: #848d97;
105
105
  --color-checks-line-num-text: #6e7681;
106
106
  --color-checks-line-timestamp-text: #6e7681;
107
107
  --color-checks-line-hover-bg: rgba(110,118,129,0.1);
@@ -110,18 +110,18 @@
110
110
  --color-checks-line-dt-fm-text: #ffffff;
111
111
  --color-checks-line-dt-fm-bg: #9e6a03;
112
112
  --color-checks-gate-bg: rgba(187,128,9,0.15);
113
- --color-checks-gate-text: #7d8590;
113
+ --color-checks-gate-text: #848d97;
114
114
  --color-checks-gate-waiting-text: #d29922;
115
115
  --color-checks-step-header-open-bg: #161b22;
116
116
  --color-checks-step-error-text: #f85149;
117
117
  --color-checks-step-warning-text: #d29922;
118
- --color-checks-logline-text: #7d8590;
118
+ --color-checks-logline-text: #848d97;
119
119
  --color-checks-logline-num-text: #6e7681;
120
120
  --color-checks-logline-debug-text: #a371f7;
121
- --color-checks-logline-error-text: #7d8590;
121
+ --color-checks-logline-error-text: #848d97;
122
122
  --color-checks-logline-error-num-text: #6e7681;
123
123
  --color-checks-logline-error-bg: rgba(248,81,73,0.1);
124
- --color-checks-logline-warning-text: #7d8590;
124
+ --color-checks-logline-warning-text: #848d97;
125
125
  --color-checks-logline-warning-num-text: #d29922;
126
126
  --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
127
127
  --color-checks-logline-command-text: #2f81f7;
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
165
165
  --color-select-menu-tap-focus-bg: #0c2d6b;
166
166
  --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
167
+ --color-overlay-backdrop: rgba(22,27,34,0.4);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #161b22;
169
170
  --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
215
216
  --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
216
217
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
217
218
  --color-btn-primary-icon: #ffffff;
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
- --color-btn-outline-text: #58a6ff;
219
+ --color-btn-primary-counter-bg: rgba(4,38,15,0.2);
220
+ --color-btn-outline-text: #388bfd;
220
221
  --color-btn-outline-hover-text: #58a6ff;
221
222
  --color-btn-outline-hover-bg: #30363d;
222
223
  --color-btn-outline-hover-border: rgba(240,246,252,0.1);
223
224
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
224
225
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
225
- --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
226
+ --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
226
227
  --color-btn-outline-selected-text: #ffffff;
227
228
  --color-btn-outline-selected-bg: #0d419d;
228
229
  --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
231
232
  --color-btn-outline-disabled-bg: #0d1117;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
233
- --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
234
+ --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
235
+ --color-btn-outline-hover-counter-fg: #58a6ff;
236
+ --color-btn-outline-disabled-counter-fg: rgba(47,129,247,0.5);
237
+ --color-btn-outline-counter-fg: #388bfd;
234
238
  --color-btn-danger-text: #f85149;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #da3633;
@@ -246,8 +250,13 @@
246
250
  --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
247
251
  --color-btn-danger-disabled-bg: #0d1117;
248
252
  --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
249
- --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
253
+ --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
250
254
  --color-btn-danger-icon: #f85149;
255
+ --color-btn-danger-counter-fg: #f85149;
256
+ --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
257
+ --color-btn-danger-hover-counter-fg: #ffffff;
258
+ --color-btn-inactive-bg: #21262d;
259
+ --color-btn-inactive-text: #8b949e;
251
260
  --color-underlinenav-icon: #6e7681;
252
261
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
253
262
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
@@ -263,7 +272,7 @@
263
272
  --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
264
273
  --color-switch-track-active-bg: rgba(110,118,129,0.4);
265
274
  --color-switch-track-disabled-bg: #21262d;
266
- --color-switch-track-fg: #7d8590;
275
+ --color-switch-track-fg: #848d97;
267
276
  --color-switch-track-disabled-fg: #010409;
268
277
  --color-switch-track-border: rgba(0,0,0,0);
269
278
  --color-switch-track-checked-bg: rgba(31,111,235,0.35);
@@ -284,9 +293,9 @@
284
293
  --color-segmented-control-button-active-bg: #21262d;
285
294
  --color-segmented-control-button-selected-border: #6e7681;
286
295
  --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
287
- --color-tree-view-item-directory-fill: #7d8590;
296
+ --color-tree-view-item-directory-fill: #848d97;
288
297
  --color-fg-default: #e6edf3;
289
- --color-fg-muted: #7d8590;
298
+ --color-fg-muted: #848d97;
290
299
  --color-fg-subtle: #6e7681;
291
300
  --color-fg-on-emphasis: #ffffff;
292
301
  --color-canvas-default: #0d1117;
data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss CHANGED
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
165
165
  --color-select-menu-tap-focus-bg: #0c2d6b;
166
166
  --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
167
+ --color-overlay-backdrop: rgba(22,27,34,0.4);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #161b22;
169
170
  --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
215
216
  --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
216
217
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
217
218
  --color-btn-primary-icon: #ffffff;
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
- --color-btn-outline-text: #58a6ff;
219
+ --color-btn-primary-counter-bg: rgba(5,29,77,0.2);
220
+ --color-btn-outline-text: #388bfd;
220
221
  --color-btn-outline-hover-text: #58a6ff;
221
222
  --color-btn-outline-hover-bg: #30363d;
222
223
  --color-btn-outline-hover-border: rgba(240,246,252,0.1);
223
224
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
224
225
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
225
- --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
226
+ --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
226
227
  --color-btn-outline-selected-text: #ffffff;
227
228
  --color-btn-outline-selected-bg: #0d419d;
228
229
  --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
231
232
  --color-btn-outline-disabled-bg: #0d1117;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
233
- --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
234
+ --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
235
+ --color-btn-outline-hover-counter-fg: #58a6ff;
236
+ --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5);
237
+ --color-btn-outline-counter-fg: #388bfd;
234
238
  --color-btn-danger-text: #d47616;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #b76100;
@@ -246,8 +250,13 @@
246
250
  --color-btn-danger-disabled-text: rgba(212,118,22,0.5);
247
251
  --color-btn-danger-disabled-bg: #0d1117;
248
252
  --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05);
249
- --color-btn-danger-counter-bg: rgba(183,97,0,0.1);
253
+ --color-btn-danger-counter-bg: rgba(51,28,4,0.2);
250
254
  --color-btn-danger-icon: #d47616;
255
+ --color-btn-danger-counter-fg: #d47616;
256
+ --color-btn-danger-disabled-counter-fg: rgba(212,118,22,0.5);
257
+ --color-btn-danger-hover-counter-fg: #ffffff;
258
+ --color-btn-inactive-bg: #21262d;
259
+ --color-btn-inactive-text: #8b949e;
251
260
  --color-underlinenav-icon: #6e7681;
252
261
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
253
262
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss CHANGED
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(68,76,86,0.5);
165
165
  --color-select-menu-tap-focus-bg: #143d79;
166
166
  --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85);
167
+ --color-overlay-backdrop: rgba(45,51,59,0.4);
167
168
  --color-header-text: rgba(205,217,229,0.7);
168
169
  --color-header-bg: #2d333b;
169
170
  --color-header-divider: #768390;
@@ -215,14 +216,14 @@
215
216
  --color-btn-primary-disabled-bg: rgba(52,125,57,0.6);
216
217
  --color-btn-primary-disabled-border: rgba(205,217,229,0.1);
217
218
  --color-btn-primary-icon: #cdd9e5;
218
- --color-btn-primary-counter-bg: rgba(205,217,229,0.2);
219
- --color-btn-outline-text: #539bf5;
219
+ --color-btn-primary-counter-bg: rgba(17,52,23,0.2);
220
+ --color-btn-outline-text: #4184e4;
220
221
  --color-btn-outline-hover-text: #539bf5;
221
222
  --color-btn-outline-hover-bg: #444c56;
222
223
  --color-btn-outline-hover-border: rgba(205,217,229,0.1);
223
224
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(28,33,40,0.1);
224
225
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(205,217,229,0.03);
225
- --color-btn-outline-hover-counter-bg: rgba(205,217,229,0.2);
226
+ --color-btn-outline-hover-counter-bg: rgba(15,45,92,0.2);
226
227
  --color-btn-outline-selected-text: #cdd9e5;
227
228
  --color-btn-outline-selected-bg: #1b4b91;
228
229
  --color-btn-outline-selected-border: rgba(205,217,229,0.1);
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(83,155,245,0.5);
231
232
  --color-btn-outline-disabled-bg: #22272e;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(49,109,202,0.05);
233
- --color-btn-outline-counter-bg: rgba(49,109,202,0.1);
234
+ --color-btn-outline-counter-bg: rgba(15,45,92,0.2);
235
+ --color-btn-outline-hover-counter-fg: #539bf5;
236
+ --color-btn-outline-disabled-counter-fg: rgba(83,155,245,0.5);
237
+ --color-btn-outline-counter-fg: #4184e4;
234
238
  --color-btn-danger-text: #e5534b;
235
239
  --color-btn-danger-hover-text: #cdd9e5;
236
240
  --color-btn-danger-hover-bg: #c93c37;
@@ -246,8 +250,13 @@
246
250
  --color-btn-danger-disabled-text: rgba(229,83,75,0.5);
247
251
  --color-btn-danger-disabled-bg: #22272e;
248
252
  --color-btn-danger-disabled-counter-bg: rgba(201,60,55,0.05);
249
- --color-btn-danger-counter-bg: rgba(201,60,55,0.1);
253
+ --color-btn-danger-counter-bg: rgba(93,15,18,0.2);
250
254
  --color-btn-danger-icon: #e5534b;
255
+ --color-btn-danger-counter-fg: #e5534b;
256
+ --color-btn-danger-disabled-counter-fg: rgba(229,83,75,0.5);
257
+ --color-btn-danger-hover-counter-fg: #cdd9e5;
258
+ --color-btn-inactive-bg: #373e47;
259
+ --color-btn-inactive-text: #768390;
251
260
  --color-underlinenav-icon: #636e7b;
252
261
  --color-underlinenav-border-hover: rgba(99,110,123,0.4);
253
262
  --color-action-list-item-inline-divider: rgba(68,76,86,0.48);
data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss CHANGED
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
165
165
  --color-select-menu-tap-focus-bg: #1e60d5;
166
166
  --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85);
167
+ --color-overlay-backdrop: rgba(39,43,51,0.4);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #272b33;
169
170
  --color-header-divider: #bdc4cc;
@@ -216,13 +217,13 @@
216
217
  --color-btn-primary-disabled-border: rgba(74,225,104,0.4);
217
218
  --color-btn-primary-icon: #0a0c10;
218
219
  --color-btn-primary-counter-bg: rgba(1,4,9,0.15);
219
- --color-btn-outline-text: #71b7ff;
220
+ --color-btn-outline-text: #409eff;
220
221
  --color-btn-outline-hover-text: #71b7ff;
221
222
  --color-btn-outline-hover-bg: #525964;
222
223
  --color-btn-outline-hover-border: #7a828e;
223
224
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
224
225
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
225
- --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
226
+ --color-btn-outline-hover-counter-bg: rgba(25,79,177,0.2);
226
227
  --color-btn-outline-selected-text: #ffffff;
227
228
  --color-btn-outline-selected-bg: #2672f3;
228
229
  --color-btn-outline-selected-border: #7a828e;
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(113,183,255,0.5);
231
232
  --color-btn-outline-disabled-bg: #0a0c10;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(64,158,255,0.05);
233
- --color-btn-outline-counter-bg: rgba(64,158,255,0.1);
234
+ --color-btn-outline-counter-bg: rgba(25,79,177,0.2);
235
+ --color-btn-outline-hover-counter-fg: #71b7ff;
236
+ --color-btn-outline-disabled-counter-fg: rgba(113,183,255,0.5);
237
+ --color-btn-outline-counter-fg: #409eff;
234
238
  --color-btn-danger-text: #ff6a69;
235
239
  --color-btn-danger-hover-text: #0a0c10;
236
240
  --color-btn-danger-hover-bg: #ff6a69;
@@ -248,6 +252,11 @@
248
252
  --color-btn-danger-disabled-counter-bg: rgba(255,106,105,0.05);
249
253
  --color-btn-danger-counter-bg: rgba(1,4,9,0.15);
250
254
  --color-btn-danger-icon: #ff6a69;
255
+ --color-btn-danger-counter-fg: #ff6a69;
256
+ --color-btn-danger-disabled-counter-fg: rgba(255,106,105,0.5);
257
+ --color-btn-danger-hover-counter-fg: #ffffff;
258
+ --color-btn-inactive-bg: #272b33;
259
+ --color-btn-inactive-text: #bdc4cc;
251
260
  --color-underlinenav-icon: #f0f3f6;
252
261
  --color-underlinenav-border-hover: #bdc4cc;
253
262
  --color-action-list-item-inline-divider: #7a828e;
data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss CHANGED
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
165
165
  --color-select-menu-tap-focus-bg: #0c2d6b;
166
166
  --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
167
+ --color-overlay-backdrop: rgba(22,27,34,0.4);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #161b22;
169
170
  --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
215
216
  --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
216
217
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
217
218
  --color-btn-primary-icon: #ffffff;
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
- --color-btn-outline-text: #58a6ff;
219
+ --color-btn-primary-counter-bg: rgba(5,29,77,0.2);
220
+ --color-btn-outline-text: #388bfd;
220
221
  --color-btn-outline-hover-text: #58a6ff;
221
222
  --color-btn-outline-hover-bg: #30363d;
222
223
  --color-btn-outline-hover-border: rgba(240,246,252,0.1);
223
224
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
224
225
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
225
- --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
226
+ --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
226
227
  --color-btn-outline-selected-text: #ffffff;
227
228
  --color-btn-outline-selected-bg: #0d419d;
228
229
  --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
231
232
  --color-btn-outline-disabled-bg: #0d1117;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
233
- --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
234
+ --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
235
+ --color-btn-outline-hover-counter-fg: #58a6ff;
236
+ --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5);
237
+ --color-btn-outline-counter-fg: #388bfd;
234
238
  --color-btn-danger-text: #f85149;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #da3633;
@@ -246,8 +250,13 @@
246
250
  --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
247
251
  --color-btn-danger-disabled-bg: #0d1117;
248
252
  --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
249
- --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
253
+ --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
250
254
  --color-btn-danger-icon: #f85149;
255
+ --color-btn-danger-counter-fg: #f85149;
256
+ --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
257
+ --color-btn-danger-hover-counter-fg: #ffffff;
258
+ --color-btn-inactive-bg: #21262d;
259
+ --color-btn-inactive-text: #8b949e;
251
260
  --color-underlinenav-icon: #6e7681;
252
261
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
253
262
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
data/_sass/@primer/primitives/dist/scss/colors/_light.scss CHANGED
@@ -21,9 +21,9 @@
21
21
  --color-diffstat-addition-border: rgba(31,35,40,0.15);
22
22
  --color-diffstat-addition-bg: #1f883d;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #6e7781;
24
+ --color-prettylights-syntax-comment: #57606a;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
- --color-prettylights-syntax-entity: #8250df;
26
+ --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
28
28
  --color-prettylights-syntax-entity-tag: #116329;
29
29
  --color-prettylights-syntax-keyword: #cf222e;
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
165
165
  --color-select-menu-tap-focus-bg: #b6e3ff;
166
166
  --color-overlay-shadow: 0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12);
167
+ --color-overlay-backdrop: rgba(140,149,159,0.2);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #24292f;
169
170
  --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
215
216
  --color-btn-primary-disabled-bg: #94d3a2;
216
217
  --color-btn-primary-disabled-border: rgba(31,35,40,0.15);
217
218
  --color-btn-primary-icon: rgba(255,255,255,0.8);
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
+ --color-btn-primary-counter-bg: rgba(0,45,17,0.2);
219
220
  --color-btn-outline-text: #0969da;
220
221
  --color-btn-outline-hover-text: #ffffff;
221
222
  --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
231
232
  --color-btn-outline-disabled-bg: #f6f8fa;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
233
- --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
234
+ --color-btn-outline-counter-bg: #0969da1a;
235
+ --color-btn-outline-counter-fg: #0550ae;
236
+ --color-btn-outline-hover-counter-fg: #ffffff;
237
+ --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
234
238
  --color-btn-danger-text: #cf222e;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #a40e26;
@@ -248,6 +252,11 @@
248
252
  --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
249
253
  --color-btn-danger-icon: #cf222e;
250
254
  --color-btn-danger-hover-icon: #ffffff;
255
+ --color-btn-danger-counter-fg: #a40e26;
256
+ --color-btn-danger-hover-counter-fg: #ffffff;
257
+ --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
258
+ --color-btn-inactive-bg: #eaeef2;
259
+ --color-btn-inactive-text: #57606a;
251
260
  --color-underlinenav-icon: #6e7781;
252
261
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
253
262
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss CHANGED
@@ -21,9 +21,9 @@
21
21
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
22
  --color-diffstat-addition-bg: #0969da;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #6e7781;
24
+ --color-prettylights-syntax-comment: #57606a;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
- --color-prettylights-syntax-entity: #8250df;
26
+ --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
28
28
  --color-prettylights-syntax-entity-tag: #0550ae;
29
29
  --color-prettylights-syntax-keyword: #b35900;
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
165
165
  --color-select-menu-tap-focus-bg: #b6e3ff;
166
166
  --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
167
+ --color-overlay-backdrop: rgba(140,149,159,0.2);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #24292f;
169
170
  --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
215
216
  --color-btn-primary-disabled-bg: #80ccff;
216
217
  --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
217
218
  --color-btn-primary-icon: rgba(255,255,255,0.8);
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
+ --color-btn-primary-counter-bg: rgba(0,33,85,0.2);
219
220
  --color-btn-outline-text: #0969da;
220
221
  --color-btn-outline-hover-text: #ffffff;
221
222
  --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
231
232
  --color-btn-outline-disabled-bg: #f6f8fa;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
233
- --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
234
+ --color-btn-outline-counter-bg: #0969da1a;
235
+ --color-btn-outline-counter-fg: #0550ae;
236
+ --color-btn-outline-hover-counter-fg: #ffffff;
237
+ --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
234
238
  --color-btn-danger-text: #b35900;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #8a4600;
@@ -248,6 +252,11 @@
248
252
  --color-btn-danger-counter-bg: rgba(179,89,0,0.1);
249
253
  --color-btn-danger-icon: #b35900;
250
254
  --color-btn-danger-hover-icon: #ffffff;
255
+ --color-btn-danger-counter-fg: #8a4600;
256
+ --color-btn-danger-hover-counter-fg: #ffffff;
257
+ --color-btn-danger-disabled-counter-fg: rgba(179,89,0,0.5);
258
+ --color-btn-inactive-bg: #eaeef2;
259
+ --color-btn-inactive-text: #57606a;
251
260
  --color-underlinenav-icon: #6e7781;
252
261
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
253
262
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss CHANGED
@@ -21,9 +21,9 @@
21
21
  --color-diffstat-addition-border: rgba(1,4,9,0.8);
22
22
  --color-diffstat-addition-bg: #055d20;
23
23
  --color-search-keyword-hl: #fcf7be;
24
- --color-prettylights-syntax-comment: #66707b;
24
+ --color-prettylights-syntax-comment: #4b535d;
25
25
  --color-prettylights-syntax-constant: #023b95;
26
- --color-prettylights-syntax-entity: #622cbc;
26
+ --color-prettylights-syntax-entity: #512598;
27
27
  --color-prettylights-syntax-storage-modifier-import: #0e1116;
28
28
  --color-prettylights-syntax-entity-tag: #024c1a;
29
29
  --color-prettylights-syntax-keyword: #a0111f;
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
165
165
  --color-select-menu-tap-focus-bg: #9cd7ff;
166
166
  --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
167
+ --color-overlay-backdrop: rgba(136,146,157,0.2);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #0e1116;
169
170
  --color-header-divider: #acb6c0;
@@ -215,7 +216,7 @@
215
216
  --color-btn-primary-disabled-bg: #94d3a2;
216
217
  --color-btn-primary-disabled-border: rgba(1,4,9,0.8);
217
218
  --color-btn-primary-icon: rgba(255,255,255,0.8);
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
+ --color-btn-primary-counter-bg: rgba(0,35,11,0.2);
219
220
  --color-btn-outline-text: #023b95;
220
221
  --color-btn-outline-hover-text: #ffffff;
221
222
  --color-btn-outline-hover-bg: #0349b4;
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
231
232
  --color-btn-outline-disabled-bg: #e7ecf0;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
233
- --color-btn-outline-counter-bg: rgba(3,73,180,0.1);
234
+ --color-btn-outline-counter-bg: #0969da1a;
235
+ --color-btn-outline-counter-fg: #023b95;
236
+ --color-btn-outline-hover-counter-fg: #ffffff;
237
+ --color-btn-outline-disabled-counter-fg: rgba(3,73,180,0.5);
234
238
  --color-btn-danger-text: #86061d;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #a0111f;
@@ -248,6 +252,11 @@
248
252
  --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
249
253
  --color-btn-danger-icon: #86061d;
250
254
  --color-btn-danger-hover-icon: #ffffff;
255
+ --color-btn-danger-counter-fg: #86061d;
256
+ --color-btn-danger-hover-counter-fg: #ffffff;
257
+ --color-btn-danger-disabled-counter-fg: rgba(160,17,31,0.5);
258
+ --color-btn-inactive-bg: #e7ecf0;
259
+ --color-btn-inactive-text: #4b535d;
251
260
  --color-underlinenav-icon: #66707b;
252
261
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
253
262
  --color-action-list-item-inline-divider: #88929d;
data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss CHANGED
@@ -21,9 +21,9 @@
21
21
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
22
22
  --color-diffstat-addition-bg: #0969da;
23
23
  --color-search-keyword-hl: #fff8c5;
24
- --color-prettylights-syntax-comment: #6e7781;
24
+ --color-prettylights-syntax-comment: #57606a;
25
25
  --color-prettylights-syntax-constant: #0550ae;
26
- --color-prettylights-syntax-entity: #8250df;
26
+ --color-prettylights-syntax-entity: #6639ba;
27
27
  --color-prettylights-syntax-storage-modifier-import: #24292f;
28
28
  --color-prettylights-syntax-entity-tag: #0550ae;
29
29
  --color-prettylights-syntax-keyword: #cf222e;
@@ -164,6 +164,7 @@
164
164
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
165
165
  --color-select-menu-tap-focus-bg: #b6e3ff;
166
166
  --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
167
+ --color-overlay-backdrop: rgba(140,149,159,0.2);
167
168
  --color-header-text: rgba(255,255,255,0.7);
168
169
  --color-header-bg: #24292f;
169
170
  --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
215
216
  --color-btn-primary-disabled-bg: #80ccff;
216
217
  --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
217
218
  --color-btn-primary-icon: rgba(255,255,255,0.8);
218
- --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
219
+ --color-btn-primary-counter-bg: rgba(0,33,85,0.2);
219
220
  --color-btn-outline-text: #0969da;
220
221
  --color-btn-outline-hover-text: #ffffff;
221
222
  --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
230
231
  --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
231
232
  --color-btn-outline-disabled-bg: #f6f8fa;
232
233
  --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
233
- --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
234
+ --color-btn-outline-counter-bg: #0969da1a;
235
+ --color-btn-outline-counter-fg: #0550ae;
236
+ --color-btn-outline-hover-counter-fg: #ffffff;
237
+ --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
234
238
  --color-btn-danger-text: #cf222e;
235
239
  --color-btn-danger-hover-text: #ffffff;
236
240
  --color-btn-danger-hover-bg: #a40e26;
@@ -248,6 +252,11 @@
248
252
  --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
249
253
  --color-btn-danger-icon: #cf222e;
250
254
  --color-btn-danger-hover-icon: #ffffff;
255
+ --color-btn-danger-counter-fg: #a40e26;
256
+ --color-btn-danger-hover-counter-fg: #ffffff;
257
+ --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
258
+ --color-btn-inactive-bg: #eaeef2;
259
+ --color-btn-inactive-text: #57606a;
251
260
  --color-underlinenav-icon: #6e7781;
252
261
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
253
262
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
data/_sass/@primer/primitives/dist/scss/functional/motion/motion.scss ADDED
@@ -0,0 +1,3 @@
1
+ $motion-loading-delay-default: 1s; // The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.
2
+ $motion-spinner-duration-rotation: 1s; // The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation
3
+ $motion-skeletonLoader-shimmer-duration-scale: 1s; // The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right)
data/_sass/@primer/primitives/dist/scss/functional/size/border.scss ADDED
@@ -0,0 +1,12 @@
1
+ $boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); // Thin shadow for borders
2
+ $boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
3
+ $boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
4
+ $borderWidth-thin: max(1px, 0.0625rem);
5
+ $borderWidth-thick: max(2px, 0.125rem);
6
+ $borderWidth-thicker: max(4px, 0.25rem);
7
+ $borderRadius-small: 0.1875rem;
8
+ $borderRadius-medium: 0.375rem;
9
+ $borderRadius-large: 0.75rem;
10
+ $borderRadius-full: 624.9375rem; // Use this border radius for pill shaped elements
11
+ $outline-focus-offset: -0.125rem;
12
+ $outline-focus-width: 0.125rem;
data/_sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss ADDED
@@ -0,0 +1,6 @@
1
+ $breakpoint-xsmall: 20rem;
2
+ $breakpoint-small: 34rem;
3
+ $breakpoint-medium: 48rem;
4
+ $breakpoint-large: 63.25rem;
5
+ $breakpoint-xlarge: 80rem;
6
+ $breakpoint-xxlarge: 87.5rem;
data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss ADDED
@@ -0,0 +1,3 @@
1
+ $control-minTarget-auto: 2.75rem;
2
+ $controlStack-small-gap-auto: 1rem;
3
+ $controlStack-medium-gap-auto: 0.75rem;
data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss ADDED
@@ -0,0 +1,3 @@
1
+ $control-minTarget-auto: 1rem;
2
+ $controlStack-small-gap-auto: 0.5rem;
3
+ $controlStack-medium-gap-auto: 0.5rem;