@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/dist/components.css

@@ -73,6 +73,16 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
       color-scheme: dark;
     }
   }
+
+  /* Low-specificity default link styling */
+  :where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])) {
+    color: var(--fgColor-accent, var(--color-accent-fg));
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
 }
 
 .prc_VisuallyHidden_UNWQp {
@@ -631,7 +641,8 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
   /* Inactive */
 
   &:where([data-inactive]),
-  &:where([data-inactive]):hover {
+  &:where([data-inactive]):hover,
+  &:where([data-inactive]):active {
     color: var(--button-inactive-fgColor);
     cursor: auto;
     background-color: var(--button-inactive-bgColor);
@@ -686,14 +697,13 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
     width: max-content;
     max-width: 250px;
     /* stylelint-disable-next-line primer/spacing */
-    padding: 0.5em 0.75em;
+    padding: var(--overlay-paddingBlock-condensed) var(--overlay-padding-condensed);
     margin: auto;
 
     /* for scrollbar */
     overflow: visible;
     clip: auto;
-    /* stylelint-disable-next-line primer/typography */
-    font: normal normal 11px/1.5 var(--fontStack-system);
+    font: var(--text-body-shorthand-small);
     color: var(--tooltip-fgColor);
     text-align: center;
     word-wrap: break-word;
@@ -701,9 +711,9 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
     background: var(--tooltip-bgColor);
     border: 0;
     border-radius: var(--borderRadius-medium);
-    opacity: 0;
     -webkit-font-smoothing: subpixel-antialiased;
     inset: auto;
+    text-wrap: balance;
   }
 
   /* class name in chrome is :popover-open */
@@ -767,31 +777,31 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
     content: '';
   }
 
-  /* Animation styles */
-  &:popover-open,
-  &:popover-open::before {
-    animation-name: prc_tooltip-appear_hLf77;
-    animation-duration: 0.1s;
-    animation-fill-mode: forwards;
-    animation-timing-function: ease-in;
-    animation-delay: 0s;
-  }
+  /* Only show animations if users don't have a preference for reduced motion */
+  @media screen and (prefers-reduced-motion: no-preference) {
+    /* Animation styles */
+    &:popover-open,
+    &:popover-open::before {
+      animation-name: prc_tooltip-appear_hLf77;
+      animation-duration: 0.1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: ease-in;
+      animation-delay: 0s;
+    }
 
-  /* Animation styles */
-  &.\\:popover-open ,
-  &.\\:popover-open::before /* stylelint-disable-line selector-class-pattern */ {
-    animation-name: prc_tooltip-appear_hLf77;
-    animation-duration: 0.1s;
-    animation-fill-mode: forwards;
-    animation-timing-function: ease-in;
-    animation-delay: 0s;
+    /* Animation styles */
+    &.\\:popover-open ,
+    &.\\:popover-open::before /* stylelint-disable-line selector-class-pattern */ {
+      animation-name: prc_tooltip-appear_hLf77;
+      animation-duration: 0.1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: ease-in;
+      animation-delay: 0s;
+    }
   }
 }
 
 .prc_KeybindingHintContainer_iabqv.prc_HasTextBefore_cCzYC {
-  /* Offset negative on the right right to make right spacing look like top and bottom spacing, only for keybinding hints and only when there is text */
-  /* stylelint-disable-next-line primer/spacing */
-  margin-right: -0.125em;
   margin-left: var(--base-size-6);
 }
 
@@ -828,6 +838,19 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
   }
 }
 
+.prc_InternalVisuallyHidden_nlR9R {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  /* stylelint-disable-next-line primer/spacing */
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 .prc_KeybindingHint_0pyit {
   position: relative;
   padding: 0;
@@ -1860,6 +1883,11 @@ Add a border between the body and footer if:
   flex: 0 1 auto;
   min-inline-size: 0;
 
+  &[data-shrink='false'],
+  &[data-shrink-narrow='false'] {
+    flex-shrink: 0;
+  }
+
   &[data-grow='true'],
   &[data-grow-narrow='true'] {
     flex-grow: 1;
@@ -1873,6 +1901,14 @@ Add a border between the body and footer if:
     &[data-grow-regular='false'] {
       flex-grow: 0;
     }
+
+    &[data-shrink-regular='true'] {
+      flex-shrink: 1;
+    }
+
+    &[data-shrink-regular='false'] {
+      flex-shrink: 0;
+    }
   }
 
   @media (--viewportRange-wide) {
@@ -1883,6 +1919,14 @@ Add a border between the body and footer if:
     &[data-grow-wide='false'] {
       flex-grow: 0;
     }
+
+    &[data-shrink-wide='true'] {
+      flex-shrink: 1;
+    }
+
+    &[data-shrink-wide='false'] {
+      flex-shrink: 0;
+    }
   }
 }
 
@@ -1966,8 +2010,7 @@ Add a border between the body and footer if:
     }
   }
 
-  &:focus,
-  &:focus-within {
+  &:focus-visible {
     @mixin focusOutline 2px;
   }
 
@@ -2095,6 +2138,13 @@ Add a border between the body and footer if:
   & .prc_Divider_rsZFG:first-child {
     display: none;
   }
+
+  /* if a list has a mix of items with and without descriptions, reset the label font-weight to normal */
+  &:has([data-has-description='true']):has([data-has-description='false']) {
+    & .prc_ItemLabel_TmBhn {
+      font-weight: var(--base-text-weight-normal);
+    }
+  }
 }
 
 /* ActionListItem is a li that handles visual state, while ActionListItemContent controls actual state via button or link */
@@ -2503,6 +2553,13 @@ Add a border between the body and footer if:
     cursor: pointer;
   }
 
+  /* large */
+
+  &[data-size='large'] {
+    /* stylelint-disable-next-line primer/spacing */
+    padding-block: var(--control-large-paddingBlock);
+  }
+
   /* collapsible item [aria-expanded] */
 
   &[aria-expanded='true'] {
@@ -2901,6 +2958,7 @@ span wrapping svg or text */
 
 .prc_Overlay_dVyJl {
   position: absolute;
+  max-width: calc(100vw - 2rem);
   width: auto;
   min-width: 192px;
   height: auto;
@@ -2909,7 +2967,6 @@ span wrapping svg or text */
   background-color: var(--overlay-bgColor);
   border-radius: var(--borderRadius-large);
   box-shadow: var(--shadow-floating-small);
-  animation: prc_overlay-appear_DGY3B 200ms cubic-bezier(0.33, 1, 0.68, 1);
 
   &:focus {
     outline: none;
@@ -3070,6 +3127,12 @@ span wrapping svg or text */
   }
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .prc_Overlay_dVyJl {
+    animation: prc_overlay-appear_DGY3B 200ms cubic-bezier(0.33, 1, 0.68, 1);
+  }
+}
+
 .prc_ResponsiveCloseButtonContainer_NL5kN {
   position: relative;
 }
@@ -3294,21 +3357,46 @@ span wrapping svg or text */
     flex-shrink: 0;
   }
 
+  /* With leading visual */
   &:where([data-leading-visual]) {
-    padding-left: var(--base-size-12);
+    padding-left: var(--base-size-8);
   }
 
+  /* With trailing visual */
   &:where([data-trailing-visual]:not([data-trailing-action])) {
-    padding-right: var(--base-size-12);
+    padding-right: var(--base-size-8);
   }
 
-  &:where(:not([data-leading-visual])) > input,
-  &:where(:not([data-leading-visual])) > select {
-    padding-left: var(--base-size-12);
+  /* Only trailing visual */
+  &:where(:not([data-leading-visual])[data-trailing-visual]),
+  &:where(:not([data-leading-visual])[data-trailing-action]) {
+    > input,
+    > select {
+      padding-left: var(--base-size-8);
+    }
   }
 
+  /* Only leading visual */
   &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,
   &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {
+    padding-right: var(--base-size-8);
+  }
+
+  /* No visuals at all */
+  &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > input,
+  &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > select {
+    padding-left: var(--base-size-12);
+    padding-right: var(--base-size-12);
+  }
+}
+
+/* Large size input */
+.prc_TextInputWrapper_i1ofR:where([data-size='large']) {
+  &:where([data-leading-visual]) {
+    padding-left: var(--base-size-12);
+  }
+
+  &:where([data-trailing-visual]:not([data-trailing-action])) {
     padding-right: var(--base-size-12);
   }
 }
