@zendeskgarden/react-breadcrumbs 8.62.0 → 8.62.2
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/dist/index.cjs.js +14 -17
- package/dist/index.esm.js +2 -2
- package/package.json +3 -3
package/dist/index.cjs.js
CHANGED
|
@@ -7,15 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
'use strict';
|
|
9
9
|
|
|
10
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
-
|
|
12
10
|
var React = require('react');
|
|
13
11
|
var containerBreadcrumb = require('@zendeskgarden/container-breadcrumb');
|
|
14
12
|
var reactTheming = require('@zendeskgarden/react-theming');
|
|
15
13
|
var styled = require('styled-components');
|
|
16
14
|
var polished = require('polished');
|
|
17
15
|
|
|
18
|
-
function
|
|
16
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
17
|
|
|
20
18
|
function _interopNamespace(e) {
|
|
21
19
|
if (e && e.__esModule) return e;
|
|
@@ -31,18 +29,17 @@ function _interopNamespace(e) {
|
|
|
31
29
|
}
|
|
32
30
|
});
|
|
33
31
|
}
|
|
34
|
-
n
|
|
32
|
+
n.default = e;
|
|
35
33
|
return Object.freeze(n);
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
39
|
-
var
|
|
40
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
37
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
41
38
|
|
|
42
39
|
const COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
43
|
-
const StyledBreadcrumb = styled__default
|
|
40
|
+
const StyledBreadcrumb = styled__default.default.ol.attrs({
|
|
44
41
|
'data-garden-id': COMPONENT_ID$1,
|
|
45
|
-
'data-garden-version': '8.62.
|
|
42
|
+
'data-garden-version': '8.62.2'
|
|
46
43
|
}).withConfig({
|
|
47
44
|
displayName: "StyledBreadcrumb",
|
|
48
45
|
componentId: "sc-11jrinn-0"
|
|
@@ -75,9 +72,9 @@ const ValidChevronIcon = props => {
|
|
|
75
72
|
theme,
|
|
76
73
|
...validProps
|
|
77
74
|
} = props;
|
|
78
|
-
return
|
|
75
|
+
return React__namespace.default.createElement(SvgChevronRightStroke, validProps);
|
|
79
76
|
};
|
|
80
|
-
const StyledChevronIcon = styled__default
|
|
77
|
+
const StyledChevronIcon = styled__default.default(ValidChevronIcon).attrs({
|
|
81
78
|
role: 'presentation',
|
|
82
79
|
'aria-hidden': 'true'
|
|
83
80
|
}).withConfig({
|
|
@@ -104,9 +101,9 @@ const linkStyles = _ref => {
|
|
|
104
101
|
}
|
|
105
102
|
`);
|
|
106
103
|
};
|
|
107
|
-
const StyledBreadcrumbItem = styled__default
|
|
104
|
+
const StyledBreadcrumbItem = styled__default.default.li.attrs({
|
|
108
105
|
'data-garden-id': COMPONENT_ID,
|
|
109
|
-
'data-garden-version': '8.62.
|
|
106
|
+
'data-garden-version': '8.62.2'
|
|
110
107
|
}).withConfig({
|
|
111
108
|
displayName: "StyledBreadcrumbItem",
|
|
112
109
|
componentId: "sc-r0suq7-0"
|
|
@@ -115,7 +112,7 @@ StyledBreadcrumbItem.defaultProps = {
|
|
|
115
112
|
theme: reactTheming.DEFAULT_THEME
|
|
116
113
|
};
|
|
117
114
|
|
|
118
|
-
const StyledCenteredBreadcrumbItem = styled__default
|
|
115
|
+
const StyledCenteredBreadcrumbItem = styled__default.default(StyledBreadcrumbItem).attrs({
|
|
119
116
|
'aria-hidden': true
|
|
120
117
|
}).withConfig({
|
|
121
118
|
displayName: "StyledCenteredBreadcrumbItem",
|
|
@@ -134,19 +131,19 @@ const Breadcrumb = React.forwardRef((props, ref) => {
|
|
|
134
131
|
const mappedChildren = React.Children.map(props.children, (child, index) => {
|
|
135
132
|
const isLastItem = index === totalChildren - 1;
|
|
136
133
|
if (isLastItem) {
|
|
137
|
-
return
|
|
134
|
+
return React__namespace.default.createElement(StyledBreadcrumbItem, {
|
|
138
135
|
isCurrent: true
|
|
139
136
|
}, React.cloneElement(child, getCurrentPageProps()));
|
|
140
137
|
}
|
|
141
|
-
return
|
|
138
|
+
return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledBreadcrumbItem, null, child), React__namespace.default.createElement(StyledCenteredBreadcrumbItem, null, React__namespace.default.createElement(StyledChevronIcon, null)));
|
|
142
139
|
});
|
|
143
140
|
const ariaLabel = reactTheming.useText(Breadcrumb, props, 'aria-label', 'Breadcrumbs');
|
|
144
|
-
return
|
|
141
|
+
return React__namespace.default.createElement("nav", getContainerProps({
|
|
145
142
|
...props,
|
|
146
143
|
ref,
|
|
147
144
|
role: null,
|
|
148
145
|
'aria-label': ariaLabel
|
|
149
|
-
}),
|
|
146
|
+
}), React__namespace.default.createElement(StyledBreadcrumb, null, mappedChildren));
|
|
150
147
|
});
|
|
151
148
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
152
149
|
|
package/dist/index.esm.js
CHANGED
|
@@ -15,7 +15,7 @@ import { em } from 'polished';
|
|
|
15
15
|
const COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
16
16
|
const StyledBreadcrumb = styled.ol.attrs({
|
|
17
17
|
'data-garden-id': COMPONENT_ID$1,
|
|
18
|
-
'data-garden-version': '8.62.
|
|
18
|
+
'data-garden-version': '8.62.2'
|
|
19
19
|
}).withConfig({
|
|
20
20
|
displayName: "StyledBreadcrumb",
|
|
21
21
|
componentId: "sc-11jrinn-0"
|
|
@@ -79,7 +79,7 @@ const linkStyles = _ref => {
|
|
|
79
79
|
};
|
|
80
80
|
const StyledBreadcrumbItem = styled.li.attrs({
|
|
81
81
|
'data-garden-id': COMPONENT_ID,
|
|
82
|
-
'data-garden-version': '8.62.
|
|
82
|
+
'data-garden-version': '8.62.2'
|
|
83
83
|
}).withConfig({
|
|
84
84
|
displayName: "StyledBreadcrumbItem",
|
|
85
85
|
componentId: "sc-r0suq7-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-breadcrumbs",
|
|
3
|
-
"version": "8.62.
|
|
3
|
+
"version": "8.62.2",
|
|
4
4
|
"description": "Components relating to breadcrumbs in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.62.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.62.2",
|
|
36
36
|
"@zendeskgarden/svg-icons": "6.33.0"
|
|
37
37
|
},
|
|
38
38
|
"keywords": [
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
47
|
"zendeskgarden:src": "src/index.ts",
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "27a7d6c021f3360396af60d51ecbf66e9076a405"
|
|
49
49
|
}
|