@primer/components 0.0.0-202110321848 → 0.0.0-202110322927

package/lib/Pagehead.d.ts

@@ -1,5 +1,6 @@
+import { SystemCommonProps } from './constants';
 import { SxProp } from './sx';
 import { ComponentProps } from './utils/types';
-declare const Pagehead: import("styled-components").StyledComponent<"div", any, SxProp, never>;
+declare const Pagehead: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
 export declare type PageheadProps = ComponentProps<typeof Pagehead>;
 export default Pagehead;

package/lib/Pagehead.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const Pagehead = _styledComponents.default.div.withConfig({
   displayName: "Pagehead",
   componentId: "sc-1ntn78e-0"
-})(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";"], (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('colors.border.default'), _sx.default);
+})(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";", ";"], (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('space.4'), (0, _constants.get)('colors.border.default'), _constants.COMMON, _sx.default);
 
 var _default = Pagehead;
 exports.default = _default;

package/lib/SideNav.d.ts

@@ -1,14 +1,16 @@
 /// <reference types="hoist-non-react-statics" />
-/// <reference types="react" />
 import * as History from 'history';
-import Box from './Box';
 import { ComponentProps } from './utils/types';
+import React from 'react';
+import { SxProp } from './sx';
 declare type SideNavBaseProps = {
     variant?: 'lightweight' | 'normal';
     bordered?: boolean;
-} & ComponentProps<typeof Box>;
-declare function SideNavBase({ variant, className, bordered, children, ...props }: SideNavBaseProps): JSX.Element;
-declare const SideNav: import("styled-components").StyledComponent<typeof SideNavBase, any, {}, never>;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare function SideNavBase({ variant, className, bordered, children }: SideNavBaseProps): JSX.Element;
+declare const SideNav: import("styled-components").StyledComponent<typeof SideNavBase, any, SxProp, never>;
 declare type StyledSideNavLinkProps = {
     to?: History.LocationDescriptor;
     selected?: boolean;
@@ -18,14 +20,14 @@ declare const SideNavLink: import("styled-components").StyledComponent<"a", any,
     hoverColor?: string | undefined;
     muted?: boolean | undefined;
     underline?: boolean | undefined;
-} & import("./constants").SystemCommonProps & import("./sx").SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
+} & import("./constants").SystemCommonProps & SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
 export declare type SideNavProps = ComponentProps<typeof SideNav>;
 export declare type SideNavLinkProps = ComponentProps<typeof SideNavLink>;
-declare const _default: string & import("styled-components").StyledComponentBase<typeof SideNavBase, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<typeof SideNavBase, {}> & {
+declare const _default: string & import("styled-components").StyledComponentBase<typeof SideNavBase, any, SxProp, never> & import("hoist-non-react-statics").NonReactStatics<typeof SideNavBase, {}> & {
     Link: import("styled-components").StyledComponent<"a", any, {
         hoverColor?: string | undefined;
         muted?: boolean | undefined;
         underline?: boolean | undefined;
-    } & import("./constants").SystemCommonProps & import("./sx").SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
+    } & import("./constants").SystemCommonProps & SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
 };
 export default _default;

package/lib/SideNav.js

@@ -25,39 +25,30 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+// eslint-disable-next-line import/no-namespace
 function SideNavBase({
   variant,
   className,
   bordered,
-  children,
-  ...props
+  children
 }) {
   const variantClassName = variant === 'lightweight' ? 'lightweight' : 'normal';
   const newClassName = (0, _classnames.default)(className, `variant-${variantClassName}`);
-
-  if (!bordered) {
-    props = { ...props,
-      borderWidth: 0
-    };
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
-    borderWidth: "1px",
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    borderWidth: bordered ? '1px' : 0,
     borderStyle: "solid",
     borderColor: "border.default",
     borderRadius: 2,
     as: "nav",
     className: newClassName
-  }, props), children);
+  }, children);
 }
 
 SideNavBase.displayName = "SideNavBase";
 const SideNav = (0, _styledComponents.default)(SideNavBase).withConfig({
   displayName: "SideNav",
   componentId: "sc-15k667c-0"
-})(["background-color:", ";", " ", ";", ";"], (0, _constants.get)('colors.canvas.subtle'), props => props.bordered && (0, _styledComponents.css)(["& > &{border-left:0;border-right:0;border-bottom:0;}"]), _constants.COMMON, _sx.default);
+})(["background-color:", ";", " ", ";"], (0, _constants.get)('colors.canvas.subtle'), props => props.bordered && (0, _styledComponents.css)(["& > &{border-left:0;border-right:0;border-bottom:0;}"]), _sx.default);
 // used for variant normal hover, focus pseudo selectors
 const CommonAccessibilityVariantNormalStyles = (0, _styledComponents.css)(["background-color:", ";outline:none;text-decoration:none;"], (0, _constants.get)('colors.neutral.subtle')); // used for light weight hover, focus pseudo selectors
 

package/lib-esm/Pagehead.d.ts

@@ -1,5 +1,6 @@
+import { SystemCommonProps } from './constants';
 import { SxProp } from './sx';
 import { ComponentProps } from './utils/types';
