carbon-react 118.5.2 → 118.6.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.
Files changed (11) hide show
  1. package/esm/components/breadcrumbs/breadcrumbs.component.d.ts +2 -1
  2. package/esm/components/breadcrumbs/breadcrumbs.component.js +310 -2
  3. package/esm/components/breadcrumbs/breadcrumbs.style.js +9 -0
  4. package/esm/components/breadcrumbs/crumb/crumb.component.d.ts +0 -2
  5. package/esm/components/breadcrumbs/crumb/crumb.component.js +5 -3
  6. package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +2 -1
  7. package/lib/components/breadcrumbs/breadcrumbs.component.js +310 -2
  8. package/lib/components/breadcrumbs/breadcrumbs.style.js +9 -0
  9. package/lib/components/breadcrumbs/crumb/crumb.component.d.ts +0 -2
  10. package/lib/components/breadcrumbs/crumb/crumb.component.js +5 -3
  11. package/package.json +1 -1
package/esm/components/breadcrumbs/breadcrumbs.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
+ import { SpaceProps } from "styled-system";
2
3
  import { TagProps } from "../../__internal__/utils/helpers/tags";
3
- export interface BreadcrumbsProps extends TagProps {
4
+ export interface BreadcrumbsProps extends TagProps, SpaceProps {
4
5
  /** Child crumbs to display */
5
6
  children: React.ReactNode;
6
7
  }
package/esm/components/breadcrumbs/breadcrumbs.component.js CHANGED
@@ -15,13 +15,321 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
15
15
  role: "navigation"
16
16
  }, tagComponent("breadcrumbs", rest), {
17
17
  "aria-label": l.breadcrumbs.ariaLabel()
18
- }), /*#__PURE__*/React.createElement("ol", null, children));
18
+ }, rest), /*#__PURE__*/React.createElement("ol", null, children));
19
19
  });
