@dust-tt/sparkle 0.2.35 → 0.2.36
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.
|
@@ -8,7 +8,7 @@ export declare namespace Page {
|
|
|
8
8
|
var Header: ({ title, description, icon }: PageHeaderProps) => React.JSX.Element;
|
|
9
9
|
var SectionHeader: ({ title, description, action, }: PageSectionHeaderProps) => React.JSX.Element;
|
|
10
10
|
var Separator: () => React.JSX.Element;
|
|
11
|
-
var P: ({ children, variant }: PagePProps) => React.JSX.Element;
|
|
11
|
+
var P: ({ children, variant, size }: PagePProps) => React.JSX.Element;
|
|
12
12
|
var H: ({ children, variant }: PageHProps) => React.JSX.Element;
|
|
13
13
|
var Layout: ({ children, direction, sizing, align, gap, }: PageLayoutProps) => React.JSX.Element | null;
|
|
14
14
|
var Horizontal: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
|
|
@@ -29,6 +29,7 @@ interface PageSectionHeaderProps {
|
|
|
29
29
|
}
|
|
30
30
|
interface PagePProps {
|
|
31
31
|
children: React.ReactNode;
|
|
32
|
+
size?: "sm" | "md" | "lg";
|
|
32
33
|
variant?: "primary" | "secondary";
|
|
33
34
|
}
|
|
34
35
|
interface PageHProps {
|
package/dist/cjs/index.js
CHANGED
|
@@ -32777,11 +32777,17 @@ Page.Separator = function () {
|
|
|
32777
32777
|
return (React.createElement("div", { className: "s-w-full s-py-2" },
|
|
32778
32778
|
React.createElement("div", { className: "s-h-px s-w-full s-bg-structure-200" })));
|
|
32779
32779
|
};
|
|
32780
|
+
var PsizeClasses = {
|
|
32781
|
+
xs: "s-text-xs",
|
|
32782
|
+
sm: "s-text-sm",
|
|
32783
|
+
md: "s-text-base",
|
|
32784
|
+
lg: "s-text-lg",
|
|
32785
|
+
};
|
|
32780
32786
|
Page.P = function (_a) {
|
|
32781
|
-
var children = _a.children, variant = _a.variant;
|
|
32782
|
-
return (React.createElement("p", { className: variant === "secondary"
|
|
32787
|
+
var children = _a.children, variant = _a.variant, _b = _a.size, size = _b === void 0 ? "sm" : _b;
|
|
32788
|
+
return (React.createElement("p", { className: classNames(PsizeClasses[size], variant === "secondary"
|
|
32783
32789
|
? "s-text-element-700 dark:s-text-element-600-dark"
|
|
32784
|
-
: "s-text-element-800 dark:s-text-element-800-dark" }, children));
|
|
32790
|
+
: "s-text-element-800 dark:s-text-element-800-dark") }, children));
|
|
32785
32791
|
};
|
|
32786
32792
|
Page.H = function (_a) {
|
|
32787
32793
|
var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "h3" : _b;
|