@zendeskgarden/react-breadcrumbs 8.57.1 → 8.59.0

package/dist/index.cjs.js

@@ -39,95 +39,14 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-var COMPONENT_ID$1 = 'breadcrumbs.list';
-var StyledBreadcrumb = styled__default["default"].ol.attrs({
+const COMPONENT_ID$1 = 'breadcrumbs.list';
+const StyledBreadcrumb = styled__default["default"].ol.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.57.1'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBreadcrumb",
   componentId: "sc-11jrinn-0"
-})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], function (props) {
-  return props.theme.fontSizes.md;
-}, function (props) {
-  return props.theme.rtl && 'rtl';
-});
+})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl');
 StyledBreadcrumb.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -143,57 +62,60 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    role: "img"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
   })));
 };
 
-var _excluded = ["theme"];
-var ValidChevronIcon = function ValidChevronIcon(props) {
-  props.theme;
-      var validProps = _objectWithoutProperties(props, _excluded);
+const ValidChevronIcon = props => {
+  const {
+    theme,
+    ...validProps
+  } = props;
   return React__default["default"].createElement(SvgChevronRightStroke, validProps);
 };
-var StyledChevronIcon = styled__default["default"](ValidChevronIcon).attrs({
+const StyledChevronIcon = styled__default["default"](ValidChevronIcon).attrs({
   role: 'presentation',
   'aria-hidden': 'true'
 }).withConfig({
   displayName: "StyledChevronIcon",
   componentId: "sc-9r9qrm-0"
-})(["transform:", ";margin:0 ", ";color:", ";"], function (props) {
-  return props.theme.rtl && "rotate(180deg);";
-}, function (props) {
-  return polished.em(props.theme.space.base, props.theme.fontSizes.md);
-}, function (props) {
-  return reactTheming.getColor('neutralHue', 600, props.theme);
-});
+})(["transform:", ";margin:0 ", ";color:", ";"], props => props.theme.rtl && `rotate(180deg);`, props => polished.em(props.theme.space.base, props.theme.fontSizes.md), props => reactTheming.getColor('neutralHue', 600, props.theme));
 StyledChevronIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var COMPONENT_ID = 'breadcrumbs.item';
-var linkStyles = function linkStyles(_ref) {
-  var isCurrent = _ref.isCurrent;
-  return styled.css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && "\n      & > :link,\n      & > :visited,\n      & > :link:hover,\n      & > :visited:hover,\n      & > :link:focus,\n      & > :visited:focus {\n        color: inherit;\n      }\n    ");
+const COMPONENT_ID = 'breadcrumbs.item';
+const linkStyles = _ref => {
+  let {
+    isCurrent
+  } = _ref;
+  return styled.css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && `
+      & > :link,
+      & > :visited,
+      & > :link:hover,
+      & > :visited:hover,
+      & > :link:focus,
+      & > :visited:focus {
+        color: inherit;
+      }
+    `);
 };
