@primer/view-components 0.0.123 → 0.0.124-rc.3a735b14

package/app/components/primer/alpha/action_list.css.json

@@ -119,5 +119,46 @@
     ".ActionList-sectionDivider--filled",
     ".ActionList-sectionDivider--filled:empty",
     ".ActionList-sectionDivider--filled:first-child"
+  ],
+  "classes": [
+    "ActionListWrap",
+    "ActionListWrap--inset",
+    "ActionListWrap--divided",
+    "ActionListItem-label",
+    "ActionListItem-descriptionWrap--inline",
+    "ActionList-sectionDivider",
+    "ActionListItem",
+    "ActionListItem--navActive",
+    "ActionListItem--hasSubItem",
+    "ActionListContent",
+    "ActionListItem-multiSelectCheckmark",
+    "ActionListItem-singleSelectCheckmark",
+    "ActionListItem-multiSelectIcon",
+    "ActionListItem-multiSelectIconRect",
+    "ActionListItem-description",
+    "ActionListItem-visual",
+    "ActionListItem--danger",
+    "ActionList--subGroup",
+    "ActionListContent--visual16",
+    "ActionListContent--visual20",
+    "ActionListContent--visual24",
+    "ActionListItem-collapseIcon",
+    "ActionListContent--hasActiveSubItem",
+    "ActionListContent--sizeLarge",
+    "ActionListContent--sizeXLarge",
+    "ActionListContent--blockDescription",
+    "ActionListItem-action--leading",
+    "ActionListItem-visual--leading",
+    "ActionListItem-visual--trailing",
+    "ActionListItem-action--trailing",
+    "ActionListItem-descriptionWrap",
+    "ActionListItem-action",
+    "ActionListItem-label--truncate",
+    "ActionListItem--subItem",
+    "ActionListItem--withActions",
+    "ActionListItem-trailingAction",
+    "ActionListItem--trailingActionHover",
+    "ActionList-sectionDivider-title",
+    "ActionList-sectionDivider--filled"
   ]
 }

package/app/components/primer/alpha/auto_complete.css.json

@@ -19,5 +19,16 @@
     ".autocomplete-item.navigation-focus *",
     ".autocomplete-item.selected *",
     ".autocomplete-item[aria-selected=true] *"
+  ],
+  "classes": [
+    "autocomplete-label-stacked",
+    "autocomplete-label-inline",
+    "autocomplete-body",
+    "autocomplete-embedded-icon-wrap",
+    "form-control",
+    "autocomplete-results",
+    "autocomplete-item",
+    "navigation-focus",
+    "selected"
   ]
 }

package/app/components/primer/alpha/banner.css.json

@@ -20,5 +20,19 @@
     ".Banner.Banner--success .Banner-visual .octicon",
     ".Banner.Banner--full",
     ".Banner.Banner--full-whenNarrow"
+  ],
+  "classes": [
+    "Banner",
+    "Banner-actions",
+    "Banner-visual",
+    "octicon",
+    "Banner-message",
+    "Banner-title",
+    "Banner-close",
+    "Banner--warning",
+    "Banner--error",
+    "Banner--success",
+    "Banner--full",
+    "Banner--full-whenNarrow"
   ]
 }

package/app/components/primer/alpha/button_marketing.css.json

@@ -29,5 +29,15 @@
     ".btn-signup-mktg:focus-visible",
     ".btn-small-mktg",
     ".btn-large-mktg"
+  ],
+  "classes": [
+    "btn-mktg",
+    "focus",
+    "disabled",
+    "btn-muted-mktg",
+    "btn-subtle-mktg",
+    "btn-signup-mktg",
+    "btn-small-mktg",
+    "btn-large-mktg"
   ]
 }

package/app/components/primer/alpha/dialog.css.json

@@ -78,5 +78,68 @@
     ".Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow",
     ".Overlay-backdrop--full-whenNarrow",
     ".Overlay-backdrop--full-whenNarrow .Overlay"
