@zendeskgarden/react-breadcrumbs 8.39.0 → 8.41.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.
package/dist/index.cjs.js CHANGED
@@ -41,29 +41,18 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
41
41
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
42
42
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
43
43
 
44
- function _defineProperty(obj, key, value) {
45
- if (key in obj) {
46
- Object.defineProperty(obj, key, {
47
- value: value,
48
- enumerable: true,
49
- configurable: true,
50
- writable: true
51
- });
52
- } else {
53
- obj[key] = value;
54
- }
55
-
56
- return obj;
57
- }
58
-
59
44
  function ownKeys(object, enumerableOnly) {
60
45
  var keys = Object.keys(object);
61
46
 
62
47
  if (Object.getOwnPropertySymbols) {
63
48
  var symbols = Object.getOwnPropertySymbols(object);
64
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
65
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
66
- });
49
+
50
+ if (enumerableOnly) {
51
+ symbols = symbols.filter(function (sym) {
52
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
53
+ });
54
+ }
55
+
67
56
  keys.push.apply(keys, symbols);
68
57
  }
69
58
 
@@ -90,6 +79,21 @@ function _objectSpread2(target) {
90
79
  return target;
91
80
  }
92
81
 
82
+ function _defineProperty(obj, key, value) {
83
+ if (key in obj) {
84
+ Object.defineProperty(obj, key, {
85
+ value: value,
86
+ enumerable: true,
87
+ configurable: true,
88
+ writable: true
89
+ });
90
+ } else {
91
+ obj[key] = value;
92
+ }
93
+
94
+ return obj;
95
+ }
96
+
93
97
  function _objectWithoutPropertiesLoose(source, excluded) {
94
98
  if (source == null) return {};
95
99
  var target = {};
@@ -126,24 +130,14 @@ function _objectWithoutProperties(source, excluded) {
126
130
  return target;
127
131
  }
128
132
 
129
- function _taggedTemplateLiteral(strings, raw) {
130
- if (!raw) {
131
- raw = strings.slice(0);
132
- }
133
-
134
- return Object.freeze(Object.defineProperties(strings, {
135
- raw: {
136
- value: Object.freeze(raw)
137
- }
138
- }));
139
- }
140
-
141
- var _templateObject$3;
142
133
  var COMPONENT_ID$1 = 'breadcrumbs.list';
143
134
  var StyledBreadcrumb = styled__default['default'].ol.attrs({
144
135
  'data-garden-id': COMPONENT_ID$1,
145
- 'data-garden-version': '8.39.0'
146
- })(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n margin: 0; /* [1] */\n padding: 0; /* [1] */\n list-style: none; /* [1] */\n font-size: ", ";\n direction: ", ";\n"])), function (props) {
136
+ 'data-garden-version': '8.41.0'
137
+ }).withConfig({
138
+ displayName: "StyledBreadcrumb",
139
+ componentId: "sc-11jrinn-0"
140
+ })(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], function (props) {
147
141
  return props.theme.fontSizes.md;
148
142
  }, function (props) {
149
143
  return props.theme.rtl && 'rtl';
@@ -170,7 +164,6 @@ function SvgChevronRightStroke(props) {
170
164
  }, props), _ref);
171
165
  }
172
166
 
173
- var _templateObject$2;
174
167
  var _excluded = ["theme"];