20
20
  Breadcrumbs.propTypes = {
21
21
  "children": PropTypes.node,
22
22
  "data-component": PropTypes.string,
23
23
  "data-element": PropTypes.string,
24
- "data-role": PropTypes.string
24
+ "data-role": PropTypes.string,
25
+ "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
26
+ "__@toStringTag": PropTypes.string.isRequired,
27
+ "description": PropTypes.string,
28
+ "toString": PropTypes.func.isRequired,
29
+ "valueOf": PropTypes.func.isRequired
30
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
31
+ "__@toStringTag": PropTypes.string.isRequired,
32
+ "description": PropTypes.string,
33
+ "toString": PropTypes.func.isRequired,
34
+ "valueOf": PropTypes.func.isRequired
35
+ }), PropTypes.string]),
36
+ "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
37
+ "__@toStringTag": PropTypes.string.isRequired,
38
+ "description": PropTypes.string,
39
+ "toString": PropTypes.func.isRequired,
40
+ "valueOf": PropTypes.func.isRequired
41
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
42
+ "__@toStringTag": PropTypes.string.isRequired,
43
+ "description": PropTypes.string,
44
+ "toString": PropTypes.func.isRequired,
45
+ "valueOf": PropTypes.func.isRequired
46
+ }), PropTypes.string]),
47
+ "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
48
+ "__@toStringTag": PropTypes.string.isRequired,
49
+ "description": PropTypes.string,
50
+ "toString": PropTypes.func.isRequired,
51
+ "valueOf": PropTypes.func.isRequired
52
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
53
+ "__@toStringTag": PropTypes.string.isRequired,
54
+ "description": PropTypes.string,
55
+ "toString": PropTypes.func.isRequired,
56
+ "valueOf": PropTypes.func.isRequired
57
+ }), PropTypes.string]),
58
+ "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
59
+ "__@toStringTag": PropTypes.string.isRequired,
60
+ "description": PropTypes.string,
61
+ "toString": PropTypes.func.isRequired,
62
+ "valueOf": PropTypes.func.isRequired
63
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
64
+ "__@toStringTag": PropTypes.string.isRequired,
65
+ "description": PropTypes.string,
66
+ "toString": PropTypes.func.isRequired,
67
+ "valueOf": PropTypes.func.isRequired
68
+ }), PropTypes.string]),
69
+ "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
70
+ "__@toStringTag": PropTypes.string.isRequired,
71
+ "description": PropTypes.string,
72
+ "toString": PropTypes.func.isRequired,
73
+ "valueOf": PropTypes.func.isRequired
74
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
75
+ "__@toStringTag": PropTypes.string.isRequired,
76
+ "description": PropTypes.string,
77
+ "toString": PropTypes.func.isRequired,
78
+ "valueOf": PropTypes.func.isRequired
79
+ }), PropTypes.string]),
80
+ "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
81
+ "__@toStringTag": PropTypes.string.isRequired,
82
+ "description": PropTypes.string,
83
+ "toString": PropTypes.func.isRequired,
84
+ "valueOf": PropTypes.func.isRequired
85
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
86
+ "__@toStringTag": PropTypes.string.isRequired,
87
+ "description": PropTypes.string,
88
+ "toString": PropTypes.func.isRequired,
89
+ "valueOf": PropTypes.func.isRequired
90
+ }), PropTypes.string]),
91
+ "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
92
+ "__@toStringTag": PropTypes.string.isRequired,
93
+ "description": PropTypes.string,
94
+ "toString": PropTypes.func.isRequired,
95
+ "valueOf": PropTypes.func.isRequired
96
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
97
+ "__@toStringTag": PropTypes.string.isRequired,
98
+ "description": PropTypes.string,
99
+ "toString": PropTypes.func.isRequired,
100
+ "valueOf": PropTypes.func.isRequired
101
+ }), PropTypes.string]),
102
+ "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
103
+ "__@toStringTag": PropTypes.string.isRequired,
104
+ "description": PropTypes.string,
105
+ "toString": PropTypes.func.isRequired,
106
+ "valueOf": PropTypes.func.isRequired
107
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
108
+ "__@toStringTag": PropTypes.string.isRequired,
109
+ "description": PropTypes.string,
110
+ "toString": PropTypes.func.isRequired,
111
+ "valueOf": PropTypes.func.isRequired
112
+ }), PropTypes.string]),
113
+ "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
114
+ "__@toStringTag": PropTypes.string.isRequired,
115
+ "description": PropTypes.string,
116
+ "toString": PropTypes.func.isRequired,
117
+ "valueOf": PropTypes.func.isRequired
118
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
119
+ "__@toStringTag": PropTypes.string.isRequired,
120
+ "description": PropTypes.string,
121
+ "toString": PropTypes.func.isRequired,
122
+ "valueOf": PropTypes.func.isRequired
123
+ }), PropTypes.string]),
124
+ "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
125
+ "__@toStringTag": PropTypes.string.isRequired,
126
+ "description": PropTypes.string,
127
+ "toString": PropTypes.func.isRequired,
128
+ "valueOf": PropTypes.func.isRequired
129
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
130
+ "__@toStringTag": PropTypes.string.isRequired,
131
+ "description": PropTypes.string,
132
+ "toString": PropTypes.func.isRequired,
133
+ "valueOf": PropTypes.func.isRequired
134
+ }), PropTypes.string]),
135
+ "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
136
+ "__@toStringTag": PropTypes.string.isRequired,
137
+ "description": PropTypes.string,
138
+ "toString": PropTypes.func.isRequired,
139
+ "valueOf": PropTypes.func.isRequired
140
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
141
+ "__@toStringTag": PropTypes.string.isRequired,
142
+ "description": PropTypes.string,
143
+ "toString": PropTypes.func.isRequired,
144
+ "valueOf": PropTypes.func.isRequired
145
+ }), PropTypes.string]),
146
+ "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
147
+ "__@toStringTag": PropTypes.string.isRequired,
148
+ "description": PropTypes.string,
149
+ "toString": PropTypes.func.isRequired,
150
+ "valueOf": PropTypes.func.isRequired
151
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
152
+ "__@toStringTag": PropTypes.string.isRequired,
153
+ "description": PropTypes.string,
154
+ "toString": PropTypes.func.isRequired,
155
+ "valueOf": PropTypes.func.isRequired
156
+ }), PropTypes.string]),
157
+ "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
158
+ "__@toStringTag": PropTypes.string.isRequired,
159
+ "description": PropTypes.string,
160
+ "toString": PropTypes.func.isRequired,
161
+ "valueOf": PropTypes.func.isRequired
162
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
163
+ "__@toStringTag": PropTypes.string.isRequired,
164
+ "description": PropTypes.string,
165
+ "toString": PropTypes.func.isRequired,
166
+ "valueOf": PropTypes.func.isRequired
167
+ }), PropTypes.string]),
168
+ "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
169
+ "__@toStringTag": PropTypes.string.isRequired,
170
+ "description": PropTypes.string,
171
+ "toString": PropTypes.func.isRequired,
172
+ "valueOf": PropTypes.func.isRequired
173
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
174
+ "__@toStringTag": PropTypes.string.isRequired,
175
+ "description": PropTypes.string,
176
+ "toString": PropTypes.func.isRequired,
177
+ "valueOf": PropTypes.func.isRequired
178
+ }), PropTypes.string]),
179
+ "p": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
180
+ "__@toStringTag": PropTypes.string.isRequired,
181
+ "description": PropTypes.string,
182
+ "toString": PropTypes.func.isRequired,
183
+ "valueOf": PropTypes.func.isRequired
184
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
185
+ "__@toStringTag": PropTypes.string.isRequired,
186
+ "description": PropTypes.string,
187
+ "toString": PropTypes.func.isRequired,
188
+ "valueOf": PropTypes.func.isRequired
189
+ }), PropTypes.string]),
190
+ "padding": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
191
+ "__@toStringTag": PropTypes.string.isRequired,
192
+ "description": PropTypes.string,
193
+ "toString": PropTypes.func.isRequired,
194
+ "valueOf": PropTypes.func.isRequired
195
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
196
+ "__@toStringTag": PropTypes.string.isRequired,
197
+ "description": PropTypes.string,
198
+ "toString": PropTypes.func.isRequired,
199
+ "valueOf": PropTypes.func.isRequired
200
+ }), PropTypes.string]),
201
+ "paddingBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
202
+ "__@toStringTag": PropTypes.string.isRequired,
203
+ "description": PropTypes.string,
204
+ "toString": PropTypes.func.isRequired,
205
+ "valueOf": PropTypes.func.isRequired
206
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
207
+ "__@toStringTag": PropTypes.string.isRequired,
208
+ "description": PropTypes.string,
209
+ "toString": PropTypes.func.isRequired,
210
+ "valueOf": PropTypes.func.isRequired
211
+ }), PropTypes.string]),
212
+ "paddingLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
213
+ "__@toStringTag": PropTypes.string.isRequired,
214
+ "description": PropTypes.string,
215
+ "toString": PropTypes.func.isRequired,
216
+ "valueOf": PropTypes.func.isRequired
217
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
218
+ "__@toStringTag": PropTypes.string.isRequired,
219
+ "description": PropTypes.string,
220
+ "toString": PropTypes.func.isRequired,
221
+ "valueOf": PropTypes.func.isRequired
222
+ }), PropTypes.string]),
223
+ "paddingRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
224
+ "__@toStringTag": PropTypes.string.isRequired,
225
+ "description": PropTypes.string,
226
+ "toString": PropTypes.func.isRequired,
227
+ "valueOf": PropTypes.func.isRequired
228
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
229
+ "__@toStringTag": PropTypes.string.isRequired,
230
+ "description": PropTypes.string,
231
+ "toString": PropTypes.func.isRequired,
232
+ "valueOf": PropTypes.func.isRequired
233
+ }), PropTypes.string]),
234
+ "paddingTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
235
+ "__@toStringTag": PropTypes.string.isRequired,
236
+ "description": PropTypes.string,
237
+ "toString": PropTypes.func.isRequired,
238
+ "valueOf": PropTypes.func.isRequired
239
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
240
+ "__@toStringTag": PropTypes.string.isRequired,
241
+ "description": PropTypes.string,
242
+ "toString": PropTypes.func.isRequired,
243
+ "valueOf": PropTypes.func.isRequired
244
+ }), PropTypes.string]),
245
+ "paddingX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
246
+ "__@toStringTag": PropTypes.string.isRequired,
247
+ "description": PropTypes.string,
248
+ "toString": PropTypes.func.isRequired,
249
+ "valueOf": PropTypes.func.isRequired
250
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
251
+ "__@toStringTag": PropTypes.string.isRequired,
252
+ "description": PropTypes.string,
253
+ "toString": PropTypes.func.isRequired,
254
+ "valueOf": PropTypes.func.isRequired
255
+ }), PropTypes.string]),
256
+ "paddingY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
257
+ "__@toStringTag": PropTypes.string.isRequired,
258
+ "description": PropTypes.string,
259
+ "toString": PropTypes.func.isRequired,
260
+ "valueOf": PropTypes.func.isRequired
261
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
262
+ "__@toStringTag": PropTypes.string.isRequired,
263
+ "description": PropTypes.string,
264
+ "toString": PropTypes.func.isRequired,
265
+ "valueOf": PropTypes.func.isRequired
266
+ }), PropTypes.string]),
267
+ "pb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
268
+ "__@toStringTag": PropTypes.string.isRequired,
269
+ "description": PropTypes.string,
270
+ "toString": PropTypes.func.isRequired,
271
+ "valueOf": PropTypes.func.isRequired
272
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
273
+ "__@toStringTag": PropTypes.string.isRequired,
274
+ "description": PropTypes.string,
275
+ "toString": PropTypes.func.isRequired,
276
+ "valueOf": PropTypes.func.isRequired
277
+ }), PropTypes.string]),
278
+ "pl": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
279
+ "__@toStringTag": PropTypes.string.isRequired,
280
+ "description": PropTypes.string,
281
+ "toString": PropTypes.func.isRequired,
282
+ "valueOf": PropTypes.func.isRequired
283
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
284
+ "__@toStringTag": PropTypes.string.isRequired,
285
+ "description": PropTypes.string,
286
+ "toString": PropTypes.func.isRequired,
287
+ "valueOf": PropTypes.func.isRequired
288
+ }), PropTypes.string]),
289
+ "pr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
290
+ "__@toStringTag": PropTypes.string.isRequired,
291
+ "description": PropTypes.string,
292
+ "toString": PropTypes.func.isRequired,
293
+ "valueOf": PropTypes.func.isRequired
294
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
295
+ "__@toStringTag": PropTypes.string.isRequired,
296
+ "description": PropTypes.string,
297
+ "toString": PropTypes.func.isRequired,
298
+ "valueOf": PropTypes.func.isRequired
299
+ }), PropTypes.string]),
300
+ "pt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
301
+ "__@toStringTag": PropTypes.string.isRequired,
302
+ "description": PropTypes.string,
303
+ "toString": PropTypes.func.isRequired,
304
+ "valueOf": PropTypes.func.isRequired
305
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
306
+ "__@toStringTag": PropTypes.string.isRequired,
307
+ "description": PropTypes.string,
308
+ "toString": PropTypes.func.isRequired,
309
+ "valueOf": PropTypes.func.isRequired
310
+ }), PropTypes.string]),
311
+ "px": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
312
+ "__@toStringTag": PropTypes.string.isRequired,
313
+ "description": PropTypes.string,
314
+ "toString": PropTypes.func.isRequired,
315
+ "valueOf": PropTypes.func.isRequired
316
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
317
+ "__@toStringTag": PropTypes.string.isRequired,
318
+ "description": PropTypes.string,
319
+ "toString": PropTypes.func.isRequired,
320
+ "valueOf": PropTypes.func.isRequired
321
+ }), PropTypes.string]),
322
+ "py": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
323
+ "__@toStringTag": PropTypes.string.isRequired,
324
+ "description": PropTypes.string,
325
+ "toString": PropTypes.func.isRequired,
326
+ "valueOf": PropTypes.func.isRequired
327
+ }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
328
+ "__@toStringTag": PropTypes.string.isRequired,
329
+ "description": PropTypes.string,
330
+ "toString": PropTypes.func.isRequired,
331
+ "valueOf": PropTypes.func.isRequired
332
+ }), PropTypes.string])
25
333
  };
