@alfalab/core-components 42.15.0 → 42.15.1

package/pure-cell/esm/component-e2d04d98.js

@@ -0,0 +1,111 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef, useRef, useContext } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Comment } from '../../comment/esm';
+import { useFocus } from '@alfalab/hooks';
+import { Addon } from './components/addon/component.js';
+import { Amount } from './components/amount/component.js';
+import { AmountTitle } from './components/amount-title/component.js';
+import { Category } from './components/category/component.js';
+import { getDataTestId } from '../../shared/esm';
+import { Footer } from './components/footer/component.js';
+import { FooterButton } from './components/footer-button/component.js';
+import { FooterText } from './components/footer-text/component.js';
+import { Graphics } from './components/graphics/component.js';
+import { Typography } from '../../typography/esm';
+import '../../amount/esm';
+import '../../button/esm';
+
+var styles$3 = {"component":"pure-cell__component_eras0","horizontal":"pure-cell__horizontal_eras0"};
+require('./components/content/index.css');
+
+var Content = function (_a) {
+    var _b;
+    var children = _a.children, dataTestId = _a.dataTestId;
+    var direction = useContext(PureCellContext).direction;
+    return (React.createElement("section", { className: cn(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId, 'content') }, children));
+};
+
+var styles$2 = {"component":"pure-cell__component_1vdhv","vertical":"pure-cell__vertical_1vdhv","reverse":"pure-cell__reverse_1vdhv"};
+require('./components/main/index.css');
+
+var Main = function (_a) {
+    var _b;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
+    return (React.createElement("div", { className: cn(styles$2.component, styles$2[direction], (_b = {},
+            _b[styles$2.reverse] = isReverse,
+            _b), className), "data-test-id": getDataTestId(dataTestId, 'main') }, children));
+};
+
+var styles$1 = {"horizontal":"pure-cell__horizontal_rocfi","rowLimit1":"pure-cell__rowLimit1_rocfi","rowLimit2":"pure-cell__rowLimit2_rocfi","component":"pure-cell__component_rocfi","vertical":"pure-cell__vertical_rocfi","title":"pure-cell__title_rocfi","value":"pure-cell__value_rocfi"};
+require('./components/text/index.css');
+
+var Text = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, rowLimit = _a.rowLimit, _c = _a.view, view = _c === void 0 ? 'component' : _c, titleWeight = _a.titleWeight, titleColor = _a.titleColor, valueColor = _a.valueColor, dataTestId = _a.dataTestId;
+    var _d = useContext(PureCellContext).direction, direction = _d === void 0 ? 'horizontal' : _d;
+    var className = rowLimit && styles$1["rowLimit".concat(rowLimit)];
+    return (React.createElement("div", { className: cn(styles$1.component, (_b = {},
+            _b[styles$1.vertical] = direction !== 'horizontal',
+            _b)) },
+        React.createElement("div", { className: styles$1.title },
+            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_content') }, children)),
+        value && (React.createElement("div", { className: styles$1.value },
+            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId, 'text_value') }, value)))));
+};
+
+var styles = {"component":"pure-cell__component_xotgn","horizontal":"pure-cell__horizontal_xotgn","vertical":"pure-cell__vertical_xotgn","button":"pure-cell__button_xotgn","link":"pure-cell__link_xotgn","none":"pure-cell__none_xotgn","airy":"pure-cell__airy_xotgn","defaultPadding":"pure-cell__defaultPadding_xotgn","compact":"pure-cell__compact_xotgn","tiny":"pure-cell__tiny_xotgn","left":"pure-cell__left_xotgn","right":"pure-cell__right_xotgn","both":"pure-cell__both_xotgn","focused":"pure-cell__focused_xotgn"};
+require('./index.css');
+
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+var PureCellContext = React.createContext({});
+var PureCellComponent = forwardRef(function (_a, ref) {
+    var _b, _c;
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = __rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var cellRef = useRef(null);
+    var focused = useFocus(cellRef, 'keyboard')[0];
+    var addClasses = (_b = {},
+        _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 (href) {
+        var target = restProps.target;
+        // Для совместимости с react-router-dom, меняем href на to
+        var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
+        return (React.createElement(Component, __assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    if (onClick) {
+        return (React.createElement(Component, __assign({}, restProps, { ref: mergeRefs([cellRef, ref]), className: cn(styles.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+            React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+    }
+    return (React.createElement(Component, __assign({}, restProps, { ref: ref, tabIndex: 0, className: cn(addClasses, className), "data-test-id": dataTestId }),
+        React.createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
+});
+/**
+ * Универсальный конструктор для сборки любой ячейки.
+ *
+ * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)
+ */
+var PureCell = Object.assign(PureCellComponent, {
+    Main: Main,
+    Graphics: Graphics,
+    Content: Content,
+    Text: Text,
+    Amount: Amount,
+    AmountTitle: AmountTitle,
+    Addon: Addon,
+    Footer: Footer,
+    ExtraSubtitle: FooterText,
+    FooterButton: FooterButton,
+    Comment: Comment,
+    Category: Category,
+});
+
+export { Content as C, Main as M, PureCell as P, Text as T, PureCellContext as a };

package/pure-cell/esm/component.js

@@ -8,7 +8,7 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-1fdd22ad.js';
+export { P as PureCell, a as PureCellContext } from './component-e2d04d98.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../shared/esm';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"component":"pure-cell__component_1grpe","none":"pure-cell__none_1grpe","default":"pure-cell__default_1grpe","addonPadding":"pure-cell__addonPadding_1grpe","auto":"pure-cell__auto_1grpe","top":"pure-cell__top_1grpe","center":"pure-cell__center_1grpe","bottom":"pure-cell__bottom_1grpe"};
+var styles = {"component":"pure-cell__component_tcrq8","none":"pure-cell__none_tcrq8","default":"pure-cell__default_tcrq8","addonPadding":"pure-cell__addonPadding_tcrq8","auto":"pure-cell__auto_tcrq8","top":"pure-cell__top_tcrq8","center":"pure-cell__center_tcrq8","bottom":"pure-cell__bottom_tcrq8"};
 require('./index.css');
 
 var Addon = function (_a) {

package/pure-cell/esm/components/addon/index.css

@@ -15,24 +15,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_1grpe {
+} .pure-cell__component_tcrq8 {
     display: flex;
     flex-direction: column;
     align-items: flex-end
-} .pure-cell__component_1grpe > * {
+} .pure-cell__component_tcrq8 > * {
         justify-content: flex-end;
-    } .pure-cell__component_1grpe.pure-cell__none_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__none_tcrq8 {
         padding-left: 0;
-    } .pure-cell__component_1grpe.pure-cell__default_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__default_tcrq8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1grpe.pure-cell__addonPadding_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__addonPadding_tcrq8 {
         padding-left: var(--gap-m);
-    } .pure-cell__component_1grpe.pure-cell__auto_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__auto_tcrq8 {
         align-self: auto;
-    } .pure-cell__component_1grpe.pure-cell__top_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__top_tcrq8 {
         align-self: flex-start;
-    } .pure-cell__component_1grpe.pure-cell__center_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__center_tcrq8 {
         align-self: center;
-    } .pure-cell__component_1grpe.pure-cell__bottom_1grpe {
+    } .pure-cell__component_tcrq8.pure-cell__bottom_tcrq8 {
         align-self: flex-end;
     }

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

@@ -5,7 +5,7 @@ import { Amount as Amount$1 } from '../../../../amount/esm';
 import { getDataTestId } from '../../../../shared/esm';
 import { Typography } from '../../../../typography/esm';
 
-var styles = {"component":"pure-cell__component_vcxu7"};
+var styles = {"component":"pure-cell__component_1f9a1"};
 require('./index.css');
 
 var Amount = function (_a) {

package/pure-cell/esm/components/amount/index.css

@@ -15,7 +15,7 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_vcxu7 {
+} .pure-cell__component_1f9a1 {
     padding: var(--gap-3xs) 0;
     display: flex;
 }

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

@@ -5,7 +5,7 @@ import { Amount } from '../../../../amount/esm';
 import { getDataTestId } from '../../../../shared/esm';
 import { Typography } from '../../../../typography/esm';
 
-var styles = {"component":"pure-cell__component_lr061","weight":"pure-cell__weight_lr061"};
+var styles = {"component":"pure-cell__component_1unym","weight":"pure-cell__weight_1unym"};
 require('./index.css');
 
 var AmountTitle = function (_a) {

package/pure-cell/esm/components/amount-title/index.css

@@ -14,8 +14,8 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_lr061 {
+} .pure-cell__component_1unym {
     display: flex;
-} .pure-cell__weight_lr061 {
+} .pure-cell__weight_1unym {
     font-weight: inherit;
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { getDataTestId } from '../../../../shared/esm';
 import { Typography } from '../../../../typography/esm';
 
-var styles = {"component":"pure-cell__component_6yue9","categoryName":"pure-cell__categoryName_6yue9","categoryPercent":"pure-cell__categoryPercent_6yue9","rightAddon":"pure-cell__rightAddon_6yue9"};
+var styles = {"component":"pure-cell__component_qv6ln","categoryName":"pure-cell__categoryName_qv6ln","categoryPercent":"pure-cell__categoryPercent_qv6ln","rightAddon":"pure-cell__rightAddon_qv6ln"};
 require('./index.css');
 
 var Category = function (_a) {

package/pure-cell/esm/components/category/index.css

@@ -19,21 +19,21 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_6yue9 {
+} .pure-cell__component_qv6ln {
     display: flex;
     overflow: hidden;
     padding: var(--gap-3xs) 0;
-} .pure-cell__categoryName_6yue9 {
+} .pure-cell__categoryName_qv6ln {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__categoryPercent_6yue9 {
+} .pure-cell__categoryPercent_qv6ln {
     padding: 0 var(--gap-xs);
     background-color: var(--color-light-bg-secondary);
     border-radius: var(--border-radius-xl);
     margin-left: var(--gap-2xs);
-} .pure-cell__rightAddon_6yue9 {
+} .pure-cell__rightAddon_qv6ln {
     margin-left: var(--gap-2xs);
 }

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

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

package/pure-cell/esm/components/content/index.css

@@ -14,11 +14,11 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_ynmzf {
+} .pure-cell__component_eras0 {
     flex-basis: 100%;
     display: grid;
     grid-template-columns: 1fr auto
-} .pure-cell__component_ynmzf.pure-cell__horizontal_ynmzf {
+} .pure-cell__component_eras0.pure-cell__horizontal_eras0 {
         /* for button */
         align-self: stretch;
     }

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

@@ -1 +1 @@
-export * from "../../component-1fdd22ad";
+export * from "../../component-e2d04d98";

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

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-1fdd22ad.js';
+export { C as Content } from '../../component-e2d04d98.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"component":"pure-cell__component_1y3og","none":"pure-cell__none_1y3og","default":"pure-cell__default_1y3og"};
+var styles = {"component":"pure-cell__component_1e7c9","none":"pure-cell__none_1e7c9","default":"pure-cell__default_1e7c9"};
 require('./index.css');
 
 var Footer = function (_a) {

package/pure-cell/esm/components/footer/index.css

@@ -15,12 +15,12 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_1y3og {
+} .pure-cell__component_1e7c9 {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-} .pure-cell__component_1y3og.pure-cell__none_1y3og {
+} .pure-cell__component_1e7c9.pure-cell__none_1e7c9 {
         margin-top: 0;
-    } .pure-cell__component_1y3og.pure-cell__default_1y3og {
+    } .pure-cell__component_1e7c9.pure-cell__default_1e7c9 {
         margin-top: var(--gap-xs);
     }

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { Button } from '../../../../button/esm';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"component":"pure-cell__component_2xpgr"};
+var styles = {"component":"pure-cell__component_mu1o6"};
 require('./index.css');
 
 var FooterButton = function (_a) {

package/pure-cell/esm/components/footer-button/index.css

@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_2xpgr {
+} .pure-cell__component_mu1o6 {
     justify-self: start;
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"component":"pure-cell__component_18hyj","top":"pure-cell__top_18hyj","center":"pure-cell__center_18hyj","bottom":"pure-cell__bottom_18hyj"};
+var styles = {"component":"pure-cell__component_1vww7","top":"pure-cell__top_1vww7","center":"pure-cell__center_1vww7","bottom":"pure-cell__bottom_1vww7"};
 require('./index.css');
 
 var Graphics = function (_a) {

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

@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_18hyj {
+} .pure-cell__component_1vww7 {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_18hyj {
+} .pure-cell__top_1vww7 {
     align-self: flex-start;
-} .pure-cell__center_18hyj {
+} .pure-cell__center_1vww7 {
     align-self: center;
-} .pure-cell__bottom_18hyj {
+} .pure-cell__bottom_1vww7 {
     align-self: flex-end;
 }

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

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

package/pure-cell/esm/components/main/index.css

@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_g8q0w {
+} .pure-cell__component_1vdhv {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_g8q0w.pure-cell__vertical_g8q0w {
+} .pure-cell__component_1vdhv.pure-cell__vertical_1vdhv {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_g8q0w.pure-cell__reverse_g8q0w {
+    } .pure-cell__component_1vdhv.pure-cell__reverse_1vdhv {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-1fdd22ad";
+export * from "../../component-e2d04d98";

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

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

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

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

package/pure-cell/esm/components/text/index.css

@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_1bkom {
+} .pure-cell__horizontal_rocfi {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_1bkom {
+} .pure-cell__rowLimit1_rocfi {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_1bkom {
+} .pure-cell__rowLimit2_rocfi {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_1bkom {
+} .pure-cell__component_rocfi {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_1bkom .pure-cell__vertical_1bkom {
+} .pure-cell__component_rocfi .pure-cell__vertical_rocfi {
         justify-content: center;
-    } .pure-cell__title_1bkom + .pure-cell__value_1bkom {
+    } .pure-cell__title_rocfi + .pure-cell__value_rocfi {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-1fdd22ad";
+export * from "../../component-e2d04d98";

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

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

package/pure-cell/esm/index.css

@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1l3r5 {
+} .pure-cell__component_xotgn {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1l3r5 {
+} .pure-cell__horizontal_xotgn {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1l3r5 > section:not(:last-child) {
+} .pure-cell__horizontal_xotgn > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1l3r5 {
+    } .pure-cell__vertical_xotgn {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1l3r5 > section:not(:last-child) {
+} .pure-cell__vertical_xotgn > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1l3r5 {
+    } .pure-cell__button_xotgn {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1l3r5:hover {
+} .pure-cell__button_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__button_1l3r5:active {
+    } .pure-cell__button_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__link_1l3r5 {
+    } .pure-cell__link_xotgn {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1l3r5:hover {
+} .pure-cell__link_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__link_1l3r5:active {
+    } .pure-cell__link_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__none_1l3r5 {
+    } .pure-cell__none_xotgn {
     padding: 0;
-} .pure-cell__airy_1l3r5 {
+} .pure-cell__airy_xotgn {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1l3r5 {
+} .pure-cell__defaultPadding_xotgn {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1l3r5 {
+} .pure-cell__compact_xotgn {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1l3r5 {
+} .pure-cell__tiny_xotgn {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1l3r5 {
+} .pure-cell__left_xotgn {
     padding-left: var(--gap-m);
-} .pure-cell__right_1l3r5 {
+} .pure-cell__right_xotgn {
     padding-right: var(--gap-m);
-} .pure-cell__both_1l3r5 {
+} .pure-cell__both_xotgn {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1l3r5 {
+} .pure-cell__focused_xotgn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/pure-cell/esm/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-1fdd22ad.js';
+export { P as PureCell } from './component-e2d04d98.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/index.css

@@ -20,21 +20,21 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1l3r5 {
+} .pure-cell__component_xotgn {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1l3r5 {
+} .pure-cell__horizontal_xotgn {
     display: flex;
     width: 100%
-} .pure-cell__horizontal_1l3r5 > section:not(:last-child) {
+} .pure-cell__horizontal_xotgn > section:not(:last-child) {
         margin-right: var(--gap-m);
-    } .pure-cell__vertical_1l3r5 {
+    } .pure-cell__vertical_xotgn {
     display: flex;
     align-items: center;
     flex-direction: column
-} .pure-cell__vertical_1l3r5 > section:not(:last-child) {
+} .pure-cell__vertical_xotgn > section:not(:last-child) {
         margin-bottom: var(--gap-s);
-    } .pure-cell__button_1l3r5 {
+    } .pure-cell__button_xotgn {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +42,37 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1l3r5:hover {
+} .pure-cell__button_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__button_1l3r5:active {
+    } .pure-cell__button_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__link_1l3r5 {
+    } .pure-cell__link_xotgn {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1l3r5:hover {
+} .pure-cell__link_xotgn:hover {
         opacity: 0.8;
-    } .pure-cell__link_1l3r5:active {
+    } .pure-cell__link_xotgn:active {
         opacity: 0.6;
-    } .pure-cell__none_1l3r5 {
+    } .pure-cell__none_xotgn {
     padding: 0;
-} .pure-cell__airy_1l3r5 {
+} .pure-cell__airy_xotgn {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_1l3r5 {
+} .pure-cell__defaultPadding_xotgn {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1l3r5 {
+} .pure-cell__compact_xotgn {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1l3r5 {
+} .pure-cell__tiny_xotgn {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_1l3r5 {
+} .pure-cell__left_xotgn {
     padding-left: var(--gap-m);
-} .pure-cell__right_1l3r5 {
+} .pure-cell__right_xotgn {
     padding-right: var(--gap-m);
-} .pure-cell__both_1l3r5 {
+} .pure-cell__both_xotgn {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1l3r5 {
+} .pure-cell__focused_xotgn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/pure-cell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('./component-96a7c3fb.js');
+var components_content_component = require('./component-07110547.js');
 require('tslib');
 require('react');
 require('react-merge-refs');