@alfalab/core-components-pure-cell 4.7.0 → 4.8.0

package/components/footer-text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/graphics/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: qzidu */
+/* hash: 17b08 */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,15 +12,39 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_1m2ye {
+} .pure-cell__component_kmuuv {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_1m2ye {
+} .pure-cell__top_kmuuv {
     align-self: flex-start;
-} .pure-cell__center_1m2ye {
+} .pure-cell__center_kmuuv {
     align-self: center;
-} .pure-cell__bottom_1m2ye {
+} .pure-cell__bottom_kmuuv {
     align-self: flex-end;
-}
+} .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__none_kmuuv {
+        margin-right: 0;
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__airy_kmuuv {
+        margin-right: var(--gap-m);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__default_kmuuv {
+        margin-right: var(--gap-s);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__compact_kmuuv {
+        margin-right: var(--gap-xs);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__tiny_kmuuv {
+        margin-right: var(--gap-2xs);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__none_kmuuv {
+        margin-bottom: 0;
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__airy_kmuuv {
+        margin-bottom: var(--gap-m);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__default_kmuuv {
+        margin-bottom: var(--gap-s);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__compact_kmuuv {
+        margin-bottom: var(--gap-xs);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__tiny_kmuuv {
+        margin-bottom: var(--gap-2xs);
+    }

package/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a580c14f";
+export * from "../../component-40566f8c";

package/components/graphics/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/main/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nu0q */
+/* hash: vrlws */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_fynps {
+} .pure-cell__component_2fv7t {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_fynps.pure-cell__vertical_fynps {
+} .pure-cell__component_2fv7t.pure-cell__vertical_2fv7t {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_fynps.pure-cell__reverse_fynps {
+    } .pure-cell__component_2fv7t.pure-cell__reverse_2fv7t {
         flex-direction: column-reverse;
     }

package/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a580c14f";
+export * from "../../component-40566f8c";

package/components/main/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/text/component.js

@@ -6,7 +6,7 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-shared');
 require('@alfalab/core-components-typography');
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 17iz1 */
+/* hash: kpt6l */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_sun3b {
+} .pure-cell__horizontal_16dfl {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_sun3b {
+} .pure-cell__rowLimit1_16dfl {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_sun3b {
+} .pure-cell__rowLimit2_16dfl {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_sun3b {
+} .pure-cell__component_16dfl {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_sun3b .pure-cell__vertical_sun3b {
+} .pure-cell__component_16dfl .pure-cell__vertical_16dfl {
         justify-content: center;
-    } .pure-cell__title_sun3b + .pure-cell__value_sun3b {
+    } .pure-cell__title_16dfl + .pure-cell__value_16dfl {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

package/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-a580c14f";
+export * from "../../component-40566f8c";

package/components/text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-a580c14f.js');
+var components_addon_component = require('../../component-40566f8c.js');
 
 
 

package/{esm/component-d135ef3a.d.ts → cssm/component-063660c0.d.ts}

@@ -39,6 +39,10 @@ type Props$0 = {
      * Вертикальное выравнивание
      */
     verticalAlign?: "top" | "center" | "bottom";
+    /**
+     * Отступ от графики
+     */
+    graphicPadding?: "airy" | "default" | "compact" | "tiny" | "none";
 };
 declare const Graphics: React.FC<Props$0>;
 type Props$1 = {
@@ -184,7 +188,7 @@ type Props$8 = {
     /**
      * Размер текста
      */
-    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary';
+    view?: 'primary-large' | 'primary-medium' | 'primary-small' | 'component' | 'component-primary' | 'secondary-large';
     /**
      * Толщина title
      */

package/cssm/{component-4445c77d.js → component-063660c0.js}

@@ -97,9 +97,10 @@ var FooterText = function (_a) {
 };
 
 var Graphics = function (_a) {
-    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b;
+    var children = _a.children, dataTestId = _a.dataTestId, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, graphicPadding = _a.graphicPadding;
     var pureCellContext = React.useContext(PureCellContext);
-    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$7.default.component, styles__default$7.default[verticalAlign]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+    var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
+    return (React__default.default.createElement("section", { className: cn__default.default(styles__default$7.default.component, styles__default$7.default[verticalAlign], styles__default$7.default[pureCellContext.direction || 'horizontal'], styles__default$7.default[graphicPadding || defaultGraphicPadding]), "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
 };
 
 var Main = function (_a) {
@@ -136,10 +137,15 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
         _b[styles__default$a.default.component] = true,
         _b[styles__default$a.default.focused] = focused,
         _b[styles__default$a.default[direction]] = true,
-        _b[styles__default$a.default.defaultPadding] = verticalPadding === 'default',
-        _b[styles__default$a.default[verticalPadding]] = verticalPadding !== 'default',
         _b[styles__default$a.default[horizontalPadding]] = true,
         _b);
+    if (typeof verticalPadding === 'string') {
+        addClasses[styles__default$a.default[verticalPadding]] = typeof verticalPadding === 'string';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[styles__default$a.default["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
+        addClasses[styles__default$a.default["".concat(verticalPadding.bottom, "Bottom")]] = !!verticalPadding.bottom;
+    }
     if (href) {
         var target = restProps.target;
         // Для совместимости с react-router-dom, меняем href на to

package/cssm/{component-fd7196d2.d.ts → component-21d7b687.d.ts}

@@ -9,7 +9,7 @@ type PureCellContext = {
     dataTestId?: string;
 };
 declare const PureCellContext: React.Context<PureCellContext>;
-type PureCellProps = {
+type BasePureCellProps = {
     /**
      * Направление
      */
@@ -25,7 +25,16 @@ type PureCellProps = {
     /**
      * Вертикальные отступы
      */
-    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
+        /**
+         * Вертикальный отступ сверху
+         */
+        top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+        /**
+         * Вертикальный отступ снизу
+         */
+        bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    };
     /**
      * Горизонтальные отступы
      */
@@ -43,16 +52,16 @@ type PureCellProps = {
      */
     dataTestId?: string;
 };
-type AnchorPureCellProps = PureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type ButtonPureCellProps = PureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type ElementPureCellProps = PureCellProps & HTMLAttributes<HTMLElement>;
-type PureProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
+type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
+type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
+type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
 /**
  * Универсальный конструктор для сборки любой ячейки.
  *
  * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
  */
-declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAttributes<HTMLElement>> & {
+declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
     Main: React.FC<{
         children: import("./components/types").MainElement;
         isReverse?: boolean | undefined;
@@ -67,7 +76,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     Text: React.FC<{
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
-        view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "component-primary" | undefined;
+        view?: "component" | "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "component-primary" | undefined;
         titleWeight?: "bold" | "regular" | undefined;
         titleColor: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark";
         value?: React.ReactNode;

package/cssm/component.js

@@ -8,7 +8,7 @@ require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment/cssm');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-4445c77d.js');
+var components_addon_component = require('./component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/addon/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/addon/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/amount/component.js

@@ -8,7 +8,7 @@ require('classnames');
 require('@alfalab/core-components-amount/cssm');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/amount/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/amount-title/component.js

@@ -8,7 +8,7 @@ require('classnames');
 require('@alfalab/core-components-amount/cssm');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/amount-title/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/category/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/category/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/content/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/content/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/footer/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/footer/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/footer-button/component.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/footer-button/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/footer-text/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/footer-text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

package/cssm/components/graphics/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";

package/cssm/components/graphics/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 
 
 

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

@@ -11,6 +11,10 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
 } :root {
 } :root {
 } .component {
@@ -22,4 +26,24 @@
     align-self: center;
 } .bottom {
     align-self: flex-end;
-}
+} .horizontal:not(:last-child).none {
+        margin-right: 0;
+    } .horizontal:not(:last-child).airy {
+        margin-right: var(--gap-m);
+    } .horizontal:not(:last-child).default {
+        margin-right: var(--gap-s);
+    } .horizontal:not(:last-child).compact {
+        margin-right: var(--gap-xs);
+    } .horizontal:not(:last-child).tiny {
+        margin-right: var(--gap-2xs);
+    } .vertical:not(:last-child).none {
+        margin-bottom: 0;
+    } .vertical:not(:last-child).airy {
+        margin-bottom: var(--gap-m);
+    } .vertical:not(:last-child).default {
+        margin-bottom: var(--gap-s);
+    } .vertical:not(:last-child).compact {
+        margin-bottom: var(--gap-xs);
+    } .vertical:not(:last-child).tiny {
+        margin-bottom: var(--gap-2xs);
+    }

package/cssm/components/main/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-4445c77d.js');
+var components_addon_component = require('../../component-063660c0.js');
 require('./index.module.css');
 
 

package/cssm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-4445c77d";
+export * from "../../component-063660c0";