26
334
  export { Breadcrumbs };
27
335
  Breadcrumbs.displayName = "Breadcrumbs";
package/esm/components/breadcrumbs/breadcrumbs.style.js CHANGED
@@ -1,9 +1,18 @@
1
1
  import styled from "styled-components";
2
+ import { space } from "styled-system";
3
+ import baseTheme from "../../style/themes/base";
2
4
  const StyledBreadcrumbs = styled.nav`
5
+ ${space}
6
+
3
7
  ol {
8
+ padding: 0;
9
+ margin: 0;
4
10
  list-style: none;
5
11
  display: flex;
6
12
  flex-wrap: wrap;
7
13
  }
8
14
  `;
15
+ StyledBreadcrumbs.defaultProps = {
16
+ theme: baseTheme
17
+ };
9
18
  export default StyledBreadcrumbs;
package/esm/components/breadcrumbs/crumb/crumb.component.d.ts CHANGED
@@ -4,8 +4,6 @@ import { TagProps } from "../../../__internal__/utils/helpers/tags";
4
4
  export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
5
5
  /** This sets the Crumb to current, does not render Link */
6
6
  isCurrent?: boolean;
7
- /** The href string for Crumb Link */
8
- href: string;
9
7
  }
10
8
  declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLLinkElement>>;
