@ttoss/layouts 0.4.16 → 0.4.18
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/esm/index.js +19 -10
- package/package.json +5 -5
package/dist/esm/index.js
CHANGED
|
@@ -2375,14 +2375,20 @@ var Sidebar = ({
|
|
|
2375
2375
|
}
|
|
2376
2376
|
return /* @__PURE__ */jsxs(Flex, {
|
|
2377
2377
|
sx: {
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
|
|
2378
|
+
width: "full",
|
|
2379
|
+
paddingY: "3",
|
|
2380
|
+
borderBottom: "sm",
|
|
2381
2381
|
borderColor: "display.border.muted.default",
|
|
2382
2382
|
alignItems: "center",
|
|
2383
2383
|
gap: "2"
|
|
2384
2384
|
},
|
|
2385
|
-
children: [sidebarButtonInDrawer,
|
|
2385
|
+
children: [sidebarButtonInDrawer, /* @__PURE__ */jsx4(Flex, {
|
|
2386
|
+
sx: {
|
|
2387
|
+
minWidth: SIDEBAR_WIDTH,
|
|
2388
|
+
width: SIDEBAR_WIDTH
|
|
2389
|
+
},
|
|
2390
|
+
children: drawerSlot
|
|
2391
|
+
})]
|
|
2386
2392
|
});
|
|
2387
2393
|
}, [drawerSlot, sidebarButtonInDrawer]);
|
|
2388
2394
|
return /* @__PURE__ */jsx4(Fragment, {
|
|
@@ -2392,7 +2398,7 @@ var Sidebar = ({
|
|
|
2392
2398
|
"aria-hidden": !isSidebarOpen,
|
|
2393
2399
|
sx: {
|
|
2394
2400
|
position: "relative",
|
|
2395
|
-
zIndex: "
|
|
2401
|
+
zIndex: "overlay",
|
|
2396
2402
|
height: "full",
|
|
2397
2403
|
minHeight: isSidebarOpen ? "full" : "0",
|
|
2398
2404
|
width: isSidebarOpen ? SIDEBAR_WIDTH : "0",
|
|
@@ -2414,6 +2420,7 @@ var Sidebar = ({
|
|
|
2414
2420
|
"aria-hidden": !isSidebarOpen,
|
|
2415
2421
|
sx: {
|
|
2416
2422
|
position: "fixed",
|
|
2423
|
+
zIndex: "overlay",
|
|
2417
2424
|
border: "none",
|
|
2418
2425
|
width: isSidebarOpen ? "full" : "0",
|
|
2419
2426
|
height: isSidebarOpen ? "full" : "0",
|
|
@@ -2447,7 +2454,7 @@ Sidebar.displayName = "Sidebar";
|
|
|
2447
2454
|
// src/components/Header.tsx
|
|
2448
2455
|
import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
2449
2456
|
var paddingSx = {
|
|
2450
|
-
paddingX: "4",
|
|
2457
|
+
paddingX: ["2", "4", "4"],
|
|
2451
2458
|
paddingY: "3"
|
|
2452
2459
|
};
|
|
2453
2460
|
var Header = ({
|
|
@@ -2487,9 +2494,9 @@ var Header = ({
|
|
|
2487
2494
|
}
|
|
2488
2495
|
return /* @__PURE__ */jsxs2(Flex2, {
|
|
2489
2496
|
sx: {
|
|
2490
|
-
minWidth: SIDEBAR_WIDTH,
|
|
2491
|
-
width: SIDEBAR_WIDTH,
|
|
2492
|
-
borderRight: "sm",
|
|
2497
|
+
minWidth: ["12rem", "3xs", SIDEBAR_WIDTH],
|
|
2498
|
+
width: ["12rem", "3xs", SIDEBAR_WIDTH],
|
|
2499
|
+
borderRight: ["none", "sm", "sm"],
|
|
2493
2500
|
borderColor: "display.border.muted.default",
|
|
2494
2501
|
alignItems: "center",
|
|
2495
2502
|
gap: "2",
|
|
@@ -2514,7 +2521,9 @@ var Header = ({
|
|
|
2514
2521
|
},
|
|
2515
2522
|
children: [memoizedSidebarSlot, /* @__PURE__ */jsx5(Box3, {
|
|
2516
2523
|
sx: {
|
|
2517
|
-
width: "
|
|
2524
|
+
width: "full",
|
|
2525
|
+
display: ["flex", "unset", "unset"],
|
|
2526
|
+
justifyContent: ["center", "unset", "unset"],
|
|
2518
2527
|
...(sidebarSlot ? paddingSx : {})
|
|
2519
2528
|
},
|
|
2520
2529
|
children
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/layouts",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.18",
|
|
4
4
|
"description": "Layout components for React",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": ">=16.8.0",
|
|
28
|
-
"@ttoss/components": "^2.2.
|
|
28
|
+
"@ttoss/components": "^2.2.9",
|
|
29
29
|
"@ttoss/ui": "^5.5.5"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
@@ -34,11 +34,11 @@
|
|
|
34
34
|
"jest": "^29.7.0",
|
|
35
35
|
"react": "^19.0.0",
|
|
36
36
|
"tsup": "^8.3.5",
|
|
37
|
-
"@ttoss/components": "^2.2.
|
|
38
|
-
"@ttoss/
|
|
37
|
+
"@ttoss/components": "^2.2.9",
|
|
38
|
+
"@ttoss/react-icons": "^0.4.9",
|
|
39
39
|
"@ttoss/test-utils": "^2.1.22",
|
|
40
40
|
"@ttoss/ui": "^5.5.5",
|
|
41
|
-
"@ttoss/
|
|
41
|
+
"@ttoss/config": "^1.35.2"
|
|
42
42
|
},
|
|
43
43
|
"keywords": [
|
|
44
44
|
"React"
|