FlexContainer gap fix (#471)

* new flex container * fix * bump version
nordcloud · Jul 1, 2022 · 482f7a0 · 482f7a0
1 parent 4e6e247
commit 482f7a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "5.9.0",
+  "version": "5.9.1",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/src/components/container/Container.tsx b/src/components/container/Container.tsx
@@ -102,12 +102,12 @@ function getFlexCss(props: FlexContainerProps) {
     align-items: ${props.alignItems ?? "center"};
     align-content: ${props.alignContent ?? "center"};
     justify-content: ${props.justifyContent ?? "flex-start"};
-    flex-wrap: ${props.wrap ?? "no-wrap"};
+    flex-wrap: ${props.wrap ?? "nowrap"};
     flex-direction: ${props.direction ?? "row"};
-    flex-grow: ${props.grow ?? 0};
-    gap: ${props.gap ?? 0};
-    column-gap: ${props.columnGap ?? 0};
-    row-gap: ${props.rowGap ?? 0};
+    flex-grow: ${props.grow};
+    gap: ${props.gap};
+    column-gap: ${props.columnGap};
+    row-gap: ${props.rowGap};
   `;
 }