@@ -3419,96 +3507,9 @@ span wrapping svg or text */
   }
 }
 
-@keyframes prc_shimmer_DB3-6 {
-  from {
-    mask-position: 200%;
-  }
-
-  to {
-    mask-position: 0%;
-  }
-}
-
-.prc_SkeletonBox_nSZk3 {
-  display: block;
-  height: 1rem;
-  background-color: var(--skeletonLoader-bgColor);
-  border-radius: var(--borderRadius-small);
-  animation: prc_shimmer_DB3-6;
-
-  @media (prefers-reduced-motion: no-preference) {
-    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
-    mask-size: 200%;
-    animation: prc_shimmer_DB3-6;
-    animation-duration: var(--base-duration-1000);
-    animation-iteration-count: infinite;
-  }
-
-  @media (forced-colors: active) {
-    outline: 1px solid transparent;
-    outline-offset: -1px;
-  }
-}
-
-.prc_SkeletonAvatar_TYNvX {
-  &:where([data-component='SkeletonAvatar']) {
-    display: inline-block;
-    width: var(--avatarSize-regular);
-    height: var(--avatarSize-regular);
-    /* stylelint-disable-next-line primer/typography */
-    line-height: 1;
-    border-radius: 50%;
-  }
-
-  &:where([data-square]) {
-    /* stylelint-disable-next-line primer/borders */
-    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
-  }
-
-  &:where([data-responsive]) {
-    @media screen and (--viewportRange-narrow) {
-      width: var(--avatarSize-narrow);
-      height: var(--avatarSize-narrow);
-    }
-
-    @media screen and (--viewportRange-regular) {
-      width: var(--avatarSize-regular);
-      height: var(--avatarSize-regular);
-    }
-
-    @media screen and (--viewportRange-wide) {
-      width: var(--avatarSize-wide);
-      height: var(--avatarSize-wide);
-    }
-  }
-}
-
-.prc_AvatarPair_Av0UV {
-  position: relative;
-  display: inline-flex;
-
-  [data-component='Avatar']:last-child,
-  [data-component='SkeletonAvatar']:last-child {
-    position: absolute;
-    right: -15%;
-    bottom: -9%;
-    box-shadow: var(--avatar-shadow);
-  }
-
-  [data-component='SkeletonAvatar']:last-child {
-    box-shadow: inset var(--avatar-shadow);
-  }
-}
-
-.prc_AvatarChild_icdQd {
-  background-color: var(--bgColor-default);
-}
-
 /* stylelint-disable selector-max-specificity */
 .prc_AvatarStack_N-r3C {
   --avatar-border-width: 1px;
-  --overlap-size: calc(var(--avatar-stack-size) * 0.55);
-  --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.85);
   --mask-size: calc(100% + (var(--avatar-border-width) * 2));
   --mask-start: -1;
   --opacity-step: 15%;
@@ -3519,6 +3520,16 @@ span wrapping svg or text */
   height: var(--avatar-stack-size);
   isolation: isolate;
 
+  &:where([data-variant='cascade']) {
+    --overlap-size: calc(var(--avatar-stack-size) * 0.55);
+    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.85);
+  }
+
+  &:where([data-variant='stack']) {
+    --overlap-size: calc(var(--avatar-stack-size) * 0.55);
+    --overlap-size-avatar-three-plus: calc(var(--avatar-stack-size) * 0.55);
+  }
+
   &:where([data-responsive]) {
     @media screen and (--viewportRange-narrow) {
       --avatar-stack-size: var(--stackSize-narrow);
@@ -3533,13 +3544,23 @@ span wrapping svg or text */
     }
   }
 
-  &:where([data-avatar-count='1']) {
+  &:where([data-avatar-count='1'][data-shape='circle']) {
     .prc_AvatarItem_nS1mt {
       /* stylelint-disable-next-line primer/box-shadow */
       box-shadow: 0 0 0 var(--avatar-border-width) var(--avatar-borderColor);
     }
   }
 
+  &:where([data-avatar-count='1'][data-shape='square']) .prc_AvatarItem_nS1mt {
+    /* stylelint-disable-next-line primer/box-shadow */
+    box-shadow: 1px 0 rgba(0, 0, 0, 1);
+  }
+
+  &:where([data-avatar-count='1'][data-shape='square'][data-align-right]) .prc_AvatarItem_nS1mt {
+    /* stylelint-disable-next-line primer/box-shadow */
+    box-shadow: -1px 0 rgba(0, 0, 0, 1);
+  }
+
   &:where([data-avatar-count='2']) {
     /*
     MIN-WIDTH CALC FORMULA EXPLAINED:
@@ -3549,7 +3570,7 @@ span wrapping svg or text */
     min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size)));
   }
 
-  &:where([data-avatar-count='3']) {
+  &:where([data-avatar-count='3'][data-variant='cascade']) {
     /*
     MIN-WIDTH CALC FORMULA EXPLAINED:
     avatar size ➡️ var(--avatar-stack-size)
@@ -3562,7 +3583,16 @@ span wrapping svg or text */
     );
   }
 
-  &:where([data-avatar-count='3+']) {
+  &:where([data-avatar-count='3'][data-variant='stack']) {
+    /*
+    MIN-WIDTH CALC FORMULA EXPLAINED:
+    avatar size ➡️ var(--avatar-stack-size)
+    plus the visible part of the 2nd avatar & 3rd avatar ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 2
+    */
+    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 2);
+  }
+
+  &:where([data-avatar-count='3+'][data-variant='cascade']) {
     /*
     MIN-WIDTH CALC FORMULA EXPLAINED:
     avatar size ➡️ var(--avatar-stack-size)
@@ -3575,6 +3605,17 @@ span wrapping svg or text */
     );
   }
 
