Package not found. Please check the package name and try again.
react-better-html 1.1.257 → 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 +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1479,6 +1479,7 @@ Image.profileImage = forwardRef3(function ProfileImage({ size = 40, letters, let
|
|
|
1479
1479
|
borderRadius: 999,
|
|
1480
1480
|
alignItems: "center",
|
|
1481
1481
|
justifyContent: "center",
|
|
1482
|
+
userSelect: "none",
|
|
1482
1483
|
ref,
|
|
1483
1484
|
...props,
|
|
1484
1485
|
width: size,
|
|
@@ -7453,7 +7454,7 @@ import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
|
7453
7454
|
var tabBottomLineWidth = 2;
|
|
7454
7455
|
var tabDotSize = 6;
|
|
7455
7456
|
var defaultTabName = "tab";
|
|
7456
|
-
var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", onChange, children, ...props }, ref) {
|
|
7457
|
+
var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
|
|
7457
7458
|
const reactRouterDomPlugin2 = usePlugin("react-router-dom");
|
|
7458
7459
|
const theme2 = useTheme27();
|
|
7459
7460
|
const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
|
|
@@ -7461,6 +7462,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7461
7462
|
const { colorTheme } = useBetterCoreContext10();
|
|
7462
7463
|
const firstRenderPassedRef = useRef8(false);
|
|
7463
7464
|
const tabsRef = useRef8({});
|
|
7465
|
+
const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
|
|
7464
7466
|
const [selectedTab, setSelectedTab] = useState13(() => {
|
|
7465
7467
|
const selectedTabId = tabs[0];
|
|
7466
7468
|
if (urlQuery) {
|
|
@@ -7472,7 +7474,6 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7472
7474
|
return selectedTabId;
|
|
7473
7475
|
});
|
|
7474
7476
|
const [rerenderState, setRerenderState] = useState13(0);
|
|
7475
|
-
const tabsGap = style === "box" ? theme2.styles.gap / 2 : 0;
|
|
7476
7477
|
const onClickTab = useCallback16(
|
|
7477
7478
|
(tab) => {
|
|
7478
7479
|
setSelectedTab(tab);
|
|
@@ -7556,6 +7557,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7556
7557
|
return /* @__PURE__ */ jsxs22(
|
|
7557
7558
|
Div_default,
|
|
7558
7559
|
{
|
|
7560
|
+
className: `react-better-html-tabs-tab${selected ? " react-better-html-tabs-tab-selected" : ""}`,
|
|
7559
7561
|
position: "relative",
|
|
7560
7562
|
width: "fit-content",
|
|
7561
7563
|
backgroundColor: style === "box" ? selected ? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
|
|
@@ -7602,7 +7604,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
|
|
|
7602
7604
|
tab.id
|
|
7603
7605
|
);
|
|
7604
7606
|
}) }),
|
|
7605
|
-
style !== "box" && /* @__PURE__ */ jsx25(
|
|
7607
|
+
style !== "box" && !noBottomLine && /* @__PURE__ */ jsx25(
|
|
7606
7608
|
Div_default,
|
|
7607
7609
|
{
|
|
7608
7610
|
position: "absolute",
|