+  ],
+  "classes": [
+    "Overlay--hidden",
+    "Overlay--visibilityHidden",
+    "Overlay",
+    "Overlay--size-auto",
+    "Overlay--size-full",
+    "Overlay--size-xsmall",
+    "Overlay--size-small",
+    "Overlay--size-small-portrait",
+    "Overlay--size-medium",
+    "Overlay--size-medium-portrait",
+    "Overlay--size-large",
+    "Overlay--size-xlarge",
+    "Overlay--height-auto",
+    "Overlay--height-xsmall",
+    "Overlay--height-small",
+    "Overlay--height-medium",
+    "Overlay--height-large",
+    "Overlay--height-xlarge",
+    "Overlay--width-auto",
+    "Overlay--width-small",
+    "Overlay--width-medium",
+    "Overlay--width-large",
+    "Overlay--width-xlarge",
+    "Overlay--width-xxlarge",
+    "Overlay--motion-scaleFade",
+    "Overlay-form",
+    "Overlay-header",
+    "Overlay-header--divided",
+    "Overlay-body",
+    "Overlay-header--large",
+    "Overlay-headerContentWrap",
+    "Overlay-titleWrap",
+    "Overlay-title",
+    "Overlay-description",
+    "Overlay-actionWrap",
+    "Overlay-body--paddingCondensed",
+    "Overlay-body--paddingNone",
+    "Overlay-footer",
+    "Overlay-footer--divided",
+    "Overlay-footer--alignStart",
+    "Overlay-footer--alignCenter",
+    "Overlay-footer--alignEnd",
+    "Overlay-closeButton",
+    "close-button",
+    "Overlay-backdrop--center",
+    "Overlay-backdrop--anchor",
+    "Overlay-backdrop--side",
+    "Overlay-backdrop--placement-left",
+    "Overlay-backdrop--placement-right",
+    "Overlay-backdrop--placement-bottom",
+    "Overlay-backdrop--placement-top",
+    "Overlay-backdrop--full",
+    "Overlay-backdrop--center-whenNarrow",
+    "Overlay-backdrop--anchor-whenNarrow",
+    "Overlay-backdrop--side-whenNarrow",
+    "Overlay-backdrop--placement-left-whenNarrow",
+    "Overlay-whenNarrow",
+    "Overlay-backdrop--placement-right-whenNarrow",
+    "Overlay-backdrop--placement-bottom-whenNarrow",
+    "Overlay-backdrop--placement-top-whenNarrow",
+    "Overlay-backdrop--full-whenNarrow"
   ]
 }

package/app/components/primer/alpha/dropdown.css.json

@@ -36,5 +36,26 @@
     ".dropdown-menu-sw:after",
     ".dropdown-menu-se:before",
     ".dropdown-menu-se:after"
+  ],
+  "classes": [
+    "dropdown",
+    "dropdown-caret",
+    "dropdown-menu",
+    "dropdown-menu-no-overflow",
+    "dropdown-item",
+    "octicon",
+    "color-fg-",
+    "Label",
+    "btn-link",
+    "dropdown-signout",
+    "dropdown-divider",
+    "dropdown-header",
+    "octicon-check",
+    "dropdown-menu-w",
+    "dropdown-menu-e",
+    "dropdown-menu-ne",
+    "dropdown-menu-s",
+    "dropdown-menu-sw",
+    "dropdown-menu-se"
   ]
 }

package/app/components/primer/alpha/layout.css.json

@@ -76,5 +76,32 @@
     ".Layout-main .Layout-main-centered-xl>.container-lg",
     ".Layout-main .Layout-main-centered-xl>.container-md",
     ".Layout-main .Layout-main-centered-xl>.container-xl"
