Socket
Socket
Sign inDemoInstall

@chakra-ui/breadcrumb

Package Overview
Dependencies
Maintainers
3
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 2.1.1 to 2.1.2

dist/breadcrumb-context.d.ts

77

dist/index.d.ts

@@ -1,69 +0,8 @@

import * as _chakra_ui_system from '@chakra-ui/system';
import { SystemStyleObject, HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
interface BreadcrumbOptions {
/**
* The visual separator between each breadcrumb item
* @default "/"
* @type string | React.ReactElement
*/
separator?: string | React.ReactElement;
/**
* The left and right margin applied to the separator
* @default "0.5rem"
* @type SystemStyleObject["mx"]
*/
spacing?: SystemStyleObject["mx"];
}
interface BreadcrumbItemOptions extends BreadcrumbOptions {
isCurrentPage?: boolean;
isLastChild?: boolean;
}
interface BreadcrumbProps extends HTMLChakraProps<"nav">, BreadcrumbOptions, ThemingProps<"Breadcrumb"> {
listProps?: HTMLChakraProps<"ol">;
}
/**
* Breadcrumb is used to render a breadcrumb navigation landmark.
* It renders a `nav` element with `aria-label` set to `Breadcrumb`
*
* @see Docs https://chakra-ui.com/breadcrumb
* @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/
*/
declare const Breadcrumb: _chakra_ui_system.ComponentWithAs<"nav", BreadcrumbProps>;
interface BreadcrumbItemProps extends BreadcrumbItemOptions, HTMLChakraProps<"li"> {
}
/**
* BreadcrumbItem is used to group a breadcrumb link.
* It renders a `li` element to denote it belongs to an order list of links.
*
* @see Docs https://chakra-ui.com/breadcrumb
*/
declare const BreadcrumbItem: _chakra_ui_system.ComponentWithAs<"li", BreadcrumbItemProps>;
interface BreadcrumbSeparatorProps extends HTMLChakraProps<"div"> {
/**
* @type SystemStyleObject["mx"]
*/
spacing?: SystemStyleObject["mx"];
}
/**
* React component that separates each breadcrumb link
*/
declare const BreadcrumbSeparator: _chakra_ui_system.ComponentWithAs<"span", BreadcrumbSeparatorProps>;
interface BreadcrumbLinkProps extends HTMLChakraProps<"a"> {
isCurrentPage?: boolean;
}
/**
* Breadcrumb link.
*
* It renders a `span` when it matches the current link. Otherwise,
* it renders an anchor tag.
*/
declare const BreadcrumbLink: _chakra_ui_system.ComponentWithAs<"a", BreadcrumbLinkProps>;
declare const useBreadcrumbStyles: () => Record<string, SystemStyleObject>;
export { Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbOptions, BreadcrumbProps, BreadcrumbSeparator, BreadcrumbSeparatorProps, useBreadcrumbStyles };
export { Breadcrumb, BreadcrumbProps } from './breadcrumb.js';
export { BreadcrumbItem, BreadcrumbItemProps } from './breadcrumb-item.js';
export { BreadcrumbSeparator, BreadcrumbSeparatorProps } from './breadcrumb-separator.js';
export { BreadcrumbLink, BreadcrumbLinkProps } from './breadcrumb-link.js';
export { useBreadcrumbStyles } from './breadcrumb-context.js';
export { BreadcrumbOptions } from './breadcrumb-types.js';
import '@chakra-ui/system';
import 'react';
{
"name": "@chakra-ui/breadcrumb",
"version": "2.1.1",
"version": "2.1.2",
"description": "A React component used for navigation, with each item acting as a link",

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

"license": "MIT",
"main": "dist/index.cjs.js",
"main": "dist/index.js",
"files": [

@@ -34,12 +34,12 @@ "dist"

"dependencies": {
"@chakra-ui/react-children-utils": "2.0.4",
"@chakra-ui/react-context": "2.0.5"
"@chakra-ui/react-children-utils": "2.0.5",
"@chakra-ui/react-context": "2.0.6",
"@chakra-ui/shared-utils": "2.0.4"
},
"devDependencies": {
"@chakra-ui/icons": "2.0.12",
"@chakra-ui/shared-utils": "2.0.3",
"@chakra-ui/system": "2.3.2",
"react-router-dom": "6.0.0",
"react": "^18.0.0",
"clean-package": "2.1.1"
"clean-package": "2.1.1",
"@chakra-ui/icons": "2.0.15",
"@chakra-ui/system": "2.3.6"
},

@@ -50,9 +50,18 @@ "peerDependencies": {

},
"module": "dist/index.esm.js",
"clean-package": "../../../clean-package.config.json",
"tsup": {
"clean": true,
"target": "es2019",
"format": [
"cjs",
"esm"
]
},
"module": "dist/index.mjs",
"types": "dist/index.d.ts",
"exports": {
".": {
"import": "./dist/index.esm.js",
"require": "./dist/index.cjs.js",
"types": "./dist/index.d.ts"
"types": "./dist/index.d.ts",
"import": "./dist/index.mjs",
"require": "./dist/index.js"
},

@@ -62,8 +71,8 @@ "./package.json": "./package.json"

"scripts": {
"build": "JSX=1 tsup src/index.ts --dts",
"build": "tsup src --dts",
"dev": "pnpm build:fast -- --watch",
"clean": "rimraf dist .turbo",
"typecheck": "tsc --noEmit",
"build:fast": "JSX=1 tsup src/index.ts"
"build:fast": "tsup src"
}
}
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