@clayui/breadcrumb 3.100.0 → 3.101.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/index.js CHANGED
@@ -78,7 +78,6 @@ 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: "c-focus-inset",
82
81
  displayType: null,
83
82
  onClick: function onClick() {
84
83
  return setCollapsed(!collapsed);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clayui/breadcrumb",
3
- "version": "3.100.0",
3
+ "version": "3.101.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": "17e85ad6e4587a22803d34705518f4659717b620"
43
+ "gitHead": "55f8b720047b2aa4764d5de1302f715db62ed902"
44
44
  }
@@ -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="c-focus-inset btn btn-monospaced btn-xs"
12
+ class="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="c-focus-inset btn btn-monospaced btn-xs"
62
+ class="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="c-focus-inset btn btn-monospaced btn-xs"
114
+ class="btn btn-monospaced btn-xs"
115
115
  title="See full nested"
116
116
  type="button"
117
117
  >
@@ -67,7 +67,7 @@ describe('ClayBreadcrumb', () => {
67
67
  );
68
68
 
69
69
  expect(mockWarnings).toBeCalled();
70
- expect(mockWarnings.mock.calls[0][0]).toBe(
70
+ expect(mockWarnings.mock.calls[0]![0]).toBe(
71
71
  'Warning: ClayBreadcrumb expects at least one `active` item on `items`.'
72
72
  );
73
73
 
@@ -129,7 +129,7 @@ describe('ClayBreadcrumb', () => {
129
129
 
130
130
  expect(itemClickMock).toHaveBeenCalled();
131
131
 
132
- expect(itemClickMock.mock.calls[0][0].type).toBe('click');
132
+ expect(itemClickMock.mock.calls[0]![0].type).toBe('click');
133
133
 
134
134
  expect(container).toMatchSnapshot();
135
135
  });
package/src/index.tsx CHANGED
@@ -84,7 +84,6 @@ const ClayBreadcrumb = ({
84
84
  <ClayButtonWithIcon
85
85
  aria-expanded={collapsed}
86
86
  aria-label={collapsed ? ariaLabels.close : ariaLabels.open}
87
- className="c-focus-inset"
88
87
  displayType={null}
89
88
  onClick={() => setCollapsed(!collapsed)}
90
89
  size="xs"
@@ -99,8 +98,8 @@ const ClayBreadcrumb = ({
99
98
  {items.length > 3 && !collapsed ? (
100
99
  <Items
101
100
  items={[
102
- items[items.length - 2],
103
- items[items.length - 1],
101
+ items[items.length - 2]!,
102
+ items[items.length - 1]!,
104
103
  ]}
105
104
  />
106
105
  ) : (