@primer/view-components 0.31.1-rc.f5b13be7 → 0.32.0-rc.ae50af33

package/app/components/primer/beta/button.css.json

@@ -3,14 +3,13 @@
   "selectors": [
     ":root",
     ".Button",
-    ".Button:before",
+    ":is(.Button:before)",
     ".Button:hover",
     ".Button:active",
     ".Button:disabled",
     ".Button[aria-disabled=true]",
     ".Button.Button--iconOnly",
-    "a.Button:hover",
-    "summary.Button:hover",
+    ":is(a.Button,summary.Button):hover",
     ".Button-content",
     ".Button-content>:not(:last-child)",
     ".Button-content--alignStart",
@@ -23,10 +22,10 @@
     ".Button-trailingAction",
     ".Button--small",
     ".Button--small .Button-label",
-    ".Button--small .Button-content>:not(:last-child)",
+    ":is(.Button--small .Button-content)>:not(:last-child)",
     ".Button--large",
     ".Button--large .Button-label",
-    ".Button--large .Button-content>:not(:last-child)",
+    ":is(.Button--large .Button-content)>:not(:last-child)",
     ".Button--fullWidth",
     ".Button--labelWrap",
     ".Button--labelWrap .Button-content",
@@ -61,7 +60,7 @@
     ".Button--invisible[aria-disabled=true]",
     ".Button--invisible.Button--invisible-noVisuals .Button-label",
     ".Button--invisible .Button-visual",
-    ".Button--invisible .Button-visual .Counter",
+    ":is(.Button--invisible .Button-visual) .Counter",
     ".Button--link",
     ".Button--link:hover:not(:disabled,.Button--inactive)",
     ".Button--link:focus",
@@ -77,8 +76,7 @@
     ".Button--danger[aria-pressed=true]",
     ".Button--danger:disabled",
     ".Button--danger[aria-disabled=true]",
-    ".Button--danger:disabled .Counter",
-    ".Button--danger[aria-disabled=true] .Counter",
+    ":is(.Button--danger:disabled,.Button--danger[aria-disabled=true]) .Counter",
     ".Button--danger .Counter",
     ".Button--iconOnly",
     ".Button--iconOnly.Button--small",

package/app/components/primer/beta/button_group.css

@@ -1 +1 @@
-.ButtonGroup{display:inline-flex}.ButtonGroup .Button{border-radius:0;margin-inline-end:-1px;position:relative}.ButtonGroup .Button:active,.ButtonGroup .Button:focus,.ButtonGroup .Button:hover{z-index:1}.ButtonGroup>:first-child .Button{border-bottom-left-radius:var(--borderRadius-medium);border-top-left-radius:var(--borderRadius-medium)}.ButtonGroup>:last-child .Button{border-bottom-right-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}
+.ButtonGroup{display:inline-flex}.ButtonGroup .Button{border-radius:0;margin-inline-end:-1px;position:relative}:is(.ButtonGroup .Button):active,:is(.ButtonGroup .Button):focus,:is(.ButtonGroup .Button):hover{z-index:1}.ButtonGroup>:first-child .Button{border-bottom-left-radius:var(--borderRadius-medium);border-top-left-radius:var(--borderRadius-medium)}.ButtonGroup>:last-child .Button{border-bottom-right-radius:var(--borderRadius-medium);border-top-right-radius:var(--borderRadius-medium)}

package/app/components/primer/beta/button_group.css.json

@@ -3,9 +3,9 @@
   "selectors": [
     ".ButtonGroup",
     ".ButtonGroup .Button",
-    ".ButtonGroup .Button:active",
-    ".ButtonGroup .Button:focus",
-    ".ButtonGroup .Button:hover",
+    ":is(.ButtonGroup .Button):active",
+    ":is(.ButtonGroup .Button):focus",
+    ":is(.ButtonGroup .Button):hover",
     ".ButtonGroup>:first-child .Button",
     ".ButtonGroup>:last-child .Button"
   ]

package/app/components/primer/beta/label.css

@@ -1 +1 @@
-.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}
+.labels{position:relative}.Label,.label{border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small);font-weight:var(--base-text-weight-medium);line-height:18px;padding:0 7px;white-space:nowrap}:is(.label,.Label):hover{-webkit-text-decoration:none;text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--borderColor-neutral-emphasis);color:var(--fgColor-default)}.Label--secondary{border-color:var(--borderColor-default);color:var(--fgColor-muted)}.Label--accent,.Label--info{border-color:var(--borderColor-accent-emphasis);color:var(--fgColor-accent)}.Label--success{border-color:var(--borderColor-success-emphasis);color:var(--fgColor-success)}.Label--attention,.Label--warning{border-color:var(--borderColor-attention-emphasis);color:var(--fgColor-attention)}.Label--severe{border-color:var(--borderColor-severe-emphasis);color:var(--fgColor-severe)}.Label--danger{border-color:var(--borderColor-danger-emphasis);color:var(--fgColor-danger)}.Label--open{border-color:var(--borderColor-open-emphasis);color:var(--fgColor-open)}.Label--closed{border-color:var(--borderColor-closed-emphasis);color:var(--fgColor-closed)}.Label--done{border-color:var(--borderColor-done-emphasis);color:var(--fgColor-done)}.Label--sponsors{border-color:var(--borderColor-sponsors-emphasis);color:var(--fgColor-sponsors)}

