@alfalab/core-components-pure-cell 4.12.0 → 4.12.1

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: icytn */
+/* hash: 1oanb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-status-info: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -21,6 +21,7 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -28,75 +29,75 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-status-info);
-} .pure-cell__component_t6x3e {
+} .pure-cell__component_r4efd {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_t6x3e {
+} .pure-cell__horizontal_r4efd {
     display: flex;
     width: 100%;
-} .pure-cell__vertical_t6x3e {
+} .pure-cell__vertical_r4efd {
     display: flex;
     align-items: center;
     flex-direction: column;
-} .pure-cell__button_t6x3e {
+} .pure-cell__button_r4efd {
     font-family: inherit;
     background: none;
     border: 0;
     border-radius: 0;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
-    padding: 0
-} .pure-cell__button_t6x3e.pure-cell__hover_t6x3e {
+    padding: var(--gap-0)
+} .pure-cell__button_r4efd.pure-cell__hover_r4efd {
         opacity: 0.8;
-    } .pure-cell__button_t6x3e.pure-cell__active_t6x3e {
+    } .pure-cell__button_r4efd.pure-cell__active_r4efd {
         opacity: 0.6;
-    } .pure-cell__link_t6x3e {
+    } .pure-cell__link_r4efd {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_t6x3e.pure-cell__hover_t6x3e {
+} .pure-cell__link_r4efd.pure-cell__hover_r4efd {
         opacity: 0.8;
-    } .pure-cell__link_t6x3e.pure-cell__active_t6x3e {
+    } .pure-cell__link_r4efd.pure-cell__active_r4efd {
         opacity: 0.6;
-    } .pure-cell__none_t6x3e {
-    padding: 0;
-} .pure-cell__airy_t6x3e {
-    padding: var(--gap-16) 0;
-} .pure-cell__default_t6x3e {
-    padding: var(--gap-12) 0;
-} .pure-cell__compact_t6x3e {
-    padding: var(--gap-8) 0;
-} .pure-cell__tiny_t6x3e {
-    padding: var(--gap-4) 0;
-} .pure-cell__noneTop_t6x3e {
-    padding-top: 0;
-} .pure-cell__airyTop_t6x3e {
+    } .pure-cell__none_r4efd {
+    padding: var(--gap-0);
+} .pure-cell__airy_r4efd {
+    padding: var(--gap-16) var(--gap-0);
+} .pure-cell__default_r4efd {
+    padding: var(--gap-12) var(--gap-0);
+} .pure-cell__compact_r4efd {
+    padding: var(--gap-8) var(--gap-0);
+} .pure-cell__tiny_r4efd {
+    padding: var(--gap-4) var(--gap-0);
+} .pure-cell__noneTop_r4efd {
+    padding-top: var(--gap-0);
+} .pure-cell__airyTop_r4efd {
     padding-top: var(--gap-16);
-} .pure-cell__defaultTop_t6x3e {
+} .pure-cell__defaultTop_r4efd {
     padding-top: var(--gap-12);
-} .pure-cell__compactTop_t6x3e {
+} .pure-cell__compactTop_r4efd {
     padding-top: var(--gap-8);
-} .pure-cell__tinyTop_t6x3e {
+} .pure-cell__tinyTop_r4efd {
     padding-top: var(--gap-4);
-} .pure-cell__noneBottom_t6x3e {
-    padding-bottom: 0;
-} .pure-cell__airyBottom_t6x3e {
+} .pure-cell__noneBottom_r4efd {
+    padding-bottom: var(--gap-0);
+} .pure-cell__airyBottom_r4efd {
     padding-bottom: var(--gap-16);
-} .pure-cell__defaultBottom_t6x3e {
+} .pure-cell__defaultBottom_r4efd {
     padding-bottom: var(--gap-12);
-} .pure-cell__compactBottom_t6x3e {
+} .pure-cell__compactBottom_r4efd {
     padding-bottom: var(--gap-8);
-} .pure-cell__tinyBottom_t6x3e {
+} .pure-cell__tinyBottom_r4efd {
     padding-bottom: var(--gap-4);
-} .pure-cell__left_t6x3e {
+} .pure-cell__left_r4efd {
     padding-left: var(--gap-16);
-} .pure-cell__right_t6x3e {
+} .pure-cell__right_r4efd {
     padding-right: var(--gap-16);
-} .pure-cell__both_t6x3e {
+} .pure-cell__both_r4efd {
     padding-right: var(--gap-16);
     padding-left: var(--gap-16);
-} .pure-cell__focused_t6x3e {
+} .pure-cell__focused_r4efd {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.js

@@ -1 +1 @@
-export { P as PureCell } from './component-e2f28ea5.js';
+export { P as PureCell } from './component-792615ae.js';

package/moderncssm/components/addon/index.module.css

@@ -16,7 +16,7 @@
     }
 
 .component.none {
-        padding-left: 0;
+        padding-left: var(--gap-0);
     }
 
 .component.default {
@@ -49,7 +49,7 @@
     -webkit-tap-highlight-color: transparent;
     outline: none;
     border: 0;
-    margin: 0;
+    margin: var(--gap-0);
     box-shadow: none;
     border-radius: 0;
     -webkit-user-select: none;
@@ -59,7 +59,7 @@
     text-decoration: none;
     min-width: 0;
     cursor: pointer;
-    padding: 0;
+    padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out
 }
 

package/moderncssm/components/amount/index.module.css

@@ -1,6 +1,6 @@
 /* */
 
 .component {
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
     display: flex;
 }

