@primer/view-components 0.1.0-rc.d6eb7cd7 → 0.1.0-rc.dfa70354

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

@@ -1 +1,34 @@
-{"name":"beta/blankslate","selectors":[".blankslate",".blankslate p",".blankslate code",".blankslate img",".blankslate-icon",".blankslate-image",".blankslate-heading",".blankslate-action",".blankslate-action:first-of-type",".blankslate-action:last-of-type",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large img",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background"]}
+{
+  "name": "beta/blankslate",
+  "selectors": [
+    ".blankslate",
+    ".blankslate p",
+    ".blankslate code",
+    ".blankslate img",
+    ".blankslate-icon",
+    ".blankslate-image",
+    ".blankslate-heading",
+    ".blankslate-action",
+    ".blankslate-action:first-of-type",
+    ".blankslate-action:last-of-type",
+    ".blankslate-capped",
+    ".blankslate-spacious",
+    ".blankslate-narrow",
+    ".blankslate-large img",
+    ".blankslate-large h3",
+    ".blankslate-large p",
+    ".blankslate-clean-background"
+  ],
+  "classes": [
+    "blankslate",
+    "blankslate-icon",
+    "blankslate-image",
+    "blankslate-heading",
+    "blankslate-action",
+    "blankslate-capped",
+    "blankslate-spacious",
+    "blankslate-narrow",
+    "blankslate-large",
+    "blankslate-clean-background"
+  ]
+}

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

