Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@asphalt-react/breadcrumb

Package Overview
Dependencies
Maintainers
3
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@asphalt-react/breadcrumb - npm Package Compare versions

Comparing version 1.16.0 to 1.17.0

71

dist/cjs/index.js

@@ -17,3 +17,3 @@ 'use strict';

function _extends() {
_extends = Object.assign || function (target) {
_extends = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {

@@ -31,3 +31,2 @@ var source = arguments[i];

};
return _extends.apply(this, arguments);

@@ -63,5 +62,5 @@ }

var css_248z = ".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n";
var styles = {"Breadcrumb":"Breadcrumb__5kK9Y","separator":"separator__1bfmP","crumb":"crumb__1LeIf","crumblist":"crumblist__1K-SQ","crumbItem":"crumbItem__p6dmm"};
var stylesheet=".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n";
var css_248z = ".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n";
var styles = {"Breadcrumb":"Breadcrumb__nUjIh","separator":"separator__1b9uz","crumb":"crumb__yUAHj","crumblist":"crumblist__G6rN2","crumbItem":"crumbItem__Cumex"};
var stylesheet=".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n";
styleInject(css_248z);

@@ -109,11 +108,11 @@

attrs.href = to;
attrs.className = cn__default['default'](styles.Breadcrumb, styles.crumb);
attrs.className = cn__default["default"](styles.Breadcrumb, styles.crumb);
}
return /*#__PURE__*/React__default['default'].createElement("li", {
className: cn__default['default'](styles.crumbItem)
}, /*#__PURE__*/React__default['default'].createElement(Tag, attrs, text));
return /*#__PURE__*/React__default["default"].createElement("li", {
className: cn__default["default"](styles.crumbItem)
}, /*#__PURE__*/React__default["default"].createElement(Tag, attrs, text));
};
return /*#__PURE__*/React__default['default'].createElement(Consumer, null, ({
return /*#__PURE__*/React__default["default"].createElement(Consumer, null, ({
valid

@@ -136,3 +135,3 @@ }) => {

*/
as: PropTypes__default['default'].elementType,
as: PropTypes__default["default"].elementType,

@@ -143,3 +142,3 @@ /**

*/
tagProps: PropTypes__default['default'].object,
tagProps: PropTypes__default["default"].object,

@@ -149,3 +148,3 @@ /**

*/
text: PropTypes__default['default'].string.isRequired,
text: PropTypes__default["default"].string.isRequired,

@@ -157,3 +156,3 @@ /**

*/
to: PropTypes__default['default'].string,
to: PropTypes__default["default"].string,

@@ -163,3 +162,3 @@ /**

*/
noLink: PropTypes__default['default'].bool
noLink: PropTypes__default["default"].bool
};

@@ -193,3 +192,3 @@ Crumb.defaultProps = {

return /*#__PURE__*/React__default['default'].createElement(Consumer, null, ({
return /*#__PURE__*/React__default["default"].createElement(Consumer, null, ({
valid

@@ -204,6 +203,6 @@ }) => {

return /*#__PURE__*/React__default['default'].createElement("li", {
return /*#__PURE__*/React__default["default"].createElement("li", {
className: styles.crumbItem
}, /*#__PURE__*/React__default['default'].createElement("span", _extends({
className: cn__default['default'](styles.Breadcrumbs, styles.separator)
}, /*#__PURE__*/React__default["default"].createElement("span", _extends({
className: cn__default["default"](styles.Breadcrumbs, styles.separator)
}, rest), symbol));

@@ -217,3 +216,3 @@ });

*/
symbol: PropTypes__default['default'].string
symbol: PropTypes__default["default"].string
};

@@ -257,7 +256,7 @@ Separator.defaultProps = {

const tree = () => /*#__PURE__*/React__default['default'].createElement(React.Fragment, {
const tree = () => /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
key: `${text}_${index}`
}, index === crumbs.length - 1 ? /*#__PURE__*/React__default['default'].createElement(Crumb, _extends({
}, index === crumbs.length - 1 ? /*#__PURE__*/React__default["default"].createElement(Crumb, _extends({
text: text
}, rest)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Crumb, crumbProps), /*#__PURE__*/React__default['default'].createElement(Separator, {
}, rest)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Crumb, crumbProps), /*#__PURE__*/React__default["default"].createElement(Separator, {
symbol: separator

@@ -300,10 +299,10 @@ })));

}) : children;
return /*#__PURE__*/React__default['default'].createElement(Provider, {
return /*#__PURE__*/React__default["default"].createElement(Provider, {
value: {
valid: true
}
}, /*#__PURE__*/React__default['default'].createElement("nav", {
}, /*#__PURE__*/React__default["default"].createElement("nav", {
"aria-label": "Breadcrumb"
}, /*#__PURE__*/React__default['default'].createElement("ul", {
className: cn__default['default'](styles.Breadcrumb, styles.crumblist)
}, /*#__PURE__*/React__default["default"].createElement("ul", {
className: cn__default["default"](styles.Breadcrumb, styles.crumblist)
}, tree)));

@@ -315,3 +314,3 @@ };

*/
children: PropTypes__default['default'].node,
children: PropTypes__default["default"].node,

@@ -321,3 +320,3 @@ /**

*/
as: PropTypes__default['default'].elementType,
as: PropTypes__default["default"].elementType,

@@ -329,3 +328,3 @@ /**

*/
tagProps: PropTypes__default['default'].object,
tagProps: PropTypes__default["default"].object,

@@ -341,6 +340,6 @@ /**

*/
crumbs: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
text: PropTypes__default['default'].string.isRequired,
to: PropTypes__default['default'].string,
linkProps: PropTypes__default['default'].object
crumbs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
text: PropTypes__default["default"].string.isRequired,
to: PropTypes__default["default"].string,
linkProps: PropTypes__default["default"].object
})),

@@ -351,3 +350,3 @@

*/
separator: PropTypes__default['default'].string
separator: PropTypes__default["default"].string
};

@@ -363,2 +362,2 @@ Breadcrumb.defaultProps = {

exports.Separator = Separator;
exports.default = Breadcrumb;
exports["default"] = Breadcrumb;

@@ -7,3 +7,3 @@ import React, { createContext, Fragment } from 'react';

function _extends() {
_extends = Object.assign || function (target) {
_extends = Object.assign ? Object.assign.bind() : function (target) {
for (var i = 1; i < arguments.length; i++) {

@@ -21,3 +21,2 @@ var source = arguments[i];

};
return _extends.apply(this, arguments);

@@ -53,5 +52,5 @@ }

var css_248z = ".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n";
var styles = {"Breadcrumb":"Breadcrumb__5kK9Y","separator":"separator__1bfmP","crumb":"crumb__1LeIf","crumblist":"crumblist__1K-SQ","crumbItem":"crumbItem__p6dmm"};
var stylesheet=".Breadcrumb__5kK9Y {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1bfmP {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__1LeIf:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__1LeIf:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__1LeIf:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__1LeIf:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__1K-SQ {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__p6dmm {\n display: inline;\n}\n";
var css_248z = ".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n";
var styles = {"Breadcrumb":"Breadcrumb__nUjIh","separator":"separator__1b9uz","crumb":"crumb__yUAHj","crumblist":"crumblist__G6rN2","crumbItem":"crumbItem__Cumex"};
var stylesheet=".Breadcrumb__nUjIh {\n --breadcrumb-font-color: var(--text-secondary, hsla(219, 42%, 24%, 1));\n --breadcrumb-link-color: var(--link-default, hsla(209, 100%, 25%, 1));\n --breadcrumb-hover-color: var(--link-hover, hsla(209, 100%, 42%, 1));\n --breadcrumb-visited-color: var(--link-visited, hsla(309, 49%, 23%, 1));\n --breadcrumb-active-color: var(--link-active, hsla(209, 100%, 25%, 1));\n color: var(--breadcrumb-font-color);\n margin: 0;\n padding: 0;\n}\n\n.separator__1b9uz {\n margin: 0 0.5rem 0 0.75rem;\n}\n\n.crumb__yUAHj:link {\n color: var(--breadcrumb-link-color);\n}\n\n.crumb__yUAHj:visited {\n color: var(--breadcrumb-visited-color);\n}\n\n.crumb__yUAHj:hover {\n color: var(--breadcrumb-hover-color);\n}\n\n.crumb__yUAHj:active {\n color: var(--breadcrumb-active-color);\n}\n\n.crumblist__G6rN2 {\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n white-space: nowrap;\n}\n\n.crumbItem__Cumex {\n display: inline;\n}\n";
styleInject(css_248z);

@@ -335,3 +334,2 @@

export default Breadcrumb;
export { Crumb, Separator };
export { Crumb, Separator, Breadcrumb as default };
{
"name": "@asphalt-react/breadcrumb",
"version": "1.16.0",
"version": "1.17.0",
"description": "Breadcrumb",

@@ -37,3 +37,3 @@ "keywords": [

"@asphalt-react/context": "^1.16.0",
"@asphalt-react/helper": "^1.14.1",
"@asphalt-react/helper": "^1.17.0",
"classnames": "^2.3.1",

@@ -43,3 +43,3 @@ "prop-types": "^15.7.2"

"license": "UNLICENSED",
"gitHead": "8c0c23a0e60b0f8240dac1532c03a03545e0aaba"
"gitHead": "34f490aa96b747372b4a4f06ecd1407a13f7c0d1"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc