jekyll-v4-theme-primer 0.11.0 → 0.13.0

data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss

@@ -1,49 +1,45 @@
-@mixin primer-colors-typography {
-  & {
-    --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    --text-display-lineBoxHeight: 3.5rem;
-    --text-display-size: 2.5rem;
-    --text-display-lineHeight: calc(56 / 40);
-    --text-display-weight: 500;
-    --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-title-size-large: 2rem;
-    --text-title-size-medium: 1.25rem;
-    --text-title-size-small: 1rem;
-    --text-title-lineHeight-large: calc(48 / 32);
-    --text-title-lineHeight-medium: calc(32 / 20);
-    --text-title-lineHeight-small: calc(24 / 16);
-    --text-title-weight-large: 600;
-    --text-title-weight-medium: 600;
-    --text-title-weight-small: 600;
-    --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-title-shorthand-small: 600 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-subtitle-size: 1.25rem;
-    --text-subtitle-lineHeight: calc(32 / 20);
-    --text-subtitle-weight: 400;
-    --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-body-size-large: 1rem;
-    --text-body-size-medium: 0.875rem;
-    --text-body-size-small: 0.75rem;
-    --text-body-lineHeight-large: calc(24 / 16);
-    --text-body-lineHeight-medium: calc(20 / 14);
-    --text-body-lineHeight-small: calc(20 / 12);
-    --text-body-weight: 400;
-    --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-caption-size: 0.75rem;
-    --text-caption-lineHeight: calc(16 / 12);
-    --text-caption-weight: 400;
-    --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-codeBlock-size: 0.8125rem;
-    --text-codeBlock-lineHeight: calc(20 / 13);
-    --text-codeBlock-weight: 400;
-    --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    --text-codeInline-size: 0.9285em;
-    --text-codeInline-weight: 400;
-    --text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-  }
-}
+$fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+$text-display-lineBoxHeight: 3.5rem;
+$text-display-size: 2.5rem;
+$text-display-lineHeight: 1.4;
+$text-display-weight: 500;
+$text-display-shorthand: 500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.
+$text-title-size-large: 2rem;
+$text-title-size-medium: 1.25rem;
+$text-title-size-small: 1rem;
+$text-title-lineHeight-large: 1.5;
+$text-title-lineHeight-medium: 1.6;
+$text-title-lineHeight-small: 1.5;
+$text-title-weight-large: 600;
+$text-title-weight-medium: 600;
+$text-title-weight-small: 600;
+$text-title-shorthand-large: 600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.
+$text-title-shorthand-medium: 600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.
+$text-title-shorthand-small: 600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Uses the same size as body (large) with a heavier weight of semibold (600).
+$text-subtitle-size: 1.25rem;
+$text-subtitle-lineHeight: 1.6;
+$text-subtitle-weight: 400;
+$text-subtitle-shorthand: 400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).
+$text-body-size-large: 1rem;
+$text-body-size-medium: 0.875rem;
+$text-body-size-small: 0.75rem;
+$text-body-lineHeight-large: 1.5;
+$text-body-lineHeight-medium: 1.4285;
+$text-body-lineHeight-small: 1.6666;
+$text-body-weight: 400;
+$text-body-shorthand-large: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // User-generated content, markdown rendering.
+$text-body-shorthand-medium: 400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default UI font. Most commonly used for body text.
+$text-body-shorthand-small: 400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.
+$text-caption-size: 0.75rem;
+$text-caption-lineHeight: 1.3333;
+$text-caption-weight: 400;
+$text-caption-shorthand: 400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.
+$text-codeBlock-size: 0.8125rem;
+$text-codeBlock-lineHeight: 1.5385;
+$text-codeBlock-weight: 400;
+$text-codeBlock-shorthand: 400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Default style for rendering code blocks.
+$text-codeInline-size: 0.9285em;
+$text-codeInline-weight: 400;
+$text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Inline code blocks using em units to inherit size from its parent.

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:57:00 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $base-size-128: 8rem;
 $base-size-112: 7rem;
