@officesdk/design 0.2.9 → 0.2.11
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: calc((100% - ${gapNumber * ($count - 1)}px) / ${$count});
|
|
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,
|
|
@@ -3975,7 +3977,6 @@ var ToolbarButton = ({
|
|
|
3975
3977
|
};
|
|
3976
3978
|
const handleDropdownClick = (e) => {
|
|
3977
3979
|
if (disabled) return;
|
|
3978
|
-
e.stopPropagation();
|
|
3979
3980
|
onDropdownClick?.(e);
|
|
3980
3981
|
};
|
|
3981
3982
|
const renderIcon = () => {
|