@@ -1 +1,86 @@
-{"name":"beta/border_box","selectors":[".Box",".Box--condensed",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-header",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-footer",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-footer",".Box--blue .Box-row",".Box--danger",".Box--danger .Box-body:last-of-type",".Box--danger .Box-row:first-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"]}
+{
+  "name": "beta/border_box",
+  "selectors": [
+    ".Box",
+    ".Box--condensed",
+    ".Box--condensed .Box-body",
+    ".Box--condensed .Box-footer",
+    ".Box--condensed .Box-header",
+    ".Box--condensed .Box-btn-octicon.btn-octicon",
+    ".Box--condensed .Box-row",
+    ".Box--spacious .Box-header",
+    ".Box--spacious .Box-title",
+    ".Box--spacious .Box-body",
+    ".Box--spacious .Box-btn-octicon.btn-octicon",
+    ".Box--spacious .Box-footer",
+    ".Box--spacious .Box-row",
+    ".Box-header",
+    ".Box-title",
+    ".Box-body",
+    ".Box-body:last-of-type",
+    ".Box-row",
+    ".Box-row:first-of-type",
+    ".Box-row:last-of-type",
+    ".Box-row.Box-row--unread",
+    ".Box-row.unread",
+    ".Box-row.navigation-focus .Box-row--drag-button",
+    ".Box-row.navigation-focus.is-dragging .Box-row--drag-button",
+    ".Box-row.navigation-focus.sortable-chosen",
+    ".Box-row.navigation-focus.sortable-ghost",
+    ".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",
+    ".Box-row--focus-gray.navigation-focus",
+    ".Box-row--focus-blue.navigation-focus",
+    ".Box-row--hover-gray:hover",
+    ".Box-row--hover-blue:hover",
+    ".Box-row-link",
+    ".Box-row-link:hover",
+    ".Box-row--drag-button",
+    ".Box-footer",
+    ".Box--scrollable",
+    ".Box--blue",
+    ".Box--blue .Box-header",
+    ".Box--blue .Box-body",
+    ".Box--blue .Box-footer",
+    ".Box--blue .Box-row",
+    ".Box--danger",
+    ".Box--danger .Box-body:last-of-type",
+    ".Box--danger .Box-row:first-of-type",
+    ".Box-header--blue",
+    ".Box-row--yellow",
+    ".Box-row--blue",
+    ".Box-row--gray",
+    ".Box-btn-octicon.btn-octicon"
+  ],
+  "classes": [
+    "Box",
+    "Box--condensed",
+    "Box-body",
+    "Box-footer",
+    "Box-header",
+    "Box-btn-octicon",
+    "btn-octicon",
+    "Box-row",
+    "Box--spacious",
+    "Box-title",
+    "Box-row--unread",
+    "unread",
+    "navigation-focus",
+    "Box-row--drag-button",
+    "is-dragging",
+    "sortable-chosen",
+    "sortable-ghost",
+    "Box-row--drag-hide",
+    "Box-row--focus-gray",
+    "Box-row--focus-blue",
+    "Box-row--hover-gray",
+    "Box-row--hover-blue",
+    "Box-row-link",
+    "Box--scrollable",
+    "Box--blue",
+    "Box--danger",
+    "Box-header--blue",
+    "Box-row--yellow",
+    "Box-row--blue",
+    "Box-row--gray"
+  ]
+}

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

@@ -1 +1,15 @@
-{"name":"beta/breadcrumbs","selectors":[".breadcrumb-item",".breadcrumb-item:after",".breadcrumb-item:first-child",".breadcrumb-item-selected:after",".breadcrumb-item[aria-current]:not([aria-current=false]):after",".breadcrumb-item-selected a"]}
+{
+  "name": "beta/breadcrumbs",
+  "selectors": [
+    ".breadcrumb-item",
+    ".breadcrumb-item:after",
+    ".breadcrumb-item:first-child",
+    ".breadcrumb-item-selected:after",
+    ".breadcrumb-item[aria-current]:not([aria-current=false]):after",
+    ".breadcrumb-item-selected a"
+  ],
+  "classes": [
+    "breadcrumb-item",
+    "breadcrumb-item-selected"
+  ]
+}

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

@@ -1 +1 @@
-:root{--primer-duration-fast:80ms;--primer-easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--primer-borderWidth-thin,1px) solid;border-color:#0000;border-radius:var(--primer-borderRadius-medium,6px);color:var(--color-btn-text);cursor:pointer;display:flex;flex-direction:row;font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);gap:var(--primer-control-medium-gap,8px);height:var(--primer-control-medium-size,32px);justify-content:space-between;min-width:max-content;padding:0 var(--primer-control-medium-paddingInline-normal,12px);position:relative;text-align:center;transition:var(--primer-duration-fast) var(--primer-easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:course){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--primer-duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button-withTooltip{display:inline-block;position:relative}a.Button,summary.Button{display:inline-flex}a.Button:hover,summary.Button:hover{text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--primer-control-medium-gap,8px)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--color-btn-counter-bg);color:inherit}.Button-label{grid-area:text;line-height:var(--primer-text-body-lineHeight-medium,1.42857);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 4px)*-1)}.Button--small{font-size:var(--primer-text-body-size-small,12px);gap:var(--primer-control-small-gap,4px);height:var(--primer-control-small-size,28px);padding:0 var(--primer-control-small-paddingInline-condensed,8px)}.Button--small .Button-label{line-height:var(--primer-text-body-lineHeight-small,1.66667)}.Button--small .Button-content>:not(:last-child){margin-right:var(--primer-control-small-gap,4px)}.Button--large{gap:var(--primer-control-large-gap,8px);height:var(--primer-control-large-size,40px);padding:0 var(--primer-control-large-paddingInline-spacious,16px)}.Button--large .Button-label{line-height:var(--primer-text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--primer-control-large-gap,8px)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow);color:var(--color-btn-primary-text)}.Button--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);color:var(--color-btn-primary-disabled-text)}.Button--secondary{fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-text)}.Button--secondary:hover:not(:disabled){background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active:not(:disabled){background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible{color:var(--color-btn-text)}.Button--invisible:hover:not(:disabled){background-color:var(--color-action-list-item-default-hover-bg)}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--color-action-list-item-default-active-bg)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--color-accent-fg)}.Button--invisible .Button-visual{color:var(--color-fg-muted)}.Button--link{fill:var(--color-accent-fg);border:none;color:var(--color-accent-fg);display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled){text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:initial;border-color:#0000;color:var(--color-primer-fg-disabled)}.Button--danger{fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-danger-text)}.Button--danger:hover:not(:disabled){fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow);color:var(--color-btn-danger-hover-text)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow);color:var(--color-btn-danger-selected-text)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);color:var(--color-btn-danger-disabled-text)}.Button--iconOnly{display:grid;padding:unset;place-content:center;width:var(--primer-control-medium-size,32px)}.Button--iconOnly.Button--small{width:var(--primer-control-small-size,28px)}.Button--iconOnly.Button--large{width:var(--primer-control-large-size,40px)}
+:root{--primer-duration-fast:80ms;--primer-easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--primer-borderWidth-thin,1px) solid;border-color:#0000;border-radius:var(--primer-borderRadius-medium,6px);color:var(--color-btn-text);cursor:pointer;display:flex;flex-direction:row;font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);gap:var(--primer-control-medium-gap,8px);height:var(--primer-control-medium-size,32px);justify-content:space-between;min-width:max-content;padding:0 var(--primer-control-medium-paddingInline-normal,12px);position:relative;text-align:center;transition:var(--primer-duration-fast) var(--primer-easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--primer-duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button-withTooltip{display:inline-block;position:relative}a.Button,summary.Button{display:inline-flex}a.Button:hover,summary.Button:hover{text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--primer-control-medium-gap,8px)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--color-btn-counter-bg);color:inherit}.Button-label{grid-area:text;line-height:var(--primer-text-body-lineHeight-medium,1.42857);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 4px)*-1)}.Button--small{font-size:var(--primer-text-body-size-small,12px);gap:var(--primer-control-small-gap,4px);height:var(--primer-control-small-size,28px);padding:0 var(--primer-control-small-paddingInline-condensed,8px)}.Button--small .Button-label{line-height:var(--primer-text-body-lineHeight-small,1.66667)}.Button--small .Button-content>:not(:last-child){margin-right:var(--primer-control-small-gap,4px)}.Button--large{gap:var(--primer-control-large-gap,8px);height:var(--primer-control-large-size,40px);padding:0 var(--primer-control-large-paddingInline-spacious,16px)}.Button--large .Button-label{line-height:var(--primer-text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--primer-control-large-gap,8px)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow);color:var(--color-btn-primary-text)}.Button--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);color:var(--color-btn-primary-disabled-text)}.Button--secondary{fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-text)}.Button--secondary:hover:not(:disabled){background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active:not(:disabled){background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible{color:var(--color-btn-text)}.Button--invisible:hover:not(:disabled){background-color:var(--color-action-list-item-default-hover-bg)}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--color-action-list-item-default-active-bg)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--color-accent-fg)}.Button--invisible .Button-visual{color:var(--color-fg-muted)}.Button--link{fill:var(--color-accent-fg);border:none;color:var(--color-accent-fg);display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled){text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:initial;border-color:#0000;color:var(--color-primer-fg-disabled)}.Button--danger{fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-danger-text)}.Button--danger:hover:not(:disabled){fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow);color:var(--color-btn-danger-hover-text)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow);color:var(--color-btn-danger-selected-text)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);color:var(--color-btn-danger-disabled-text)}.Button--iconOnly{display:grid;padding:unset;place-content:center;width:var(--primer-control-medium-size,32px)}.Button--iconOnly.Button--small{width:var(--primer-control-small-size,28px)}.Button--iconOnly.Button--large{width:var(--primer-control-large-size,40px)}

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

@@ -1 +1,93 @@
-{"name":"beta/button","selectors":[":root",".Button",".Button:before",".Button:hover",".Button:active",".Button:disabled",".Button[aria-disabled=true]",".Button-withTooltip","a.Button","summary.Button","a.Button:hover","summary.Button:hover",".Button-content",".Button-content>:not(:last-child)",".Button-content--alignStart",".Button-visual",".Button-visual .Counter",".Button-label",".Button-leadingVisual",".Button-trailingVisual",".Button-trailingAction",".Button--small",".Button--small .Button-label",".Button--small .Button-content>:not(:last-child)",".Button--large",".Button--large .Button-label",".Button--large .Button-content>:not(:last-child)",".Button--fullWidth",".Button--primary",".Button--primary:hover:not(:disabled)",".Button--primary:focus",".Button--primary:focus:not(:focus-visible)",".Button--primary:focus-visible",".Button--primary:active:not(:disabled)",".Button--primary[aria-pressed=true]",".Button--primary:disabled",".Button--primary[aria-disabled=true]",".Button--secondary",".Button--secondary:hover:not(:disabled)",".Button--secondary:active:not(:disabled)",".Button--secondary[aria-pressed=true]",".Button--secondary:disabled",".Button--secondary[aria-disabled=true]",".Button--invisible",".Button--invisible:hover:not(:disabled)",".Button--invisible:active:not(:disabled)",".Button--invisible[aria-pressed=true]",".Button--invisible:disabled",".Button--invisible[aria-disabled=true]",".Button--invisible.Button--invisible-noVisuals .Button-label",".Button--invisible .Button-visual",".Button--link",".Button--link:hover:not(:disabled)",".Button--link:focus",".Button--link:focus-visible",".Button--link:disabled",".Button--link[aria-disabled=true]",".Button--danger",".Button--danger:hover:not(:disabled)",".Button--danger:active:not(:disabled)",".Button--danger[aria-pressed=true]",".Button--danger:disabled",".Button--danger[aria-disabled=true]",".Button--iconOnly",".Button--iconOnly.Button--small",".Button--iconOnly.Button--large"]}
+{
+  "name": "beta/button",
+  "selectors": [
+    ":root",
+    ".Button",
+    ".Button:before",
+    ".Button:hover",
+    ".Button:active",
+    ".Button:disabled",
+    ".Button[aria-disabled=true]",
+    ".Button-withTooltip",
+    "a.Button",
+    "summary.Button",
+    "a.Button:hover",
+    "summary.Button:hover",
+    ".Button-content",
+    ".Button-content>:not(:last-child)",
+    ".Button-content--alignStart",
+    ".Button-visual",
+    ".Button-visual .Counter",
+    ".Button-label",
+    ".Button-leadingVisual",
+    ".Button-trailingVisual",
+    ".Button-trailingAction",
+    ".Button--small",
+    ".Button--small .Button-label",
+    ".Button--small .Button-content>:not(:last-child)",
+    ".Button--large",
+    ".Button--large .Button-label",
+    ".Button--large .Button-content>:not(:last-child)",
+    ".Button--fullWidth",
+    ".Button--primary",
+    ".Button--primary:hover:not(:disabled)",
+    ".Button--primary:focus",
+    ".Button--primary:focus:not(:focus-visible)",
+    ".Button--primary:focus-visible",
+    ".Button--primary:active:not(:disabled)",
+    ".Button--primary[aria-pressed=true]",
+    ".Button--primary:disabled",
+    ".Button--primary[aria-disabled=true]",
+    ".Button--secondary",
+    ".Button--secondary:hover:not(:disabled)",
+    ".Button--secondary:active:not(:disabled)",
+    ".Button--secondary[aria-pressed=true]",
+    ".Button--secondary:disabled",
+    ".Button--secondary[aria-disabled=true]",
+    ".Button--invisible",
+    ".Button--invisible:hover:not(:disabled)",
+    ".Button--invisible:active:not(:disabled)",
+    ".Button--invisible[aria-pressed=true]",
+    ".Button--invisible:disabled",
+    ".Button--invisible[aria-disabled=true]",
+    ".Button--invisible.Button--invisible-noVisuals .Button-label",
+    ".Button--invisible .Button-visual",
+    ".Button--link",
+    ".Button--link:hover:not(:disabled)",
+    ".Button--link:focus",
+    ".Button--link:focus-visible",
+    ".Button--link:disabled",
+    ".Button--link[aria-disabled=true]",
+    ".Button--danger",
+    ".Button--danger:hover:not(:disabled)",
+    ".Button--danger:active:not(:disabled)",
+    ".Button--danger[aria-pressed=true]",
+    ".Button--danger:disabled",
+    ".Button--danger[aria-disabled=true]",
+    ".Button--iconOnly",
+    ".Button--iconOnly.Button--small",
+    ".Button--iconOnly.Button--large"
+  ],
+  "classes": [
+    "Button",
+    "Button-withTooltip",
+    "Button-content",
+    "Button-content--alignStart",
+    "Button-visual",
+    "Counter",
+    "Button-label",
+    "Button-leadingVisual",
+    "Button-trailingVisual",
+    "Button-trailingAction",
+    "Button--small",
+    "Button--large",
+    "Button--fullWidth",
+    "Button--primary",
+    "Button--secondary",
+    "Button--invisible",
+    "Button--invisible-noVisuals",
+    "Button--link",
+    "Button--danger",
+    "Button--iconOnly"
+  ]
+}

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

@@ -1 +1,16 @@
-{"name":"beta/counter","selectors":[".Counter",".Counter:empty",".Counter .octicon",".Counter--primary",".Counter--secondary"]}
+{
+  "name": "beta/counter",
+  "selectors": [
+    ".Counter",
+    ".Counter:empty",
+    ".Counter .octicon",
+    ".Counter--primary",
+    ".Counter--secondary"
+  ],
+  "classes": [
+    "Counter",
+    "octicon",
+    "Counter--primary",
+    "Counter--secondary"
+  ]
+}

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

@@ -1 +1,42 @@
-{"name":"beta/flash","selectors":[".flash:not(.Banner)",".flash:not(.Banner) .octicon",".flash:not(.Banner) p:last-child",".flash-messages",".flash-close:not(.Banner-close)",".flash-close:not(.Banner-close):hover",".flash-close:not(.Banner-close):active",".flash-close:not(.Banner-close) .octicon",".flash-action:not(.Banner-actions)",".flash-action.btn:not(.Banner-actions) .octicon",".flash-action.btn-primary:not(.Banner-actions)",".flash-action.btn-primary:not(.Banner-actions) .octicon",".flash-warn:not(.Banner)",".flash-warn:not(.Banner) .octicon",".flash-error:not(.Banner)",".flash-error:not(.Banner) .octicon",".flash-success:not(.Banner)",".flash-success:not(.Banner) .octicon",".flash-full:not(.Banner)",".flash-banner",".flash-full",".warning"]}
+{
+  "name": "beta/flash",
+  "selectors": [
+    ".flash:not(.Banner)",
+    ".flash:not(.Banner) .octicon",
+    ".flash:not(.Banner) p:last-child",
+    ".flash-messages",
+    ".flash-close:not(.Banner-close)",
+    ".flash-close:not(.Banner-close):hover",
+    ".flash-close:not(.Banner-close):active",
+    ".flash-close:not(.Banner-close) .octicon",
+    ".flash-action:not(.Banner-actions)",
+    ".flash-action.btn:not(.Banner-actions) .octicon",
+    ".flash-action.btn-primary:not(.Banner-actions)",
+    ".flash-action.btn-primary:not(.Banner-actions) .octicon",
+    ".flash-warn:not(.Banner)",
+    ".flash-warn:not(.Banner) .octicon",
+    ".flash-error:not(.Banner)",
+    ".flash-error:not(.Banner) .octicon",
+    ".flash-success:not(.Banner)",
+    ".flash-success:not(.Banner) .octicon",
+    ".flash-full:not(.Banner)",
+    ".flash-banner",
+    ".flash-full",
+    ".warning"
+  ],
+  "classes": [
+    "flash",
+    "octicon",
+    "flash-messages",
+    "flash-close",
+    "flash-action",
+    "btn",
+    "btn-primary",
+    "flash-warn",
+    "flash-error",
+    "flash-success",
+    "flash-full",
+    "flash-banner",
+    "warning"
+  ]
+}

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

@@ -1 +1,45 @@
-{"name":"beta/label","selectors":[".labels",".Label",".label",".Label:hover",".label:hover",".Label--large",".Label--inline",".Label--primary",".Label--secondary",".Label--accent",".Label--info",".Label--success",".Label--attention",".Label--warning",".Label--severe",".Label--danger",".Label--open",".Label--closed",".Label--done",".Label--sponsors"]}
+{
+  "name": "beta/label",
+  "selectors": [
+    ".labels",
+    ".Label",
+    ".label",
+    ".Label:hover",
+    ".label:hover",
+    ".Label--large",
+    ".Label--inline",
+    ".Label--primary",
+    ".Label--secondary",
+    ".Label--accent",
+    ".Label--info",
+    ".Label--success",
+    ".Label--attention",
+    ".Label--warning",
+    ".Label--severe",
+    ".Label--danger",
+    ".Label--open",
+    ".Label--closed",
+    ".Label--done",
+    ".Label--sponsors"
+  ],
+  "classes": [
+    "labels",
+    "Label",
+    "label",
+    "Label--large",
+    "Label--inline",
+    "Label--primary",
+    "Label--secondary",
+    "Label--accent",
+    "Label--info",
+    "Label--success",
+    "Label--attention",
+    "Label--warning",
+    "Label--severe",
+    "Label--danger",
+    "Label--open",
+    "Label--closed",
+    "Label--done",
+    "Label--sponsors"
+  ]
+}

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

@@ -1 +1,27 @@
-{"name":"beta/link","selectors":[".Link",".Link:hover",".Link:focus",".Link:focus-visible",".Link--primary",".Link--primary:hover",".Link--secondary",".Link--secondary:hover",".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]"]}
+{
+  "name": "beta/link",
+  "selectors": [
+    ".Link",
+    ".Link:hover",
+    ".Link:focus",
+    ".Link:focus-visible",
+    ".Link--primary",
+    ".Link--primary:hover",
+    ".Link--secondary",
+    ".Link--secondary:hover",
+    ".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]"
+  ],
+  "classes": [
+    "Link",
+    "Link--primary",
+    "Link--secondary",
+    "Link--muted",
+    "Link--onHover",
+    "color-fg"
+  ]
+}

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

@@ -1 +1,57 @@
-{"name":"beta/popover","selectors":[".Popover",".Popover-message",".Popover-message:after",".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",".Popover-message--bottom-right",".Popover-message--top-right",".Popover-message--top-right:after",".Popover-message--top-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",".Popover-message--large",".Popover-message>.btn-octicon"]}
+{
+  "name": "beta/popover",
+  "selectors": [
+    ".Popover",
+    ".Popover-message",
+    ".Popover-message:after",
+    ".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",
+    ".Popover-message--bottom-right",
+    ".Popover-message--top-right",
+    ".Popover-message--top-right:after",
+    ".Popover-message--top-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",
+    ".Popover-message--large",
+    ".Popover-message>.btn-octicon"
+  ],
+  "classes": [
+    "Popover",
+    "Popover-message",
+    "Popover-message--no-caret",
+    "Popover-message--bottom-left",
+    "Popover-message--bottom-right",
+    "Popover-message--bottom",
+    "Popover-message--top-right",
+    "Popover-message--top-left",
+    "Popover-message--left-bottom",
+    "Popover-message--left-top",
+    "Popover-message--left",
+    "Popover-message--right-bottom",
+    "Popover-message--right-top",
+    "Popover-message--right",
+    "Popover-message--large",
+    "btn-octicon"
+  ]
+}

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

@@ -1 +1,16 @@
-{"name":"beta/progress_bar","selectors":[".Progress",".Progress--large",".Progress--small",".Progress-item",".Progress-item+.Progress-item"]}
+{
+  "name": "beta/progress_bar",
+  "selectors": [
+    ".Progress",
+    ".Progress--large",
+    ".Progress--small",
+    ".Progress-item",
+    ".Progress-item+.Progress-item"
+  ],
+  "classes": [
+    "Progress",
+    "Progress--large",
+    "Progress--small",
+    "Progress-item"
+  ]
+}

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

@@ -1 +1,23 @@
-{"name":"beta/state","selectors":[".State",".state",".State--draft",".State--open",".State--merged",".State--closed",".State--small",".State--small .octicon"]}
+{
+  "name": "beta/state",
+  "selectors": [
+    ".State",
+    ".state",
+    ".State--draft",
+    ".State--open",
+    ".State--merged",
+    ".State--closed",
+    ".State--small",
+    ".State--small .octicon"
+  ],
+  "classes": [
+    "State",
+    "state",
+    "State--draft",
+    "State--open",
+    "State--merged",
+    "State--closed",
+    "State--small",
+    "octicon"
+  ]
+}

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

@@ -1 +1,20 @@
-{"name":"beta/subhead","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions+.Subhead-description"]}
+{
+  "name": "beta/subhead",
+  "selectors": [
+    ".Subhead",
+    ".Subhead--spacious",
+    ".Subhead-heading",
+    ".Subhead-heading--danger",
+    ".Subhead-description",
+    ".Subhead-actions",
+    ".Subhead-actions+.Subhead-description"
+  ],
+  "classes": [
+    "Subhead",
+    "Subhead--spacious",
+    "Subhead-heading",
+    "Subhead-heading--danger",
+    "Subhead-description",
+    "Subhead-actions"
+  ]
+}

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

@@ -1 +1,25 @@
-{"name":"beta/timeline_item","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}
+{
+  "name": "beta/timeline_item",
+  "selectors": [
+    ".TimelineItem",
+    ".TimelineItem:before",
+    ".TimelineItem:target .TimelineItem-badge",
+    ".TimelineItem-badge",
+    ".TimelineItem-badge--success",
+    ".TimelineItem-body",
+    ".TimelineItem-avatar",
+    ".TimelineItem-break",
+    ".TimelineItem--condensed",
+    ".TimelineItem--condensed:last-child",
+    ".TimelineItem--condensed .TimelineItem-badge"
+  ],
+  "classes": [
+    "TimelineItem",
+    "TimelineItem-badge",
+    "TimelineItem-badge--success",
+    "TimelineItem-body",
+    "TimelineItem-avatar",
+    "TimelineItem-break",
+    "TimelineItem--condensed"
+  ]
+}

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

@@ -1 +1,18 @@
-{"name":"beta/truncate","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"]}
+{
+  "name": "beta/truncate",
+  "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"
+  ],
+  "classes": [
+    "Truncate",
+    "Truncate-text",
+    "Truncate-text--primary",
+    "Truncate-text--expandable"
+  ]
+}

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

