@dust-tt/sparkle 0.2.212 → 0.2.213
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.
- package/dist/cjs/components/ContentMessage.d.ts +3 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ContentMessage.d.ts +3 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/ContentMessage.tsx +4 -2
- package/src/stories/ContentMessage.stories.tsx +3 -3
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ComponentType } from "react";
|
|
2
2
|
export interface ContentMessageProps {
|
|
3
3
|
title: string;
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
size?: "sm" | "md";
|
|
7
7
|
variant?: "emerald" | "amber" | "slate" | "purple" | "warning" | "sky" | "pink" | "action" | "red";
|
|
8
|
+
icon?: ComponentType;
|
|
8
9
|
}
|
|
9
|
-
export declare function ContentMessage({ title, variant, children, size, className, }: ContentMessageProps): React.JSX.Element;
|
|
10
|
+
export declare function ContentMessage({ title, variant, children, size, className, icon, }: ContentMessageProps): React.JSX.Element;
|
package/dist/cjs/index.js
CHANGED
|
@@ -76478,7 +76478,7 @@ function IconToggleButton(_a) {
|
|
|
76478
76478
|
}
|
|
76479
76479
|
|
|
76480
76480
|
function ContentMessage(_a) {
|
|
76481
|
-
var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "amber" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
|
|
76481
|
+
var title = _a.title, _b = _a.variant, variant = _b === void 0 ? "amber" : _b, children = _a.children, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, icon = _a.icon;
|
|
76482
76482
|
var variantClasses = {
|
|
76483
76483
|
border: "s-border-".concat(variant, "-200"),
|
|
76484
76484
|
background: "s-bg-".concat(variant, "-100"),
|
|
@@ -76490,7 +76490,7 @@ function ContentMessage(_a) {
|
|
|
76490
76490
|
? "s-max-w-[500px] s-rounded-2xl s-p-4"
|
|
76491
76491
|
: "s-max-w-[380px] s-rounded-xl s-px-4 s-py-3", className) },
|
|
76492
76492
|
size === "md" && (React.createElement(React.Fragment, null,
|
|
76493
|
-
React.createElement(Icon, { size: "md", visual: SvgInformationCircle$1, className: classNames("s-shrink-0", variantClasses.iconColor) }),
|
|
76493
|
+
React.createElement(Icon, { size: "md", visual: icon !== null && icon !== void 0 ? icon : SvgInformationCircle$1, className: classNames("s-shrink-0", variantClasses.iconColor) }),
|
|
76494
76494
|
React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
76495
76495
|
React.createElement("div", { className: classNames("s-text-base s-font-semibold", variantClasses.titleColor) }, title),
|
|
76496
76496
|
React.createElement("div", { className: classNames("s-text-sm", variantClasses.textColor) }, children)))),
|