@zendeskgarden/react-breadcrumbs 8.51.0 → 8.53.1
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 +6 -4
- package/dist/index.esm.js +6 -4
- package/package.json +4 -4
package/dist/index.cjs.js
CHANGED
|
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var containerBreadcrumb = require('@zendeskgarden/container-breadcrumb');
|
|
14
|
-
var styled = require('styled-components');
|
|
15
14
|
var reactTheming = require('@zendeskgarden/react-theming');
|
|
15
|
+
var styled = require('styled-components');
|
|
16
16
|
var polished = require('polished');
|
|
17
17
|
|
|
18
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -119,7 +119,7 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
119
119
|
var COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
120
120
|
var StyledBreadcrumb = styled__default["default"].ol.attrs({
|
|
121
121
|
'data-garden-id': COMPONENT_ID$1,
|
|
122
|
-
'data-garden-version': '8.
|
|
122
|
+
'data-garden-version': '8.53.1'
|
|
123
123
|
}).withConfig({
|
|
124
124
|
displayName: "StyledBreadcrumb",
|
|
125
125
|
componentId: "sc-11jrinn-0"
|
|
@@ -180,7 +180,7 @@ var linkStyles = function linkStyles(_ref) {
|
|
|
180
180
|
};
|
|
181
181
|
var StyledBreadcrumbItem = styled__default["default"].li.attrs({
|
|
182
182
|
'data-garden-id': COMPONENT_ID,
|
|
183
|
-
'data-garden-version': '8.
|
|
183
|
+
'data-garden-version': '8.53.1'
|
|
184
184
|
}).withConfig({
|
|
185
185
|
displayName: "StyledBreadcrumbItem",
|
|
186
186
|
componentId: "sc-r0suq7-0"
|
|
@@ -217,9 +217,11 @@ var Breadcrumb = React__default["default"].forwardRef(function (props, ref) {
|
|
|
217
217
|
}
|
|
218
218
|
return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(StyledBreadcrumbItem, null, child), React__default["default"].createElement(StyledCenteredBreadcrumbItem, null, React__default["default"].createElement(StyledChevronIcon, null)));
|
|
219
219
|
});
|
|
220
|
+
var ariaLabel = reactTheming.useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
|
|
220
221
|
return React__default["default"].createElement("nav", getContainerProps(_objectSpread2(_objectSpread2({}, props), {}, {
|
|
221
222
|
ref: ref,
|
|
222
|
-
role: null
|
|
223
|
+
role: null,
|
|
224
|
+
'aria-label': ariaLabel
|
|
223
225
|
})), React__default["default"].createElement(StyledBreadcrumb, null, mappedChildren));
|
|
224
226
|
});
|
|
225
227
|
Breadcrumb.displayName = 'Breadcrumb';
|
package/dist/index.esm.js
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import React__default, { Children, cloneElement } from 'react';
|
|
10
10
|
import { useBreadcrumb } from '@zendeskgarden/container-breadcrumb';
|
|
11
|
+
import { DEFAULT_THEME, getColor, getLineHeight, useText } from '@zendeskgarden/react-theming';
|
|
11
12
|
import styled, { css } from 'styled-components';
|
|
12
|
-
import { DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
|
|
13
13
|
import { em } from 'polished';
|
|
14
14
|
|
|
15
15
|
function ownKeys(object, enumerableOnly) {
|
|
@@ -92,7 +92,7 @@ function _objectWithoutProperties(source, excluded) {
|
|
|
92
92
|
var COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
93
93
|
var StyledBreadcrumb = styled.ol.attrs({
|
|
94
94
|
'data-garden-id': COMPONENT_ID$1,
|
|
95
|
-
'data-garden-version': '8.
|
|
95
|
+
'data-garden-version': '8.53.1'
|
|
96
96
|
}).withConfig({
|
|
97
97
|
displayName: "StyledBreadcrumb",
|
|
98
98
|
componentId: "sc-11jrinn-0"
|
|
@@ -153,7 +153,7 @@ var linkStyles = function linkStyles(_ref) {
|
|
|
153
153
|
};
|
|
154
154
|
var StyledBreadcrumbItem = styled.li.attrs({
|
|
155
155
|
'data-garden-id': COMPONENT_ID,
|
|
156
|
-
'data-garden-version': '8.
|
|
156
|
+
'data-garden-version': '8.53.1'
|
|
157
157
|
}).withConfig({
|
|
158
158
|
displayName: "StyledBreadcrumbItem",
|
|
159
159
|
componentId: "sc-r0suq7-0"
|
|
@@ -190,9 +190,11 @@ var Breadcrumb = React__default.forwardRef(function (props, ref) {
|
|
|
190
190
|
}
|
|
191
191
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null)));
|
|
192
192
|
});
|
|
193
|
+
var ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
|
|
193
194
|
return React__default.createElement("nav", getContainerProps(_objectSpread2(_objectSpread2({}, props), {}, {
|
|
194
195
|
ref: ref,
|
|
195
|
-
role: null
|
|
196
|
+
role: null,
|
|
197
|
+
'aria-label': ariaLabel
|
|
196
198
|
})), React__default.createElement(StyledBreadcrumb, null, mappedChildren));
|
|
197
199
|
});
|
|
198
200
|
Breadcrumb.displayName = 'Breadcrumb';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-breadcrumbs",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.53.1",
|
|
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,8 +32,8 @@
|
|
|
32
32
|
"styled-components": "^4.2.0 || ^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^8.
|
|
36
|
-
"@zendeskgarden/svg-icons": "6.
|
|
35
|
+
"@zendeskgarden/react-theming": "^8.53.1",
|
|
36
|
+
"@zendeskgarden/svg-icons": "6.32.0"
|
|
37
37
|
},
|
|
38
38
|
"keywords": [
|
|
39
39
|
"components",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"access": "public"
|
|
46
46
|
},
|
|
47
47
|
"zendeskgarden:src": "src/index.ts",
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "79dee8e82b6f082e8d4a72ba95a5fb3982d63040"
|
|
49
49
|
}
|