+  &:where([data-avatar-count='3+'][data-variant='stack']) {
+    /*
+    MIN-WIDTH CALC FORMULA EXPLAINED:
+    avatar size ➡️ var(--avatar-stack-size)
+    plus the visible part of the 2nd to 4th avatars ➡️ var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus) * 3
+    */
+    min-width: calc(var(--avatar-stack-size) + (var(--avatar-stack-size) - var(--overlap-size-avatar-three-plus)) * 3);
+
+    --overlap-size: var(--overlap-size-avatar-three-plus);
+  }
+
   &:where([data-align-right]) {
     --mask-start: 1;
 
@@ -3606,11 +3647,21 @@ span wrapping svg or text */
     mask-position 0.2s ease-in-out,
     mask-size 0.2s ease-in-out;
 
-  &:is(img) {
+  .prc_AvatarStack_N-r3C:where([data-shape='circle']) &:is(img) {
     /* stylelint-disable-next-line primer/box-shadow */
     box-shadow: 0 0 0 var(--avatar-border-width) transparent;
   }
 
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:is(img) {
+    /* stylelint-disable-next-line primer/box-shadow */
+    box-shadow: 1px 0 rgba(255, 255, 255, 1);
+  }
+
+  .prc_AvatarStack_N-r3C:where([data-shape='square'][data-align-right]) &:is(img) {
+    /* stylelint-disable-next-line primer/box-shadow */
+    box-shadow: -1px 0 rgba(255, 255, 255, 1);
+  }
+
   &:first-child {
     margin-inline-start: 0;
   }
@@ -3618,8 +3669,6 @@ span wrapping svg or text */
   &:nth-child(n + 2) {
     /* stylelint-disable-next-line primer/spacing */
     margin-inline-start: calc(var(--overlap-size) * -1);
-    /* stylelint-disable-next-line declaration-property-value-no-unknown */
-    mask-image: radial-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);
     mask-repeat: no-repeat, no-repeat;
     mask-size:
       var(--mask-size) var(--mask-size),
@@ -3641,23 +3690,58 @@ span wrapping svg or text */
     padding: 0.1px;
   }
 
-  &:nth-child(n + 3) {
+  /* Circular mask */
+  .prc_AvatarStack_N-r3C:where([data-shape='circle']) &:nth-child(n + 2) {
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
+    mask-image: radial-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);
+  }
+
+  /* Square mask */
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(n + 2) {
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
+    mask-image: linear-gradient(at 50% 50%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 71%), linear-gradient(rgb(0, 0, 0) 0 0);
+  }
+
+  /* Cascade variant override for nth-child(n + 3) */
+  .prc_AvatarStack_N-r3C:where([data-variant='cascade']) &:nth-child(n + 3) {
     --overlap-size: var(--overlap-size-avatar-three-plus);
 
     /* stylelint-disable-next-line alpha-value-notation */
     opacity: calc(100% - 2 * var(--opacity-step));
   }
 
-  &:nth-child(n + 4) {
+  /* Cascade variant override for nth-child(n + 4) */
+  .prc_AvatarStack_N-r3C:where([data-variant='cascade']) &:nth-child(n + 4) {
     /* stylelint-disable-next-line alpha-value-notation */
     opacity: calc(100% - 3 * var(--opacity-step));
   }
 
-  &:nth-child(n + 5) {
+  /* Cascade variant override for nth-child(n + 5) */
+  .prc_AvatarStack_N-r3C:where([data-variant='cascade']) &:nth-child(n + 5) {
     /* stylelint-disable-next-line alpha-value-notation */
     opacity: calc(100% - 4 * var(--opacity-step));
   }
 
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(1) {
+    z-index: 5;
+  }
+
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(2) {
+    z-index: 4;
+  }
+
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(3) {
+    z-index: 3;
+  }
+
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(4) {
+    z-index: 2;
+  }
+
+  .prc_AvatarStack_N-r3C:where([data-shape='square']) &:nth-child(5) {
+    z-index: 1;
+  }
+
   &:nth-child(n + 6) {
     visibility: hidden;
     opacity: 0;
@@ -3690,75 +3774,291 @@ span wrapping svg or text */
   }
 }
 
-.prc_BranchName_jFtg- {
-  display: inline-block;
-  padding: var(--base-size-2) var(--base-size-6);
-  font-family: var(--fontStack-monospace);
-  font-size: var(--text-body-size-small);
-  color: var(--fgColor-link);
-  text-decoration: none;
-  background-color: var(--bgColor-accent-muted);
+.prc_Banner_IR8eJ {
+  display: grid;
+  padding: var(--base-size-8);
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--banner-bgColor);
+  /* stylelint-disable-next-line primer/colors */
+  border: var(--borderWidth-thin) solid var(--banner-borderColor);
   border-radius: var(--borderRadius-medium);
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: start;
 
-  &:is(:not(a)) {
-    color: var(--fgColor-muted);
+  @supports (container-type: inline-size) {
+    container: banner / inline-size;
   }
-}
-
-.prc_BreadcrumbsBase_6gqOz {
-  display: flex;
-  justify-content: space-between;
-}
 
-.prc_BreadcrumbsList_K7eeK {
-  padding-left: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
+  &[data-variant='critical'] {
+    --banner-bgColor: var(--bgColor-danger-muted);
+    --banner-borderColor: var(--borderColor-danger-muted);
+    --banner-icon-fgColor: var(--fgColor-danger);
+  }
 
-.prc_ItemWrapper_Mfwuj {
-  display: inline-block;
-  font-size: var(--text-body-size-medium);
-  white-space: nowrap;
-  list-style: none;
+  &[data-variant='info'] {
+    --banner-bgColor: var(--bgColor-accent-muted);
+    --banner-borderColor: var(--borderColor-accent-muted);
+    --banner-icon-fgColor: var(--fgColor-accent);
+  }
 
-  &::after {
-    display: inline-block;
-    height: 0.8em;
-    /* stylelint-disable-next-line primer/spacing */
-    margin: 0 0.5em;
-    font-size: var(--text-body-size-medium);
-    content: '';
-    /* stylelint-disable-next-line primer/borders, primer/colors */
-    border-right: 0.1em solid var(--fgColor-muted);
-    transform: rotate(15deg) translateY(0.0625em);
+  &[data-variant='success'] {
+    --banner-bgColor: var(--bgColor-success-muted);
+    --banner-borderColor: var(--borderColor-success-muted);
+    --banner-icon-fgColor: var(--fgColor-success);
   }
 
-  &:first-child {
-    margin-left: 0;
+  &[data-variant='upsell'] {
+    --banner-bgColor: var(--bgColor-upsell-muted);
+    --banner-borderColor: var(--borderColor-upsell-muted);
+    --banner-icon-fgColor: var(--fgColor-upsell);
   }
 
-  &:last-child {
-    &::after {
-      content: none;
-    }
+  &[data-variant='warning'] {
+    --banner-bgColor: var(--bgColor-attention-muted);
+    --banner-borderColor: var(--borderColor-attention-muted);
+    --banner-icon-fgColor: var(--fgColor-attention);
   }
 }
 
-.prc_Item_7BKO- {
-  display: inline-block;
+/* BannerContainer -------------------------------------------------------- */
+
+.prc_BannerContainer_lbx3d {
   font-size: var(--text-body-size-medium);
-  color: var(--fgColor-link);
-  text-decoration: none;
+  align-items: start;
+  line-height: var(--text-body-lineHeight-medium);
+  row-gap: var(--base-size-4);
+  column-gap: var(--base-size-4);
+}
 
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-  }
+.prc_Banner_IR8eJ :where(.prc_BannerContainer_lbx3d) {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
 }
 
-.prc_ItemSelected_9ZYcW {
-  color: var(--fgColor-default);
+.prc_Banner_IR8eJ[data-dismissible]:not([data-title-hidden='']) .prc_BannerContainer_lbx3d {
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: auto;
+}
+
+/* BannerContent ---------------------------------------------------------- */
+
+.prc_BannerContent_zTITK {
+  display: grid;
+  row-gap: var(--base-size-4);
+  grid-column-start: 1;
+  margin-block: var(--base-size-8);
+}
+
+.prc_Banner_IR8eJ[data-title-hidden]:not(:has(.prc_BannerActions_XCfHL)) .prc_BannerContent_zTITK {
+  margin-block: var(--base-size-6);
+}
+
+@media screen and (min-width: 544px) {
+  .prc_BannerContent_zTITK {
+    flex: 1 1 0%;
+  }
+}
+
+.prc_BannerTitle_TcuJl {
+  margin: 0;
+  font-size: inherit;
+  font-weight: var(--base-text-weight-semibold);
+}
+
+/* BannerIcon ------------------------------------------------------------- */
+
+.prc_BannerIcon_WuOyf {
+  display: grid;
+  place-items: center;
+  padding: var(--base-size-8);
+}
+
+.prc_BannerIcon_WuOyf svg {
+  /* 20px is the line box height of the trailing action buttons */
+  height: var(--base-size-20);
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--banner-icon-fgColor);
+  /* stylelint-disable-next-line primer/colors */
+  fill: var(--banner-icon-fgColor);
+}
+
+/* stylelint-disable-next-line selector-max-specificity */
+.prc_Banner_IR8eJ[data-title-hidden]:not(:has(.prc_BannerActions_XCfHL)) .prc_BannerIcon_WuOyf svg {
+  height: var(--base-size-16);
+}
+
+/* BannerDismiss ---------------------------------------------------------- */
+
+.prc_BannerDismiss_uBZVm {
+  display: grid;
+  place-items: center;
+  padding: var(--base-size-8);
+  margin-inline-start: var(--base-size-4);
+}
+
+:where(.prc_Banner_IR8eJ):has(.prc_BannerActions_XCfHL) .prc_BannerDismiss_uBZVm {
+  margin-block: var(--base-size-2);
+}
+
+.prc_BannerDismiss_uBZVm svg {
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--banner-icon-fgColor);
+}
+
+/* BannerActions ---------------------------------------------------------- */
+
+.prc_BannerActionsContainer_ukGMH {
+  display: flex;
+  column-gap: var(--base-size-12);
+  align-items: center;
+  margin-block: var(--base-size-2);
+}
+
+.prc_BannerActions_XCfHL :where([data-primary-action='trailing']) {
+  display: none;
+}
+
+@media screen and (--viewportRange-regular) {
+  .prc_BannerActions_XCfHL :where([data-primary-action='trailing']) {
+    display: flex;
+  }
+
+  .prc_BannerActions_XCfHL :where([data-primary-action='leading']) {
+    display: none;
+  }
+}
+
+.prc_Banner_IR8eJ[data-dismissible]:not([data-title-hidden]) .prc_BannerActions_XCfHL {
+  margin-block-end: var(--base-size-6);
+}
+
+/* stylelint-disable-next-line selector-max-specificity */
+.prc_Banner_IR8eJ[data-dismissible]:not([data-title-hidden]) .prc_BannerActionsContainer_ukGMH[data-primary-action='trailing'] {
+  display: none;
+}
+
+/* stylelint-disable-next-line selector-max-specificity */
+.prc_Banner_IR8eJ[data-dismissible]:not([data-title-hidden]) .prc_BannerActionsContainer_ukGMH[data-primary-action='leading'] {
+  display: flex;
+}
+
+/* Layout ------------------------------------------------------------------- */
+
+@container banner (max-width: 500px) {
+  .prc_BannerContainer_lbx3d {
+    display: grid;
+  }
+
+  .prc_BannerContainer_lbx3d:has(.prc_BannerActionsContainer_ukGMH) {
+    grid-template-rows: auto auto;
+  }
+
+  .prc_BannerActions_XCfHL {
+    margin-block-end: var(--base-size-6);
+  }
+
+  .prc_BannerActions_XCfHL [data-primary-action='trailing'] {
+    display: none;
+  }
+
+  .prc_BannerActions_XCfHL [data-primary-action='leading'] {
+    display: flex;
+  }
+}
+
+@container banner (min-width: 500px) {
+  .prc_BannerContainer_lbx3d {
+    display: grid;
+    grid-template-columns: auto auto;
+  }
+
+  :where(.prc_Banner_IR8eJ):not([data-dismissible])
+    :where(.prc_BannerActionsContainer_ukGMH[data-primary-action='trailing'])
+    :where([data-variant='link']:only-child) {
+    padding-inline: 0 var(--base-size-12);
+  }
+
+  .prc_BannerActions_XCfHL [data-primary-action='trailing'] {
+    display: flex;
+    min-height: var(--base-size-32, 2rem);
+  }
+
+  .prc_BannerActions_XCfHL [data-primary-action='leading'] {
+    display: none;
+  }
+}
+
+.prc_BranchName_jFtg- {
+  display: inline-block;
+  padding: var(--base-size-2) var(--base-size-6);
+  font-family: var(--fontStack-monospace);
+  font-size: var(--text-body-size-small);
+  color: var(--fgColor-link);
+  text-decoration: none;
+  background-color: var(--bgColor-accent-muted);
+  border-radius: var(--borderRadius-medium);
+
+  &:is(:not(a)) {
+    color: var(--fgColor-muted);
+  }
+}
+
+.prc_BreadcrumbsBase_6gqOz {
+  display: flex;
+  justify-content: space-between;
+}
+
+.prc_BreadcrumbsList_K7eeK {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.prc_ItemWrapper_Mfwuj {
+  display: inline-block;
+  font-size: var(--text-body-size-medium);
+  white-space: nowrap;
+  list-style: none;
+
+  &::after {
+    display: inline-block;
+    height: 0.8em;
+    /* stylelint-disable-next-line primer/spacing */
+    margin: 0 0.5em;
+    font-size: var(--text-body-size-medium);
+    content: '';
+    /* stylelint-disable-next-line primer/borders, primer/colors */
+    border-right: 0.1em solid var(--fgColor-muted);
+    transform: rotate(15deg) translateY(0.0625em);
+  }
+
+  &:first-child {
+    margin-left: 0;
+  }
+
+  &:last-child {
+    &::after {
+      content: none;
+    }
+  }
+}
+
+.prc_Item_7BKO- {
+  display: inline-block;
+  font-size: var(--text-body-size-medium);
+  color: var(--fgColor-link);
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    text-decoration: underline;
+  }
+}
+
+.prc_ItemSelected_9ZYcW {
+  color: var(--fgColor-default);
   pointer-events: none;
 
   &:focus {
@@ -4022,82 +4322,48 @@ span wrapping svg or text */
   transform: translateY(-50%);
 }
 
-.prc_SkeletonText_o0dUS {
-  --font-size: var(--text-body-size-medium);
-  --line-height: var(--text-body-lineHeight-medium);
-  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));
-
-  @supports (margin-block: mod(1px, 1px)) {
-    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));
-  }
-
-  height: var(--font-size);
-  border-radius: var(--borderRadius-small);
-  /* stylelint-disable-next-line primer/spacing */
-  margin-block: calc(var(--leading) / 2);
-
-  &:where([data-in-multiline]) {
-    /* stylelint-disable-next-line primer/spacing */
-    margin-block-end: calc(var(--leading) * 2);
-
-    &:last-child {
-      min-width: 50px;
-      max-width: 65%;
-      margin-bottom: 0;
-    }
-  }
-
-  &:where([data-text-skeleton-size='display']),
-  &:where([data-text-skeleton-size='titleLarge']) {
-    border-radius: var(--borderRadius-medium);
-  }
-
-  &:where([data-text-skeleton-size='display']) {
-    --font-size: var(--text-display-size);
-    --line-height: var(--text-display-lineHeight);
-  }
-
-  &:where([data-text-skeleton-size='titleLarge']) {
-    --font-size: var(--text-title-size-large);
-    --line-height: var(--text-title-lineHeight-large);
-  }
-
-  &:where([data-text-skeleton-size='titleMedium']) {
-    --font-size: var(--text-title-size-medium);
-    --line-height: var(--text-title-lineHeight-medium);
+@keyframes prc_shimmer_DB3-6 {
+  from {
+    mask-position: 200%;
   }
 
-  &:where([data-text-skeleton-size='titleSmall']) {
-    --font-size: var(--text-title-size-small);
-    --line-height: var(--text-title-lineHeight-small);
+  to {
+    mask-position: 0%;
   }
+}
 
-  &:where([data-text-skeleton-size='subtitle']) {
-    --font-size: var(--text-subtitle-size);
-    --line-height: var(--text-subtitle-lineHeight);
-  }
+.prc_SkeletonBox_nSZk3 {
+  display: block;
+  height: 1rem;
+  background-color: var(--skeletonLoader-bgColor);
+  border-radius: var(--borderRadius-small);
+  animation: prc_shimmer_DB3-6;
 
-  &:where([data-text-skeleton-size='bodyLarge']) {
-    --font-size: var(--text-body-size-large);
-    --line-height: var(--text-body-lineHeight-large);
+  @media (prefers-reduced-motion: no-preference) {
+    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
+    mask-size: 200%;
+    animation: prc_shimmer_DB3-6;
+    animation-duration: var(--base-duration-1000);
+    animation-iteration-count: infinite;
   }
 
-  &:where([data-text-skeleton-size='bodySmall']) {
-    --font-size: var(--text-body-size-small);
-    --line-height: var(--text-body-lineHeight-small);
+  @media (forced-colors: active) {
+    outline: 1px solid transparent;
+    outline-offset: -1px;
   }
 }
 
-.prc_SkeletonTextWrapper_QRoBW {
-  /* stylelint-disable-next-line primer/spacing */
-  padding-block: 0.1px;
-}
-
 .prc_LoadingSkeleton_x9WXt {
   /* stylelint-disable-next-line primer/borders */
   border-radius: 4px;
 }
 
+.prc_Root_S5E74 {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
 .prc_Container_2A9NQ {
   display: flex;
   height: 100%;
@@ -4105,6 +4371,22 @@ span wrapping svg or text */
   flex-grow: 1;
 }
 
+.prc_ActionListItem_39lnB:focus {
+  background: var(--control-transparent-bgColor-selected);
+
+  &::after {
+    @mixin activeIndicatorLine;
+  }
+}
+
+.prc_ActionListItem_39lnB:where([data-input-focused]):where([data-first-child]) {
+  background: var(--control-transparent-bgColor-selected);
+
+  &::after {
+    @mixin activeIndicatorLine;
+  }
+}
+
 .prc_FullScreenTextInput_rCAiq {
   @media screen and (--viewportRange-narrow) {
     /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */
@@ -4114,6 +4396,26 @@ span wrapping svg or text */
   }
 }
 
+.prc_SelectAllContainer_w5otq {
+  display: flex;
+  align-items: center;
+  padding-block: var(--base-size-4);
+  padding-inline: var(--base-size-16);
+  background: var(--bgColor-muted);
+  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+}
+
+.prc_SelectAllCheckbox_dq2yL {
+  /* -1px hack to offset 1px border-bottom causing uneven alignment */
+  /* stylelint-disable-next-line primer/spacing */
+  margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;
+}
+
+.prc_SelectAllLabel_l34LA {
+  font-size: var(--text-body-size-medium);
+  color: var(--fgColor-muted);
+}
+
 .prc_Overlay_arLk6 {
   /* CSS variables values are passed in via styles */
   --max-height: 0;
@@ -4146,7 +4448,20 @@ span wrapping svg or text */
 }
 
 .prc_Wrapper_43Iz8[data-variant='modal'] .prc_Title_-CZN1 {
-  margin-top: var(--base-size-8); /* styling specific to the modal variant */
+  margin-top: var(--base-size-8);
+  /* styling specific to the modal variant */
+}
+
+/*
+ * Align SelectPanel header text with AnchoredOverlay close button
+ * 
+ * Ensures the title properly aligns with the close button position
+ * in anchor variant on narrow viewports.
+ */
+.prc_Wrapper_43Iz8[data-variant='anchored'] .prc_Title_-CZN1 {
+  @media screen and (--viewportRange-narrow) {
+    margin-top: var(--base-size-8);
+  }
 }
 
 .prc_Subtitle_tMSzu {
@@ -4202,6 +4517,8 @@ span wrapping svg or text */
 }
 
 .prc_FilteredActionList_wzS7m {
+  /* inheriting height and maxHeight ensures that the FilteredActionList is never taller
+     than the Overlay (which would break scrolling the items) */
   height: inherit;
   max-height: inherit;
 }
@@ -4244,6 +4561,10 @@ span wrapping svg or text */
   }
 }
 
+.prc_MessageAction_qwola {
+  margin-top: var(--base-size-8);
+}
+
 .prc_ResponsiveCloseButton_3mdX2 {
   display: inline-grid;
 }
@@ -4338,6 +4659,10 @@ span wrapping svg or text */
   background-color: var(--overlay-backdrop-bgColor);
 }
 
+.prc_TextInput_TjXuJ {
+  margin: var(--base-size-8);
+}
+
 .prc_TokenBase_PfQzJ {
   position: relative;
   display: inline-flex;
@@ -5062,6 +5387,23 @@ span wrapping svg or text */
   }
 }
 
+.prc_Caret_PNu-B {
+  pointer-events: none;
+  position: absolute;
+}
+
+.prc_CaretTriangle_Iu0GY {
+  /* stylelint-disable-next-line primer/colors */
+  fill: var(--caret-bg, var(--bgColor-default));
+}
+
+.prc_CaretBorder_o3vP2 {
+  fill: none;
+  /* stylelint-disable-next-line primer/colors */
+  stroke: var(--caret-border-color, var(--borderColor-default));
+  stroke-width: var(--caret-border-width, var(--borderWidth-thin));
+}
+
 .prc_Popover_v1ShS {
   position: absolute;
   z-index: 100;
@@ -5078,13 +5420,13 @@ span wrapping svg or text */
 
 .prc_PopoverContent_nMzFS {
   position: relative;
-  width: 232px;
   padding: var(--base-size-24);
   margin-right: auto;
   margin-left: auto;
   background-color: var(--overlay-bgColor);
   border: var(--borderWidth-thin) solid var(--borderColor-default);
   border-radius: var(--borderRadius-medium);
+  overflow: hidden;
 
   /* Carets */
   &::before,
@@ -5243,31 +5585,95 @@ span wrapping svg or text */
     }
   }
 
-  /* Right & Left: Top-oriented carets */
-  :where([data-caret='right-top']) &,
-  :where([data-caret='left-top']) & {
-    &::before,
-    &::after {
-      top: var(--base-size-24);
-    }
+  /* Right & Left: Top-oriented carets */
+  :where([data-caret='right-top']) &,
+  :where([data-caret='left-top']) & {
+    &::before,
+    &::after {
+      top: var(--base-size-24);
+    }
+  }
+
+  /* Right & Left: Bottom-oriented carets */
+  :where([data-caret='right-bottom']) &,
+  :where([data-caret='left-bottom']) & {
+    &::before,
+    &::after {
+      top: auto;
+    }
+
+    &::before {
+      bottom: var(--base-size-16);
+    }
+
+    &::after {
+      /* stylelint-disable-next-line primer/spacing */
+      bottom: calc(var(--base-size-16) + 1px);
+    }
+  }
+
+  &:where([data-width='xsmall']) {
+    width: var(--overlay-width-xsmall);
+  }
+
+  &:where([data-width='small']) {
+    width: var(--overlay-width-small);
+  }
+
+  &:where([data-width='medium']) {
+    width: var(--overlay-width-medium);
+  }
+
+  &:where([data-width='large']) {
+    width: var(--overlay-width-large);
+  }
+
+  &:where([data-width='xlarge']) {
+    width: var(--overlay-width-xlarge);
+  }
+
+  &:where([data-width='auto']) {
+    width: auto;
+  }
+
+  &:where([data-height='small']) {
+    height: var(--overlay-height-small);
+  }
+
+  &:where([data-height='medium']) {
+    height: var(--overlay-height-medium);
+  }
+
+  &:where([data-height='large']) {
+    height: var(--overlay-height-large);
+  }
+
+  &:where([data-height='xlarge']) {
+    height: var(--overlay-height-xlarge);
+  }
+
+  &:where([data-height='fit-content']) {
+    height: fit-content;
+  }
+
+  &:where([data-height='auto']) {
+    height: auto;
+  }
+
+  &:where([data-overflow='auto']) {
+    overflow: auto;
   }
 
-  /* Right & Left: Bottom-oriented carets */
-  :where([data-caret='right-bottom']) &,
-  :where([data-caret='left-bottom']) & {
-    &::before,
-    &::after {
-      top: auto;
-    }
+  &:where([data-overflow='hidden']) {
+    overflow: hidden;
+  }
 
-    &::before {
-      bottom: var(--base-size-16);
-    }
+  &:where([data-overflow='scroll']) {
+    overflow: scroll;
+  }
 
-    &::after {
-      /* stylelint-disable-next-line primer/spacing */
-      bottom: calc(var(--base-size-16) + 1px);
-    }
+  &:where([data-overflow='visible']) {
+    overflow: visible;
   }
 }
 
@@ -5301,9 +5707,11 @@ span wrapping svg or text */
   display: flex;
   overflow: hidden;
   /* stylelint-disable-next-line primer/colors */
-  background-color: var(--borderColor-default);
+  background-color: var(--progressBar-track-bgColor);
   border-radius: var(--borderRadius-small);
   gap: 2px;
+  outline: solid 1px var(--progressBar-track-borderColor);
+  outline-offset: -1px;
 
   &:where([data-progress-display='inline']) {
     display: inline-flex;
@@ -5320,6 +5728,15 @@ span wrapping svg or text */
   &:where([data-progress-bar-size='large']) {
     height: 10px;
   }
+
+  /* Width support for containers */
+  &:where([data-width='auto']) {
+    width: auto;
+  }
+
+  &:where([data-width='full']) {
+    width: 100%;
+  }
 }
 
 .prc_SegmentedControl_e7570 {
@@ -5627,87 +6044,453 @@ span wrapping svg or text */
       outline: solid 1px var(--fgColor-accent);
     }
 
-    &[aria-current='page'],
-    &[aria-selected='true'] {
-      font-weight: var(--base-text-weight-medium);
-      color: var(--fgColor-default);
-    }
+    &[aria-current='page'],
+    &[aria-selected='true'] {
+      font-weight: var(--base-text-weight-medium);
+      color: var(--fgColor-default);
+    }
+  }
+}
+
+.prc_SideNavLinkFull_HSWcY {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.prc_StateLabel_ukDwa {
+  display: inline-flex;
+  align-items: center;
+  font-weight: var(--base-text-weight-semibold);
+  /* stylelint-disable-next-line primer/typography */
+  line-height: 16px;
+  color: var(--fgColor-onEmphasis);
+  text-align: center;
+  border-radius: var(--borderRadius-full);
+}
+
+/* Size variants */
+.prc_StateLabel_ukDwa:where([data-variant='small']) {
+  padding: var(--base-size-4) var(--base-size-8);
+  font-size: var(--text-body-size-small);
+}
+
+.prc_StateLabel_ukDwa:where([data-variant='normal']) {
+  padding: var(--base-size-8) var(--base-size-12);
+  font-size: var(--text-body-size-medium);
+}
+
+/* Status color variants */
+.prc_StateLabel_ukDwa:where([data-status='issueClosed']) {
+  background-color: var(--bgColor-done-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='issueClosedNotPlanned']) {
+  background-color: var(--bgColor-neutral-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='pullClosed']) {
+  background-color: var(--bgColor-closed-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='pullMerged']) {
+  background-color: var(--bgColor-done-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='pullQueued']) {
+  background-color: var(--bgColor-attention-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='issueOpened']) {
+  background-color: var(--bgColor-open-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='pullOpened']) {
+  background-color: var(--bgColor-open-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='draft']) {
+  background-color: var(--bgColor-neutral-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='issueDraft']) {
+  background-color: var(--bgColor-neutral-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='unavailable']) {
+  background-color: var(--bgColor-neutral-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='open']) {
+  background-color: var(--bgColor-open-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);
+}
+
+.prc_StateLabel_ukDwa:where([data-status='closed']) {
+  background-color: var(--bgColor-done-emphasis);
+  color: var(--fgColor-onEmphasis);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);
+}
+
+.prc_Icon_NuDm4 {
+  margin-right: var(--base-size-4);
+}
+
+.prc_SubNav_rjui0 {
+  display: flex;
+  justify-content: space-between;
+}
+
+.prc_Body_Nw122 {
+  display: flex;
+  /* stylelint-disable-next-line primer/spacing */
+  margin-bottom: -1px;
+
+  & > * {
+    margin-left: var(--base-size-8);
+  }
+
+  & > *:first-child {
+    margin-left: 0;
+  }
+}
+
+.prc_Actions_-IUp- {
+  align-self: center;
+}
+
+.prc_Links_5Qn65 {
+  display: flex;
+}
+
+.prc_Link_X843- {
+  display: flex;
+  min-height: 34px; /* custom values for SubNav */
+  padding-right: var(--base-size-16);
+  padding-left: var(--base-size-16);
+  font-size: var(--text-body-size-medium);
+  font-weight: var(--base-text-weight-medium);
+  /* stylelint-disable-next-line primer/typography */
+  line-height: 20px; /* custom values for SubNav */
+  color: var(--fgColor-default);
+  text-align: center;
+  text-decoration: none;
+  border-top: var(--borderWidth-thin) solid var(--borderColor-default);
+  border-right: var(--borderWidth-thin) solid var(--borderColor-default);
+  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
+  align-items: center;
+
+  &:first-of-type {
+    border-left: var(--borderWidth-thin) solid var(--borderColor-default);
+    border-top-left-radius: var(--borderRadius-medium);
+    border-bottom-left-radius: var(--borderRadius-medium);
+  }
+
+  &:last-of-type {
+    border-top-right-radius: var(--borderRadius-medium);
+    border-bottom-right-radius: var(--borderRadius-medium);
+  }
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    background-color: var(--bgColor-muted);
+    transition: background-color 0.2s ease;
+  }
+
+  &:is([data-selected='true']) {
+    color: var(--fgColor-onEmphasis);
+    background-color: var(--bgColor-accent-emphasis);
+    /* stylelint-disable-next-line primer/colors */
+    border-color: var(--bgColor-accent-emphasis);
+  }
+}
+
+.prc_ToggleSwitch_E4lp0 {
+  --toggleSwitch-transition-duration: 80ms;
+  --toggleSwitch-transition-easing: cubic-bezier(0.5, 1, 0.89, 1);
+
+  display: inline-flex;
+  align-items: center;
+}
+
+.prc_ToggleSwitch_E4lp0:where([data-status-label-position='start']) {
+  flex-direction: row;
+}
+
+.prc_ToggleSwitch_E4lp0:where([data-status-label-position='end']) {
+  flex-direction: row-reverse;
+}
+
+.prc_LoadingSpinner_jCYtC {
+  display: inline-flex;
+}
+
+.prc_LoadingSpinner_jCYtC:where([data-status-label-position='end']) {
+  margin-right: 0;
+  margin-left: var(--base-size-8);
+}
+
+.prc_StatusText_hWpj2 {
+  margin-left: var(--base-size-8);
+  margin-right: var(--base-size-8);
+  position: relative;
+  color: var(--fgColor-default);
+  font-size: var(--text-body-size-medium);
+  cursor: pointer;
+}
+
+.prc_StatusText_hWpj2:where([data-disabled='true']) {
+  cursor: not-allowed;
+  color: var(--fgColor-muted);
+}
+
+.prc_StatusText_hWpj2:where([data-size='small']) {
+  font-size: var(--text-body-size-small);
+}
+
+.prc_StatusText_hWpj2:where([data-size='medium']) {
+  font-size: var(--text-body-size-medium);
+}
+
+.prc_StatusTextItem_fvvXa {
+  display: block;
+  text-align: right;
+}
+
+.prc_StatusTextItem_fvvXa:where([data-hidden='true']) {
+  visibility: hidden;
+  height: 0;
+}
+
+.prc_SwitchButton_5LRHX {
+  cursor: pointer;
+  user-select: none;
+  appearance: none;
+  text-decoration: none;
+  padding: 0;
+  transition-property: background-color, border-color;
+  transition-duration: var(--toggleSwitch-transition-duration);
+  transition-timing-function: var(--toggleSwitch-transition-easing);
+  border-radius: var(--borderRadius-medium);
+  border-style: solid;
+  border-width: var(--borderWidth-thin);
+  display: block;
+  position: relative;
+  overflow: hidden;
+
+  /* Default medium size */
+  height: 32px;
+  width: 64px;
+
+  /* Focus styles */
+  &:focus-visible {
+    outline: 2px solid var(--focus-outlineColor);
+    outline-offset: 3px;
+  }
+
+  &:focus:not(:focus-visible) {
+    outline: solid 1px transparent;
+  }
+
+  /* Touch device support */
+  @media (pointer: coarse) {
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      transform: translateY(-50%);
+      top: 50%;
+      min-height: 44px;
+    }
+  }
+
+  /* Reduced motion support */
+  @media (prefers-reduced-motion) {
+    transition: none;
+
+    * {
+      transition: none;
+    }
+  }
+}
+
+/* Size variants */
+.prc_SwitchButton_5LRHX:where([data-size='small']) {
+  height: 24px;
+  width: 48px;
+}
+
+/* State variants */
+.prc_SwitchButton_5LRHX:where([data-disabled='true']) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));
+  border-color: transparent;
+  cursor: not-allowed;
+  transition-property: none;
+
+  @media (forced-colors: active) {
+    border-color: GrayText;
   }
 }
 
