carbon-react 121.0.1 → 121.0.2
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.
|
@@ -335,6 +335,12 @@ StyledFlatTableWrapper.defaultProps = {
|
|
|
335
335
|
theme: baseTheme
|
|
336
336
|
};
|
|
337
337
|
const StyledFlatTableFooter = styled.div`
|
|
338
|
+
& > ${StyledPagerContainer} {
|
|
339
|
+
border-top: none;
|
|
340
|
+
border-top-left-radius: 0;
|
|
341
|
+
border-top-right-radius: 0;
|
|
342
|
+
}
|
|
343
|
+
|
|
338
344
|
${({
|
|
339
345
|
hasStickyFooter,
|
|
340
346
|
theme
|
|
@@ -344,8 +350,8 @@ const StyledFlatTableFooter = styled.div`
|
|
|
344
350
|
z-index: ${theme.zIndex.overlay + STICKY_FOOTER_OVERLAY_INCREMENT};
|
|
345
351
|
|
|
346
352
|
${StyledPagerContainer} {
|
|
347
|
-
border-bottom-left-radius:
|
|
348
|
-
border-bottom-right-radius:
|
|
353
|
+
border-bottom-left-radius: 0;
|
|
354
|
+
border-bottom-right-radius: 0;
|
|
349
355
|
}
|
|
350
356
|
`}
|
|
351
357
|
`;
|
|
@@ -20,19 +20,14 @@ const StyledPagerContainer = styled.div`
|
|
|
20
20
|
justify-content: space-between;
|
|
21
21
|
padding: 0px 24px;
|
|
22
22
|
align-items: center;
|
|
23
|
-
border-top-width: 0;
|
|
24
23
|
font-size: 13px;
|
|
25
|
-
border-top: none;
|
|
26
24
|
color: var(--colorsUtilityYin090);
|
|
25
|
+
border: 1px solid var(--colorsUtilityMajor100);
|
|
26
|
+
border-radius: var(--borderRadius100);
|
|
27
27
|
|
|
28
28
|
${({
|
|
29
29
|
variant
|
|
30
30
|
}) => css`
|
|
31
|
-
border-width: 1px 1px 1px 1px;
|
|
32
|
-
border-style: none solid solid solid;
|
|
33
|
-
border-bottom-left-radius: var(--borderRadius100);
|
|
34
|
-
border-bottom-right-radius: var(--borderRadius100);
|
|
35
|
-
border-color: var(--colorsUtilityMajor100);
|
|
36
31
|
background-color: ${variant === "alternate" ? "var(--colorsUtilityMajor040)" : "var(--colorsUtilityMajor010)"};
|
|
37
32
|
`}
|
|
38
33
|
`;
|
|
@@ -347,6 +347,12 @@ StyledFlatTableWrapper.defaultProps = {
|
|
|
347
347
|
theme: _themes.baseTheme
|
|
348
348
|
};
|
|
349
349
|
const StyledFlatTableFooter = _styledComponents.default.div`
|
|
350
|
+
& > ${_pager.StyledPagerContainer} {
|
|
351
|
+
border-top: none;
|
|
352
|
+
border-top-left-radius: 0;
|
|
353
|
+
border-top-right-radius: 0;
|
|
354
|
+
}
|
|
355
|
+
|
|
350
356
|
${({
|
|
351
357
|
hasStickyFooter,
|
|
352
358
|
theme
|
|
@@ -356,8 +362,8 @@ const StyledFlatTableFooter = _styledComponents.default.div`
|
|
|
356
362
|
z-index: ${theme.zIndex.overlay + STICKY_FOOTER_OVERLAY_INCREMENT};
|
|
357
363
|
|
|
358
364
|
${_pager.StyledPagerContainer} {
|
|
359
|
-
border-bottom-left-radius:
|
|
360
|
-
border-bottom-right-radius:
|
|
365
|
+
border-bottom-left-radius: 0;
|
|
366
|
+
border-bottom-right-radius: 0;
|
|
361
367
|
}
|
|
362
368
|
`}
|
|
363
369
|
`;
|
|
@@ -30,19 +30,14 @@ const StyledPagerContainer = _styledComponents.default.div`
|
|
|
30
30
|
justify-content: space-between;
|
|
31
31
|
padding: 0px 24px;
|
|
32
32
|
align-items: center;
|
|
33
|
-
border-top-width: 0;
|
|
34
33
|
font-size: 13px;
|
|
35
|
-
border-top: none;
|
|
36
34
|
color: var(--colorsUtilityYin090);
|
|
35
|
+
border: 1px solid var(--colorsUtilityMajor100);
|
|
36
|
+
border-radius: var(--borderRadius100);
|
|
37
37
|
|
|
38
38
|
${({
|
|
39
39
|
variant
|
|
40
40
|
}) => (0, _styledComponents.css)`
|
|
41
|
-
border-width: 1px 1px 1px 1px;
|
|
42
|
-
border-style: none solid solid solid;
|
|
43
|
-
border-bottom-left-radius: var(--borderRadius100);
|
|
44
|
-
border-bottom-right-radius: var(--borderRadius100);
|
|
45
|
-
border-color: var(--colorsUtilityMajor100);
|
|
46
41
|
background-color: ${variant === "alternate" ? "var(--colorsUtilityMajor040)" : "var(--colorsUtilityMajor010)"};
|
|
47
42
|
`}
|
|
48
43
|
`;
|