buoy-breadcrumbs - npm Package Compare versions

Comparing version 6.1.0 to 6.1.1

package.json

		{
		"name": "buoy-breadcrumbs",
		"version": "6.1.0",
		"version": "6.1.1",
		"description": "Breadcrumb component for Buoy Health",
		@@ -19,6 +19,6 @@ "main": "dist/index.js",
		"dependencies": {
		"buoy-text": "^6.1.0",
		"buoy-theme": "^6.1.0"
		"buoy-text": "6.1.1",
		"buoy-theme": "6.1.1"
		},
		"gitHead": "39161e4c1983d5cdf41e3c7a05525807e6f14c1c"
		"gitHead": "fc44b2e626b12848f4c7dca32bd14fc0c6b1065c"
		}

src/components/breadcrumbItem.js

		@@ -56,3 +56,3 @@ import React, { Component } from "react"
		BreadcrumbItem.defaultProps = {
		content: ""
		content: "",
		}
		@@ -77,3 +77,3 @@
		*/
		onClick: PropTypes.func
		onClick: PropTypes.func,
		}

src/components/breadcrumbs.js

		@@ -60,3 +60,3 @@ import React from "react"

		return <StyledList margin={margin} >{childElements}</StyledList>
		return <StyledList margin={margin}>{childElements}</StyledList>
		}
		@@ -75,6 +75,6 @@ Breadcrumbs.defaultProps = {
		PropTypes.element,
		PropTypes.bool
		PropTypes.bool,
		]),

		margin: PropTypes.any
		margin: PropTypes.any,
		}

stories.js

		import React from "react"
		import { storiesOf } from "@storybook/react"
		import { text, array, number } from "@storybook/addon-knobs"
		import { Breadcrumbs, BreadcrumbItem } from "./src"
		import { text, array, number } from "@storybook/addon-knobs"

		storiesOf("Navigation", module).add(
		"Breadcrumbs",
		() => {
		const items = array("Items", ["Home", "Current", "Next"])
		const active = number("Active", items.length, {
		range: true,
		min: 1,
		max: items.length,
		step: 1,
		})
		const links = array("Links", ["https://buoyhealth.com"])
		return (
		<div>
		<Breadcrumbs divider={text("Divider", "") \|\| undefined}>
		{items.map((item, i) => (
		<BreadcrumbItem active={i + 1 === active} href={links[i]}>
		{item}
		</BreadcrumbItem>
		))}
		</Breadcrumbs>
		</div>
		)
		}
		)
		storiesOf("Navigation", module).add("Breadcrumbs", () => {
		const items = array("Items", ["Home", "Current", "Next"])
		const active = number("Active", items.length, {
		range: true,
		min: 1,
		max: items.length,
		step: 1,
		})
		const links = array("Links", ["https://buoyhealth.com"])
		return (
		<div>
		<Breadcrumbs divider={text("Divider", "") \|\| undefined}>
		{items.map((item, i) => (
		<BreadcrumbItem key={item} active={i + 1 === active} href={links[i]}>
		{item}
		</BreadcrumbItem>
		))}
		</Breadcrumbs>
		</div>
		)
		})

Fixed alerts