@zendeskgarden/react-accordions 9.11.1 → 9.11.3
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/esm/elements/accordion/Accordion.js +2 -6
- package/dist/esm/elements/stepper/Stepper.js +0 -3
- package/dist/esm/styled/accordion/StyledAccordion.js +1 -1
- package/dist/esm/styled/accordion/StyledButton.js +1 -1
- package/dist/esm/styled/accordion/StyledHeader.js +1 -1
- package/dist/esm/styled/accordion/StyledInnerPanel.js +1 -1
- package/dist/esm/styled/accordion/StyledPanel.js +5 -8
- package/dist/esm/styled/accordion/StyledRotateIcon.js +1 -1
- package/dist/esm/styled/accordion/StyledSection.js +1 -1
- package/dist/esm/styled/stepper/StyledContent.js +1 -1
- package/dist/esm/styled/stepper/StyledIcon.js +1 -1
- package/dist/esm/styled/stepper/StyledInnerContent.js +1 -1
- package/dist/esm/styled/stepper/StyledLabel.js +1 -1
- package/dist/esm/styled/stepper/StyledLabelText.js +1 -1
- package/dist/esm/styled/stepper/StyledLine.js +1 -1
- package/dist/esm/styled/stepper/StyledStep.js +1 -1
- package/dist/esm/styled/stepper/StyledStepper.js +1 -1
- package/dist/esm/styled/timeline/StyledContent.js +1 -1
- package/dist/esm/styled/timeline/StyledItem.js +1 -1
- package/dist/esm/styled/timeline/StyledItemIcon.js +1 -1
- package/dist/esm/styled/timeline/StyledOppositeContent.js +1 -1
- package/dist/esm/styled/timeline/StyledSeparator.js +1 -1
- package/dist/esm/styled/timeline/StyledTimeline.js +1 -1
- package/dist/index.cjs.js +26 -36
- package/package.json +3 -3
|
@@ -44,9 +44,9 @@ const AccordionComponent = forwardRef((_ref, ref) => {
|
|
|
44
44
|
children,
|
|
45
45
|
isBare,
|
|
46
46
|
isCompact,
|
|
47
|
-
isAnimated,
|
|
47
|
+
isAnimated = true,
|
|
48
48
|
isExpandable,
|
|
49
|
-
isCollapsible,
|
|
49
|
+
isCollapsible = true,
|
|
50
50
|
level,
|
|
51
51
|
onChange,
|
|
52
52
|
defaultExpandedSections,
|
|
@@ -99,10 +99,6 @@ const AccordionComponent = forwardRef((_ref, ref) => {
|
|
|
99
99
|
}, props), sectionChildren));
|
|
100
100
|
});
|
|
101
101
|
AccordionComponent.displayName = 'Accordion';
|
|
102
|
-
AccordionComponent.defaultProps = {
|
|
103
|
-
isAnimated: true,
|
|
104
|
-
isCollapsible: true
|
|
105
|
-
};
|
|
106
102
|
const Accordion = AccordionComponent;
|
|
107
103
|
Accordion.Header = Header;
|
|
108
104
|
Accordion.Label = Label;
|
|
@@ -66,9 +66,6 @@ const StepperComponent = forwardRef((_ref, ref) => {
|
|
|
66
66
|
}, child)), [children, stepperContext])));
|
|
67
67
|
});
|
|
68
68
|
StepperComponent.displayName = 'Stepper';
|
|
69
|
-
StepperComponent.defaultProps = {
|
|
70
|
-
activeIndex: DEFAULT_ACTIVE_INDEX
|
|
71
|
-
};
|
|
72
69
|
const Stepper = StepperComponent;
|
|
73
70
|
Stepper.Content = Content;
|
|
74
71
|
Stepper.Label = Label;
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.accordion';
|
|
11
11
|
const StyledAccordion = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledAccordion",
|
|
16
16
|
componentId: "sc-niv9ic-0"
|
|
@@ -24,7 +24,7 @@ const colorStyles = _ref => {
|
|
|
24
24
|
};
|
|
25
25
|
const StyledButton = styled.button.attrs({
|
|
26
26
|
'data-garden-id': COMPONENT_ID,
|
|
27
|
-
'data-garden-version': '9.11.
|
|
27
|
+
'data-garden-version': '9.11.3'
|
|
28
28
|
}).withConfig({
|
|
29
29
|
displayName: "StyledButton",
|
|
30
30
|
componentId: "sc-xj3hy7-0"
|
|
@@ -11,7 +11,7 @@ import { StyledButton } from './StyledButton.js';
|
|
|
11
11
|
const COMPONENT_ID = 'accordions.header';
|
|
12
12
|
const StyledHeader = styled.div.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.3'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledHeader",
|
|
17
17
|
componentId: "sc-2c6rbr-0"
|
|
@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
|
|
|
11
11
|
const COMPONENT_ID = 'accordions.step_inner_panel';
|
|
12
12
|
const StyledInnerPanel = styled.div.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.3'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledInnerPanel",
|
|
17
17
|
componentId: "sc-8nbueg-0"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { componentStyles,
|
|
8
|
+
import { componentStyles, getColor, getLineHeight } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.panel';
|
|
11
11
|
const colorStyles = _ref => {
|
|
@@ -41,16 +41,13 @@ const sizeStyles = props => {
|
|
|
41
41
|
}
|
|
42
42
|
return css(["grid-template-rows:", "fr;border-bottom:", ";padding:", "px ", "px ", "px;line-height:", ";font-size:", ";"], $isExpanded ? 1 : 0, theme.borders.sm, paddingTop, paddingHorizontal, paddingBottom, getLineHeight(base * 5, theme.fontSizes.md), theme.fontSizes.md);
|
|
43
43
|
};
|
|
44
|
-
const StyledPanel = styled.section.attrs({
|
|
44
|
+
const StyledPanel = styled.section.attrs(props => ({
|
|
45
45
|
'data-garden-id': COMPONENT_ID,
|
|
46
|
-
'data-garden-version': '9.11.
|
|
47
|
-
|
|
46
|
+
'data-garden-version': '9.11.3',
|
|
47
|
+
$isAnimated: props.$isAnimated ?? true
|
|
48
|
+
})).withConfig({
|
|
48
49
|
displayName: "StyledPanel",
|
|
49
50
|
componentId: "sc-1piryze-0"
|
|
50
51
|
})(["display:grid;transition:", ";overflow:hidden;", " ", " ", ";"], props => props.$isAnimated && 'padding 0.25s ease-in-out, grid-template-rows 0.25s ease-in-out', sizeStyles, colorStyles, componentStyles);
|
|
51
|
-
StyledPanel.defaultProps = {
|
|
52
|
-
$isAnimated: true,
|
|
53
|
-
theme: DEFAULT_THEME
|
|
54
|
-
};
|
|
55
52
|
|
|
56
53
|
export { StyledPanel };
|
|
@@ -24,7 +24,7 @@ const colorStyles = _ref => {
|
|
|
24
24
|
};
|
|
25
25
|
const StyledRotateIcon = styled(StyledBaseIcon).attrs({
|
|
26
26
|
'data-garden-id': COMPONENT_ID,
|
|
27
|
-
'data-garden-version': '9.11.
|
|
27
|
+
'data-garden-version': '9.11.3'
|
|
28
28
|
}).withConfig({
|
|
29
29
|
displayName: "StyledRotateIcon",
|
|
30
30
|
componentId: "sc-hp435q-0"
|
|
@@ -11,7 +11,7 @@ import { StyledPanel } from './StyledPanel.js';
|
|
|
11
11
|
const COMPONENT_ID = 'accordions.section';
|
|
12
12
|
const StyledSection = styled.div.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.11.
|
|
14
|
+
'data-garden-version': '9.11.3'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSection",
|
|
17
17
|
componentId: "sc-v2t9bd-0"
|
|
@@ -23,7 +23,7 @@ const sizeStyles = props => {
|
|
|
23
23
|
};
|
|
24
24
|
const StyledContent = styled.div.attrs({
|
|
25
25
|
'data-garden-id': COMPONENT_ID,
|
|
26
|
-
'data-garden-version': '9.11.
|
|
26
|
+
'data-garden-version': '9.11.3'
|
|
27
27
|
}).withConfig({
|
|
28
28
|
displayName: "StyledContent",
|
|
29
29
|
componentId: "sc-mazvvo-0"
|
|
@@ -46,7 +46,7 @@ const colorStyles = _ref => {
|
|
|
46
46
|
};
|
|
47
47
|
const StyledIcon = styled.div.attrs({
|
|
48
48
|
'data-garden-id': COMPONENT_ID,
|
|
49
|
-
'data-garden-version': '9.11.
|
|
49
|
+
'data-garden-version': '9.11.3'
|
|
50
50
|
}).withConfig({
|
|
51
51
|
displayName: "StyledIcon",
|
|
52
52
|
componentId: "sc-v20nz9-1"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.step_inner_content';
|
|
11
11
|
const StyledInnerContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledInnerContent",
|
|
16
16
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.step_label';
|
|
11
11
|
const StyledLabel = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledLabel",
|
|
16
16
|
componentId: "sc-1o82llj-0"
|
|
@@ -9,7 +9,7 @@ import styled from 'styled-components';
|
|
|
9
9
|
const COMPONENT_ID = 'accordions.step_label_text';
|
|
10
10
|
const StyledLabelText = styled.div.attrs({
|
|
11
11
|
'data-garden-id': COMPONENT_ID,
|
|
12
|
-
'data-garden-version': '9.11.
|
|
12
|
+
'data-garden-version': '9.11.3'
|
|
13
13
|
}).withConfig({
|
|
14
14
|
displayName: "StyledLabelText",
|
|
15
15
|
componentId: "sc-111m5zo-0"
|
|
@@ -10,7 +10,7 @@ import { getColor } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.step_line';
|
|
11
11
|
const StyledLine = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledLine",
|
|
16
16
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -12,7 +12,7 @@ import { StyledLine } from './StyledLine.js';
|
|
|
12
12
|
const COMPONENT_ID = 'accordions.step';
|
|
13
13
|
const StyledStep = styled.li.attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.11.
|
|
15
|
+
'data-garden-version': '9.11.3'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledStep",
|
|
18
18
|
componentId: "sc-12fiwtz-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.stepper';
|
|
11
11
|
const StyledStepper = styled.ol.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledStepper",
|
|
16
16
|
componentId: "sc-dsxw0f-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'timeline.content';
|
|
11
11
|
const StyledTimelineContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledContent__StyledTimelineContent",
|
|
16
16
|
componentId: "sc-19phgu1-0"
|
|
@@ -13,7 +13,7 @@ import { StyledOppositeContent } from './StyledOppositeContent.js';
|
|
|
13
13
|
const COMPONENT_ID = 'timeline.item';
|
|
14
14
|
const StyledTimelineItem = styled.li.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '9.11.
|
|
16
|
+
'data-garden-version': '9.11.3'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledItem__StyledTimelineItem",
|
|
19
19
|
componentId: "sc-5mcnzm-0"
|
|
@@ -34,7 +34,7 @@ const colorStyles = _ref => {
|
|
|
34
34
|
};
|
|
35
35
|
const StyledItemIcon = styled(StyledBaseIcon).attrs({
|
|
36
36
|
'data-garden-id': COMPONENT_ID,
|
|
37
|
-
'data-garden-version': '9.11.
|
|
37
|
+
'data-garden-version': '9.11.3'
|
|
38
38
|
}).withConfig({
|
|
39
39
|
displayName: "StyledItemIcon",
|
|
40
40
|
componentId: "sc-vz2l6e-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'timeline.opposite.content';
|
|
11
11
|
const StyledOppositeContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledOppositeContent",
|
|
16
16
|
componentId: "sc-jurh2k-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'timeline.content.separator';
|
|
11
11
|
const StyledSeparator = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSeparator",
|
|
16
16
|
componentId: "sc-fki51e-0"
|
|
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'timeline';
|
|
11
11
|
const StyledTimeline = styled.ol.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.11.
|
|
13
|
+
'data-garden-version': '9.11.3'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTimeline",
|
|
16
16
|
componentId: "sc-pig5kv-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -54,7 +54,7 @@ const sizeStyles$2 = props => {
|
|
|
54
54
|
};
|
|
55
55
|
const StyledContent = styled__default.default.div.attrs({
|
|
56
56
|
'data-garden-id': COMPONENT_ID$k,
|
|
57
|
-
'data-garden-version': '9.11.
|
|
57
|
+
'data-garden-version': '9.11.3'
|
|
58
58
|
}).withConfig({
|
|
59
59
|
displayName: "StyledContent",
|
|
60
60
|
componentId: "sc-mazvvo-0"
|
|
@@ -63,7 +63,7 @@ const StyledContent = styled__default.default.div.attrs({
|
|
|
63
63
|
const COMPONENT_ID$j = 'accordions.step_line';
|
|
64
64
|
const StyledLine = styled__default.default.div.attrs({
|
|
65
65
|
'data-garden-id': COMPONENT_ID$j,
|
|
66
|
-
'data-garden-version': '9.11.
|
|
66
|
+
'data-garden-version': '9.11.3'
|
|
67
67
|
}).withConfig({
|
|
68
68
|
displayName: "StyledLine",
|
|
69
69
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -80,7 +80,7 @@ const StyledLine = styled__default.default.div.attrs({
|
|
|
80
80
|
const COMPONENT_ID$i = 'accordions.step';
|
|
81
81
|
const StyledStep = styled__default.default.li.attrs({
|
|
82
82
|
'data-garden-id': COMPONENT_ID$i,
|
|
83
|
-
'data-garden-version': '9.11.
|
|
83
|
+
'data-garden-version': '9.11.3'
|
|
84
84
|
}).withConfig({
|
|
85
85
|
displayName: "StyledStep",
|
|
86
86
|
componentId: "sc-12fiwtz-0"
|
|
@@ -97,7 +97,7 @@ const StyledStep = styled__default.default.li.attrs({
|
|
|
97
97
|
const COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
98
98
|
const StyledInnerContent = styled__default.default.div.attrs({
|
|
99
99
|
'data-garden-id': COMPONENT_ID$h,
|
|
100
|
-
'data-garden-version': '9.11.
|
|
100
|
+
'data-garden-version': '9.11.3'
|
|
101
101
|
}).withConfig({
|
|
102
102
|
displayName: "StyledInnerContent",
|
|
103
103
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -114,7 +114,7 @@ const StyledInnerContent = styled__default.default.div.attrs({
|
|
|
114
114
|
const COMPONENT_ID$g = 'accordions.stepper';
|
|
115
115
|
const StyledStepper = styled__default.default.ol.attrs({
|
|
116
116
|
'data-garden-id': COMPONENT_ID$g,
|
|
117
|
-
'data-garden-version': '9.11.
|
|
117
|
+
'data-garden-version': '9.11.3'
|
|
118
118
|
}).withConfig({
|
|
119
119
|
displayName: "StyledStepper",
|
|
120
120
|
componentId: "sc-dsxw0f-0"
|
|
@@ -159,7 +159,7 @@ const colorStyles$4 = _ref => {
|
|
|
159
159
|
};
|
|
160
160
|
const StyledIcon = styled__default.default.div.attrs({
|
|
161
161
|
'data-garden-id': COMPONENT_ID$f,
|
|
162
|
-
'data-garden-version': '9.11.
|
|
162
|
+
'data-garden-version': '9.11.3'
|
|
163
163
|
}).withConfig({
|
|
164
164
|
displayName: "StyledIcon",
|
|
165
165
|
componentId: "sc-v20nz9-1"
|
|
@@ -168,7 +168,7 @@ const StyledIcon = styled__default.default.div.attrs({
|
|
|
168
168
|
const COMPONENT_ID$e = 'accordions.step_label';
|
|
169
169
|
const StyledLabel = styled__default.default.div.attrs({
|
|
170
170
|
'data-garden-id': COMPONENT_ID$e,
|
|
171
|
-
'data-garden-version': '9.11.
|
|
171
|
+
'data-garden-version': '9.11.3'
|
|
172
172
|
}).withConfig({
|
|
173
173
|
displayName: "StyledLabel",
|
|
174
174
|
componentId: "sc-1o82llj-0"
|
|
@@ -186,7 +186,7 @@ const StyledLabel = styled__default.default.div.attrs({
|
|
|
186
186
|
const COMPONENT_ID$d = 'accordions.step_label_text';
|
|
187
187
|
const StyledLabelText = styled__default.default.div.attrs({
|
|
188
188
|
'data-garden-id': COMPONENT_ID$d,
|
|
189
|
-
'data-garden-version': '9.11.
|
|
189
|
+
'data-garden-version': '9.11.3'
|
|
190
190
|
}).withConfig({
|
|
191
191
|
displayName: "StyledLabelText",
|
|
192
192
|
componentId: "sc-111m5zo-0"
|
|
@@ -195,7 +195,7 @@ const StyledLabelText = styled__default.default.div.attrs({
|
|
|
195
195
|
const COMPONENT_ID$c = 'accordions.accordion';
|
|
196
196
|
const StyledAccordion = styled__default.default.div.attrs({
|
|
197
197
|
'data-garden-id': COMPONENT_ID$c,
|
|
198
|
-
'data-garden-version': '9.11.
|
|
198
|
+
'data-garden-version': '9.11.3'
|
|
199
199
|
}).withConfig({
|
|
200
200
|
displayName: "StyledAccordion",
|
|
201
201
|
componentId: "sc-niv9ic-0"
|
|
@@ -235,22 +235,19 @@ const sizeStyles = props => {
|
|
|
235
235
|
}
|
|
236
236
|
return styled.css(["grid-template-rows:", "fr;border-bottom:", ";padding:", "px ", "px ", "px;line-height:", ";font-size:", ";"], $isExpanded ? 1 : 0, theme.borders.sm, paddingTop, paddingHorizontal, paddingBottom, reactTheming.getLineHeight(base * 5, theme.fontSizes.md), theme.fontSizes.md);
|
|
237
237
|
};
|
|
238
|
-
const StyledPanel = styled__default.default.section.attrs({
|
|
238
|
+
const StyledPanel = styled__default.default.section.attrs(props => ({
|
|
239
239
|
'data-garden-id': COMPONENT_ID$b,
|
|
240
|
-
'data-garden-version': '9.11.
|
|
241
|
-
|
|
240
|
+
'data-garden-version': '9.11.3',
|
|
241
|
+
$isAnimated: props.$isAnimated ?? true
|
|
242
|
+
})).withConfig({
|
|
242
243
|
displayName: "StyledPanel",
|
|
243
244
|
componentId: "sc-1piryze-0"
|
|
244
245
|
})(["display:grid;transition:", ";overflow:hidden;", " ", " ", ";"], props => props.$isAnimated && 'padding 0.25s ease-in-out, grid-template-rows 0.25s ease-in-out', sizeStyles, colorStyles$3, reactTheming.componentStyles);
|
|
245
|
-
StyledPanel.defaultProps = {
|
|
246
|
-
$isAnimated: true,
|
|
247
|
-
theme: reactTheming.DEFAULT_THEME
|
|
248
|
-
};
|
|
249
246
|
|
|
250
247
|
const COMPONENT_ID$a = 'accordions.section';
|
|
251
248
|
const StyledSection = styled__default.default.div.attrs({
|
|
252
249
|
'data-garden-id': COMPONENT_ID$a,
|
|
253
|
-
'data-garden-version': '9.11.
|
|
250
|
+
'data-garden-version': '9.11.3'
|
|
254
251
|
}).withConfig({
|
|
255
252
|
displayName: "StyledSection",
|
|
256
253
|
componentId: "sc-v2t9bd-0"
|
|
@@ -273,7 +270,7 @@ const colorStyles$2 = _ref => {
|
|
|
273
270
|
};
|
|
274
271
|
const StyledButton = styled__default.default.button.attrs({
|
|
275
272
|
'data-garden-id': COMPONENT_ID$9,
|
|
276
|
-
'data-garden-version': '9.11.
|
|
273
|
+
'data-garden-version': '9.11.3'
|
|
277
274
|
}).withConfig({
|
|
278
275
|
displayName: "StyledButton",
|
|
279
276
|
componentId: "sc-xj3hy7-0"
|
|
@@ -282,7 +279,7 @@ const StyledButton = styled__default.default.button.attrs({
|
|
|
282
279
|
const COMPONENT_ID$8 = 'accordions.header';
|
|
283
280
|
const StyledHeader = styled__default.default.div.attrs({
|
|
284
281
|
'data-garden-id': COMPONENT_ID$8,
|
|
285
|
-
'data-garden-version': '9.11.
|
|
282
|
+
'data-garden-version': '9.11.3'
|
|
286
283
|
}).withConfig({
|
|
287
284
|
displayName: "StyledHeader",
|
|
288
285
|
componentId: "sc-2c6rbr-0"
|
|
@@ -295,7 +292,7 @@ const StyledHeader = styled__default.default.div.attrs({
|
|
|
295
292
|
const COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
296
293
|
const StyledInnerPanel = styled__default.default.div.attrs({
|
|
297
294
|
'data-garden-id': COMPONENT_ID$7,
|
|
298
|
-
'data-garden-version': '9.11.
|
|
295
|
+
'data-garden-version': '9.11.3'
|
|
299
296
|
}).withConfig({
|
|
300
297
|
displayName: "StyledInnerPanel",
|
|
301
298
|
componentId: "sc-8nbueg-0"
|
|
@@ -318,7 +315,7 @@ const colorStyles$1 = _ref => {
|
|
|
318
315
|
};
|
|
319
316
|
const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
320
317
|
'data-garden-id': COMPONENT_ID$6,
|
|
321
|
-
'data-garden-version': '9.11.
|
|
318
|
+
'data-garden-version': '9.11.3'
|
|
322
319
|
}).withConfig({
|
|
323
320
|
displayName: "StyledRotateIcon",
|
|
324
321
|
componentId: "sc-hp435q-0"
|
|
@@ -327,7 +324,7 @@ const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).at
|
|
|
327
324
|
const COMPONENT_ID$5 = 'timeline';
|
|
328
325
|
const StyledTimeline = styled__default.default.ol.attrs({
|
|
329
326
|
'data-garden-id': COMPONENT_ID$5,
|
|
330
|
-
'data-garden-version': '9.11.
|
|
327
|
+
'data-garden-version': '9.11.3'
|
|
331
328
|
}).withConfig({
|
|
332
329
|
displayName: "StyledTimeline",
|
|
333
330
|
componentId: "sc-pig5kv-0"
|
|
@@ -336,7 +333,7 @@ const StyledTimeline = styled__default.default.ol.attrs({
|
|
|
336
333
|
const COMPONENT_ID$4 = 'timeline.content.separator';
|
|
337
334
|
const StyledSeparator = styled__default.default.div.attrs({
|
|
338
335
|
'data-garden-id': COMPONENT_ID$4,
|
|
339
|
-
'data-garden-version': '9.11.
|
|
336
|
+
'data-garden-version': '9.11.3'
|
|
340
337
|
}).withConfig({
|
|
341
338
|
displayName: "StyledSeparator",
|
|
342
339
|
componentId: "sc-fki51e-0"
|
|
@@ -353,7 +350,7 @@ const StyledSeparator = styled__default.default.div.attrs({
|
|
|
353
350
|
const COMPONENT_ID$3 = 'timeline.content';
|
|
354
351
|
const StyledTimelineContent = styled__default.default.div.attrs({
|
|
355
352
|
'data-garden-id': COMPONENT_ID$3,
|
|
356
|
-
'data-garden-version': '9.11.
|
|
353
|
+
'data-garden-version': '9.11.3'
|
|
357
354
|
}).withConfig({
|
|
358
355
|
displayName: "StyledContent__StyledTimelineContent",
|
|
359
356
|
componentId: "sc-19phgu1-0"
|
|
@@ -362,7 +359,7 @@ const StyledTimelineContent = styled__default.default.div.attrs({
|
|
|
362
359
|
const COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
363
360
|
const StyledOppositeContent = styled__default.default.div.attrs({
|
|
364
361
|
'data-garden-id': COMPONENT_ID$2,
|
|
365
|
-
'data-garden-version': '9.11.
|
|
362
|
+
'data-garden-version': '9.11.3'
|
|
366
363
|
}).withConfig({
|
|
367
364
|
displayName: "StyledOppositeContent",
|
|
368
365
|
componentId: "sc-jurh2k-0"
|
|
@@ -371,7 +368,7 @@ const StyledOppositeContent = styled__default.default.div.attrs({
|
|
|
371
368
|
const COMPONENT_ID$1 = 'timeline.item';
|
|
372
369
|
const StyledTimelineItem = styled__default.default.li.attrs({
|
|
373
370
|
'data-garden-id': COMPONENT_ID$1,
|
|
374
|
-
'data-garden-version': '9.11.
|
|
371
|
+
'data-garden-version': '9.11.3'
|
|
375
372
|
}).withConfig({
|
|
376
373
|
displayName: "StyledItem__StyledTimelineItem",
|
|
377
374
|
componentId: "sc-5mcnzm-0"
|
|
@@ -411,7 +408,7 @@ const colorStyles = _ref => {
|
|
|
411
408
|
};
|
|
412
409
|
const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
413
410
|
'data-garden-id': COMPONENT_ID,
|
|
414
|
-
'data-garden-version': '9.11.
|
|
411
|
+
'data-garden-version': '9.11.3'
|
|
415
412
|
}).withConfig({
|
|
416
413
|
displayName: "StyledItemIcon",
|
|
417
414
|
componentId: "sc-vz2l6e-0"
|
|
@@ -620,9 +617,9 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
|
|
|
620
617
|
children,
|
|
621
618
|
isBare,
|
|
622
619
|
isCompact,
|
|
623
|
-
isAnimated,
|
|
620
|
+
isAnimated = true,
|
|
624
621
|
isExpandable,
|
|
625
|
-
isCollapsible,
|
|
622
|
+
isCollapsible = true,
|
|
626
623
|
level,
|
|
627
624
|
onChange,
|
|
628
625
|
defaultExpandedSections,
|
|
@@ -675,10 +672,6 @@ const AccordionComponent = React.forwardRef((_ref, ref) => {
|
|
|
675
672
|
}, props), sectionChildren));
|
|
676
673
|
});
|
|
677
674
|
AccordionComponent.displayName = 'Accordion';
|
|
678
|
-
AccordionComponent.defaultProps = {
|
|
679
|
-
isAnimated: true,
|
|
680
|
-
isCollapsible: true
|
|
681
|
-
};
|
|
682
675
|
const Accordion = AccordionComponent;
|
|
683
676
|
Accordion.Header = Header;
|
|
684
677
|
Accordion.Label = Label$1;
|
|
@@ -803,9 +796,6 @@ const StepperComponent = React.forwardRef((_ref, ref) => {
|
|
|
803
796
|
}, child)), [children, stepperContext])));
|
|
804
797
|
});
|
|
805
798
|
StepperComponent.displayName = 'Stepper';
|
|
806
|
-
StepperComponent.defaultProps = {
|
|
807
|
-
activeIndex: DEFAULT_ACTIVE_INDEX
|
|
808
|
-
};
|
|
809
799
|
const Stepper = StepperComponent;
|
|
810
800
|
Stepper.Content = Content$1;
|
|
811
801
|
Stepper.Label = Label;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-accordions",
|
|
3
|
-
"version": "9.11.
|
|
3
|
+
"version": "9.11.3",
|
|
4
4
|
"description": "Components related to accordions in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"styled-components": "^5.3.1 || ^6.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.11.
|
|
36
|
+
"@zendeskgarden/react-theming": "^9.11.3",
|
|
37
37
|
"@zendeskgarden/svg-icons": "7.5.0"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"access": "public"
|
|
48
48
|
},
|
|
49
49
|
"zendeskgarden:src": "src/index.ts",
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "3f20a4270555169d6fc00ecd93e85346a5ee50f5"
|
|
51
51
|
}
|