@primer/components 31.2.1-rc.f73a0f8c → 32.0.1-rc.c4c2c50a

package/lib/__tests__/Dropdown.types.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Dropdown = _interopRequireDefault(require("../Dropdown"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Dropdown.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dropdown.default.Caret, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Menu, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Item, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_Dropdown.default.Button, {
+    backgroundColor: "thistle"
+  }));
+}

package/lib/__tests__/Dropdown.types.test.jsx

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Dropdown_1 = __importDefault(require("../Dropdown"));
+function shouldAcceptCallWithNoProps() {
+    return <Dropdown_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Dropdown_1.default.Caret backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Dropdown_1.default.Menu backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Dropdown_1.default.Item backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Dropdown_1.default.Button backgroundColor="thistle"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/FilterList.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/FilterList.types.test.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FilterList = _interopRequireDefault(require("../FilterList"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_FilterList.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FilterList.default, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_FilterList.default.Item, {
+    backgroundColor: "thistle"
+  }));
+}

package/lib/__tests__/FilterList.types.test.jsx

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const FilterList_1 = __importDefault(require("../FilterList"));
+function shouldAcceptCallWithNoProps() {
+    return <FilterList_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <FilterList_1.default backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <FilterList_1.default.Item backgroundColor="thistle"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/FilteredSearch.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/FilteredSearch.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FilteredSearch = _interopRequireDefault(require("../FilteredSearch"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_FilteredSearch.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_FilteredSearch.default, {
+    backgroundColor: "rosybrown"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/FilteredSearch.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const FilteredSearch_1 = __importDefault(require("../FilteredSearch"));
+function shouldAcceptCallWithNoProps() {
+    return <FilteredSearch_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <FilteredSearch_1.default backgroundColor="rosybrown"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Flash.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Flash.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Flash = _interopRequireDefault(require("../Flash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Flash.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_Flash.default, {
+    backgroundColor: "thistle"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Flash.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Flash_1 = __importDefault(require("../Flash"));
+function shouldAcceptCallWithNoProps() {
+    return <Flash_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Flash_1.default backgroundColor="thistle"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/FormGroup.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/FormGroup.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FormGroup = _interopRequireDefault(require("../FormGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_FormGroup.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
+    backgroundColor: "thistle"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/FormGroup.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const FormGroup_1 = __importDefault(require("../FormGroup"));
+function shouldAcceptCallWithNoProps() {
+    return <FormGroup_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <FormGroup_1.default backgroundColor="thistle"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Header.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Header.types.test.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Header = _interopRequireDefault(require("../Header"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Header.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Header.default, {
+    backgroundColor: "saddlebrown"
+  }), /*#__PURE__*/_react.default.createElement(_Header.default.Item, {
+    backgroundColor: "salmon"
+  }), /*#__PURE__*/_react.default.createElement(_Header.default.Link, {
+    backgroundColor: "sandybrown"
+  }));
+}

package/lib/__tests__/Header.types.test.jsx

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Header_1 = __importDefault(require("../Header"));
+function shouldAcceptCallWithNoProps() {
+    return <Header_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Header_1.default backgroundColor="saddlebrown"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Header_1.default.Item backgroundColor="salmon"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Header_1.default.Link backgroundColor="sandybrown"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Label.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Label.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Label = _interopRequireDefault(require("../Label"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Label.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_Label.default, {
+    backgroundColor: "mintcream"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Label.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Label_1 = __importDefault(require("../Label"));
+function shouldAcceptCallWithNoProps() {
+    return <Label_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Label_1.default backgroundColor="mintcream"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/LabelGroup.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/LabelGroup.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _LabelGroup = _interopRequireDefault(require("../LabelGroup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_LabelGroup.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_LabelGroup.default, {
+    backgroundColor: "khaki"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/LabelGroup.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const LabelGroup_1 = __importDefault(require("../LabelGroup"));
+function shouldAcceptCallWithNoProps() {
+    return <LabelGroup_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <LabelGroup_1.default backgroundColor="khaki"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Link.test.js

@@ -42,13 +42,17 @@ describe('Link', () => {
       hoverColor: "accent.fg"
     }))).toMatchSnapshot();
   });
-  it('respects the "fontStyle" prop', () => {
+  it('respects the "sx" prop', () => {
     expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      fontStyle: "italic"
+      sx: {
+        fontStyle: 'italic'
+      }
     }))).toHaveStyleRule('font-style', 'italic');
     expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
       as: "i",
-      fontStyle: "normal"
+      sx: {
+        fontStyle: 'normal'
+      }
     }))).toHaveStyleRule('font-style', 'normal');
   });
   it('applies button styles when rendering a button element', () => {
@@ -61,10 +65,12 @@ describe('Link', () => {
       muted: true
     }))).toMatchSnapshot();
   });
-  it('respectes the "color" prop when "muted" prop is also passed', () => {
+  it('respectes the  "sx" prop when "muted" prop is also passed', () => {
     expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
       muted: true,
-      color: "fg.onEmphasis"
+      sx: {
+        color: 'fg.onEmphasis'
+      }
     }))).toMatchSnapshot();
   });
 });

package/lib/__tests__/Link.test.jsx

@@ -27,9 +27,9 @@ describe('Link', () => {
     it('respects hoverColor prop', () => {
         expect(testing_1.render(<__1.Link hoverColor="accent.fg"/>)).toMatchSnapshot();
     });
-    it('respects the "fontStyle" prop', () => {
-        expect(testing_1.render(<__1.Link fontStyle="italic"/>)).toHaveStyleRule('font-style', 'italic');
-        expect(testing_1.render(<__1.Link as="i" fontStyle="normal"/>)).toHaveStyleRule('font-style', 'normal');
+    it('respects the "sx" prop', () => {
+        expect(testing_1.render(<__1.Link sx={{ fontStyle: 'italic' }}/>)).toHaveStyleRule('font-style', 'italic');
+        expect(testing_1.render(<__1.Link as="i" sx={{ fontStyle: 'normal' }}/>)).toHaveStyleRule('font-style', 'normal');
     });
     it('applies button styles when rendering a button element', () => {
         expect(testing_1.render(<__1.Link as="button"/>)).toMatchSnapshot();
@@ -37,7 +37,7 @@ describe('Link', () => {
     it('respectes the "muted" prop', () => {
         expect(testing_1.render(<__1.Link muted/>)).toMatchSnapshot();
     });
-    it('respectes the "color" prop when "muted" prop is also passed', () => {
-        expect(testing_1.render(<__1.Link muted color="fg.onEmphasis"/>)).toMatchSnapshot();
+    it('respectes the  "sx" prop when "muted" prop is also passed', () => {
+        expect(testing_1.render(<__1.Link muted sx={{ color: 'fg.onEmphasis' }}/>)).toMatchSnapshot();
     });
 });

package/lib/__tests__/Link.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Link.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Link = _interopRequireDefault(require("../Link"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Link.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_Link.default, {
+    backgroundColor: "mistyrose"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Link.types.test.jsx

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Link_1 = __importDefault(require("../Link"));
+function shouldAcceptCallWithNoProps() {
+    return <Link_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Link_1.default backgroundColor="mistyrose"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Overlay.types.test.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function shouldAcceptCallWithNoProps(ref: React.RefObject<HTMLElement>): JSX.Element;
+export declare function shouldNotAcceptSystemProps(ref: React.RefObject<HTMLElement>): JSX.Element;

package/lib/__tests__/Overlay.types.test.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Overlay = _interopRequireDefault(require("../Overlay"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps(ref) {
+  return /*#__PURE__*/_react.default.createElement(_Overlay.default, {
+    returnFocusRef: ref,
+    onClickOutside: () => null,
+    onEscape: () => null
+  });
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps(ref) {
+  return /*#__PURE__*/_react.default.createElement(_Overlay.default, {
+    returnFocusRef: ref,
+    onClickOutside: () => null,
+    onEscape: () => null // @ts-expect-error system props should not be accepted
+    ,
+    backgroundColor: "olivedrab"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Overlay.types.test.jsx

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
+const react_1 = __importDefault(require("react"));
+const Overlay_1 = __importDefault(require("../Overlay"));
+function shouldAcceptCallWithNoProps(ref) {
+    return <Overlay_1.default returnFocusRef={ref} onClickOutside={() => null} onEscape={() => null}/>;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps(ref) {
+    return (<Overlay_1.default returnFocusRef={ref} onClickOutside={() => null} onEscape={() => null} 
+    // @ts-expect-error system props should not be accepted
+    backgroundColor="olivedrab"/>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Pagehead.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/Pagehead.types.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Pagehead = _interopRequireDefault(require("../Pagehead"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Pagehead.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_Pagehead.default, {
+    backgroundColor: "orchid"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";