@primer/components 31.2.1-rc.7fa29a87 → 32.0.0-rc.7200a6a6

package/lib/__tests__/Pagehead.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 Pagehead_1 = __importDefault(require("../Pagehead"));
+function shouldAcceptCallWithNoProps() {
+    return <Pagehead_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Pagehead_1.default backgroundColor="orchid"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Pagination.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__/Pagination.types.test.js

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

package/lib/__tests__/Pagination.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 Pagination_1 = __importDefault(require("../Pagination"));
+function shouldAcceptCallWithNoProps() {
+    return <Pagination_1.default currentPage={1} pageCount={2}/>;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Pagination_1.default currentPage={1} pageCount={2} backgroundColor="palegoldenrod"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Popover.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__/Popover.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 _Popover = _interopRequireDefault(require("../Popover"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Popover.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Popover.default, {
+    backgroundColor: "palegreen"
+  }), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+    backgroundColor: "paleturquoise"
+  }));
+}

package/lib/__tests__/Popover.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 Popover_1 = __importDefault(require("../Popover"));
+function shouldAcceptCallWithNoProps() {
+    return <Popover_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Popover_1.default backgroundColor="palegreen"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Popover_1.default.Content backgroundColor="paleturquoise"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/SelectMenu.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__/SelectMenu.types.test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SelectMenu = _interopRequireDefault(require("../SelectMenu"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_SelectMenu.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SelectMenu.default, {
+    backgroundColor: "lightgray"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.List, {
+    backgroundColor: "lightgreen"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Divider, {
+    backgroundColor: "lightgrey"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Filter, {
+    backgroundColor: "lightpink"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Footer, {
+    backgroundColor: "lightsalmon"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Item, {
+    backgroundColor: "lightseagreen"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Modal, {
+    backgroundColor: "lightskyblue"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Tabs, {
+    backgroundColor: "lightslategray"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Tab, {
+    backgroundColor: "lightslategrey"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.TabPanel, {
+    backgroundColor: "lightsteelblue"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Header, {
+    backgroundColor: "lightyellow"
+  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.LoadingAnimation, {
+    backgroundColor: "lightcyan"
+  }));
+}

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

@@ -0,0 +1,41 @@
+"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 SelectMenu_1 = __importDefault(require("../SelectMenu"));
+function shouldAcceptCallWithNoProps() {
+    return <SelectMenu_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default backgroundColor="lightgray"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.List backgroundColor="lightgreen"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Divider backgroundColor="lightgrey"/>
+      {/* This will not error for now, but once TextInputProps is fixed, a ts-expect-error can be added */}
+      <SelectMenu_1.default.Filter backgroundColor="lightpink"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Footer backgroundColor="lightsalmon"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Item backgroundColor="lightseagreen"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Modal backgroundColor="lightskyblue"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Tabs backgroundColor="lightslategray"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Tab backgroundColor="lightslategrey"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.TabPanel backgroundColor="lightsteelblue"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.Header backgroundColor="lightyellow"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SelectMenu_1.default.LoadingAnimation backgroundColor="lightcyan"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/SideNav.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__/SideNav.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 _SideNav = _interopRequireDefault(require("../SideNav"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_SideNav.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_SideNav.default, {
+    backgroundColor: "aliceblue"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/SideNav.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 SideNav_1 = __importDefault(require("../SideNav"));
+function shouldAcceptCallWithNoProps() {
+    return <SideNav_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <SideNav_1.default backgroundColor="aliceblue"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/StateLabel.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__/StateLabel.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 _StateLabel = _interopRequireDefault(require("../StateLabel"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_StateLabel.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_StateLabel.default, {
+    backgroundColor: "bisque"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/StateLabel.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 StateLabel_1 = __importDefault(require("../StateLabel"));
+function shouldAcceptCallWithNoProps() {
+    return <StateLabel_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <StateLabel_1.default backgroundColor="bisque"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/StyledOcticon.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__/StyledOcticon.types.test.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _octiconsReact = require("@primer/octicons-react");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _StyledOcticon = _interopRequireDefault(require("../StyledOcticon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_StyledOcticon.default, {
+    icon: _octiconsReact.MoonIcon
+  });
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_StyledOcticon.default, {
+    backgroundColor: "wheat"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/StyledOcticon.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 octicons_react_1 = require("@primer/octicons-react");
+const react_1 = __importDefault(require("react"));
+const StyledOcticon_1 = __importDefault(require("../StyledOcticon"));
+function shouldAcceptCallWithNoProps() {
+    return <StyledOcticon_1.default icon={octicons_react_1.MoonIcon}/>;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <StyledOcticon_1.default backgroundColor="wheat"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/SubNav.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__/SubNav.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 _SubNav = _interopRequireDefault(require("../SubNav"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SubNav.default, null), /*#__PURE__*/_react.default.createElement(_SubNav.default.Link, null), /*#__PURE__*/_react.default.createElement(_SubNav.default.Links, null));
+}
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SubNav.default, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_SubNav.default.Link, {
+    backgroundColor: "thistle"
+  }), /*#__PURE__*/_react.default.createElement(_SubNav.default.Links, {
+    backgroundColor: "thistle"
+  }));
+}

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

@@ -0,0 +1,27 @@
+"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 SubNav_1 = __importDefault(require("../SubNav"));
+function shouldAcceptCallWithNoProps() {
+    return (<>
+      <SubNav_1.default />
+      <SubNav_1.default.Link />
+      <SubNav_1.default.Links />
+    </>);
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SubNav_1.default backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SubNav_1.default.Link backgroundColor="thistle"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <SubNav_1.default.Links backgroundColor="thistle"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/TabNav.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__/TabNav.types.test.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TabNav = _interopRequireDefault(require("../TabNav"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TabNav.default, null), /*#__PURE__*/_react.default.createElement(_TabNav.default.Link, null));
+}
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TabNav.default, {
+    backgroundColor: "maroon"
+  }), /*#__PURE__*/_react.default.createElement(_TabNav.default.Link, {
+    backgroundColor: "fuchsia"
+  }));
+}

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

@@ -0,0 +1,24 @@
+"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 TabNav_1 = __importDefault(require("../TabNav"));
+function shouldAcceptCallWithNoProps() {
+    return (<>
+      <TabNav_1.default />
+      <TabNav_1.default.Link />
+    </>);
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <TabNav_1.default backgroundColor="maroon"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <TabNav_1.default.Link backgroundColor="fuchsia"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Timeline.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__/Timeline.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 _Timeline = _interopRequireDefault(require("../Timeline"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, null), /*#__PURE__*/_react.default.createElement(_Timeline.default.Item, null), /*#__PURE__*/_react.default.createElement(_Timeline.default.Badge, null), /*#__PURE__*/_react.default.createElement(_Timeline.default.Body, null), /*#__PURE__*/_react.default.createElement(_Timeline.default.Break, null));
+}
+
+function shouldNotAcceptSystemProps() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Timeline.default, {
+    backgroundColor: "red"
+  }), /*#__PURE__*/_react.default.createElement(_Timeline.default.Item, {
+    backgroundColor: "orange"
+  }), /*#__PURE__*/_react.default.createElement(_Timeline.default.Badge, {
+    backgroundColor: "yellow"
+  }), /*#__PURE__*/_react.default.createElement(_Timeline.default.Body, {
+    backgroundColor: "green"
+  }), /*#__PURE__*/_react.default.createElement(_Timeline.default.Break, {
+    backgroundColor: "blue"
+  }));
+}

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

@@ -0,0 +1,33 @@
+"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 Timeline_1 = __importDefault(require("../Timeline"));
+function shouldAcceptCallWithNoProps() {
+    return (<>
+      <Timeline_1.default />
+      <Timeline_1.default.Item />
+      <Timeline_1.default.Badge />
+      <Timeline_1.default.Body />
+      <Timeline_1.default.Break />
+    </>);
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    return (<>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Timeline_1.default backgroundColor="red"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Timeline_1.default.Item backgroundColor="orange"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Timeline_1.default.Badge backgroundColor="yellow"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Timeline_1.default.Body backgroundColor="green"/>
+      {/* @ts-expect-error system props should not be accepted */}
+      <Timeline_1.default.Break backgroundColor="blue"/>
+    </>);
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/Tooltip.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__/Tooltip.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 _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function shouldAcceptCallWithNoProps() {
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, null);
+}
+
+shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
+
+function shouldNotAcceptSystemProps() {
+  // @ts-expect-error system props should not be accepted
+  return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    backgroundColor: "thistle"
+  });
+}
+
+shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib/__tests__/Tooltip.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 Tooltip_1 = __importDefault(require("../Tooltip"));
+function shouldAcceptCallWithNoProps() {
+    return <Tooltip_1.default />;
+}
+exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
+function shouldNotAcceptSystemProps() {
+    // @ts-expect-error system props should not be accepted
+    return <Tooltip_1.default backgroundColor="thistle"/>;
+}
+exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

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

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