-.prc_SideNavLinkFull_HSWcY {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.prc_SwitchButton_5LRHX:where([data-checked='false']:not([data-disabled='true'])) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--controlTrack-bgColor-rest, var(--color-switch-track-bg, #eaeef2));
+  border-color: var(--controlTrack-borderColor-rest);
 }
 
-.prc_SubNav_rjui0 {
-  display: flex;
-  justify-content: space-between;
+.prc_SwitchButton_5LRHX:where([data-checked='false']:not([data-disabled='true']):hover),
+.prc_SwitchButton_5LRHX:where([data-checked='false']:not([data-disabled='true']):focus-visible) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg, hsla(210deg, 24%, 90%, 1)));
 }
 
-.prc_Body_Nw122 {
-  display: flex;
-  /* stylelint-disable-next-line primer/spacing */
-  margin-bottom: -1px;
+.prc_SwitchButton_5LRHX:where([data-checked='false']:not([data-disabled='true']):active),
+.prc_SwitchButton_5LRHX:where([data-checked='false']:not([data-disabled='true']):active:focus-visible) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg, hsla(210deg, 24%, 88%, 1)));
+}
 
-  & > * {
-    margin-left: var(--base-size-8);
-  }
+.prc_SwitchButton_5LRHX:where([data-checked='true']:not([data-disabled='true'])) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da));
+  border-color: var(--control-checked-borderColor-rest, transparent);
+}
 