+  ],
+  "classes": [
+    "Layout",
+    "Layout-divider",
+    "Layout-main",
+    "Layout-sidebar",
+    "Layout--sidebarPosition-flowRow-start",
+    "Layout--sidebarPosition-flowRow-end",
+    "Layout--sidebarPosition-flowRow-none",
+    "Layout--divided",
+    "Layout-divider--flowRow-hidden",
+    "Layout-divider--flowRow-shallow",
+    "Layout--flowRow-until-md",
+    "Layout--flowRow-until-lg",
+    "Layout--gutter-none",
+    "Layout--gutter-condensed",
+    "Layout--gutter-spacious",
+    "Layout--sidebar-narrow",
+    "Layout--sidebar-wide",
+    "Layout--sidebarPosition-start",
+    "Layout--sidebarPosition-end",
+    "Layout-main-centered-lg",
+    "Layout-main-centered-md",
+    "Layout-main-centered-xl",
+    "container-lg",
+    "container-md",
+    "container-xl"
   ]
 }

package/app/components/primer/alpha/menu.css.json

@@ -24,5 +24,16 @@
     ".menu-heading:hover",
     ".menu-heading:first-child",
     ".menu-heading:last-child"
+  ],
+  "classes": [
+    "menu",
+    "menu-item",
+    "selected",
+    "octicon",
+    "Counter",
+    "menu-warning",
+    "avatar",
+    "alert",
+    "menu-heading"
   ]
 }

package/app/components/primer/alpha/segmented_control.css.json

@@ -27,5 +27,20 @@
     ".SegmentedControl--fullWidth .SegmentedControl-item",
     ".SegmentedControl--fullWidth .Button--iconOnly",
     ".SegmentedControl--fullWidth .Button-withTooltip"
+  ],
+  "classes": [
+    "SegmentedControl",
+    "SegmentedControl-item",
+    "SegmentedControl-item--selected",
+    "Button",
+    "Button-label",
+    "Button--small",
+    "Button--iconOnly",
+    "Button--medium",
+    "Button--large",
+    "Button--invisible",
+    "Button--invisible-noVisuals",
+    "SegmentedControl--fullWidth",
+    "Button-withTooltip"
   ]
 }

package/app/components/primer/alpha/tab_nav.css.json

@@ -20,5 +20,15 @@
     ".tabnav-extra>.octicon",
     "a.tabnav-extra:hover",
     ".tabnav-btn"
+  ],
+  "classes": [
+    "tabnav",
+    "tabnav-tabs",
+    "tabnav-tab",
+    "selected",
+    "octicon",
+    "Counter",
+    "tabnav-extra",
+    "tabnav-btn"
   ]
 }

package/app/components/primer/alpha/text_field.css.json

@@ -130,5 +130,43 @@
     "input.FormControl-radio[type=radio]:checked",
     "input.FormControl-radio[type=radio]:checked:disabled",
     "input.FormControl-radio[type=radio]:focus-visible"
+  ],
+  "classes": [
+    "FormControl",
+    "FormControl--fullWidth",
+    "FormControl-label",
+    "FormControl-caption",
+    "FormControl-inlineValidation",
+    "FormControl-spacingWrapper",
+    "FormControl-horizontalGroup",
+    "FormControl-input",
+    "FormControl-select",
+    "FormControl-textarea",
+    "FormControl-small",
+    "FormControl-medium",
+    "FormControl-large",
+    "FormControl-inset",
+    "FormControl-monospace",
+    "FormControl-error",
+    "FormControl-success",
+    "FormControl-warning",
+    "FormControl-toggleSwitchInput",
+    "FormControl-input-wrap",
+    "FormControl-input-leadingVisualWrap",
+    "FormControl-input-leadingVisual",
+    "FormControl-input-trailingAction",
+    "FormControl-input-trailingAction--divider",
+    "FormControl-input-wrap--leadingVisual",
+    "FormControl-input-wrap--trailingAction",
+    "FormControl-input-wrap-trailingAction--divider",
+    "FormControl-select-wrap",
+    "FormControl-checkbox-wrap",
+    "FormControl-radio-wrap",
+    "FormControl-checkbox-labelWrap",
+    "FormControl-radio-labelWrap",
+    "FormControl-check-group-wrap",
+    "FormControl-radio-group-wrap",
+    "FormControl-checkbox",
+    "FormControl-radio"
   ]
 }