11
9
  export default Crumb;
package/esm/components/breadcrumbs/crumb/crumb.component.js CHANGED
@@ -8,14 +8,16 @@ const Crumb = /*#__PURE__*/React.forwardRef((_ref, ref) => {
8
8
  href,
9
9
  isCurrent,
10
10
  children,
11
+ onClick,
11
12
  ...rest
12
13
  } = _ref;
13
14
  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledCrumb, _extends({
14
15
  ref: ref,
15
16
  isCurrent: isCurrent,
16
17
  "aria-current": isCurrent ? "page" : undefined
17
- }, tagComponent("crumb", rest), !isCurrent && {
18
- href
18
+ }, tagComponent("crumb", rest), rest, !isCurrent && {
19
+ href,
20
+ onClick
19
21
  }), children), !isCurrent && /*#__PURE__*/React.createElement(Divider, null));
20
22
  });
21
23
  Crumb.propTypes = {
@@ -71,7 +73,7 @@ Crumb.propTypes = {
71
73
  "data-component": PropTypes.string,
72
74
  "data-element": PropTypes.string,
73
75
  "data-role": PropTypes.string,
74
- "href": PropTypes.string.isRequired,
76
+ "href": PropTypes.string,
75
77
  "isCurrent": PropTypes.bool,
76
78
  "onClick": PropTypes.func,
77
79
  "onKeyDown": PropTypes.func,
package/lib/components/breadcrumbs/breadcrumbs.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
+ import { SpaceProps } from "styled-system";
2
3
  import { TagProps } from "../../__internal__/utils/helpers/tags";
3
- export interface BreadcrumbsProps extends TagProps {
4
+ export interface BreadcrumbsProps extends TagProps, SpaceProps {
4
5
  /** Child crumbs to display */
5
6
  children: React.ReactNode;
6
7
  }
package/lib/components/breadcrumbs/breadcrumbs.component.js CHANGED
@@ -22,14 +22,322 @@ const Breadcrumbs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
22
22
  role: "navigation"
23
23
  }, (0, _tags.default)("breadcrumbs", rest), {
24
24
  "aria-label": l.breadcrumbs.ariaLabel()
25
- }), /*#__PURE__*/_react.default.createElement("ol", null, children));
25
+ }, rest), /*#__PURE__*/_react.default.createElement("ol", null, children));
26
26
  });
