@dmsi/wedgekit-react 0.0.442 → 0.0.444

package/dist/components/index.cjs

@@ -1439,6 +1439,7 @@ var InputBase = (_a) => {
     focus,
     secondaryIconColor,
     fullWidth = true,
+    width,
     wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
@@ -1460,6 +1461,7 @@ var InputBase = (_a) => {
     "focus",
     "secondaryIconColor",
     "fullWidth",
+    "width",
     "wrapperRef"
   ]);
   const attributes = {
@@ -1579,7 +1581,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
@@ -5237,7 +5240,7 @@ var import_jsx_runtime35 = require("react/jsx-runtime");
 function MobileDataGridColumn(props) {
   var _a;
   const { column, data } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mb-2 grid grid-cols-2 gap-2 px-3 flex-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "grid grid-cols-2 gap-2 px-3 flex-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
       (_a = column.header) == null ? void 0 : _a.toString(),
       ":"
@@ -5262,7 +5265,7 @@ function ModalContent2() {
       return ((_a = column.meta) == null ? void 0 : _a.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsxs)(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
               (_b = column.header) == null ? void 0 : _b.toString(),
@@ -5424,7 +5427,7 @@ function MobileDataGridCard({
               return ((_a2 = column.meta) == null ? void 0 : _a2.useCustomRenderer) && column.meta.mobileCell && column.id ? /* @__PURE__ */ (0, import_jsx_runtime38.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_runtime38.jsxs)(
                       Paragraph,

package/dist/components/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/index.js

@@ -1,9 +1,9 @@
 import {
   DataGrid,
   MobileDataGrid
-} 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 {
   PDFViewer
@@ -16,11 +16,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";
@@ -38,7 +38,7 @@ import {
 import "../chunk-AT4AWD6B.js";
 import {
   Select
-} from "../chunk-J5V2JRIK.js";
+} from "../chunk-JQWYQDH7.js";
 import {
   Pagination
 } from "../chunk-TYAQWVIM.js";
@@ -66,7 +66,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-V47RTW7E.js";
+} from "../chunk-4V6ZO2MR.js";
 import {
   Menu
 } from "../chunk-22VBZWJG.js";
@@ -77,10 +77,10 @@ import {
 import "../chunk-WVUIIBRR.js";
 import {
   Search
-} from "../chunk-6DPFKSCT.js";
+} from "../chunk-MVMYXAXB.js";
 import {
   Input
-} from "../chunk-ZL5X7KP6.js";
+} from "../chunk-SVTQGC2D.js";
 import {
   Label
 } from "../chunk-7CS736EF.js";

package/dist/index.css

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

package/package.json

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

package/src/components/Input.tsx

@@ -82,6 +82,7 @@ export const InputBase = ({
   focus,
   secondaryIconColor,
   fullWidth = true,
+  width,
   wrapperRef,
   ...props
 }: InputBaseProps) => {
@@ -213,6 +214,7 @@ export const InputBase = ({
             className,
             props.readOnly && !props.disabled && "!px-0",
           )}
+          style={{ ...props.style, width }}
         />
 
         {secondaryIconColor ? (

package/src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx

@@ -8,7 +8,7 @@ export function MobileDataGridColumn<T extends Record<string, unknown>>(props: {
   const { column, data } = props;
 
   return (
-    <div className="mb-2 grid grid-cols-2 gap-2 px-3 flex-1">
+    <div className="grid grid-cols-2 gap-2 px-3 flex-1">
       <Paragraph color="text-secondary-normal" className="text-left">
         {column.header?.toString()}:
       </Paragraph>{" "}

package/src/components/MobileDataGrid/MobileDataGridCard/index.tsx

@@ -95,7 +95,7 @@ export function MobileDataGridCard<T extends Record<string, unknown>>({
               column.id ? (
                 <div
                   key={`${column.id}-${index}`}
-                  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"
                 >
                   <Paragraph
                     color="text-secondary-normal"

package/src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx

@@ -18,7 +18,7 @@ export function ModalContent() {
           column.id ? (
             <div
               key={`${column.id}-${index}`}
-              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"
             >
               <Paragraph color="text-secondary-normal" className="text-left">
                 {column.header?.toString()}: