@vinyasa/layout 1.0.23 → 1.0.24

package/dist/cjs/aspect-ratio.cjs

@@ -1,17 +1,14 @@
 "use strict";
 var __webpack_modules__ = {
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -79,6 +76,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -97,6 +100,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -130,7 +142,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,

package/dist/cjs/box.cjs

@@ -1,17 +1,14 @@
 "use strict";
 var __webpack_modules__ = {
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -79,6 +76,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -97,6 +100,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -129,8 +141,9 @@ var __webpack_exports__ = {};
         default: ()=>box
     });
     var jsx_runtime_ = __webpack_require__(732);
+    var tokens_ = __webpack_require__(242);
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -232,6 +245,7 @@ var __webpack_exports__ = {};
             "style",
             "children"
         ]), [ref] = _rest;
+        const themedRef = (0, tokens_.useThemedRef)(ref);
         const computedStyle = _object_spread({}, (0, spacing.v)({
             m,
             mt,
@@ -249,7 +263,7 @@ var __webpack_exports__ = {};
             py
         }), style);
         return /*#__PURE__*/ (0, jsx_runtime_.jsx)(Component, _object_spread_props(_object_spread({
-            ref: ref,
+            ref: themedRef,
             style: computedStyle
         }, rest), {
             children: children

package/dist/cjs/center.cjs

@@ -91,13 +91,13 @@ var __webpack_modules__ = {
             c: ()=>createRuntimeFn
         });
     },
-    646 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    74 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>flex_Flex
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var flex = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_2mmdgz0',
@@ -110,26 +110,28 @@ var __webpack_modules__ = {
                     start: '_2mmdgz3',
                     center: '_2mmdgz4',
                     end: '_2mmdgz5',
-                    stretch: '_2mmdgz6'
+                    stretch: '_2mmdgz6',
+                    baseline: '_2mmdgz7'
                 },
                 justify: {
-                    start: '_2mmdgz7',
-                    center: '_2mmdgz8',
-                    end: '_2mmdgz9',
-                    between: '_2mmdgza',
-                    around: '_2mmdgzb'
+                    start: '_2mmdgz8',
+                    center: '_2mmdgz9',
+                    end: '_2mmdgza',
+                    between: '_2mmdgzb',
+                    around: '_2mmdgzc',
+                    evenly: '_2mmdgzd'
                 },
                 wrap: {
-                    nowrap: '_2mmdgzc',
-                    wrap: '_2mmdgzd'
+                    nowrap: '_2mmdgze',
+                    wrap: '_2mmdgzf'
                 },
                 gap: {
-                    1: '_2mmdgze',
-                    2: '_2mmdgzf',
-                    3: '_2mmdgzg',
-                    4: '_2mmdgzh',
-                    5: '_2mmdgzi',
-                    6: '_2mmdgzj'
+                    1: '_2mmdgzg',
+                    2: '_2mmdgzh',
+                    3: '_2mmdgzi',
+                    4: '_2mmdgzj',
+                    5: '_2mmdgzk',
+                    6: '_2mmdgzl'
                 }
             },
             defaultVariants: {
@@ -285,18 +287,15 @@ var __webpack_modules__ = {
         Flex.displayName = 'Flex';
         const flex_Flex = Flex;
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -364,6 +363,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -382,6 +387,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -415,7 +429,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var Flex = __webpack_require__(646);
+    var Flex = __webpack_require__(74);
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,

package/dist/cjs/center.css

@@ -27,54 +27,62 @@
 }
 
 ._2mmdgz7 {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 ._2mmdgz8 {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 ._2mmdgz9 {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 ._2mmdgza {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 ._2mmdgzb {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 ._2mmdgzc {
-  flex-wrap: nowrap;
+  justify-content: space-around;
 }
 
 ._2mmdgzd {
-  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
 
 ._2mmdgze {
-  gap: var(--vinyasa-space1);
+  flex-wrap: nowrap;
 }
 
 ._2mmdgzf {
-  gap: var(--vinyasa-space2);
+  flex-wrap: wrap;
 }
 
 ._2mmdgzg {
-  gap: var(--vinyasa-space3);
+  gap: var(--vinyasa-space1);
 }
 
 ._2mmdgzh {
-  gap: var(--vinyasa-space4);
+  gap: var(--vinyasa-space2);
 }
 
 ._2mmdgzi {
-  gap: var(--vinyasa-space5);
+  gap: var(--vinyasa-space3);
 }
 
 ._2mmdgzj {
+  gap: var(--vinyasa-space4);
+}
+
+._2mmdgzk {
+  gap: var(--vinyasa-space5);
+}
+
+._2mmdgzl {
   gap: var(--vinyasa-space6);
 }
 

package/dist/cjs/container.cjs

@@ -1,17 +1,14 @@
 "use strict";
 var __webpack_modules__ = {
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -79,6 +76,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -97,6 +100,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -130,7 +142,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     var container = 'n27f480';
     function _define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {

package/dist/cjs/divider.cjs

@@ -91,18 +91,15 @@ var __webpack_modules__ = {
             c: ()=>createRuntimeFn
         });
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -170,6 +167,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -188,6 +191,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -221,7 +233,7 @@ var __webpack_exports__ = {};
     });
     var jsx_runtime_ = __webpack_require__(732);
     var external_react_ = __webpack_require__(15);
-    var spacing = __webpack_require__(153);
+    var spacing = __webpack_require__(977);
     var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
     var divider = (0, createRuntimeFn_62c9670f_esm.c)({
         defaultClassName: '_187x3450',

package/dist/cjs/flex.cjs

@@ -91,13 +91,13 @@ var __webpack_modules__ = {
             c: ()=>createRuntimeFn
         });
     },
-    646 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+    74 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             A: ()=>flex_Flex
         });
         var jsx_runtime_ = __webpack_require__(732);
         var external_react_ = __webpack_require__(15);
-        var spacing = __webpack_require__(153);
+        var spacing = __webpack_require__(977);
         var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
         var flex = (0, createRuntimeFn_62c9670f_esm.c)({
             defaultClassName: '_2mmdgz0',
@@ -110,26 +110,28 @@ var __webpack_modules__ = {
                     start: '_2mmdgz3',
                     center: '_2mmdgz4',
                     end: '_2mmdgz5',
-                    stretch: '_2mmdgz6'
+                    stretch: '_2mmdgz6',
+                    baseline: '_2mmdgz7'
                 },
                 justify: {
-                    start: '_2mmdgz7',
-                    center: '_2mmdgz8',
-                    end: '_2mmdgz9',
-                    between: '_2mmdgza',
-                    around: '_2mmdgzb'
+                    start: '_2mmdgz8',
+                    center: '_2mmdgz9',
+                    end: '_2mmdgza',
+                    between: '_2mmdgzb',
+                    around: '_2mmdgzc',
+                    evenly: '_2mmdgzd'
                 },
                 wrap: {
-                    nowrap: '_2mmdgzc',
-                    wrap: '_2mmdgzd'
+                    nowrap: '_2mmdgze',
+                    wrap: '_2mmdgzf'
                 },
                 gap: {
-                    1: '_2mmdgze',
-                    2: '_2mmdgzf',
-                    3: '_2mmdgzg',
-                    4: '_2mmdgzh',
-                    5: '_2mmdgzi',
-                    6: '_2mmdgzj'
+                    1: '_2mmdgzg',
+                    2: '_2mmdgzh',
+                    3: '_2mmdgzi',
+                    4: '_2mmdgzj',
+                    5: '_2mmdgzk',
+                    6: '_2mmdgzl'
                 }
             },
             defaultVariants: {
@@ -285,18 +287,15 @@ var __webpack_modules__ = {
         Flex.displayName = 'Flex';
         const flex_Flex = Flex;
     },
-    153 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            v: ()=>resolveSpacingStyle
-        });
-        const tokens_namespaceObject = require("@vinyasa/tokens");
+    977 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        var _vinyasa_tokens__rspack_import_0 = __webpack_require__(242);
         const space = {
-            1: tokens_namespaceObject.themeContract.space1,
-            2: tokens_namespaceObject.themeContract.space2,
-            3: tokens_namespaceObject.themeContract.space3,
-            4: tokens_namespaceObject.themeContract.space4,
-            5: tokens_namespaceObject.themeContract.space5,
-            6: tokens_namespaceObject.themeContract.space6
+            1: _vinyasa_tokens__rspack_import_0.themeContract.space1,
+            2: _vinyasa_tokens__rspack_import_0.themeContract.space2,
+            3: _vinyasa_tokens__rspack_import_0.themeContract.space3,
+            4: _vinyasa_tokens__rspack_import_0.themeContract.space4,
+            5: _vinyasa_tokens__rspack_import_0.themeContract.space5,
+            6: _vinyasa_tokens__rspack_import_0.themeContract.space6
         };
         const spacingPropertyMap = [
             [
@@ -364,6 +363,12 @@ var __webpack_modules__ = {
             }
             return style;
         };
+        __webpack_require__.d(__webpack_exports__, {}, {
+            v: resolveSpacingStyle
+        });
+    },
+    242 (module) {
+        module.exports = require("@vinyasa/tokens");
     },
     15 (module) {
         module.exports = require("react");
@@ -382,6 +387,15 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -410,7 +424,7 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    var _Flex__rspack_import_0 = __webpack_require__(646);
+    var _Flex__rspack_import_0 = __webpack_require__(74);
     const __rspack_default_export = _Flex__rspack_import_0.A;
     __webpack_require__.d(__webpack_exports__, {}, {
         default: __rspack_default_export

package/dist/cjs/flex.css

@@ -27,54 +27,62 @@
 }
 
 ._2mmdgz7 {
-  justify-content: flex-start;
+  align-items: baseline;
 }
 
 ._2mmdgz8 {
-  justify-content: center;
+  justify-content: flex-start;
 }
 
 ._2mmdgz9 {
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 ._2mmdgza {
-  justify-content: space-between;
+  justify-content: flex-end;
 }
 
 ._2mmdgzb {
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 ._2mmdgzc {
-  flex-wrap: nowrap;
+  justify-content: space-around;
 }
 
 ._2mmdgzd {
-  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
 
 ._2mmdgze {
-  gap: var(--vinyasa-space1);
+  flex-wrap: nowrap;
 }
 
 ._2mmdgzf {
-  gap: var(--vinyasa-space2);
+  flex-wrap: wrap;
 }
 
 ._2mmdgzg {
-  gap: var(--vinyasa-space3);
+  gap: var(--vinyasa-space1);
 }
 
 ._2mmdgzh {
-  gap: var(--vinyasa-space4);
+  gap: var(--vinyasa-space2);
 }
 
 ._2mmdgzi {
-  gap: var(--vinyasa-space5);
+  gap: var(--vinyasa-space3);
 }
 
 ._2mmdgzj {
+  gap: var(--vinyasa-space4);
+}
+
+._2mmdgzk {
+  gap: var(--vinyasa-space5);
+}
+
+._2mmdgzl {
   gap: var(--vinyasa-space6);
 }