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

package/modern/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: aks5m */
+/* hash: 14ovh */
 :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,12 +15,12 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .pure-cell__component_17wih {
+} .pure-cell__component_stkzt {
     grid-column: 1/3;
     display: grid;
     grid-row-gap: var(--gap-xs)
-} .pure-cell__component_17wih.pure-cell__none_17wih {
+} .pure-cell__component_stkzt.pure-cell__none_stkzt {
         margin-top: 0;
-    } .pure-cell__component_17wih.pure-cell__default_17wih {
+    } .pure-cell__component_stkzt.pure-cell__default_stkzt {
         margin-top: var(--gap-xs);
     }

package/modern/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/footer/index.js

@@ -1 +1 @@
-export { F as Footer } from '../../component-ef65ce67.js';
+export { F as Footer } from '../../component-1f635679.js';

package/modern/components/footer-button/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-shared/modern';
-export { d as FooterButton } from '../../component-ef65ce67.js';
+export { d as FooterButton } from '../../component-1f635679.js';

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

@@ -1,4 +1,4 @@
-/* hash: izt4j */
+/* hash: 5y7hd */
 :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 */
@@ -14,6 +14,6 @@
 } :root {
 } :root {
 } :root {
-} .pure-cell__component_6ojmm {
+} .pure-cell__component_f9m0w {
     justify-self: start;
 }

package/modern/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/footer-button/index.js

@@ -1 +1 @@
-export { d as FooterButton } from '../../component-ef65ce67.js';
+export { d as FooterButton } from '../../component-1f635679.js';

package/modern/components/footer-text/component.js

@@ -1,4 +1,4 @@
 import 'react';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { e as FooterText } from '../../component-ef65ce67.js';
+export { e as FooterText } from '../../component-1f635679.js';

package/modern/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/footer-text/index.js

@@ -1 +1 @@
-export { e as FooterText } from '../../component-ef65ce67.js';
+export { e as FooterText } from '../../component-1f635679.js';

package/modern/components/graphics/component.js

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

package/modern/components/graphics/index.css

@@ -1,4 +1,4 @@
-/* hash: bn8ss */
+/* hash: t6t75 */
 :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 */