-var StyledBreadcrumbItem = styled__default["default"].li.attrs({
+const StyledBreadcrumbItem = styled__default["default"].li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.57.1'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBreadcrumbItem",
   componentId: "sc-r0suq7-0"
-})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], function (props) {
-  return reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md);
-}, function (props) {
-  return props.isCurrent ? reactTheming.getColor(props.theme.colors.neutralHue, 600) : 'inherit';
-}, linkStyles);
+})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], props => reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.isCurrent ? reactTheming.getColor(props.theme.colors.neutralHue, 600) : 'inherit', linkStyles);
 StyledBreadcrumbItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var StyledCenteredBreadcrumbItem = styled__default["default"](StyledBreadcrumbItem).attrs({
+const StyledCenteredBreadcrumbItem = styled__default["default"](StyledBreadcrumbItem).attrs({
   'aria-hidden': true
 }).withConfig({
   displayName: "StyledCenteredBreadcrumbItem",
@@ -203,13 +125,14 @@ StyledCenteredBreadcrumbItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var Breadcrumb = React.forwardRef(function (props, ref) {
-  var _useBreadcrumb = containerBreadcrumb.useBreadcrumb(),
-      getContainerProps = _useBreadcrumb.getContainerProps,
-      getCurrentPageProps = _useBreadcrumb.getCurrentPageProps;
-  var totalChildren = React.Children.count(props.children);
-  var mappedChildren = React.Children.map(props.children, function (child, index) {
-    var isLastItem = index === totalChildren - 1;
+const Breadcrumb = React.forwardRef((props, ref) => {
+  const {
+    getContainerProps,
+    getCurrentPageProps
+  } = containerBreadcrumb.useBreadcrumb();
+  const totalChildren = React.Children.count(props.children);
+  const mappedChildren = React.Children.map(props.children, (child, index) => {
+    const isLastItem = index === totalChildren - 1;
     if (isLastItem) {
       return React__default["default"].createElement(StyledBreadcrumbItem, {
         isCurrent: true
@@ -217,12 +140,13 @@ var Breadcrumb = React.forwardRef(function (props, ref) {
     }
     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)));
   });
-  var ariaLabel = reactTheming.useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
-  return React__default["default"].createElement("nav", getContainerProps(_objectSpread2(_objectSpread2({}, props), {}, {
-    ref: ref,
+  const ariaLabel = reactTheming.useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
+  return React__default["default"].createElement("nav", getContainerProps({
+    ...props,
+    ref,
     role: null,
     'aria-label': ariaLabel
-  })), React__default["default"].createElement(StyledBreadcrumb, null, mappedChildren));
+  }), React__default["default"].createElement(StyledBreadcrumb, null, mappedChildren));
 });
 Breadcrumb.displayName = 'Breadcrumb';
 

package/dist/index.esm.js

@@ -12,95 +12,14 @@ import { DEFAULT_THEME, getColor, getLineHeight, useText } from '@zendeskgarden/
 import styled, { css } from 'styled-components';
 import { em } from 'polished';
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-
-  return target;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-var COMPONENT_ID$1 = 'breadcrumbs.list';
-var StyledBreadcrumb = styled.ol.attrs({
+const COMPONENT_ID$1 = 'breadcrumbs.list';
+const StyledBreadcrumb = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.57.1'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBreadcrumb",
   componentId: "sc-11jrinn-0"
-})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], function (props) {
-  return props.theme.fontSizes.md;
-}, function (props) {
-  return props.theme.rtl && 'rtl';
-});
+})(["display:flex;margin:0;padding:0;list-style:none;font-size:", ";direction:", ";"], props => props.theme.fontSizes.md, props => props.theme.rtl && 'rtl');
 StyledBreadcrumb.defaultProps = {
   theme: DEFAULT_THEME
 };
@@ -116,57 +35,60 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
     height: 12,
     focusable: "false",
     viewBox: "0 0 12 12",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    role: "img"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M3.646 10.354a.5.5 0 01-.057-.638l.057-.07L7.293 6 3.646 2.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057l.07.057 4 4a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.708 0z"
   })));
 };
 
