@primer/view-components/app/components/primer/beta/button.css.json

ViewComponents for the Primer Design System

{
  "name": "beta/button",
  "selectors": [
    ":root",
    ".Button",
    ":is(.Button:before)",
    ".Button:hover",
    ".Button:active",
    ".Button:disabled",
    ".Button[aria-disabled=true]",
    ".Button.Button--iconOnly",
    ":is(a.Button,summary.Button):hover",
    ".Button-content",
    ".Button-content>:not(:last-child)",
    ".Button-content--alignStart",
    ".Button-visual",
    ".Button-visual .Counter",
    ".Button-label",
    ".Button-leadingVisual",
    ".Button-leadingVisual svg",
    ".Button-trailingVisual",
    ".Button-trailingAction",
    ".Button--small",
    ".Button--small .Button-label",
    ":is(.Button--small .Button-content)>:not(:last-child)",
    ".Button--large",
    ".Button--large .Button-label",
    ":is(.Button--large .Button-content)>:not(:last-child)",
    ".Button--fullWidth",
    ".Button--labelWrap",
    ".Button--labelWrap .Button-content",
    ".Button--labelWrap .Button-label",
    ".Button--labelWrap.Button--small",
    ".Button--labelWrap.Button--small .Button-content",
    ".Button--labelWrap.Button--large",
    ".Button--labelWrap.Button--large .Button-content",
    ".Button--primary",
    ".Button--primary.Button--iconOnly",
    ".Button--primary:hover:not(:disabled,.Button--inactive)",
    ".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--primary .Counter",
    ".Button--secondary",
    ".Button--secondary:hover:not(:disabled,.Button--inactive)",
    ".Button--secondary:active:not(:disabled)",
    ".Button--secondary[aria-pressed=true]",
    ".Button--secondary:disabled",
    ".Button--secondary[aria-disabled=true]",
    ".Button--invisible",
    ".Button--invisible.Button--iconOnly",
    ".Button--invisible:hover:not(:disabled,.Button--inactive)",
    ".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",
    ":is(.Button--invisible .Button-visual) .Counter",
    ".Button--link",
    ".Button--link:hover:not(:disabled,.Button--inactive)",
    ".Button--link:focus",
    ".Button--link:focus-visible",
    ".Button--link:disabled",
    ".Button--link[aria-disabled=true]",
    ".Button--link .Button-label",
    ".Button--danger",
    ".Button--danger.Button--iconOnly",
    ".Button--danger:hover:not(:disabled,.Button--inactive)",
    ".Button--danger:hover:not(:disabled,.Button--inactive) .Counter",
    ".Button--danger:active:not(:disabled)",
    ".Button--danger[aria-pressed=true]",
    ".Button--danger:disabled",
    ".Button--danger[aria-disabled=true]",
    ":is(.Button--danger:disabled,.Button--danger[aria-disabled=true]) .Counter",
    ".Button--danger .Counter",
    ".Button--iconOnly",
    ".Button--iconOnly.Button--small",
    ".Button--iconOnly.Button--large",
    ".Button--inactive:not([aria-disabled=true],:disabled)"
  ]
}