@zendeskgarden/react-breadcrumbs 9.2.0 → 9.4.0

package/dist/esm/elements/Breadcrumb.js

@@ -5,6 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import React__default, { forwardRef, Children, cloneElement } from 'react';
+import SvgChevronRightStroke from '../node_modules/@zendeskgarden/svg-icons/src/12/chevron-right-stroke.svg.js';
 import { useBreadcrumb } from '@zendeskgarden/container-breadcrumb';
 import { useText } from '@zendeskgarden/react-theming';
 import { StyledBreadcrumb } from '../styled/StyledBreadcrumb.js';
@@ -25,7 +26,7 @@ const Breadcrumb = forwardRef((props, ref) => {
         $isCurrent: true
       }, cloneElement(child, getCurrentPageProps()));
     }
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null)));
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledBreadcrumbItem, null, child), React__default.createElement(StyledCenteredBreadcrumbItem, null, React__default.createElement(StyledChevronIcon, null, React__default.createElement(SvgChevronRightStroke, null))));
   });
   const ariaLabel = useText(Breadcrumb, props, 'aria-label', 'Breadcrumbs');
   return React__default.createElement("nav", getContainerProps({

package/dist/esm/styled/StyledBreadcrumb.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'breadcrumbs.list';
 const StyledBreadcrumb = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledBreadcrumb",
   componentId: "sc-11jrinn-0"

package/dist/esm/styled/StyledBreadcrumbItem.js

@@ -35,7 +35,7 @@ const colorStyles = _ref2 => {
 };
 const StyledBreadcrumbItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledBreadcrumbItem",
   componentId: "sc-r0suq7-0"

package/dist/esm/styled/StyledChevronIcon.js

@@ -4,23 +4,11 @@
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
-import React__default from 'react';
 import styled from 'styled-components';
 import { em } from 'polished';
-import { getColor } from '@zendeskgarden/react-theming';
-import SvgChevronRightStroke from '../node_modules/@zendeskgarden/svg-icons/src/12/chevron-right-stroke.svg.js';
+import { StyledBaseIcon, getColor } from '@zendeskgarden/react-theming';
 
-const StyledChevronIcon = styled(_ref => {
-  let {
-    children,
-    theme,
-    ...props
-  } = _ref;
-  return React__default.createElement(SvgChevronRightStroke, props);
-}).attrs({
-  role: 'presentation',
-  'aria-hidden': 'true'
-}).withConfig({
+const StyledChevronIcon = styled(StyledBaseIcon).withConfig({
   displayName: "StyledChevronIcon",
   componentId: "sc-9r9qrm-0"
 })(["transform:", ";margin:0 ", ";color:", ";"], p => p.theme.rtl && `rotate(180deg);`, p => em(p.theme.space.base, p.theme.fontSizes.md), p => getColor({

package/dist/index.cjs.js

@@ -35,15 +35,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const COMPONENT_ID$1 = 'breadcrumbs.list';
-const StyledBreadcrumb = styled__default.default.ol.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.2.0'
-}).withConfig({
-  displayName: "StyledBreadcrumb",
-  componentId: "sc-11jrinn-0"
-})(["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));
-
 var _path;
 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); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
@@ -60,17 +51,16 @@ var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   })));
 };
 
-const StyledChevronIcon = styled__default.default(_ref => {
-  let {
-    children,
-    theme,
-    ...props
-  } = _ref;
-  return React__namespace.default.createElement(SvgChevronRightStroke, props);
-}).attrs({
-  role: 'presentation',
-  'aria-hidden': 'true'
+const COMPONENT_ID$1 = 'breadcrumbs.list';
+const StyledBreadcrumb = styled__default.default.ol.attrs({
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.4.0'
 }).withConfig({
+  displayName: "StyledBreadcrumb",
+  componentId: "sc-11jrinn-0"
+})(["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));
+
+const StyledChevronIcon = styled__default.default(reactTheming.StyledBaseIcon).withConfig({
   displayName: "StyledChevronIcon",
   componentId: "sc-9r9qrm-0"
 })(["transform:", ";margin:0 ", ";color:", ";"], p => p.theme.rtl && `rotate(180deg);`, p => polished.em(p.theme.space.base, p.theme.fontSizes.md), p => reactTheming.getColor({
@@ -106,7 +96,7 @@ const colorStyles = _ref2 => {
 };
 const StyledBreadcrumbItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.2.0'
+  'data-garden-version': '9.4.0'
 }).withConfig({
   displayName: "StyledBreadcrumbItem",
   componentId: "sc-r0suq7-0"
@@ -132,7 +122,7 @@ const Breadcrumb = React.forwardRef((props, ref) => {
         $isCurrent: true
       }, React.cloneElement(child, getCurrentPageProps()));
     }
-    return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledBreadcrumbItem, null, child), React__namespace.default.createElement(StyledCenteredBreadcrumbItem, null, React__namespace.default.createElement(StyledChevronIcon, null)));
+    return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledBreadcrumbItem, null, child), React__namespace.default.createElement(StyledCenteredBreadcrumbItem, null, React__namespace.default.createElement(StyledChevronIcon, null, React__namespace.default.createElement(SvgChevronRightStroke, null))));
   });
   const ariaLabel = reactTheming.useText(Breadcrumb, props, 'aria-label', 'Breadcrumbs');
   return React__namespace.default.createElement("nav", getContainerProps({

package/dist/typings/styled/StyledBreadcrumb.d.ts

@@ -7,7 +7,6 @@
 /**
  * 1. <ol> reset.
  */
-export declare const StyledBreadcrumb: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+export declare const StyledBreadcrumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    ref?: ((instance: HTMLOListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLOListElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/typings/styled/StyledBreadcrumbItem.d.ts

@@ -4,11 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { DefaultTheme } from 'styled-components';
 export interface IStyledBreadcrumbItemProps {
     $isCurrent?: boolean;
 }
-export declare const StyledBreadcrumbItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & IStyledBreadcrumbItemProps, "data-garden-id" | "data-garden-version">;
+export declare const StyledBreadcrumbItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, IStyledBreadcrumbItemProps>> & string;

package/dist/typings/styled/StyledCenteredBreadcrumbItem.d.ts

@@ -4,9 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const StyledCenteredBreadcrumbItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    'data-garden-id': string;
-    'data-garden-version': string;
-} & import("./StyledBreadcrumbItem").IStyledBreadcrumbItemProps & {
-    'aria-hidden': true;
-}, "aria-hidden" | "data-garden-id" | "data-garden-version">;
+export declare const StyledCenteredBreadcrumbItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, "$isCurrent"> & import("./StyledBreadcrumbItem").IStyledBreadcrumbItemProps, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}>, never>, "$isCurrent"> & import("./StyledBreadcrumbItem").IStyledBreadcrumbItemProps>, never>, never>> & string;

package/dist/typings/styled/StyledChevronIcon.d.ts

@@ -4,11 +4,4 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
-/**
- * Accepts all `<svg>` props
- */
-export declare const StyledChevronIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.JSX.Element, import("styled-components").DefaultTheme, {
-    role: string;
-    'aria-hidden': string;
-}, "role" | "aria-hidden">;
+export declare const StyledChevronIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("@zendeskgarden/react-theming").IStyledBaseIconProps, never>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-breadcrumbs",
-  "version": "9.2.0",
+  "version": "9.4.0",
   "description": "Components relating to breadcrumbs in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -29,10 +29,10 @@
     "@zendeskgarden/react-theming": ">=9.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.1 || ^6.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.2.0",
+    "@zendeskgarden/react-theming": "^9.4.0",
     "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "23a86c9a1e830685e277544c089b44614c2261ac"
+  "gitHead": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
 }