@zendeskgarden/react-breadcrumbs 9.12.2 → 9.12.4

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 (4) hide show
  1. package/dist/esm/styled/StyledBreadcrumb.js +3 -3
  2. package/dist/esm/styled/StyledBreadcrumbItem.js +11 -17
  3. package/dist/index.cjs.js +12 -18
  4. package/package.json +4 -4
package/dist/esm/styled/StyledBreadcrumb.js CHANGED
@@ -7,10 +7,10 @@
7
7
  import styled from 'styled-components';
8
8
  import { componentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
- const COMPONENT_ID = 'breadcrumbs.list';
10
+ const COMPONENT_ID$1 = 'breadcrumbs.list';
11
11
  const StyledBreadcrumb = styled.ol.attrs({
12
- 'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.12.2'
12
+ 'data-garden-id': COMPONENT_ID$1,
13
+ 'data-garden-version': '9.12.4'
14
14
  }).withConfig({
15
15
  displayName: "StyledBreadcrumb",
16
16
  componentId: "sc-11jrinn-0"
package/dist/esm/styled/StyledBreadcrumbItem.js CHANGED
@@ -8,21 +8,16 @@ import styled, { css } from 'styled-components';
8
8
  import { componentStyles, getLineHeight, getColor } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'breadcrumbs.item';
11
- const sizeStyles = _ref => {
12
- let {
13
- theme
14
- } = _ref;
15
- return css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], getLineHeight(theme.space.base * 5, theme.fontSizes.md));
16
- };
17
- const colorStyles = _ref2 => {
18
- let {
19
- $isCurrent,
20
- theme
21
- } = _ref2;
22
- return css(["color:", ";", ""], $isCurrent ? getColor({
23
- variable: 'foreground.subtle',
24
- theme
25
- }) : 'inherit', $isCurrent && `
11
+ const sizeStyles = ({
12
+ theme
13
+ }) => css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], getLineHeight(theme.space.base * 5, theme.fontSizes.md));
14
+ const colorStyles = ({
15
+ $isCurrent,
16
+ theme
17
+ }) => css(["color:", ";", ""], $isCurrent ? getColor({
18
+ variable: 'foreground.subtle',
19
+ theme
20
+ }) : 'inherit', $isCurrent && `
26
21
  & > :link,
27
22
  & > :visited,
28
23
  & > :link:hover,
@@ -32,10 +27,9 @@ const colorStyles = _ref2 => {
32
27
  color: inherit; /* [1] */
33
28
  }
34
29
  `);
35
- };
36
30
  const StyledBreadcrumbItem = styled.li.attrs({
37
31
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.12.2'
32
+ 'data-garden-version': '9.12.4'
39
33
  }).withConfig({
40
34
  displayName: "StyledBreadcrumbItem",
41
35
  componentId: "sc-r0suq7-0"
package/dist/index.cjs.js CHANGED
@@ -54,7 +54,7 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
54
54
  const COMPONENT_ID$1 = 'breadcrumbs.list';
55
55
  const StyledBreadcrumb = styled__default.default.ol.attrs({
56
56
  'data-garden-id': COMPONENT_ID$1,
57
- 'data-garden-version': '9.12.2'
57
+ 'data-garden-version': '9.12.4'
58
58
  }).withConfig({
59
59
  displayName: "StyledBreadcrumb",
60
60
  componentId: "sc-11jrinn-0"
@@ -69,21 +69,16 @@ const StyledChevronIcon = styled__default.default(reactTheming.StyledBaseIcon).w
69
69
  }));
70
70
 
71
71
  const COMPONENT_ID = 'breadcrumbs.item';
72
- const sizeStyles = _ref => {
73
- let {
74
- theme
75
- } = _ref;
76
- return styled.css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], reactTheming.getLineHeight(theme.space.base * 5, theme.fontSizes.md));
77
- };
78
- const colorStyles = _ref2 => {
79
- let {
80
- $isCurrent,
81
- theme
82
- } = _ref2;
83
- return styled.css(["color:", ";", ""], $isCurrent ? reactTheming.getColor({
84
- variable: 'foreground.subtle',
85
- theme
86
- }) : 'inherit', $isCurrent && `
72
+ const sizeStyles = ({
73
+ theme
74
+ }) => styled.css(["line-height:", ";white-space:nowrap;& > :link,& > :visited{white-space:inherit;}"], reactTheming.getLineHeight(theme.space.base * 5, theme.fontSizes.md));
75
+ const colorStyles = ({
76
+ $isCurrent,
77
+ theme
78
+ }) => styled.css(["color:", ";", ""], $isCurrent ? reactTheming.getColor({
79
+ variable: 'foreground.subtle',
80
+ theme
81
+ }) : 'inherit', $isCurrent && `
87
82
  & > :link,
88
83
  & > :visited,
89
84
  & > :link:hover,
@@ -93,10 +88,9 @@ const colorStyles = _ref2 => {
93
88
  color: inherit; /* [1] */
94
89
  }
95
90
  `);
96
- };
97
91
  const StyledBreadcrumbItem = styled__default.default.li.attrs({
98
92
  'data-garden-id': COMPONENT_ID,
99
- 'data-garden-version': '9.12.2'
93
+ 'data-garden-version': '9.12.4'
100
94
  }).withConfig({
101
95
  displayName: "StyledBreadcrumbItem",
102
96
  componentId: "sc-r0suq7-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-breadcrumbs",
3
- "version": "9.12.2",
3
+ "version": "9.12.4",
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": "^5.3.1 || ^6.0.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-theming": "^9.12.2",
36
- "@zendeskgarden/svg-icons": "7.5.0"
35
+ "@zendeskgarden/react-theming": "^9.12.4",
36
+ "@zendeskgarden/svg-icons": "7.6.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": "9b6f34bf0eda4bee3b47f97a437aa9b7f3008af4"
48
+ "gitHead": "e79e9687e6bcbd097c059add2938cdae59a5173b"
49
49
  }