@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.
|
@@ -3302,10 +3302,11 @@ var TabItem = styled.button`
|
|
|
3302
3302
|
return "";
|
|
3303
3303
|
}}
|
|
3304
3304
|
|
|
3305
|
-
${({ $variant }) => {
|
|
3305
|
+
${({ $variant, theme: theme2, $count }) => {
|
|
3306
3306
|
if ($variant === "line") {
|
|
3307
|
+
const gapNumber = parseInt(theme2.components.tab.line.layout.gap ?? "0");
|
|
3307
3308
|
return `
|
|
3308
|
-
max-width:
|
|
3309
|
+
max-width: calc((100% - ${gapNumber * ($count - 1)}px) / ${$count});
|
|
3309
3310
|
`;
|
|
3310
3311
|
}
|
|
3311
3312
|
return "";
|
|
@@ -3352,6 +3353,7 @@ var Tabs = ({
|
|
|
3352
3353
|
$variant: variant,
|
|
3353
3354
|
$active: activeKey === item.key,
|
|
3354
3355
|
$disabled: item.disabled || false,
|
|
3356
|
+
$count: items.length,
|
|
3355
3357
|
onClick: () => handleTabClick(item.key, item.disabled),
|
|
3356
3358
|
role: "tab",
|
|
3357
3359
|
"aria-selected": activeKey === item.key,
|
|
@@ -3962,7 +3964,6 @@ var ToolbarButton = ({
|
|
|
3962
3964
|
};
|
|
3963
3965
|
const handleDropdownClick = (e) => {
|
|
3964
3966
|
if (disabled) return;
|
|
3965
|
-
e.stopPropagation();
|
|
3966
3967
|
onDropdownClick?.(e);
|
|
3967
3968
|
};
|
|
3968
3969
|
const renderIcon = () => {
|