27
27
  exports.Breadcrumbs = Breadcrumbs;
28
28
  Breadcrumbs.propTypes = {
29
29
  "children": _propTypes.default.node,
30
30
  "data-component": _propTypes.default.string,
31
31
  "data-element": _propTypes.default.string,
32
- "data-role": _propTypes.default.string
32
+ "data-role": _propTypes.default.string,
33
+ "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
34
+ "__@toStringTag": _propTypes.default.string.isRequired,
35
+ "description": _propTypes.default.string,
36
+ "toString": _propTypes.default.func.isRequired,
37
+ "valueOf": _propTypes.default.func.isRequired
38
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
39
+ "__@toStringTag": _propTypes.default.string.isRequired,
40
+ "description": _propTypes.default.string,
41
+ "toString": _propTypes.default.func.isRequired,
42
+ "valueOf": _propTypes.default.func.isRequired
43
+ }), _propTypes.default.string]),
44
+ "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
45
+ "__@toStringTag": _propTypes.default.string.isRequired,
46
+ "description": _propTypes.default.string,
47
+ "toString": _propTypes.default.func.isRequired,
48
+ "valueOf": _propTypes.default.func.isRequired
49
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
50
+ "__@toStringTag": _propTypes.default.string.isRequired,
51
+ "description": _propTypes.default.string,
52
+ "toString": _propTypes.default.func.isRequired,
53
+ "valueOf": _propTypes.default.func.isRequired
54
+ }), _propTypes.default.string]),
55
+ "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
56
+ "__@toStringTag": _propTypes.default.string.isRequired,
57
+ "description": _propTypes.default.string,
58
+ "toString": _propTypes.default.func.isRequired,
59
+ "valueOf": _propTypes.default.func.isRequired
60
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
61
+ "__@toStringTag": _propTypes.default.string.isRequired,
62
+ "description": _propTypes.default.string,
63
+ "toString": _propTypes.default.func.isRequired,
64
+ "valueOf": _propTypes.default.func.isRequired
65
+ }), _propTypes.default.string]),
66
+ "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
67
+ "__@toStringTag": _propTypes.default.string.isRequired,
68
+ "description": _propTypes.default.string,
69
+ "toString": _propTypes.default.func.isRequired,
70
+ "valueOf": _propTypes.default.func.isRequired
71
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
72
+ "__@toStringTag": _propTypes.default.string.isRequired,
73
+ "description": _propTypes.default.string,
74
+ "toString": _propTypes.default.func.isRequired,
75
+ "valueOf": _propTypes.default.func.isRequired
76
+ }), _propTypes.default.string]),
77
+ "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
78
+ "__@toStringTag": _propTypes.default.string.isRequired,
79
+ "description": _propTypes.default.string,
80
+ "toString": _propTypes.default.func.isRequired,
81
+ "valueOf": _propTypes.default.func.isRequired
82
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
83
+ "__@toStringTag": _propTypes.default.string.isRequired,
84
+ "description": _propTypes.default.string,
85
+ "toString": _propTypes.default.func.isRequired,
86
+ "valueOf": _propTypes.default.func.isRequired
87
+ }), _propTypes.default.string]),
88
+ "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
89
+ "__@toStringTag": _propTypes.default.string.isRequired,
90
+ "description": _propTypes.default.string,
91
+ "toString": _propTypes.default.func.isRequired,
92
+ "valueOf": _propTypes.default.func.isRequired
93
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
94
+ "__@toStringTag": _propTypes.default.string.isRequired,
95
+ "description": _propTypes.default.string,
96
+ "toString": _propTypes.default.func.isRequired,
97
+ "valueOf": _propTypes.default.func.isRequired
98
+ }), _propTypes.default.string]),
99
+ "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
100
+ "__@toStringTag": _propTypes.default.string.isRequired,
101
+ "description": _propTypes.default.string,
102
+ "toString": _propTypes.default.func.isRequired,
103
+ "valueOf": _propTypes.default.func.isRequired
104
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
105
+ "__@toStringTag": _propTypes.default.string.isRequired,
106
+ "description": _propTypes.default.string,
107
+ "toString": _propTypes.default.func.isRequired,
108
+ "valueOf": _propTypes.default.func.isRequired
109
+ }), _propTypes.default.string]),
110
+ "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
111
+ "__@toStringTag": _propTypes.default.string.isRequired,
112
+ "description": _propTypes.default.string,
113
+ "toString": _propTypes.default.func.isRequired,
114
+ "valueOf": _propTypes.default.func.isRequired
115
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
116
+ "__@toStringTag": _propTypes.default.string.isRequired,
117
+ "description": _propTypes.default.string,
118
+ "toString": _propTypes.default.func.isRequired,
119
+ "valueOf": _propTypes.default.func.isRequired
120
+ }), _propTypes.default.string]),
121
+ "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
122
+ "__@toStringTag": _propTypes.default.string.isRequired,
123
+ "description": _propTypes.default.string,
124
+ "toString": _propTypes.default.func.isRequired,
125
+ "valueOf": _propTypes.default.func.isRequired
126
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
127
+ "__@toStringTag": _propTypes.default.string.isRequired,
128
+ "description": _propTypes.default.string,
129
+ "toString": _propTypes.default.func.isRequired,
130
+ "valueOf": _propTypes.default.func.isRequired
131
+ }), _propTypes.default.string]),
132
+ "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
133
+ "__@toStringTag": _propTypes.default.string.isRequired,
134
+ "description": _propTypes.default.string,
135
+ "toString": _propTypes.default.func.isRequired,
136
+ "valueOf": _propTypes.default.func.isRequired
137
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
138
+ "__@toStringTag": _propTypes.default.string.isRequired,
139
+ "description": _propTypes.default.string,
140
+ "toString": _propTypes.default.func.isRequired,
141
+ "valueOf": _propTypes.default.func.isRequired
142
+ }), _propTypes.default.string]),
143
+ "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
144
+ "__@toStringTag": _propTypes.default.string.isRequired,
145
+ "description": _propTypes.default.string,
146
+ "toString": _propTypes.default.func.isRequired,
147
+ "valueOf": _propTypes.default.func.isRequired
148
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
149
+ "__@toStringTag": _propTypes.default.string.isRequired,
150
+ "description": _propTypes.default.string,
151
+ "toString": _propTypes.default.func.isRequired,
152
+ "valueOf": _propTypes.default.func.isRequired
153
+ }), _propTypes.default.string]),
154
+ "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
155
+ "__@toStringTag": _propTypes.default.string.isRequired,
156
+ "description": _propTypes.default.string,
157
+ "toString": _propTypes.default.func.isRequired,
158
+ "valueOf": _propTypes.default.func.isRequired
159
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
160
+ "__@toStringTag": _propTypes.default.string.isRequired,
161
+ "description": _propTypes.default.string,
162
+ "toString": _propTypes.default.func.isRequired,
163
+ "valueOf": _propTypes.default.func.isRequired
164
+ }), _propTypes.default.string]),
165
+ "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
166
+ "__@toStringTag": _propTypes.default.string.isRequired,
167
+ "description": _propTypes.default.string,
168
+ "toString": _propTypes.default.func.isRequired,
169
+ "valueOf": _propTypes.default.func.isRequired
170
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
171
+ "__@toStringTag": _propTypes.default.string.isRequired,
172
+ "description": _propTypes.default.string,
173
+ "toString": _propTypes.default.func.isRequired,
174
+ "valueOf": _propTypes.default.func.isRequired
175
+ }), _propTypes.default.string]),
176
+ "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
177
+ "__@toStringTag": _propTypes.default.string.isRequired,
178
+ "description": _propTypes.default.string,
179
+ "toString": _propTypes.default.func.isRequired,
180
+ "valueOf": _propTypes.default.func.isRequired
181
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
182
+ "__@toStringTag": _propTypes.default.string.isRequired,
183
+ "description": _propTypes.default.string,
184
+ "toString": _propTypes.default.func.isRequired,
185
+ "valueOf": _propTypes.default.func.isRequired
186
+ }), _propTypes.default.string]),
187
+ "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
188
+ "__@toStringTag": _propTypes.default.string.isRequired,
189
+ "description": _propTypes.default.string,
190
+ "toString": _propTypes.default.func.isRequired,
191
+ "valueOf": _propTypes.default.func.isRequired
192
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
193
+ "__@toStringTag": _propTypes.default.string.isRequired,
194
+ "description": _propTypes.default.string,
195
+ "toString": _propTypes.default.func.isRequired,
196
+ "valueOf": _propTypes.default.func.isRequired
197
+ }), _propTypes.default.string]),
198
+ "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
199
+ "__@toStringTag": _propTypes.default.string.isRequired,
200
+ "description": _propTypes.default.string,
201
+ "toString": _propTypes.default.func.isRequired,
202
+ "valueOf": _propTypes.default.func.isRequired
203
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
204
+ "__@toStringTag": _propTypes.default.string.isRequired,
205
+ "description": _propTypes.default.string,
206
+ "toString": _propTypes.default.func.isRequired,
207
+ "valueOf": _propTypes.default.func.isRequired
208
+ }), _propTypes.default.string]),
209
+ "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
210
+ "__@toStringTag": _propTypes.default.string.isRequired,
211
+ "description": _propTypes.default.string,
212
+ "toString": _propTypes.default.func.isRequired,
213
+ "valueOf": _propTypes.default.func.isRequired
214
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
215
+ "__@toStringTag": _propTypes.default.string.isRequired,
216
+ "description": _propTypes.default.string,
217
+ "toString": _propTypes.default.func.isRequired,
218
+ "valueOf": _propTypes.default.func.isRequired
219
+ }), _propTypes.default.string]),
220
+ "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
221
+ "__@toStringTag": _propTypes.default.string.isRequired,
222
+ "description": _propTypes.default.string,
223
+ "toString": _propTypes.default.func.isRequired,
224
+ "valueOf": _propTypes.default.func.isRequired
225
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
226
+ "__@toStringTag": _propTypes.default.string.isRequired,
227
+ "description": _propTypes.default.string,
228
+ "toString": _propTypes.default.func.isRequired,
229
+ "valueOf": _propTypes.default.func.isRequired
230
+ }), _propTypes.default.string]),
231
+ "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
232
+ "__@toStringTag": _propTypes.default.string.isRequired,
233
+ "description": _propTypes.default.string,
234
+ "toString": _propTypes.default.func.isRequired,
235
+ "valueOf": _propTypes.default.func.isRequired
236
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
237
+ "__@toStringTag": _propTypes.default.string.isRequired,
238
+ "description": _propTypes.default.string,
239
+ "toString": _propTypes.default.func.isRequired,
240
+ "valueOf": _propTypes.default.func.isRequired
241
+ }), _propTypes.default.string]),
242
+ "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
243
+ "__@toStringTag": _propTypes.default.string.isRequired,
244
+ "description": _propTypes.default.string,
245
+ "toString": _propTypes.default.func.isRequired,
246
+ "valueOf": _propTypes.default.func.isRequired
247
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
248
+ "__@toStringTag": _propTypes.default.string.isRequired,
249
+ "description": _propTypes.default.string,
250
+ "toString": _propTypes.default.func.isRequired,
251
+ "valueOf": _propTypes.default.func.isRequired
252
+ }), _propTypes.default.string]),
253
+ "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
254
+ "__@toStringTag": _propTypes.default.string.isRequired,
255
+ "description": _propTypes.default.string,
256
+ "toString": _propTypes.default.func.isRequired,
257
+ "valueOf": _propTypes.default.func.isRequired
258
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
259
+ "__@toStringTag": _propTypes.default.string.isRequired,
260
+ "description": _propTypes.default.string,
261
+ "toString": _propTypes.default.func.isRequired,
262
+ "valueOf": _propTypes.default.func.isRequired
263
+ }), _propTypes.default.string]),
264
+ "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
265
+ "__@toStringTag": _propTypes.default.string.isRequired,
266
+ "description": _propTypes.default.string,
267
+ "toString": _propTypes.default.func.isRequired,
268
+ "valueOf": _propTypes.default.func.isRequired
269
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
270
+ "__@toStringTag": _propTypes.default.string.isRequired,
271
+ "description": _propTypes.default.string,
272
+ "toString": _propTypes.default.func.isRequired,
273
+ "valueOf": _propTypes.default.func.isRequired
274
+ }), _propTypes.default.string]),
275
+ "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
276
+ "__@toStringTag": _propTypes.default.string.isRequired,
277
+ "description": _propTypes.default.string,
278
+ "toString": _propTypes.default.func.isRequired,
279
+ "valueOf": _propTypes.default.func.isRequired
280
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
281
+ "__@toStringTag": _propTypes.default.string.isRequired,
282
+ "description": _propTypes.default.string,
283
+ "toString": _propTypes.default.func.isRequired,
284
+ "valueOf": _propTypes.default.func.isRequired
285
+ }), _propTypes.default.string]),
286
+ "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
287
+ "__@toStringTag": _propTypes.default.string.isRequired,
288
+ "description": _propTypes.default.string,
289
+ "toString": _propTypes.default.func.isRequired,
290
+ "valueOf": _propTypes.default.func.isRequired
291
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
292
+ "__@toStringTag": _propTypes.default.string.isRequired,
293
+ "description": _propTypes.default.string,
294
+ "toString": _propTypes.default.func.isRequired,
295
+ "valueOf": _propTypes.default.func.isRequired
296
+ }), _propTypes.default.string]),
297
+ "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
298
+ "__@toStringTag": _propTypes.default.string.isRequired,
299
+ "description": _propTypes.default.string,
300
+ "toString": _propTypes.default.func.isRequired,
301
+ "valueOf": _propTypes.default.func.isRequired
302
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
303
+ "__@toStringTag": _propTypes.default.string.isRequired,
304
+ "description": _propTypes.default.string,
305
+ "toString": _propTypes.default.func.isRequired,
306
+ "valueOf": _propTypes.default.func.isRequired
307
+ }), _propTypes.default.string]),
308
+ "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
309
+ "__@toStringTag": _propTypes.default.string.isRequired,
310
+ "description": _propTypes.default.string,
311
+ "toString": _propTypes.default.func.isRequired,
312
+ "valueOf": _propTypes.default.func.isRequired
313
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
314
+ "__@toStringTag": _propTypes.default.string.isRequired,
315
+ "description": _propTypes.default.string,
316
+ "toString": _propTypes.default.func.isRequired,
317
+ "valueOf": _propTypes.default.func.isRequired
318
+ }), _propTypes.default.string]),
319
+ "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
320
+ "__@toStringTag": _propTypes.default.string.isRequired,
321
+ "description": _propTypes.default.string,
322
+ "toString": _propTypes.default.func.isRequired,
323
+ "valueOf": _propTypes.default.func.isRequired
324
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
325
+ "__@toStringTag": _propTypes.default.string.isRequired,
326
+ "description": _propTypes.default.string,
327
+ "toString": _propTypes.default.func.isRequired,
328
+ "valueOf": _propTypes.default.func.isRequired
329
+ }), _propTypes.default.string]),
330
+ "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
331
+ "__@toStringTag": _propTypes.default.string.isRequired,
332
+ "description": _propTypes.default.string,
333
+ "toString": _propTypes.default.func.isRequired,
334
+ "valueOf": _propTypes.default.func.isRequired
335
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
336
+ "__@toStringTag": _propTypes.default.string.isRequired,
337
+ "description": _propTypes.default.string,
338
+ "toString": _propTypes.default.func.isRequired,
339
+ "valueOf": _propTypes.default.func.isRequired
340
+ }), _propTypes.default.string])
33
341
  };
