@zendeskgarden/react-accordions 9.0.0-next.21 → 9.0.0-next.22
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/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 +1 -1
- 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 +13 -5
- 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 +33 -25
- package/dist/typings/types/index.d.ts +6 -1
- package/package.json +3 -3
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
27
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledInnerPanel",
|
|
17
17
|
componentId: "sc-8nbueg-0"
|
|
@@ -43,7 +43,7 @@ const sizeStyles = props => {
|
|
|
43
43
|
};
|
|
44
44
|
const StyledPanel = styled.section.attrs({
|
|
45
45
|
'data-garden-id': COMPONENT_ID,
|
|
46
|
-
'data-garden-version': '9.0.0-next.
|
|
46
|
+
'data-garden-version': '9.0.0-next.22'
|
|
47
47
|
}).withConfig({
|
|
48
48
|
displayName: "StyledPanel",
|
|
49
49
|
componentId: "sc-1piryze-0"
|
|
@@ -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.0.0-next.
|
|
27
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
26
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
49
|
+
'data-garden-version': '9.0.0-next.22'
|
|
50
50
|
}).withConfig({
|
|
51
51
|
displayName: "StyledIcon",
|
|
52
52
|
componentId: "sc-v20nz9-1"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledInnerContent",
|
|
16
16
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledLabel",
|
|
16
16
|
componentId: "sc-1o82llj-0"
|
|
@@ -10,7 +10,7 @@ import { DEFAULT_THEME } from '@zendeskgarden/react-theming';
|
|
|
10
10
|
const COMPONENT_ID = 'accordions.step_label_text';
|
|
11
11
|
const StyledLabelText = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledLabelText",
|
|
16
16
|
componentId: "sc-111m5zo-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, DEFAULT_THEME } 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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.22'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledStep",
|
|
18
18
|
componentId: "sc-12fiwtz-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledStepper",
|
|
16
16
|
componentId: "sc-dsxw0f-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.22'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledItem__StyledTimelineItem",
|
|
19
19
|
componentId: "sc-5mcnzm-0"
|
|
@@ -18,15 +18,23 @@ const colorStyles = _ref => {
|
|
|
18
18
|
theme,
|
|
19
19
|
variable: 'border.emphasis'
|
|
20
20
|
});
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
let backgroundColor;
|
|
22
|
+
if ($surfaceColor) {
|
|
23
|
+
backgroundColor = $surfaceColor.includes('.') ? getColor({
|
|
24
|
+
theme,
|
|
25
|
+
variable: $surfaceColor
|
|
26
|
+
}) : $surfaceColor;
|
|
27
|
+
} else {
|
|
28
|
+
backgroundColor = getColor({
|
|
29
|
+
theme,
|
|
30
|
+
variable: 'background.default'
|
|
31
|
+
});
|
|
32
|
+
}
|
|
25
33
|
return css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
|
|
26
34
|
};
|
|
27
35
|
const StyledItemIcon = styled(StyledBaseIcon).attrs({
|
|
28
36
|
'data-garden-id': COMPONENT_ID,
|
|
29
|
-
'data-garden-version': '9.0.0-next.
|
|
37
|
+
'data-garden-version': '9.0.0-next.22'
|
|
30
38
|
}).withConfig({
|
|
31
39
|
displayName: "StyledItemIcon",
|
|
32
40
|
componentId: "sc-vz2l6e-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledOppositeContent",
|
|
16
16
|
componentId: "sc-jurh2k-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSeparator",
|
|
16
16
|
componentId: "sc-fki51e-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
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.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.22'
|
|
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.0.0-next.
|
|
57
|
+
'data-garden-version': '9.0.0-next.22'
|
|
58
58
|
}).withConfig({
|
|
59
59
|
displayName: "StyledContent",
|
|
60
60
|
componentId: "sc-mazvvo-0"
|
|
@@ -66,7 +66,7 @@ StyledContent.defaultProps = {
|
|
|
66
66
|
const COMPONENT_ID$j = 'accordions.step_line';
|
|
67
67
|
const StyledLine = styled__default.default.div.attrs({
|
|
68
68
|
'data-garden-id': COMPONENT_ID$j,
|
|
69
|
-
'data-garden-version': '9.0.0-next.
|
|
69
|
+
'data-garden-version': '9.0.0-next.22'
|
|
70
70
|
}).withConfig({
|
|
71
71
|
displayName: "StyledLine",
|
|
72
72
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -86,7 +86,7 @@ StyledLine.defaultProps = {
|
|
|
86
86
|
const COMPONENT_ID$i = 'accordions.step';
|
|
87
87
|
const StyledStep = styled__default.default.li.attrs({
|
|
88
88
|
'data-garden-id': COMPONENT_ID$i,
|
|
89
|
-
'data-garden-version': '9.0.0-next.
|
|
89
|
+
'data-garden-version': '9.0.0-next.22'
|
|
90
90
|
}).withConfig({
|
|
91
91
|
displayName: "StyledStep",
|
|
92
92
|
componentId: "sc-12fiwtz-0"
|
|
@@ -106,7 +106,7 @@ StyledStep.defaultProps = {
|
|
|
106
106
|
const COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
107
107
|
const StyledInnerContent = styled__default.default.div.attrs({
|
|
108
108
|
'data-garden-id': COMPONENT_ID$h,
|
|
109
|
-
'data-garden-version': '9.0.0-next.
|
|
109
|
+
'data-garden-version': '9.0.0-next.22'
|
|
110
110
|
}).withConfig({
|
|
111
111
|
displayName: "StyledInnerContent",
|
|
112
112
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -126,7 +126,7 @@ StyledInnerContent.defaultProps = {
|
|
|
126
126
|
const COMPONENT_ID$g = 'accordions.stepper';
|
|
127
127
|
const StyledStepper = styled__default.default.ol.attrs({
|
|
128
128
|
'data-garden-id': COMPONENT_ID$g,
|
|
129
|
-
'data-garden-version': '9.0.0-next.
|
|
129
|
+
'data-garden-version': '9.0.0-next.22'
|
|
130
130
|
}).withConfig({
|
|
131
131
|
displayName: "StyledStepper",
|
|
132
132
|
componentId: "sc-dsxw0f-0"
|
|
@@ -174,7 +174,7 @@ const colorStyles$4 = _ref => {
|
|
|
174
174
|
};
|
|
175
175
|
const StyledIcon = styled__default.default.div.attrs({
|
|
176
176
|
'data-garden-id': COMPONENT_ID$f,
|
|
177
|
-
'data-garden-version': '9.0.0-next.
|
|
177
|
+
'data-garden-version': '9.0.0-next.22'
|
|
178
178
|
}).withConfig({
|
|
179
179
|
displayName: "StyledIcon",
|
|
180
180
|
componentId: "sc-v20nz9-1"
|
|
@@ -189,7 +189,7 @@ StyledIcon.defaultProps = {
|
|
|
189
189
|
const COMPONENT_ID$e = 'accordions.step_label';
|
|
190
190
|
const StyledLabel = styled__default.default.div.attrs({
|
|
191
191
|
'data-garden-id': COMPONENT_ID$e,
|
|
192
|
-
'data-garden-version': '9.0.0-next.
|
|
192
|
+
'data-garden-version': '9.0.0-next.22'
|
|
193
193
|
}).withConfig({
|
|
194
194
|
displayName: "StyledLabel",
|
|
195
195
|
componentId: "sc-1o82llj-0"
|
|
@@ -210,7 +210,7 @@ StyledLabel.defaultProps = {
|
|
|
210
210
|
const COMPONENT_ID$d = 'accordions.step_label_text';
|
|
211
211
|
const StyledLabelText = styled__default.default.div.attrs({
|
|
212
212
|
'data-garden-id': COMPONENT_ID$d,
|
|
213
|
-
'data-garden-version': '9.0.0-next.
|
|
213
|
+
'data-garden-version': '9.0.0-next.22'
|
|
214
214
|
}).withConfig({
|
|
215
215
|
displayName: "StyledLabelText",
|
|
216
216
|
componentId: "sc-111m5zo-0"
|
|
@@ -222,7 +222,7 @@ StyledLabelText.defaultProps = {
|
|
|
222
222
|
const COMPONENT_ID$c = 'accordions.accordion';
|
|
223
223
|
const StyledAccordion = styled__default.default.div.attrs({
|
|
224
224
|
'data-garden-id': COMPONENT_ID$c,
|
|
225
|
-
'data-garden-version': '9.0.0-next.
|
|
225
|
+
'data-garden-version': '9.0.0-next.22'
|
|
226
226
|
}).withConfig({
|
|
227
227
|
displayName: "StyledAccordion",
|
|
228
228
|
componentId: "sc-niv9ic-0"
|
|
@@ -267,7 +267,7 @@ const sizeStyles = props => {
|
|
|
267
267
|
};
|
|
268
268
|
const StyledPanel = styled__default.default.section.attrs({
|
|
269
269
|
'data-garden-id': COMPONENT_ID$b,
|
|
270
|
-
'data-garden-version': '9.0.0-next.
|
|
270
|
+
'data-garden-version': '9.0.0-next.22'
|
|
271
271
|
}).withConfig({
|
|
272
272
|
displayName: "StyledPanel",
|
|
273
273
|
componentId: "sc-1piryze-0"
|
|
@@ -280,7 +280,7 @@ StyledPanel.defaultProps = {
|
|
|
280
280
|
const COMPONENT_ID$a = 'accordions.section';
|
|
281
281
|
const StyledSection = styled__default.default.div.attrs({
|
|
282
282
|
'data-garden-id': COMPONENT_ID$a,
|
|
283
|
-
'data-garden-version': '9.0.0-next.
|
|
283
|
+
'data-garden-version': '9.0.0-next.22'
|
|
284
284
|
}).withConfig({
|
|
285
285
|
displayName: "StyledSection",
|
|
286
286
|
componentId: "sc-v2t9bd-0"
|
|
@@ -306,7 +306,7 @@ const colorStyles$2 = _ref => {
|
|
|
306
306
|
};
|
|
307
307
|
const StyledButton = styled__default.default.button.attrs({
|
|
308
308
|
'data-garden-id': COMPONENT_ID$9,
|
|
309
|
-
'data-garden-version': '9.0.0-next.
|
|
309
|
+
'data-garden-version': '9.0.0-next.22'
|
|
310
310
|
}).withConfig({
|
|
311
311
|
displayName: "StyledButton",
|
|
312
312
|
componentId: "sc-xj3hy7-0"
|
|
@@ -318,7 +318,7 @@ StyledButton.defaultProps = {
|
|
|
318
318
|
const COMPONENT_ID$8 = 'accordions.header';
|
|
319
319
|
const StyledHeader = styled__default.default.div.attrs({
|
|
320
320
|
'data-garden-id': COMPONENT_ID$8,
|
|
321
|
-
'data-garden-version': '9.0.0-next.
|
|
321
|
+
'data-garden-version': '9.0.0-next.22'
|
|
322
322
|
}).withConfig({
|
|
323
323
|
displayName: "StyledHeader",
|
|
324
324
|
componentId: "sc-2c6rbr-0"
|
|
@@ -334,7 +334,7 @@ StyledHeader.defaultProps = {
|
|
|
334
334
|
const COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
335
335
|
const StyledInnerPanel = styled__default.default.div.attrs({
|
|
336
336
|
'data-garden-id': COMPONENT_ID$7,
|
|
337
|
-
'data-garden-version': '9.0.0-next.
|
|
337
|
+
'data-garden-version': '9.0.0-next.22'
|
|
338
338
|
}).withConfig({
|
|
339
339
|
displayName: "StyledInnerPanel",
|
|
340
340
|
componentId: "sc-8nbueg-0"
|
|
@@ -360,7 +360,7 @@ const colorStyles$1 = _ref => {
|
|
|
360
360
|
};
|
|
361
361
|
const StyledRotateIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
362
362
|
'data-garden-id': COMPONENT_ID$6,
|
|
363
|
-
'data-garden-version': '9.0.0-next.
|
|
363
|
+
'data-garden-version': '9.0.0-next.22'
|
|
364
364
|
}).withConfig({
|
|
365
365
|
displayName: "StyledRotateIcon",
|
|
366
366
|
componentId: "sc-hp435q-0"
|
|
@@ -372,7 +372,7 @@ StyledRotateIcon.defaultProps = {
|
|
|
372
372
|
const COMPONENT_ID$5 = 'timeline';
|
|
373
373
|
const StyledTimeline = styled__default.default.ol.attrs({
|
|
374
374
|
'data-garden-id': COMPONENT_ID$5,
|
|
375
|
-
'data-garden-version': '9.0.0-next.
|
|
375
|
+
'data-garden-version': '9.0.0-next.22'
|
|
376
376
|
}).withConfig({
|
|
377
377
|
displayName: "StyledTimeline",
|
|
378
378
|
componentId: "sc-pig5kv-0"
|
|
@@ -384,7 +384,7 @@ StyledTimeline.defaultProps = {
|
|
|
384
384
|
const COMPONENT_ID$4 = 'timeline.content.separator';
|
|
385
385
|
const StyledSeparator = styled__default.default.div.attrs({
|
|
386
386
|
'data-garden-id': COMPONENT_ID$4,
|
|
387
|
-
'data-garden-version': '9.0.0-next.
|
|
387
|
+
'data-garden-version': '9.0.0-next.22'
|
|
388
388
|
}).withConfig({
|
|
389
389
|
displayName: "StyledSeparator",
|
|
390
390
|
componentId: "sc-fki51e-0"
|
|
@@ -404,7 +404,7 @@ StyledSeparator.defaultProps = {
|
|
|
404
404
|
const COMPONENT_ID$3 = 'timeline.content';
|
|
405
405
|
const StyledTimelineContent = styled__default.default.div.attrs({
|
|
406
406
|
'data-garden-id': COMPONENT_ID$3,
|
|
407
|
-
'data-garden-version': '9.0.0-next.
|
|
407
|
+
'data-garden-version': '9.0.0-next.22'
|
|
408
408
|
}).withConfig({
|
|
409
409
|
displayName: "StyledContent__StyledTimelineContent",
|
|
410
410
|
componentId: "sc-19phgu1-0"
|
|
@@ -416,7 +416,7 @@ StyledTimelineContent.defaultProps = {
|
|
|
416
416
|
const COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
417
417
|
const StyledOppositeContent = styled__default.default.div.attrs({
|
|
418
418
|
'data-garden-id': COMPONENT_ID$2,
|
|
419
|
-
'data-garden-version': '9.0.0-next.
|
|
419
|
+
'data-garden-version': '9.0.0-next.22'
|
|
420
420
|
}).withConfig({
|
|
421
421
|
displayName: "StyledOppositeContent",
|
|
422
422
|
componentId: "sc-jurh2k-0"
|
|
@@ -428,7 +428,7 @@ StyledOppositeContent.defaultProps = {
|
|
|
428
428
|
const COMPONENT_ID$1 = 'timeline.item';
|
|
429
429
|
const StyledTimelineItem = styled__default.default.li.attrs({
|
|
430
430
|
'data-garden-id': COMPONENT_ID$1,
|
|
431
|
-
'data-garden-version': '9.0.0-next.
|
|
431
|
+
'data-garden-version': '9.0.0-next.22'
|
|
432
432
|
}).withConfig({
|
|
433
433
|
displayName: "StyledItem__StyledTimelineItem",
|
|
434
434
|
componentId: "sc-5mcnzm-0"
|
|
@@ -455,15 +455,23 @@ const colorStyles = _ref => {
|
|
|
455
455
|
theme,
|
|
456
456
|
variable: 'border.emphasis'
|
|
457
457
|
});
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
458
|
+
let backgroundColor;
|
|
459
|
+
if ($surfaceColor) {
|
|
460
|
+
backgroundColor = $surfaceColor.includes('.') ? reactTheming.getColor({
|
|
461
|
+
theme,
|
|
462
|
+
variable: $surfaceColor
|
|
463
|
+
}) : $surfaceColor;
|
|
464
|
+
} else {
|
|
465
|
+
backgroundColor = reactTheming.getColor({
|
|
466
|
+
theme,
|
|
467
|
+
variable: 'background.default'
|
|
468
|
+
});
|
|
469
|
+
}
|
|
462
470
|
return styled.css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
|
|
463
471
|
};
|
|
464
472
|
const StyledItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
465
473
|
'data-garden-id': COMPONENT_ID,
|
|
466
|
-
'data-garden-version': '9.0.0-next.
|
|
474
|
+
'data-garden-version': '9.0.0-next.22'
|
|
467
475
|
}).withConfig({
|
|
468
476
|
displayName: "StyledItemIcon",
|
|
469
477
|
componentId: "sc-vz2l6e-0"
|
|
@@ -51,6 +51,11 @@ export interface ITimelineProps extends OlHTMLAttributes<HTMLOListElement> {
|
|
|
51
51
|
export interface ITimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
|
|
52
52
|
/** Replaces the dot with an icon */
|
|
53
53
|
icon?: ReactElement;
|
|
54
|
-
/**
|
|
54
|
+
/**
|
|
55
|
+
* Provides surface color for an icon placed on a non-default background.
|
|
56
|
+
* Accepts a [color variable](/components/theme-object#colors) key (i.e.
|
|
57
|
+
* `background.recessed`) to render based on light/dark mode, or any hex
|
|
58
|
+
* value.
|
|
59
|
+
*/
|
|
55
60
|
surfaceColor?: string;
|
|
56
61
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-accordions",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.22",
|
|
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"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
36
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.22",
|
|
37
37
|
"@zendeskgarden/svg-icons": "7.1.1"
|
|
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": "46309385a1495c2297da23409f4196f662fe418b"
|
|
51
51
|
}
|