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

package/esm/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: z85d4 */
+/* hash: 17b08 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -12,15 +12,39 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-2xs: 4px;
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_w3nqw {
+} .pure-cell__component_kmuuv {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_w3nqw {
+} .pure-cell__top_kmuuv {
     align-self: flex-start;
-} .pure-cell__center_w3nqw {
+} .pure-cell__center_kmuuv {
     align-self: center;
-} .pure-cell__bottom_w3nqw {
+} .pure-cell__bottom_kmuuv {
     align-self: flex-end;
-}
+} .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__none_kmuuv {
+        margin-right: 0;
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__airy_kmuuv {
+        margin-right: var(--gap-m);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__default_kmuuv {
+        margin-right: var(--gap-s);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__compact_kmuuv {
+        margin-right: var(--gap-xs);
+    } .pure-cell__horizontal_kmuuv:not(:last-child).pure-cell__tiny_kmuuv {
+        margin-right: var(--gap-2xs);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__none_kmuuv {
+        margin-bottom: 0;
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__airy_kmuuv {
+        margin-bottom: var(--gap-m);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__default_kmuuv {
+        margin-bottom: var(--gap-s);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__compact_kmuuv {
+        margin-bottom: var(--gap-xs);
+    } .pure-cell__vertical_kmuuv:not(:last-child).pure-cell__tiny_kmuuv {
+        margin-bottom: var(--gap-2xs);
+    }

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

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

package/esm/components/graphics/index.js

@@ -1 +1 @@
-export { G as Graphics } from '../../component-5eb318e0.js';
+export { G as Graphics } from '../../component-c5ff489c.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-c5ff489c.js';

package/esm/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: 1xlky */
+/* hash: vrlws */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -15,20 +15,20 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_1eavy {
+} .pure-cell__component_2fv7t {
     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_2fv7t.pure-cell__vertical_2fv7t {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_1eavy.pure-cell__reverse_1eavy {
+    } .pure-cell__component_2fv7t.pure-cell__reverse_2fv7t {
         flex-direction: column-reverse;
     }

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

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

package/esm/components/main/index.js

@@ -1 +1 @@
-export { M as Main } from '../../component-5eb318e0.js';
+export { M as Main } from '../../component-c5ff489c.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-c5ff489c.js';

package/esm/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1haj9 */
+/* hash: kpt6l */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,29 +16,29 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__horizontal_q0k4w {
+} .pure-cell__horizontal_16dfl {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_q0k4w {
+} .pure-cell__rowLimit1_16dfl {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_q0k4w {
+} .pure-cell__rowLimit2_16dfl {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_q0k4w {
+} .pure-cell__component_16dfl {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_q0k4w .pure-cell__vertical_q0k4w {
+} .pure-cell__component_16dfl .pure-cell__vertical_16dfl {
         justify-content: center;
-    } .pure-cell__title_q0k4w + .pure-cell__value_q0k4w {
+    } .pure-cell__title_16dfl + .pure-cell__value_16dfl {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

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

package/esm/components/text/index.js

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

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pnw5 */
+/* hash: jedhi */
 :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_yqcv9 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_a0jto {
+} .pure-cell__horizontal_yqcv9 {
     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_yqcv9 {
     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_yqcv9 {
     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_yqcv9:hover {
         opacity: 0.8;
-    } .pure-cell__button_a0jto:active {
+    } .pure-cell__button_yqcv9:active {
         opacity: 0.6;
-    } .pure-cell__link_a0jto {
+    } .pure-cell__link_yqcv9 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_a0jto:hover {
+} .pure-cell__link_yqcv9:hover {
         opacity: 0.8;
-    } .pure-cell__link_a0jto:active {
+    } .pure-cell__link_yqcv9:active {
         opacity: 0.6;
-    } .pure-cell__none_a0jto {
+    } .pure-cell__none_yqcv9 {
     padding: 0;
-} .pure-cell__airy_a0jto {
+} .pure-cell__airy_yqcv9 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_a0jto {
+} .pure-cell__default_yqcv9 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_a0jto {
+} .pure-cell__compact_yqcv9 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_a0jto {
+} .pure-cell__tiny_yqcv9 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_a0jto {
+} .pure-cell__noneTop_yqcv9 {
+    padding-top: 0;
+} .pure-cell__airyTop_yqcv9 {
+    padding-top: var(--gap-m);
+} .pure-cell__defaultTop_yqcv9 {
+    padding-top: var(--gap-s);
+} .pure-cell__compactTop_yqcv9 {
+    padding-top: var(--gap-xs);
+} .pure-cell__tinyTop_yqcv9 {
+    padding-top: var(--gap-2xs);
+} .pure-cell__noneBottom_yqcv9 {
+    padding-bottom: 0;
+} .pure-cell__airyBottom_yqcv9 {
+    padding-bottom: var(--gap-m);
+} .pure-cell__defaultBottom_yqcv9 {
+    padding-bottom: var(--gap-s);
+} .pure-cell__compactBottom_yqcv9 {
+    padding-bottom: var(--gap-xs);
+} .pure-cell__tinyBottom_yqcv9 {
+    padding-bottom: var(--gap-2xs);
+} .pure-cell__left_yqcv9 {
     padding-left: var(--gap-m);
-} .pure-cell__right_a0jto {
+} .pure-cell__right_yqcv9 {
     padding-right: var(--gap-m);
-} .pure-cell__both_a0jto {
+} .pure-cell__both_yqcv9 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_a0jto {
+} .pure-cell__focused_yqcv9 {
     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-c5ff489c.js';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 1pnw5 */
+/* hash: jedhi */
 :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_yqcv9 {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_a0jto {
+} .pure-cell__horizontal_yqcv9 {
     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_yqcv9 {
     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_yqcv9 {
     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_yqcv9:hover {
         opacity: 0.8;
-    } .pure-cell__button_a0jto:active {
+    } .pure-cell__button_yqcv9:active {
         opacity: 0.6;
-    } .pure-cell__link_a0jto {
+    } .pure-cell__link_yqcv9 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_a0jto:hover {
+} .pure-cell__link_yqcv9:hover {
         opacity: 0.8;
-    } .pure-cell__link_a0jto:active {
+    } .pure-cell__link_yqcv9:active {
         opacity: 0.6;
-    } .pure-cell__none_a0jto {
+    } .pure-cell__none_yqcv9 {
     padding: 0;
-} .pure-cell__airy_a0jto {
+} .pure-cell__airy_yqcv9 {
     padding: var(--gap-m) 0;
-} .pure-cell__defaultPadding_a0jto {
+} .pure-cell__default_yqcv9 {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_a0jto {
+} .pure-cell__compact_yqcv9 {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_a0jto {
+} .pure-cell__tiny_yqcv9 {
     padding: var(--gap-2xs) 0;
-} .pure-cell__left_a0jto {
+} .pure-cell__noneTop_yqcv9 {
+    padding-top: 0;
+} .pure-cell__airyTop_yqcv9 {
+    padding-top: var(--gap-m);
+} .pure-cell__defaultTop_yqcv9 {
+    padding-top: var(--gap-s);
+} .pure-cell__compactTop_yqcv9 {
+    padding-top: var(--gap-xs);
+} .pure-cell__tinyTop_yqcv9 {
+    padding-top: var(--gap-2xs);
+} .pure-cell__noneBottom_yqcv9 {
+    padding-bottom: 0;
+} .pure-cell__airyBottom_yqcv9 {
+    padding-bottom: var(--gap-m);
+} .pure-cell__defaultBottom_yqcv9 {
+    padding-bottom: var(--gap-s);
+} .pure-cell__compactBottom_yqcv9 {
+    padding-bottom: var(--gap-xs);
+} .pure-cell__tinyBottom_yqcv9 {
+    padding-bottom: var(--gap-2xs);
+} .pure-cell__left_yqcv9 {
     padding-left: var(--gap-m);
-} .pure-cell__right_a0jto {
+} .pure-cell__right_yqcv9 {
     padding-right: var(--gap-m);
-} .pure-cell__both_a0jto {
+} .pure-cell__both_yqcv9 {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_a0jto {
+} .pure-cell__focused_yqcv9 {
     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-40566f8c.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-4f06f921.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-4f06f921.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_a9h8y","none":"pure-cell__none_a9h8y","default":"pure-cell__default_a9h8y","addonPadding":"pure-cell__addonPadding_a9h8y","auto":"pure-cell__auto_a9h8y","top":"pure-cell__top_a9h8y","center":"pure-cell__center_a9h8y","bottom":"pure-cell__bottom_a9h8y"};
 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_u1eeb"};
 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_f3mfl","weight":"pure-cell__weight_f3mfl"};
 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_x893m","categoryName":"pure-cell__categoryName_x893m","categoryPercent":"pure-cell__categoryPercent_x893m","rightAddon":"pure-cell__rightAddon_x893m"};
 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_355fw","horizontal":"pure-cell__horizontal_355fw"};
 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_vnny8","none":"pure-cell__none_vnny8","default":"pure-cell__default_vnny8"};
 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_cfj2h"};
 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_kmuuv","top":"pure-cell__top_kmuuv","center":"pure-cell__center_kmuuv","bottom":"pure-cell__bottom_kmuuv","horizontal":"pure-cell__horizontal_kmuuv","none":"pure-cell__none_kmuuv","airy":"pure-cell__airy_kmuuv","default":"pure-cell__default_kmuuv","compact":"pure-cell__compact_kmuuv","tiny":"pure-cell__tiny_kmuuv","vertical":"pure-cell__vertical_kmuuv"};
 require('./components/graphics/index.css')
 
-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_2fv7t","vertical":"pure-cell__vertical_2fv7t","reverse":"pure-cell__reverse_2fv7t"};
 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_16dfl","rowLimit1":"pure-cell__rowLimit1_16dfl","rowLimit2":"pure-cell__rowLimit2_16dfl","component":"pure-cell__component_16dfl","vertical":"pure-cell__vertical_16dfl","title":"pure-cell__title_16dfl","value":"pure-cell__value_16dfl"};
 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_yqcv9","horizontal":"pure-cell__horizontal_yqcv9","vertical":"pure-cell__vertical_yqcv9","button":"pure-cell__button_yqcv9","link":"pure-cell__link_yqcv9","none":"pure-cell__none_yqcv9","airy":"pure-cell__airy_yqcv9","default":"pure-cell__default_yqcv9","compact":"pure-cell__compact_yqcv9","tiny":"pure-cell__tiny_yqcv9","noneTop":"pure-cell__noneTop_yqcv9","airyTop":"pure-cell__airyTop_yqcv9","defaultTop":"pure-cell__defaultTop_yqcv9","compactTop":"pure-cell__compactTop_yqcv9","tinyTop":"pure-cell__tinyTop_yqcv9","noneBottom":"pure-cell__noneBottom_yqcv9","airyBottom":"pure-cell__airyBottom_yqcv9","defaultBottom":"pure-cell__defaultBottom_yqcv9","compactBottom":"pure-cell__compactBottom_yqcv9","tinyBottom":"pure-cell__tinyBottom_yqcv9","left":"pure-cell__left_yqcv9","right":"pure-cell__right_yqcv9","both":"pure-cell__both_yqcv9","focused":"pure-cell__focused_yqcv9"};
 require('./index.css')
 
 /* eslint-disable 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-4f06f921.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-4f06f921.js';