@zendeskgarden/react-accordions 8.75.0 → 8.76.0

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
 'use strict';
 
 var React = require('react');
@@ -39,21 +38,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$3.apply(this, arguments);
-}
-
 const COMPONENT_ID$k = 'accordions.step_content';
 const sizeStyles$2 = props => {
   const {
@@ -70,7 +54,7 @@ const sizeStyles$2 = props => {
 };
 const StyledContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -82,7 +66,7 @@ StyledContent.defaultProps = {
 const COMPONENT_ID$j = 'accordions.step_line';
 const StyledLine = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -94,7 +78,7 @@ StyledLine.defaultProps = {
 const COMPONENT_ID$i = 'accordions.step';
 const StyledStep = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -106,7 +90,7 @@ StyledStep.defaultProps = {
 const COMPONENT_ID$h = 'accordions.step_inner_content';
 const StyledInnerContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -118,7 +102,7 @@ StyledInnerContent.defaultProps = {
 const COMPONENT_ID$g = 'accordions.stepper';
 const StyledStepper = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -142,7 +126,7 @@ const colorStyles$3 = props => {
 };
 const StyledIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -157,7 +141,7 @@ StyledIcon.defaultProps = {
 const COMPONENT_ID$e = 'accordions.step_label';
 const StyledLabel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -169,7 +153,7 @@ StyledLabel.defaultProps = {
 const COMPONENT_ID$d = 'accordions.step_label_text';
 const StyledLabelText = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -181,7 +165,7 @@ StyledLabelText.defaultProps = {
 const COMPONENT_ID$c = 'accordions.accordion';
 const StyledAccordion = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -223,7 +207,7 @@ const sizeStyles = props => {
 };
 const StyledPanel = styled__default.default.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -236,7 +220,7 @@ StyledPanel.defaultProps = {
 const COMPONENT_ID$a = 'accordions.section';
 const StyledSection = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -248,7 +232,7 @@ StyledSection.defaultProps = {
 const COMPONENT_ID$9 = 'accordions.header';
 const StyledHeader = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -273,7 +257,7 @@ const colorStyles$1 = props => {
 };
 const StyledButton = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -285,7 +269,7 @@ StyledButton.defaultProps = {
 const COMPONENT_ID$7 = 'accordions.step_inner_panel';
 const StyledInnerPanel = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -316,7 +300,7 @@ _ref => {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -328,7 +312,7 @@ StyledRotateIcon.defaultProps = {
 const COMPONENT_ID$5 = 'timeline';
 const StyledTimeline = styled__default.default.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -340,7 +324,7 @@ StyledTimeline.defaultProps = {
 const COMPONENT_ID$4 = 'timeline.content.separator';
 const StyledSeparator = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -352,7 +336,7 @@ StyledSeparator.defaultProps = {
 const COMPONENT_ID$3 = 'timeline.content';
 const StyledTimelineContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -364,7 +348,7 @@ StyledTimelineContent.defaultProps = {
 const COMPONENT_ID$2 = 'timeline.opposite.content';
 const StyledOppositeContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -376,7 +360,7 @@ StyledOppositeContent.defaultProps = {
 const COMPONENT_ID$1 = 'timeline.item';
 const StyledTimelineItem = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -395,7 +379,7 @@ const StyledItemIcon = styled__default.default(_ref => {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.75.0'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -467,7 +451,7 @@ const useTimelineItemContext = () => {
   return context;
 };
 
-const SectionComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledSection, _extends$3({
+const SectionComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledSection, Object.assign({
   ref: ref
 }, props)));
 SectionComponent.displayName = 'Accordion.Section';
@@ -536,7 +520,7 @@ const HeaderComponent = React.forwardRef((props, ref) => {
   }), [isHovered, otherTriggerProps]);
   return React__namespace.default.createElement(HeaderContext.Provider, {
     value: value
-  }, React__namespace.default.createElement(StyledHeader, _extends$3({
+  }, React__namespace.default.createElement(StyledHeader, Object.assign({
     isCollapsible: isCollapsible,
     isExpanded: isExpanded,
     isFocused: isFocused
@@ -574,7 +558,7 @@ const LabelComponent$1 = React.forwardRef((props, ref) => {
     isHovered,
     otherTriggerProps
   } = useHeaderContext();
-  return React__namespace.default.createElement(StyledButton, _extends$3({
+  return React__namespace.default.createElement(StyledButton, Object.assign({
     ref: ref,
     isCompact: isCompact,
     isHovered: isHovered,
@@ -600,7 +584,7 @@ const PanelComponent = React.forwardRef((_ref, ref) => {
   } = useAccordionContext();
   const sectionValue = useSectionContext();
   const isExpanded = expandedSections.includes(sectionValue);
-  return React__namespace.default.createElement(StyledPanel, _extends$3({
+  return React__namespace.default.createElement(StyledPanel, Object.assign({
     inert: isExpanded ? undefined : '',
     isAnimated: isAnimated,
     isBare: isBare,
@@ -672,7 +656,7 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
   }), [level, isBare, isCompact, isAnimated, isCollapsible, getPanelProps, getHeaderProps, getTriggerProps, expandedSections]);
   return React__namespace.default.createElement(AccordionContext.Provider, {
     value: accordionContextValue
-  }, React__namespace.default.createElement(StyledAccordion, _extends$3({
+  }, React__namespace.default.createElement(StyledAccordion, Object.assign({
     ref: ref
   }, props), sectionChildren));
 });
@@ -695,7 +679,7 @@ const StepComponent = React.forwardRef((_ref, ref) => {
   const {
     isHorizontal
   } = useStepperContext();
-  return React__namespace.default.createElement(StyledStep, _extends$3({
+  return React__namespace.default.createElement(StyledStep, Object.assign({
     ref: ref,
     isHorizontal: isHorizontal
   }, props), isHorizontal && React__namespace.default.createElement(StyledLine, null), children);
@@ -743,7 +727,7 @@ const LabelComponent = React.forwardRef((_ref, ref) => {
     isActive: isActive,
     isHorizontal: isHorizontal
   }, isCompleted ? React__namespace.default.createElement(SvgCheckSmStroke, iconProps) : stepIcon);
-  return React__namespace.default.createElement(StyledLabel, _extends$3({
+  return React__namespace.default.createElement(StyledLabel, Object.assign({
     ref: ref,
     isActive: isActive,
     isHorizontal: isHorizontal
@@ -765,7 +749,7 @@ const ContentComponent$1 = React.forwardRef((props, ref) => {
     isActive,
     isHorizontal
   } = useStepContext();
-  return isHorizontal === false ? React__namespace.default.createElement(StyledContent, _extends$3({
+  return isHorizontal === false ? React__namespace.default.createElement(StyledContent, Object.assign({
     ref: ref,
     isActive: isActive
   }, props), React__namespace.default.createElement(StyledInnerContent, {
@@ -789,7 +773,7 @@ const StepperComponent = React.forwardRef((_ref, ref) => {
   }), [activeIndex, isHorizontal]);
   return React__namespace.default.createElement(StepperContext.Provider, {
     value: stepperContext
-  }, React__namespace.default.createElement(StyledStepper, _extends$3({
+  }, React__namespace.default.createElement(StyledStepper, Object.assign({
     ref: ref,
     isHorizontal: isHorizontal
   }, props), React.useMemo(() => React.Children.toArray(children).filter(React.isValidElement).map((child, index) => React__namespace.default.createElement(StepContext.Provider, {
@@ -812,7 +796,7 @@ Stepper.Content = Content$1;
 Stepper.Label = Label;
 Stepper.Step = Step;
 
-const OppositeContentComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledOppositeContent, _extends$3({
+const OppositeContentComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledOppositeContent, Object.assign({
   ref: ref
 }, props)));
 OppositeContentComponent.displayName = 'Timeline.OppositeContent';
@@ -841,7 +825,7 @@ const ItemComponent = React.forwardRef((_ref, ref) => {
   });
   return React__namespace.default.createElement(TimelineItemContext.Provider, {
     value: value
-  }, React__namespace.default.createElement(StyledTimelineItem, _extends$3({
+  }, React__namespace.default.createElement(StyledTimelineItem, Object.assign({
     ref: ref,
     isAlternate: isAlternate,
     hasOppositeContent: hasOppositeContent
@@ -876,7 +860,7 @@ const ContentComponent = React.forwardRef((props, ref) => {
   } = useTimelineItemContext();
   return React__namespace.default.createElement(React__namespace.default.Fragment, null, React__namespace.default.createElement(StyledSeparator, null, React__namespace.default.createElement(StyledItemIcon, {
     surfaceColor: surfaceColor
-  }, icon || React__namespace.default.createElement(SvgCircleFullStroke, null))), React__namespace.default.createElement(StyledTimelineContent, _extends$3({
+  }, icon || React__namespace.default.createElement(SvgCircleFullStroke, null))), React__namespace.default.createElement(StyledTimelineContent, Object.assign({
     ref: ref
   }, props)));
 });
@@ -893,7 +877,7 @@ const TimelineComponent = React.forwardRef((_ref, ref) => {
   }), [isAlternate]);
   return React__namespace.default.createElement(TimelineContext.Provider, {
     value: value
-  }, React__namespace.default.createElement(StyledTimeline, _extends$3({
+  }, React__namespace.default.createElement(StyledTimeline, Object.assign({
     ref: ref
   }, props)));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "8.75.0",
+  "version": "8.76.0",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -27,13 +27,13 @@
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": "^8.75.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.75.0",
+    "@zendeskgarden/react-theming": "^8.76.0",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "56a54793a611efc223b8e36262d428365613c853"
+  "gitHead": "3e52650c39fd1085a2e97b40a43eed7bc1e21937"
 }