package/moderncssm/components/category/index.module.css

@@ -3,7 +3,7 @@
 .component {
     display: flex;
     overflow: hidden;
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
 }
 
 .categoryName {
@@ -15,9 +15,9 @@
 }
 
 .categoryPercent {
-    padding: 0 var(--gap-8);
+    padding: var(--gap-0) var(--gap-8);
     background-color: var(--color-light-base-bg-secondary);
-    border-radius: var(--border-radius-xl);
+    border-radius: var(--border-radius-16);
     margin-left: var(--gap-4);
 }
 

package/moderncssm/components/footer/index.module.css

@@ -7,7 +7,7 @@
 }
 
 .component.none {
-        margin-top: 0;
+        margin-top: var(--gap-0);
     }
 
 .component.default {

package/moderncssm/components/graphics/index.module.css

@@ -23,7 +23,7 @@
 }
 
 .horizontal:not(:last-child).none {
-        margin-right: 0;
+        margin-right: var(--gap-0);
     }
 
 .horizontal:not(:last-child).airy {
@@ -43,7 +43,7 @@
     }
 
 .vertical:not(:last-child).none {
-        margin-bottom: 0;
+        margin-bottom: var(--gap-0);
     }
 
 .vertical:not(:last-child).airy {
@@ -68,7 +68,7 @@
     -webkit-tap-highlight-color: transparent;
     outline: none;
     border: 0;
-    margin: 0;
+    margin: var(--gap-0);
     box-shadow: none;
     border-radius: 0;
     -webkit-user-select: none;
@@ -78,7 +78,7 @@
     text-decoration: none;
     min-width: 0;
     cursor: pointer;
-    padding: 0;
+    padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out;
     min-width: auto
 }

package/moderncssm/components/main/index.module.css

@@ -33,7 +33,7 @@
         -webkit-tap-highlight-color: transparent;
         outline: none;
         border: 0;
-        margin: 0;
+        margin: var(--gap-0);
         box-shadow: none;
         border-radius: 0;
         -webkit-user-select: none;
@@ -43,7 +43,7 @@
         text-decoration: none;
         min-width: 0;
         cursor: pointer;
-        padding: 0;
+        padding: var(--gap-0);
         transition: opacity 0.15s ease-in-out;
         min-width: auto
     }

package/moderncssm/components/text/index.module.css

@@ -1,7 +1,7 @@
 /* */
 
 .horizontal {
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
 }
 
 .rowLimit1 {
@@ -24,7 +24,7 @@
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
-    margin: var(--gap-2) 0;
+    margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
 }
 

package/moderncssm/index.module.css

@@ -23,7 +23,7 @@
     border-radius: 0;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
-    padding: 0
+    padding: var(--gap-0)
 }
 
 .button.hover {
@@ -50,27 +50,27 @@
     }
 
 .none {
-    padding: 0;
+    padding: var(--gap-0);
 }
 
 .airy {
-    padding: var(--gap-16) 0;
+    padding: var(--gap-16) var(--gap-0);
 }
 
 .default {
-    padding: var(--gap-12) 0;
+    padding: var(--gap-12) var(--gap-0);
 }
 
 .compact {
-    padding: var(--gap-8) 0;
+    padding: var(--gap-8) var(--gap-0);
 }
 
 .tiny {
-    padding: var(--gap-4) 0;
+    padding: var(--gap-4) var(--gap-0);
 }
 
 .noneTop {
-    padding-top: 0;
+    padding-top: var(--gap-0);
 }
 
 .airyTop {
@@ -90,7 +90,7 @@
 }
 
 .noneBottom {
-    padding-bottom: 0;
+    padding-bottom: var(--gap-0);
 }
 
 .airyBottom {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.12.0",
+    "version": "4.12.1",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,17 +15,17 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-amount": "^3.6.0",
-        "@alfalab/core-components-button": "^11.6.0",
-        "@alfalab/core-components-typography": "^4.10.0",
-        "@alfalab/core-components-comment": "^2.4.0",
-        "@alfalab/core-components-shared": "^0.12.0",
+        "@alfalab/core-components-amount": "^3.7.0",
+        "@alfalab/core-components-button": "^11.7.0",
+        "@alfalab/core-components-typography": "^4.10.1",
+        "@alfalab/core-components-comment": "^2.4.1",
+        "@alfalab/core-components-shared": "^0.12.1",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/data": "^1.8.0",
         "classnames": "^2.3.1",
         "react-merge-refs": "1.1.0",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.1.0",
-    "varsVersion": "9.12.0"
+    "themesVersion": "13.2.0",
+    "varsVersion": "9.13.0"
 }

