@loykin/designkit 0.0.1-dev.7 → 0.0.1
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.cjs +6 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -443,6 +443,8 @@ interface DetailBodyTemplateProps {
|
|
|
443
443
|
aside?: React__default.ReactNode;
|
|
444
444
|
summary?: React__default.ReactNode;
|
|
445
445
|
stickyAside?: boolean;
|
|
446
|
+
/** Class applied to the inner content + aside layout container. */
|
|
447
|
+
layoutClassName?: string;
|
|
446
448
|
contentClassName?: string;
|
|
447
449
|
mediaClassName?: string;
|
|
448
450
|
asideClassName?: string;
|
|
@@ -475,7 +477,7 @@ interface DetailBodySectionProps {
|
|
|
475
477
|
children?: React__default.ReactNode;
|
|
476
478
|
}
|
|
477
479
|
declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): React__default.JSX.Element;
|
|
478
|
-
declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
|
|
480
|
+
declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, layoutClassName, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
|
|
479
481
|
declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
|
|
480
482
|
Header: typeof DetailBodyHeader;
|
|
481
483
|
Tab: typeof DetailBodyTab;
|
package/dist/index.d.ts
CHANGED
|
@@ -443,6 +443,8 @@ interface DetailBodyTemplateProps {
|
|
|
443
443
|
aside?: React__default.ReactNode;
|
|
444
444
|
summary?: React__default.ReactNode;
|
|
445
445
|
stickyAside?: boolean;
|
|
446
|
+
/** Class applied to the inner content + aside layout container. */
|
|
447
|
+
layoutClassName?: string;
|
|
446
448
|
contentClassName?: string;
|
|
447
449
|
mediaClassName?: string;
|
|
448
450
|
asideClassName?: string;
|
|
@@ -475,7 +477,7 @@ interface DetailBodySectionProps {
|
|
|
475
477
|
children?: React__default.ReactNode;
|
|
476
478
|
}
|
|
477
479
|
declare function DetailBodySection({ title, description, actions, surface, className, children, }: DetailBodySectionProps): React__default.JSX.Element;
|
|
478
|
-
declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
|
|
480
|
+
declare function DetailBodyTemplateRoot({ variant, theme, className, topBar, header, lead, eyebrow, title, description, status, actions, media, aside, summary, stickyAside, layoutClassName, contentClassName, mediaClassName, asideClassName, children, }: DetailBodyTemplateProps): React__default.JSX.Element;
|
|
479
481
|
declare const DetailBodyTemplate: typeof DetailBodyTemplateRoot & {
|
|
480
482
|
Header: typeof DetailBodyHeader;
|
|
481
483
|
Tab: typeof DetailBodyTab;
|
package/dist/index.js
CHANGED
|
@@ -1458,7 +1458,7 @@ function Sidebar({
|
|
|
1458
1458
|
/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
|
|
1459
1459
|
/* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
|
|
1460
1460
|
] }),
|
|
1461
|
-
/* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
|
|
1461
|
+
/* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 w-full flex-col", children })
|
|
1462
1462
|
]
|
|
1463
1463
|
}
|
|
1464
1464
|
) });
|
|
@@ -2684,7 +2684,7 @@ function WorkbenchBodyTemplate({
|
|
|
2684
2684
|
)
|
|
2685
2685
|
] }),
|
|
2686
2686
|
/* @__PURE__ */ jsxs("main", { className: cn("flex min-w-0 flex-1 flex-col overflow-hidden", mainPaneClassName), children: [
|
|
2687
|
-
/* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-
|
|
2687
|
+
/* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: mainPane ?? children }),
|
|
2688
2688
|
showBottomPane && /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
2689
2689
|
resizable && /* @__PURE__ */ jsx(
|
|
2690
2690
|
ResizeHandle,
|
|
@@ -3122,7 +3122,7 @@ function BrowseBodyTemplate({
|
|
|
3122
3122
|
"div",
|
|
3123
3123
|
{
|
|
3124
3124
|
className: cn(
|
|
3125
|
-
"min-w-0 flex-1 overflow-
|
|
3125
|
+
"min-w-0 flex-1 overflow-auto px-(--designkit-page-padding-x) py-(--designkit-page-padding-y)",
|
|
3126
3126
|
"[&_.gridkit-shell]:h-full [&_.gridkit-table-stack]:flex-1 [&_.gridkit-table-stack]:min-h-0",
|
|
3127
3127
|
"[&_.gridkit-frame]:flex-1 [&_.gridkit-frame]:min-h-0 [&_.gridkit-frame]:overflow-auto",
|
|
3128
3128
|
contentClassName
|
|
@@ -3211,6 +3211,7 @@ function DetailBodyTemplateRoot({
|
|
|
3211
3211
|
aside,
|
|
3212
3212
|
summary,
|
|
3213
3213
|
stickyAside = true,
|
|
3214
|
+
layoutClassName,
|
|
3214
3215
|
contentClassName,
|
|
3215
3216
|
mediaClassName,
|
|
3216
3217
|
asideClassName,
|
|
@@ -3324,7 +3325,8 @@ function DetailBodyTemplateRoot({
|
|
|
3324
3325
|
{
|
|
3325
3326
|
className: cn(
|
|
3326
3327
|
"grid h-full min-h-0 grid-cols-1 overflow-hidden",
|
|
3327
|
-
outsideAsideSlot && "lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]"
|
|
3328
|
+
outsideAsideSlot && "lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]",
|
|
3329
|
+
layoutClassName
|
|
3328
3330
|
),
|
|
3329
3331
|
children: [
|
|
3330
3332
|
/* @__PURE__ */ jsx(
|