buoy-breadcrumbs - npm Package Compare versions

Comparing version 1.1.4 to 1.1.5

dist/components/breadcrumbs.js

@@ -8,3 +8,3 @@ "use strict";
 var _templateObject = _taggedTemplateLiteral(["\n  margin: 0 12px 0 12px;\n  ", ";\n  color: ", ";\n"], ["\n  margin: 0 12px 0 12px;\n  ", ";\n  color: ", ";\n"]),
-    _templateObject2 = _taggedTemplateLiteral(["\n  list-style: none;\n  overflow: hidden;\n  padding: 0;\n  > * {\n    display: inline;\n  }\n"], ["\n  list-style: none;\n  overflow: hidden;\n  padding: 0;\n  > * {\n    display: inline;\n  }\n"]);
+    _templateObject2 = _taggedTemplateLiteral(["\n  list-style: none;\n  overflow: hidden;\n  ", ";\n  padding: 0;\n  > * {\n    display: inline;\n  }\n"], ["\n  list-style: none;\n  overflow: hidden;\n  ", ";\n  padding: 0;\n  > * {\n    display: inline;\n  }\n"]);
 
@@ -34,3 +34,6 @@ exports.default = Breadcrumbs;
 
-var StyledList = _styledComponents2.default.ul(_templateObject2);
+// adding margin prop allows default margin to be overridden
+var StyledList = _styledComponents2.default.ul(_templateObject2, function (props) {
+  return props.margin && props.margin;
+});
 
@@ -62,3 +65,4 @@ // Arrow Divider component
   var children = _ref.children,
-      divider = _ref.divider;
+      divider = _ref.divider,
+      margin = _ref.margin;
 
@@ -85,7 +89,6 @@ // catches if someone passes divider as an empty prop
     StyledList,
-    null,
+    { margin: margin },
     childElements
   );
 }
-
 Breadcrumbs.defaultProps = {
@@ -100,3 +103,5 @@ divider: _react2.default.createElement(Arrow, null)
   /** Shorthand for primary content of the Breadcrumb.Divider. */
-  divider: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element, _propTypes2.default.bool])
+  divider: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element, _propTypes2.default.bool]),
+
+  margin: _propTypes2.default.any
 };

package.json

 {
   "name": "buoy-breadcrumbs",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Breadcrumb component for Buoy Health",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

src/components/breadcrumbs.js

@@ -13,5 +13,7 @@ import React from "react"
 
+// adding margin prop allows default margin to be overridden
 const StyledList = styled.ul`
   list-style: none;
   overflow: hidden;
+  ${props => props.margin && props.margin};
   padding: 0;
@@ -44,3 +46,3 @@ > * {
  */
-export default function Breadcrumbs({ children, divider }) {
+export default function Breadcrumbs({ children, divider, margin }) {
   // catches if someone passes divider as an empty prop
@@ -60,7 +62,6 @@ if (divider === true) {
 
-  return <StyledList>{childElements}</StyledList>
+  return <StyledList margin={margin} >{childElements}</StyledList>
 }
-
 Breadcrumbs.defaultProps = {
-  divider: <Arrow />
+  divider: <Arrow />,
 }
@@ -77,3 +78,5 @@
     PropTypes.bool
-  ])
+  ]),
+
+  margin: PropTypes.any
 }

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14367

increased by2.67%

Lines of code

352

increased by2.33%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes