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