@dmsi/wedgekit-react 0.0.498 → 0.0.500

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js

@@ -1,13 +1,13 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-7LKGHCVT.js";
+} from "../../../chunk-TWDH7ZDS.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-4Q7T4GJ2.js";
+import "../../../chunk-YD3HWIUJ.js";
 import "../../../chunk-3DEYCNUE.js";
 import "../../../chunk-XHQOTLG6.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3WCLGTYP.js";
+import "../../../chunk-4LBQSSGH.js";
 import "../../../chunk-YEZBNQZI.js";
 import "../../../chunk-B53XDCLO.js";
 import "../../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-HVNHTM3P.js";
-import "../../../chunk-X67L3NZI.js";
+import "../../../chunk-PIBHG6DH.js";
+import "../../../chunk-TOKS63IK.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-G7KIKHER.js";
+import "../../../chunk-X4UK7HE2.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-ZQJMNPCF.js";
 import "../../../chunk-6TYWM26K.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-Y2GK27RX.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-ZKTHUXKS.js";
+import "../../../chunk-HIKWIY5Q.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-5R4C5F63.js";
-import "../../../chunk-RQRR4FEF.js";
-import "../../../chunk-44TH3VC7.js";
+import "../../../chunk-5MLYAQQO.js";
+import "../../../chunk-G4AWTFBQ.js";
 import "../../../chunk-AL5QIRY3.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-75USUR3I.js";

package/dist/components/DataGrid/PinnedColumns.cjs

@@ -1624,6 +1624,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1647,6 +1648,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1788,7 +1790,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1815,7 +1818,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1826,7 +1830,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1848,7 +1853,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1911,7 +1916,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1997,7 +2002,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -4800,8 +4806,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
@@ -4820,7 +4828,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_clsx24.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5050,7 +5058,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5176,7 +5185,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(

package/dist/components/DataGrid/PinnedColumns.js

@@ -1,13 +1,13 @@
 import {
   PinnedColumns
-} from "../../chunk-7LKGHCVT.js";
+} from "../../chunk-TWDH7ZDS.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-4Q7T4GJ2.js";
+import "../../chunk-YD3HWIUJ.js";
 import "../../chunk-3DEYCNUE.js";
 import "../../chunk-XHQOTLG6.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-3WCLGTYP.js";
+import "../../chunk-4LBQSSGH.js";
 import "../../chunk-YEZBNQZI.js";
 import "../../chunk-B53XDCLO.js";
 import "../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../chunk-7BVUTFZ5.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-GRGDX7JC.js";
-import "../../chunk-HVNHTM3P.js";
-import "../../chunk-X67L3NZI.js";
+import "../../chunk-PIBHG6DH.js";
+import "../../chunk-TOKS63IK.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-FG7GNGE3.js";
-import "../../chunk-G7KIKHER.js";
+import "../../chunk-X4UK7HE2.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZQJMNPCF.js";
 import "../../chunk-6TYWM26K.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-ZKTHUXKS.js";
+import "../../chunk-HIKWIY5Q.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
 import "../../chunk-5R4C5F63.js";
-import "../../chunk-RQRR4FEF.js";
-import "../../chunk-44TH3VC7.js";
+import "../../chunk-5MLYAQQO.js";
+import "../../chunk-G4AWTFBQ.js";
 import "../../chunk-AL5QIRY3.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";

package/dist/components/DataGrid/TableBody/LoadingCell.cjs

@@ -1623,6 +1623,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1646,6 +1647,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1787,7 +1789,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1814,7 +1817,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1825,7 +1829,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1847,7 +1852,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1910,7 +1915,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1996,7 +2001,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -5017,8 +5023,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
@@ -5037,7 +5045,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx25.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5267,7 +5275,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5393,7 +5402,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(

package/dist/components/DataGrid/TableBody/LoadingCell.js

@@ -1,13 +1,13 @@
 import {
   LoadingCell
-} from "../../../chunk-7LKGHCVT.js";
+} from "../../../chunk-TWDH7ZDS.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-4Q7T4GJ2.js";
+import "../../../chunk-YD3HWIUJ.js";
 import "../../../chunk-3DEYCNUE.js";
 import "../../../chunk-XHQOTLG6.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3WCLGTYP.js";
+import "../../../chunk-4LBQSSGH.js";
 import "../../../chunk-YEZBNQZI.js";
 import "../../../chunk-B53XDCLO.js";
 import "../../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-HVNHTM3P.js";
-import "../../../chunk-X67L3NZI.js";
+import "../../../chunk-PIBHG6DH.js";
+import "../../../chunk-TOKS63IK.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-G7KIKHER.js";
+import "../../../chunk-X4UK7HE2.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-ZQJMNPCF.js";
 import "../../../chunk-6TYWM26K.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-Y2GK27RX.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-ZKTHUXKS.js";
+import "../../../chunk-HIKWIY5Q.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-5R4C5F63.js";
-import "../../../chunk-RQRR4FEF.js";
-import "../../../chunk-44TH3VC7.js";
+import "../../../chunk-5MLYAQQO.js";
+import "../../../chunk-G4AWTFBQ.js";
 import "../../../chunk-AL5QIRY3.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-75USUR3I.js";

package/dist/components/DataGrid/TableBody/TableBodyRow.cjs

@@ -1626,6 +1626,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1649,6 +1650,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1790,7 +1792,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1817,7 +1820,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1828,7 +1832,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1850,7 +1855,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1913,7 +1918,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1999,7 +2004,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -4951,8 +4957,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
@@ -4971,7 +4979,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx24.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5201,7 +5209,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5327,7 +5336,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(

package/dist/components/DataGrid/TableBody/TableBodyRow.js

@@ -1,13 +1,13 @@
 import {
   TableBodyRow
-} from "../../../chunk-7LKGHCVT.js";
+} from "../../../chunk-TWDH7ZDS.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-4Q7T4GJ2.js";
+import "../../../chunk-YD3HWIUJ.js";
 import "../../../chunk-3DEYCNUE.js";
 import "../../../chunk-XHQOTLG6.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3WCLGTYP.js";
+import "../../../chunk-4LBQSSGH.js";
 import "../../../chunk-YEZBNQZI.js";
 import "../../../chunk-B53XDCLO.js";
 import "../../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-HVNHTM3P.js";
-import "../../../chunk-X67L3NZI.js";
+import "../../../chunk-PIBHG6DH.js";
+import "../../../chunk-TOKS63IK.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-G7KIKHER.js";
+import "../../../chunk-X4UK7HE2.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-ZQJMNPCF.js";
 import "../../../chunk-6TYWM26K.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-Y2GK27RX.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-ZKTHUXKS.js";
+import "../../../chunk-HIKWIY5Q.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-5R4C5F63.js";
-import "../../../chunk-RQRR4FEF.js";
-import "../../../chunk-44TH3VC7.js";
+import "../../../chunk-5MLYAQQO.js";
+import "../../../chunk-G4AWTFBQ.js";
 import "../../../chunk-AL5QIRY3.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-75USUR3I.js";

package/dist/components/DataGrid/TableBody/index.cjs

@@ -1624,6 +1624,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1647,6 +1648,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1788,7 +1790,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1815,7 +1818,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1826,7 +1830,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1848,7 +1853,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1911,7 +1916,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1997,7 +2002,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -4770,8 +4776,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
@@ -4790,7 +4798,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_clsx23.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5020,7 +5028,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5146,7 +5155,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(