@dmsi/wedgekit-react 0.0.229 → 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 {