@dust-tt/sparkle 0.2.76-rc → 0.2.76

package/dist/cjs/stories/ContentMessage.stories.d.ts

@@ -7,3 +7,4 @@ declare const meta: {
 export default meta;
 export declare const ContentExample: () => React.JSX.Element;
 export declare const ContentExampleMultiLine: () => React.JSX.Element;
+export declare const ContentExamplePink: () => React.JSX.Element;

package/dist/esm/components/ContentMessage.d.ts

@@ -8,6 +8,6 @@ export interface ContentMessageProps {
 export declare function ContentMessage({ title, variant, children, className, }: ContentMessageProps): React.JSX.Element;
 export declare namespace ContentMessage {
     var defaultProps: {
-        variant: string;
+        variant: "amber";
     };
 }

package/dist/esm/index.js

@@ -33475,10 +33475,16 @@ ContentMessage.defaultProps = {
 };
 function ContentMessage(_a) {
     var title = _a.title, variant = _a.variant, children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b;
-    return (React__default.createElement("div", { className: classNames("s-flex s-max-w-[500px] s-gap-2 s-rounded-2xl s-border s-border-".concat(variant, "-100 s-bg-").concat(variant, "-50 s-p-4"), className) },
-        React__default.createElement(Icon, { size: "md", visual: SvgInformationCircle$1, className: "s-shrink-0 s-text-".concat(variant, "-600") }),
+    var variantClasses = {
+        border: "s-border-".concat(variant, "-100"),
+        background: "s-bg-".concat(variant, "-50"),
+        iconColor: "s-text-".concat(variant, "-600"),
+        titleColor: "s-text-".concat(variant, "-600"),
+    };
+    return (React__default.createElement("div", { className: classNames("s-flex s-max-w-[500px] s-gap-2 s-rounded-2xl s-border s-p-4", variantClasses.border, variantClasses.background, className) },
+        React__default.createElement(Icon, { size: "md", visual: SvgInformationCircle$1, className: classNames("s-shrink-0", variantClasses.iconColor) }),
         React__default.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
-            React__default.createElement("div", { className: "s-text-base s-font-semibold s-text-".concat(variant, "-600") }, title),
+            React__default.createElement("div", { className: classNames("s-text-base s-font-semibold", variantClasses.titleColor) }, title),
             React__default.createElement("div", { className: "s-text-sm s-text-element-800" }, children))));
 }