package/app/components/primer/alpha/toggle_switch.css.json

@@ -36,5 +36,21 @@
     ".ToggleSwitch-statusOff",
     ".ToggleSwitch--statusAtEnd",
     ".ToggleSwitch--statusAtEnd .ToggleSwitch-status"
+  ],
+  "classes": [
+    "ToggleSwitch",
+    "ToggleSwitch--checked",
+    "ToggleSwitch-statusOn",
+    "ToggleSwitch-statusOff",
+    "ToggleSwitch-track",
+    "ToggleSwitch-knob",
+    "ToggleSwitch-lineIcon",
+    "ToggleSwitch-circleIcon",
+    "ToggleSwitch-icons",
+    "ToggleSwitch-status",
+    "ToggleSwitch-statusIcon",
+    "ToggleSwitch--small",
+    "ToggleSwitch--disabled",
+    "ToggleSwitch--statusAtEnd"
   ]
 }

package/app/components/primer/alpha/underline_nav.css.json

@@ -24,5 +24,18 @@
     ".UnderlineNav--full .UnderlineNav-body",
     ".UnderlineNav-octicon",
     ".UnderlineNav-container"
+  ],
+  "classes": [
+    "UnderlineNav",
+    "Counter",
+    "Counter--primary",
+    "UnderlineNav-body",
+    "UnderlineNav-item",
+    "selected",
+    "UnderlineNav--right",
+    "UnderlineNav-actions",
+    "UnderlineNav--full",
+    "UnderlineNav-octicon",
+    "UnderlineNav-container"
   ]
 }

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

@@ -13,5 +13,19 @@
     ".avatar-6",
     ".avatar-7",
     ".avatar-8"
+  ],
+  "classes": [
+    "avatar",
+    "avatar-link",
+    "avatar-group-item",
+    "avatar-1",
+    "avatar-2",
+    "avatar-small",
+    "avatar-3",
+    "avatar-4",
+    "avatar-5",
+    "avatar-6",
+    "avatar-7",
+    "avatar-8"
   ]
 }

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

@@ -24,5 +24,14 @@
     ".AvatarStack--right .avatar.avatar-more:before",
     ".AvatarStack--right .avatar.avatar-more:after",
     ".AvatarStack--right .avatar"
+  ],
+  "classes": [
+    "AvatarStack",
+    "AvatarStack-body",
+    "AvatarStack--two",
+    "AvatarStack--three-plus",
+    "avatar",
+    "avatar-more",
+    "AvatarStack--right"
   ]
 }

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

@@ -18,5 +18,17 @@
     ".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

@@ -50,5 +50,37 @@
     ".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

@@ -7,5 +7,9 @@
     ".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.json

@@ -67,5 +67,27 @@
     ".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

@@ -6,5 +6,11 @@
     ".Counter .octicon",
     ".Counter--primary",
     ".Counter--secondary"
+  ],
+  "classes": [
+    "Counter",
+    "octicon",
+    "Counter--primary",
+    "Counter--secondary"
   ]
 }

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

@@ -23,5 +23,20 @@
     ".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

@@ -21,5 +21,25 @@
     ".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

@@ -15,5 +15,13 @@
     ".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

@@ -35,5 +35,23 @@
     ".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

@@ -6,5 +6,11 @@
     ".Progress--small",
     ".Progress-item",
     ".Progress-item+.Progress-item"
+  ],
+  "classes": [
+    "Progress",
+    "Progress--large",
+    "Progress--small",
+    "Progress-item"
   ]
 }

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

@@ -9,5 +9,15 @@
     ".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

@@ -8,5 +8,13 @@
     ".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

@@ -12,5 +12,14 @@
     ".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