-var _excluded = ["theme"];
-var ValidChevronIcon = function ValidChevronIcon(props) {
-  props.theme;
-      var validProps = _objectWithoutProperties(props, _excluded);
+const ValidChevronIcon = props => {
+  const {
+    theme,
+    ...validProps
+  } = props;
   return React__default.createElement(SvgChevronRightStroke, validProps);
 };
-var StyledChevronIcon = styled(ValidChevronIcon).attrs({
+const StyledChevronIcon = styled(ValidChevronIcon).attrs({
   role: 'presentation',
   'aria-hidden': 'true'
 }).withConfig({
   displayName: "StyledChevronIcon",
   componentId: "sc-9r9qrm-0"
-})(["transform:", ";margin:0 ", ";color:", ";"], function (props) {
-  return props.theme.rtl && "rotate(180deg);";
-}, function (props) {
-  return em(props.theme.space.base, props.theme.fontSizes.md);
-}, function (props) {
-  return getColor('neutralHue', 600, props.theme);
-});
+})(["transform:", ";margin:0 ", ";color:", ";"], props => props.theme.rtl && `rotate(180deg);`, props => em(props.theme.space.base, props.theme.fontSizes.md), props => getColor('neutralHue', 600, props.theme));
 StyledChevronIcon.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var COMPONENT_ID = 'breadcrumbs.item';
-var linkStyles = function linkStyles(_ref) {
-  var isCurrent = _ref.isCurrent;
-  return css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && "\n      & > :link,\n      & > :visited,\n      & > :link:hover,\n      & > :visited:hover,\n      & > :link:focus,\n      & > :visited:focus {\n        color: inherit;\n      }\n    ");
+const COMPONENT_ID = 'breadcrumbs.item';
+const linkStyles = _ref => {
+  let {
+    isCurrent
+  } = _ref;
+  return css(["& > :link,& > :visited{white-space:inherit;}", ""], isCurrent && `
+      & > :link,
+      & > :visited,
+      & > :link:hover,
+      & > :visited:hover,
+      & > :link:focus,
+      & > :visited:focus {
+        color: inherit;
+      }
+    `);
 };
-var StyledBreadcrumbItem = styled.li.attrs({
+const StyledBreadcrumbItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.57.1'
+  'data-garden-version': '8.59.0'
 }).withConfig({
   displayName: "StyledBreadcrumbItem",
   componentId: "sc-r0suq7-0"
-})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], function (props) {
-  return getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md);
-}, function (props) {
-  return props.isCurrent ? getColor(props.theme.colors.neutralHue, 600) : 'inherit';
-}, linkStyles);
+})(["line-height:", ";white-space:nowrap;color:", ";font-size:inherit;", ";"], props => getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => props.isCurrent ? getColor(props.theme.colors.neutralHue, 600) : 'inherit', linkStyles);
 StyledBreadcrumbItem.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
+const StyledCenteredBreadcrumbItem = styled(StyledBreadcrumbItem).attrs({
   'aria-hidden': true
 }).withConfig({
   displayName: "StyledCenteredBreadcrumbItem",
@@ -176,13 +98,14 @@ StyledCenteredBreadcrumbItem.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var Breadcrumb = forwardRef(function (props, ref) {
-  var _useBreadcrumb = useBreadcrumb(),
-      getContainerProps = _useBreadcrumb.getContainerProps,
-      getCurrentPageProps = _useBreadcrumb.getCurrentPageProps;
-  var totalChildren = Children.count(props.children);
-  var mappedChildren = Children.map(props.children, function (child, index) {
-    var isLastItem = index === totalChildren - 1;
+const Breadcrumb = forwardRef((props, ref) => {
+  const {
+    getContainerProps,
+    getCurrentPageProps
+  } = useBreadcrumb();
+  const totalChildren = Children.count(props.children);
+  const mappedChildren = Children.map(props.children, (child, index) => {
+    const isLastItem = index === totalChildren - 1;
     if (isLastItem) {
       return React__default.createElement(StyledBreadcrumbItem, {
         isCurrent: true
@@ -190,12 +113,13 @@ var Breadcrumb = forwardRef(function (props, ref) {
     }
     return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null)));
   });
-  var ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
-  return React__default.createElement("nav", getContainerProps(_objectSpread2(_objectSpread2({}, props), {}, {
-    ref: ref,
+  const ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumb navigation');
+  return React__default.createElement("nav", getContainerProps({
+    ...props,
+    ref,
     role: null,
     'aria-label': ariaLabel
-  })), React__default.createElement(StyledBreadcrumb, null, mappedChildren));
+  }), React__default.createElement(StyledBreadcrumb, null, mappedChildren));
 });
 Breadcrumb.displayName = 'Breadcrumb';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-breadcrumbs",
-  "version": "8.57.1",
+  "version": "8.59.0",
   "description": "Components relating to breadcrumbs in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -32,7 +32,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.57.1",
+    "@zendeskgarden/react-theming": "^8.59.0",
     "@zendeskgarden/svg-icons": "6.33.0"
   },
   "keywords": [
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "3e903f3c7013221ef01d3f81a50489505490be7b"
+  "gitHead": "14c3ad1b3abb0f76ffc8512c89d167ecb6f024fa"
 }