@primer/components 0.0.0-2021113144816 → 0.0.0-2021113174023

package/lib-esm/utils/testing.d.ts

@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
         xlarge: string;
     };
     space: string[];
-    colorSchemes: Record<"light" | "light_high_contrast" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
+    colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
         canvasDefaultTransparent: string;
         marketingIcon: {
             primary: string;
@@ -231,13 +231,67 @@ export declare function render(component: React.ReactElement, theme?: {
             gradientOut: string;
         };
         mktg: {
+            success: string;
+            info: string;
+            bgShadeGradient: {
+                top: string;
+                bottom: string;
+            };
             btn: {
-                bg: string;
-                shadow: {
-                    outline: string;
-                    focus: string;
-                    hover: string;
-                    hoverMuted: string;
+                bg: {
+                    top: string;
+                    bottom: string;
+                };
+                bgOverlay: {
+                    top: string;
+                    bottom: string;
+                };
+                text: string;
+                primary: {
+                    bg: {
+                        top: string;
+                        bottom: string;
+                    };
+                    bgOverlay: {
+                        top: string;
+                        bottom: string;
+                    };
+                    text: string;
+                };
+                enterprise: {
+                    bg: {
+                        top: string;
+                        bottom: string;
+                    };
+                    bgOverlay: {
+                        top: string;
+                        bottom: string;
+                    };
+                    text: string;
+                };
+                outline: {
+                    text: string;
+                    border: string;
+                    hover: {
+                        text: string;
+                        border: string;
+                    };
+                    focus: {
+                        border: string;
+                        borderInset: string;
+                    };
+                };
+                dark: {
+                    text: string;
+                    border: string;
+                    hover: {
+                        text: string;
+                        border: string;
+                    };
+                    focus: {
+                        border: string;
+                        borderInset: string;
+                    };
                 };
             };
         };
@@ -541,5 +595,4 @@ interface BehavesAsComponent {
 }
 export declare function behavesAsComponent({ Component, toRender, options }: BehavesAsComponent): void;
 export declare function checkExports(path: string, exports: Record<any, any>): void;
-export declare function checkStoriesForAxeViolations(name: string): void;
 export {};

package/lib-esm/utils/testing.js

@@ -3,8 +3,6 @@ import { promisify } from 'util';
 import renderer from 'react-test-renderer';
 import enzyme from 'enzyme';
 import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-import { cleanup, render as HTMLRender } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
 import { ThemeProvider } from '..';
 import { default as defaultTheme } from '../theme';
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -221,26 +219,4 @@ export function checkExports(path, exports) {
 
     expect(mod).toSetExports(exports);
   });
-}
-expect.extend(toHaveNoViolations);
-export function checkStoriesForAxeViolations(name) {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const stories = require(`../stories/${name}.stories`); // eslint-disable-next-line @typescript-eslint/no-unused-vars -- _meta
-
-
-  const {
-    default: _meta,
-    ...Stories
-  } = stories;
-  Object.values(Stories).map(Story => {
-    if (typeof Story !== 'function') return;
-    it(`story ${Story.storyName} should have no axe violations`, async () => {
-      const {
-        container
-      } = HTMLRender( /*#__PURE__*/React.createElement(Story, null));
-      const results = await axe(container);
-      expect(results).toHaveNoViolations();
-      cleanup();
-    });
-  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-2021113144816",
+  "version": "0.0.0-2021113174023",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -15,13 +15,13 @@
     "start": "concurrently npm:start:*",
     "start:docs": "cd docs && npm run develop",
     "start:storybook": "start-storybook -p 6006",
-    "build:storybook": "build-storybook",
     "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0",
     "lint:fix": "npm run lint -- --fix",
     "test": "jest",
     "test:update": "npm run test -- --updateSnapshot",
     "release": "npm run build && changeset publish",
-    "size": "size-limit"
+    "size": "size-limit",
+    "typecheck": "npx tsc --project tsconfig.json"
   },
   "repository": "primer/react",
   "keywords": [
@@ -45,7 +45,7 @@
   "license": "MIT",
   "dependencies": {
     "@primer/octicons-react": "^16.1.0",
-    "@primer/primitives": "7.1.1",
+    "@primer/primitives": "6.1.0",
     "@radix-ui/react-polymorphic": "0.0.14",
     "@react-aria/ssr": "3.1.0",
     "@styled-system/css": "5.1.5",
@@ -66,7 +66,7 @@
     "@babel/cli": "7.14.5",
     "@babel/core": "7.14.8",
     "@babel/eslint-parser": "7.15.7",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.16.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.14.5",
     "@babel/plugin-proposal-optional-chaining": "7.14.5",
     "@babel/plugin-transform-modules-commonjs": "7.14.5",
     "@babel/preset-react": "7.14.5",
@@ -76,7 +76,7 @@
     "@github/prettier-config": "0.0.4",
     "@rollup/plugin-commonjs": "19.0.2",
     "@rollup/plugin-node-resolve": "13.0.5",
-    "@size-limit/preset-big-lib": "7.0.3",
+    "@size-limit/preset-big-lib": "5.0.2",
     "@storybook/addon-a11y": "6.3.12",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-essentials": "6.3.12",
@@ -88,11 +88,10 @@
     "@testing-library/user-event": "13.1.9",
     "@types/chroma-js": "2.1.3",
     "@types/enzyme": "3.10.9",
-    "@types/jest": "27.0.2",
+    "@types/jest": "26.0.23",
     "@types/jest-axe": "3.5.3",
     "@types/lodash.isempty": "4.4.6",
     "@types/lodash.isobject": "3.0.6",
-    "@types/node": "16.11.11",
     "@typescript-eslint/eslint-plugin": "4.31.2",
     "@typescript-eslint/parser": "4.26.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.6.3",
@@ -101,11 +100,10 @@
     "babel-plugin-add-react-displayname": "0.0.5",
     "babel-plugin-macros": "3.1.0",
     "babel-plugin-preval": "5.0.0",
-    "babel-plugin-styled-components": "2.0.2",
+    "babel-plugin-styled-components": "1.12.0",
     "babel-plugin-transform-replace-expressions": "0.2.0",
     "babel-polyfill": "6.26.0",
     "chroma-js": "2.1.2",
-    "chromatic": "6.1.0",
     "concurrently": "6.2.1",
     "copyfiles": "2.4.1",
     "cross-env": "7.0.3",
@@ -116,10 +114,9 @@
     "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-mdx": "1.15.1",
     "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-primer-react": "0.7.0",
+    "eslint-plugin-primer-react": "0.6.1",
     "eslint-plugin-react": "7.24.0",
     "eslint-plugin-react-hooks": "4.2.0",
-    "front-matter": "4.0.2",
     "jest": "27.0.4",
     "jest-axe": "5.0.1",
     "jest-styled-components": "6.3.4",
@@ -132,16 +129,16 @@
     "react-dnd-html5-backend": "14.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
-    "rollup": "2.60.2",
+    "rollup": "2.56.3",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-terser": "7.0.2",
     "rollup-plugin-visualizer": "5.5.0",
     "semver": "7.3.5",
-    "size-limit": "7.0.3",
+    "size-limit": "5.0.2",
     "storybook-addon-performance": "0.16.1",
     "styled-components": "4.4.1",
     "ts-toolbelt": "9.6.0",
-    "typescript": "4.4.4"
+    "typescript": "4.2.2"
   },
   "peerDependencies": {
     "react": "^17.0.0",
@@ -160,9 +157,5 @@
       "webpack": false,
       "running": false
     }
-  ],
-  "engines": {
-    "node": ">=16",
-    "npm": ">=8"
-  }
+  ]
 }

package/lib/ActionList2/MenuContext.d.ts

@@ -1,10 +0,0 @@
-/** This context can be used by components that compose ActionList inside a Menu */
-import React from 'react';
-declare type ContextProps = {
-    parent?: string;
-    listRole?: string;
-    itemRole?: string;
-    afterSelect?: () => void;
-};
-export declare const MenuContext: React.Context<ContextProps>;
-export {};

package/lib/ActionList2/MenuContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** This context can be used by components that compose ActionList inside a Menu */
-const MenuContext = /*#__PURE__*/_react.default.createContext({});
-
-exports.MenuContext = MenuContext;

package/lib/ActionMenu2.d.ts

@@ -1,313 +0,0 @@
-import { ButtonProps } from './Button';
-import React from 'react';
-import { OverlayProps } from './Overlay';
-import { AnchoredOverlayWrapperAnchorProps } from './AnchoredOverlay/AnchoredOverlay';
-declare type ActionMenuBaseProps = {
-    /**
-     * Recommended: `ActionMenu.Button` or `ActionMenu.Anchor` with ActionList`
-     */
-    children: React.ReactElement[] | React.ReactElement;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `onOpenChange`.
-     */
-    open?: boolean;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.
-     */
-    onOpenChange?: (s: boolean) => void;
-    /**
-     * Props to be spread on the internal `Overlay` component.
-     */
-    overlayProps?: Partial<OverlayProps>;
-};
-export declare type ActionMenuProps = ActionMenuBaseProps & AnchoredOverlayWrapperAnchorProps;
-export declare type MenuAnchorProps = {
-    children: React.ReactElement;
-};
-/** this component is syntactical sugar 🍭 */
-export declare type MenuButtonProps = ButtonProps;
-export declare const ActionMenu: React.FC<ActionMenuProps> & {
-    Button: React.ForwardRefExoticComponent<Pick<{
-        color?: string | undefined;
-        property?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        hidden?: boolean | undefined;
-        children?: React.ReactNode;
-        value?: string | number | readonly string[] | undefined;
-        ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-        form?: string | undefined;
-        slot?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        title?: string | undefined;
-        variant?: "small" | "medium" | "large" | undefined;
-        role?: React.AriaRole | undefined;
-        sx?: import("./sx").BetterSystemStyleObject | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        name?: string | undefined;
-        key?: React.Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        className?: string | undefined;
-        contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        placeholder?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
-        tabIndex?: number | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "false" | "true" | undefined;
-        'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
-        'aria-busy'?: boolean | "false" | "true" | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: boolean | "false" | "true" | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "false" | "true" | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "false" | "true" | undefined;
-        'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
-        'aria-hidden'?: boolean | "false" | "true" | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: boolean | "false" | "true" | undefined;
-        'aria-multiline'?: boolean | "false" | "true" | undefined;
-        'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: boolean | "false" | "true" | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: boolean | "false" | "true" | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "false" | "true" | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-        css?: import("@emotion/core").InterpolationWithTheme<any>;
-        disabled?: boolean | undefined;
-        as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-        autoFocus?: boolean | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-    } & {
-        theme?: any;
-    }, "theme" | "sx" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement> | keyof {
-        as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-        variant?: "small" | "medium" | "large" | undefined;
-    }> & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
-    Anchor: React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<React.RefObject<HTMLElement> | undefined>>;
-    Divider: React.FC<import("./sx").SxProp>;
-};
-export {};