react-better-html 1.1.258 → 1.1.259

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.d.mts CHANGED
@@ -518,6 +518,7 @@ type TabsProps = {
518
518
  accentColor?: Color;
519
519
  style?: "default" | "borderRadiusTop" | "box";
520
520
  gap?: number;
521
+ noBottomLine?: boolean;
521
522
  onChange?: (tab: Tab) => void;
522
523
  children?: React.ReactNode;
523
524
  } & ComponentMarginProps;
package/dist/index.d.ts CHANGED
@@ -518,6 +518,7 @@ type TabsProps = {
518
518
  accentColor?: Color;
519
519
  style?: "default" | "borderRadiusTop" | "box";
520
520
  gap?: number;
521
+ noBottomLine?: boolean;
521
522
  onChange?: (tab: Tab) => void;
522
523
  children?: React.ReactNode;
523
524
  } & ComponentMarginProps;
package/dist/index.js CHANGED
@@ -7493,7 +7493,7 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
7493
7493
  var tabBottomLineWidth = 2;
7494
7494
  var tabDotSize = 6;
7495
7495
  var defaultTabName = "tab";
7496
- var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, accentColor, style = "default", gap, onChange, children, ...props }, ref) {
7496
+ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
7497
7497
  const reactRouterDomPlugin2 = usePlugin("react-router-dom");
7498
7498
  const theme2 = (0, import_react_better_core27.useTheme)();
7499
7499
  const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
@@ -7596,7 +7596,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
7596
7596
  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
7597
7597
  Div_default,
7598
7598
  {
7599
- className: "react-better-html-tabs-tab",
7599
+ className: `react-better-html-tabs-tab${selected ? " react-better-html-tabs-tab-selected" : ""}`,
7600
7600
  position: "relative",
7601
7601
  width: "fit-content",
7602
7602
  backgroundColor: style === "box" ? selected ? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
@@ -7643,7 +7643,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
7643
7643
  tab.id
7644
7644
  );
7645
7645
  }) }),
7646
- style !== "box" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
7646
+ style !== "box" && !noBottomLine && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
7647
7647
  Div_default,
7648
7648
  {
7649
7649
  position: "absolute",