@zendeskgarden/react-breadcrumbs 9.0.0-next.24 → 9.0.0-next.25
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.
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'breadcrumbs.list';
|
|
11
11
|
const StyledBreadcrumb = styled.ol.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledBreadcrumb",
|
|
16
16
|
componentId: "sc-11jrinn-0"
|
|
17
17
|
})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledBreadcrumb.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledBreadcrumb };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'breadcrumbs.item';
|
|
11
11
|
const sizeStyles = _ref => {
|
|
@@ -35,13 +35,10 @@ const colorStyles = _ref2 => {
|
|
|
35
35
|
};
|
|
36
36
|
const StyledBreadcrumbItem = styled.li.attrs({
|
|
37
37
|
'data-garden-id': COMPONENT_ID,
|
|
38
|
-
'data-garden-version': '9.0.0-next.
|
|
38
|
+
'data-garden-version': '9.0.0-next.25'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledBreadcrumbItem",
|
|
41
41
|
componentId: "sc-r0suq7-0"
|
|
42
42
|
})(["font-size:inherit;", " ", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
43
|
-
StyledBreadcrumbItem.defaultProps = {
|
|
44
|
-
theme: DEFAULT_THEME
|
|
45
|
-
};
|
|
46
43
|
|
|
47
44
|
export { StyledBreadcrumbItem };
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
|
|
9
8
|
import { StyledBreadcrumbItem } from './StyledBreadcrumbItem.js';
|
|
10
9
|
|
|
11
10
|
const StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
|
|
@@ -14,8 +13,5 @@ const StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
|
|
|
14
13
|
displayName: "StyledCenteredBreadcrumbItem",
|
|
15
14
|
componentId: "sc-1ces9y2-0"
|
|
16
15
|
})(["display:flex;align-items:center;"]);
|
|
17
|
-
StyledCenteredBreadcrumbItem.defaultProps = {
|
|
18
|
-
theme: DEFAULT_THEME
|
|
19
|
-
};
|
|
20
16
|
|
|
21
17
|
export { StyledCenteredBreadcrumbItem };
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import React__default from 'react';
|
|
8
8
|
import styled from 'styled-components';
|
|
9
9
|
import { em } from 'polished';
|
|
10
|
-
import { getColor
|
|
10
|
+
import { getColor } from '@zendeskgarden/react-theming';
|
|
11
11
|
import SvgChevronRightStroke from '../node_modules/@zendeskgarden/svg-icons/src/12/chevron-right-stroke.svg.js';
|
|
12
12
|
|
|
13
13
|
const StyledChevronIcon = styled(_ref => {
|
|
@@ -27,8 +27,5 @@ const StyledChevronIcon = styled(_ref => {
|
|
|
27
27
|
variable: 'foreground.subtle',
|
|
28
28
|
theme: p.theme
|
|
29
29
|
}));
|
|
30
|
-
StyledChevronIcon.defaultProps = {
|
|
31
|
-
theme: DEFAULT_THEME
|
|
32
|
-
};
|
|
33
30
|
|
|
34
31
|
export { StyledChevronIcon };
|
package/dist/index.cjs.js
CHANGED
|
@@ -38,14 +38,11 @@ var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
|
38
38
|
const COMPONENT_ID$1 = 'breadcrumbs.list';
|
|
39
39
|
const StyledBreadcrumb = styled__default.default.ol.attrs({
|
|
40
40
|
'data-garden-id': COMPONENT_ID$1,
|
|
41
|
-
'data-garden-version': '9.0.0-next.
|
|
41
|
+
'data-garden-version': '9.0.0-next.25'
|
|
42
42
|
}).withConfig({
|
|
43
43
|
displayName: "StyledBreadcrumb",
|
|
44
44
|
componentId: "sc-11jrinn-0"
|
|
45
45
|
})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
46
|
-
StyledBreadcrumb.defaultProps = {
|
|
47
|
-
theme: reactTheming.DEFAULT_THEME
|
|
48
|
-
};
|
|
49
46
|
|
|
50
47
|
var _path;
|
|
51
48
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -80,9 +77,6 @@ const StyledChevronIcon = styled__default.default(_ref => {
|
|
|
80
77
|
variable: 'foreground.subtle',
|
|
81
78
|
theme: p.theme
|
|
82
79
|
}));
|
|
83
|
-
StyledChevronIcon.defaultProps = {
|
|
84
|
-
theme: reactTheming.DEFAULT_THEME
|
|
85
|
-
};
|
|
86
80
|
|
|
87
81
|
const COMPONENT_ID = 'breadcrumbs.item';
|
|
88
82
|
const sizeStyles = _ref => {
|
|
@@ -112,14 +106,11 @@ const colorStyles = _ref2 => {
|
|
|
112
106
|
};
|
|
113
107
|
const StyledBreadcrumbItem = styled__default.default.li.attrs({
|
|
114
108
|
'data-garden-id': COMPONENT_ID,
|
|
115
|
-
'data-garden-version': '9.0.0-next.
|
|
109
|
+
'data-garden-version': '9.0.0-next.25'
|
|
116
110
|
}).withConfig({
|
|
117
111
|
displayName: "StyledBreadcrumbItem",
|
|
118
112
|
componentId: "sc-r0suq7-0"
|
|
119
113
|
})(["font-size:inherit;", " ", ";", ";"], sizeStyles, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
|
|
120
|
-
StyledBreadcrumbItem.defaultProps = {
|
|
121
|
-
theme: reactTheming.DEFAULT_THEME
|
|
122
|
-
};
|
|
123
114
|
|
|
124
115
|
const StyledCenteredBreadcrumbItem = styled__default.default(StyledBreadcrumbItem).attrs({
|
|
125
116
|
'aria-hidden': true
|
|
@@ -127,9 +118,6 @@ const StyledCenteredBreadcrumbItem = styled__default.default(StyledBreadcrumbIte
|
|
|
127
118
|
displayName: "StyledCenteredBreadcrumbItem",
|
|
128
119
|
componentId: "sc-1ces9y2-0"
|
|
129
120
|
})(["display:flex;align-items:center;"]);
|
|
130
|
-
StyledCenteredBreadcrumbItem.defaultProps = {
|
|
131
|
-
theme: reactTheming.DEFAULT_THEME
|
|
132
|
-
};
|
|
133
121
|
|
|
134
122
|
const Breadcrumb = React.forwardRef((props, ref) => {
|
|
135
123
|
const {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-breadcrumbs",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.25",
|
|
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": "^5.3.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
35
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.25",
|
|
36
36
|
"@zendeskgarden/svg-icons": "7.2.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": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
|
|
49
49
|
}
|