@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/esm/index.js
CHANGED
|
@@ -32757,11 +32757,17 @@ Page.Separator = function () {
|
|
|
32757
32757
|
return (React__default.createElement("div", { className: "s-w-full s-py-2" },
|
|
32758
32758
|
React__default.createElement("div", { className: "s-h-px s-w-full s-bg-structure-200" })));
|
|
32759
32759
|
};
|
|
32760
|
+
var PsizeClasses = {
|
|
32761
|
+
xs: "s-text-xs",
|
|
32762
|
+
sm: "s-text-sm",
|
|
32763
|
+
md: "s-text-base",
|
|
32764
|
+
lg: "s-text-lg",
|
|
32765
|
+
};
|
|
32760
32766
|
Page.P = function (_a) {
|
|
32761
|
-
var children = _a.children, variant = _a.variant;
|
|
32762
|
-
return (React__default.createElement("p", { className: variant === "secondary"
|
|
32767
|
+
var children = _a.children, variant = _a.variant, _b = _a.size, size = _b === void 0 ? "sm" : _b;
|
|
32768
|
+
return (React__default.createElement("p", { className: classNames(PsizeClasses[size], variant === "secondary"
|
|
32763
32769
|
? "s-text-element-700 dark:s-text-element-600-dark"
|
|
32764
|
-
: "s-text-element-800 dark:s-text-element-800-dark" }, children));
|
|
32770
|
+
: "s-text-element-800 dark:s-text-element-800-dark") }, children));
|
|
32765
32771
|
};
|
|
32766
32772
|
Page.H = function (_a) {
|
|
32767
32773
|
var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "h3" : _b;
|