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.
- checksums.yaml +4 -4
- data/README.md +24 -3
- data/_layouts/default.html +4 -2
- data/_sass/@primer/css/autocomplete/suggester.scss +11 -11
- data/_sass/@primer/css/avatars/avatar-parent-child.scss +2 -2
- data/_sass/@primer/css/avatars/circle-badge.scss +3 -3
- data/_sass/@primer/css/base/base.scss +5 -5
- data/_sass/@primer/css/base/kbd.scss +5 -5
- data/_sass/@primer/css/base/normalize.scss +3 -2
- data/_sass/@primer/css/box/box-overlay.scss +3 -3
- data/_sass/@primer/css/branch-name/branch-name.scss +6 -6
- data/_sass/@primer/css/buttons/button.scss +63 -63
- data/_sass/@primer/css/buttons/misc.scss +26 -26
- data/_sass/@primer/css/color-modes/native.scss +4 -2
- data/_sass/@primer/css/core/index.scss +0 -1
- data/_sass/@primer/css/forms/form-control.scss +18 -18
- data/_sass/@primer/css/forms/form-group.scss +31 -30
- data/_sass/@primer/css/forms/form-select.scss +1 -1
- data/_sass/@primer/css/forms/index.scss +0 -1
- data/_sass/@primer/css/forms/input-group.scss +10 -0
- data/_sass/@primer/css/forms/radio-group.scss +6 -6
- data/_sass/@primer/css/header/header.scss +7 -7
- data/_sass/@primer/css/labels/index.scss +0 -1
- data/_sass/@primer/css/layout/app-frame.scss +13 -13
- data/_sass/@primer/css/layout/page-layout.scss +2 -6
- data/_sass/@primer/css/layout/stack.scss +7 -7
- data/_sass/@primer/css/markdown/blob-csv.scss +2 -2
- data/_sass/@primer/css/markdown/code.scss +3 -3
- data/_sass/@primer/css/markdown/footnotes.scss +3 -3
- data/_sass/@primer/css/markdown/headings.scss +4 -4
- data/_sass/@primer/css/markdown/images.scss +3 -3
- data/_sass/@primer/css/markdown/lists.scss +4 -4
- data/_sass/@primer/css/markdown/markdown-body.scss +4 -4
- data/_sass/@primer/css/markdown/tables.scss +4 -4
- data/_sass/@primer/css/marketing/buttons/button.scss +9 -10
- data/_sass/@primer/css/marketing/support/variables.scss +15 -0
- data/_sass/@primer/css/marketing/utilities/layout.scss +0 -1
- data/_sass/@primer/css/navigation/filter-list.scss +8 -8
- data/_sass/@primer/css/navigation/sidenav.scss +12 -12
- data/_sass/@primer/css/navigation/subnav.scss +9 -9
- data/_sass/@primer/css/pagination/pagination.scss +7 -7
- data/_sass/@primer/css/primitives/index.scss +9 -9
- data/_sass/@primer/css/select-menu/select-menu.scss +41 -41
- data/_sass/@primer/css/support/mixins/color-modes.scss +89 -1
- data/_sass/@primer/css/support/mixins/misc.scss +8 -8
- data/_sass/@primer/css/support/variables/misc.scss +2 -2
- data/_sass/@primer/css/support/variables/typography.scss +1 -1
- data/_sass/@primer/css/toasts/toasts.scss +17 -17
- data/_sass/@primer/css/tooltips/tooltips.scss +9 -62
- data/_sass/@primer/css/utilities/borders.scss +9 -9
- data/_sass/@primer/css/utilities/box-shadow.scss +8 -4
- data/_sass/@primer/css/utilities/colors.scss +59 -60
- data/_sass/@primer/css/utilities/details.scss +1 -1
- data/_sass/@primer/css/utilities/flexbox.scss +0 -1
- data/_sass/@primer/css/utilities/layout.scss +7 -5
- data/_sass/@primer/css/utilities/margin.scss +0 -2
- data/_sass/@primer/css/utilities/padding.scss +0 -1
- data/_sass/@primer/css/utilities/typography.scss +8 -8
- data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
- data/_sass/@primer/primitives/dist/scss/base/size/size.scss +17 -0
- data/_sass/@primer/primitives/dist/scss/base/typography/typography.scss +4 -0
- data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +29 -20
- data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +12 -3
- data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +14 -5
- data/_sass/@primer/primitives/dist/scss/colors/_light.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +13 -4
- data/_sass/@primer/primitives/dist/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/border.scss +12 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/breakpoints.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss +3 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/size.scss +72 -0
- data/_sass/@primer/primitives/dist/scss/functional/size/viewport.scss +6 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-dimmed.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/dark.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-colorblind.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-high-contrast.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light-tritanopia.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/themes/light.scss +503 -0
- data/_sass/@primer/primitives/dist/scss/functional/typography/typography.scss +45 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +17 -21
- data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +4 -8
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss +3 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +12 -16
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +6 -10
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +3 -7
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +72 -51
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +6 -19
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +503 -391
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +503 -366
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +45 -49
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
- data/_sass/@primer/view-components/README.md +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts +18 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts +12 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts +30 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +17 -0
- 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
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts +23 -0
- data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +10 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +1 -0
- data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +5 -0
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +1 -3
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar.css.json +14 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_bar_element.js +180 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +136 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +51 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +470 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +65 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +50 -27
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +11 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +29 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.js +4 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +144 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.d.ts +2 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +54 -45
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.d.ts +4 -2
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +159 -72
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.d.ts +3 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/x_banner.js +25 -10
- data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/components/primer/anchored_position.js +157 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +23 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +54 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +77 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/button_group.css.json +12 -0
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +20 -1
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list.d.ts +17 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list.js +170 -0
- data/_sass/@primer/view-components/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/{alpha/nav_list.js → beta/nav_list_group_element.js} +30 -53
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +14 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.d.ts +15 -0
- data/_sass/@primer/view-components/app/components/primer/dialog_helper.js +117 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.js +163 -0
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +10 -3
- data/_sass/@primer/view-components/app/components/primer/primer.js +10 -3
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.d.ts +13 -0
- data/_sass/@primer/view-components/app/components/primer/scrollable_region.js +52 -0
- data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
- data/_sass/@primer/view-components/lib/primer/forms/primer_multi_input.js +2 -3
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +55 -11
- data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +7 -2
- data/_sass/@primer/view-components/package.json +34 -33
- data/_sass/@primer/view-components/static/arguments.json +2786 -454
- data/_sass/@primer/view-components/static/audited_at.json +39 -24
- data/_sass/@primer/view-components/static/classes.json +612 -0
- data/_sass/@primer/view-components/static/constants.json +318 -77
- data/_sass/@primer/view-components/static/info_arch.json +15698 -0
- data/_sass/@primer/view-components/static/previews.json +6814 -0
- data/_sass/@primer/view-components/static/statuses.json +41 -26
- data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +14 -3
- data/_sass/primer.scss +1 -1
- data/assets/css/style.scss +1 -1
- data/assets/js/github-clipboard-copy-element.js +154 -0
- data/assets/js/primer-clipboard-copy.js +106 -0
- metadata +77 -18
- data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
- data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
- data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
- data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
- data/_sass/@primer/css/actionlist/action-list.scss +0 -67
- data/_sass/@primer/css/actionlist/index.scss +0 -6
- data/_sass/@primer/css/forms/form-validation.scss +0 -265
- data/_sass/@primer/css/labels/diffstat.scss +0 -37
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
- /data/_sass/@primer/view-components/app/{components/primer/local_time.d.ts → assets/javascripts/app/components/primer/beta/relative_time.d.ts} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{local_time.js → beta/relative_time.d.ts} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{time_ago_component.d.ts → beta/relative_time.js} +0 -0
@@ -1 +1,25 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/label",
|
3
|
+
"selectors": [
|
4
|
+
".labels",
|
5
|
+
".Label",
|
6
|
+
".label",
|
7
|
+
".Label:hover",
|
8
|
+
".label:hover",
|
9
|
+
".Label--large",
|
10
|
+
".Label--inline",
|
11
|
+
".Label--primary",
|
12
|
+
".Label--secondary",
|
13
|
+
".Label--accent",
|
14
|
+
".Label--info",
|
15
|
+
".Label--success",
|
16
|
+
".Label--attention",
|
17
|
+
".Label--warning",
|
18
|
+
".Label--severe",
|
19
|
+
".Label--danger",
|
20
|
+
".Label--open",
|
21
|
+
".Label--closed",
|
22
|
+
".Label--done",
|
23
|
+
".Label--sponsors"
|
24
|
+
]
|
25
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Link{color:var(--color-accent-fg)}.Link:hover{cursor:pointer;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--primary{color:var(--color-fg-default)!important}.Link--primary:hover{color:var(--color-accent-fg)!important}.Link--secondary{color:var(--color-fg-muted)!important}.Link--secondary:hover{color:var(--color-accent-fg)!important}.Link--muted{color:var(--color-fg-muted)!important}.Link--muted:hover{text-decoration:none}.Link--muted:hover,.Link--onHover:hover{color:var(--color-accent-fg)!important}.Link--onHover:hover{cursor:pointer;text-decoration:underline}.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg]{color:inherit!important}
|
1
|
+
.Link{color:var(--fgColor-accent,var(--color-accent-fg));-webkit-text-decoration:none;text-decoration:none}.Link:hover{cursor:pointer}.Link:focus,.Link:hover{-webkit-text-decoration:underline;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--underline{-webkit-text-decoration:underline;text-decoration:underline}.Link--primary{color:var(--fgColor-default,var(--color-fg-default))!important}.Link--primary:hover{color:var(--fgColor-accent,var(--color-accent-fg))!important}.Link--secondary{color:var(--fgColor-muted,var(--color-fg-muted))!important}.Link--secondary:hover{color:var(--fgColor-accent,var(--color-accent-fg))!important}.Link--muted{color:var(--fgColor-muted,var(--color-fg-muted))!important}.Link--muted:hover{-webkit-text-decoration:none;text-decoration:none}.Link--muted:hover,.Link--onHover:hover{color:var(--fgColor-accent,var(--color-accent-fg))!important}.Link--onHover:hover{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg]{color:inherit!important}
|
@@ -1 +1,20 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/link",
|
3
|
+
"selectors": [
|
4
|
+
".Link",
|
5
|
+
".Link:hover",
|
6
|
+
".Link:focus",
|
7
|
+
".Link:focus-visible",
|
8
|
+
".Link--underline",
|
9
|
+
".Link--primary",
|
10
|
+
".Link--primary:hover",
|
11
|
+
".Link--secondary",
|
12
|
+
".Link--secondary:hover",
|
13
|
+
".Link--muted",
|
14
|
+
".Link--muted:hover",
|
15
|
+
".Link--onHover:hover",
|
16
|
+
".Link--muted:hover [class*=color-fg]",
|
17
|
+
".Link--primary:hover [class*=color-fg]",
|
18
|
+
".Link--secondary:hover [class*=color-fg]"
|
19
|
+
]
|
20
|
+
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare class NavListElement extends HTMLElement {
|
2
|
+
#private;
|
3
|
+
items: HTMLElement[];
|
4
|
+
selectItemById(itemId: string | null): boolean;
|
5
|
+
selectItemByHref(href: string | null): boolean;
|
6
|
+
selectItemByCurrentLocation(): boolean;
|
7
|
+
expandItem(item: HTMLElement): void;
|
8
|
+
collapseItem(item: HTMLElement): void;
|
9
|
+
itemIsExpanded(item: HTMLElement | null): boolean;
|
10
|
+
handleItemWithSubItemClick(e: Event): void;
|
11
|
+
handleItemWithSubItemKeydown(e: KeyboardEvent): void;
|
12
|
+
}
|
13
|
+
declare global {
|
14
|
+
interface Window {
|
15
|
+
NavListElement: typeof NavListElement;
|
16
|
+
}
|
17
|
+
}
|
@@ -0,0 +1,170 @@
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
9
|
+
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");
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
|
+
};
|
12
|
+
var _NavListElement_instances, _NavListElement_findSelectedNavItemById, _NavListElement_findSelectedNavItemByHref, _NavListElement_findSelectedNavItemByCurrentLocation, _NavListElement_select, _NavListElement_deselect, _NavListElement_findParentMenu;
|
13
|
+
/* eslint-disable custom-elements/expose-class-on-global */
|
14
|
+
import { controller, targets } from '@github/catalyst';
|
15
|
+
let NavListElement = class NavListElement extends HTMLElement {
|
16
|
+
constructor() {
|
17
|
+
super(...arguments);
|
18
|
+
_NavListElement_instances.add(this);
|
19
|
+
}
|
20
|
+
selectItemById(itemId) {
|
21
|
+
if (!itemId)
|
22
|
+
return false;
|
23
|
+
const selectedItem = __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findSelectedNavItemById).call(this, itemId);
|
24
|
+
if (selectedItem) {
|
25
|
+
__classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_select).call(this, selectedItem);
|
26
|
+
return true;
|
27
|
+
}
|
28
|
+
return false;
|
29
|
+
}
|
30
|
+
selectItemByHref(href) {
|
31
|
+
if (!href)
|
32
|
+
return false;
|
33
|
+
const selectedItem = __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findSelectedNavItemByHref).call(this, href);
|
34
|
+
if (selectedItem) {
|
35
|
+
__classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_select).call(this, selectedItem);
|
36
|
+
return true;
|
37
|
+
}
|
38
|
+
return false;
|
39
|
+
}
|
40
|
+
selectItemByCurrentLocation() {
|
41
|
+
const selectedItem = __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findSelectedNavItemByCurrentLocation).call(this);
|
42
|
+
if (selectedItem) {
|
43
|
+
__classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_select).call(this, selectedItem);
|
44
|
+
return true;
|
45
|
+
}
|
46
|
+
return false;
|
47
|
+
}
|
48
|
+
// expand collapsible item onClick
|
49
|
+
expandItem(item) {
|
50
|
+
item.nextElementSibling?.removeAttribute('data-hidden');
|
51
|
+
item.setAttribute('aria-expanded', 'true');
|
52
|
+
}
|
53
|
+
collapseItem(item) {
|
54
|
+
item.nextElementSibling?.setAttribute('data-hidden', '');
|
55
|
+
item.setAttribute('aria-expanded', 'false');
|
56
|
+
item.focus();
|
57
|
+
}
|
58
|
+
itemIsExpanded(item) {
|
59
|
+
if (item?.tagName === 'A') {
|
60
|
+
return true;
|
61
|
+
}
|
62
|
+
return item?.getAttribute('aria-expanded') === 'true';
|
63
|
+
}
|
64
|
+
// expand/collapse item
|
65
|
+
handleItemWithSubItemClick(e) {
|
66
|
+
const el = e.target;
|
67
|
+
if (!(el instanceof HTMLElement))
|
68
|
+
return;
|
69
|
+
const button = el.closest('button');
|
70
|
+
if (!button)
|
71
|
+
return;
|
72
|
+
if (this.itemIsExpanded(button)) {
|
73
|
+
this.collapseItem(button);
|
74
|
+
}
|
75
|
+
else {
|
76
|
+
this.expandItem(button);
|
77
|
+
}
|
78
|
+
/* eslint-disable-next-line no-restricted-syntax */
|
79
|
+
e.stopPropagation();
|
80
|
+
}
|
81
|
+
// collapse item
|
82
|
+
handleItemWithSubItemKeydown(e) {
|
83
|
+
const el = e.currentTarget;
|
84
|
+
if (!(el instanceof HTMLElement))
|
85
|
+
return;
|
86
|
+
let button = el.closest('button');
|
87
|
+
if (!button) {
|
88
|
+
const button_id = el.getAttribute('aria-labelledby');
|
89
|
+
if (button_id) {
|
90
|
+
button = document.getElementById(button_id);
|
91
|
+
}
|
92
|
+
else {
|
93
|
+
return;
|
94
|
+
}
|
95
|
+
}
|
96
|
+
if (this.itemIsExpanded(button) && e.key === 'Escape') {
|
97
|
+
this.collapseItem(button);
|
98
|
+
}
|
99
|
+
/* eslint-disable-next-line no-restricted-syntax */
|
100
|
+
e.stopPropagation();
|
101
|
+
}
|
102
|
+
};
|
103
|
+
_NavListElement_instances = new WeakSet();
|
104
|
+
_NavListElement_findSelectedNavItemById = function _NavListElement_findSelectedNavItemById(itemId) {
|
105
|
+
// First we compare the selected link to data-item-id for each nav item
|
106
|
+
for (const navItem of this.items) {
|
107
|
+
if (navItem.classList.contains('ActionListItem--hasSubItem')) {
|
108
|
+
continue;
|
109
|
+
}
|
110
|
+
const keys = navItem.getAttribute('data-item-id')?.split(' ') || [];
|
111
|
+
if (keys.includes(itemId)) {
|
112
|
+
return navItem;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
return null;
|
116
|
+
};
|
117
|
+
_NavListElement_findSelectedNavItemByHref = function _NavListElement_findSelectedNavItemByHref(href) {
|
118
|
+
// If we didn't find a match, we compare the selected link to the href of each nav item
|
119
|
+
const selectedNavItem = this.querySelector(`.ActionListContent[href="${href}"]`);
|
120
|
+
if (selectedNavItem) {
|
121
|
+
return selectedNavItem.closest('.ActionListItem');
|
122
|
+
}
|
123
|
+
return null;
|
124
|
+
};
|
125
|
+
_NavListElement_findSelectedNavItemByCurrentLocation = function _NavListElement_findSelectedNavItemByCurrentLocation() {
|
126
|
+
return __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findSelectedNavItemByHref).call(this, window.location.pathname);
|
127
|
+
};
|
128
|
+
_NavListElement_select = function _NavListElement_select(navItem) {
|
129
|
+
const currentlySelectedItem = this.querySelector('.ActionListItem--navActive');
|
130
|
+
if (currentlySelectedItem)
|
131
|
+
__classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_deselect).call(this, currentlySelectedItem);
|
132
|
+
navItem.classList.add('ActionListItem--navActive');
|
133
|
+
if (navItem.children.length > 0) {
|
134
|
+
navItem.children[0].setAttribute('aria-current', 'page');
|
135
|
+
}
|
136
|
+
const parentMenu = __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findParentMenu).call(this, navItem);
|
137
|
+
if (parentMenu) {
|
138
|
+
this.expandItem(parentMenu);
|
139
|
+
parentMenu.classList.add('ActionListContent--hasActiveSubItem');
|
140
|
+
}
|
141
|
+
};
|
142
|
+
_NavListElement_deselect = function _NavListElement_deselect(navItem) {
|
143
|
+
navItem.classList.remove('ActionListItem--navActive');
|
144
|
+
if (navItem.children.length > 0) {
|
145
|
+
navItem.children[0].removeAttribute('aria-current');
|
146
|
+
}
|
147
|
+
const parentMenu = __classPrivateFieldGet(this, _NavListElement_instances, "m", _NavListElement_findParentMenu).call(this, navItem);
|
148
|
+
if (parentMenu) {
|
149
|
+
this.collapseItem(parentMenu);
|
150
|
+
parentMenu.classList.remove('ActionListContent--hasActiveSubItem');
|
151
|
+
}
|
152
|
+
};
|
153
|
+
_NavListElement_findParentMenu = function _NavListElement_findParentMenu(navItem) {
|
154
|
+
if (!navItem.classList.contains('ActionListItem--subItem'))
|
155
|
+
return null;
|
156
|
+
const parent = navItem.closest('li.ActionListItem--hasSubItem')?.querySelector('button.ActionListContent');
|
157
|
+
if (parent) {
|
158
|
+
return parent;
|
159
|
+
}
|
160
|
+
else {
|
161
|
+
return null;
|
162
|
+
}
|
163
|
+
};
|
164
|
+
__decorate([
|
165
|
+
targets
|
166
|
+
], NavListElement.prototype, "items", void 0);
|
167
|
+
NavListElement = __decorate([
|
168
|
+
controller
|
169
|
+
], NavListElement);
|
170
|
+
export { NavListElement };
|
@@ -0,0 +1,19 @@
|
|
1
|
+
export declare class NavListGroupElement extends HTMLElement {
|
2
|
+
#private;
|
3
|
+
showMoreItem: HTMLElement;
|
4
|
+
focusMarkers: HTMLElement[];
|
5
|
+
connectedCallback(): void;
|
6
|
+
get showMoreDisabled(): boolean;
|
7
|
+
set showMoreDisabled(value: boolean);
|
8
|
+
set currentPage(value: number);
|
9
|
+
get currentPage(): number;
|
10
|
+
get totalPages(): number;
|
11
|
+
get paginationSrc(): string;
|
12
|
+
private showMore;
|
13
|
+
private setShowMoreItemState;
|
14
|
+
}
|
15
|
+
declare global {
|
16
|
+
interface Window {
|
17
|
+
NavListGroupElement: typeof NavListGroupElement;
|
18
|
+
}
|
19
|
+
}
|
@@ -4,9 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
|
-
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
9
|
+
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");
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
|
+
};
|
12
|
+
var _NavListGroupElement_instances, _NavListGroupElement_parseHTML;
|
8
13
|
import { controller, target, targets } from '@github/catalyst';
|
9
|
-
let
|
14
|
+
let NavListGroupElement = class NavListGroupElement extends HTMLElement {
|
15
|
+
constructor() {
|
16
|
+
super(...arguments);
|
17
|
+
_NavListGroupElement_instances.add(this);
|
18
|
+
}
|
10
19
|
connectedCallback() {
|
11
20
|
this.setShowMoreItemState();
|
12
21
|
}
|
@@ -34,41 +43,7 @@ let NavListElement = class NavListElement extends HTMLElement {
|
|
34
43
|
get paginationSrc() {
|
35
44
|
return this.showMoreItem.getAttribute('src') || '';
|
36
45
|
}
|
37
|
-
// expand collapsible item onClick
|
38
|
-
expandItem(item) {
|
39
|
-
var _a;
|
40
|
-
(_a = item.nextElementSibling) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-hidden');
|
41
|
-
item.setAttribute('aria-expanded', 'true');
|
42
|
-
}
|
43
|
-
collapseItem(item) {
|
44
|
-
var _a;
|
45
|
-
(_a = item.nextElementSibling) === null || _a === void 0 ? void 0 : _a.setAttribute('data-hidden', '');
|
46
|
-
item.setAttribute('aria-expanded', 'false');
|
47
|
-
}
|
48
|
-
itemIsExpanded(item) {
|
49
|
-
if ((item === null || item === void 0 ? void 0 : item.tagName) === 'A') {
|
50
|
-
return true;
|
51
|
-
}
|
52
|
-
return (item === null || item === void 0 ? void 0 : item.getAttribute('aria-expanded')) === 'true';
|
53
|
-
}
|
54
|
-
// expand/collapse item
|
55
|
-
handleItemWithSubItemClick(e) {
|
56
|
-
const el = e.target;
|
57
|
-
if (!(el instanceof HTMLElement))
|
58
|
-
return;
|
59
|
-
const button = el.closest('button');
|
60
|
-
if (!button)
|
61
|
-
return;
|
62
|
-
if (this.itemIsExpanded(button)) {
|
63
|
-
this.collapseItem(button);
|
64
|
-
}
|
65
|
-
else {
|
66
|
-
this.expandItem(button);
|
67
|
-
}
|
68
|
-
e.stopPropagation();
|
69
|
-
}
|
70
46
|
async showMore(e) {
|
71
|
-
var _a, _b;
|
72
47
|
e.preventDefault();
|
73
48
|
if (this.showMoreDisabled)
|
74
49
|
return;
|
@@ -92,10 +67,12 @@ let NavListElement = class NavListElement extends HTMLElement {
|
|
92
67
|
this.currentPage--;
|
93
68
|
return;
|
94
69
|
}
|
95
|
-
const fragment = this.
|
96
|
-
|
97
|
-
|
98
|
-
|
70
|
+
const fragment = __classPrivateFieldGet(this, _NavListGroupElement_instances, "m", _NavListGroupElement_parseHTML).call(this, document, html);
|
71
|
+
fragment?.querySelector('li > a')?.setAttribute('data-targets', 'nav-list-group.focusMarkers');
|
72
|
+
const listId = e.target.closest('button').getAttribute('data-list-id');
|
73
|
+
const list = document.getElementById(listId);
|
74
|
+
list.append(fragment);
|
75
|
+
this.focusMarkers.pop()?.focus();
|
99
76
|
this.showMoreDisabled = false;
|
100
77
|
}
|
101
78
|
setShowMoreItemState() {
|
@@ -109,22 +86,22 @@ let NavListElement = class NavListElement extends HTMLElement {
|
|
109
86
|
this.showMoreItem.hidden = true;
|
110
87
|
}
|
111
88
|
}
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
89
|
+
};
|
90
|
+
_NavListGroupElement_instances = new WeakSet();
|
91
|
+
_NavListGroupElement_parseHTML = function _NavListGroupElement_parseHTML(document, html) {
|
92
|
+
const template = document.createElement('template');
|
93
|
+
// eslint-disable-next-line github/no-inner-html
|
94
|
+
template.innerHTML = html;
|
95
|
+
return document.importNode(template.content, true);
|
118
96
|
};
|
119
97
|
__decorate([
|
120
98
|
target
|
121
|
-
],
|
122
|
-
__decorate([
|
123
|
-
target
|
124
|
-
], NavListElement.prototype, "showMoreItem", void 0);
|
99
|
+
], NavListGroupElement.prototype, "showMoreItem", void 0);
|
125
100
|
__decorate([
|
126
101
|
targets
|
127
|
-
],
|
128
|
-
|
102
|
+
], NavListGroupElement.prototype, "focusMarkers", void 0);
|
103
|
+
NavListGroupElement = __decorate([
|
129
104
|
controller
|
130
|
-
],
|
105
|
+
], NavListGroupElement);
|
106
|
+
export { NavListGroupElement };
|
107
|
+
window.NavListGroupElement = NavListGroupElement;
|
@@ -1 +1 @@
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor,var(--color-canvas-overlay));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-default,var(--color-border-default));border-radius:var(--borderRadius-medium,.375rem);margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--borderColor-default,var(--color-border-default));margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor,var(--color-canvas-overlay));margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--borderColor-default,var(--color-border-default));bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor,var(--color-canvas-overlay));bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--borderColor-default,var(--color-border-default));right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor,var(--color-canvas-overlay));right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default,var(--color-border-default));left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor,var(--color-canvas-overlay));left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--stack-gap-condensed,.5rem);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal,.75rem)!important}.Popover-message:after,.Popover-message:before{display:none}}
|
@@ -1 +1,39 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/popover",
|
3
|
+
"selectors": [
|
4
|
+
".Popover",
|
5
|
+
".Popover-message",
|
6
|
+
".Popover-message:after",
|
7
|
+
".Popover-message:before",
|
8
|
+
".Popover-message--no-caret:after",
|
9
|
+
".Popover-message--no-caret:before",
|
10
|
+
".Popover-message--bottom-left:after",
|
11
|
+
".Popover-message--bottom-left:before",
|
12
|
+
".Popover-message--bottom-right:after",
|
13
|
+
".Popover-message--bottom-right:before",
|
14
|
+
".Popover-message--bottom:after",
|
15
|
+
".Popover-message--bottom:before",
|
16
|
+
".Popover-message--bottom-right",
|
17
|
+
".Popover-message--top-right",
|
18
|
+
".Popover-message--top-right:after",
|
19
|
+
".Popover-message--top-right:before",
|
20
|
+
".Popover-message--bottom-left",
|
21
|
+
".Popover-message--top-left",
|
22
|
+
".Popover-message--top-left:after",
|
23
|
+
".Popover-message--top-left:before",
|
24
|
+
".Popover-message--left-bottom:after",
|
25
|
+
".Popover-message--left-bottom:before",
|
26
|
+
".Popover-message--left-top:after",
|
27
|
+
".Popover-message--left-top:before",
|
28
|
+
".Popover-message--left:after",
|
29
|
+
".Popover-message--left:before",
|
30
|
+
".Popover-message--right-bottom:after",
|
31
|
+
".Popover-message--right-bottom:before",
|
32
|
+
".Popover-message--right-top:after",
|
33
|
+
".Popover-message--right-top:before",
|
34
|
+
".Popover-message--right:after",
|
35
|
+
".Popover-message--right:before",
|
36
|
+
".Popover-message--large",
|
37
|
+
".Popover-message>.btn-octicon"
|
38
|
+
]
|
39
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Progress{background-color:var(--color-neutral-
|
1
|
+
.Progress{background-color:var(--bgColor-neutral-muted,var(--color-neutral-subtle));border-radius:6px;display:flex;height:8px;outline:1px solid #0000;overflow:hidden}.Progress--large{height:10px}.Progress--small{height:5px}.Progress-item{outline:2px solid #0000}.Progress-item+.Progress-item{margin-left:2px}
|
@@ -1 +1,10 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/progress_bar",
|
3
|
+
"selectors": [
|
4
|
+
".Progress",
|
5
|
+
".Progress--large",
|
6
|
+
".Progress--small",
|
7
|
+
".Progress-item",
|
8
|
+
".Progress-item+.Progress-item"
|
9
|
+
]
|
10
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.State,.state{border-radius:2em;display:inline-block;font-size:var(--
|
1
|
+
.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium,.875rem);font-weight:var(--base-text-weight-medium,500);line-height:var(--control-medium-lineBoxHeight,1.25rem);padding:5px var(--control-medium-paddingInline-normal,.75rem);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));border:var(--borderWidth-thin,max(1px,.0625rem)) solid #0000}.State,.State--draft,.State--open,.state{color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.State--open{background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis))}.State--merged{background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis))}.State--closed,.State--merged{color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.State--closed{background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis))}.State--small{font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-24,1.5rem);padding:0 10px}.State--small .octicon{width:1em}
|
@@ -1 +1,13 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/state",
|
3
|
+
"selectors": [
|
4
|
+
".State",
|
5
|
+
".state",
|
6
|
+
".State--draft",
|
7
|
+
".State--open",
|
8
|
+
".State--merged",
|
9
|
+
".State--closed",
|
10
|
+
".State--small",
|
11
|
+
".State--small .octicon"
|
12
|
+
]
|
13
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Subhead{border-bottom:var(--
|
1
|
+
.Subhead{border-bottom:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--borderColor-muted,var(--color-border-muted));display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,1rem);padding-bottom:var(--stack-padding-condensed,.5rem)}.Subhead--spacious{margin-top:var(--base-size-40,2.5rem)}.Subhead-heading{flex:1 1 auto;font-weight:var(--base-text-weight-normal,400);order:0}.Subhead-heading--large{font-size:var(--base-size-24,1.5rem)}.Subhead-heading--medium{font-size:var(--text-title-size-medium,1.25rem)}.Subhead-heading--danger{color:var(--fgColor-danger,var(--color-danger-fg));font-weight:var(--base-text-weight-semibold,600)}.Subhead-description{color:var(--fgColor-muted,var(--color-fg-muted));flex:1 100%;font-size:var(--text-body-size-medium,.875rem);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,.25rem) 0 var(--base-size-4,.25rem) var(--base-size-4,.25rem);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4,.25rem)}
|
@@ -1 +1,14 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/subhead",
|
3
|
+
"selectors": [
|
4
|
+
".Subhead",
|
5
|
+
".Subhead--spacious",
|
6
|
+
".Subhead-heading",
|
7
|
+
".Subhead-heading--large",
|
8
|
+
".Subhead-heading--medium",
|
9
|
+
".Subhead-heading--danger",
|
10
|
+
".Subhead-description",
|
11
|
+
".Subhead-actions",
|
12
|
+
".Subhead-actions+.Subhead-description"
|
13
|
+
]
|
14
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.TimelineItem{display:flex;margin-left:var(--
|
1
|
+
.TimelineItem{display:flex;margin-left:var(--stack-gap-normal,1rem);padding:var(--stack-padding-normal,1rem) 0;position:relative}.TimelineItem:before{background-color:var(--borderColor-muted,var(--color-border-muted));bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--borderWidth-thick,max(2px,.125rem))}.TimelineItem:target .TimelineItem-badge{border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));box-shadow:0 0 .2em var(--borderColor-accent-muted,var(--color-accent-muted))}.TimelineItem-badge{align-items:center;background-color:var(--timelineBadge-bgColor,var(--color-timeline-badge-bg));border:var(--borderWidth-thick,max(2px,.125rem)) solid var(--bgColor-default,var(--color-canvas-default));border-radius:50%;color:var(--fgColor-muted,var(--color-fg-muted));display:flex;flex-shrink:0;height:var(--control-medium-size,2rem);justify-content:center;margin-left:calc(var(--control-medium-size,2rem)/-2 + 1px);margin-right:var(--controlStack-medium-gap-condensed,.5rem);position:relative;width:var(--control-medium-size,2rem);z-index:1}.TimelineItem-badge--success{background-color:var(--bgColor-success-emphasis,var(--color-success-emphasis));border:var(--borderWidth-thin,max(1px,.0625rem)) solid #0000;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.TimelineItem-body{color:var(--fgColor-muted,var(--color-fg-muted));flex:auto;margin-top:var(--base-size-4,.25rem);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--bgColor-default,var(--color-canvas-default));border:0;border-top:var(--borderWidth-thicker,max(4px,.25rem)) solid var(--borderColor-default,var(--color-border-default));height:var(--stack-gap-spacious,1.5rem);margin:0;margin-bottom:calc(var(--stack-gap-normal,1rem)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4,.25rem)}.TimelineItem--condensed:last-child{padding-bottom:var(--stack-gap-normal,1rem)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--bgColor-default,var(--color-canvas-default));border:0;color:var(--fgColor-muted,var(--color-fg-muted));height:var(--base-size-16,1rem);margin-bottom:var(--base-size-8,.5rem);margin-top:var(--base-size-8,.5rem)}
|
@@ -1 +1,16 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/timeline_item",
|
3
|
+
"selectors": [
|
4
|
+
".TimelineItem",
|
5
|
+
".TimelineItem:before",
|
6
|
+
".TimelineItem:target .TimelineItem-badge",
|
7
|
+
".TimelineItem-badge",
|
8
|
+
".TimelineItem-badge--success",
|
9
|
+
".TimelineItem-body",
|
10
|
+
".TimelineItem-avatar",
|
11
|
+
".TimelineItem-break",
|
12
|
+
".TimelineItem--condensed",
|
13
|
+
".TimelineItem--condensed:last-child",
|
14
|
+
".TimelineItem--condensed .TimelineItem-badge"
|
15
|
+
]
|
16
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--
|
1
|
+
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap,.25rem)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
|
@@ -1 +1,12 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "beta/truncate",
|
3
|
+
"selectors": [
|
4
|
+
".Truncate",
|
5
|
+
".Truncate>.Truncate-text",
|
6
|
+
".Truncate>.Truncate-text+.Truncate-text",
|
7
|
+
".Truncate>.Truncate-text.Truncate-text--primary",
|
8
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:active",
|
9
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:focus",
|
10
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:hover"
|
11
|
+
]
|
12
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
export declare class DialogHelperElement extends HTMLElement {
|
2
|
+
#private;
|
3
|
+
get dialog(): HTMLDialogElement | null;
|
4
|
+
connectedCallback(): void;
|
5
|
+
disconnectedCallback(): void;
|
6
|
+
handleEvent(event: MouseEvent): void;
|
7
|
+
}
|
8
|
+
declare global {
|
9
|
+
interface Window {
|
10
|
+
DialogHelperElement: typeof DialogHelperElement;
|
11
|
+
}
|
12
|
+
interface HTMLElementTagNameMap {
|
13
|
+
'dialog-helper': DialogHelperElement;
|
14
|
+
}
|
15
|
+
}
|