@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;