34
342
  Breadcrumbs.displayName = "Breadcrumbs";
35
343
  var _default = Breadcrumbs;
package/lib/components/breadcrumbs/breadcrumbs.style.js CHANGED
@@ -5,13 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
8
+ var _styledSystem = require("styled-system");
9
+ var _base = _interopRequireDefault(require("../../style/themes/base"));
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
11
  const StyledBreadcrumbs = _styledComponents.default.nav`
12
+ ${_styledSystem.space}
13
+
10
14
  ol {
15
+ padding: 0;
16
+ margin: 0;
11
17
  list-style: none;
12
18
  display: flex;
13
19
  flex-wrap: wrap;
14
20
  }
15
21
  `;
22
+ StyledBreadcrumbs.defaultProps = {
23
+ theme: _base.default
24
+ };
16
25
  var _default = StyledBreadcrumbs;
17
26
  exports.default = _default;
package/lib/components/breadcrumbs/crumb/crumb.component.d.ts CHANGED
@@ -4,8 +4,6 @@ import { TagProps } from "../../../__internal__/utils/helpers/tags";
4
4
  export interface CrumbProps extends Omit<LinkProps, "tooltipMessage" | "tooltipPosition" | "iconType" | "iconAlign" | "isSkipLink" | "isDarkBackground" | "ariaLabel" | "className" | "variant" | "target" | "rel" | "icon" | "disabled">, TagProps {
5
5
  /** This sets the Crumb to current, does not render Link */
6
6
  isCurrent?: boolean;
7
- /** The href string for Crumb Link */
8
- href: string;
9
7
  }
