@alfalab/core-components-pure-cell 6.0.3 → 6.0.4

package/esm/components/content/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_9x282","horizontal":"pure-cell__horizontal_9x282"};
+var styles = {"component":"pure-cell__component_1m1hp","horizontal":"pure-cell__horizontal_1m1hp"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/content/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    flex-basis: 100%;\n    display: grid;\n    grid-template-columns: 1fr auto;\n\n    &.horizontal {\n        /* for button */\n        align-self: stretch;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    flex-basis: 100%;\n    display: grid;\n    grid-template-columns: 1fr auto;\n\n    &.horizontal {\n        /* for button */\n        align-self: stretch;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}

package/esm/components/footer/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type FooterElement } from '../types';
-declare type Props = {
+type Props = {
     /**
      * Компоненты
      */

package/esm/components/footer/index.css

@@ -3,14 +3,14 @@
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
 }
-.pure-cell__component_1jgaa {
+.pure-cell__component_hxfnw {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-8);
 }
-.pure-cell__component_1jgaa.pure-cell__none_1jgaa {
+.pure-cell__component_hxfnw.pure-cell__none_hxfnw {
         margin-top: var(--gap-0);
     }
-.pure-cell__component_1jgaa.pure-cell__default_1jgaa {
+.pure-cell__component_hxfnw.pure-cell__default_hxfnw {
         margin-top: var(--gap-8);
     }

package/esm/components/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_1jgaa","none":"pure-cell__none_1jgaa","default":"pure-cell__default_1jgaa"};
+var styles = {"component":"pure-cell__component_hxfnw","none":"pure-cell__none_hxfnw","default":"pure-cell__default_hxfnw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    grid-column: 1/3;\n    display: grid;\n    grid-row-gap: var(--gap-8);\n\n    &.none {\n        margin-top: var(--gap-0);\n    }\n\n    &.default {\n        margin-top: var(--gap-8);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    grid-column: 1/3;\n    display: grid;\n    grid-row-gap: var(--gap-8);\n\n    &.none {\n        margin-top: var(--gap-0);\n    }\n\n    &.default {\n        margin-top: var(--gap-8);\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}

package/esm/components/footer-button/component.d.ts

@@ -1,12 +1,12 @@
 import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
 import { type ButtonProps } from '@alfalab/core-components-button/esm';
-declare type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
+type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Используется модификатор -button
      */
     dataTestId?: string;
 };
-declare type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
 export declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

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

@@ -1,3 +1,3 @@
-.pure-cell__component_1q7wq {
+.pure-cell__component_8u89v {
     justify-self: start;
 }

package/esm/components/footer-button/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_1q7wq"};
+var styles = {"component":"pure-cell__component_8u89v"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/footer-button/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    justify-self: start;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer-button/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    justify-self: start;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC;;;;"}

package/esm/components/footer-text/component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography/esm';
-export declare type FooterTextProps = {
+export type FooterTextProps = {
     /**
      * Цвет текста
      */

package/esm/components/graphics/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type GraphicsElement } from '../types';
-export declare type Props = {
+export type Props = {
     /**
      * Компоненты
      */

package/esm/components/graphics/index.css

@@ -18,56 +18,56 @@
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
 }
-.pure-cell__component_17y80 {
+.pure-cell__component_7yzq4 {
     display: inline-flex;
     flex-basis: auto;
 }
-.pure-cell__top_17y80 {
+.pure-cell__top_7yzq4 {
     align-self: flex-start;
 }
-.pure-cell__center_17y80 {
+.pure-cell__center_7yzq4 {
     align-self: center;
 }
-.pure-cell__bottom_17y80 {
+.pure-cell__bottom_7yzq4 {
     align-self: flex-end;
 }
-.pure-cell__horizontal_17y80.pure-cell__none_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__none_7yzq4:not(:last-child) {
         margin-right: var(--gap-0);
     }
-.pure-cell__horizontal_17y80.pure-cell__max_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__max_7yzq4:not(:last-child) {
         margin-right: var(--gap-24);
     }
-.pure-cell__horizontal_17y80.pure-cell__airy_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__airy_7yzq4:not(:last-child) {
         margin-right: var(--gap-16);
     }
-.pure-cell__horizontal_17y80.pure-cell__default_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__default_7yzq4:not(:last-child) {
         margin-right: var(--gap-12);
     }
-.pure-cell__horizontal_17y80.pure-cell__compact_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__compact_7yzq4:not(:last-child) {
         margin-right: var(--gap-8);
     }
-.pure-cell__horizontal_17y80.pure-cell__tiny_17y80:not(:last-child) {
+.pure-cell__horizontal_7yzq4.pure-cell__tiny_7yzq4:not(:last-child) {
         margin-right: var(--gap-4);
     }
-.pure-cell__vertical_17y80.pure-cell__none_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__none_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-0);
     }
-.pure-cell__vertical_17y80.pure-cell__max_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__max_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-24);
     }
-.pure-cell__vertical_17y80.pure-cell__airy_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__airy_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-16);
     }
-.pure-cell__vertical_17y80.pure-cell__default_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__default_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-12);
     }
-.pure-cell__vertical_17y80.pure-cell__compact_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__compact_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-8);
     }
-.pure-cell__vertical_17y80.pure-cell__tiny_17y80:not(:last-child) {
+.pure-cell__vertical_7yzq4.pure-cell__tiny_7yzq4:not(:last-child) {
         margin-bottom: var(--gap-4);
     }
-.pure-cell__button_17y80 {
+.pure-cell__button_7yzq4 {
     -webkit-tap-highlight-color: transparent;
     box-sizing: border-box;
     background-color: transparent;
@@ -90,9 +90,9 @@
     transition: opacity 0.15s ease-in-out;
     min-width: auto;
 }
-.pure-cell__button_17y80:hover {
+.pure-cell__button_7yzq4:hover {
         opacity: var(--pure-cell-clickable-area-hover-opacity);
     }
-.pure-cell__button_17y80:active {
+.pure-cell__button_7yzq4:active {
         opacity: var(--pure-cell-clickable-area-active-opacity);
     }

package/esm/components/graphics/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_17y80","top":"pure-cell__top_17y80","center":"pure-cell__center_17y80","bottom":"pure-cell__bottom_17y80","horizontal":"pure-cell__horizontal_17y80","none":"pure-cell__none_17y80","max":"pure-cell__max_17y80","airy":"pure-cell__airy_17y80","default":"pure-cell__default_17y80","compact":"pure-cell__compact_17y80","tiny":"pure-cell__tiny_17y80","vertical":"pure-cell__vertical_17y80","button":"pure-cell__button_17y80"};
+var styles = {"component":"pure-cell__component_7yzq4","top":"pure-cell__top_7yzq4","center":"pure-cell__center_7yzq4","bottom":"pure-cell__bottom_7yzq4","horizontal":"pure-cell__horizontal_7yzq4","none":"pure-cell__none_7yzq4","max":"pure-cell__max_7yzq4","airy":"pure-cell__airy_7yzq4","default":"pure-cell__default_7yzq4","compact":"pure-cell__compact_7yzq4","tiny":"pure-cell__tiny_7yzq4","vertical":"pure-cell__vertical_7yzq4","button":"pure-cell__button_7yzq4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/main/component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type MainElement } from '../types';
-declare type Props = {
+type Props = {
     /**
      * Компоненты
      */

package/esm/components/main/index.css

@@ -10,22 +10,22 @@
     --pure-cell-clickable-area-hover-opacity: 1;
     --pure-cell-clickable-area-active-opacity: 1;
 }
-.pure-cell__component_1hw7p {
+.pure-cell__component_1704d {
     display: flex;
     flex-direction: column;
     align-self: center;
     white-space: pre-line;
 }
-.pure-cell__component_1hw7p.pure-cell__vertical_1hw7p {
+.pure-cell__component_1704d.pure-cell__vertical_1704d {
         grid-row-gap: var(--gap-2);
         justify-content: center;
         align-items: center;
         text-align: center;
     }
-.pure-cell__component_1hw7p.pure-cell__reverse_1hw7p {
+.pure-cell__component_1704d.pure-cell__reverse_1704d {
         flex-direction: column-reverse;
     }
-.pure-cell__component_1hw7p.pure-cell__button_1hw7p {
+.pure-cell__component_1704d.pure-cell__button_1704d {
         -webkit-tap-highlight-color: transparent;
         box-sizing: border-box;
         background-color: transparent;
@@ -48,9 +48,9 @@
         transition: opacity 0.15s ease-in-out;
         min-width: auto;
     }
-.pure-cell__component_1hw7p.pure-cell__button_1hw7p:hover {
+.pure-cell__component_1704d.pure-cell__button_1704d:hover {
             opacity: var(--pure-cell-clickable-area-hover-opacity);
         }
-.pure-cell__component_1hw7p.pure-cell__button_1hw7p:active {
+.pure-cell__component_1704d.pure-cell__button_1704d:active {
             opacity: var(--pure-cell-clickable-area-active-opacity);
         }

package/esm/components/main/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_1hw7p","vertical":"pure-cell__vertical_1hw7p","reverse":"pure-cell__reverse_1hw7p","button":"pure-cell__button_1hw7p"};
+var styles = {"component":"pure-cell__component_1704d","vertical":"pure-cell__vertical_1704d","reverse":"pure-cell__reverse_1704d","button":"pure-cell__button_1704d"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/text/component.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
 import { type Color } from '@alfalab/core-components-typography/esm';
-declare type Props = {
+type Props = {
     /**
      * Контент
      */

package/esm/components/text/index.css

@@ -5,23 +5,23 @@
     --gap-2: var(--gap-3xs);
     --gap-16: var(--gap-m);
 }
-.pure-cell__horizontal_1uj9s {
+.pure-cell__horizontal_t0f50 {
     padding: var(--gap-2) var(--gap-0);
 }
-.pure-cell__rowLimit1_1uj9s {
+.pure-cell__rowLimit1_t0f50 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__rowLimit2_1uj9s {
+.pure-cell__rowLimit2_t0f50 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__component_1uj9s {
+.pure-cell__component_t0f50 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
@@ -29,10 +29,10 @@
     margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
 }
-.pure-cell__component_1uj9s .pure-cell__vertical_1uj9s {
+.pure-cell__component_t0f50 .pure-cell__vertical_t0f50 {
         justify-content: center;
     }
-.pure-cell__title_1uj9s + .pure-cell__value_1uj9s {
+.pure-cell__title_t0f50 + .pure-cell__value_t0f50 {
     margin-left: var(--gap-16);
     flex-shrink: 0;
 }

package/esm/components/text/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"horizontal":"pure-cell__horizontal_1uj9s","rowLimit1":"pure-cell__rowLimit1_1uj9s","rowLimit2":"pure-cell__rowLimit2_1uj9s","component":"pure-cell__component_1uj9s","vertical":"pure-cell__vertical_1uj9s","title":"pure-cell__title_1uj9s","value":"pure-cell__value_1uj9s"};
+var styles = {"horizontal":"pure-cell__horizontal_t0f50","rowLimit1":"pure-cell__rowLimit1_t0f50","rowLimit2":"pure-cell__rowLimit2_t0f50","component":"pure-cell__component_t0f50","vertical":"pure-cell__vertical_t0f50","title":"pure-cell__title_t0f50","value":"pure-cell__value_t0f50"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/text/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.horizontal {\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.component {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: var(--gap-2) var(--gap-0);\n    word-break: break-word;\n\n    & .vertical {\n        justify-content: center;\n    }\n}\n\n.title + .value {\n    margin-left: var(--gap-16);\n    flex-shrink: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,YAAY,CAAC,6BAA6B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,UAAU,CAAC,2BAA2B,CAAC,OAAO,CAAC,wBAAwB,CAAC,OAAO,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.horizontal {\n    padding: var(--gap-2) var(--gap-0);\n}\n\n.rowLimit1 {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.rowLimit2 {\n    @mixin row_limit 2;\n}\n\n.component {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: var(--gap-2) var(--gap-0);\n    word-break: break-word;\n\n    & .vertical {\n        justify-content: center;\n    }\n}\n\n.title + .value {\n    margin-left: var(--gap-16);\n    flex-shrink: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,YAAY,CAAC,6BAA6B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,WAAW,CAAC,4BAA4B,CAAC,UAAU,CAAC,2BAA2B,CAAC,OAAO,CAAC,wBAAwB,CAAC,OAAO,CAAC,wBAAwB,CAAC;;;;"}

package/esm/components/types.d.ts

@@ -6,16 +6,16 @@ import { type FooterButton } from './footer-button';
 import { type FooterText } from './footer-text';
 import { type Graphics } from './graphics';
 import { type Text } from './text';
-declare type TextElement = ReactElement<typeof Text>;
-export declare type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
-declare type AmountElement = ReactElement<typeof Amount>;
-declare type AmountTitleElement = ReactElement<typeof AmountTitle>;
-export declare type CommentElement = ReactElement<typeof Comment>;
-declare type FooterButtonElement = ReactElement<typeof FooterButton>;
-declare type FooterTitleElement = ReactElement<typeof FooterText>;
-export declare type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null> | CommentElement | boolean | null;
-export declare type MainElement = Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean | null);
-export declare type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
-export declare type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
-export declare type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
+type TextElement = ReactElement<typeof Text>;
+export type GraphicsElement = ReactElement<typeof Graphics> | boolean | null;
+type AmountElement = ReactElement<typeof Amount>;
+type AmountTitleElement = ReactElement<typeof AmountTitle>;
+export type CommentElement = ReactElement<typeof Comment>;
+type FooterButtonElement = ReactElement<typeof FooterButton>;
+type FooterTitleElement = ReactElement<typeof FooterText>;
+export type FooterElement = Array<ReactElement<FooterButtonElement> | FooterTitleElement | boolean | null> | CommentElement | boolean | null;
+export type MainElement = Array<undefined | '' | boolean | null | TextElement | AmountElement | AmountTitleElement> | (TextElement | AmountElement | AmountTitleElement | boolean | null);
+export type ContentElement = Array<MainElement | AddonElement | FooterElement> | MainElement;
+export type AddonElement = Array<TextElement | ReactNode> | TextElement | ReactNode;
+export type PureCellElement = Array<GraphicsElement | ContentElement> | ContentElement;
 export {};

package/esm/components/typesProps.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type CurrencyCodes } from '@alfalab/data';
-export declare type AmountProps = {
+export type AmountProps = {
     /**
      * Денежное значение в минорных единицах
      */

package/esm/context.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type PureCellContextValue = {
+export type PureCellContextValue = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
     dataTestId?: string;

package/esm/index.css

@@ -18,20 +18,20 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.pure-cell__component_aut8g {
+.pure-cell__component_9os8v {
     text-align: inherit;
     box-sizing: border-box;
 }
-.pure-cell__horizontal_aut8g {
+.pure-cell__horizontal_9os8v {
     display: flex;
     width: 100%;
 }
-.pure-cell__vertical_aut8g {
+.pure-cell__vertical_9os8v {
     display: flex;
     align-items: center;
     flex-direction: column;
 }
-.pure-cell__button_aut8g {
+.pure-cell__button_9os8v {
     font-family: inherit;
     background: none;
     border: 0;
@@ -40,80 +40,80 @@
     transition: opacity 0.15s ease-in-out;
     padding: var(--gap-0);
 }
-.pure-cell__button_aut8g.pure-cell__hover_aut8g {
+.pure-cell__button_9os8v.pure-cell__hover_9os8v {
         opacity: 0.8;
     }
-.pure-cell__button_aut8g.pure-cell__active_aut8g {
+.pure-cell__button_9os8v.pure-cell__active_9os8v {
         opacity: 0.6;
     }
-.pure-cell__link_aut8g {
+.pure-cell__link_9os8v {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
 }
-.pure-cell__link_aut8g.pure-cell__hover_aut8g {
+.pure-cell__link_9os8v.pure-cell__hover_9os8v {
         opacity: 0.8;
     }
-.pure-cell__link_aut8g.pure-cell__active_aut8g {
+.pure-cell__link_9os8v.pure-cell__active_9os8v {
         opacity: 0.6;
     }
-.pure-cell__none_aut8g {
+.pure-cell__none_9os8v {
     padding: var(--gap-0);
 }
-.pure-cell__airy_aut8g {
+.pure-cell__airy_9os8v {
     padding: var(--gap-16) var(--gap-0);
 }
-.pure-cell__default_aut8g {
+.pure-cell__default_9os8v {
     padding: var(--gap-12) var(--gap-0);
 }
-.pure-cell__compact_aut8g {
+.pure-cell__compact_9os8v {
     padding: var(--gap-8) var(--gap-0);
 }
-.pure-cell__tiny_aut8g {
+.pure-cell__tiny_9os8v {
     padding: var(--gap-4) var(--gap-0);
 }
-.pure-cell__noneTop_aut8g {
+.pure-cell__noneTop_9os8v {
     padding-top: var(--gap-0);
 }
-.pure-cell__airyTop_aut8g {
+.pure-cell__airyTop_9os8v {
     padding-top: var(--gap-16);
 }
-.pure-cell__defaultTop_aut8g {
+.pure-cell__defaultTop_9os8v {
     padding-top: var(--gap-12);
 }
-.pure-cell__compactTop_aut8g {
+.pure-cell__compactTop_9os8v {
     padding-top: var(--gap-8);
 }
-.pure-cell__tinyTop_aut8g {
+.pure-cell__tinyTop_9os8v {
     padding-top: var(--gap-4);
 }
-.pure-cell__noneBottom_aut8g {
+.pure-cell__noneBottom_9os8v {
     padding-bottom: var(--gap-0);
 }
-.pure-cell__airyBottom_aut8g {
+.pure-cell__airyBottom_9os8v {
     padding-bottom: var(--gap-16);
 }
-.pure-cell__defaultBottom_aut8g {
+.pure-cell__defaultBottom_9os8v {
     padding-bottom: var(--gap-12);
 }
-.pure-cell__compactBottom_aut8g {
+.pure-cell__compactBottom_9os8v {
     padding-bottom: var(--gap-8);
 }
-.pure-cell__tinyBottom_aut8g {
+.pure-cell__tinyBottom_9os8v {
     padding-bottom: var(--gap-4);
 }
-.pure-cell__left_aut8g {
+.pure-cell__left_9os8v {
     padding-left: var(--gap-16);
 }
-.pure-cell__right_aut8g {
+.pure-cell__right_9os8v {
     padding-right: var(--gap-16);
 }
-.pure-cell__both_aut8g {
+.pure-cell__both_9os8v {
     padding-right: var(--gap-16);
     padding-left: var(--gap-16);
 }
-.pure-cell__focused_aut8g {
+.pure-cell__focused_9os8v {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"pure-cell__component_aut8g","horizontal":"pure-cell__horizontal_aut8g","vertical":"pure-cell__vertical_aut8g","button":"pure-cell__button_aut8g","hover":"pure-cell__hover_aut8g","active":"pure-cell__active_aut8g","link":"pure-cell__link_aut8g","none":"pure-cell__none_aut8g","airy":"pure-cell__airy_aut8g","default":"pure-cell__default_aut8g","compact":"pure-cell__compact_aut8g","tiny":"pure-cell__tiny_aut8g","noneTop":"pure-cell__noneTop_aut8g","airyTop":"pure-cell__airyTop_aut8g","defaultTop":"pure-cell__defaultTop_aut8g","compactTop":"pure-cell__compactTop_aut8g","tinyTop":"pure-cell__tinyTop_aut8g","noneBottom":"pure-cell__noneBottom_aut8g","airyBottom":"pure-cell__airyBottom_aut8g","defaultBottom":"pure-cell__defaultBottom_aut8g","compactBottom":"pure-cell__compactBottom_aut8g","tinyBottom":"pure-cell__tinyBottom_aut8g","left":"pure-cell__left_aut8g","right":"pure-cell__right_aut8g","both":"pure-cell__both_aut8g","focused":"pure-cell__focused_aut8g"};
+var styles = {"component":"pure-cell__component_9os8v","horizontal":"pure-cell__horizontal_9os8v","vertical":"pure-cell__vertical_9os8v","button":"pure-cell__button_9os8v","hover":"pure-cell__hover_9os8v","active":"pure-cell__active_9os8v","link":"pure-cell__link_9os8v","none":"pure-cell__none_9os8v","airy":"pure-cell__airy_9os8v","default":"pure-cell__default_9os8v","compact":"pure-cell__compact_9os8v","tiny":"pure-cell__tiny_9os8v","noneTop":"pure-cell__noneTop_9os8v","airyTop":"pure-cell__airyTop_9os8v","defaultTop":"pure-cell__defaultTop_9os8v","compactTop":"pure-cell__compactTop_9os8v","tinyTop":"pure-cell__tinyTop_9os8v","noneBottom":"pure-cell__noneBottom_9os8v","airyBottom":"pure-cell__airyBottom_9os8v","defaultBottom":"pure-cell__defaultBottom_9os8v","compactBottom":"pure-cell__compactBottom_9os8v","tinyBottom":"pure-cell__tinyBottom_9os8v","left":"pure-cell__left_9os8v","right":"pure-cell__right_9os8v","both":"pure-cell__both_9os8v","focused":"pure-cell__focused_9os8v"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--border-radius-0);\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    text-align: unset;\n    box-sizing: border-box;\n}\n\n.horizontal {\n    display: flex;\n    width: 100%;\n}\n\n.vertical {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.button {\n    font-family: inherit;\n    background: none;\n    border: 0;\n    border-radius: var(--border-radius-0);\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n    padding: var(--gap-0);\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n\n.link {\n    text-decoration: none;\n    color: inherit;\n    cursor: pointer;\n    transition: opacity 0.15s ease-in-out;\n\n    &.hover {\n        opacity: 0.8;\n    }\n\n    &.active {\n        opacity: 0.6;\n    }\n}\n.none {\n    padding: var(--gap-0);\n}\n\n.airy {\n    padding: var(--gap-16) var(--gap-0);\n}\n\n.default {\n    padding: var(--gap-12) var(--gap-0);\n}\n\n.compact {\n    padding: var(--gap-8) var(--gap-0);\n}\n\n.tiny {\n    padding: var(--gap-4) var(--gap-0);\n}\n\n.noneTop {\n    padding-top: var(--gap-0);\n}\n\n.airyTop {\n    padding-top: var(--gap-16);\n}\n\n.defaultTop {\n    padding-top: var(--gap-12);\n}\n\n.compactTop {\n    padding-top: var(--gap-8);\n}\n\n.tinyTop {\n    padding-top: var(--gap-4);\n}\n\n.noneBottom {\n    padding-bottom: var(--gap-0);\n}\n\n.airyBottom {\n    padding-bottom: var(--gap-16);\n}\n\n.defaultBottom {\n    padding-bottom: var(--gap-12);\n}\n\n.compactBottom {\n    padding-bottom: var(--gap-8);\n}\n\n.tinyBottom {\n    padding-bottom: var(--gap-4);\n}\n\n.left {\n    padding-left: var(--gap-16);\n}\n\n.right {\n    padding-right: var(--gap-16);\n}\n\n.both {\n    padding-right: var(--gap-16);\n    padding-left: var(--gap-16);\n}\n\n.focused {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC,UAAU,CAAC,2BAA2B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,SAAS,CAAC,0BAA0B,CAAC,YAAY,CAAC,6BAA6B,CAAC,YAAY,CAAC,6BAA6B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,YAAY,CAAC,6BAA6B,CAAC,MAAM,CAAC,uBAAuB,CAAC,OAAO,CAAC,wBAAwB,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}