dry-ux 1.76.0 → 1.78.0

package/dist/ui-utils/Money.d.ts

@@ -1,9 +1,37 @@
 import * as React from "react";
-/**
- * Renders a formatted dollar amount with a dollar sign and parentheses if the amount is negative.
- */
-export declare const Money: React.FC<{
+type MoneyProps = {
+    /**
+     * Numeric amount to display. Negative values are wrapped in parentheses and styled using negativeColor/negativeStyles.
+     */
     amount: number;
+    /**
+     * Whether to include decimal places in the formatted output. When true, the helper will format with standard cents precision.
+     * Defaults to false.
+     */
     decimal_places?: boolean;
+    /**
+     * Currency symbol prefix to display before the formatted amount. Defaults to "$".
+     */
     currency?: string;
-}>;
+    /**
+     * Fallback text color applied when the amount is negative (unless overridden via negativeStyles). Defaults to Bootstrap danger-like red.
+     */
+    negativeColor?: string;
+    /**
+     * Base styles applied to the <span>. These are merged last and can override sign-specific styles.
+     */
+    styles?: React.CSSProperties;
+    /**
+     * Additional styles merged when amount is negative (after negativeColor). Overridden by properties in styles if conflicts occur.
+     */
+    negativeStyles?: React.CSSProperties;
+    /**
+     * Additional styles merged when amount is zero or positive. Overridden by properties in styles if conflicts occur.
+     */
+    positiveStyles?: React.CSSProperties;
+};
+/**
+ * Renders a formatted dollar amount with a currency symbol and parentheses if the amount is negative.
+ */
+export declare const Money: React.FC<MoneyProps>;
+export {};

package/dist/ui-utils/Money.js

@@ -4,10 +4,10 @@ exports.Money = void 0;
 const React = require("react");
 const utilities_1 = require("../helpers/utilities");
 /**
- * Renders a formatted dollar amount with a dollar sign and parentheses if the amount is negative.
+ * Renders a formatted dollar amount with a currency symbol and parentheses if the amount is negative.
  */
-exports.Money = React.memo(({ amount, decimal_places = false, currency = "$" }) => {
+exports.Money = React.memo(({ amount, decimal_places = false, currency = "$", negativeColor = "#d9534f", styles = {}, negativeStyles = {}, positiveStyles = {}, }) => {
     const isNegative = amount < 0;
     const converted = `${currency}${(0, utilities_1.formatDollar)(Math.abs(amount), decimal_places)}`;
-    return (React.createElement("span", { style: Object.assign({}, (isNegative && { color: "#d9534f" })) }, isNegative ? `(${converted})` : converted));
+    return (React.createElement("span", { style: Object.assign(Object.assign({}, styles), (isNegative ? Object.assign({ color: negativeColor }, negativeStyles) : positiveStyles)) }, isNegative ? `(${converted})` : converted));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.76.0",
+  "version": "1.78.0",
   "description": "",
   "main": "dist/index",
   "scripts": {