10
8
  declare const Crumb: React.ForwardRefExoticComponent<CrumbProps & React.RefAttributes<HTMLLinkElement>>;
11
9
  export default Crumb;
package/lib/components/breadcrumbs/crumb/crumb.component.js CHANGED
@@ -15,14 +15,16 @@ const Crumb = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
15
15
  href,
16
16
  isCurrent,
17
17
  children,
18
+ onClick,
18
19
  ...rest
19
20
  } = _ref;
20
21
  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_crumb.StyledCrumb, _extends({
21
22
  ref: ref,
22
23
  isCurrent: isCurrent,
23
24
  "aria-current": isCurrent ? "page" : undefined
24
- }, (0, _tags.default)("crumb", rest), !isCurrent && {
25
- href
25
+ }, (0, _tags.default)("crumb", rest), rest, !isCurrent && {
26
+ href,
27
+ onClick
26
28
  }), children), !isCurrent && /*#__PURE__*/_react.default.createElement(_crumb.Divider, null));
27
29
  });
28
30
  Crumb.propTypes = {
@@ -78,7 +80,7 @@ Crumb.propTypes = {
78
80
  "data-component": _propTypes.default.string,
79
81
  "data-element": _propTypes.default.string,
80
82
  "data-role": _propTypes.default.string,
81
- "href": _propTypes.default.string.isRequired,
83
+ "href": _propTypes.default.string,
82
84
  "isCurrent": _propTypes.default.bool,
83
85
  "onClick": _propTypes.default.func,
84
86
  "onKeyDown": _propTypes.default.func,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "118.5.2",
3
+ "version": "118.6.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",