@dmsi/wedgekit-react 0.0.442 → 0.0.444

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

@@ -1,8 +1,8 @@
 import {
   TableBodyRow
-} from "../../../chunk-MDH7XDJS.js";
-import "../../../chunk-7AXHAWJX.js";
-import "../../../chunk-P3MIP2FD.js";
+} from "../../../chunk-7B334WPV.js";
+import "../../../chunk-FFGIFICI.js";
+import "../../../chunk-NAY4I3FL.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-3HBYDOYE.js";
 import "../../../chunk-DNYGKNQM.js";
@@ -11,11 +11,11 @@ import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-LUPHOXAQ.js";
-import "../../../chunk-W55J2KJZ.js";
+import "../../../chunk-TJV3S52X.js";
+import "../../../chunk-RDJT63IS.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
-import "../../../chunk-M6TSTDNZ.js";
+import "../../../chunk-7HCS6TZN.js";
 import "../../../chunk-EJSPFQCY.js";
 import "../../../chunk-RQLWSLVE.js";
 import "../../../chunk-6LHBY2IH.js";
@@ -25,7 +25,7 @@ import "../../../chunk-DCLNAUC4.js";
 import "../../../chunk-PQWWVBSR.js";
 import "../../../chunk-ETAEB3TA.js";
 import "../../../chunk-AT4AWD6B.js";
-import "../../../chunk-J5V2JRIK.js";
+import "../../../chunk-JQWYQDH7.js";
 import "../../../chunk-TYAQWVIM.js";
 import "../../../chunk-SBCFBHNG.js";
 import "../../../chunk-4RJKB7LC.js";
@@ -40,13 +40,13 @@ import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-NO5BIKWS.js";
 import "../../../chunk-CANJ2YPW.js";
-import "../../../chunk-V47RTW7E.js";
+import "../../../chunk-4V6ZO2MR.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
 import "../../../chunk-QNJTYAPX.js";
 import "../../../chunk-WVUIIBRR.js";
-import "../../../chunk-6DPFKSCT.js";
-import "../../../chunk-ZL5X7KP6.js";
+import "../../../chunk-MVMYXAXB.js";
+import "../../../chunk-SVTQGC2D.js";
 import "../../../chunk-7CS736EF.js";
 import "../../../chunk-MYKYZHEO.js";
 import "../../../chunk-VXWSAIB5.js";

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

@@ -1414,6 +1414,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -1435,6 +1436,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1554,7 +1556,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

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

@@ -669,9 +669,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }

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

@@ -1,8 +1,8 @@
 import {
   TableBody
-} from "../../../chunk-MDH7XDJS.js";
-import "../../../chunk-7AXHAWJX.js";
-import "../../../chunk-P3MIP2FD.js";
+} from "../../../chunk-7B334WPV.js";
+import "../../../chunk-FFGIFICI.js";
+import "../../../chunk-NAY4I3FL.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-3HBYDOYE.js";
 import "../../../chunk-DNYGKNQM.js";
@@ -11,11 +11,11 @@ import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
-import "../../../chunk-LUPHOXAQ.js";
-import "../../../chunk-W55J2KJZ.js";
+import "../../../chunk-TJV3S52X.js";
+import "../../../chunk-RDJT63IS.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
-import "../../../chunk-M6TSTDNZ.js";
+import "../../../chunk-7HCS6TZN.js";
 import "../../../chunk-EJSPFQCY.js";
 import "../../../chunk-RQLWSLVE.js";
 import "../../../chunk-6LHBY2IH.js";
@@ -25,7 +25,7 @@ import "../../../chunk-DCLNAUC4.js";
 import "../../../chunk-PQWWVBSR.js";
 import "../../../chunk-ETAEB3TA.js";
 import "../../../chunk-AT4AWD6B.js";
-import "../../../chunk-J5V2JRIK.js";
+import "../../../chunk-JQWYQDH7.js";
 import "../../../chunk-TYAQWVIM.js";
 import "../../../chunk-SBCFBHNG.js";
 import "../../../chunk-4RJKB7LC.js";
@@ -40,13 +40,13 @@ import "../../../chunk-EU73QPW7.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-NO5BIKWS.js";
 import "../../../chunk-CANJ2YPW.js";