@@ -18,33 +18,59 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .pure-cell__component_xhf99 {
+} :root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+} .pure-cell__component_19mg8 {
     display: inline-flex;
     flex-basis: auto;
-} .pure-cell__top_xhf99 {
+} .pure-cell__top_19mg8 {
     align-self: flex-start;
-} .pure-cell__center_xhf99 {
+} .pure-cell__center_19mg8 {
     align-self: center;
-} .pure-cell__bottom_xhf99 {
+} .pure-cell__bottom_19mg8 {
     align-self: flex-end;
-} .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__none_xhf99 {
+} .pure-cell__horizontal_19mg8:not(:last-child).pure-cell__none_19mg8 {
         margin-right: 0;
-    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__airy_xhf99 {
+    } .pure-cell__horizontal_19mg8:not(:last-child).pure-cell__airy_19mg8 {
         margin-right: var(--gap-m);
-    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__default_xhf99 {
+    } .pure-cell__horizontal_19mg8:not(:last-child).pure-cell__default_19mg8 {
         margin-right: var(--gap-s);
-    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__compact_xhf99 {
+    } .pure-cell__horizontal_19mg8:not(:last-child).pure-cell__compact_19mg8 {
         margin-right: var(--gap-xs);
-    } .pure-cell__horizontal_xhf99:not(:last-child).pure-cell__tiny_xhf99 {
+    } .pure-cell__horizontal_19mg8:not(:last-child).pure-cell__tiny_19mg8 {
         margin-right: var(--gap-2xs);
-    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__none_xhf99 {
+    } .pure-cell__vertical_19mg8:not(:last-child).pure-cell__none_19mg8 {
         margin-bottom: 0;
-    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__airy_xhf99 {
+    } .pure-cell__vertical_19mg8:not(:last-child).pure-cell__airy_19mg8 {
         margin-bottom: var(--gap-m);
-    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__default_xhf99 {
+    } .pure-cell__vertical_19mg8:not(:last-child).pure-cell__default_19mg8 {
         margin-bottom: var(--gap-s);
-    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__compact_xhf99 {
+    } .pure-cell__vertical_19mg8:not(:last-child).pure-cell__compact_19mg8 {
         margin-bottom: var(--gap-xs);
-    } .pure-cell__vertical_xhf99:not(:last-child).pure-cell__tiny_xhf99 {
+    } .pure-cell__vertical_19mg8:not(:last-child).pure-cell__tiny_19mg8 {
         margin-bottom: var(--gap-2xs);
+    } .pure-cell__button_19mg8 {
+    box-sizing: border-box;
+    background-color: transparent;
+    -webkit-tap-highlight-color: transparent;
+    outline: none;
+    border: 0;
+    margin: 0;
+    box-shadow: none;
+    border-radius: 0;
+    -webkit-user-select: none;
+            user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    min-width: 0;
+    cursor: pointer;
+    padding: 0;
+    transition: opacity 0.15s ease-in-out;
+    min-width: auto
+} .pure-cell__button_19mg8:hover {
+        opacity: var(--pure-cell-clickable-area-hover-opacity);
+    } .pure-cell__button_19mg8:active {
+        opacity: var(--pure-cell-clickable-area-active-opacity);
     }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/graphics/index.js

@@ -1 +1 @@
-export { G as Graphics } from '../../component-ef65ce67.js';
+export { G as Graphics } from '../../component-1f635679.js';

package/modern/components/main/component.js

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

package/modern/components/main/index.css

@@ -1,4 +1,4 @@
-/* hash: xaa7e */
+/* hash: 1wnmi */
 :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,46 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .pure-cell__component_19tfu {
+} :root {
+    --pure-cell-clickable-area-hover-opacity: 1;
+    --pure-cell-clickable-area-active-opacity: 1;
+} .pure-cell__component_10s3g {
     display: flex;
     flex-direction: column;
     align-self: center;
 
     /* can use /r/n */
     white-space: pre-line
-} .pure-cell__component_19tfu.pure-cell__vertical_19tfu {
+} .pure-cell__component_10s3g.pure-cell__vertical_10s3g {
         grid-row-gap: var(--gap-3xs);
         justify-content: center;
         align-items: center;
 
         /* for button */
         text-align: center;
-    } .pure-cell__component_19tfu.pure-cell__reverse_19tfu {
+    } .pure-cell__component_10s3g.pure-cell__reverse_10s3g {
         flex-direction: column-reverse;
-    }
+    } .pure-cell__component_10s3g.pure-cell__button_10s3g {
+        box-sizing: border-box;
+        background-color: transparent;
+        -webkit-tap-highlight-color: transparent;
+        outline: none;
+        border: 0;
+        margin: 0;
+        box-shadow: none;
+        border-radius: 0;
+        -webkit-user-select: none;
+                user-select: none;
+        vertical-align: middle;
+        appearance: none;
+        text-decoration: none;
+        min-width: 0;
+        cursor: pointer;
+        padding: 0;
+        transition: opacity 0.15s ease-in-out;
+        min-width: auto
+    } .pure-cell__component_10s3g.pure-cell__button_10s3g:hover {
+            opacity: var(--pure-cell-clickable-area-hover-opacity);
+        } .pure-cell__component_10s3g.pure-cell__button_10s3g:active {
+            opacity: var(--pure-cell-clickable-area-active-opacity);
+        }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/main/index.js

@@ -1 +1 @@
-export { M as Main } from '../../component-ef65ce67.js';
+export { M as Main } from '../../component-1f635679.js';

package/modern/components/text/component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/modern';
 import '@alfalab/core-components-typography/modern';
-export { T as Text } from '../../component-ef65ce67.js';
+export { T as Text } from '../../component-1f635679.js';

package/modern/components/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 524dt */
+/* hash: z67pt */
 :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_1ima4 {
+} .pure-cell__horizontal_13jcm {
     padding: var(--gap-3xs) 0;
-} .pure-cell__rowLimit1_1ima4 {
+} .pure-cell__rowLimit1_13jcm {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .pure-cell__rowLimit2_1ima4 {
+} .pure-cell__rowLimit2_13jcm {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .pure-cell__component_1ima4 {
+} .pure-cell__component_13jcm {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     margin: var(--gap-3xs) 0;
     word-break: break-word;
-} .pure-cell__component_1ima4 .pure-cell__vertical_1ima4 {
+} .pure-cell__component_13jcm .pure-cell__vertical_13jcm {
         justify-content: center;
-    } .pure-cell__title_1ima4 + .pure-cell__value_1ima4 {
+    } .pure-cell__title_13jcm + .pure-cell__value_13jcm {
     margin-left: var(--gap-m);
     flex-shrink: 0;
 }

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

@@ -1 +1 @@
-export * from "../../component-ef65ce67";
+export * from "../../component-1f635679";

package/modern/components/text/index.js

@@ -1 +1 @@
-export { T as Text } from '../../component-ef65ce67.js';
+export { T as Text } from '../../component-1f635679.js';

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qt6n */
+/* hash: 1eiv8 */
 :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,17 +20,17 @@
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
-} .pure-cell__component_1vn59 {
+} .pure-cell__component_njcbn {
     text-align: unset;
     box-sizing: border-box;
-} .pure-cell__horizontal_1vn59 {
+} .pure-cell__horizontal_njcbn {
     display: flex;
     width: 100%;
-} .pure-cell__vertical_1vn59 {
+} .pure-cell__vertical_njcbn {
     display: flex;
     align-items: center;
     flex-direction: column;
-} .pure-cell__button_1vn59 {
+} .pure-cell__button_njcbn {
     font-family: inherit;
     background: none;
     border: 0;
@@ -38,57 +38,57 @@
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
     padding: 0
-} .pure-cell__button_1vn59:hover {
+} .pure-cell__button_njcbn.pure-cell__hover_njcbn {
         opacity: 0.8;
-    } .pure-cell__button_1vn59:active {
+    } .pure-cell__button_njcbn.pure-cell__active_njcbn {
         opacity: 0.6;
-    } .pure-cell__link_1vn59 {
+    } .pure-cell__link_njcbn {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out
-} .pure-cell__link_1vn59:hover {
+} .pure-cell__link_njcbn.pure-cell__hover_njcbn {
         opacity: 0.8;
-    } .pure-cell__link_1vn59:active {
+    } .pure-cell__link_njcbn.pure-cell__active_njcbn {
         opacity: 0.6;
-    } .pure-cell__none_1vn59 {
+    } .pure-cell__none_njcbn {
     padding: 0;
-} .pure-cell__airy_1vn59 {
+} .pure-cell__airy_njcbn {
     padding: var(--gap-m) 0;
-} .pure-cell__default_1vn59 {
+} .pure-cell__default_njcbn {
     padding: var(--gap-s) 0;
-} .pure-cell__compact_1vn59 {
+} .pure-cell__compact_njcbn {
     padding: var(--gap-xs) 0;
-} .pure-cell__tiny_1vn59 {
+} .pure-cell__tiny_njcbn {
     padding: var(--gap-2xs) 0;
-} .pure-cell__noneTop_1vn59 {
+} .pure-cell__noneTop_njcbn {
     padding-top: 0;
-} .pure-cell__airyTop_1vn59 {
+} .pure-cell__airyTop_njcbn {
     padding-top: var(--gap-m);
-} .pure-cell__defaultTop_1vn59 {
+} .pure-cell__defaultTop_njcbn {
     padding-top: var(--gap-s);
-} .pure-cell__compactTop_1vn59 {
+} .pure-cell__compactTop_njcbn {
     padding-top: var(--gap-xs);
-} .pure-cell__tinyTop_1vn59 {
+} .pure-cell__tinyTop_njcbn {
     padding-top: var(--gap-2xs);
-} .pure-cell__noneBottom_1vn59 {
+} .pure-cell__noneBottom_njcbn {
     padding-bottom: 0;
-} .pure-cell__airyBottom_1vn59 {
+} .pure-cell__airyBottom_njcbn {
     padding-bottom: var(--gap-m);
-} .pure-cell__defaultBottom_1vn59 {
+} .pure-cell__defaultBottom_njcbn {
     padding-bottom: var(--gap-s);
-} .pure-cell__compactBottom_1vn59 {
+} .pure-cell__compactBottom_njcbn {
     padding-bottom: var(--gap-xs);
-} .pure-cell__tinyBottom_1vn59 {
+} .pure-cell__tinyBottom_njcbn {
     padding-bottom: var(--gap-2xs);
-} .pure-cell__left_1vn59 {
+} .pure-cell__left_njcbn {
     padding-left: var(--gap-m);
-} .pure-cell__right_1vn59 {
+} .pure-cell__right_njcbn {
     padding-right: var(--gap-m);
-} .pure-cell__both_1vn59 {
+} .pure-cell__both_njcbn {
     padding-right: var(--gap-m);
     padding-left: var(--gap-m);
-} .pure-cell__focused_1vn59 {
+} .pure-cell__focused_njcbn {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.d.ts

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

package/modern/index.js

@@ -1 +1 @@
-export { P as PureCell } from './component-ef65ce67.js';
+export { P as PureCell } from './component-1f635679.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "4.8.1",
+    "version": "4.9.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -15,8 +15,8 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-amount": "^3.5.0",
-        "@alfalab/core-components-button": "^11.4.1",
+        "@alfalab/core-components-amount": "^3.5.1",
+        "@alfalab/core-components-button": "^11.4.2",
         "@alfalab/core-components-typography": "^4.5.0",
         "@alfalab/core-components-comment": "^2.3.3",
         "@alfalab/core-components-shared": "^0.9.1",

package/src/component.tsx

@@ -6,6 +6,7 @@ import React, {
     forwardRef,
     HTMLAttributes,
     useRef,
+    useState,
 } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
@@ -34,6 +35,8 @@ export type PureCellContext = {
     /** Направление */
     direction?: 'horizontal' | 'vertical';
     dataTestId?: string;
+    setMainHover?: () => void;
+    unsetMainHover?: () => void;
 };
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -120,11 +123,36 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
     ) => {
         const cellRef = useRef<HTMLDivElement>(null);
         const [focused] = useFocus(cellRef, 'keyboard');
+        const [hoverState, setHoverState] = useState<boolean>(false);
+        const [activeState, setActiveState] = useState<boolean>(false);
+
+        const setHover = () => setHoverState(true);
+        const unsetHover = () => setHoverState(false);
+        const setActive = () => setActiveState(true);
+
+        const unsetActive = () => setActiveState(false);
+
+        const mouseEvents = {
+            onMouseEnter: setHover,
+            onMouseLeave: unsetHover,
+            onMouseDown: setActive,
+            onMouseUp: unsetActive,
+        };
+
         const addClasses = {
             [styles.component]: true,
             [styles.focused]: focused,
             [styles[direction]]: true,
             [styles[horizontalPadding]]: true,
+            [styles.hover]: hoverState,
+            [styles.active]: activeState,
+        };
+
+        const contextState: PureCellContext = {
+            direction,
+            dataTestId,
+            setMainHover: setHover,
+            unsetMainHover: unsetHover,
         };
 
         if (typeof verticalPadding === 'string') {
@@ -151,8 +179,9 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
                     className={cn(styles.link, addClasses, className)}
                     data-test-id={dataTestId}
                     onClick={onClick}
+                    {...mouseEvents}
                 >
-                    <PureCellContext.Provider value={{ direction, dataTestId }}>
+                    <PureCellContext.Provider value={contextState}>
                         {children}
                     </PureCellContext.Provider>
                 </Component>
@@ -167,8 +196,9 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
                     className={cn(styles.button, addClasses, className)}
                     data-test-id={dataTestId}
                     onClick={onClick}
+                    {...mouseEvents}
                 >
-                    <PureCellContext.Provider value={{ direction, dataTestId }}>
+                    <PureCellContext.Provider value={contextState}>
                         {children}
                     </PureCellContext.Provider>
                 </Component>
@@ -183,9 +213,7 @@ const PureCellComponent = forwardRef<HTMLElement, PureCellProps>(
                 className={cn(addClasses, className)}
                 data-test-id={dataTestId}
             >
-                <PureCellContext.Provider value={{ direction, dataTestId }}>
-                    {children}
-                </PureCellContext.Provider>
+                <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>
             </Component>
         );
     },

package/src/components/addon/component.tsx

@@ -29,6 +29,16 @@ type Props = {
      * Используется модификатор -addon
      */
     dataTestId?: string;
+
+    /**
+     * Клик по контенту аддона.
+     */
+    onClick?: () => void;
+};
+
+const ADDON_COMPONENT: Record<string, keyof Pick<React.ReactHTML, 'button' | 'section'>> = {
+    button: 'button',
+    section: 'section',
 };
 
 export const Addon: React.FC<Props> = ({
@@ -36,15 +46,37 @@ export const Addon: React.FC<Props> = ({
     verticalAlign = 'top',
     addonPadding = 'default',
     dataTestId,
+    onClick,
 }) => {
     const pureCellContext = useContext(PureCellContext);
 
+    const Component = onClick ? ADDON_COMPONENT.button : ADDON_COMPONENT.section;
+
+    const onMouseEvents = {
+        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {
+            e.stopPropagation();
+            onClick?.();
+        },
+        onMouseEnter: () => {
+            pureCellContext.unsetMainHover?.();
+        },
+        onMouseLeave: () => {
+            pureCellContext.setMainHover?.();
+        },
+        onMouseDown: (e: React.MouseEvent<HTMLButtonElement>) => {
+            e.stopPropagation();
+        },
+    };
+
     return (
-        <section
-            className={cn(styles.component, styles[addonPadding], styles[verticalAlign])}
+        <Component
+            className={cn(styles.component, styles[addonPadding], styles[verticalAlign], {
+                [styles.button]: onClick,
+            })}
             data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon')}
+            {...(onClick && onMouseEvents)}
         >
             {children}
-        </section>
+        </Component>
     );
 };