@dmsi/wedgekit-react 0.0.532 → 0.0.533

package/dist/components/Swatch.cjs

@@ -331,7 +331,8 @@ var Stack = (_a) => {
     testid,
     bottom,
     zIndex,
-    flexWrap
+    flexWrap,
+    className
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -379,7 +380,8 @@ var Stack = (_a) => {
     "testid",
     "bottom",
     "zIndex",
-    "flexWrap"
+    "flexWrap",
+    "className"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -470,7 +472,8 @@ var Stack = (_a) => {
         elevation === 2 && "shadow-2",
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
-        rounded && "rounded"
+        rounded && "rounded",
+        className
       ),
       children
     })

package/dist/components/Swatch.js

@@ -10,7 +10,7 @@ import {
 } from "../chunk-WMPWWFUJ.js";
 import {
   Stack
-} from "../chunk-TPXH53SA.js";
+} from "../chunk-AX4M7X4Z.js";
 import {
   typography
 } from "../chunk-7KWFEH56.js";

package/dist/components/Time.cjs

@@ -890,7 +890,8 @@ var Stack = (_a) => {
     testid,
     bottom,
     zIndex,
-    flexWrap
+    flexWrap,
+    className
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -938,7 +939,8 @@ var Stack = (_a) => {
     "testid",
     "bottom",
     "zIndex",
-    "flexWrap"
+    "flexWrap",
+    "className"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -1029,7 +1031,8 @@ var Stack = (_a) => {
         elevation === 2 && "shadow-2",
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
-        rounded && "rounded"
+        rounded && "rounded",
+        className
       ),
       children
     })

package/dist/components/Time.js

@@ -10,7 +10,7 @@ import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Stack
-} from "../chunk-TPXH53SA.js";
+} from "../chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/Upload.cjs

@@ -505,7 +505,8 @@ var Stack = (_a) => {
     testid,
     bottom,
     zIndex,
-    flexWrap
+    flexWrap,
+    className
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -553,7 +554,8 @@ var Stack = (_a) => {
     "testid",
     "bottom",
     "zIndex",
-    "flexWrap"
+    "flexWrap",
+    "className"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -644,7 +646,8 @@ var Stack = (_a) => {
         elevation === 2 && "shadow-2",
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
-        rounded && "rounded"
+        rounded && "rounded",
+        className
       ),
       children
     })

package/dist/components/Upload.js

@@ -6,7 +6,7 @@ import {
 } from "../chunk-WMPWWFUJ.js";
 import {
   Stack
-} from "../chunk-TPXH53SA.js";
+} from "../chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/index.cjs

@@ -5142,7 +5142,8 @@ var Stack = (_a) => {
     testid,
     bottom,
     zIndex,
-    flexWrap
+    flexWrap,
+    className
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -5190,7 +5191,8 @@ var Stack = (_a) => {
     "testid",
     "bottom",
     "zIndex",
-    "flexWrap"
+    "flexWrap",
+    "className"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -5281,7 +5283,8 @@ var Stack = (_a) => {
         elevation === 2 && "shadow-2",
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
-        rounded && "rounded"
+        rounded && "rounded",
+        className
       ),
       children
     })

package/dist/components/index.js

@@ -2,13 +2,14 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-4E5VO7NE.js";
+} from "../chunk-UFGH5V7K.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-MRDDOIA2.js";
-import "../chunk-U6NBXKA2.js";
+import "../chunk-ZIPJMN2E.js";
+import "../chunk-FJFZBIRG.js";
 import {
   ProductImagePreview
-} from "../chunk-AAHK5DQ6.js";
+} from "../chunk-UA66SXBL.js";
+import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import {
   SearchResultImage
@@ -16,9 +17,8 @@ import {
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
-import "../chunk-3X3Y4TMS.js";
-import "../chunk-UGGLAMYH.js";
-import "../chunk-G3Z6UMCU.js";
+import "../chunk-4DXOA7NZ.js";
+import "../chunk-5BRIDIUA.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-M4FM3B3R.js";
 import "../chunk-AJ5M6MVX.js";
@@ -26,7 +26,7 @@ import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
   SimpleTable
-} from "../chunk-OWHPPZZA.js";
+} from "../chunk-KJ5OQPPV.js";
 import {
   SkeletonParagraph
 } from "../chunk-L3BXRDLP.js";
@@ -50,7 +50,7 @@ import "../chunk-AG43RS4Q.js";
 import "../chunk-AKJUBFJK.js";
 import {
   ListGroup
-} from "../chunk-SUSUNSVZ.js";
+} from "../chunk-Z2QAJY5I.js";
 import "../chunk-BWPNXY7T.js";
 import "../chunk-QVWYTQKL.js";
 import {
@@ -85,7 +85,7 @@ import {
 } from "../chunk-M7WHWZ2J.js";
 import {
   CompactImagesPreview
-} from "../chunk-IHILGZFW.js";
+} from "../chunk-MHXYGKWA.js";
 import "../chunk-YD2JJ2VL.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-DQRQZE6O.js";
@@ -95,18 +95,18 @@ import {
 } from "../chunk-BYC6QID5.js";
 import {
   Accordion
-} from "../chunk-MUOYLXBF.js";
+} from "../chunk-QYKOR7LE.js";
 import {
   Card
 } from "../chunk-KBJZUVLM.js";
 import {
   Alert
-} from "../chunk-SPJ6V6WJ.js";
+} from "../chunk-7SFFUICM.js";
 import "../chunk-MXSJF6TW.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
-import "../chunk-TPXH53SA.js";
+import "../chunk-AX4M7X4Z.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/package.json

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

package/src/components/Stack.tsx

@@ -54,6 +54,7 @@ type StackProps = {
   noGap?: boolean;
   marginTop?: boolean;
   marginBottom?: boolean;
+  className?: string;
 } & FlexProps &
   Omit<ComponentProps<"div">, "className" | "id">;
 
@@ -144,6 +145,7 @@ export const Stack = ({
   bottom,
   zIndex,
   flexWrap,
+  className,
   ...props
 }: StackProps) => {
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -336,6 +338,7 @@ export const Stack = ({
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        className
       )}
     >
       {children}