-import "../../../chunk-V47RTW7E.js";
+import "../../../chunk-4V6ZO2MR.js";
 import "../../../chunk-22VBZWJG.js";
 import "../../../chunk-NVOZAVEX.js";
 import "../../../chunk-QNJTYAPX.js";
 import "../../../chunk-WVUIIBRR.js";
-import "../../../chunk-6DPFKSCT.js";
-import "../../../chunk-ZL5X7KP6.js";
+import "../../../chunk-MVMYXAXB.js";
+import "../../../chunk-SVTQGC2D.js";
 import "../../../chunk-7CS736EF.js";
 import "../../../chunk-MYKYZHEO.js";
 import "../../../chunk-VXWSAIB5.js";

package/dist/components/DataGrid/index.cjs

@@ -1415,6 +1415,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -1436,6 +1437,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1555,7 +1557,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/DataGrid/index.css

@@ -669,9 +669,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }

package/dist/components/DataGrid/index.js

@@ -2,9 +2,9 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-MDH7XDJS.js";
-import "../../chunk-7AXHAWJX.js";
-import "../../chunk-P3MIP2FD.js";
+} from "../../chunk-7B334WPV.js";
+import "../../chunk-FFGIFICI.js";
+import "../../chunk-NAY4I3FL.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-3HBYDOYE.js";
 import "../../chunk-DNYGKNQM.js";
@@ -13,11 +13,11 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-LUPHOXAQ.js";
-import "../../chunk-W55J2KJZ.js";
+import "../../chunk-TJV3S52X.js";
+import "../../chunk-RDJT63IS.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-M6TSTDNZ.js";
+import "../../chunk-7HCS6TZN.js";
 import "../../chunk-EJSPFQCY.js";
 import "../../chunk-RQLWSLVE.js";
 import "../../chunk-6LHBY2IH.js";
@@ -27,7 +27,7 @@ import "../../chunk-DCLNAUC4.js";
 import "../../chunk-PQWWVBSR.js";
 import "../../chunk-ETAEB3TA.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-J5V2JRIK.js";
+import "../../chunk-JQWYQDH7.js";
 import "../../chunk-TYAQWVIM.js";
 import "../../chunk-SBCFBHNG.js";
 import "../../chunk-4RJKB7LC.js";
@@ -42,13 +42,13 @@ import "../../chunk-EU73QPW7.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-NO5BIKWS.js";
 import "../../chunk-CANJ2YPW.js";
-import "../../chunk-V47RTW7E.js";
+import "../../chunk-4V6ZO2MR.js";
 import "../../chunk-22VBZWJG.js";
 import "../../chunk-NVOZAVEX.js";
 import "../../chunk-QNJTYAPX.js";
 import "../../chunk-WVUIIBRR.js";
-import "../../chunk-6DPFKSCT.js";
-import "../../chunk-ZL5X7KP6.js";
+import "../../chunk-MVMYXAXB.js";
+import "../../chunk-SVTQGC2D.js";
 import "../../chunk-7CS736EF.js";
 import "../../chunk-MYKYZHEO.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/DataGrid/utils.cjs

@@ -1414,6 +1414,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -1435,6 +1436,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1554,7 +1556,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/DataGrid/utils.css

@@ -669,9 +669,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }

package/dist/components/DataGrid/utils.js

@@ -1,8 +1,8 @@
 import {
   getSortIcon
-} from "../../chunk-MDH7XDJS.js";
-import "../../chunk-7AXHAWJX.js";
-import "../../chunk-P3MIP2FD.js";
+} from "../../chunk-7B334WPV.js";
+import "../../chunk-FFGIFICI.js";
+import "../../chunk-NAY4I3FL.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-3HBYDOYE.js";
 import "../../chunk-DNYGKNQM.js";
@@ -11,11 +11,11 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-LUPHOXAQ.js";
-import "../../chunk-W55J2KJZ.js";
+import "../../chunk-TJV3S52X.js";
+import "../../chunk-RDJT63IS.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
-import "../../chunk-M6TSTDNZ.js";
+import "../../chunk-7HCS6TZN.js";
 import "../../chunk-EJSPFQCY.js";
 import "../../chunk-RQLWSLVE.js";
 import "../../chunk-6LHBY2IH.js";
