@dmsi/wedgekit-react 0.0.611 → 0.0.613

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

@@ -1,7 +1,7 @@
 import {
   TableBody
-} from "../../../chunk-KBAWRZQ5.js";
-import "../../../chunk-ID26S3W2.js";
+} from "../../../chunk-3RDRWJVI.js";
+import "../../../chunk-P3BS25Q3.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-7ZCXZDJD.js";
 import "../../../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
 import "../../../chunk-AS57Y2D3.js";
-import "../../../chunk-YF36ASRS.js";
+import "../../../chunk-B5LYYUJM.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-IFOBT2T3.js";
+import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
-import "../../../chunk-EEN3J3RX.js";
+import "../../../chunk-74HXF5GF.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-UAMI54FE.js";

package/dist/components/DataGrid/index.cjs

@@ -4072,7 +4072,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -4114,7 +4114,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
@@ -4123,6 +4124,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx22.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -4286,7 +4288,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -4432,7 +4435,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DataGrid/index.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/DataGrid/index.js

@@ -2,8 +2,8 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-KBAWRZQ5.js";
-import "../../chunk-ID26S3W2.js";
+} from "../../chunk-3RDRWJVI.js";
+import "../../chunk-P3BS25Q3.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
 import "../../chunk-ZD2A45VT.js";
@@ -26,11 +26,11 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-YF36ASRS.js";
+import "../../chunk-B5LYYUJM.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-IFOBT2T3.js";
+import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-EEN3J3RX.js";
+import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";

package/dist/components/DataGrid/utils.cjs

@@ -5202,7 +5202,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -5244,7 +5244,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -5253,6 +5254,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx26.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5416,7 +5418,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5562,7 +5565,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DataGrid/utils.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/DataGrid/utils.js

@@ -1,7 +1,7 @@
 import {
   getSortIcon
-} from "../../chunk-KBAWRZQ5.js";
-import "../../chunk-ID26S3W2.js";
+} from "../../chunk-3RDRWJVI.js";
+import "../../chunk-P3BS25Q3.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
 import "../../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-YF36ASRS.js";
+import "../../chunk-B5LYYUJM.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-IFOBT2T3.js";
+import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-EEN3J3RX.js";
+import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";

package/dist/components/DateInput.cjs

@@ -4525,7 +4525,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -4567,7 +4567,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
@@ -4576,6 +4577,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx26.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -4739,7 +4741,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -4885,7 +4888,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DateInput.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/DateInput.js

@@ -1,7 +1,7 @@
 import {
   DateInput
-} from "../chunk-KBAWRZQ5.js";
-import "../chunk-ID26S3W2.js";
+} from "../chunk-3RDRWJVI.js";
+import "../chunk-P3BS25Q3.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
 import "../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-AS57Y2D3.js";
-import "../chunk-YF36ASRS.js";
+import "../chunk-B5LYYUJM.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-IFOBT2T3.js";
+import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-EEN3J3RX.js";
+import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";

package/dist/components/DateRangeInput.cjs

@@ -4766,7 +4766,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -4808,7 +4808,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -4817,6 +4818,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx26.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -4980,7 +4982,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5126,7 +5129,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DateRangeInput.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/DateRangeInput.js

@@ -1,7 +1,7 @@
 import {
   CalendarRange
-} from "../chunk-KBAWRZQ5.js";
-import "../chunk-ID26S3W2.js";
+} from "../chunk-3RDRWJVI.js";
+import "../chunk-P3BS25Q3.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
 import "../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-LB7UT6F3.js";
 import "../chunk-AS57Y2D3.js";
-import "../chunk-YF36ASRS.js";
+import "../chunk-B5LYYUJM.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-IFOBT2T3.js";
+import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-EEN3J3RX.js";
+import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-UAMI54FE.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -5222,7 +5222,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -5264,7 +5264,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -5273,6 +5274,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5436,7 +5438,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5582,7 +5585,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/MobileDataGrid/ColumnSelector/index.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelector
-} from "../../../chunk-KBAWRZQ5.js";
-import "../../../chunk-ID26S3W2.js";
+} from "../../../chunk-3RDRWJVI.js";
+import "../../../chunk-P3BS25Q3.js";
 import "../../../chunk-M7INAUAJ.js";
 import "../../../chunk-7ZCXZDJD.js";
 import "../../../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-LB7UT6F3.js";
 import "../../../chunk-AS57Y2D3.js";
-import "../../../chunk-YF36ASRS.js";
+import "../../../chunk-B5LYYUJM.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-IFOBT2T3.js";
+import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
-import "../../../chunk-EEN3J3RX.js";
+import "../../../chunk-74HXF5GF.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-UAMI54FE.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -5456,7 +5456,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -5498,7 +5498,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
@@ -5507,6 +5508,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5670,7 +5672,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5816,7 +5819,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/MobileDataGrid/MobileDataGridHeader.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,7 +1,7 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-KBAWRZQ5.js";
-import "../../chunk-ID26S3W2.js";
+} from "../../chunk-3RDRWJVI.js";
+import "../../chunk-P3BS25Q3.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
 import "../../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-YF36ASRS.js";
+import "../../chunk-B5LYYUJM.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-IFOBT2T3.js";
+import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-EEN3J3RX.js";
+import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs

@@ -527,7 +527,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -569,7 +569,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
@@ -578,6 +579,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx7.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -842,7 +844,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -988,7 +991,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -1,15 +1,15 @@
 import {
   RowDetailModalProvider
-} from "../../../chunk-ID26S3W2.js";
+} from "../../../chunk-P3BS25Q3.js";
 import "../../../chunk-7ZCXZDJD.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
 import "../../../chunk-M4FM3B3R.js";
-import "../../../chunk-YF36ASRS.js";
+import "../../../chunk-B5LYYUJM.js";
 import "../../../chunk-4RJKB7LC.js";
-import "../../../chunk-IFOBT2T3.js";
+import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
-import "../../../chunk-EEN3J3RX.js";
+import "../../../chunk-74HXF5GF.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-LI6F442Y.js";
 import "../../../chunk-VXWSAIB5.js";

package/dist/components/MobileDataGrid/index.cjs

@@ -6152,7 +6152,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -6194,7 +6194,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
@@ -6203,6 +6204,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx38.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -6366,7 +6368,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -6512,7 +6515,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/MobileDataGrid/index.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {