carbon-react 135.1.2 → 135.1.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.
|
@@ -13,7 +13,7 @@ const StyledAccordionContainer = styled.div`
|
|
|
13
13
|
align-items: ${({
|
|
14
14
|
buttonHeading,
|
|
15
15
|
variant
|
|
16
|
-
}) => buttonHeading || variant
|
|
16
|
+
}) => (!buttonHeading || variant !== "subtle") && "stretch"};
|
|
17
17
|
justify-content: center;
|
|
18
18
|
flex-direction: column;
|
|
19
19
|
box-sizing: border-box;
|
|
@@ -138,6 +138,7 @@ const StyledAccordionTitleContainer = styled.div`
|
|
|
138
138
|
color: var(--colorsActionMajor500);
|
|
139
139
|
padding: var(--spacing025);
|
|
140
140
|
margin-bottom: ${isExpanded && "var(--spacing200)"};
|
|
141
|
+
width: fit-content;
|
|
141
142
|
|
|
142
143
|
${StyledAccordionIcon} {
|
|
143
144
|
color: var(--colorsActionMajor500);
|
|
@@ -216,12 +217,6 @@ const StyledAccordionContent = styled.div`
|
|
|
216
217
|
padding-top: var(--spacing100);
|
|
217
218
|
overflow: hidden;
|
|
218
219
|
|
|
219
|
-
${({
|
|
220
|
-
disableContentPadding
|
|
221
|
-
}) => disableContentPadding && css`
|
|
222
|
-
padding: 0;
|
|
223
|
-
`}
|
|
224
|
-
|
|
225
220
|
${({
|
|
226
221
|
variant
|
|
227
222
|
}) => variant === "subtle" && css`
|
|
@@ -229,6 +224,12 @@ const StyledAccordionContent = styled.div`
|
|
|
229
224
|
padding: var(--spacing100) var(--spacing200) var(--spacing300);
|
|
230
225
|
border-left: 2px solid var(--colorsUtilityMajor100);
|
|
231
226
|
`}
|
|
227
|
+
|
|
228
|
+
${({
|
|
229
|
+
disableContentPadding
|
|
230
|
+
}) => disableContentPadding && css`
|
|
231
|
+
padding: 0;
|
|
232
|
+
`}
|
|
232
233
|
`;
|
|
233
234
|
StyledAccordionGroup.defaultProps = {
|
|
234
235
|
theme: baseTheme
|
|
@@ -22,7 +22,7 @@ const StyledAccordionContainer = exports.StyledAccordionContainer = _styledCompo
|
|
|
22
22
|
align-items: ${({
|
|
23
23
|
buttonHeading,
|
|
24
24
|
variant
|
|
25
|
-
}) => buttonHeading || variant
|
|
25
|
+
}) => (!buttonHeading || variant !== "subtle") && "stretch"};
|
|
26
26
|
justify-content: center;
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
box-sizing: border-box;
|
|
@@ -147,6 +147,7 @@ const StyledAccordionTitleContainer = exports.StyledAccordionTitleContainer = _s
|
|
|
147
147
|
color: var(--colorsActionMajor500);
|
|
148
148
|
padding: var(--spacing025);
|
|
149
149
|
margin-bottom: ${isExpanded && "var(--spacing200)"};
|
|
150
|
+
width: fit-content;
|
|
150
151
|
|
|
151
152
|
${StyledAccordionIcon} {
|
|
152
153
|
color: var(--colorsActionMajor500);
|
|
@@ -225,12 +226,6 @@ const StyledAccordionContent = exports.StyledAccordionContent = _styledComponent
|
|
|
225
226
|
padding-top: var(--spacing100);
|
|
226
227
|
overflow: hidden;
|
|
227
228
|
|
|
228
|
-
${({
|
|
229
|
-
disableContentPadding
|
|
230
|
-
}) => disableContentPadding && (0, _styledComponents.css)`
|
|
231
|
-
padding: 0;
|
|
232
|
-
`}
|
|
233
|
-
|
|
234
229
|
${({
|
|
235
230
|
variant
|
|
236
231
|
}) => variant === "subtle" && (0, _styledComponents.css)`
|
|
@@ -238,6 +233,12 @@ const StyledAccordionContent = exports.StyledAccordionContent = _styledComponent
|
|
|
238
233
|
padding: var(--spacing100) var(--spacing200) var(--spacing300);
|
|
239
234
|
border-left: 2px solid var(--colorsUtilityMajor100);
|
|
240
235
|
`}
|
|
236
|
+
|
|
237
|
+
${({
|
|
238
|
+
disableContentPadding
|
|
239
|
+
}) => disableContentPadding && (0, _styledComponents.css)`
|
|
240
|
+
padding: 0;
|
|
241
|
+
`}
|
|
241
242
|
`;
|
|
242
243
|
StyledAccordionGroup.defaultProps = {
|
|
243
244
|
theme: _themes.baseTheme
|