npm - @alfalab/core-components - Versions diffs - 45.5.0-rc.2 → 45.5.0 - Mend

@alfalab/core-components 45.5.0-rc.2 → 45.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (713) hide show

package/pure-cell/cssm/components/footer-text/component.js CHANGED Viewed

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

package/pure-cell/cssm/components/footer-text/index.d.ts CHANGED Viewed

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

package/pure-cell/cssm/components/footer-text/index.js CHANGED Viewed

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

package/pure-cell/cssm/components/graphics/component.js CHANGED Viewed

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

package/pure-cell/cssm/components/graphics/index.d.ts CHANGED Viewed

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

package/pure-cell/cssm/components/graphics/index.js CHANGED Viewed

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

package/pure-cell/cssm/components/graphics/index.module.css CHANGED Viewed

@@ -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/pure-cell/cssm/components/main/component.js CHANGED Viewed

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

package/pure-cell/cssm/components/main/index.d.ts CHANGED Viewed

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

package/pure-cell/cssm/components/main/index.js CHANGED Viewed

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

package/pure-cell/cssm/components/text/component.js CHANGED Viewed

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

package/pure-cell/cssm/components/text/index.d.ts CHANGED Viewed

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

package/pure-cell/cssm/components/text/index.js CHANGED Viewed

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

package/pure-cell/cssm/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export { PureCell } from "./component-9cd60393";
-export type { PureCellProps } from "./component-9cd60393";
+export { PureCell } from "./component-21d7b687";
+export type { PureCellProps } from "./component-21d7b687";

package/pure-cell/cssm/index.js CHANGED Viewed

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

package/pure-cell/cssm/index.module.css CHANGED Viewed

