react-better-html 1.1.269 → 1.1.271
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.
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -7486,6 +7486,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7486
7486
|
const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
|
|
7487
7487
|
const [selectedTabId, setSelectedTabId] = useState13(() => {
|
|
7488
7488
|
const selectedTabId2 = tabs[0];
|
|
7489
|
+
if (!selectedTabId2) return "";
|
|
7489
7490
|
if (urlQuery) {
|
|
7490
7491
|
const tabQueryValue = urlQuery.getQuery(name ?? defaultTabName);
|
|
7491
7492
|
if (!tabQueryValue) return selectedTabId2.id;
|
|
@@ -7581,12 +7582,13 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7581
7582
|
className: `react-better-html-tabs-tab${selected ? " react-better-html-tabs-tab-selected" : ""}`,
|
|
7582
7583
|
position: "relative",
|
|
7583
7584
|
width: "fit-content",
|
|
7584
|
-
backgroundColor: style === "box" ? selected ? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
|
|
7585
|
+
backgroundColor: style === "box" ? selected ? accentColor ?? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
|
|
7585
7586
|
borderRadius: style === "box" ? theme2.styles.borderRadius : void 0,
|
|
7586
7587
|
borderTopLeftRadius: style === "borderRadiusTop" ? theme2.styles.borderRadius : void 0,
|
|
7587
7588
|
borderTopRightRadius: style === "borderRadiusTop" ? theme2.styles.borderRadius : void 0,
|
|
7588
7589
|
border: style === "box" ? `${theme2.styles.borderWidth}px solid ${selected ? "transparent" : theme2.colors.border}` : void 0,
|
|
7589
|
-
|
|
7590
|
+
borderColorHover: style === "box" ? accentColor ?? theme2.colors.primary : void 0,
|
|
7591
|
+
filterHover: style !== "box" ? filterHover().z1 : void 0,
|
|
7590
7592
|
paddingInline: theme2.styles.space,
|
|
7591
7593
|
paddingBlock: theme2.styles.gap,
|
|
7592
7594
|
value: tab.id,
|