@@ -25,7 +25,7 @@ import "../../chunk-DCLNAUC4.js";
 import "../../chunk-PQWWVBSR.js";
 import "../../chunk-ETAEB3TA.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-J5V2JRIK.js";
+import "../../chunk-JQWYQDH7.js";
 import "../../chunk-TYAQWVIM.js";
 import "../../chunk-SBCFBHNG.js";
 import "../../chunk-4RJKB7LC.js";
@@ -40,13 +40,13 @@ import "../../chunk-EU73QPW7.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-NO5BIKWS.js";
 import "../../chunk-CANJ2YPW.js";
-import "../../chunk-V47RTW7E.js";
+import "../../chunk-4V6ZO2MR.js";
 import "../../chunk-22VBZWJG.js";
 import "../../chunk-NVOZAVEX.js";
 import "../../chunk-QNJTYAPX.js";
 import "../../chunk-WVUIIBRR.js";
-import "../../chunk-6DPFKSCT.js";
-import "../../chunk-ZL5X7KP6.js";
+import "../../chunk-MVMYXAXB.js";
+import "../../chunk-SVTQGC2D.js";
 import "../../chunk-7CS736EF.js";
 import "../../chunk-MYKYZHEO.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/DataGridCell.cjs

@@ -1272,6 +1272,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -1293,6 +1294,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1412,7 +1414,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/DataGridCell.js

@@ -4,13 +4,13 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-V47RTW7E.js";
+} from "../chunk-4V6ZO2MR.js";
 import "../chunk-22VBZWJG.js";
 import "../chunk-NVOZAVEX.js";
 import "../chunk-QNJTYAPX.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-6DPFKSCT.js";
-import "../chunk-ZL5X7KP6.js";
+import "../chunk-MVMYXAXB.js";
+import "../chunk-SVTQGC2D.js";
 import "../chunk-7CS736EF.js";
 import "../chunk-MYKYZHEO.js";
 import "../chunk-VXWSAIB5.js";

package/dist/components/DateInput.cjs

@@ -335,6 +335,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -356,6 +357,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -475,7 +477,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/DateInput.css

@@ -669,9 +669,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }

package/dist/components/DateInput.js

@@ -1,9 +1,9 @@
 import {
   CalendarRange
 } from "../chunk-UOHCOOC2.js";
-import "../chunk-MDH7XDJS.js";
-import "../chunk-7AXHAWJX.js";
-import "../chunk-P3MIP2FD.js";
+import "../chunk-7B334WPV.js";
+import "../chunk-FFGIFICI.js";
+import "../chunk-NAY4I3FL.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-3HBYDOYE.js";
 import "../chunk-DNYGKNQM.js";
@@ -12,11 +12,11 @@ import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-LUPHOXAQ.js";
-import "../chunk-W55J2KJZ.js";
+import "../chunk-TJV3S52X.js";
+import "../chunk-RDJT63IS.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-M6TSTDNZ.js";
+import "../chunk-7HCS6TZN.js";
 import "../chunk-EJSPFQCY.js";
 import "../chunk-RQLWSLVE.js";
 import "../chunk-6LHBY2IH.js";
@@ -26,7 +26,7 @@ import "../chunk-DCLNAUC4.js";
 import "../chunk-PQWWVBSR.js";
 import "../chunk-ETAEB3TA.js";
 import "../chunk-AT4AWD6B.js";
-import "../chunk-J5V2JRIK.js";
+import "../chunk-JQWYQDH7.js";
 import "../chunk-TYAQWVIM.js";
 import "../chunk-SBCFBHNG.js";
 import "../chunk-4RJKB7LC.js";
@@ -41,15 +41,15 @@ import "../chunk-EU73QPW7.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-NO5BIKWS.js";
 import "../chunk-CANJ2YPW.js";
-import "../chunk-V47RTW7E.js";
+import "../chunk-4V6ZO2MR.js";
 import "../chunk-22VBZWJG.js";
 import "../chunk-NVOZAVEX.js";
 import "../chunk-QNJTYAPX.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-6DPFKSCT.js";