@@ -1,4 +1,6 @@
+import '@oddbird/popover-polyfill';
 import './alpha/dropdown';
+import './anchored_position';
 import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';
@@ -8,8 +10,8 @@ import './alpha/tool_tip';
 import './alpha/x_banner';
 import './beta/auto_complete/auto_complete';
 import './beta/clipboard_copy';
-import './local_time';
+import './beta/relative_time';
 import './alpha/tab_container';
-import './time_ago_component';
 import '../../../lib/primer/forms/primer_multi_input';
 import '../../../lib/primer/forms/primer_text_field';
+import '../../../lib/primer/forms/toggle_switch_input';

package/app/components/primer/primer.js

@@ -1,4 +1,6 @@
+import '@oddbird/popover-polyfill';
 import './alpha/dropdown';
+import './anchored_position';
 import './alpha/image_crop';
 import './alpha/modal_dialog';
 import './alpha/nav_list';
@@ -8,8 +10,8 @@ import './alpha/tool_tip';
 import './alpha/x_banner';
 import './beta/auto_complete/auto_complete';
 import './beta/clipboard_copy';
-import './local_time';
+import './beta/relative_time';
 import './alpha/tab_container';
-import './time_ago_component';
 import '../../../lib/primer/forms/primer_multi_input';
 import '../../../lib/primer/forms/primer_text_field';
+import '../../../lib/primer/forms/toggle_switch_input';

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

@@ -1 +1,20 @@
-{"name":"truncate","selectors":[".css-truncate .css-truncate-overflow",".css-truncate .css-truncate-target",".css-truncate.css-truncate-overflow",".css-truncate.css-truncate-target",".css-truncate.expandable.css-truncate-target:hover",".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",".css-truncate.expandable:hover .css-truncate-target"]}
+{
+  "name": "truncate",
+  "selectors": [
+    ".css-truncate .css-truncate-overflow",
+    ".css-truncate .css-truncate-target",
+    ".css-truncate.css-truncate-overflow",
+    ".css-truncate.css-truncate-target",
+    ".css-truncate.expandable.css-truncate-target:hover",
+    ".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",
+    ".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",
+    ".css-truncate.expandable:hover .css-truncate-target"
+  ],
+  "classes": [
+    "css-truncate",
+    "css-truncate-overflow",
+    "css-truncate-target",
+    "expandable",
+    "zeroclipboard-is-hover"
+  ]
+}