-  & > *:first-child {
-    margin-left: 0;
-  }
+.prc_SwitchButton_5LRHX:where([data-checked='true']:not([data-disabled='true']):hover),
+.prc_SwitchButton_5LRHX:where([data-checked='true']:not([data-disabled='true']):focus-visible) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg, #0860ca));
 }
 
-.prc_Actions_-IUp- {
-  align-self: center;
+.prc_SwitchButton_5LRHX:where([data-checked='true']:not([data-disabled='true']):active),
+.prc_SwitchButton_5LRHX:where([data-checked='true']:not([data-disabled='true']):active:focus-visible) {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg, #0757ba));
 }
 
-.prc_Links_5Qn65 {
+.prc_SwitchButtonContent_nv4lE {
   display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 
-.prc_Link_X843- {
-  display: flex;
-  min-height: 34px; /* custom values for SubNav */
-  padding-right: var(--base-size-16);
-  padding-left: var(--base-size-16);
-  font-size: var(--text-body-size-medium);
-  font-weight: var(--base-text-weight-medium);
+.prc_IconContainer_zLC02 {
+  flex-grow: 1;
+  flex-shrink: 0;
+  flex-basis: 50%;
   /* stylelint-disable-next-line primer/typography */
-  line-height: 20px; /* custom values for SubNav */
-  color: var(--fgColor-default);
-  text-align: center;
-  text-decoration: none;
-  border-top: var(--borderWidth-thin) solid var(--borderColor-default);
-  border-right: var(--borderWidth-thin) solid var(--borderColor-default);
-  border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
-  align-items: center;
+  line-height: 0;
+  transition-property: transform;
+  transition-duration: var(--toggleSwitch-transition-duration);
+  transition-timing-function: var(--toggleSwitch-transition-easing);
 
-  &:first-of-type {
-    border-left: var(--borderWidth-thin) solid var(--borderColor-default);
-    border-top-left-radius: var(--borderRadius-medium);
-    border-bottom-left-radius: var(--borderRadius-medium);
+  @media (prefers-reduced-motion) {
+    transition: none;
   }
+}
 
-  &:last-of-type {
-    border-top-right-radius: var(--borderRadius-medium);
-    border-bottom-right-radius: var(--borderRadius-medium);
-  }
+.prc_LineIconContainer_7sQm8 {
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, #fff));
+}
 
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    background-color: var(--bgColor-muted);
-    transition: background-color 0.2s ease;
+.prc_LineIconContainer_7sQm8:where([data-disabled='true']) {
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg, #fff));
+}
+
+.prc_LineIconContainer_7sQm8:where([data-checked='true']) {
+  transform: translateX(0);
+}
+
+.prc_LineIconContainer_7sQm8:where([data-checked='false']) {
+  transform: translateX(-100%);
+}
+
+.prc_CircleIconContainer_gHYvi {
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, #656d76));
+}
+
+.prc_CircleIconContainer_gHYvi:where([data-disabled='true']) {
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, #fff));
+}
+
+.prc_CircleIconContainer_gHYvi:where([data-checked='true']) {
+  transform: translateX(100%);
+}
+
+.prc_CircleIconContainer_gHYvi:where([data-checked='false']) {
+  transform: translateX(0);
+}
+
+.prc_ToggleKnob_2e7Rm {
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg, #fff));
+  border-width: var(--borderWidth-thin);
+  border-style: solid;
+  /* stylelint-disable-next-line primer/colors */
+  border-color: var(--controlKnob-borderColor-rest, var(--color-switch-knob-border, #858f99));
+  /* Use calc to account for 1px border around the control */
+  /* stylelint-disable-next-line primer/borders */
+  border-radius: calc(var(--borderRadius-medium) - var(--borderWidth-thin));
+  width: 50%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  transition-property: transform;
+  transition-duration: var(--toggleSwitch-transition-duration);
+  transition-timing-function: var(--toggleSwitch-transition-easing);
+  z-index: 1;
+
+  @media (prefers-reduced-motion) {
+    transition: none;
   }
+}
 
-  &:is([data-selected='true']) {
-    color: var(--fgColor-onEmphasis);
-    background-color: var(--bgColor-accent-emphasis);
-    /* stylelint-disable-next-line primer/colors */
-    border-color: var(--bgColor-accent-emphasis);
+.prc_ToggleKnob_2e7Rm:where([data-checked='false']) {
+  transform: translateX(0);
+}
+
+.prc_ToggleKnob_2e7Rm:where([data-checked='true']) {
+  transform: translateX(100%);
+  /* stylelint-disable-next-line primer/colors */
+  border-color: var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border, #0969da));
+}
+
+.prc_ToggleKnob_2e7Rm:where([data-disabled='true']) {
+  /* stylelint-disable-next-line primer/colors */
+  border-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f));
+
+  @media (forced-colors: active) {
+    color: GrayText;
   }
 }
 
@@ -5811,50 +6594,124 @@ span wrapping svg or text */
   border-top: var(--borderWidth-thicker) solid var(--borderColor-default);
 }
 
-.prc_IssueLabel_ZuoEW:where([data-has-remove-button='true']) {
-  padding-right: 0;
-}
+.prc_IssueLabel_ZuoEW {
+  /* Color variables - dynamically set via inline CSS custom properties */
+  --label-r: 153;
+  --label-g: 153;
+  --label-b: 153;
+  --label-h: 0;
+  --label-s: 0;
+  --label-l: 60;
+  --perceived-lightness: calc(
+    ((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255
+  );
+  --lightness-switch: max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1));
 
-.prc_RemoveButton_H4Dmg:where([data-has-multiple-action-targets='true']) {
   position: relative;
-  z-index: 1;
+  border-width: var(--borderWidth-thin);
+  border-style: solid;
+}
+
+/* Light mode styles */
+.prc_IssueLabel_ZuoEW:where([data-in-color-mode*='light'], [data-in-color-mode='auto']) {
+  --lightness-threshold: 0.453;
+  --border-threshold: 0.96;
+  --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
+  /* stylelint-disable-next-line primer/colors */
+  background: rgb(var(--label-r), var(--label-g), var(--label-b));
+  /* stylelint-disable-next-line primer/colors */
+  color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
+  /* stylelint-disable-next-line primer/colors */
+  border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
 }
 
-:root {
-  --spacing: calc(var(--base-size-4) * 2);
+/* Dark mode styles */
+.prc_IssueLabel_ZuoEW:where([data-in-color-mode*='dark']) {
+  --lightness-threshold: 0.6;
+  --background-alpha: 0.18;
+  --border-alpha: 0.3;
+  --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
+
+  /* stylelint-disable-next-line primer/colors */
+  background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
+  /* stylelint-disable-next-line primer/colors */
+  color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
+  /* stylelint-disable primer/colors */
+  border-color: hsla(
+    var(--label-h),
+    calc(var(--label-s) * 1%),
+    calc((var(--label-l) + var(--lighten-by)) * 1%),
+    var(--border-alpha)
+  );
+  /* stylelint-enable primer/colors */
+}
+
+/* Selected state */
+.prc_IssueLabel_ZuoEW:where(
+    [data-selected='true'][data-in-color-mode*='light'],
+    [data-selected='true'][data-in-color-mode='auto']
+  ) {
+  /* stylelint-disable-next-line primer/colors */
+  background: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%));
 }
 
-.prc_AvatarContainer_dBasr {
-  display: block;
+.prc_IssueLabel_ZuoEW:where([data-selected='true']) {
+  outline: none;
 }
 
-.prc_Avatar_A1uRI {
-  width: 100%;
-  height: 100%;
+.prc_IssueLabel_ZuoEW:where([data-selected='true'])::after {
+  content: '';
+  position: absolute;
+  z-index: 1;
+  top: calc(var(--base-size-2) * -1);
+  right: calc(var(--base-size-2) * -1);
+  bottom: calc(var(--base-size-2) * -1);
+  left: calc(var(--base-size-2) * -1);
+  display: block;
+  pointer-events: none;
+  border-radius: var(--borderRadius-full);
 }
 
-.prc_Token_8GtFN {
-  padding-left: var(--base-size-4) !important;
+.prc_IssueLabel_ZuoEW:where(
+    [data-selected='true'][data-in-color-mode*='light'],
+    [data-selected='true'][data-in-color-mode='auto']
+  )::after {
+  /* stylelint-disable-next-line primer/box-shadow */
+  box-shadow: 0 0 0 2px rgb(var(--label-r), var(--label-g), var(--label-b));
 }
 
-.prc_AvatarContainer_dBasr:where([data-size='small']) {
-  width: calc(16px - var(--spacing));
-  height: calc(16px - var(--spacing));
+.prc_IssueLabel_ZuoEW:where([data-selected='true'][data-in-color-mode='dark'])::after {
+  /* stylelint-disable-next-line primer/box-shadow */
+  box-shadow: 0 0 0 2px hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
+}
+
+/* Interactive hover states */
+.prc_IssueLabel_ZuoEW:where(
+    [data-cursor-is-interactive='true']:hover[data-in-color-mode*='light'],
+    [data-cursor-is-interactive='true']:hover[data-in-color-mode='auto']
+  ) {
+  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
+    linear-gradient(
+      rgb(var(--label-r), var(--label-g), var(--label-b)),
+      rgb(var(--label-r), var(--label-g), var(--label-b))
+    );
+  box-shadow: var(--shadow-resting-medium);
 }
 
-.prc_AvatarContainer_dBasr:where([data-size='medium']) {
-  width: calc(20px - var(--spacing));
-  height: calc(20px - var(--spacing));
+.prc_IssueLabel_ZuoEW:where([data-cursor-is-interactive='true']:hover[data-in-color-mode='dark']) {
+  /* stylelint-disable-next-line primer/colors */
+  background: hsla(var(--label-h), calc(var(--label-s) * 1%), calc(calc(var(--label-l) + 10) * 1%), 0.3);
+  box-shadow: var(--shadow-resting-medium);
 }
 
-.prc_AvatarContainer_dBasr:where([data-size='large']) {
-  width: calc(24px - var(--spacing));
-  height: calc(24px - var(--spacing));
+/* Remove button styling */
+.prc_IssueLabel_ZuoEW:where([data-has-remove-button='true']) {
+  padding-right: 0;
 }
 
-.prc_AvatarContainer_dBasr:where([data-size='xlarge']) {
-  width: calc(32px - var(--spacing));
-  height: calc(32px - var(--spacing));
+.prc_RemoveButton_H4Dmg:where([data-has-multiple-action-targets='true']) {
+  position: relative;
+  z-index: 1;
 }
 
 .prc_TreeViewRootUlStyles_eZtxW {
@@ -6124,6 +6981,110 @@ span wrapping svg or text */
   width: var(--tree-item-loading-width, 67%);
 }
 
+.prc_SkeletonAvatar_inefu {
+  &:where([data-component='SkeletonAvatar']) {
+    display: inline-block;
+    width: var(--avatarSize-regular);
+    height: var(--avatarSize-regular);
+    /* stylelint-disable-next-line primer/typography */
+    line-height: 1;
+    border-radius: 50%;
+  }
+
+  &:where([data-square]) {
+    /* stylelint-disable-next-line primer/borders */
+    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
+  }
+
+  &:where([data-responsive]) {
+    @media screen and (--viewportRange-narrow) {
+      width: var(--avatarSize-narrow);
+      height: var(--avatarSize-narrow);
+    }
+
+    @media screen and (--viewportRange-regular) {
+      width: var(--avatarSize-regular);
+      height: var(--avatarSize-regular);
+    }
+
+    @media screen and (--viewportRange-wide) {
+      width: var(--avatarSize-wide);
+      height: var(--avatarSize-wide);
+    }
+  }
+}
+
+.prc_SkeletonText_tW5nH {
+  --font-size: var(--text-body-size-medium);
+  --line-height: var(--text-body-lineHeight-medium);
+  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));
+
+  @supports (margin-block: mod(1px, 1px)) {
+    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));
+  }
+
+  height: var(--font-size);
+  border-radius: var(--borderRadius-small);
+  /* stylelint-disable-next-line primer/spacing */
+  margin-block: calc(var(--leading) / 2);
+
+  &:where([data-in-multiline]) {
+    /* stylelint-disable-next-line primer/spacing */
+    margin-block-end: calc(var(--leading) * 2);
+
+    &:last-child {
+      min-width: 50px;
+      max-width: 65%;
+      margin-bottom: 0;
+    }
+  }
+
+  &:where([data-text-skeleton-size='display']),
+  &:where([data-text-skeleton-size='titleLarge']) {
+    border-radius: var(--borderRadius-medium);
+  }
+
+  &:where([data-text-skeleton-size='display']) {
+    --font-size: var(--text-display-size);
+    --line-height: var(--text-display-lineHeight);
+  }
+
+  &:where([data-text-skeleton-size='titleLarge']) {
+    --font-size: var(--text-title-size-large);
+    --line-height: var(--text-title-lineHeight-large);
+  }
+
+  &:where([data-text-skeleton-size='titleMedium']) {
+    --font-size: var(--text-title-size-medium);
+    --line-height: var(--text-title-lineHeight-medium);
+  }
+
+  &:where([data-text-skeleton-size='titleSmall']) {
+    --font-size: var(--text-title-size-small);
+    --line-height: var(--text-title-lineHeight-small);
+  }
+
+  &:where([data-text-skeleton-size='subtitle']) {
+    --font-size: var(--text-subtitle-size);
+    --line-height: var(--text-subtitle-lineHeight);
+  }
+
+  &:where([data-text-skeleton-size='bodyLarge']) {
+    --font-size: var(--text-body-size-large);
+    --line-height: var(--text-body-lineHeight-large);
+  }
+
+  &:where([data-text-skeleton-size='bodySmall']) {
+    --font-size: var(--text-body-size-small);
+    --line-height: var(--text-body-lineHeight-small);
+  }
+}
+
+.prc_SkeletonTextWrapper_3Z0sU {
+  /* stylelint-disable-next-line primer/spacing */
+  padding-block: 0.1px;
+}
+
 .prc_UnderlineWrapper_oOh5J {
   display: flex;
   /* stylelint-disable-next-line primer/spacing */