@officesdk/design 0.2.10 → 0.2.12
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.
|
@@ -3315,10 +3315,11 @@ var TabItem = exports.styled.button`
|
|
|
3315
3315
|
return "";
|
|
3316
3316
|
}}
|
|
3317
3317
|
|
|
3318
|
-
${({ $variant }) => {
|
|
3318
|
+
${({ $variant, theme: theme2, $count }) => {
|
|
3319
3319
|
if ($variant === "line") {
|
|
3320
|
+
const gapNumber = parseInt(theme2.components.tab.line.layout.gap ?? "0");
|
|
3320
3321
|
return `
|
|
3321
|
-
max-width:
|
|
3322
|
+
max-width: ${$count > 1 ? `calc((100% - ${gapNumber * ($count - 1)}px) / ${$count})` : "100%"};
|
|
3322
3323
|
`;
|
|
3323
3324
|
}
|
|
3324
3325
|
return "";
|
|
@@ -3365,6 +3366,7 @@ var Tabs = ({
|
|
|
3365
3366
|
$variant: variant,
|
|
3366
3367
|
$active: activeKey === item.key,
|
|
3367
3368
|
$disabled: item.disabled || false,
|
|
3369
|
+
$count: items.length,
|
|
3368
3370
|
onClick: () => handleTabClick(item.key, item.disabled),
|
|
3369
3371
|
role: "tab",
|
|
3370
3372
|
"aria-selected": activeKey === item.key,
|