package/app/components/primer/beta/label.css.json

@@ -4,8 +4,7 @@
     ".labels",
     ".Label",
     ".label",
-    ".Label:hover",
-    ".label:hover",
+    ":is(.label,.Label):hover",
     ".Label--large",
     ".Label--inline",
     ".Label--primary",

package/app/components/primer/beta/link.css

@@ -1 +1 @@
-.Link{color:var(--fgColor-accent);-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)!important}.Link--primary:hover{color:var(--fgColor-accent)!important}.Link--secondary{color:var(--fgColor-muted)!important}.Link--secondary:hover{color:var(--fgColor-accent)!important}.Link--muted{color:var(--fgColor-muted)!important}.Link--muted:hover{color:var(--fgColor-accent)!important;-webkit-text-decoration:none;text-decoration:none}.Link--onHover:hover{color:var(--fgColor-accent)!important;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}
+.Link{color:var(--fgColor-accent);-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)!important}.Link--primary:hover{color:var(--fgColor-accent)!important}.Link--secondary{color:var(--fgColor-muted)!important}.Link--secondary:hover{color:var(--fgColor-accent)!important}.Link--muted{color:var(--fgColor-muted)!important}.Link--muted:hover{color:var(--fgColor-accent)!important;-webkit-text-decoration:none;text-decoration:none}.Link--onHover:hover{color:var(--fgColor-accent)!important;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}:is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]{color:inherit!important}

package/app/components/primer/beta/link.css.json

@@ -13,8 +13,6 @@
     ".Link--muted",
     ".Link--muted:hover",
     ".Link--onHover:hover",
-    ".Link--muted:hover [class*=color-fg]",
-    ".Link--primary:hover [class*=color-fg]",
-    ".Link--secondary:hover [class*=color-fg]"
+    ":is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg]"
   ]
 }

package/app/components/primer/beta/popover.css

@@ -1 +1 @@
-.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;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);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);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);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--overlay-bgColor);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);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--overlay-bgColor);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--borderColor-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--overlay-bgColor);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);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}
+.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--overlay-bgColor);border:var(--borderWidth-thin) solid var(--borderColor-default);border-radius:var(--borderRadius-medium);box-shadow:var(--shadow-floating-legacy,var(--color-shadow-large))!important;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);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--overlay-bgColor);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after,:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-bottom-color:#0000;top:auto}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before{border-top-color:var(--borderColor-default);bottom:-16px}:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after{border-top-color:var(--overlay-bgColor);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before{left:auto;margin-left:0}:is(.Popover-message--top-right,.Popover-message--bottom-right):before{right:20px}:is(.Popover-message--top-right,.Popover-message--bottom-right):after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after,:is(.Popover-message--top-left,.Popover-message--bottom-left):before{left:24px;margin-left:0}:is(.Popover-message--top-left,.Popover-message--bottom-left):after{left:25px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after,:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{margin-top:-9px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{margin-top:-8px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before{border-left-color:var(--borderColor-default);right:-16px}:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after{border-left-color:var(--overlay-bgColor);right:-14px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before{border-right-color:var(--borderColor-default);left:-16px}:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after{border-right-color:var(--overlay-bgColor);left:-14px}:is(.Popover-message--right-top,.Popover-message--left-top):after,:is(.Popover-message--right-top,.Popover-message--left-top):before{top:24px}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{top:auto}:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before{bottom:16px}:is(.Popover-message--right-bottom,.Popover-message--left-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);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal)!important}.Popover-message:after,.Popover-message:before{display:none}}