package/src/components/addon/index.module.css

@@ -10,7 +10,7 @@
     }
 
     &.none {
-        padding-left: 0;
+        padding-left: var(--gap-0);
     }
 
     &.default {
@@ -40,7 +40,7 @@
 
 .button {
     @mixin button-reset;
-    padding: 0;
+    padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out;
 
     &:hover {

package/src/components/amount/index.module.css

@@ -1,6 +1,6 @@
 @import '@alfalab/core-components-vars/src/index.css';
 
 .component {
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
     display: flex;
 }

package/src/components/category/index.module.css

@@ -3,7 +3,7 @@
 .component {
     display: flex;
     overflow: hidden;
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
 }
 
 .categoryName {
@@ -15,9 +15,9 @@
 }
 
 .categoryPercent {
-    padding: 0 var(--gap-8);
+    padding: var(--gap-0) var(--gap-8);
     background-color: var(--color-light-base-bg-secondary);
-    border-radius: var(--border-radius-xl);
+    border-radius: var(--border-radius-16);
     margin-left: var(--gap-4);
 }
 

package/src/components/footer/index.module.css

@@ -6,7 +6,7 @@
     grid-row-gap: var(--gap-8);
 
     &.none {
-        margin-top: 0;
+        margin-top: var(--gap-0);
     }
 
     &.default {

package/src/components/graphics/index.module.css

@@ -19,7 +19,7 @@
 
 .horizontal:not(:last-child) {
     &.none {
-        margin-right: 0;
+        margin-right: var(--gap-0);
     }
 
     &.airy {
@@ -41,7 +41,7 @@
 
 .vertical:not(:last-child) {
     &.none {
-        margin-bottom: 0;
+        margin-bottom: var(--gap-0);
     }
     &.airy {
         margin-bottom: var(--gap-16);
@@ -62,7 +62,7 @@
 
 .button {
     @mixin button-reset;
-    padding: 0;
+    padding: var(--gap-0);
     transition: opacity 0.15s ease-in-out;
     min-width: auto;
 

package/src/components/main/index.module.css

@@ -23,7 +23,7 @@
 
     &.button {
         @mixin button-reset;
-        padding: 0;
+        padding: var(--gap-0);
         transition: opacity 0.15s ease-in-out;
         min-width: auto;
 

package/src/components/text/index.module.css

@@ -1,7 +1,7 @@
 @import '@alfalab/core-components-vars/src/index.css';
 
 .horizontal {
-    padding: var(--gap-2) 0;
+    padding: var(--gap-2) var(--gap-0);
 }
 
 .rowLimit1 {
@@ -18,7 +18,7 @@
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
-    margin: var(--gap-2) 0;
+    margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
 }
 

package/src/index.module.css

@@ -23,7 +23,7 @@
     border-radius: 0;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
-    padding: 0;
+    padding: var(--gap-0);
 
     &.hover {
         opacity: 0.8;
@@ -49,27 +49,27 @@
     }
 }
 .none {
-    padding: 0;
+    padding: var(--gap-0);
 }
 
 .airy {
-    padding: var(--gap-16) 0;
+    padding: var(--gap-16) var(--gap-0);
 }
 
 .default {
-    padding: var(--gap-12) 0;
+    padding: var(--gap-12) var(--gap-0);
 }
 
 .compact {
-    padding: var(--gap-8) 0;
+    padding: var(--gap-8) var(--gap-0);
 }
 
 .tiny {
-    padding: var(--gap-4) 0;
+    padding: var(--gap-4) var(--gap-0);
 }
 
 .noneTop {
-    padding-top: 0;
+    padding-top: var(--gap-0);
 }
 
 .airyTop {
@@ -89,7 +89,7 @@
 }
 
 .noneBottom {
-    padding-bottom: 0;
+    padding-bottom: var(--gap-0);
 }
 
 .airyBottom {