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

@chakra-ui/breadcrumb

Package Overview
Dependencies
Maintainers
4
Versions
410
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/breadcrumb - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0

18

CHANGELOG.md
# Change Log
## 1.1.0
### Minor Changes
- [`90c7a4fbf`](https://github.com/chakra-ui/chakra-ui/commit/90c7a4fbfde69c01395ffe2876d7348dd72ea65a)
[#3092](https://github.com/chakra-ui/chakra-ui/pull/3092) Thanks
[@TimKolberger](https://github.com/TimKolberger)! - - Improved theme typing in
order to provide a better autocomplete experience
- Fixed a type issue where pseudo style props like `_hover` and `_active`
didn't allow regular css properties
### Patch Changes
- [`98ed67bc0`](https://github.com/chakra-ui/chakra-ui/commit/98ed67bc09faf11238440af9233a420849ecb2e7)
[#3007](https://github.com/chakra-ui/chakra-ui/pull/3007) Thanks
[@dodas](https://github.com/dodas)! - The `container` and `link` parts are now
themable.
## 1.0.3

@@ -4,0 +22,0 @@

17

dist/cjs/breadcrumb.js

@@ -68,3 +68,4 @@ "use strict";

return /*#__PURE__*/React.createElement(_system.chakra.span, _extends({
"aria-current": "page"
"aria-current": "page",
__css: styles.link
}, sharedProps));

@@ -115,3 +116,9 @@ }

});
var styles = (0, _system.useStyles)();
var itemStyles = _extends({
display: "inline-flex",
alignItems: "center"
}, styles.item);
var _className = (0, _utils.cx)("chakra-breadcrumb__list-item", className);

@@ -123,6 +130,3 @@

}, rest, {
__css: {
display: "inline-flex",
alignItems: "center"
}
__css: itemStyles
}), clones, !isLastChild && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {

@@ -171,3 +175,4 @@ spacing: spacing

"aria-label": "breadcrumb",
className: _className
className: _className,
__css: styles.container
}, rest), /*#__PURE__*/React.createElement(_system.StylesProvider, {

@@ -174,0 +179,0 @@ value: styles

@@ -60,3 +60,4 @@ 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); }

return /*#__PURE__*/React.createElement(chakra.span, _extends({
"aria-current": "page"
"aria-current": "page",
__css: styles.link
}, sharedProps));

@@ -108,3 +109,9 @@ }

});
var styles = useStyles();
var itemStyles = _extends({
display: "inline-flex",
alignItems: "center"
}, styles.item);
var _className = cx("chakra-breadcrumb__list-item", className);

@@ -116,6 +123,3 @@

}, rest, {
__css: {
display: "inline-flex",
alignItems: "center"
}
__css: itemStyles
}), clones, !isLastChild && /*#__PURE__*/React.createElement(BreadcrumbSeparator, {

@@ -161,3 +165,4 @@ spacing: spacing

"aria-label": "breadcrumb",
className: _className
className: _className,
__css: styles.container
}, rest), /*#__PURE__*/React.createElement(StylesProvider, {

@@ -164,0 +169,0 @@ value: styles

@@ -48,3 +48,3 @@ import { SystemProps, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";

}
export interface BreadcrumbProps extends HTMLChakraProps<"nav">, BreadcrumbOptions, ThemingProps {
export interface BreadcrumbProps extends HTMLChakraProps<"nav">, BreadcrumbOptions, ThemingProps<"Breadcrumb"> {
}

@@ -51,0 +51,0 @@ /**

{
"name": "@chakra-ui/breadcrumb",
"version": "1.0.3",
"version": "1.1.0",
"description": "A React component used for navigation, with each item acting as a link",

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

"devDependencies": {
"@chakra-ui/system": "1.1.5",
"@chakra-ui/system": "1.2.0",
"react": "^17.0.1"

@@ -58,0 +58,0 @@ },

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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