package/app/components/primer/beta/popover.css.json

@@ -7,32 +7,26 @@
     ".Popover-message:before",
     ".Popover-message--no-caret:after",
     ".Popover-message--no-caret:before",
-    ".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",
+    ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after",
+    ":is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before",
     ".Popover-message--bottom-right",
     ".Popover-message--top-right",
-    ".Popover-message--top-right:after",
-    ".Popover-message--top-right:before",
+    ":is(.Popover-message--top-right,.Popover-message--bottom-right):after",
+    ":is(.Popover-message--top-right,.Popover-message--bottom-right):before",
     ".Popover-message--bottom-left",
     ".Popover-message--top-left",
-    ".Popover-message--top-left:after",
-    ".Popover-message--top-left:before",
-    ".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",
+    ":is(.Popover-message--top-left,.Popover-message--bottom-left):after",
+    ":is(.Popover-message--top-left,.Popover-message--bottom-left):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before",
+    ":is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after",
+    ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before",
+    ":is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right-top,.Popover-message--left-top):after",
+    ":is(.Popover-message--right-top,.Popover-message--left-top):before",
+    ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):after",
+    ":is(.Popover-message--right-bottom,.Popover-message--left-bottom):before",
     ".Popover-message--large",
     ".Popover-message>.btn-octicon"
   ]

package/app/components/primer/beta/truncate.css

@@ -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(--control-small-gap)}.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}
+.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}:is(.Truncate>.Truncate-text)+.Truncate-text{margin-left:var(--control-small-gap)}.Truncate-text--primary:is(.Truncate>.Truncate-text){flex-basis:200%}.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover{cursor:pointer;flex-shrink:0;max-width:100%!important}

package/app/components/primer/beta/truncate.css.json

@@ -3,10 +3,10 @@
   "selectors": [
     ".Truncate",
     ".Truncate>.Truncate-text",
-    ".Truncate>.Truncate-text+.Truncate-text",
-    ".Truncate>.Truncate-text.Truncate-text--primary",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:active",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:focus",
-    ".Truncate>.Truncate-text.Truncate-text--expandable:hover"
+    ":is(.Truncate>.Truncate-text)+.Truncate-text",
+    ".Truncate-text--primary:is(.Truncate>.Truncate-text)",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):active",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):focus",
+    ".Truncate-text--expandable:is(.Truncate>.Truncate-text):hover"
   ]
 }

package/app/components/primer/shared_events.d.ts

@@ -1,9 +1,11 @@
 export type ItemActivatedEvent = {
     item: Element;
     checked: boolean;
+    value: string | null;
 };
 declare global {
     interface HTMLElementEventMap {
         itemActivated: CustomEvent<ItemActivatedEvent>;
+        beforeItemActivated: CustomEvent<ItemActivatedEvent>;
     }
 }

package/lib/primer/forms/primer_text_field.js

@@ -19,6 +19,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
 var _PrimerTextFieldElement_abortController;
 import '@github/auto-check-element';
 import { controller, target } from '@github/catalyst';
