UNPKG

@primer/view-components

Version:

ViewComponents for the Primer Design System

445 lines (443 loc) • 10.9 kB
const classNames = new Set([ 'ActionBar', 'ActionBar--large', 'ActionBar--small', 'ActionBar-divider', 'ActionBar-item', 'ActionBar-item-container', 'ActionBar-more-menu', 'ActionList--subGroup', 'ActionList-sectionDivider', 'ActionList-sectionDivider--filled', 'ActionList-sectionDivider-title', 'ActionListContent', 'ActionListContent--blockDescription', 'ActionListContent--hasActiveSubItem', 'ActionListContent--sizeLarge', 'ActionListContent--sizeXLarge', 'ActionListHeader', '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-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--upsell', '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--inactive', 'Button--invisible', 'Button--invisible-noVisuals', 'Button--labelWrap', 'Button--large', 'Button--link', 'Button--primary', 'Button--secondary', 'Button--small', 'Button-content', 'Button-content--alignStart', 'Button-label', 'Button-leadingVisual', 'Button-trailingAction', 'Button-trailingVisual', 'Button-visual', 'ButtonGroup', '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-inlineValidation--success', 'FormControl-inlineValidation--visual', 'FormControl-input', 'FormControl-input-leadingVisual', 'FormControl-input-leadingVisualWrap', 'FormControl-input-trailingAction', 'FormControl-input-trailingAction--divider', 'FormControl-input-trailingVisualLabel', 'FormControl-input-trailingVisualWrap', 'FormControl-input-wrap', 'FormControl-input-wrap--large', 'FormControl-input-wrap--leadingVisual', 'FormControl-input-wrap--small', 'FormControl-input-wrap--trailingAction', 'FormControl-input-wrap--trailingLabel', 'FormControl-input-wrap--trailingText', 'FormControl-input-wrap--trailingVisual', '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', 'Link--underline', 'Link-content', 'Overlay', 'Overlay--full', 'Overlay--full-whenNarrow', 'Overlay--fullscreen-whenNarrow', 'Overlay--height-auto', 'Overlay--height-large', 'Overlay--height-medium', 'Overlay--height-small', 'Overlay--height-xlarge', 'Overlay--height-xsmall', 'Overlay--hidden', 'Overlay--motion-scaleFade', 'Overlay--placement-bottom-whenNarrow', 'Overlay--placement-left', 'Overlay--placement-left-whenNarrow', 'Overlay--placement-right', 'Overlay--placement-right-whenNarrow', '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-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-headerContentWrap', 'Overlay-headerFilter', 'Overlay-title', 'Overlay-titleWrap', '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--iconOnly', 'SegmentedControl--medium', 'SegmentedControl--small', 'SegmentedControl-item', 'SegmentedControl-item--selected', 'SelectPanel-emptyPanel', 'SelectPanel-loadingPanel', 'SkeletonBox', 'Stack', 'StackItem', 'State', 'State--closed', 'State--draft', 'State--merged', 'State--open', 'State--small', 'Subhead', 'Subhead--spacious', 'Subhead-actions', 'Subhead-description', 'Subhead-heading', 'Subhead-heading--danger', 'Subhead-heading--large', 'Subhead-heading--medium', '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', 'TreeItemSkeletonTextStyles', 'TreeViewFailureMessage', 'TreeViewItem', 'TreeViewItemCheckbox', 'TreeViewItemContainer', 'TreeViewItemContent', 'TreeViewItemContentText', 'TreeViewItemLeadingAction', 'TreeViewItemLevelLine', 'TreeViewItemToggle', 'TreeViewItemToggleEnd', 'TreeViewItemToggleHover', 'TreeViewItemVisual', 'TreeViewRootUlStyles', 'TreeViewSkeletonItemContainerStyle', 'TreeViewVisuallyHidden', 'Truncate', 'Truncate-text', 'Truncate-text--expandable', 'Truncate-text--primary', 'UnderlineNav', 'UnderlineNav--full', 'UnderlineNav--right', 'UnderlineNav-actions', 'UnderlineNav-body', 'UnderlineNav-container', 'UnderlineNav-item', 'UnderlineNav-octicon', 'alert', 'autocomplete-body', 'autocomplete-embedded-icon-wrap', 'autocomplete-item', 'autocomplete-label-inline', 'autocomplete-label-stacked', 'autocomplete-results', 'avatar', 'avatar-1', 'avatar-2', 'avatar-3', 'avatar-4', 'avatar-5', 'avatar-6', 'avatar-7', 'avatar-8', 'avatar-group-item', 'avatar-link', 'avatar-more', 'avatar-small', 'blankslate', 'blankslate-action', 'blankslate-capped', 'blankslate-clean-background', 'blankslate-container', 'blankslate-description', 'blankslate-heading', 'blankslate-icon', 'blankslate-image', 'blankslate-large', 'blankslate-narrow', 'blankslate-spacious', 'breadcrumb-item', 'breadcrumb-item-selected', 'btn', 'btn-large-mktg', 'btn-link', 'btn-mktg', 'btn-muted-mktg', 'btn-octicon', 'btn-primary', 'btn-signup-mktg', 'btn-small-mktg', 'btn-subtle-mktg', 'close-button', 'css-truncate', 'css-truncate-overflow', 'css-truncate-target', 'disabled', 'dropdown', 'dropdown-caret', 'dropdown-divider', 'dropdown-header', 'dropdown-item', 'dropdown-menu', 'dropdown-menu-e', 'dropdown-menu-ne', 'dropdown-menu-no-overflow', 'dropdown-menu-s', 'dropdown-menu-se', 'dropdown-menu-sw', 'dropdown-menu-w', 'dropdown-signout', 'expandable', 'flash', 'flash-action', 'flash-banner', 'flash-close', 'flash-error', 'flash-full', 'flash-messages', 'flash-success', 'flash-warn', 'form-control', 'has-modal', 'has-modal-disable-scroll', 'is-dragging', 'label', 'labels', 'menu', 'menu-heading', 'menu-item', 'menu-warning', 'navigation-focus', 'not-anchored', 'octicon', 'octicon-check', 'selected', 'sortable-chosen', 'sortable-ghost', 'state', 'tabnav', 'tabnav-btn', 'tabnav-extra', 'tabnav-tab', 'tabnav-tabs', 'unread', 'warning', 'zeroclipboard-is-hover', ]) export default classNames