@alfalab/core-components-pure-cell 4.7.1 → 4.8.1

package/esm/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: z85d4 */
+/* hash: bn8ss */
 :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_w3nqw {
+} .pure-cell__component_xhf99 {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_w3nqw {
+} .pure-cell__top_xhf99 {
     align-self: flex-start;
-} .pure-cell__center_w3nqw {
+} .pure-cell__center_xhf99 {
     align-self: center;
-} .pure-cell__bottom_w3nqw {
+} .pure-cell__bottom_xhf99 {
     align-self: flex-end;
-}
+} .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__none_xhf99 {
+        margin-right: 0;
+    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__airy_xhf99 {
+        margin-right: var(--gap-m);
+    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__default_xhf99 {
+        margin-right: var(--gap-s);
+    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__compact_xhf99 {
+        margin-right: var(--gap-xs);
+    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__tiny_xhf99 {
+        margin-right: var(--gap-2xs);
+    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__none_xhf99 {
+        margin-bottom: 0;
+    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__airy_xhf99 {
+        margin-bottom: var(--gap-m);
+    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__default_xhf99 {
+        margin-bottom: var(--gap-s);
+    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__compact_xhf99 {
+        margin-bottom: var(--gap-xs);
+    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__tiny_xhf99 {
+        margin-bottom: var(--gap-2xs);
+    }

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

@@ -1 +1 @@
-export * from "../../component-5eb318e0";
+export * from "../../component-6a644022";

package/esm/components/graphics/index.js

@@ -1 +1 @@
-export { G as Graphics } from '../../component-5eb318e0.js';
+export { G as Graphics } from '../../component-6a644022.js';

package/esm/components/main/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
-export { M as Main } from '../../component-5eb318e0.js';
+export { M as Main } from '../../component-6a644022.js';

package/esm/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xlky */
+/* hash: xaa7e */
 :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_1eavy {
+} .pure-cell__component_19tfu {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_1eavy.pure-cell__vertical_1eavy {
+} .pure-cell__component_19tfu.pure-cell__vertical_19tfu {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_1eavy.pure-cell__reverse_1eavy {
+    } .pure-cell__component_19tfu.pure-cell__reverse_19tfu {
         flex-direction: column-reverse;
     }

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

@@ -1 +1 @@
-export * from "../../component-5eb318e0";
+export * from "../../component-6a644022";

package/esm/components/main/index.js

@@ -1 +1 @@
-export { M as Main } from '../../component-5eb318e0.js';
+export { M as Main } from '../../component-6a644022.js';

package/esm/components/text/component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
 import '@alfalab/core-components-typography/esm';
-export { T as Text } from '../../component-5eb318e0.js';
+export { T as Text } from '../../component-6a644022.js';

package/esm/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1haj9 */
+/* hash: 524dt */
 :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_q0k4w {
+} .pure-cell__horizontal_1ima4 {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_q0k4w {
+} .pure-cell__rowLimit1_1ima4 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_q0k4w {
+} .pure-cell__rowLimit2_1ima4 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_q0k4w {
+} .pure-cell__component_1ima4 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_q0k4w .pure-cell__vertical_q0k4w {
+} .pure-cell__component_1ima4 .pure-cell__vertical_1ima4 {
         justify-content: center;
-    } .pure-cell__title_q0k4w + .pure-cell__value_q0k4w {
+    } .pure-cell__title_1ima4 + .pure-cell__value_1ima4 {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-5eb318e0";
+export * from "../../component-6a644022";

package/esm/components/text/index.js

@@ -1 +1 @@
-export { T as Text } from '../../component-5eb318e0.js';
+export { T as Text } from '../../component-6a644022.js';

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pnw5 */
+/* hash: 1qt6n */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,17 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_a0jto {
+} .pure-cell__component_1vn59 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_a0jto {
+} .pure-cell__horizontal_1vn59 {
     display: flex;
-    width: 100%
-} .pure-cell__horizontal_a0jto > section:not(:last-child) {
-        margin-right: var(--gap-m);
-    } .pure-cell__vertical_a0jto {
+    width: 100%;
+} .pure-cell__vertical_1vn59 {
     display: flex;
     align-items: center;
-    flex-direction: column
-} .pure-cell__vertical_a0jto > section:not(:last-child) {
-        margin-bottom: var(--gap-s);
-    } .pure-cell__button_a0jto {
+    flex-direction: column;
+} .pure-cell__button_1vn59 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +38,57 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_a0jto:hover {
+} .pure-cell__button_1vn59:hover {
         opacity: 0.8;
-    } .pure-cell__button_a0jto:active {
+    } .pure-cell__button_1vn59:active {
         opacity: 0.6;
-    } .pure-cell__link_a0jto {
+    } .pure-cell__link_1vn59 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_a0jto:hover {
+} .pure-cell__link_1vn59:hover {
         opacity: 0.8;
-    } .pure-cell__link_a0jto:active {
+    } .pure-cell__link_1vn59:active {
         opacity: 0.6;
-    } .pure-cell__none_a0jto {
+    } .pure-cell__none_1vn59 {
     padding: 0;
-} .pure-cell__airy_a0jto {
+} .pure-cell__airy_1vn59 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_a0jto {
+} .pure-cell__default_1vn59 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_a0jto {
+} .pure-cell__compact_1vn59 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_a0jto {
+} .pure-cell__tiny_1vn59 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_a0jto {
+} .pure-cell__noneTop_1vn59 {
+    padding-top: 0;
+} .pure-cell__airyTop_1vn59 {
+    padding-top: var(--gap-m);
+} .pure-cell__defaultTop_1vn59 {
+    padding-top: var(--gap-s);
+} .pure-cell__compactTop_1vn59 {
+    padding-top: var(--gap-xs);
+} .pure-cell__tinyTop_1vn59 {
+    padding-top: var(--gap-2xs);
+} .pure-cell__noneBottom_1vn59 {
+    padding-bottom: 0;
+} .pure-cell__airyBottom_1vn59 {
+    padding-bottom: var(--gap-m);
+} .pure-cell__defaultBottom_1vn59 {
+    padding-bottom: var(--gap-s);
+} .pure-cell__compactBottom_1vn59 {
+    padding-bottom: var(--gap-xs);
+} .pure-cell__tinyBottom_1vn59 {
+    padding-bottom: var(--gap-2xs);
+} .pure-cell__left_1vn59 {
     padding-left: var(--gap-m);
-} .pure-cell__right_a0jto {
+} .pure-cell__right_1vn59 {
     padding-right: var(--gap-m);
-} .pure-cell__both_a0jto {
+} .pure-cell__both_1vn59 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_a0jto {
+} .pure-cell__focused_1vn59 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/esm/index.d.ts

@@ -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/esm/index.js

@@ -1 +1 @@
-export { P as PureCell } from './component-5eb318e0.js';
+export { P as PureCell } from './component-6a644022.js';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pnw5 */
+/* hash: 1qt6n */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -20,21 +20,17 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_a0jto {
+} .pure-cell__component_1vn59 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_a0jto {
+} .pure-cell__horizontal_1vn59 {
     display: flex;
-    width: 100%
-} .pure-cell__horizontal_a0jto > section:not(:last-child) {
-        margin-right: var(--gap-m);
-    } .pure-cell__vertical_a0jto {
+    width: 100%;
+} .pure-cell__vertical_1vn59 {
     display: flex;
     align-items: center;
-    flex-direction: column
-} .pure-cell__vertical_a0jto > section:not(:last-child) {
-        margin-bottom: var(--gap-s);
-    } .pure-cell__button_a0jto {
+    flex-direction: column;
+} .pure-cell__button_1vn59 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -42,37 +38,57 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_a0jto:hover {
+} .pure-cell__button_1vn59:hover {
         opacity: 0.8;
-    } .pure-cell__button_a0jto:active {
+    } .pure-cell__button_1vn59:active {
         opacity: 0.6;
-    } .pure-cell__link_a0jto {
+    } .pure-cell__link_1vn59 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_a0jto:hover {
+} .pure-cell__link_1vn59:hover {
         opacity: 0.8;
-    } .pure-cell__link_a0jto:active {
+    } .pure-cell__link_1vn59:active {
         opacity: 0.6;
-    } .pure-cell__none_a0jto {
+    } .pure-cell__none_1vn59 {
     padding: 0;
-} .pure-cell__airy_a0jto {
+} .pure-cell__airy_1vn59 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_a0jto {
+} .pure-cell__default_1vn59 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_a0jto {
+} .pure-cell__compact_1vn59 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_a0jto {
+} .pure-cell__tiny_1vn59 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_a0jto {
+} .pure-cell__noneTop_1vn59 {
+    padding-top: 0;
+} .pure-cell__airyTop_1vn59 {
+    padding-top: var(--gap-m);
+} .pure-cell__defaultTop_1vn59 {
+    padding-top: var(--gap-s);
+} .pure-cell__compactTop_1vn59 {
+    padding-top: var(--gap-xs);
+} .pure-cell__tinyTop_1vn59 {
+    padding-top: var(--gap-2xs);
+} .pure-cell__noneBottom_1vn59 {
+    padding-bottom: 0;
+} .pure-cell__airyBottom_1vn59 {
+    padding-bottom: var(--gap-m);
+} .pure-cell__defaultBottom_1vn59 {
+    padding-bottom: var(--gap-s);
+} .pure-cell__compactBottom_1vn59 {
+    padding-bottom: var(--gap-xs);
+} .pure-cell__tinyBottom_1vn59 {
+    padding-bottom: var(--gap-2xs);
+} .pure-cell__left_1vn59 {
     padding-left: var(--gap-m);
-} .pure-cell__right_a0jto {
+} .pure-cell__right_1vn59 {
     padding-right: var(--gap-m);
-} .pure-cell__both_a0jto {
+} .pure-cell__both_1vn59 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_a0jto {
+} .pure-cell__focused_1vn59 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/index.d.ts

@@ -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/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-49e6db18.js');
+var components_addon_component = require('./component-81e75437.js');
 
 
 

package/modern/{component-9cd60393.d.ts → component-21d7b687.d.ts}

@@ -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/{cssm/component-4445c77d.d.ts → modern/component-ef65ce67.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/modern/{component-d1c071aa.js → component-ef65ce67.js}

@@ -8,7 +8,7 @@ import { Amount as Amount$1 } from '@alfalab/core-components-amount/modern';
 import { Typography } from '@alfalab/core-components-typography/modern';
 import { Button } from '@alfalab/core-components-button/modern';
 
-const styles$a = {"component":"pure-cell__component_cl97c","none":"pure-cell__none_cl97c","default":"pure-cell__default_cl97c","addonPadding":"pure-cell__addonPadding_cl97c","auto":"pure-cell__auto_cl97c","top":"pure-cell__top_cl97c","center":"pure-cell__center_cl97c","bottom":"pure-cell__bottom_cl97c"};
+const styles$a = {"component":"pure-cell__component_1769n","none":"pure-cell__none_1769n","default":"pure-cell__default_1769n","addonPadding":"pure-cell__addonPadding_1769n","auto":"pure-cell__auto_1769n","top":"pure-cell__top_1769n","center":"pure-cell__center_1769n","bottom":"pure-cell__bottom_1769n"};
 require('./components/addon/index.css')
 
 const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', dataTestId, }) => {
@@ -16,7 +16,7 @@ const Addon = ({ children, verticalAlign = 'top', addonPadding = 'default', data
     return (React.createElement("section", { className: cn(styles$a.component, styles$a[addonPadding], styles$a[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, children));
 };
 
-const styles$9 = {"component":"pure-cell__component_1h7hp"};
+const styles$9 = {"component":"pure-cell__component_1loxt"};
 require('./components/amount/index.css')
 
 const Amount = ({ weight = 'normal', textView = 'component', color = 'primary', minority, minorUnits = 100, dataTestId, ...restProps }) => {
@@ -25,7 +25,7 @@ const Amount = ({ weight = 'normal', textView = 'component', color = 'primary',
         React.createElement(Amount$1, { minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount'), ...restProps })));
 };
 
-const styles$8 = {"component":"pure-cell__component_psbz5","weight":"pure-cell__weight_psbz5"};
+const styles$8 = {"component":"pure-cell__component_rcgyg","weight":"pure-cell__weight_rcgyg"};
 require('./components/amount-title/index.css')
 
 const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary', dataTestId, titleProps = {}, ...restProps }) => {
@@ -40,7 +40,7 @@ const AmountTitle = ({ minority, minorUnits = 100, className, color = 'primary',
         React.createElement(Amount$1, { minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title'), ...restProps, bold: 'none' })));
 };
 
-const styles$7 = {"component":"pure-cell__component_1f4wj","categoryName":"pure-cell__categoryName_1f4wj","categoryPercent":"pure-cell__categoryPercent_1f4wj","rightAddon":"pure-cell__rightAddon_1f4wj"};
+const styles$7 = {"component":"pure-cell__component_skrok","categoryName":"pure-cell__categoryName_skrok","categoryPercent":"pure-cell__categoryPercent_skrok","rightAddon":"pure-cell__rightAddon_skrok"};
 require('./components/category/index.css')
 
 const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) => {
@@ -53,7 +53,7 @@ const Category = ({ categoryName, categoryPercent, rightAddons, dataTestId, }) =
         rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
-const styles$6 = {"component":"pure-cell__component_za4zy","horizontal":"pure-cell__horizontal_za4zy"};
+const styles$6 = {"component":"pure-cell__component_usovd","horizontal":"pure-cell__horizontal_usovd"};
 require('./components/content/index.css')
 
 const Content = ({ children, dataTestId }) => {
@@ -61,7 +61,7 @@ const Content = ({ children, dataTestId }) => {
     return (React.createElement("section", { className: cn(styles$6.component, { [styles$6.horizontal]: direction === 'horizontal' }), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 
-const styles$5 = {"component":"pure-cell__component_fasht","none":"pure-cell__none_fasht","default":"pure-cell__default_fasht"};
+const styles$5 = {"component":"pure-cell__component_17wih","none":"pure-cell__none_17wih","default":"pure-cell__default_17wih"};
 require('./components/footer/index.css')
 
 const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
@@ -69,7 +69,7 @@ const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
     return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 
-const styles$4 = {"component":"pure-cell__component_1qtix"};
+const styles$4 = {"component":"pure-cell__component_6ojmm"};
 require('./components/footer-button/index.css')
 
 const FooterButton = forwardRef(({ children, dataTestId, ...props }, ref) => {
@@ -82,15 +82,16 @@ const FooterText = ({ children, color = 'secondary', dataTestId }) => {
     return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
-const styles$3 = {"component":"pure-cell__component_w3nqw","top":"pure-cell__top_w3nqw","center":"pure-cell__center_w3nqw","bottom":"pure-cell__bottom_w3nqw"};
+const styles$3 = {"component":"pure-cell__component_xhf99","top":"pure-cell__top_xhf99","center":"pure-cell__center_xhf99","bottom":"pure-cell__bottom_xhf99","horizontal":"pure-cell__horizontal_xhf99","none":"pure-cell__none_xhf99","airy":"pure-cell__airy_xhf99","default":"pure-cell__default_xhf99","compact":"pure-cell__compact_xhf99","tiny":"pure-cell__tiny_xhf99","vertical":"pure-cell__vertical_xhf99"};
 require('./components/graphics/index.css')
 
-const Graphics = ({ children, dataTestId, verticalAlign = 'top' }) => {
+const Graphics = ({ children, dataTestId, verticalAlign = 'top', graphicPadding, }) => {
     const pureCellContext = useContext(PureCellContext);
-    return (React.createElement("section", { className: cn(styles$3.component, styles$3[verticalAlign]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, children));
+    const 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));
 };
 
-const styles$2 = {"component":"pure-cell__component_1eavy","vertical":"pure-cell__vertical_1eavy","reverse":"pure-cell__reverse_1eavy"};
+const styles$2 = {"component":"pure-cell__component_19tfu","vertical":"pure-cell__vertical_19tfu","reverse":"pure-cell__reverse_19tfu"};
 require('./components/main/index.css')
 
 const Main = ({ children, isReverse, className, dataTestId }) => {
@@ -100,7 +101,7 @@ const Main = ({ children, isReverse, className, dataTestId }) => {
         }, className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, children));
 };
 
-const styles$1 = {"horizontal":"pure-cell__horizontal_q0k4w","rowLimit1":"pure-cell__rowLimit1_q0k4w","rowLimit2":"pure-cell__rowLimit2_q0k4w","component":"pure-cell__component_q0k4w","vertical":"pure-cell__vertical_q0k4w","title":"pure-cell__title_q0k4w","value":"pure-cell__value_q0k4w"};
+const styles$1 = {"horizontal":"pure-cell__horizontal_1ima4","rowLimit1":"pure-cell__rowLimit1_1ima4","rowLimit2":"pure-cell__rowLimit2_1ima4","component":"pure-cell__component_1ima4","vertical":"pure-cell__vertical_1ima4","title":"pure-cell__title_1ima4","value":"pure-cell__value_1ima4"};
 require('./components/text/index.css')
 
 const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeight, titleColor, valueColor, dataTestId, }) => {
@@ -115,7 +116,7 @@ const Text = ({ children, value, rowLimit, view = 'component-primary', titleWeig
             React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
 
-const styles = {"component":"pure-cell__component_a0jto","horizontal":"pure-cell__horizontal_a0jto","vertical":"pure-cell__vertical_a0jto","button":"pure-cell__button_a0jto","link":"pure-cell__link_a0jto","none":"pure-cell__none_a0jto","airy":"pure-cell__airy_a0jto","defaultPadding":"pure-cell__defaultPadding_a0jto","compact":"pure-cell__compact_a0jto","tiny":"pure-cell__tiny_a0jto","left":"pure-cell__left_a0jto","right":"pure-cell__right_a0jto","both":"pure-cell__both_a0jto","focused":"pure-cell__focused_a0jto"};
+const styles = {"component":"pure-cell__component_1vn59","horizontal":"pure-cell__horizontal_1vn59","vertical":"pure-cell__vertical_1vn59","button":"pure-cell__button_1vn59","link":"pure-cell__link_1vn59","none":"pure-cell__none_1vn59","airy":"pure-cell__airy_1vn59","default":"pure-cell__default_1vn59","compact":"pure-cell__compact_1vn59","tiny":"pure-cell__tiny_1vn59","noneTop":"pure-cell__noneTop_1vn59","airyTop":"pure-cell__airyTop_1vn59","defaultTop":"pure-cell__defaultTop_1vn59","compactTop":"pure-cell__compactTop_1vn59","tinyTop":"pure-cell__tinyTop_1vn59","noneBottom":"pure-cell__noneBottom_1vn59","airyBottom":"pure-cell__airyBottom_1vn59","defaultBottom":"pure-cell__defaultBottom_1vn59","compactBottom":"pure-cell__compactBottom_1vn59","tinyBottom":"pure-cell__tinyBottom_1vn59","left":"pure-cell__left_1vn59","right":"pure-cell__right_1vn59","both":"pure-cell__both_1vn59","focused":"pure-cell__focused_1vn59"};
 require('./index.css')
 
 /* eslint-disable react/jsx-no-constructed-context-values */
@@ -128,10 +129,15 @@ const PureCellComponent = forwardRef(({ className, dataTestId, onClick, href, ta
         [styles.component]: true,
         [styles.focused]: focused,
         [styles[direction]]: true,
-        [styles.defaultPadding]: verticalPadding === 'default',
-        [styles[verticalPadding]]: verticalPadding !== 'default',
         [styles[horizontalPadding]]: true,
     };
+    if (typeof verticalPadding === 'string') {
+        addClasses[styles[verticalPadding]] = typeof verticalPadding === 'string';
+    }
+    if (typeof verticalPadding === 'object') {
+        addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;
+        addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;
+    }
     if (href) {
         const { target } = restProps;
         // Для совместимости с react-router-dom, меняем href на to

package/modern/component.js

@@ -3,4 +3,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/modern';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-d1c071aa.js';
+export { P as PureCell, f as PureCellContext } from './component-ef65ce67.js';

package/modern/components/addon/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
-export { A as Addon } from '../../component-d1c071aa.js';
+export { A as Addon } from '../../component-ef65ce67.js';