+const SCREENREADER_TEXT_CLASSNAME = 'spinner-screenreader-text';
 let PrimerTextFieldElement = class PrimerTextFieldElement extends HTMLElement {
     constructor() {
         super(...arguments);
@@ -83,10 +84,12 @@ let PrimerTextFieldElement = class PrimerTextFieldElement extends HTMLElement {
     }
     showLeadingSpinner() {
         this.leadingSpinner?.removeAttribute('hidden');
+        this.leadingSpinner?.querySelector(SCREENREADER_TEXT_CLASSNAME)?.removeAttribute('hidden');
         this.leadingVisual?.setAttribute('hidden', '');
     }
     hideLeadingSpinner() {
         this.leadingSpinner?.setAttribute('hidden', '');
+        this.leadingSpinner?.querySelector(SCREENREADER_TEXT_CLASSNAME)?.setAttribute('hidden', '');
         this.leadingVisual?.removeAttribute('hidden');
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.31.1-rc.f5b13be7",
+  "version": "0.32.0-rc.ae50af33",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -85,14 +85,16 @@
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.0.0",
     "postcss-mixins": "^10.0.0",
-    "postcss-preset-env": "^9.3.0",
+    "postcss-preset-env": "^10.0.2",
     "prettier": "^3.3.2",
     "rollup": "^2.79.1",
     "rollup-plugin-terser": "^7.0.2",
     "stylelint": "^16.1.0",
     "stylelint-config-standard": "^36.0.0",
     "tslib": "^2.4.0",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "vite": "^5.3.5",
+    "vite-plugin-ruby": "^5.0.0"
   },
   "prettier": "@github/prettier-config",
   "browserslist": "extends @github/browserslist-config"

package/static/classes.json

@@ -251,6 +251,9 @@
   "FormControl-checkbox-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-error": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-horizontalGroup": [
     "Primer::Alpha::TextField"
   ],
@@ -266,12 +269,27 @@
   "FormControl-input": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-input-trailingAction--divider": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-input-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-inset": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-label": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-large": [
+    "Primer::Alpha::TextField"
+  ],
+  "FormControl-medium": [
+    "Primer::Alpha::TextField"
+  ],
+  "FormControl-monospace": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-radio-group-wrap": [
     "Primer::Alpha::TextField"
   ],
@@ -284,15 +302,24 @@
   "FormControl-select-wrap": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-small": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-spacingWrapper": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-success": [
+    "Primer::Alpha::TextField"
+  ],
   "FormControl-textarea": [
     "Primer::Alpha::TextField"
   ],
   "FormControl-toggleSwitchInput": [
     "Primer::Alpha::TextField"
   ],
+  "FormControl-warning": [
+    "Primer::Alpha::TextField"
+  ],
   "Label": [
     "Primer::Beta::Label"
   ],
@@ -347,6 +374,12 @@
   "Layout-divider": [
     "Primer::Alpha::Layout"
   ],
+  "Layout-divider--flowRow-hidden": [
+    "Primer::Alpha::Layout"
+  ],
+  "Layout-divider--flowRow-shallow": [
+    "Primer::Alpha::Layout"
+  ],
   "Layout-main": [
     "Primer::Alpha::Layout"
   ],
@@ -414,9 +447,6 @@
   "Popover-message": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--bottom": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--bottom-left": [
     "Primer::Beta::Popover"
   ],
@@ -426,27 +456,9 @@
   "Popover-message--large": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--left": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--left-bottom": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--left-top": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--no-caret": [
     "Primer::Beta::Popover"
   ],
-  "Popover-message--right": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--right-bottom": [
-    "Primer::Beta::Popover"
-  ],
-  "Popover-message--right-top": [
-    "Primer::Beta::Popover"
-  ],
   "Popover-message--top-left": [
     "Primer::Beta::Popover"
   ],
@@ -591,6 +603,12 @@
   "Truncate": [
     "Primer::Beta::Truncate"
   ],
+  "Truncate-text--expandable": [
+    "Primer::Beta::Truncate"
+  ],
+  "Truncate-text--primary": [
+    "Primer::Beta::Truncate"
+  ],
   "UnderlineNav": [
     "Primer::Alpha::UnderlineNav"
   ],

package/static/info_arch.json

@@ -8118,6 +8118,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/select_panel/no_values",
+        "name": "no_values",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -6173,6 +6173,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/select_panel/no_values",
+        "name": "no_values",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },