@dmsi/wedgekit-react 0.0.230 → 0.0.231

package/dist/{chunk-2RUQFWER.js → chunk-2VRZB2A4.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-7W4I2NK3.js";
+} from "./chunk-5JVMULVC.js";
 import {
   Icon
 } from "./chunk-UAPWR2KE.js";

package/dist/{chunk-7W4I2NK3.js → chunk-5JVMULVC.js}

@@ -49,6 +49,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -68,6 +69,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -133,6 +135,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: clsx(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -184,11 +187,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ jsx("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ jsx("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/{chunk-2WRRRPEB.js → chunk-7BBXPM5C.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-7W4I2NK3.js";
+} from "./chunk-5JVMULVC.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-XOUEHNCC.js → chunk-Q7ETEWBW.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-QHHNFGEX.js";
 import {
   Search
-} from "./chunk-2WRRRPEB.js";
+} from "./chunk-7BBXPM5C.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";

package/dist/components/DataGridCell.cjs

@@ -1265,6 +1265,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -1284,6 +1285,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -1349,6 +1351,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx7.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -1400,11 +1403,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/DataGridCell.js

@@ -4,15 +4,15 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-XOUEHNCC.js";
+} from "../chunk-Q7ETEWBW.js";
 import "../chunk-NA3ODQCN.js";
 import "../chunk-VP36B2MM.js";
 import "../chunk-QHHNFGEX.js";
 import "../chunk-ZU2K7BD3.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
-import "../chunk-2WRRRPEB.js";
-import "../chunk-7W4I2NK3.js";
+import "../chunk-7BBXPM5C.js";
+import "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-WVUIIBRR.js";

package/dist/components/DateInput.cjs

@@ -328,6 +328,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );
@@ -1339,7 +1349,8 @@ var DateInput = (_a) => {
         onChange: handleInputChange,
         onBlur: handleBlur,
         onKeyDown: handleKeyDown,
-        label
+        label,
+        secondaryIconColor: true
       })
     ),
     visible && !readOnly && (0, import_react_dom.createPortal)(

package/dist/components/DateInput.js

@@ -10,7 +10,7 @@ import {
 } from "../chunk-T3F37S6Z.js";
 import {
   InputBase
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import {
@@ -207,7 +207,8 @@ var DateInput = (_a) => {
         onChange: handleInputChange,
         onBlur: handleBlur,
         onKeyDown: handleKeyDown,
-        label
+        label,
+        secondaryIconColor: true
       })
     ),
     visible && !readOnly && createPortal(

package/dist/components/DateRangeInput.cjs

@@ -328,6 +328,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );
@@ -1605,7 +1615,8 @@ var DateRangeInput = (_a) => {
         onChange: handleInputChange,
         onBlur: handleBlur,
         onKeyDown: handleKeyDown,
-        label
+        label,
+        secondaryIconColor: true
       })
     ),
     visible && !readOnly && (0, import_react_dom.createPortal)(

package/dist/components/DateRangeInput.js

@@ -11,7 +11,7 @@ import {
 } from "../chunk-T3F37S6Z.js";
 import {
   InputBase
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import {
@@ -466,7 +466,8 @@ var DateRangeInput = (_a) => {
         onChange: handleInputChange,
         onBlur: handleBlur,
         onKeyDown: handleKeyDown,
-        label
+        label,
+        secondaryIconColor: true
       })
     ),
     visible && !readOnly && createPortal(

package/dist/components/FilterGroup.cjs

@@ -843,6 +843,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -862,6 +863,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -927,6 +929,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx9.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -978,11 +981,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/FilterGroup.js

@@ -7,8 +7,8 @@ import {
 } from "../chunk-E3UOI2D2.js";
 import {
   Search
-} from "../chunk-2WRRRPEB.js";
-import "../chunk-7W4I2NK3.js";
+} from "../chunk-7BBXPM5C.js";
+import "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Label

package/dist/components/Input.cjs

@@ -330,6 +330,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -349,6 +350,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -414,6 +416,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -465,11 +468,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Input.js

@@ -6,7 +6,7 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-UAPWR2KE.js";

package/dist/components/Password.cjs

@@ -328,6 +328,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Password.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputBase
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import {

package/dist/components/Search.cjs

@@ -328,6 +328,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Search.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Search
-} from "../chunk-2WRRRPEB.js";
-import "../chunk-7W4I2NK3.js";
+} from "../chunk-7BBXPM5C.js";
+import "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-UAPWR2KE.js";

package/dist/components/Select.cjs

@@ -328,6 +328,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -347,6 +348,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -412,6 +414,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -463,11 +466,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Select
-} from "../chunk-2RUQFWER.js";
-import "../chunk-7W4I2NK3.js";
+} from "../chunk-2VRZB2A4.js";
+import "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-UAPWR2KE.js";

package/dist/components/Stepper.cjs

@@ -468,6 +468,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -487,6 +488,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -552,6 +554,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx5.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -603,11 +606,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Stepper.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputBase
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import {

package/dist/components/Time.cjs

@@ -327,6 +327,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -346,6 +347,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -411,6 +413,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx4.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -462,11 +465,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/Time.js

@@ -4,7 +4,7 @@ import {
 import "../chunk-T3F37S6Z.js";
 import {
   InputBase
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import {

package/dist/components/index.cjs

@@ -1361,6 +1361,7 @@ var InputBase = (_a) => {
     removeBorder,
     wrapperClassName,
     focus,
+    secondaryIconColor,
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
@@ -1380,6 +1381,7 @@ var InputBase = (_a) => {
     "removeBorder",
     "wrapperClassName",
     "focus",
+    "secondaryIconColor",
     "fullWidth"
   ]);
   const attributes = {
@@ -1445,6 +1447,7 @@ var InputBase = (_a) => {
             Label,
             {
               id: id ? `${id}-label` : void 0,
+              color: error ? "text-primary-error" : void 0,
               className: (0, import_clsx7.default)(
                 props.disabled || props.readOnly ? "cursor-default" : "cursor-pointer"
               ),
@@ -1496,11 +1499,18 @@ var InputBase = (_a) => {
                   )
                 })
               ),
-              after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            id: id ? `${id}-caption` : void 0,
+            "data-testid": testid ? `${testid}-caption` : void 0,
+            children: caption
+          }
+        )
       ]
     }
   );

package/dist/components/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-3WNXMCZV.js";
 import {
   Select
-} from "../chunk-2RUQFWER.js";
+} from "../chunk-2VRZB2A4.js";
 import {
   Checkbox
 } from "../chunk-E3UOI2D2.js";
@@ -12,7 +12,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-XOUEHNCC.js";
+} from "../chunk-Q7ETEWBW.js";
 import {
   Menu
 } from "../chunk-NA3ODQCN.js";
@@ -28,10 +28,10 @@ import "../chunk-VXWSAIB5.js";
 import "../chunk-T3F37S6Z.js";
 import {
   Search
-} from "../chunk-2WRRRPEB.js";
+} from "../chunk-7BBXPM5C.js";
 import {
   Input
-} from "../chunk-7W4I2NK3.js";
+} from "../chunk-5JVMULVC.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Label

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.230",
+  "version": "0.0.231",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DateInput.tsx

@@ -248,6 +248,7 @@ export const DateInput = ({
         onBlur={handleBlur}
         onKeyDown={handleKeyDown}
         label={label}
+        secondaryIconColor
       />
       {visible &&
         !readOnly &&

package/src/components/DateRangeInput.tsx

@@ -594,6 +594,7 @@ export const DateRangeInput = ({
         onBlur={handleBlur}
         onKeyDown={handleKeyDown}
         label={label}
+        secondaryIconColor
       />
       {visible &&
         !readOnly &&

package/src/components/Input.tsx

@@ -56,6 +56,7 @@ export type InputBaseProps = {
   removeBorder?: boolean;
   wrapperClassName?: string;
   focus?: boolean;
+  secondaryIconColor?: boolean;
   fullWidth?: boolean; // If true, input takes full width of the container
 } & InputFormatting &
   Omit<ComponentProps<"input">, "align" | "id">;
@@ -78,6 +79,7 @@ export const InputBase = ({
   removeBorder,
   wrapperClassName,
   focus,
+  secondaryIconColor,
   fullWidth = true,
   ...props
 }: InputBaseProps) => {
@@ -151,6 +153,7 @@ export const InputBase = ({
         <div className={clsx("flex items-center", componentGap)}>
           <Label
             id={id ? `${id}-label` : undefined}
+            color={error ? "text-primary-error" : undefined}
             className={clsx(
               props.disabled || props.readOnly
                 ? "cursor-default"
@@ -205,10 +208,21 @@ export const InputBase = ({
           )}
         />
 
-        {after}
+        {secondaryIconColor ? (
+          <span className="contents text-text-secondary-normal">{after}</span>
+        ) : (
+          after
+        )}
       </div>
 
-      {caption && <div id={id ? `${id}-caption` : undefined} data-testid={testid ? `${testid}-caption` : undefined}>{caption}</div>}
+      {caption && (
+        <div
+          id={id ? `${id}-caption` : undefined}
+          data-testid={testid ? `${testid}-caption` : undefined}
+        >
+          {caption}
+        </div>
+      )}
     </label>
   );
 };
@@ -225,7 +239,7 @@ export const Input = ({
   id,
   testid,
   ...props
-}: Omit<ComponentProps<"input">,"onChange" | "align" | "children"> &
+}: Omit<ComponentProps<"input">, "onChange" | "align" | "children"> &
   InputBaseProps & {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onClear?: () => void;
@@ -240,7 +254,7 @@ export const Input = ({
   }, [propValue]);
 
   useEffect(() => {
-    if (variant !== 'currency') {
+    if (variant !== "currency") {
       return;
     }
 
@@ -254,7 +268,7 @@ export const Input = ({
 
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, [])
+  }, []);
 
   const getInputProps = () => {
     const baseProps = {