@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/esm/index.js
CHANGED
|
@@ -33264,11 +33264,11 @@ Page.Layout = function (_a) {
|
|
|
33264
33264
|
};
|
|
33265
33265
|
Page.Horizontal = function (_a) {
|
|
33266
33266
|
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;
|
|
33267
|
-
return (React__default.createElement("div", { className: classNames("s-flex s-flex-col
|
|
33267
|
+
return (React__default.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));
|
|
33268
33268
|
};
|
|
33269
33269
|
Page.Vertical = function (_a) {
|
|
33270
33270
|
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;
|
|
33271
|
-
return (React__default.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));
|
|
33271
|
+
return (React__default.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));
|
|
33272
33272
|
};
|
|
33273
33273
|
Page.Fluid = function (_a) {
|
|
33274
33274
|
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;
|