diff --git a/.changeset/cuddly-horses-arrive/changes.json b/.changeset/cuddly-horses-arrive/changes.json new file mode 100644 index 0000000000..f6c6f9918e --- /dev/null +++ b/.changeset/cuddly-horses-arrive/changes.json @@ -0,0 +1,4 @@ +{ + "releases": [{ "name": "@leafygreen-ui/lib", "type": "minor" }], + "dependents": [] +} diff --git a/.changeset/cuddly-horses-arrive/changes.md b/.changeset/cuddly-horses-arrive/changes.md new file mode 100644 index 0000000000..4558bfb704 --- /dev/null +++ b/.changeset/cuddly-horses-arrive/changes.md @@ -0,0 +1 @@ +Added WAIAriaRole enum for role props \ No newline at end of file diff --git a/packages/lib/src/index.ts b/packages/lib/src/index.ts index 10c5d06789..d779c85784 100644 --- a/packages/lib/src/index.ts +++ b/packages/lib/src/index.ts @@ -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. @@ -33,4 +34,4 @@ export type HTMLElementProps< ? Props : never; -export { typeIs }; +export { typeIs, WAIAriaRole }; diff --git a/packages/lib/src/waiAriaRole.ts b/packages/lib/src/waiAriaRole.ts new file mode 100644 index 0000000000..8e448b1154 --- /dev/null +++ b/packages/lib/src/waiAriaRole.ts @@ -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;