@@ -24,16 +24,12 @@
     box-sizing: border-box;
 } .horizontal {
     display: flex;
-    width: 100%
-} .horizontal > section:not(:last-child) {
-        margin-right: var(--gap-m);
-    } .vertical {
+    width: 100%;
+} .vertical {
     display: flex;
     align-items: center;
-    flex-direction: column
-} .vertical > section:not(:last-child) {
-        margin-bottom: var(--gap-s);
-    } .button {
+    flex-direction: column;
+} .button {
     font-family: inherit;
     background: none;
     border: 0;
@@ -58,12 +54,32 @@
     padding: 0;
 } .airy {
     padding: var(--gap-m) 0;
-} .defaultPadding {
+} .default {
     padding: var(--gap-s) 0;
 } .compact {
     padding: var(--gap-xs) 0;
 } .tiny {
     padding: var(--gap-2xs) 0;
+} .noneTop {
+    padding-top: 0;
+} .airyTop {
+    padding-top: var(--gap-m);
+} .defaultTop {
+    padding-top: var(--gap-s);
+} .compactTop {
+    padding-top: var(--gap-xs);
+} .tinyTop {
+    padding-top: var(--gap-2xs);
+} .noneBottom {
+    padding-bottom: 0;
+} .airyBottom {
+    padding-bottom: var(--gap-m);
+} .defaultBottom {
+    padding-bottom: var(--gap-s);
+} .compactBottom {
+    padding-bottom: var(--gap-xs);
+} .tinyBottom {
+    padding-bottom: var(--gap-2xs);
 } .left {
     padding-left: var(--gap-m);
 } .right {

package/pure-cell/{cssm/component-9cd60393.d.ts → esm/component-21d7b687.d.ts} RENAMED Viewed

@@ -25,7 +25,16 @@ type BasePureCellProps = {
     /**
      * Вертикальные отступы
      */
-    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    verticalPadding?: 'airy' | 'default' | 'compact' | 'tiny' | 'none' | {
+        /**
+         * Вертикальный отступ сверху
+         */
+        top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+        /**
+         * Вертикальный отступ снизу
+         */
+        bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';
+    };
     /**
      * Горизонтальные отступы
      */
@@ -67,7 +76,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
     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/pure-cell/{cssm/component-4445c77d.d.ts → esm/component-c5ff489c.d.ts} RENAMED Viewed

@@ -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/pure-cell/esm/{component-1c912a43.js → component-c5ff489c.js} RENAMED Viewed

@@ -87,13 +87,14 @@ var FooterText = function (_a) {
     return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
-var styles$3 = {"component":"pure-cell__component_kmuuv","top":"pure-cell__top_kmuuv","center":"pure-cell__center_kmuuv","bottom":"pure-cell__bottom_kmuuv"};
+var styles$3 = {"component":"pure-cell__component_kmuuv","top":"pure-cell__top_kmuuv","center":"pure-cell__center_kmuuv","bottom":"pure-cell__bottom_kmuuv","horizontal":"pure-cell__horizontal_kmuuv","none":"pure-cell__none_kmuuv","airy":"pure-cell__airy_kmuuv","default":"pure-cell__default_kmuuv","compact":"pure-cell__compact_kmuuv","tiny":"pure-cell__tiny_kmuuv","vertical":"pure-cell__vertical_kmuuv"};
 require('./components/graphics/index.css');
 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 = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+    var defaultGraphicPadding = pureCellContext.direction === 'horizontal' ? 'airy' : 'default';
+    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
 };
 var styles$2 = {"component":"pure-cell__component_2fv7t","vertical":"pure-cell__vertical_2fv7t","reverse":"pure-cell__reverse_2fv7t"};
@@ -125,7 +126,7 @@ var Text = function (_a) {
             React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
-var styles = {"component":"pure-cell__component_yqcv9","horizontal":"pure-cell__horizontal_yqcv9","vertical":"pure-cell__vertical_yqcv9","button":"pure-cell__button_yqcv9","link":"pure-cell__link_yqcv9","none":"pure-cell__none_yqcv9","airy":"pure-cell__airy_yqcv9","defaultPadding":"pure-cell__defaultPadding_yqcv9","compact":"pure-cell__compact_yqcv9","tiny":"pure-cell__tiny_yqcv9","left":"pure-cell__left_yqcv9","right":"pure-cell__right_yqcv9","both":"pure-cell__both_yqcv9","focused":"pure-cell__focused_yqcv9"};
+var styles = {"component":"pure-cell__component_yqcv9","horizontal":"pure-cell__horizontal_yqcv9","vertical":"pure-cell__vertical_yqcv9","button":"pure-cell__button_yqcv9","link":"pure-cell__link_yqcv9","none":"pure-cell__none_yqcv9","airy":"pure-cell__airy_yqcv9","default":"pure-cell__default_yqcv9","compact":"pure-cell__compact_yqcv9","tiny":"pure-cell__tiny_yqcv9","noneTop":"pure-cell__noneTop_yqcv9","airyTop":"pure-cell__airyTop_yqcv9","defaultTop":"pure-cell__defaultTop_yqcv9","compactTop":"pure-cell__compactTop_yqcv9","tinyTop":"pure-cell__tinyTop_yqcv9","noneBottom":"pure-cell__noneBottom_yqcv9","airyBottom":"pure-cell__airyBottom_yqcv9","defaultBottom":"pure-cell__defaultBottom_yqcv9","compactBottom":"pure-cell__compactBottom_yqcv9","tinyBottom":"pure-cell__tinyBottom_yqcv9","left":"pure-cell__left_yqcv9","right":"pure-cell__right_yqcv9","both":"pure-cell__both_yqcv9","focused":"pure-cell__focused_yqcv9"};
 require('./index.css');
 // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -139,10 +140,15 @@ var PureCellComponent = forwardRef(function (_a, ref) {
         _b[styles.component] = true,
         _b[styles.focused] = focused,
         _b[styles[direction]] = true,
-        _b[styles.defaultPadding] = verticalPadding === 'default',
-        _b[styles[verticalPadding]] = verticalPadding !== 'default',
         _b[styles[horizontalPadding]] = true,
         _b);
+    if (typeof verticalPadding === 'string') {
+        addClasses[styles[verticalPadding]] = typeof verticalPadding === 'string';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[styles["".concat(verticalPadding.top, "Top")]] = !!verticalPadding.top;
+        addClasses[styles["".concat(verticalPadding.bottom, "Bottom")]] = !!verticalPadding.bottom;
+    }
     if (href) {
         var target = restProps.target;
         // Для совместимости с react-router-dom, меняем href на to

package/pure-cell/esm/component.js CHANGED Viewed

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-1c912a43.js';
+export { P as PureCell, f as PureCellContext } from './component-c5ff489c.js';
 import '../../shared/esm';
 import '../../amount/esm';
 import '../../typography/esm';

package/pure-cell/esm/components/addon/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { A as Addon } from '../../component-1c912a43.js';
+export { A as Addon } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/addon/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/addon/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { A as Addon } from '../../component-1c912a43.js';
+export { A as Addon } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount/component.js CHANGED Viewed

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { a as Amount } from '../../component-1c912a43.js';
+export { a as Amount } from '../../component-c5ff489c.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/amount/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { a as Amount } from '../../component-1c912a43.js';
+export { a as Amount } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount-title/component.js CHANGED Viewed

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { b as AmountTitle } from '../../component-1c912a43.js';
+export { b as AmountTitle } from '../../component-c5ff489c.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount-title/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/amount-title/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-1c912a43.js';
+export { b as AmountTitle } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/category/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { C as Category } from '../../component-1c912a43.js';
+export { C as Category } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/category/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/category/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { C as Category } from '../../component-1c912a43.js';
+export { C as Category } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/content/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { c as Content } from '../../component-1c912a43.js';
+export { c as Content } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/content/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/content/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { c as Content } from '../../component-1c912a43.js';
+export { c as Content } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { F as Footer } from '../../component-1c912a43.js';
+export { F as Footer } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/footer/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-1c912a43.js';
+export { F as Footer } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-button/component.js CHANGED Viewed

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import '../../../../button/esm';
 import '../../../../shared/esm';
-export { d as FooterButton } from '../../component-1c912a43.js';
+export { d as FooterButton } from '../../component-c5ff489c.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer-button/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/footer-button/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-1c912a43.js';
+export { d as FooterButton } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-text/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { e as FooterText } from '../../component-1c912a43.js';
+export { e as FooterText } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/footer-text/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/footer-text/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { e as FooterText } from '../../component-1c912a43.js';
+export { e as FooterText } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/graphics/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { G as Graphics } from '../../component-1c912a43.js';
+export { G as Graphics } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/graphics/index.css CHANGED Viewed

@@ -12,6 +12,10 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
 } :root {
 } :root {
 } .pure-cell__component_kmuuv {
@@ -23,4 +27,24 @@
     align-self: center;
 } .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/pure-cell/esm/components/graphics/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/graphics/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-1c912a43.js';
+export { G as Graphics } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/main/component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { M as Main } from '../../component-1c912a43.js';
+export { M as Main } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/main/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/main/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-1c912a43.js';
+export { M as Main } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/text/component.js CHANGED Viewed

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-1c912a43.js';
+export { T as Text } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/text/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from "../../component-~~1c912a43~~";
1	+ export * from "../../component-c5ff489c";

package/pure-cell/esm/components/text/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-1c912a43.js';
+export { T as Text } from '../../component-c5ff489c.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';