@@ -18,4 +18,4 @@ $base-size-20: 1.25rem;
 $base-size-16: 1rem;
 $base-size-12: 0.75rem;
 $base-size-8: 0.5rem;
-$base-size-4: 0.25rem;
+$base-size-4: 0.25rem;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss

@@ -1,8 +1,8 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;
 $base-text-weight-normal: 400;
-$base-text-weight-light: 300;
+$base-text-weight-light: 300;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-borderRadius-full: 100vh;
 $primer-borderRadius-large: 0.75rem;
@@ -11,4 +11,4 @@ $primer-borderWidth-thick: max(2px, 0.125rem);
 $primer-borderWidth-thin: max(1px, 0.0625rem);
 $primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
 $primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
-$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;
+$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss

@@ -1,10 +1,10 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-breakpoint-xxlarge: 90rem;
 $primer-breakpoint-xlarge: 80rem;
 $primer-breakpoint-large: 63.25rem;
 $primer-breakpoint-medium: 48rem;
 $primer-breakpoint-small: 34rem;
-$primer-breakpoint-xsmall: 20rem;
+$primer-breakpoint-xsmall: 20rem;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss

@@ -1,7 +1,7 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:57:00 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-12;
 $primer-controlStack-small-gap-auto: $base-size-16;
-$primer-control-minTarget-auto: $base-size-44;
+$primer-control-minTarget-auto: $base-size-44;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss

@@ -1,7 +1,7 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:57:00 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-controlStack-medium-gap-auto: $base-size-8;
 $primer-controlStack-small-gap-auto: $base-size-8;
-$primer-control-minTarget-auto: $base-size-16;
+$primer-control-minTarget-auto: $base-size-16;

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-controlStack-large-gap-spacious: $base-size-12;
 $primer-controlStack-large-gap-condensed: $base-size-8;
@@ -48,4 +48,4 @@ $primer-control-xlarge-paddingBlock: calc(($primer-control-xlarge-size - $primer
 $primer-control-large-paddingBlock: calc(($primer-control-large-size - $primer-control-large-lineBoxHeight) / 2);
 $primer-control-medium-paddingBlock: calc(($primer-control-medium-size - $primer-control-medium-lineBoxHeight) / 2);
 $primer-control-small-paddingBlock: calc(($primer-control-small-size - $primer-control-small-lineBoxHeight) / 2);
-$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);
+$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss

@@ -1,10 +1,10 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-viewportRange-landscape: (orientation: landscape);
 $primer-viewportRange-portrait: (orientation: portrait);
 $primer-viewportRange-wide: (min-width: $primer-breakpoint-xxlarge);
 $primer-viewportRange-regular: (min-width: $primer-breakpoint-medium);
 $primer-viewportRange-narrowLandscape: (max-width: calc($primer-breakpoint-large - 0.02px) and (max-height: calc($primer-breakpoint-small - 0.02px)) and (orientation: landscape));
-$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));
+$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));

data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 20 Apr 2023 14:56:59 GMT
+// Generated on Thu, 21 Mar 2024 16:30:15 GMT
 
 $primer-text-codeInline-size: 0.9285em;
 $primer-text-codeBlock-lineHeight: calc(20/13);
@@ -41,4 +41,4 @@ $primer-text-body-shorthand-large: $primer-text-body-weight $primer-text-body-si
 $primer-text-subtitle-shorthand: $primer-text-subtitle-weight $primer-text-subtitle-size/$primer-text-subtitle-lineHeight $primer-fontStack-sansSerif;
 $primer-text-title-shorthand-medium: $primer-text-title-weight $primer-text-title-size-medium/$primer-text-title-lineHeight-medium $primer-fontStack-sansSerif;
 $primer-text-title-shorthand-large: $primer-text-title-weight $primer-text-title-size-large/$primer-text-title-lineHeight-large $primer-fontStack-sansSerif;
-$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;
+$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;

data/_sass/@primer/view-components/README.md

@@ -10,7 +10,7 @@ _Note: This library is under active pre-1.0 development. Breaking changes are li
 
 ## Documentation
 
