@primer/view-components/app/components/primer/alpha/segmented_control.css.json

ViewComponents for the Primer Design System

{
  "name": "alpha/segmented_control",
  "selectors": [
    ".SegmentedControl",
    ".SegmentedControl--iconOnly .Button--iconOnly.Button--medium",
    ".SegmentedControl--iconOnly .Button--iconOnly.Button--small",
    ".SegmentedControl--small",
    ".SegmentedControl--small .SegmentedControl-item",
    ":is(.SegmentedControl--small .SegmentedControl-item) .Button",
    ".SegmentedControl--small.SegmentedControl--iconOnly .SegmentedControl-item",
    ".SegmentedControl--medium .SegmentedControl-item",
    ".SegmentedControl--medium.SegmentedControl--iconOnly .SegmentedControl-item",
    ".SegmentedControl-item",
    ":is(.SegmentedControl-item .Button--invisible):hover:not(:disabled)",
    ":is(.SegmentedControl-item .Button--invisible):active:not(:disabled)",
    ".SegmentedControl-item.SegmentedControl-item--selected",
    ".SegmentedControl-item.SegmentedControl-item--selected .Button",
    ":is(.SegmentedControl-item.SegmentedControl-item--selected .Button):hover",
    ".SegmentedControl-item.SegmentedControl-item--selected:before",
    ".SegmentedControl-item.SegmentedControl-item--selected+.SegmentedControl-item:before",
    ".SegmentedControl-item .Button-label[data-content]:before",
    ".SegmentedControl-item:not(:first-child):before",
    ".SegmentedControl-item .Button",
    ":is(.SegmentedControl-item .Button):focus-visible",
    ".SegmentedControl-item .Button--invisible.Button--invisible-noVisuals .Button-label",
    ".SegmentedControl-item .Button-content",
    ".SegmentedControl-item .Button-label",
    ".SegmentedControl--fullWidth",
    ".SegmentedControl--fullWidth .SegmentedControl-item"
  ]
}