@@ -8,5 +8,11 @@
     ".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/truncate.css.json

@@ -9,5 +9,12 @@
     ".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"
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.0.123",
+  "version": "0.0.124-rc.3a735b14",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -59,8 +59,8 @@
     "@changesets/changelog-github": "^0.4.6",
     "@changesets/cli": "^2.24.1",
     "@github/browserslist-config": "^1.0.0",
-    "@github/markdownlint-github": "^0.2.2",
     "@github/prettier-config": "0.0.4",
+    "@github/markdownlint-github": "^0.2.2",
     "@playwright/test": "^1.27.1",
     "@primer/css": "20.4.7",
     "@primer/primitives": "^7.11.1",

package/static/classes.json

@@ -0,0 +1,311 @@
+[
+  "ActionList--subGroup",
+  "ActionList-sectionDivider",
+  "ActionList-sectionDivider--filled",
+  "ActionList-sectionDivider-title",
+  "ActionListContent",
+  "ActionListContent--blockDescription",
+  "ActionListContent--hasActiveSubItem",
+  "ActionListContent--sizeLarge",
+  "ActionListContent--sizeXLarge",
+  "ActionListContent--visual16",
+  "ActionListContent--visual20",
+  "ActionListContent--visual24",
+  "ActionListItem",
+  "ActionListItem--danger",
+  "ActionListItem--hasSubItem",
+  "ActionListItem--navActive",
+  "ActionListItem--subItem",
+  "ActionListItem--trailingActionHover",
+  "ActionListItem--withActions",
+  "ActionListItem-action",
+  "ActionListItem-action--leading",
+  "ActionListItem-action--trailing",
+  "ActionListItem-collapseIcon",
+  "ActionListItem-description",
+  "ActionListItem-descriptionWrap",
+  "ActionListItem-descriptionWrap--inline",
+  "ActionListItem-label",
+  "ActionListItem-label--truncate",
+  "ActionListItem-multiSelectCheckmark",
+  "ActionListItem-multiSelectIcon",
+  "ActionListItem-multiSelectIconRect",
+  "ActionListItem-singleSelectCheckmark",
+  "ActionListItem-trailingAction",
+  "ActionListItem-visual",
+  "ActionListItem-visual--leading",
+  "ActionListItem-visual--trailing",
+  "ActionListWrap",
+  "ActionListWrap--divided",
+  "ActionListWrap--inset",
+  "AvatarStack",
+  "AvatarStack--right",
+  "AvatarStack--three-plus",
+  "AvatarStack--two",
+  "AvatarStack-body",
+  "Banner",
+  "Banner--error",
+  "Banner--full",
+  "Banner--full-whenNarrow",
+  "Banner--success",
+  "Banner--warning",
+  "Banner-actions",
+  "Banner-close",
+  "Banner-message",
+  "Banner-title",
+  "Banner-visual",
+  "Box",
+  "Box--blue",
+  "Box--condensed",
+  "Box--danger",
+  "Box--scrollable",
+  "Box--spacious",
+  "Box-body",
+  "Box-btn-octicon",
+  "Box-footer",
+  "Box-header",
+  "Box-header--blue",
+  "Box-row",
+  "Box-row--blue",
+  "Box-row--drag-button",
+  "Box-row--drag-hide",
+  "Box-row--focus-blue",
+  "Box-row--focus-gray",
+  "Box-row--gray",
+  "Box-row--hover-blue",
+  "Box-row--hover-gray",
+  "Box-row--unread",
+  "Box-row--yellow",
+  "Box-row-link",
+  "Box-title",
+  "Button",
+  "Button--danger",
+  "Button--fullWidth",
+  "Button--iconOnly",
+  "Button--invisible",
+  "Button--invisible-noVisuals",
+  "Button--large",
+  "Button--link",
+  "Button--medium",
+  "Button--primary",
+  "Button--secondary",
+  "Button--small",
+  "Button-content",
+  "Button-content--alignStart",
+  "Button-label",
+  "Button-leadingVisual",
+  "Button-trailingAction",
+  "Button-trailingVisual",
+  "Button-visual",
+  "Button-withTooltip",
+  "Counter",
+  "Counter--primary",
+  "Counter--secondary",
+  "FormControl",
+  "FormControl--fullWidth",
+  "FormControl-caption",
+  "FormControl-check-group-wrap",
+  "FormControl-checkbox",
+  "FormControl-checkbox-labelWrap",
+  "FormControl-checkbox-wrap",
+  "FormControl-error",
+  "FormControl-horizontalGroup",
+  "FormControl-inlineValidation",
+  "FormControl-input",
+  "FormControl-input-leadingVisual",
+  "FormControl-input-leadingVisualWrap",
+  "FormControl-input-trailingAction",
+  "FormControl-input-trailingAction--divider",
+  "FormControl-input-wrap",
+  "FormControl-input-wrap--leadingVisual",
+  "FormControl-input-wrap--trailingAction",
+  "FormControl-input-wrap-trailingAction--divider",
+  "FormControl-inset",
+  "FormControl-label",
+  "FormControl-large",
+  "FormControl-medium",
+  "FormControl-monospace",
+  "FormControl-radio",
+  "FormControl-radio-group-wrap",
+  "FormControl-radio-labelWrap",
+  "FormControl-radio-wrap",
+  "FormControl-select",
+  "FormControl-select-wrap",
+  "FormControl-small",
+  "FormControl-spacingWrapper",
+  "FormControl-success",
+  "FormControl-textarea",
+  "FormControl-toggleSwitchInput",
+  "FormControl-warning",
+  "Label",
+  "Label--accent",
+  "Label--attention",
+  "Label--closed",
+  "Label--danger",
+  "Label--done",
+  "Label--info",
+  "Label--inline",
+  "Label--large",
+  "Label--open",
+  "Label--primary",
+  "Label--secondary",
+  "Label--severe",
+  "Label--sponsors",
+  "Label--success",
+  "Label--warning",
+  "Layout",
+  "Layout--divided",
+  "Layout--flowRow-until-lg",
+  "Layout--flowRow-until-md",
+  "Layout--gutter-condensed",
+  "Layout--gutter-none",
+  "Layout--gutter-spacious",
+  "Layout--sidebar-narrow",
+  "Layout--sidebar-wide",
+  "Layout--sidebarPosition-end",
+  "Layout--sidebarPosition-flowRow-end",
+  "Layout--sidebarPosition-flowRow-none",
+  "Layout--sidebarPosition-flowRow-start",
+  "Layout--sidebarPosition-start",
+  "Layout-divider",
+  "Layout-divider--flowRow-hidden",
+  "Layout-divider--flowRow-shallow",
+  "Layout-main",
+  "Layout-main-centered-lg",
+  "Layout-main-centered-md",
+  "Layout-main-centered-xl",
+  "Layout-sidebar",
+  "Link",
+  "Link--muted",
+  "Link--onHover",
+  "Link--primary",
+  "Link--secondary",
+  "Overlay",
+  "Overlay--height-auto",
+  "Overlay--height-large",
+  "Overlay--height-medium",
+  "Overlay--height-small",
+  "Overlay--height-xlarge",
+  "Overlay--height-xsmall",
+  "Overlay--hidden",
+  "Overlay--motion-scaleFade",
+  "Overlay--size-auto",
+  "Overlay--size-full",
+  "Overlay--size-large",
+  "Overlay--size-medium",
+  "Overlay--size-medium-portrait",
+  "Overlay--size-small",
+  "Overlay--size-small-portrait",
+  "Overlay--size-xlarge",
+  "Overlay--size-xsmall",
+  "Overlay--visibilityHidden",
+  "Overlay--width-auto",
+  "Overlay--width-large",
+  "Overlay--width-medium",
+  "Overlay--width-small",
+  "Overlay--width-xlarge",
+  "Overlay--width-xxlarge",
+  "Overlay-actionWrap",
+  "Overlay-backdrop--anchor",
+  "Overlay-backdrop--anchor-whenNarrow",
+  "Overlay-backdrop--center",
+  "Overlay-backdrop--center-whenNarrow",
+  "Overlay-backdrop--full",
+  "Overlay-backdrop--full-whenNarrow",
+  "Overlay-backdrop--placement-bottom",
+  "Overlay-backdrop--placement-bottom-whenNarrow",
+  "Overlay-backdrop--placement-left",
+  "Overlay-backdrop--placement-left-whenNarrow",
+  "Overlay-backdrop--placement-right",
+  "Overlay-backdrop--placement-right-whenNarrow",
+  "Overlay-backdrop--placement-top",
+  "Overlay-backdrop--placement-top-whenNarrow",
+  "Overlay-backdrop--side",
+  "Overlay-backdrop--side-whenNarrow",
+  "Overlay-body",
+  "Overlay-body--paddingCondensed",
+  "Overlay-body--paddingNone",
+  "Overlay-closeButton",
+  "Overlay-description",
+  "Overlay-footer",
+  "Overlay-footer--alignCenter",
+  "Overlay-footer--alignEnd",
+  "Overlay-footer--alignStart",
+  "Overlay-footer--divided",
+  "Overlay-form",
+  "Overlay-header",
+  "Overlay-header--divided",
+  "Overlay-header--large",
+  "Overlay-headerContentWrap",
+  "Overlay-title",
+  "Overlay-titleWrap",
+  "Overlay-whenNarrow",
+  "Popover",
+  "Popover-message",
+  "Popover-message--bottom",
+  "Popover-message--bottom-left",
+  "Popover-message--bottom-right",
+  "Popover-message--large",
+  "Popover-message--left",
+  "Popover-message--left-bottom",
+  "Popover-message--left-top",
+  "Popover-message--no-caret",
+  "Popover-message--right",
+  "Popover-message--right-bottom",
+  "Popover-message--right-top",
+  "Popover-message--top-left",
+  "Popover-message--top-right",
+  "Progress",
+  "Progress--large",
+  "Progress--small",
+  "Progress-item",
+  "SegmentedControl",
+  "SegmentedControl--fullWidth",
+  "SegmentedControl-item",
+  "SegmentedControl-item--selected",
+  "State",
+  "State--closed",
+  "State--draft",
+  "State--merged",
+  "State--open",
+  "State--small",
+  "Subhead",
+  "Subhead--spacious",
+  "Subhead-actions",
+  "Subhead-description",
+  "Subhead-heading",
+  "Subhead-heading--danger",
+  "TimelineItem",
+  "TimelineItem--condensed",
+  "TimelineItem-avatar",
+  "TimelineItem-badge",
+  "TimelineItem-badge--success",
+  "TimelineItem-body",
+  "TimelineItem-break",
+  "ToggleSwitch",
+  "ToggleSwitch--checked",
+  "ToggleSwitch--disabled",
+  "ToggleSwitch--small",
+  "ToggleSwitch--statusAtEnd",
+  "ToggleSwitch-circleIcon",
+  "ToggleSwitch-icons",
+  "ToggleSwitch-knob",
+  "ToggleSwitch-lineIcon",
+  "ToggleSwitch-status",
+  "ToggleSwitch-statusIcon",
+  "ToggleSwitch-statusOff",
+  "ToggleSwitch-statusOn",
+  "ToggleSwitch-track",
+  "Truncate",
+  "Truncate-text",
+  "Truncate-text--expandable",
+  "Truncate-text--primary",
+  "UnderlineNav",
+  "UnderlineNav--full",
+  "UnderlineNav--right",
+  "UnderlineNav-actions",
+  "UnderlineNav-body",
+  "UnderlineNav-container",
+  "UnderlineNav-item",
+  "UnderlineNav-octicon"
+]