react-better-html 1.1.271 → 1.1.273

package/dist/index.d.mts

@@ -520,6 +520,8 @@ type TabsProps = {
     style?: "default" | "borderRadiusTop" | "box";
     gap?: number;
     noBottomLine?: boolean;
+    /** @default true */
+    keepUrlHistory?: boolean;
     onChange?: (tab: Tab["id"]) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;

package/dist/index.d.ts

@@ -520,6 +520,8 @@ type TabsProps = {
     style?: "default" | "borderRadiusTop" | "box";
     gap?: number;
     noBottomLine?: boolean;
+    /** @default true */
+    keepUrlHistory?: boolean;
     onChange?: (tab: Tab["id"]) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;

package/dist/index.js

@@ -1606,7 +1606,11 @@ var IconElement = import_styled_components3.default.svg.withConfig({
 var Icon = (0, import_react5.forwardRef)(function Icon2({ name, size = 16, ...props }, ref) {
   const theme2 = (0, import_react_better_core5.useTheme)();
   const { icons: icons2 } = (0, import_react_better_core5.useBetterCoreContext)();
-  const { style, hoverStyle, restProps } = useComponentPropsGrouper(props);
+  const {
+    style: { fill, stroke, strokeColor, ...restStyle },
+    hoverStyle,
+    restProps
+  } = useComponentPropsGrouper(props);
   const dataProps = useComponentPropsWithPrefix(restProps, "data");
   const ariaProps = useComponentPropsWithPrefix(restProps, "aria");
   const svgColor = props.color ?? theme2.colors.textPrimary;
@@ -1627,7 +1631,7 @@ var Icon = (0, import_react5.forwardRef)(function Icon2({ name, size = 16, ...pr
       xmlns: "http://www.w3.org/2000/svg",
       theme: theme2,
       hoverColor: svgHoverColorColor,
-      style,
+      style: restStyle,
       hoverStyle,
       ...restProps,
       ...dataProps,
@@ -1638,8 +1642,8 @@ var Icon = (0, import_react5.forwardRef)(function Icon2({ name, size = 16, ...pr
         {
           ...path,
           className: path.type === "fill" ? "react-better-html-icon-path-with-fill" : "react-better-html-icon-path-with-stroke",
-          fill: path.type === "fill" ? svgColor : void 0,
-          stroke: path.type === "stroke" ? svgColor : void 0,
+          fill: path.type === "fill" ? fill ?? svgColor : void 0,
+          stroke: path.type === "stroke" ? strokeColor ?? stroke ?? svgColor : void 0,
           key: path.d
         }
       ))
@@ -7514,12 +7518,22 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
 var tabBottomLineWidth = 2;
 var tabDotSize = 6;
 var defaultTabName = "tab";
-var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
+var TabsComponent = (0, import_react29.forwardRef)(function Tabs({
+  tabs,
+  name,
+  accentColor,
+  style = "default",
+  gap,
+  noBottomLine,
+  keepUrlHistory = true,
+  onChange,
+  children,
+  ...props
+}, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = (0, import_react_better_core27.useTheme)();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
   const { componentsState } = useBetterHtmlContextInternal();
-  const { colorTheme } = (0, import_react_better_core27.useBetterCoreContext)();
   const firstRenderPassedRef = (0, import_react29.useRef)(false);
   const tabsRef = (0, import_react29.useRef)({});
   const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
@@ -7540,12 +7554,15 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
       setSelectedTabId(tabId);
       onChange?.(tabId);
       if (urlQuery) {
-        urlQuery.setQuery({
-          [name ?? defaultTabName]: tabId
-        });
+        urlQuery.setQuery(
+          {
+            [name ?? defaultTabName]: tabId
+          },
+          keepUrlHistory
+        );
       }
     },
-    [onChange, name, urlQuery]
+    [onChange, name, urlQuery, keepUrlHistory]
   );
   const width = (0, import_react29.useMemo)(
     () => tabsRef.current[selectedTabId]?.getBoundingClientRect().width ?? 0,