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
@@ -0,0 +1,157 @@
1
+ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
2
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
3
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
4
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
5
+ };
6
+ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
7
+ if (kind === "m") throw new TypeError("Private method is not writable");
8
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
9
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
10
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
11
+ };
12
+ var _AnchoredPositionElement_anchorElement, _AnchoredPositionElement_animationFrame;
13
+ import { getAnchoredPosition } from '@primer/behaviors';
14
+ const updateWhenVisible = (() => {
15
+ const anchors = new Set();
16
+ let intersectionObserver = null;
17
+ let resizeObserver = null;
18
+ function updateVisibleAnchors() {
19
+ for (const anchor of anchors) {
20
+ anchor.update();
21
+ }
22
+ }
23
+ return (el) => {
24
+ // eslint-disable-next-line github/prefer-observers
25
+ window.addEventListener('resize', updateVisibleAnchors);
26
+ intersectionObserver || (intersectionObserver = new IntersectionObserver(entries => {
27
+ for (const entry of entries) {
28
+ const target = entry.target;
29
+ if (entry.isIntersecting) {
30
+ target.update();
31
+ anchors.add(target);
32
+ }
33
+ else {
34
+ anchors.delete(target);
35
+ }
36
+ }
37
+ }));
38
+ resizeObserver || (resizeObserver = new ResizeObserver(() => {
39
+ for (const anchor of anchors) {
40
+ anchor.update();
41
+ }
42
+ }));
43
+ resizeObserver.observe(el.ownerDocument.documentElement);
44
+ intersectionObserver.observe(el);
45
+ };
46
+ })();
47
+ class AnchoredPositionElement extends HTMLElement {
48
+ constructor() {
49
+ super(...arguments);
50
+ _AnchoredPositionElement_anchorElement.set(this, null);
51
+ _AnchoredPositionElement_animationFrame.set(this, void 0);
52
+ }
53
+ get align() {
54
+ const value = this.getAttribute('align');
55
+ if (value === 'center' || value === 'end')
56
+ return value;
57
+ return 'start';
58
+ }
59
+ set align(value) {
60
+ this.setAttribute('align', `${value}`);
61
+ }
62
+ get side() {
63
+ const value = this.getAttribute('side');
64
+ if (value === 'inside-top' ||
65
+ value === 'inside-bottom' ||
66
+ value === 'inside-left' ||
67
+ value === 'inside-right' ||
68
+ value === 'inside-center' ||
69
+ value === 'outside-top' ||
70
+ value === 'outside-left' ||
71
+ value === 'outside-right') {
72
+ return value;
73
+ }
74
+ return 'outside-bottom';
75
+ }
76
+ set side(value) {
77
+ this.setAttribute('side', `${value}`);
78
+ }
79
+ get anchorOffset() {
80
+ const alias = this.getAttribute('anchor-offset');
81
+ if (alias === 'spacious' || alias === '8')
82
+ return 8;
83
+ return 4;
84
+ }
85
+ set anchorOffset(value) {
86
+ this.setAttribute('anchor-offset', `${value}`);
87
+ }
88
+ get anchor() {
89
+ return this.getAttribute('anchor') || '';
90
+ }
91
+ set anchor(value) {
92
+ this.setAttribute('anchor', `${value}`);
93
+ }
94
+ get anchorElement() {
95
+ if (__classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f"))
96
+ return __classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f");
97
+ const idRef = this.anchor;
98
+ if (!idRef)
99
+ return null;
100
+ return this.ownerDocument.getElementById(idRef);
101
+ }
102
+ set anchorElement(value) {
103
+ __classPrivateFieldSet(this, _AnchoredPositionElement_anchorElement, value, "f");
104
+ if (!__classPrivateFieldGet(this, _AnchoredPositionElement_anchorElement, "f")) {
105
+ this.removeAttribute('anchor');
106
+ }
107
+ }
108
+ get alignmentOffset() {
109
+ return Number(this.getAttribute('alignment-offset'));
110
+ }
111
+ set alignmentOffset(value) {
112
+ this.setAttribute('alignment-offset', `${value}`);
113
+ }
114
+ get allowOutOfBounds() {
115
+ return this.hasAttribute('allow-out-of-bounds');
116
+ }
117
+ set allowOutOfBounds(value) {
118
+ this.toggleAttribute('allow-out-of-bounds', value);
119
+ }
120
+ connectedCallback() {
121
+ this.update();
122
+ this.addEventListener('beforetoggle', () => this.update());
123
+ updateWhenVisible(this);
124
+ }
125
+ attributeChangedCallback() {
126
+ this.update();
127
+ }
128
+ update() {
129
+ if (!this.isConnected)
130
+ return;
131
+ cancelAnimationFrame(__classPrivateFieldGet(this, _AnchoredPositionElement_animationFrame, "f"));
132
+ __classPrivateFieldSet(this, _AnchoredPositionElement_animationFrame, requestAnimationFrame(() => {
133
+ const anchor = this.anchorElement;
134
+ this.classList.toggle('not-anchored', !anchor);
135
+ if (anchor) {
136
+ const { left, top } = getAnchoredPosition(this, anchor, this);
137
+ this.style.top = `${top}px`;
138
+ this.style.left = `${left}px`;
139
+ this.style.bottom = 'auto';
140
+ this.style.right = 'auto';
141
+ }
142
+ else {
143
+ this.style.top = '0';
144
+ this.style.left = '0';
145
+ this.style.bottom = '0';
146
+ this.style.right = '0';
147
+ }
148
+ }), "f");
149
+ }
150
+ }
151
+ _AnchoredPositionElement_anchorElement = new WeakMap(), _AnchoredPositionElement_animationFrame = new WeakMap();
152
+ AnchoredPositionElement.observedAttributes = ['align', 'side', 'anchor', 'alignment-offset', 'allow-out-of-bounds'];
153
+ export default AnchoredPositionElement;
154
+ if (!customElements.get('anchored-position')) {
155
+ window.AnchoredPositionElement = AnchoredPositionElement;
156
+ customElements.define('anchored-position', AnchoredPositionElement);
157
+ }
@@ -1 +1 @@
1
- .avatar{background-color:var(--color-avatar-bg);border-radius:var(--primer-borderRadius-medium,6px);box-shadow:0 0 0 1px var(--color-avatar-border);display:inline-block;flex-shrink:0;line-height:1;overflow:hidden;vertical-align:middle}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:var(--primer-borderRadius-small,4px)}.avatar-1{height:var(--base-size-16,16px);width:var(--base-size-16,16px)}.avatar-2{height:var(--base-size-20,20px);width:var(--base-size-20,20px)}.avatar-3{height:var(--base-size-24,24px);width:var(--base-size-24,24px)}.avatar-4{height:var(--base-size-28,28px);width:var(--base-size-28,28px)}.avatar-5{height:var(--base-size-32,32px);width:var(--base-size-32,32px)}.avatar-6{height:var(--base-size-40,40px);width:var(--base-size-40,40px)}.avatar-7{height:var(--base-size-48,48px);width:var(--base-size-48,48px)}.avatar-8{height:var(--base-size-64,64px);width:var(--base-size-64,64px)}
1
+ .avatar{background-color:var(--avatar-bgColor,var(--color-avatar-bg));border-radius:var(--borderRadius-medium,.375rem);box-shadow:0 0 0 1px var(--avatar-borderColor,var(--color-avatar-border));display:inline-block;flex-shrink:0;line-height:1;overflow:hidden;vertical-align:middle}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:var(--borderRadius-small,.1875rem)}.avatar-1{height:var(--base-size-16,1rem);width:var(--base-size-16,1rem)}.avatar-2{height:var(--base-size-20,1.25rem);width:var(--base-size-20,1.25rem)}.avatar-3{height:var(--base-size-24,1.5rem);width:var(--base-size-24,1.5rem)}.avatar-4{height:var(--base-size-28,1.75rem);width:var(--base-size-28,1.75rem)}.avatar-5{height:var(--base-size-32,2rem);width:var(--base-size-32,2rem)}.avatar-6{height:var(--base-size-40,2.5rem);width:var(--base-size-40,2.5rem)}.avatar-7{height:var(--base-size-48,3rem);width:var(--base-size-48,3rem)}.avatar-8{height:var(--base-size-64,4rem);width:var(--base-size-64,4rem)}
@@ -1 +1,17 @@
1
- {"name":"beta/avatar","selectors":[".avatar",".avatar-link",".avatar-group-item",".avatar-1",".avatar-2",".avatar-small",".avatar-3",".avatar-4",".avatar-5",".avatar-6",".avatar-7",".avatar-8"]}
1
+ {
2
+ "name": "beta/avatar",
3
+ "selectors": [
4
+ ".avatar",
5
+ ".avatar-link",
6
+ ".avatar-group-item",
7
+ ".avatar-1",
8
+ ".avatar-2",
9
+ ".avatar-small",
10
+ ".avatar-3",
11
+ ".avatar-4",
12
+ ".avatar-5",
13
+ ".avatar-6",
14
+ ".avatar-7",
15
+ ".avatar-8"
16
+ ]
17
+ }
@@ -1 +1 @@
1
- .AvatarStack{height:20px;min-width:26px;position:relative}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{background:var(--color-canvas-default);border-radius:100px;display:flex}.AvatarStack-body .avatar{background-color:var(--color-canvas-default);border-radius:var(--primer-borderRadius-small,4px);border-right:var(--primer-borderWidth-thin,1px) solid var(--color-canvas-default);box-shadow:none;box-sizing:initial;display:flex;height:20px;margin-right:-11px;position:relative;transition:margin .1s ease-in-out;width:20px;z-index:2}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{border-right:0;z-index:1}.AvatarStack-body .avatar img{border-radius:var(--primer-borderRadius-small,4px)}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none!important}.avatar.avatar-more{background:var(--color-canvas-subtle);margin-right:0;z-index:1}.avatar.avatar-more:after,.avatar.avatar-more:before{border-radius:2px;content:"";display:block;height:20px;outline:var(--primer-borderWidth-thin,1px) solid var(--color-canvas-default);position:absolute}.avatar.avatar-more:before{background:var(--color-avatar-stack-fade-more);width:17px}.avatar.avatar-more:after{background:var(--color-avatar-stack-fade);width:14px}.AvatarStack--right .AvatarStack-body{flex-direction:row-reverse;right:0}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-left:3px;margin-right:0}.AvatarStack--right .AvatarStack-body .avatar:not(:last-child){border-left:0}.AvatarStack--right .avatar.avatar-more{background:var(--color-avatar-stack-fade)}.AvatarStack--right .avatar.avatar-more:before{width:5px}.AvatarStack--right .avatar.avatar-more:after{background:var(--color-canvas-subtle);width:2px}.AvatarStack--right .avatar{border-left:var(--primer-borderWidth-thin,1px) solid var(--color-canvas-default);border-right:0;margin-left:-11px;margin-right:0}
1
+ .AvatarStack{height:20px;min-width:26px;position:relative}.AvatarStack .AvatarStack-body{position:absolute}.AvatarStack.AvatarStack--two{min-width:36px}.AvatarStack.AvatarStack--three-plus{min-width:46px}.AvatarStack-body{background:var(--bgColor-default,var(--color-canvas-default));border-radius:100px;display:flex}.AvatarStack-body .avatar{background-color:var(--bgColor-default,var(--color-canvas-default));border-radius:var(--borderRadius-small,.1875rem);border-right:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--bgColor-default,var(--color-canvas-default));box-shadow:none;box-sizing:initial;display:flex;height:20px;margin-right:-11px;position:relative;transition:margin .1s ease-in-out;width:20px;z-index:2}.AvatarStack-body .avatar:first-child{z-index:3}.AvatarStack-body .avatar:last-child{border-right:0;z-index:1}.AvatarStack-body .avatar img{border-radius:var(--borderRadius-small,.1875rem)}.AvatarStack-body .avatar:nth-child(n+4){display:none;opacity:0}.AvatarStack-body:hover .avatar{margin-right:3px}.AvatarStack-body:hover .avatar:nth-child(n+4){display:flex;opacity:1}.AvatarStack-body:hover .avatar-more{display:none!important}.avatar.avatar-more{background:var(--bgColor-muted,var(--color-canvas-subtle));margin-right:0;z-index:1}.avatar.avatar-more:after,.avatar.avatar-more:before{border-radius:2px;content:"";display:block;height:20px;outline:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--bgColor-default,var(--color-canvas-default));position:absolute}.avatar.avatar-more:before{background:var(--avatarStack-fade-bgColor-muted,var(--color-avatar-stack-fade-more));width:17px}.avatar.avatar-more:after{background:var(--avatarStack-fade-bgColor-default,var(--color-avatar-stack-fade));width:14px}.AvatarStack--right .AvatarStack-body{flex-direction:row-reverse;right:0}.AvatarStack--right .AvatarStack-body:hover .avatar{margin-left:3px;margin-right:0}.AvatarStack--right .AvatarStack-body .avatar:not(:last-child){border-left:0}.AvatarStack--right .avatar.avatar-more{background:var(--avatarStack-fade-bgColor-default,var(--color-avatar-stack-fade))}.AvatarStack--right .avatar.avatar-more:before{width:5px}.AvatarStack--right .avatar.avatar-more:after{background:var(--bgColor-muted,var(--color-canvas-subtle));width:2px}.AvatarStack--right .avatar{border-left:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--bgColor-default,var(--color-canvas-default));border-right:0;margin-left:-11px;margin-right:0}
@@ -1 +1,28 @@
1
- {"name":"beta/avatar_stack","selectors":[".AvatarStack",".AvatarStack .AvatarStack-body",".AvatarStack.AvatarStack--two",".AvatarStack.AvatarStack--three-plus",".AvatarStack-body",".AvatarStack-body .avatar",".AvatarStack-body .avatar:first-child",".AvatarStack-body .avatar:last-child",".AvatarStack-body .avatar img",".AvatarStack-body .avatar:nth-child(n+4)",".AvatarStack-body:hover .avatar",".AvatarStack-body:hover .avatar:nth-child(n+4)",".AvatarStack-body:hover .avatar-more",".avatar.avatar-more",".avatar.avatar-more:after",".avatar.avatar-more:before",".AvatarStack--right .AvatarStack-body",".AvatarStack--right .AvatarStack-body:hover .avatar",".AvatarStack--right .AvatarStack-body .avatar:not(:last-child)",".AvatarStack--right .avatar.avatar-more",".AvatarStack--right .avatar.avatar-more:before",".AvatarStack--right .avatar.avatar-more:after",".AvatarStack--right .avatar"]}
1
+ {
2
+ "name": "beta/avatar_stack",
3
+ "selectors": [
4
+ ".AvatarStack",
5
+ ".AvatarStack .AvatarStack-body",
6
+ ".AvatarStack.AvatarStack--two",
7
+ ".AvatarStack.AvatarStack--three-plus",
8
+ ".AvatarStack-body",
9
+ ".AvatarStack-body .avatar",
10
+ ".AvatarStack-body .avatar:first-child",
11
+ ".AvatarStack-body .avatar:last-child",
12
+ ".AvatarStack-body .avatar img",
13
+ ".AvatarStack-body .avatar:nth-child(n+4)",
14
+ ".AvatarStack-body:hover .avatar",
15
+ ".AvatarStack-body:hover .avatar:nth-child(n+4)",
16
+ ".AvatarStack-body:hover .avatar-more",
17
+ ".avatar.avatar-more",
18
+ ".avatar.avatar-more:after",
19
+ ".avatar.avatar-more:before",
20
+ ".AvatarStack--right .AvatarStack-body",
21
+ ".AvatarStack--right .AvatarStack-body:hover .avatar",
22
+ ".AvatarStack--right .AvatarStack-body .avatar:not(:last-child)",
23
+ ".AvatarStack--right .avatar.avatar-more",
24
+ ".AvatarStack--right .avatar.avatar-more:before",
25
+ ".AvatarStack--right .avatar.avatar-more:after",
26
+ ".AvatarStack--right .avatar"
27
+ ]
28
+ }
@@ -1 +1 @@
1
- .blankslate{padding:var(--base-size-32,32px);position:relative;text-align:center}.blankslate p{color:var(--color-fg-muted)}.blankslate code{background:var(--color-canvas-default);border:var(--primer-borderWidth-thin,1px) solid var(--color-border-muted);border-radius:var(--primer-borderRadius-medium,6px);font-size:var(--primer-text-body-size-medium,14px);padding:2px 5px 3px}.blankslate img{height:56px;width:56px}.blankslate-icon{color:var(--color-fg-muted);margin-bottom:var(--primer-stack-gap-condensed,8px);margin-left:var(--primer-control-small-gap,4px);margin-right:var(--primer-control-small-gap,4px)}.blankslate-image{margin-bottom:var(--primer-stack-gap-normal,16px)}.blankslate-heading{margin-bottom:var(--base-size-4,4px)}.blankslate-action{margin-top:var(--primer-stack-gap-normal,16px)}.blankslate-action:first-of-type{margin-top:var(--primer-stack-gap-spacious,24px)}.blankslate-action:last-of-type{margin-bottom:var(--primer-stack-gap-condensed,8px)}.blankslate-capped{border-radius:0 0 var(--primer-borderRadius-medium,6px) var(--primer-borderRadius-medium,6px)}.blankslate-spacious{padding:var(--base-size-80,80px) var(--base-size-40,40px)}.blankslate-narrow{margin:0 auto;max-width:485px}.blankslate-large img{height:80px;width:80px}.blankslate-large h3{font-size:24px;margin:var(--primer-stack-gap-normal,16px) 0}.blankslate-large p{font-size:var(--primer-text-body-size-large,16px)}.blankslate-clean-background{border:0}
1
+ .blankslate-container{container-type:inline-size;width:100%}.blankslate{--blankslate-outer-padding-block:var(--base-size-32,2rem);--blankslate-outer-padding-inline:var(--base-size-32,2rem);padding:var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);position:relative;text-align:center}.blankslate p{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-large,1rem)}.blankslate code{background:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));border-radius:var(--borderRadius-medium,.375rem);font-size:var(--text-body-size-medium,.875rem);padding:2px 5px 3px}.blankslate img{height:56px;width:56px}.blankslate-icon{color:var(--fgColor-muted,var(--color-fg-muted));margin-bottom:var(--stack-gap-condensed,.5rem);margin-left:var(--control-small-gap,.25rem);margin-right:var(--control-small-gap,.25rem)}.blankslate-image{margin-bottom:var(--stack-gap-normal,1rem)}.blankslate-heading{font-size:var(--text-title-size-medium,1.25rem);font-weight:var(--text-title-weight-medium,600);margin-bottom:var(--base-size-4,.25rem)}.blankslate-action{margin-top:var(--stack-gap-normal,1rem)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-spacious,1.5rem)}.blankslate-action:last-of-type{margin-bottom:var(--stack-gap-condensed,.5rem)}.blankslate-capped{border-radius:0 0 var(--borderRadius-medium,.375rem) var(--borderRadius-medium,.375rem)}.blankslate-spacious{--blankslate-outer-padding-block:var(--base-size-80,5rem);--blankslate-outer-padding-inline:var(--base-size-40,2.5rem)}.blankslate-narrow{margin:0 auto;max-width:485px}.blankslate-large img{height:80px;width:80px}.blankslate-large h3{font-size:24px;margin:var(--stack-gap-normal,1rem) 0}.blankslate-large p{font-size:var(--text-body-size-large,1rem)}.blankslate-clean-background{border:0}@container (max-width: 34rem){.blankslate{--blankslate-outer-padding-block:var(--base-size-20,1.25rem);--blankslate-outer-padding-inline:var(--base-size-20,1.25rem)}.blankslate-spacious{--blankslate-outer-padding-block:var(--base-size-44,2.75rem);--blankslate-outer-padding-inline:var(--base-size-28,1.75rem)}.blankslate-icon{margin-bottom:var(--stack-gap-condensed,.5rem)}.blankslate-heading{font-size:var(--text-title-size-small,1rem)}.blankslate p{font-size:var(--text-body-size-medium,.875rem)}.blankslate-action{margin-top:var(--stack-gap-condensed,.5rem)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-normal,1rem)}.blankslate-action:last-of-type{margin-bottom:calc(var(--stack-gap-condensed,.5rem)/2)}}
@@ -1 +1,23 @@
1
- {"name":"beta/blankslate","selectors":[".blankslate",".blankslate p",".blankslate code",".blankslate img",".blankslate-icon",".blankslate-image",".blankslate-heading",".blankslate-action",".blankslate-action:first-of-type",".blankslate-action:last-of-type",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large img",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background"]}
1
+ {
2
+ "name": "beta/blankslate",
3
+ "selectors": [
4
+ ".blankslate-container",
5
+ ".blankslate",
6
+ ".blankslate p",
7
+ ".blankslate code",
8
+ ".blankslate img",
9
+ ".blankslate-icon",
10
+ ".blankslate-image",
11
+ ".blankslate-heading",
12
+ ".blankslate-action",
13
+ ".blankslate-action:first-of-type",
14
+ ".blankslate-action:last-of-type",
15
+ ".blankslate-capped",
16
+ ".blankslate-spacious",
17
+ ".blankslate-narrow",
18
+ ".blankslate-large img",
19
+ ".blankslate-large h3",
20
+ ".blankslate-large p",
21
+ ".blankslate-clean-background"
22
+ ]
23
+ }
@@ -1 +1 @@
1
- .Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--primer-borderRadius-medium,6px);border-style:solid;border-width:var(--primer-borderWidth-thin,1px)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--primer-stack-padding-condensed,8px) var(--primer-stack-padding-normal,16px)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--primer-controlStack-medium-gap-condensed, 8px)*-1) calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-condensed,8px) var(--primer-control-medium-paddingInline-spacious,16px)}.Box--condensed .Box-row{padding:var(--primer-stack-padding-condensed,8px) var(--primer-stack-padding-normal,16px)}.Box--spacious .Box-header{line-height:1.25;padding:var(--primer-stack-padding-spacious,24px)}.Box--spacious .Box-title{font-size:var(--primer-text-title-size-medium,20px)}.Box--spacious .Box-body,.Box--spacious .Box-btn-octicon.btn-octicon,.Box--spacious .Box-footer{padding:var(--primer-stack-padding-spacious,24px)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--primer-stack-gap-spacious, 24px)*-1) calc(var(--primer-stack-gap-spacious, 24px)*-1)}.Box--spacious .Box-row{padding:var(--primer-stack-padding-spacious,24px)}.Box-header{background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-top-left-radius:var(--primer-borderRadius-medium,6px);border-top-right-radius:var(--primer-borderRadius-medium,6px);border-width:var(--primer-borderWidth-thin,1px);margin:calc(var(--primer-borderWidth-thin, 1px)*-1) calc(var(--primer-borderWidth-thin, 1px)*-1) 0;padding:var(--primer-stack-padding-normal,16px)}.Box-title{font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-semibold,600)}.Box-body{border-bottom:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);padding:var(--primer-stack-padding-normal,16px)}.Box-body:last-of-type{border-bottom-left-radius:var(--primer-borderRadius-medium,6px);border-bottom-right-radius:var(--primer-borderRadius-medium,6px);margin-bottom:calc(var(--primer-borderWidth-thin, 1px)*-1)}.Box-row{border-top:var(--primer-borderWidth-thin,1px) solid var(--color-border-muted);list-style-type:none;margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1);padding:var(--primer-stack-padding-normal,16px)}.Box-row:first-of-type{border-top-left-radius:var(--primer-borderRadius-medium,6px);border-top-right-radius:var(--primer-borderRadius-medium,6px)}.Box-row:last-of-type{border-bottom-left-radius:var(--primer-borderRadius-medium,6px);border-bottom-right-radius:var(--primer-borderRadius-medium,6px)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media (min-width:768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{border-radius:0 0 var(--primer-borderRadius-medium,6px) var(--primer-borderRadius-medium,6px);border-top:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1);padding:var(--primer-stack-padding-normal,16px)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle)}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--danger,.Box--danger .Box-body:last-of-type,.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{line-height:1.5;margin:calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1) calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-spacious,16px) var(--primer-control-medium-paddingInline-spacious,16px)}
1
+ .Box{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,max(1px,.0625rem))}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed,.5rem) var(--stack-padding-normal,1rem)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--controlStack-medium-gap-condensed,.5rem)*-1) calc(var(--controlStack-small-gap-spacious,1rem)*-1);padding:var(--control-medium-paddingInline-condensed,.5rem) var(--control-medium-paddingInline-spacious,1rem)}.Box--condensed .Box-row{padding:var(--stack-padding-condensed,.5rem) var(--stack-padding-normal,1rem)}.Box--spacious .Box-header{line-height:1.25;padding:var(--stack-padding-spacious,1.5rem)}.Box--spacious .Box-title{font-size:var(--text-title-size-medium,1.25rem)}.Box--spacious .Box-body,.Box--spacious .Box-btn-octicon.btn-octicon,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious,1.5rem)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--stack-gap-spacious,1.5rem)*-1) calc(var(--stack-gap-spacious,1.5rem)*-1)}.Box--spacious .Box-row{padding:var(--stack-padding-spacious,1.5rem)}.Box-header{background-color:var(--bgColor-muted,var(--color-canvas-subtle));border-color:var(--borderColor-default,var(--color-border-default));border-style:solid;border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);border-width:var(--borderWidth-thin,max(1px,.0625rem));margin:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1) calc(var(--borderWidth-thin,max(1px, .0625rem))*-1) 0;padding:var(--stack-padding-normal,1rem)}.Box-title{font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-semibold,600)}.Box-body{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));padding:var(--stack-padding-normal,1rem)}.Box-body:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem);margin-bottom:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1)}.Box-row{border-top:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));list-style-type:none;margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1);padding:var(--stack-padding-normal,1rem)}.Box-row:first-of-type{border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}.Box-row:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-bottom-right-radius:var(--borderRadius-medium,.375rem)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.Box-row.navigation-focus .Box-row--drag-button{color:var(--fgColor-accent,var(--color-accent-fg));cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.Box-row--focus-blue.navigation-focus{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle))}.Box-row--hover-gray:hover{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.Box-row--hover-blue:hover{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle))}@media (min-width:768px){.Box-row-link{color:var(--fgColor-default,var(--color-fg-default))}.Box-row-link,.Box-row-link:hover{-webkit-text-decoration:none;text-decoration:none}.Box-row-link:hover{color:var(--fgColor-accent,var(--color-accent-fg))}}.Box-row--drag-button{opacity:0}.Box-footer{border-radius:0 0 var(--borderRadius-medium,.375rem) var(--borderRadius-medium,.375rem);border-top:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1);padding:var(--stack-padding-normal,1rem)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--borderColor-accent-muted,var(--color-accent-muted))}.Box--blue .Box-header{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle))}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--borderColor-accent-muted,var(--color-accent-muted))}.Box--danger,.Box--danger .Box-body:last-of-type,.Box--danger .Box-row:first-of-type{border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.Box-header--blue{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle));border-color:var(--borderColor-accent-muted,var(--color-accent-muted))}.Box-row--yellow{background-color:var(--bgColor-attention-muted,var(--color-attention-subtle))}.Box-row--blue{background-color:var(--bgColor-accent-muted,var(--color-accent-subtle))}.Box-row--gray{background-color:var(--bgColor-muted,var(--color-canvas-subtle))}.Box-btn-octicon.btn-octicon{line-height:1.5;margin:calc(var(--controlStack-small-gap-spacious,1rem)*-1) calc(var(--controlStack-small-gap-spacious,1rem)*-1);padding:var(--control-medium-paddingInline-spacious,1rem) var(--control-medium-paddingInline-spacious,1rem)}
@@ -1 +1,54 @@
1
- {"name":"beta/border_box","selectors":[".Box",".Box--condensed",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-header",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-footer",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-footer",".Box--blue .Box-row",".Box--danger",".Box--danger .Box-body:last-of-type",".Box--danger .Box-row:first-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"]}
1
+ {
2
+ "name": "beta/border_box",
3
+ "selectors": [
4
+ ".Box",
5
+ ".Box--condensed",
6
+ ".Box--condensed .Box-body",
7
+ ".Box--condensed .Box-footer",
8
+ ".Box--condensed .Box-header",
9
+ ".Box--condensed .Box-btn-octicon.btn-octicon",
10
+ ".Box--condensed .Box-row",
11
+ ".Box--spacious .Box-header",
12
+ ".Box--spacious .Box-title",
13
+ ".Box--spacious .Box-body",
14
+ ".Box--spacious .Box-btn-octicon.btn-octicon",
15
+ ".Box--spacious .Box-footer",
16
+ ".Box--spacious .Box-row",
17
+ ".Box-header",
18
+ ".Box-title",
19
+ ".Box-body",
20
+ ".Box-body:last-of-type",
21
+ ".Box-row",
22
+ ".Box-row:first-of-type",
23
+ ".Box-row:last-of-type",
24
+ ".Box-row.Box-row--unread",
25
+ ".Box-row.unread",
26
+ ".Box-row.navigation-focus .Box-row--drag-button",
27
+ ".Box-row.navigation-focus.is-dragging .Box-row--drag-button",
28
+ ".Box-row.navigation-focus.sortable-chosen",
29
+ ".Box-row.navigation-focus.sortable-ghost",
30
+ ".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",
31
+ ".Box-row--focus-gray.navigation-focus",
32
+ ".Box-row--focus-blue.navigation-focus",
33
+ ".Box-row--hover-gray:hover",
34
+ ".Box-row--hover-blue:hover",
35
+ ".Box-row-link",
36
+ ".Box-row-link:hover",
37
+ ".Box-row--drag-button",
38
+ ".Box-footer",
39
+ ".Box--scrollable",
40
+ ".Box--blue",
41
+ ".Box--blue .Box-header",
42
+ ".Box--blue .Box-body",
43
+ ".Box--blue .Box-footer",
44
+ ".Box--blue .Box-row",
45
+ ".Box--danger",
46
+ ".Box--danger .Box-body:last-of-type",
47
+ ".Box--danger .Box-row:first-of-type",
48
+ ".Box-header--blue",
49
+ ".Box-row--yellow",
50
+ ".Box-row--blue",
51
+ ".Box-row--gray",
52
+ ".Box-btn-octicon.btn-octicon"
53
+ ]
54
+ }
@@ -1 +1 @@
1
- .breadcrumb-item{display:inline-block;list-style:none;margin-left:-.35em;white-space:nowrap}.breadcrumb-item:after{border-right:.1em solid var(--color-fg-muted);content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--color-fg-default)}
1
+ .breadcrumb-item{display:inline-block;list-style:none;margin-left:-.35em;white-space:nowrap}.breadcrumb-item:after{border-right:.1em solid var(--borderColor-neutral-emphasis,var(--color-fg-subtle));content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--fgColor-default,var(--color-fg-default))}
@@ -1 +1,11 @@
1
- {"name":"beta/breadcrumbs","selectors":[".breadcrumb-item",".breadcrumb-item:after",".breadcrumb-item:first-child",".breadcrumb-item-selected:after",".breadcrumb-item[aria-current]:not([aria-current=false]):after",".breadcrumb-item-selected a"]}
1
+ {
2
+ "name": "beta/breadcrumbs",
3
+ "selectors": [
4
+ ".breadcrumb-item",
5
+ ".breadcrumb-item:after",
6
+ ".breadcrumb-item:first-child",
7
+ ".breadcrumb-item-selected:after",
8
+ ".breadcrumb-item[aria-current]:not([aria-current=false]):after",
9
+ ".breadcrumb-item-selected a"
10
+ ]
11
+ }
@@ -1 +1 @@
1
- :root{--primer-duration-fast:80ms;--primer-easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--primer-borderWidth-thin,1px) solid;border-color:#0000;border-radius:var(--primer-borderRadius-medium,6px);color:var(--color-btn-text);cursor:pointer;display:flex;flex-direction:row;font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);gap:var(--primer-control-medium-gap,8px);height:var(--primer-control-medium-size,32px);justify-content:space-between;min-width:max-content;padding:0 var(--primer-control-medium-paddingInline-normal,12px);position:relative;text-align:center;transition:var(--primer-duration-fast) var(--primer-easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--primer-duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button-withTooltip{display:inline-block;position:relative}a.Button,summary.Button{display:inline-flex}a.Button:hover,summary.Button:hover{text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--primer-control-medium-gap,8px)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--color-btn-counter-bg);color:inherit}.Button-label{grid-area:text;line-height:var(--primer-text-body-lineHeight-medium,1.42857);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 4px)*-1)}.Button--small{font-size:var(--primer-text-body-size-small,12px);gap:var(--primer-control-small-gap,4px);height:var(--primer-control-small-size,28px);padding:0 var(--primer-control-small-paddingInline-condensed,8px)}.Button--small .Button-label{line-height:var(--primer-text-body-lineHeight-small,1.66667)}.Button--small .Button-content>:not(:last-child){margin-right:var(--primer-control-small-gap,4px)}.Button--large{gap:var(--primer-control-large-gap,8px);height:var(--primer-control-large-size,40px);padding:0 var(--primer-control-large-paddingInline-spacious,16px)}.Button--large .Button-label{line-height:var(--primer-text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--primer-control-large-gap,8px)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow);color:var(--color-btn-primary-text)}.Button--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);color:var(--color-btn-primary-disabled-text)}.Button--secondary{fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-text)}.Button--secondary:hover:not(:disabled){background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active:not(:disabled){background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible{color:var(--color-btn-text)}.Button--invisible:hover:not(:disabled){background-color:var(--color-action-list-item-default-hover-bg)}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--color-action-list-item-default-active-bg)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--color-accent-fg)}.Button--invisible .Button-visual{color:var(--color-fg-muted)}.Button--link{fill:var(--color-accent-fg);border:none;color:var(--color-accent-fg);display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled){text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:initial;border-color:#0000;color:var(--color-primer-fg-disabled)}.Button--danger{fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-danger-text)}.Button--danger:hover:not(:disabled){fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow);color:var(--color-btn-danger-hover-text)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow);color:var(--color-btn-danger-selected-text)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);color:var(--color-btn-danger-disabled-text)}.Button--iconOnly{display:grid;padding:unset;place-content:center;width:var(--primer-control-medium-size,32px)}.Button--iconOnly.Button--small{width:var(--primer-control-small-size,28px)}.Button--iconOnly.Button--large{width:var(--primer-control-large-size,40px)}
1
+ :root{--duration-fast:80ms;--easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--borderWidth-thin,max(1px,.0625rem)) solid;border-color:#0000;border-radius:var(--borderRadius-medium,.375rem);color:var(--button-default-fgColor-rest,var(--color-btn-text));cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-4,.25rem);height:var(--control-medium-size,2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,.75rem);position:relative;text-align:center;transition:var(--duration-fast) var(--easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}a.Button:hover,summary.Button:hover{-webkit-text-decoration:none;text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--control-medium-gap,.5rem)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--buttonCounter-default-bgColor-rest,var(--color-btn-counter-bg));color:inherit}.Button-label{grid-area:text;line-height:var(--text-body-lineHeight-medium,1.4285);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-leadingVisual svg{fill:currentcolor}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4,.25rem)*-1)}.Button--small{font-size:var(--text-body-size-small,.75rem);gap:var(--control-small-gap,.25rem);height:var(--control-small-size,1.75rem);padding:0 var(--control-small-paddingInline-condensed,.5rem)}.Button--small .Button-label{line-height:var(--text-body-lineHeight-small,1.6666)}.Button--small .Button-content>:not(:last-child){margin-right:var(--control-small-gap,.25rem)}.Button--large{gap:var(--control-large-gap,.5rem);height:var(--control-large-size,2.5rem);padding:0 var(--control-large-paddingInline-spacious,1rem)}.Button--large .Button-label{line-height:var(--text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--control-large-gap,.5rem)}.Button--fullWidth{width:100%}.Button--primary{color:var(--button-primary-fgColor-rest,var(--color-btn-primary-text));fill:var(--button-primary-iconColor-rest,var(--color-btn-primary-icon));background-color:var(--button-primary-bgColor-rest,var(--color-btn-primary-bg));border-color:var(--button-primary-borderColor-rest,var(--color-btn-primary-border));box-shadow:var(--shadow-resting-small,var(--color-btn-primary-shadow))}.Button--primary:hover:not(:disabled,.Button--inactive){background-color:var(--button-primary-bgColor-hover,var(--color-btn-primary-hover-bg));border-color:var(--button-primary-borderColor-hover,var(--color-btn-primary-hover-border))}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--button-primary-bgColor-active,var(--color-btn-primary-selected-bg));box-shadow:var(--button-primary-shadow-selected,var(--color-btn-primary-selected-shadow))}.Button--primary:disabled,.Button--primary[aria-disabled=true]{background-color:var(--button-primary-bgColor-disabled,var(--color-btn-primary-disabled-bg));border-color:var(--button-primary-borderColor-disabled,var(--color-btn-primary-disabled-border));color:var(--button-primary-fgColor-disabled,var(--color-btn-primary-disabled-text));fill:var(--button-primary-fgColor-disabled,var(--color-btn-primary-disabled-text))}.Button--primary .Counter{background-color:var(--buttonCounter-primary-bgColor-rest,var(--color-btn-primary-counter-bg));color:inherit}.Button--secondary{color:var(--button-default-fgColor-rest,var(--color-btn-text));fill:var(--fgColor-muted,var(--color-fg-muted));background-color:var(--button-default-bgColor-rest,var(--color-btn-bg));border-color:var(--button-default-borderColor-rest,var(--color-btn-border));box-shadow:var(--button-default-shadow-resting,var(--color-btn-shadow)),var(--button-default-shadow-inset,var(--color-btn-inset-shadow))}.Button--secondary:hover:not(:disabled,.Button--inactive){background-color:var(--button-default-bgColor-hover,var(--color-btn-hover-bg));border-color:var(--button-default-borderColor-hover,var(--color-btn-hover-border))}.Button--secondary:active:not(:disabled){background-color:var(--button-default-bgColor-active,var(--color-btn-active-bg));border-color:var(--button-default-borderColor-active,var(--color-btn-active-border))}.Button--secondary[aria-pressed=true]{background-color:var(--button-default-bgColor-selected,var(--color-btn-selected-bg));box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset))}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{background-color:var(--button-default-bgColor-disabled,var(--color-btn-bg));border-color:var(--button-default-borderColor-disabled,var(--color-btn-border));color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled));fill:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.Button--invisible{color:var(--button-default-fgColor-rest,var(--color-btn-text))}.Button--invisible.Button--iconOnly{color:var(--button-invisible-iconColor-rest,var(--color-fg-muted))}.Button--invisible:hover:not(:disabled,.Button--inactive){background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--button-invisible-bgColor-active,var(--color-action-list-item-default-active-bg))}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{background-color:var(--button-invisible-bgColor-disabled,var(--color-action-list-item-default-selected-bg));border-color:var(--button-invisible-borderColor-disabled,var(--color-action-list-item-default-selected-bg));color:var(--button-invisible-fgColor-disabled,var(--color-primer-fg-disabled));fill:var(--button-invisible-fgColor-disabled,var(--color-primer-fg-disabled))}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--button-invisible-fgColor-rest,var(--color-btn-outline-text))}.Button--invisible .Button-visual{color:var(--button-invisible-iconColor-rest,var(--color-fg-muted))}.Button--invisible .Button-visual .Counter{color:var(--fgColor-default,var(--color-fg-default))}.Button--link{color:var(--fgColor-link,var(--color-accent-fg));fill:var(--fgColor-link,var(--color-accent-fg));border:none;display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled,.Button--inactive){-webkit-text-decoration:underline;text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{background-color:initial;border-color:#0000;color:var(--control-fgColor-disabled,var(--color-primer-fg-disabled));fill:var(--control-fgColor-disabled,var(--color-primer-fg-disabled))}.Button--danger{color:var(--button-danger-fgColor-rest,var(--color-btn-danger-text));fill:var(--button-danger-iconColor-rest,var(--color-btn-danger-icon));background-color:var(--button-danger-bgColor-rest,var(--color-btn-bg));border-color:var(--button-danger-borderColor-rest,var(--color-btn-border));box-shadow:var(--button-default-shadow-resting,var(--color-btn-shadow)),var(--button-default-shadow-inset,var(--color-btn-inset-shadow))}.Button--danger:hover:not(:disabled,.Button--inactive){color:var(--button-danger-fgColor-hover,var(--color-btn-danger-hover-text));fill:var(--button-danger-fgColor-hover,var(--color-btn-danger-hover-text));background-color:var(--button-danger-bgColor-hover,var(--color-btn-danger-hover-bg));border-color:var(--button-danger-borderColor-hover,var(--color-btn-danger-hover-border));box-shadow:var(--shadow-resting-small,var(--color-shadow-small))}.Button--danger:hover:not(:disabled,.Button--inactive) .Counter{background-color:var(--buttonCounter-danger-bgColor-hover,var(--color-btn-danger-hover-counter-bg));color:var(--buttonCounter-danger-fgColor-hover,var(--color-btn-danger-hover-counter-fg))}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{color:var(--button-danger-fgColor-active,var(--color-btn-danger-selected-text));fill:var(--button-danger-fgColor-active,var(--color-btn-danger-selected-text));background-color:var(--button-danger-bgColor-active,var(--color-btn-danger-selected-bg));border-color:var(--button-danger-borderColor-active,var(--color-btn-danger-selected-border));box-shadow:var(--button-danger-shadow-selected,var(--color-btn-danger-selected-shadow))}.Button--danger:disabled,.Button--danger[aria-disabled=true]{color:var(--button-danger-fgColor-disabled,var(--color-btn-danger-disabled-text));fill:var(--button-danger-fgColor-disabled,var(--color-btn-danger-disabled-text));background-color:var(--button-danger-bgColor-disabled,var(--color-btn-danger-disabled-bg));border-color:var(--button-default-borderColor-disabled,var(--color-btn-border))}.Button--danger:disabled .Counter,.Button--danger[aria-disabled=true] .Counter{background-color:var(--buttonCounter-danger-bgColor-disabled,var(--color-btn-danger-disabled-counter-bg));color:var(--buttonCounter-danger-fgColor-disabled,var(--color-btn-danger-disabled-counter-fg))}.Button--danger .Counter{background-color:var(--buttonCounter-danger-bgColor-rest,var(--color-btn-danger-counter-bg));color:var(--buttonCounter-danger-fgColor-rest,var(--color-btn-danger-counter-fg))}.Button--iconOnly{display:inline-grid;padding:unset;place-content:center;width:var(--control-medium-size,2rem)}.Button--iconOnly.Button--small{width:var(--control-small-size,1.75rem)}.Button--iconOnly.Button--large{width:var(--control-large-size,2.5rem)}.Button--inactive:not([aria-disabled=true],:disabled){background-color:var(--button-inactive-bgColor);border:0;color:var(--button-inactive-fgColor);cursor:default}
@@ -1 +1,77 @@
1
- {"name":"beta/button","selectors":[":root",".Button",".Button:before",".Button:hover",".Button:active",".Button:disabled",".Button[aria-disabled=true]",".Button-withTooltip","a.Button","summary.Button","a.Button:hover","summary.Button:hover",".Button-content",".Button-content>:not(:last-child)",".Button-content--alignStart",".Button-visual",".Button-visual .Counter",".Button-label",".Button-leadingVisual",".Button-trailingVisual",".Button-trailingAction",".Button--small",".Button--small .Button-label",".Button--small .Button-content>:not(:last-child)",".Button--large",".Button--large .Button-label",".Button--large .Button-content>:not(:last-child)",".Button--fullWidth",".Button--primary",".Button--primary:hover:not(:disabled)",".Button--primary:focus",".Button--primary:focus:not(:focus-visible)",".Button--primary:focus-visible",".Button--primary:active:not(:disabled)",".Button--primary[aria-pressed=true]",".Button--primary:disabled",".Button--primary[aria-disabled=true]",".Button--secondary",".Button--secondary:hover:not(:disabled)",".Button--secondary:active:not(:disabled)",".Button--secondary[aria-pressed=true]",".Button--secondary:disabled",".Button--secondary[aria-disabled=true]",".Button--invisible",".Button--invisible:hover:not(:disabled)",".Button--invisible:active:not(:disabled)",".Button--invisible[aria-pressed=true]",".Button--invisible:disabled",".Button--invisible[aria-disabled=true]",".Button--invisible.Button--invisible-noVisuals .Button-label",".Button--invisible .Button-visual",".Button--link",".Button--link:hover:not(:disabled)",".Button--link:focus",".Button--link:focus-visible",".Button--link:disabled",".Button--link[aria-disabled=true]",".Button--danger",".Button--danger:hover:not(:disabled)",".Button--danger:active:not(:disabled)",".Button--danger[aria-pressed=true]",".Button--danger:disabled",".Button--danger[aria-disabled=true]",".Button--iconOnly",".Button--iconOnly.Button--small",".Button--iconOnly.Button--large"]}
1
+ {
2
+ "name": "beta/button",
3
+ "selectors": [
4
+ ":root",
5
+ ".Button",
6
+ ".Button:before",
7
+ ".Button:hover",
8
+ ".Button:active",
9
+ ".Button:disabled",
10
+ ".Button[aria-disabled=true]",
11
+ "a.Button:hover",
12
+ "summary.Button:hover",
13
+ ".Button-content",
14
+ ".Button-content>:not(:last-child)",
15
+ ".Button-content--alignStart",
16
+ ".Button-visual",
17
+ ".Button-visual .Counter",
18
+ ".Button-label",
19
+ ".Button-leadingVisual",
20
+ ".Button-leadingVisual svg",
21
+ ".Button-trailingVisual",
22
+ ".Button-trailingAction",
23
+ ".Button--small",
24
+ ".Button--small .Button-label",
25
+ ".Button--small .Button-content>:not(:last-child)",
26
+ ".Button--large",
27
+ ".Button--large .Button-label",
28
+ ".Button--large .Button-content>:not(:last-child)",
29
+ ".Button--fullWidth",
30
+ ".Button--primary",
31
+ ".Button--primary:hover:not(:disabled,.Button--inactive)",
32
+ ".Button--primary:focus",
33
+ ".Button--primary:focus:not(:focus-visible)",
34
+ ".Button--primary:focus-visible",
35
+ ".Button--primary:active:not(:disabled)",
36
+ ".Button--primary[aria-pressed=true]",
37
+ ".Button--primary:disabled",
38
+ ".Button--primary[aria-disabled=true]",
39
+ ".Button--primary .Counter",
40
+ ".Button--secondary",
41
+ ".Button--secondary:hover:not(:disabled,.Button--inactive)",
42
+ ".Button--secondary:active:not(:disabled)",
43
+ ".Button--secondary[aria-pressed=true]",
44
+ ".Button--secondary:disabled",
45
+ ".Button--secondary[aria-disabled=true]",
46
+ ".Button--invisible",
47
+ ".Button--invisible.Button--iconOnly",
48
+ ".Button--invisible:hover:not(:disabled,.Button--inactive)",
49
+ ".Button--invisible:active:not(:disabled)",
50
+ ".Button--invisible[aria-pressed=true]",
51
+ ".Button--invisible:disabled",
52
+ ".Button--invisible[aria-disabled=true]",
53
+ ".Button--invisible.Button--invisible-noVisuals .Button-label",
54
+ ".Button--invisible .Button-visual",
55
+ ".Button--invisible .Button-visual .Counter",
56
+ ".Button--link",
57
+ ".Button--link:hover:not(:disabled,.Button--inactive)",
58
+ ".Button--link:focus",
59
+ ".Button--link:focus-visible",
60
+ ".Button--link:disabled",
61
+ ".Button--link[aria-disabled=true]",
62
+ ".Button--danger",
63
+ ".Button--danger:hover:not(:disabled,.Button--inactive)",
64
+ ".Button--danger:hover:not(:disabled,.Button--inactive) .Counter",
65
+ ".Button--danger:active:not(:disabled)",
66
+ ".Button--danger[aria-pressed=true]",
67
+ ".Button--danger:disabled",
68
+ ".Button--danger[aria-disabled=true]",
69
+ ".Button--danger:disabled .Counter",
70
+ ".Button--danger[aria-disabled=true] .Counter",
71
+ ".Button--danger .Counter",
72
+ ".Button--iconOnly",
73
+ ".Button--iconOnly.Button--small",
74
+ ".Button--iconOnly.Button--large",
75
+ ".Button--inactive:not([aria-disabled=true],:disabled)"
76
+ ]
77
+ }
@@ -0,0 +1 @@
1
+ .ButtonGroup{display:inline-flex}.ButtonGroup .Button{border-radius:0;margin-inline-end:-1px;position:relative}.ButtonGroup .Button:active,.ButtonGroup .Button:focus,.ButtonGroup .Button:hover{z-index:1}.ButtonGroup>:first-child .Button{border-bottom-left-radius:var(--borderRadius-medium,.375rem);border-top-left-radius:var(--borderRadius-medium,.375rem)}.ButtonGroup>:last-child .Button{border-bottom-right-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem)}
@@ -0,0 +1,12 @@
1
+ {
2
+ "name": "beta/button_group",
3
+ "selectors": [
4
+ ".ButtonGroup",
5
+ ".ButtonGroup .Button",
6
+ ".ButtonGroup .Button:active",
7
+ ".ButtonGroup .Button:focus",
8
+ ".ButtonGroup .Button:hover",
9
+ ".ButtonGroup>:first-child .Button",
10
+ ".ButtonGroup>:last-child .Button"
11
+ ]
12
+ }
@@ -1 +1 @@
1
- .Counter{background-color:var(--color-neutral-muted);border:var(--primer-borderWidth-thin,1px) solid var(--color-counter-border);border-radius:2em;color:var(--color-fg-default);display:inline-block;font-size:var(--primer-text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:calc(var(--base-size-20, 20px) - var(--primer-borderWidth-thin, 1px)*2);min-width:var(--base-size-20,20px);padding:0 6px;text-align:center}.Counter:empty{display:none}.Counter .octicon{opacity:.8;vertical-align:text-top}.Counter--primary{background-color:var(--color-neutral-emphasis);color:var(--color-fg-on-emphasis)}.Counter--secondary{background-color:var(--color-neutral-subtle);color:var(--color-fg-muted)}
1
+ .Counter{background-color:var(--bgColor-neutral-muted,var(--color-neutral-muted));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--counter-borderColor,var(--color-counter-border));border-radius:2em;color:var(--fgColor-default,var(--color-fg-default));display:inline-block;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-medium,500);line-height:calc(var(--base-size-20,1.25rem) - var(--borderWidth-thin,max(1px, .0625rem))*2);min-width:var(--base-size-20,1.25rem);padding:0 6px;text-align:center}.Counter:empty{display:none}.Counter .octicon{opacity:.8;vertical-align:text-top}.Counter--primary{background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.Counter--secondary{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));color:var(--fgColor-muted,var(--color-fg-muted))}
@@ -1 +1,10 @@
1
- {"name":"beta/counter","selectors":[".Counter",".Counter:empty",".Counter .octicon",".Counter--primary",".Counter--secondary"]}
1
+ {
2
+ "name": "beta/counter",
3
+ "selectors": [
4
+ ".Counter",
5
+ ".Counter:empty",
6
+ ".Counter .octicon",
7
+ ".Counter--primary",
8
+ ".Counter--secondary"
9
+ ]
10
+ }
@@ -1 +1 @@
1
- .flash:not(.Banner){background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border-color:var(--color-accent-muted);border-radius:var(--primer-borderRadius-medium,6px);border-style:solid;border-width:var(--primer-borderWidth-thin,1px);color:var(--color-fg-default);padding:var(--base-size-20,20px) var(--primer-control-medium-paddingInline-spacious,16px);position:relative}.flash:not(.Banner) .octicon{color:var(--color-accent-fg);margin-right:var(--base-size-12,12px)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--primer-stack-gap-spacious,24px)}.flash-close:not(.Banner-close){-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;float:right;margin:calc(var(--primer-control-medium-paddingInline-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-spacious,16px);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--primer-stack-gap-spacious,24px);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--color-fg-muted);margin-right:var(--primer-control-small-gap,4px)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-image:linear-gradient(var(--color-attention-subtle),var(--color-attention-subtle));border-color:var(--color-attention-muted);color:var(--color-fg-default)}.flash-warn:not(.Banner) .octicon{color:var(--color-attention-fg)}.flash-error:not(.Banner){background-image:linear-gradient(var(--color-danger-subtle),var(--color-danger-subtle));border-color:var(--color-danger-muted);color:var(--color-fg-default)}.flash-error:not(.Banner) .octicon{color:var(--color-danger-fg)}.flash-success:not(.Banner){background-image:linear-gradient(var(--color-success-subtle),var(--color-success-subtle));border-color:var(--color-success-muted);color:var(--color-fg-default)}.flash-success:not(.Banner) .octicon{color:var(--color-success-fg)}.flash-full:not(.Banner){border-radius:0;border-width:var(--primer-borderWidth-thin,1px) 0;margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--color-canvas-default)}.warning{background-color:var(--color-attention-subtle);font-weight:var(--base-text-weight-semibold,600);margin-bottom:.8em;padding:.5em}
1
+ .flash:not(.Banner){background-image:linear-gradient(var(--bgColor-accent-muted,var(--color-accent-subtle)),var(--bgColor-accent-muted,var(--color-accent-subtle)));border-color:var(--borderColor-accent-muted,var(--color-accent-muted));border-radius:var(--borderRadius-medium,.375rem);border-style:solid;border-width:var(--borderWidth-thin,max(1px,.0625rem));color:var(--fgColor-default,var(--color-fg-default));padding:var(--base-size-20,1.25rem) var(--control-medium-paddingInline-spacious,1rem);position:relative}.flash:not(.Banner) .octicon{color:var(--fgColor-accent,var(--color-accent-fg));margin-right:var(--base-size-12,.75rem)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--stack-gap-spacious,1.5rem)}.flash-close:not(.Banner-close){-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;float:right;margin-top:calc(var(--base-size-4,.25rem)*-1);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--stack-gap-spacious,1.5rem);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--fgColor-muted,var(--color-fg-muted));margin-right:var(--control-small-gap,.25rem)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-image:linear-gradient(var(--bgColor-attention-muted,var(--color-attention-subtle)),var(--bgColor-attention-muted,var(--color-attention-subtle)));border-color:var(--borderColor-attention-muted,var(--color-attention-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-warn:not(.Banner) .octicon{color:var(--fgColor-attention,var(--color-attention-fg))}.flash-error:not(.Banner){background-image:linear-gradient(var(--bgColor-danger-muted,var(--color-danger-subtle)),var(--bgColor-danger-muted,var(--color-danger-subtle)));border-color:var(--borderColor-danger-muted,var(--color-danger-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-error:not(.Banner) .octicon{color:var(--fgColor-danger,var(--color-danger-fg))}.flash-success:not(.Banner){background-image:linear-gradient(var(--bgColor-success-muted,var(--color-success-subtle)),var(--bgColor-success-muted,var(--color-success-subtle)));border-color:var(--borderColor-success-muted,var(--color-success-muted));color:var(--fgColor-default,var(--color-fg-default))}.flash-success:not(.Banner) .octicon{color:var(--fgColor-success,var(--color-success-fg))}.flash-full:not(.Banner){border-radius:0;border-width:var(--borderWidth-thin,max(1px,.0625rem)) 0;margin-top:calc(var(--borderWidth-thin,max(1px, .0625rem))*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--bgColor-default,var(--color-canvas-default))}.warning{background-color:var(--bgColor-attention-muted,var(--color-attention-subtle));font-weight:var(--base-text-weight-semibold,600);margin-bottom:.8em;padding:.5em}
@@ -1 +1,27 @@
1
- {"name":"beta/flash","selectors":[".flash:not(.Banner)",".flash:not(.Banner) .octicon",".flash:not(.Banner) p:last-child",".flash-messages",".flash-close:not(.Banner-close)",".flash-close:not(.Banner-close):hover",".flash-close:not(.Banner-close):active",".flash-close:not(.Banner-close) .octicon",".flash-action:not(.Banner-actions)",".flash-action.btn:not(.Banner-actions) .octicon",".flash-action.btn-primary:not(.Banner-actions)",".flash-action.btn-primary:not(.Banner-actions) .octicon",".flash-warn:not(.Banner)",".flash-warn:not(.Banner) .octicon",".flash-error:not(.Banner)",".flash-error:not(.Banner) .octicon",".flash-success:not(.Banner)",".flash-success:not(.Banner) .octicon",".flash-full:not(.Banner)",".flash-banner",".flash-full",".warning"]}
1
+ {
2
+ "name": "beta/flash",
3
+ "selectors": [
4
+ ".flash:not(.Banner)",
5
+ ".flash:not(.Banner) .octicon",
6
+ ".flash:not(.Banner) p:last-child",
7
+ ".flash-messages",
8
+ ".flash-close:not(.Banner-close)",
9
+ ".flash-close:not(.Banner-close):hover",
10
+ ".flash-close:not(.Banner-close):active",
11
+ ".flash-close:not(.Banner-close) .octicon",
12
+ ".flash-action:not(.Banner-actions)",
13
+ ".flash-action.btn:not(.Banner-actions) .octicon",
14
+ ".flash-action.btn-primary:not(.Banner-actions)",
15
+ ".flash-action.btn-primary:not(.Banner-actions) .octicon",
16
+ ".flash-warn:not(.Banner)",
17
+ ".flash-warn:not(.Banner) .octicon",
18
+ ".flash-error:not(.Banner)",
19
+ ".flash-error:not(.Banner) .octicon",
20
+ ".flash-success:not(.Banner)",
21
+ ".flash-success:not(.Banner) .octicon",
22
+ ".flash-full:not(.Banner)",
23
+ ".flash-banner",
24
+ ".flash-full",
25
+ ".warning"
26
+ ]
27
+ }
@@ -1 +1 @@
1
- .labels{position:relative}.Label,.label{border:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);border-radius:2em;display:inline-block;font-size:var(--primer-text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--color-neutral-emphasis);color:var(--color-fg-default)}.Label--secondary{border-color:var(--color-border-default);color:var(--color-fg-muted)}.Label--accent,.Label--info{border-color:var(--color-accent-emphasis);color:var(--color-accent-fg)}.Label--success{border-color:var(--color-success-emphasis);color:var(--color-success-fg)}.Label--attention,.Label--warning{border-color:var(--color-attention-emphasis);color:var(--color-attention-fg)}.Label--severe{border-color:var(--color-severe-emphasis);color:var(--color-severe-fg)}.Label--danger{border-color:var(--color-danger-emphasis);color:var(--color-danger-fg)}.Label--open{border-color:var(--color-open-emphasis);color:var(--color-open-fg)}.Label--closed{border-color:var(--color-closed-emphasis);color:var(--color-closed-fg)}.Label--done{border-color:var(--color-done-emphasis);color:var(--color-done-fg)}.Label--sponsors{border-color:var(--color-sponsors-emphasis);color:var(--color-sponsors-fg)}
1
+ .labels{position:relative}.Label,.label{border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));border-radius:2em;display:inline-block;font-size:var(--text-body-size-small,.75rem);font-weight:var(--base-text-weight-medium,500);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis,var(--color-fg-subtle));color:var(--fgColor-default,var(--color-fg-default))}.Label--secondary{border-color:var(--borderColor-default,var(--color-border-default));color:var(--fgColor-muted,var(--color-fg-muted))}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-accent,var(--color-accent-fg))}.Label--success{border-color:var(--borderColor-success-emphasis,var(--color-success-emphasis));color:var(--fgColor-success,var(--color-success-fg))}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis));color:var(--fgColor-attention,var(--color-attention-fg))}.Label--severe{border-color:var(--borderColor-severe-emphasis,var(--color-severe-emphasis));color:var(--fgColor-severe,var(--color-severe-fg))}.Label--danger{border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis));color:var(--fgColor-danger,var(--color-danger-fg))}.Label--open{border-color:var(--borderColor-open-emphasis,var(--color-open-emphasis));color:var(--fgColor-open,var(--color-open-fg))}.Label--closed{border-color:var(--borderColor-closed-emphasis,var(--color-closed-emphasis));color:var(--fgColor-closed,var(--color-closed-fg))}.Label--done{border-color:var(--borderColor-done-emphasis,var(--color-done-emphasis));color:var(--fgColor-done,var(--color-done-fg))}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis,var(--color-sponsors-emphasis));color:var(--fgColor-sponsors,var(--color-sponsors-fg))}