175
168
  var ValidChevronIcon = function ValidChevronIcon(props) {
176
169
  props.theme;
@@ -180,7 +173,10 @@ var ValidChevronIcon = function ValidChevronIcon(props) {
180
173
  var StyledChevronIcon = styled__default['default'](ValidChevronIcon).attrs({
181
174
  role: 'presentation',
182
175
  'aria-hidden': 'true'
183
- })(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n transform: ", ";\n margin: 0 ", ";\n color: ", ";\n"])), function (props) {
176
+ }).withConfig({
177
+ displayName: "StyledChevronIcon",
178
+ componentId: "sc-9r9qrm-0"
179
+ })(["transform:", ";margin:0 ", ";color:", ";"], function (props) {
184
180
  return props.theme.rtl && "rotate(180deg);";
185
181
  }, function (props) {
186
182
  return polished.em(props.theme.space.base, props.theme.fontSizes.md);
@@ -191,7 +187,6 @@ StyledChevronIcon.defaultProps = {
191
187
  theme: reactTheming.DEFAULT_THEME
192
188
  };
193
189
 
194
- var _templateObject$1;
195
190
  var COMPONENT_ID = 'breadcrumbs.item';
196
191
  var linkStyles = function linkStyles(_ref) {
197
192
  var isCurrent = _ref.isCurrent;
@@ -199,8 +194,11 @@ var linkStyles = function linkStyles(_ref) {
199
194
  };
200
195
  var StyledBreadcrumbItem = styled__default['default'].li.attrs({
201
196
  'data-garden-id': COMPONENT_ID,
202
- 'data-garden-version': '8.39.0'
203
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n line-height: ", ";\n white-space: nowrap;\n color: ", ";\n font-size: inherit;\n ", ";\n"])), function (props) {
197
+ 'data-garden-version': '8.41.0'
198
+ }).withConfig({
199
+ displayName: "StyledBreadcrumbItem",
200
+ componentId: "sc-r0suq7-0"
201
+ })(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], function (props) {
204
202
  return reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md);
205
203
  }, function (props) {
206
204
  return props.isCurrent ? reactTheming.getColor(props.theme.colors.neutralHue, 600) : 'inherit';
@@ -209,10 +207,12 @@ StyledBreadcrumbItem.defaultProps = {
209
207
  theme: reactTheming.DEFAULT_THEME
210
208
  };
211
209
 
212
- var _templateObject;
213
210
  var StyledCenteredBreadcrumbItem = styled__default['default'](StyledBreadcrumbItem).attrs({
214
211
  'aria-hidden': true
215
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
212
+ }).withConfig({
213
+ displayName: "StyledCenteredBreadcrumbItem",
214
+ componentId: "sc-1ces9y2-0"
215
+ })(["display:flex;align-items:center;"]);
216
216
  StyledCenteredBreadcrumbItem.defaultProps = {
217
217
  theme: reactTheming.DEFAULT_THEME
218
218
  };
package/dist/index.esm.js CHANGED
@@ -12,29 +12,18 @@ import styled, { css } from 'styled-components';
12
12
  import { DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
13
13
  import { em } from 'polished';
14
14
 
15
- function _defineProperty(obj, key, value) {
16
- if (key in obj) {
17
- Object.defineProperty(obj, key, {
18
- value: value,
19
- enumerable: true,
20
- configurable: true,
21
- writable: true
22
- });
23
- } else {
24
- obj[key] = value;
25
- }
26
-
27
- return obj;
28
- }
29
-
30
15
  function ownKeys(object, enumerableOnly) {
31
16
  var keys = Object.keys(object);
32
17
 
33
18
  if (Object.getOwnPropertySymbols) {
34
19
  var symbols = Object.getOwnPropertySymbols(object);
35
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
36
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
- });
20
+
21
+ if (enumerableOnly) {
22
+ symbols = symbols.filter(function (sym) {
23
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
24
+ });
25
+ }
26
+
38
27
  keys.push.apply(keys, symbols);
39
28
  }
40
29
 
@@ -61,6 +50,21 @@ function _objectSpread2(target) {
61
50
  return target;
62
51
  }
63
52
 
53
+ function _defineProperty(obj, key, value) {
54
+ if (key in obj) {
55
+ Object.defineProperty(obj, key, {
56
+ value: value,
57
+ enumerable: true,
58
+ configurable: true,
59
+ writable: true
60
+ });
61
+ } else {
62
+ obj[key] = value;
63
+ }
64
+
65
+ return obj;
66
+ }
67
+
64
68
  function _objectWithoutPropertiesLoose(source, excluded) {
65
69
  if (source == null) return {};
66
70
  var target = {};
@@ -97,24 +101,14 @@ function _objectWithoutProperties(source, excluded) {
97
101
  return target;
98
102
  }
99
103
 
100
- function _taggedTemplateLiteral(strings, raw) {
101
- if (!raw) {
102
- raw = strings.slice(0);
103
- }
104
-
105
- return Object.freeze(Object.defineProperties(strings, {
106
- raw: {
107
- value: Object.freeze(raw)
108
- }
109
- }));
110
- }
111
-
112
- var _templateObject$3;
113
104
  var COMPONENT_ID$1 = 'breadcrumbs.list';
114
105
  var StyledBreadcrumb = styled.ol.attrs({
115
106
  'data-garden-id': COMPONENT_ID$1,
116
- 'data-garden-version': '8.39.0'
117
- })(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: flex;\n margin: 0; /* [1] */\n padding: 0; /* [1] */\n list-style: none; /* [1] */\n font-size: ", ";\n direction: ", ";\n"])), function (props) {
107
+ 'data-garden-version': '8.41.0'
108
+ }).withConfig({
109
+ displayName: "StyledBreadcrumb",
110
+ componentId: "sc-11jrinn-0"
111
+ })(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], function (props) {
118
112
  return props.theme.fontSizes.md;
119
113
  }, function (props) {
120
114
  return props.theme.rtl && 'rtl';
@@ -141,7 +135,6 @@ function SvgChevronRightStroke(props) {
141
135
  }, props), _ref);
142
136
  }
143
137
 
144
- var _templateObject$2;
145
138
  var _excluded = ["theme"];
146
139
  var ValidChevronIcon = function ValidChevronIcon(props) {
147
140
  props.theme;
@@ -151,7 +144,10 @@ var ValidChevronIcon = function ValidChevronIcon(props) {
151
144
  var StyledChevronIcon = styled(ValidChevronIcon).attrs({
152
145
  role: 'presentation',
153
146
  'aria-hidden': 'true'
154
- })(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n transform: ", ";\n margin: 0 ", ";\n color: ", ";\n"])), function (props) {
147
+ }).withConfig({
148
+ displayName: "StyledChevronIcon",
149
+ componentId: "sc-9r9qrm-0"
150
+ })(["transform:", ";margin:0 ", ";color:", ";"], function (props) {
155
151
  return props.theme.rtl && "rotate(180deg);";
156
152
  }, function (props) {
157
153
  return em(props.theme.space.base, props.theme.fontSizes.md);
@@ -162,7 +158,6 @@ StyledChevronIcon.defaultProps = {
162
158
  theme: DEFAULT_THEME
163
159
  };
164
160
 
165
- var _templateObject$1;
166
161
  var COMPONENT_ID = 'breadcrumbs.item';
167
162
  var linkStyles = function linkStyles(_ref) {
168
163
  var isCurrent = _ref.isCurrent;
@@ -170,8 +165,11 @@ var linkStyles = function linkStyles(_ref) {
170
165
  };
171
166
  var StyledBreadcrumbItem = styled.li.attrs({
172
167
  'data-garden-id': COMPONENT_ID,
173
- 'data-garden-version': '8.39.0'
174
- })(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n line-height: ", ";\n white-space: nowrap;\n color: ", ";\n font-size: inherit;\n ", ";\n"])), function (props) {
168
+ 'data-garden-version': '8.41.0'
169
+ }).withConfig({
170
+ displayName: "StyledBreadcrumbItem",
171
+ componentId: "sc-r0suq7-0"
172
+ })(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], function (props) {
175
173
  return getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md);
176
174
  }, function (props) {
177
175
  return props.isCurrent ? getColor(props.theme.colors.neutralHue, 600) : 'inherit';
@@ -180,10 +178,12 @@ StyledBreadcrumbItem.defaultProps = {
180
178
  theme: DEFAULT_THEME
181
179
  };
182
180
 
183
- var _templateObject;
184
181
  var StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
185
182
  'aria-hidden': true
186
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
183
+ }).withConfig({
184
+ displayName: "StyledCenteredBreadcrumbItem",
185
+ componentId: "sc-1ces9y2-0"
186
+ })(["display:flex;align-items:center;"]);
187
187
  StyledCenteredBreadcrumbItem.defaultProps = {
188
188
  theme: DEFAULT_THEME
189
189
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-breadcrumbs",
3
- "version": "8.39.0",
3
+ "version": "8.41.0",
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.39.0",
35
+ "@zendeskgarden/react-theming": "^8.41.0",
36
36
  "@zendeskgarden/svg-icons": "6.30.2"
37
37
  },
38
38
  "keywords": [
@@ -45,5 +45,5 @@
45
45
  "access": "public"
46
46
  },
47
47
  "zendeskgarden:src": "src/index.ts",
48
- "gitHead": "a061ca3a673a21bc6f53d52cceb26ba71eab7008"
48
+ "gitHead": "723c0bf1f98b1fcc0de3f7c005fbbfa5005a2fa9"
49
49
  }