@clayui/breadcrumb 3.101.0 → 3.104.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/Item.js CHANGED
@@ -35,7 +35,7 @@ var Item = function Item(_ref) {
35
35
  }, otherProps), /*#__PURE__*/_react.default.createElement(_link.default, {
36
36
  "aria-current": active ? 'page' : undefined,
37
37
  className: "breadcrumb-link",
38
- href: href,
38
+ href: active ? '#' : href,
39
39
  onClick: function onClick(event) {
40
40
  if (_onClick) {
41
41
  event.preventDefault();
package/lib/index.js CHANGED
@@ -78,6 +78,7 @@ var ClayBreadcrumb = function ClayBreadcrumb(_ref) {
78
78
  }, items.length > 3 && /*#__PURE__*/_react.default.createElement(_button.ClayButtonWithIcon, {
79
79
  "aria-expanded": collapsed,
80
80
  "aria-label": collapsed ? ariaLabels.close : ariaLabels.open,
81
+ className: "breadcrumb-toggle",
81
82
  displayType: null,
82
83
  onClick: function onClick() {
83
84
  return setCollapsed(!collapsed);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clayui/breadcrumb",
3
- "version": "3.101.0",
3
+ "version": "3.104.0",
4
4
  "description": "ClayBreadcrumb component",
5
5
  "license": "BSD-3-Clause",
6
6
  "repository": "https://github.com/liferay/clay",
@@ -40,5 +40,5 @@
40
40
  "browserslist": [
41
41
  "extends browserslist-config-clay"
42
42
  ],
43
- "gitHead": "55f8b720047b2aa4764d5de1302f715db62ed902"
43
+ "gitHead": "44f72fac40321954bf46e8f61b163ff71ae04403"
44
44
  }
package/src/Item.tsx CHANGED
@@ -40,7 +40,7 @@ const Item = ({active, href, label, onClick, ...otherProps}: IItem) => (
40
40
  aria-current={active ? 'page' : undefined}
41
41
  className="breadcrumb-link"
42
42
  data-testid={`testId${label}`}
43
- href={href}
43
+ href={active ? '#' : href}
44
44
  onClick={(event) => {
45
45
  if (onClick) {
46
46
  event.preventDefault();
@@ -9,7 +9,7 @@ exports[`ClayBreadcrumb calls callback when an item is clicked 1`] = `
9
9
  <button
10
10
  aria-expanded="false"
11
11
  aria-label="See full nested"
12
- class="btn btn-monospaced btn-xs"
12
+ class="breadcrumb-toggle btn btn-monospaced btn-xs"
13
13
  title="See full nested"
14
14
  type="button"
15
15
  >
@@ -59,7 +59,7 @@ exports[`ClayBreadcrumb renders 1`] = `
59
59
  <button
60
60
  aria-expanded="false"
61
61
  aria-label="See full nested"
62
- class="btn btn-monospaced btn-xs"
62
+ class="breadcrumb-toggle btn btn-monospaced btn-xs"
63
63
  title="See full nested"
64
64
  type="button"
65
65
  >
@@ -111,7 +111,7 @@ exports[`ClayBreadcrumb renders with properties passed by \`ellipsisProps\` 1`]
111
111
  <button
112
112
  aria-expanded="false"
113
113
  aria-label="See full nested"
114
- class="btn btn-monospaced btn-xs"
114
+ class="breadcrumb-toggle btn btn-monospaced btn-xs"
115
115
  title="See full nested"
116
116
  type="button"
117
117
  >
package/src/index.tsx CHANGED
@@ -84,6 +84,7 @@ const ClayBreadcrumb = ({
84
84
  <ClayButtonWithIcon
85
85
  aria-expanded={collapsed}
86
86
  aria-label={collapsed ? ariaLabels.close : ariaLabels.open}
87
+ className="breadcrumb-toggle"
87
88
  displayType={null}
88
89
  onClick={() => setCollapsed(!collapsed)}
89
90
  size="xs"