+import "../chunk-MVMYXAXB.js";
 import {
   InputBase
-} from "../chunk-ZL5X7KP6.js";
+} from "../chunk-SVTQGC2D.js";
 import "../chunk-7CS736EF.js";
 import "../chunk-MYKYZHEO.js";
 import {

package/dist/components/DateRangeInput.cjs

@@ -335,6 +335,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -356,6 +357,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -475,7 +477,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/DateRangeInput.css

@@ -669,9 +669,6 @@
   .mr-auto {
     margin-right: auto;
   }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }

package/dist/components/DateRangeInput.js

@@ -1,9 +1,9 @@
 import {
   CalendarRange
 } from "../chunk-UOHCOOC2.js";
-import "../chunk-MDH7XDJS.js";
-import "../chunk-7AXHAWJX.js";
-import "../chunk-P3MIP2FD.js";
+import "../chunk-7B334WPV.js";
+import "../chunk-FFGIFICI.js";
+import "../chunk-NAY4I3FL.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-3HBYDOYE.js";
 import "../chunk-DNYGKNQM.js";
@@ -12,11 +12,11 @@ import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-LUPHOXAQ.js";
-import "../chunk-W55J2KJZ.js";
+import "../chunk-TJV3S52X.js";
+import "../chunk-RDJT63IS.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-M6TSTDNZ.js";
+import "../chunk-7HCS6TZN.js";
 import "../chunk-EJSPFQCY.js";
 import "../chunk-RQLWSLVE.js";
 import "../chunk-6LHBY2IH.js";
@@ -26,7 +26,7 @@ import "../chunk-DCLNAUC4.js";
 import "../chunk-PQWWVBSR.js";
 import "../chunk-ETAEB3TA.js";
 import "../chunk-AT4AWD6B.js";
-import "../chunk-J5V2JRIK.js";
+import "../chunk-JQWYQDH7.js";
 import "../chunk-TYAQWVIM.js";
 import "../chunk-SBCFBHNG.js";
 import "../chunk-4RJKB7LC.js";
@@ -41,15 +41,15 @@ import "../chunk-EU73QPW7.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-NO5BIKWS.js";
 import "../chunk-CANJ2YPW.js";
-import "../chunk-V47RTW7E.js";
+import "../chunk-4V6ZO2MR.js";
 import "../chunk-22VBZWJG.js";
 import "../chunk-NVOZAVEX.js";
 import "../chunk-QNJTYAPX.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-6DPFKSCT.js";
+import "../chunk-MVMYXAXB.js";
 import {
   InputBase
-} from "../chunk-ZL5X7KP6.js";
+} from "../chunk-SVTQGC2D.js";
 import "../chunk-7CS736EF.js";
 import "../chunk-MYKYZHEO.js";
 import {

package/dist/components/FilterGroup.cjs

@@ -864,6 +864,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -885,6 +886,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1004,7 +1006,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/FilterGroup.js

@@ -10,8 +10,8 @@ import {
 } from "../chunk-NO5BIKWS.js";
 import {
   Search
-} from "../chunk-6DPFKSCT.js";
-import "../chunk-ZL5X7KP6.js";
+} from "../chunk-MVMYXAXB.js";
+import "../chunk-SVTQGC2D.js";
 import {
   Label
 } from "../chunk-7CS736EF.js";

package/dist/components/Input.cjs

@@ -337,6 +337,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -358,6 +359,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -477,7 +479,8 @@ var InputBase = (_a) => {
                     typography.paragraph,
                     className,
                     props.readOnly && !props.disabled && "!px-0"
-                  )
+                  ),
+                  style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
               secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after

package/dist/components/Input.js

@@ -6,7 +6,7 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-ZL5X7KP6.js";
+} from "../chunk-SVTQGC2D.js";
 import "../chunk-7CS736EF.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-NKUETCDA.js";

package/dist/components/MobileDataGrid/ColumnList.cjs

@@ -653,7 +653,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function MobileDataGridColumn(props) {
   var _a;
   const { column, data } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mb-2 grid grid-cols-2 gap-2 px-3 flex-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
       (_a = column.header) == null ? void 0 : _a.toString(),
       ":"
@@ -785,7 +785,7 @@ function MobileDataGridCard({
               return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                 "div",
                 {
-                  className: "mb-2 grid grid-cols-2 gap-2 px-3 items-center flex-1",
+                  className: "grid grid-cols-2 gap-2 px-3 items-center flex-1",
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                       Paragraph,