@zendeskgarden/react-accordions 8.44.1 → 8.47.0

package/dist/index.cjs.js

@@ -229,7 +229,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledContent = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -245,7 +245,7 @@ StyledContent.defaultProps = {
 var COMPONENT_ID$j = 'accordions.step_line';
 var StyledLine = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -267,7 +267,7 @@ StyledLine.defaultProps = {
 var COMPONENT_ID$i = 'accordions.step';
 var StyledStep = styled__default['default'].li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -297,7 +297,7 @@ StyledStep.defaultProps = {
 var COMPONENT_ID$h = 'accordions.step_inner_content';
 var StyledInnerContent = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -319,7 +319,7 @@ StyledInnerContent.defaultProps = {
 var COMPONENT_ID$g = 'accordions.stepper';
 var StyledStepper = styled__default['default'].ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -347,7 +347,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledIcon = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -364,7 +364,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID$e = 'accordions.step_label';
 var StyledLabel = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -392,7 +392,7 @@ StyledLabel.defaultProps = {
 var COMPONENT_ID$d = 'accordions.step_label_text';
 var StyledLabelText = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -410,7 +410,7 @@ StyledLabelText.defaultProps = {
 var COMPONENT_ID$c = 'accordions.accordion';
 var StyledAccordion = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -440,7 +440,7 @@ var paddingStyles = function paddingStyles(props) {
 };
 var StyledPanel = styled__default['default'].section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -457,7 +457,7 @@ StyledPanel.defaultProps = {
 var COMPONENT_ID$a = 'accordions.section';
 var StyledSection = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -471,7 +471,7 @@ StyledSection.defaultProps = {
 var COMPONENT_ID$9 = 'accordions.header';
 var StyledHeader = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -499,7 +499,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledButton = styled__default['default'].button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -525,7 +525,7 @@ StyledButton.defaultProps = {
 var COMPONENT_ID$7 = 'accordions.step_inner_panel';
 var StyledInnerPanel = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -566,7 +566,7 @@ function (_ref) {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -588,7 +588,7 @@ StyledRotateIcon.defaultProps = {
 var COMPONENT_ID$5 = 'timeline';
 var StyledTimeline = styled__default['default'].ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -602,7 +602,7 @@ StyledTimeline.defaultProps = {
 var COMPONENT_ID$4 = 'timeline.content.separator';
 var StyledSeparator = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -620,7 +620,7 @@ StyledSeparator.defaultProps = {
 var COMPONENT_ID$3 = 'timeline.content';
 var StyledTimelineContent = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -636,7 +636,7 @@ StyledTimelineContent.defaultProps = {
 var COMPONENT_ID$2 = 'timeline.opposite.content';
 var StyledOppositeContent = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -654,7 +654,7 @@ StyledOppositeContent.defaultProps = {
 var COMPONENT_ID$1 = 'timeline.item';
 var StyledTimelineItem = styled__default['default'].li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -678,7 +678,7 @@ var StyledItemIcon = styled__default['default'](function (_ref) {
   return React.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -1085,7 +1085,7 @@ var Panel = React.forwardRef(function (props, ref) {
 });
 Panel.displayName = 'Panel';
 
-var _excluded$2 = ["level", "isBare", "onChange", "isCompact", "isAnimated", "isExpandable", "isCollapsible", "expandedSections"];
+var _excluded$2 = ["level", "isBare", "onChange", "isCompact", "isAnimated", "isExpandable", "isCollapsible", "defaultExpandedSections", "expandedSections"];
 var Accordion = React.forwardRef(function (_ref, ref) {
   var level = _ref.level,
       isBare = _ref.isBare,
@@ -1094,12 +1094,14 @@ var Accordion = React.forwardRef(function (_ref, ref) {
       isAnimated = _ref.isAnimated,
       isExpandable = _ref.isExpandable,
       isCollapsible = _ref.isCollapsible,
+      defaultExpandedSections = _ref.defaultExpandedSections,
       controlledExpandedSections = _ref.expandedSections,
       props = _objectWithoutProperties(_ref, _excluded$2);
   var _useAccordion = containerAccordion.useAccordion({
     collapsible: isCollapsible,
     expandable: isExpandable,
     onChange: onChange,
+    defaultExpandedSections: defaultExpandedSections,
     expandedSections: controlledExpandedSections
   }),
       expandedSections = _useAccordion.expandedSections,

package/dist/index.esm.js

@@ -197,7 +197,7 @@ var sizeStyles$1 = function sizeStyles(props) {
 };
 var StyledContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledContent",
   componentId: "sc-mazvvo-0"
@@ -213,7 +213,7 @@ StyledContent.defaultProps = {
 var COMPONENT_ID$j = 'accordions.step_line';
 var StyledLine = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLine",
   componentId: "sc-1gkpjbr-0"
@@ -235,7 +235,7 @@ StyledLine.defaultProps = {
 var COMPONENT_ID$i = 'accordions.step';
 var StyledStep = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledStep",
   componentId: "sc-12fiwtz-0"
@@ -265,7 +265,7 @@ StyledStep.defaultProps = {
 var COMPONENT_ID$h = 'accordions.step_inner_content';
 var StyledInnerContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledInnerContent",
   componentId: "sc-1xs9fh7-0"
@@ -287,7 +287,7 @@ StyledInnerContent.defaultProps = {
 var COMPONENT_ID$g = 'accordions.stepper';
 var StyledStepper = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledStepper",
   componentId: "sc-dsxw0f-0"
@@ -315,7 +315,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-v20nz9-1"
@@ -332,7 +332,7 @@ StyledIcon.defaultProps = {
 var COMPONENT_ID$e = 'accordions.step_label';
 var StyledLabel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$e,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-1o82llj-0"
@@ -360,7 +360,7 @@ StyledLabel.defaultProps = {
 var COMPONENT_ID$d = 'accordions.step_label_text';
 var StyledLabelText = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledLabelText",
   componentId: "sc-111m5zo-0"
@@ -378,7 +378,7 @@ StyledLabelText.defaultProps = {
 var COMPONENT_ID$c = 'accordions.accordion';
 var StyledAccordion = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledAccordion",
   componentId: "sc-niv9ic-0"
@@ -408,7 +408,7 @@ var paddingStyles = function paddingStyles(props) {
 };
 var StyledPanel = styled.section.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledPanel",
   componentId: "sc-1piryze-0"
@@ -425,7 +425,7 @@ StyledPanel.defaultProps = {
 var COMPONENT_ID$a = 'accordions.section';
 var StyledSection = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledSection",
   componentId: "sc-v2t9bd-0"
@@ -439,7 +439,7 @@ StyledSection.defaultProps = {
 var COMPONENT_ID$9 = 'accordions.header';
 var StyledHeader = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledHeader",
   componentId: "sc-2c6rbr-0"
@@ -467,7 +467,7 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledButton = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledButton",
   componentId: "sc-xj3hy7-0"
@@ -493,7 +493,7 @@ StyledButton.defaultProps = {
 var COMPONENT_ID$7 = 'accordions.step_inner_panel';
 var StyledInnerPanel = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledInnerPanel",
   componentId: "sc-8nbueg-0"
@@ -534,7 +534,7 @@ function (_ref) {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledRotateIcon",
   componentId: "sc-hp435q-0"
@@ -556,7 +556,7 @@ StyledRotateIcon.defaultProps = {
 var COMPONENT_ID$5 = 'timeline';
 var StyledTimeline = styled.ol.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledTimeline",
   componentId: "sc-pig5kv-0"
@@ -570,7 +570,7 @@ StyledTimeline.defaultProps = {
 var COMPONENT_ID$4 = 'timeline.content.separator';
 var StyledSeparator = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-fki51e-0"
@@ -588,7 +588,7 @@ StyledSeparator.defaultProps = {
 var COMPONENT_ID$3 = 'timeline.content';
 var StyledTimelineContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledContent__StyledTimelineContent",
   componentId: "sc-19phgu1-0"
@@ -604,7 +604,7 @@ StyledTimelineContent.defaultProps = {
 var COMPONENT_ID$2 = 'timeline.opposite.content';
 var StyledOppositeContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledOppositeContent",
   componentId: "sc-jurh2k-0"
@@ -622,7 +622,7 @@ StyledOppositeContent.defaultProps = {
 var COMPONENT_ID$1 = 'timeline.item';
 var StyledTimelineItem = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledItem__StyledTimelineItem",
   componentId: "sc-5mcnzm-0"
@@ -646,7 +646,7 @@ var StyledItemIcon = styled(function (_ref) {
   return cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.44.1'
+  'data-garden-version': '8.47.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-vz2l6e-0"
@@ -1053,7 +1053,7 @@ var Panel = forwardRef(function (props, ref) {
 });
 Panel.displayName = 'Panel';
 
-var _excluded$2 = ["level", "isBare", "onChange", "isCompact", "isAnimated", "isExpandable", "isCollapsible", "expandedSections"];
+var _excluded$2 = ["level", "isBare", "onChange", "isCompact", "isAnimated", "isExpandable", "isCollapsible", "defaultExpandedSections", "expandedSections"];
 var Accordion = forwardRef(function (_ref, ref) {
   var level = _ref.level,
       isBare = _ref.isBare,
@@ -1062,12 +1062,14 @@ var Accordion = forwardRef(function (_ref, ref) {
       isAnimated = _ref.isAnimated,
       isExpandable = _ref.isExpandable,
       isCollapsible = _ref.isCollapsible,
+      defaultExpandedSections = _ref.defaultExpandedSections,
       controlledExpandedSections = _ref.expandedSections,
       props = _objectWithoutProperties(_ref, _excluded$2);
   var _useAccordion = useAccordion({
     collapsible: isCollapsible,
     expandable: isExpandable,
     onChange: onChange,
+    defaultExpandedSections: defaultExpandedSections,
     expandedSections: controlledExpandedSections
   }),
       expandedSections = _useAccordion.expandedSections,

package/dist/typings/elements/accordion/Accordion.d.ts

@@ -20,6 +20,8 @@ interface IAccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange
     level: number;
     /** Sets the expanded sections in a controlled accordion */
     expandedSections?: number[];
+    /** Sets the default expanded sections in an uncontrolled accordion */
+    defaultExpandedSections?: number[];
     /** Hides section borders */
     isBare?: boolean;
     /** Allows uncontrolled accordion sections to collapse */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-accordions",
-  "version": "8.44.1",
+  "version": "8.47.0",
   "description": "Components related to accordions in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.44.1",
+    "@zendeskgarden/react-theming": "^8.47.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "74a6cfa135b2a28b76ebfa2c2d0099c5490ac5bf"
+  "gitHead": "aba4138c9eb030ab3f204ba783b340ca55be6988"
 }