// Keyboard keycodes
export const keyCodes = {
    ESCAPE: 27,
    ENTER: 13,
    SPACE: 32,
    LEFT_ARROW: 37,
    UP_ARROW: 38,
    RIGHT_ARROW: 39,
    DOWN_ARROW: 40
};


// Classnames likely to be shared across modules
export const defaultClassNames = {
    IS_HIDDEN: 'is-hidden',
    NO_BACKDROP: 'no-backdrop',
    DIALOG_BACKDROP: 'dialog-backdrop'
};

@@ -264,99 +264,406 @@
  IS_
-HIDDEN: 'is-hidden',%0A    NO_BACKDROP: 'no-backdrop',%0A    DIALOG_BACKDROP: 'dialog-backdrop'%0A%7D
+ACTIVE: 'is-active',%0A    IS_HIDDEN: 'is-hidden',%0A    IS_READY: 'is-ready',%0A    NO_BACKDROP: 'no-backdrop',%0A    DIALOG_BACKDROP: 'dialog-backdrop'%0A%7D;%0A%0A%0Aexport const focusableSelectors = %5B'a%5Bhref%5D', 'area%5Bhref%5D', 'input:not(%5Bdisabled%5D)', 'select:not(%5Bdisabled%5D)', 'textarea:not(%5Bdisabled%5D)', 'button:not(%5Bdisabled%5D)', 'iframe', 'object', 'embed', '%5Bcontenteditable%5D', '%5Btabindex%5D:not(%5Btabindex%5E=%22-%22%5D)'%5D
 ;%0A

add constants for state classes and focusable selectors