@dust-tt/sparkle 0.2.107 → 0.2.108
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.
|
@@ -20,7 +20,7 @@ export declare namespace Page {
|
|
|
20
20
|
var Fluid: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
|
|
21
21
|
}
|
|
22
22
|
interface PageHeaderProps {
|
|
23
|
-
title:
|
|
23
|
+
title: React.ReactNode;
|
|
24
24
|
description?: string;
|
|
25
25
|
icon?: ComponentType<{
|
|
26
26
|
className?: string;
|
package/dist/cjs/index.js
CHANGED
|
@@ -33284,11 +33284,11 @@ Page.Layout = function (_a) {
|
|
|
33284
33284
|
};
|
|
33285
33285
|
Page.Horizontal = function (_a) {
|
|
33286
33286
|
var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "lg" : _c;
|
|
33287
|
-
return (React.createElement("div", { className: classNames("s-flex s-flex-col
|
|
33287
|
+
return (React.createElement("div", { className: classNames("s-flex s-flex-col sm:s-flex-row", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-justify-start" : "", align === "center" ? "s-justify-center" : "", align === "right" ? "s-justify-end" : "", align === "stretch" ? "s-justify-stretch" : "") }, children));
|
|
33288
33288
|
};
|
|
33289
33289
|
Page.Vertical = function (_a) {
|
|
33290
33290
|
var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "md" : _c;
|
|
33291
|
-
return (React.createElement("div", { className: classNames("s-flex s-flex-col", sizing === "grow" ? "s-grow" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
|
|
33291
|
+
return (React.createElement("div", { className: classNames("s-flex s-flex-col", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
|
|
33292
33292
|
};
|
|
33293
33293
|
Page.Fluid = function (_a) {
|
|
33294
33294
|
var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "stretch" : _b, _c = _a.gap, gap = _c === void 0 ? "xs" : _c;
|