-declare const Pagehead: import("styled-components").StyledComponent<"div", any, SxProp, never>;
+declare const Pagehead: import("styled-components").StyledComponent<"div", any, SystemCommonProps & SxProp, never>;
 export declare type PageheadProps = ComponentProps<typeof Pagehead>;
 export default Pagehead;

package/lib-esm/Pagehead.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { get } from './constants';
+import { COMMON, get } from './constants';
 import sx from './sx';
 const Pagehead = styled.div.withConfig({
   displayName: "Pagehead",
   componentId: "sc-1ntn78e-0"
-})(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";"], get('space.4'), get('space.4'), get('space.4'), get('colors.border.default'), sx);
+})(["position:relative;padding-top:", ";padding-bottom:", ";margin-bottom:", ";border-bottom:1px solid ", ";", ";", ";"], get('space.4'), get('space.4'), get('space.4'), get('colors.border.default'), COMMON, sx);
 export default Pagehead;

package/lib-esm/SideNav.d.ts

@@ -1,14 +1,16 @@
 /// <reference types="hoist-non-react-statics" />
-/// <reference types="react" />
 import * as History from 'history';
-import Box from './Box';
 import { ComponentProps } from './utils/types';
+import React from 'react';
+import { SxProp } from './sx';
 declare type SideNavBaseProps = {
     variant?: 'lightweight' | 'normal';
     bordered?: boolean;
-} & ComponentProps<typeof Box>;
-declare function SideNavBase({ variant, className, bordered, children, ...props }: SideNavBaseProps): JSX.Element;
-declare const SideNav: import("styled-components").StyledComponent<typeof SideNavBase, any, {}, never>;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare function SideNavBase({ variant, className, bordered, children }: SideNavBaseProps): JSX.Element;
+declare const SideNav: import("styled-components").StyledComponent<typeof SideNavBase, any, SxProp, never>;
 declare type StyledSideNavLinkProps = {
     to?: History.LocationDescriptor;
     selected?: boolean;
@@ -18,14 +20,14 @@ declare const SideNavLink: import("styled-components").StyledComponent<"a", any,
     hoverColor?: string | undefined;
     muted?: boolean | undefined;
     underline?: boolean | undefined;
-} & import("./constants").SystemCommonProps & import("./sx").SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
+} & import("./constants").SystemCommonProps & SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
 export declare type SideNavProps = ComponentProps<typeof SideNav>;
 export declare type SideNavLinkProps = ComponentProps<typeof SideNavLink>;
-declare const _default: string & import("styled-components").StyledComponentBase<typeof SideNavBase, any, {}, never> & import("hoist-non-react-statics").NonReactStatics<typeof SideNavBase, {}> & {
+declare const _default: string & import("styled-components").StyledComponentBase<typeof SideNavBase, any, SxProp, never> & import("hoist-non-react-statics").NonReactStatics<typeof SideNavBase, {}> & {
     Link: import("styled-components").StyledComponent<"a", any, {
         hoverColor?: string | undefined;
         muted?: boolean | undefined;
         underline?: boolean | undefined;
-    } & import("./constants").SystemCommonProps & import("./sx").SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
+    } & import("./constants").SystemCommonProps & SxProp & import("./constants").SystemTypographyProps & StyledSideNavLinkProps, never>;
 };
 export default _default;

package/lib-esm/SideNav.js

@@ -1,7 +1,5 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 // eslint-disable-next-line import/no-namespace
-import { COMMON, get } from './constants';
+import { get } from './constants';
 import styled, { css } from 'styled-components';
 import Box from './Box';
 import Link from './Link';
@@ -13,33 +11,25 @@ function SideNavBase({
   variant,
   className,
   bordered,
-  children,
-  ...props
+  children
 }) {
   const variantClassName = variant === 'lightweight' ? 'lightweight' : 'normal';
   const newClassName = classnames(className, `variant-${variantClassName}`);
-
-  if (!bordered) {
-    props = { ...props,
-      borderWidth: 0
-    };
-  }
-
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    borderWidth: "1px",
+  return /*#__PURE__*/React.createElement(Box, {
+    borderWidth: bordered ? '1px' : 0,
     borderStyle: "solid",
     borderColor: "border.default",
     borderRadius: 2,
     as: "nav",
     className: newClassName
-  }, props), children);
+  }, children);
 }
 
 SideNavBase.displayName = "SideNavBase";
 const SideNav = styled(SideNavBase).withConfig({
   displayName: "SideNav",
   componentId: "sc-15k667c-0"
-})(["background-color:", ";", " ", ";", ";"], get('colors.canvas.subtle'), props => props.bordered && css(["& > &{border-left:0;border-right:0;border-bottom:0;}"]), COMMON, sx);
+})(["background-color:", ";", " ", ";"], get('colors.canvas.subtle'), props => props.bordered && css(["& > &{border-left:0;border-right:0;border-bottom:0;}"]), sx);
 // used for variant normal hover, focus pseudo selectors
 const CommonAccessibilityVariantNormalStyles = css(["background-color:", ";outline:none;text-decoration:none;"], get('colors.neutral.subtle')); // used for light weight hover, focus pseudo selectors
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-202110321848",
+  "version": "0.0.0-202110322927",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",