-Visit [https://primer.style/view-components/](https://primer.style/view-components/) to view documentation.
+Visit [https://primer.style/components/](https://primer.style/components/) to view documentation.
 
 ## License
 

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_bar_element.d.ts

@@ -0,0 +1,17 @@
+import { ActionMenuElement } from './action_menu/action_menu_element';
+declare class ActionBarElement extends HTMLElement {
+    #private;
+    items: HTMLElement[];
+    itemContainer: HTMLElement;
+    moreMenu: ActionMenuElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    menuItemClick(event: Event): void;
+    update(): void;
+}
+declare global {
+    interface Window {
+        ActionBarElement: typeof ActionBarElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -0,0 +1,51 @@
+import '@oddbird/popover-polyfill';
+import type { IncludeFragmentElement } from '@github/include-fragment-element';
+type SelectVariant = 'none' | 'single' | 'multiple' | null;
+type SelectedItem = {
+    label: string | null | undefined;
+    value: string | null | undefined;
+    element: Element;
+};
+export type ItemActivatedEvent = {
+    item: Element;
+    checked: boolean;
+};
+declare global {
+    interface HTMLElementEventMap {
+        itemActivated: CustomEvent<ItemActivatedEvent>;
+    }
+}
+export declare class ActionMenuElement extends HTMLElement {
+    #private;
+    includeFragment: IncludeFragmentElement;
+    get selectVariant(): SelectVariant;
+    set selectVariant(variant: SelectVariant);
+    get dynamicLabelPrefix(): string;
+    set dynamicLabelPrefix(value: string);
+    get dynamicLabel(): boolean;
+    set dynamicLabel(value: boolean);
+    get popoverElement(): HTMLElement | null;
+    get invokerElement(): HTMLButtonElement | null;
+    get invokerLabel(): HTMLElement | null;
+    get selectedItems(): SelectedItem[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    get items(): HTMLElement[];
+    getItemById(itemId: string): HTMLElement | null;
+    isItemDisabled(item: Element | null): boolean;
+    disableItem(item: Element | null): void;
+    enableItem(item: Element | null): void;
+    isItemHidden(item: Element | null): boolean;
+    hideItem(item: Element | null): void;
+    showItem(item: Element | null): void;
+    isItemChecked(item: Element | null): boolean;
+    checkItem(item: Element | null): void;
+    uncheckItem(item: Element | null): void;
+}
+declare global {
+    interface Window {
+        ActionMenuElement: typeof ActionMenuElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown/menu.d.ts

@@ -0,0 +1 @@
+import '@github/details-menu-element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/dropdown.d.ts

@@ -0,0 +1 @@
+import './dropdown/menu';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/image_crop.d.ts

@@ -0,0 +1 @@
+import '@github/image-crop-element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/modal_dialog.d.ts

@@ -0,0 +1,18 @@
+export declare class ModalDialogElement extends HTMLElement {
+    #private;
+    openButton: HTMLButtonElement | null;
+    get open(): boolean;
+    set open(value: boolean);
+    get showButtons(): NodeList;
+    connectedCallback(): void;
+    show(): void;
+    close(closedNotCancelled?: boolean): void;
+}
+declare global {
+    interface Window {
+        ModalDialogElement: typeof ModalDialogElement;
+    }
+    interface HTMLElementTagNameMap {
+        'modal-dialog': ModalDialogElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/segmented_control.d.ts

@@ -0,0 +1,12 @@
+declare class SegmentedControlElement extends HTMLElement {
+    #private;
+    items: HTMLElement[];
+    connectedCallback(): void;
+    select(event: Event): void;
+}
+declare global {
+    interface Window {
+        SegmentedControlElement: typeof SegmentedControlElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tab_container.d.ts

@@ -0,0 +1 @@
+import '@github/tab-container-element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/toggle_switch.d.ts

@@ -0,0 +1,30 @@
+declare class ToggleSwitchElement extends HTMLElement {
+    switch: HTMLElement;
+    loadingSpinner: HTMLElement;
+    errorIcon: HTMLElement;
+    private toggling;
+    get src(): string | null;
+    get csrf(): string | null;
+    get csrfField(): string;
+    isRemote(): boolean;
+    toggle(): Promise<void>;
+    turnOn(): void;
+    turnOff(): void;
+    isOn(): boolean;
+    isOff(): boolean;
+    isDisabled(): boolean;
+    disable(): void;
+    enable(): void;
+    private performToggle;
+    private setLoadingState;
+    private setSuccessState;
+    private setErrorState;
+    private setFinishedState;
+    private submitForm;
+}
+declare global {
+    interface Window {
+        ToggleSwitchElement: typeof ToggleSwitchElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts

@@ -0,0 +1,27 @@
+import '@oddbird/popover-polyfill';
+type Direction = 'n' | 's' | 'e' | 'w' | 'ne' | 'se' | 'nw' | 'sw';
+declare class ToolTipElement extends HTMLElement {
+    #private;
+    styles(): string;
+    get showReason(): "focus" | "mouse";
+    get htmlFor(): string;
+    set htmlFor(value: string);
+    get type(): 'description' | 'label';
+    set type(value: 'description' | 'label');
+    get direction(): Direction;
+    set direction(value: Direction);
+    get control(): HTMLElement | null;
+    set hiddenFromView(value: true | false);
+    get hiddenFromView(): true | false;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): Promise<void>;
+    static observedAttributes: string[];
+    attributeChangedCallback(name: string): void;
+}
+declare global {
+    interface Window {
+        ToolTipElement: typeof ToolTipElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts

@@ -0,0 +1,13 @@
+declare class XBannerElement extends HTMLElement {
+    #private;
+    titleText: HTMLElement;
+    dismiss(): void;
+    show(): void;
+    hide(): void;
+}
+declare global {
+    interface Window {
+        XBannerElement: typeof XBannerElement;
+    }
+}
+export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/anchored_position.d.ts

@@ -0,0 +1,27 @@
+import type { AnchorAlignment, AnchorSide, PositionSettings } from '@primer/behaviors';
+export default class AnchoredPositionElement extends HTMLElement implements PositionSettings {
+    #private;
+    get align(): AnchorAlignment;
+    set align(value: AnchorAlignment);
+    get side(): AnchorSide;
+    set side(value: AnchorSide);
+    get anchorOffset(): number;
+    set anchorOffset(value: number | 'normal' | 'spacious');
+    get anchor(): string;
+    set anchor(value: string);
+    get anchorElement(): HTMLElement | null;
+    set anchorElement(value: HTMLElement | null);
+    get alignmentOffset(): number;
+    set alignmentOffset(value: number);
+    get allowOutOfBounds(): boolean;
+    set allowOutOfBounds(value: boolean);
+    connectedCallback(): void;
+    static observedAttributes: string[];
+    attributeChangedCallback(): void;
+    update(): void;
+}
+declare global {
+    interface Window {
+        AnchoredPositionElement: typeof AnchoredPositionElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/auto_complete/auto_complete.d.ts

@@ -0,0 +1 @@
+import '@github/auto-complete-element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/clipboard_copy.d.ts

@@ -0,0 +1 @@
+import '@github/clipboard-copy-element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts

@@ -0,0 +1,17 @@
+export declare class NavListElement extends HTMLElement {
+    #private;
+    items: HTMLElement[];
+    selectItemById(itemId: string | null): boolean;
+    selectItemByHref(href: string | null): boolean;
+    selectItemByCurrentLocation(): boolean;
+    expandItem(item: HTMLElement): void;
+    collapseItem(item: HTMLElement): void;
+    itemIsExpanded(item: HTMLElement | null): boolean;
+    handleItemWithSubItemClick(e: Event): void;
+    handleItemWithSubItemKeydown(e: KeyboardEvent): void;
+}
+declare global {
+    interface Window {
+        NavListElement: typeof NavListElement;
+    }
+}

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}

@@ -1,5 +1,5 @@
-declare class NavListElement extends HTMLElement {
-    list: HTMLElement;
+export declare class NavListGroupElement extends HTMLElement {
+    #private;
     showMoreItem: HTMLElement;
     focusMarkers: HTMLElement[];
     connectedCallback(): void;
@@ -9,17 +9,11 @@ declare class NavListElement extends HTMLElement {
     get currentPage(): number;
     get totalPages(): number;
     get paginationSrc(): string;
-    expandItem(item: HTMLElement): void;
-    collapseItem(item: HTMLElement): void;
-    itemIsExpanded(item: HTMLElement | null): boolean;
-    handleItemWithSubItemClick(e: Event): void;
     private showMore;
     private setShowMoreItemState;
-    private parseHTML;
 }
 declare global {
     interface Window {
-        NavListElement: typeof NavListElement;
+        NavListGroupElement: typeof NavListGroupElement;
     }
 }
-export {};

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/dialog_helper.d.ts

@@ -0,0 +1,15 @@
+export declare class DialogHelperElement extends HTMLElement {
+    #private;
+    get dialog(): HTMLDialogElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: MouseEvent): void;
+}
+declare global {
+    interface Window {
+        DialogHelperElement: typeof DialogHelperElement;
+    }
+    interface HTMLElementTagNameMap {
+        'dialog-helper': DialogHelperElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/focus_group.d.ts

@@ -0,0 +1,19 @@
+import '@oddbird/popover-polyfill';
+export default class FocusGroupElement extends HTMLElement {
+    #private;
+    get nowrap(): boolean;
+    set nowrap(value: boolean);
+    get direction(): 'horizontal' | 'vertical' | 'both';
+    set direction(value: 'horizontal' | 'vertical' | 'both');
+    get retain(): boolean;
+    set retain(value: boolean);
+    get mnemonics(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+}
+declare global {
+    interface Window {
+        FocusGroupElement: typeof FocusGroupElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/primer.d.ts

@@ -0,0 +1,23 @@
+import '@github/include-fragment-element';
+import './alpha/action_bar_element';
+import './alpha/dropdown';
+import './anchored_position';
+import './dialog_helper';
+import './focus_group';
+import './scrollable_region';
+import './alpha/image_crop';
+import './alpha/modal_dialog';
+import './beta/nav_list';
+import './beta/nav_list_group_element';
+import './alpha/segmented_control';
+import './alpha/toggle_switch';
+import './alpha/tool_tip';
+import './alpha/x_banner';
+import './beta/auto_complete/auto_complete';
+import './beta/clipboard_copy';
+import './beta/relative_time';
+import './alpha/tab_container';
+import '../../../lib/primer/forms/primer_multi_input';
+import '../../../lib/primer/forms/primer_text_field';
+import '../../../lib/primer/forms/toggle_switch_input';
+import './alpha/action_menu/action_menu_element';

data/_sass/@primer/view-components/app/assets/javascripts/app/components/primer/scrollable_region.d.ts

@@ -0,0 +1,13 @@
+export declare class ScrollableRegionElement extends HTMLElement {
+    hasOverflow: boolean;
+    labelledBy: string;
+    observer: ResizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+}
+declare global {
+    interface Window {
+        ScrollableRegionElement: typeof ScrollableRegionElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts

@@ -0,0 +1,10 @@
+export declare class PrimerMultiInputElement extends HTMLElement {
+    fields: HTMLInputElement[];
+    activateField(name: string): void;
+    private findField;
+}
+declare global {
+    interface Window {
+        PrimerMultiInputElement: typeof PrimerMultiInputElement;
+    }
+}

data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts

@@ -0,0 +1 @@
+import '@github/auto-check-element';

data/_sass/@primer/view-components/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts

@@ -0,0 +1,5 @@
+export declare class ToggleSwitchInputElement extends HTMLElement {
+    validationElement: HTMLElement;
+    validationMessageElement: HTMLElement;
+    connectedCallback(): void;
+}