@dmsi/wedgekit-react 0.0.611 → 0.0.613

package/dist/{chunk-KBAWRZQ5.js → chunk-3RDRWJVI.js}

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "./chunk-ID26S3W2.js";
+} from "./chunk-P3BS25Q3.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";

package/dist/{chunk-EEN3J3RX.js → chunk-74HXF5GF.js}

@@ -62,7 +62,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ jsx("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 24 }) })
           }
         )
       ]

package/dist/{chunk-YF36ASRS.js → chunk-B5LYYUJM.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-IFOBT2T3.js";
+} from "./chunk-UUKHQUSF.js";
 import {
   ModalContent
 } from "./chunk-WVVEOCEH.js";
 import {
   ModalHeader
-} from "./chunk-EEN3J3RX.js";
+} from "./chunk-74HXF5GF.js";
 import {
   ModalScrim
 } from "./chunk-AG43RS4Q.js";
@@ -106,7 +106,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -252,7 +253,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/{chunk-ID26S3W2.js → chunk-P3BS25Q3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-YF36ASRS.js";
+} from "./chunk-B5LYYUJM.js";
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";

package/dist/{chunk-IFOBT2T3.js → chunk-UUKHQUSF.js}

@@ -17,7 +17,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -26,6 +27,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: clsx(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),

package/dist/components/CalendarRange.cjs

@@ -4758,7 +4758,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 }) })
           }
         )
       ]
@@ -4800,7 +4800,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -4809,6 +4810,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx26.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -4972,7 +4974,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5118,7 +5121,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

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

@@ -2,8 +2,8 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} 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/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -5191,7 +5191,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 }) })
           }
         )
       ]
@@ -5233,7 +5233,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -5242,6 +5243,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5405,7 +5407,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5551,7 +5554,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.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/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorMenuOption
-} 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/ColumnSelectorHeaderCell/index.cjs

@@ -5113,7 +5113,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 }) })
           }
         )
       ]
@@ -5155,7 +5155,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
@@ -5164,6 +5165,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5327,7 +5329,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5473,7 +5476,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

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

@@ -1,7 +1,7 @@
 import {
   ColumnSelectorHeaderCell
-} 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/PinnedColumns.cjs

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

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

@@ -1,7 +1,7 @@
 import {
   PinnedColumns
-} 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/TableBody/LoadingCell.cjs

@@ -5183,7 +5183,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 }) })
           }
         )
       ]
@@ -5225,7 +5225,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -5234,6 +5235,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5397,7 +5399,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5543,7 +5546,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DataGrid/TableBody/LoadingCell.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/TableBody/LoadingCell.js

@@ -1,7 +1,7 @@
 import {
   LoadingCell
-} 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/TableBody/TableBodyRow.cjs

@@ -5115,7 +5115,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 }) })
           }
         )
       ]
@@ -5157,7 +5157,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
@@ -5166,6 +5167,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx26.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -5329,7 +5331,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5475,7 +5478,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/DataGrid/TableBody/TableBodyRow.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/TableBody/TableBodyRow.js

@@ -1,7 +1,7 @@
 import {
   TableBodyRow
-} 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/TableBody/index.cjs

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

package/dist/components/DataGrid/TableBody/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(& > *) {