Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .changeset/cuddly-horses-arrive/changes.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"releases": [{ "name": "@leafygreen-ui/lib", "type": "minor" }],
"dependents": []
}
1 change: 1 addition & 0 deletions .changeset/cuddly-horses-arrive/changes.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Added WAIAriaRole enum for role props
3 changes: 2 additions & 1 deletion packages/lib/src/index.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import * as typeIs from './typeIs';
import WAIAriaRole from './waiAriaRole';

/**
* Utility for making it easier to couple a React Component to a css selector.
Expand Down Expand Up @@ -33,4 +34,4 @@ export type HTMLElementProps<
? Props
: never;

export { typeIs };
export { typeIs, WAIAriaRole };
79 changes: 79 additions & 0 deletions packages/lib/src/waiAriaRole.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
const WAIAriaRole = {
Alert: 'alert',
AlertDialog: 'alertdialog',
Application: 'application',
Article: 'article',
Banner: 'banner',
Button: 'button',
Checkbox: 'checkbox',
ColumnHeader: 'columnheader',
ComboBox: 'combobox',
Command: 'command',
Complementary: 'complementary',
Composite: 'composite',
ContentInfo: 'contentinfo',
Definition: 'definition',
Dialog: 'dialog',
Directory: 'directory',
Document: 'document',
Form: 'form',
Grid: 'grid',
GridCell: 'gridcell',
Group: 'group',
Heading: 'heading',
Img: 'img',
Input: 'input',
Landmark: 'landmark',
Link: 'link',
List: 'list',
ListBox: 'listbox',
ListItem: 'listitem',
Log: 'log',
Main: 'main',
Marquee: 'marquee',
Math: 'math',
Menu: 'menu',
MenuBar: 'menubar',
MenuItem: 'menuitem',
MenuItemCheckBox: 'menuitemcheckbox',
MenuItemRadio: 'menuitemradio',
Navigation: 'navigation',
Note: 'note',
Option: 'option',
Presentation: 'presentation',
ProgressBar: 'progressbar',
Radio: 'radio',
RadioGroup: 'radiogroup',
Range: 'range',
Region: 'region',
RoleType: 'roletype',
Row: 'row',
RowGroup: 'rowgroup',
RowHeader: 'rowheader',
ScrollBar: 'scrollbar',
Search: 'search',
Section: 'section',
SectionHead: 'sectionhead',
Select: 'select',
Separator: 'separator',
Slider: 'slider',
SpinButton: 'spinbutton',
Status: 'status',
Structure: 'structure',
Tab: 'tab',
TabList: 'tablist',
TabPanel: 'tabpanel',
TextBox: 'textbox',
Timer: 'timer',
Toolbar: 'toolbar',
Tooltip: 'tooltip',
Tree: 'tree',
TreeGrid: 'treegrid',
TreeItem: 'treeitem',
Widget: 'widget',
Window: 'window',
} as const;

type WAIAriaRole = typeof WAIAriaRole[keyof typeof WAIAriaRole];

export default WAIAriaRole;