@alfalab/core-components-pure-cell 6.0.5 → 6.0.6

package/modern/components/text/index.css

@@ -5,23 +5,23 @@
     --gap-2: var(--gap-3xs);
     --gap-16: var(--gap-m);
 }
-.pure-cell__horizontal_1620s {
+.pure-cell__horizontal_qhgxg {
     padding: var(--gap-2) var(--gap-0);
 }
-.pure-cell__rowLimit1_1620s {
+.pure-cell__rowLimit1_qhgxg {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.pure-cell__rowLimit2_1620s {
+.pure-cell__rowLimit2_qhgxg {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
-.pure-cell__component_1620s {
+.pure-cell__component_qhgxg {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
@@ -29,10 +29,10 @@
     margin: var(--gap-2) var(--gap-0);
     word-break: break-word;
 }
-.pure-cell__component_1620s .pure-cell__vertical_1620s {
+.pure-cell__component_qhgxg .pure-cell__vertical_qhgxg {
         justify-content: center;
     }
-.pure-cell__title_1620s + .pure-cell__value_1620s {
+.pure-cell__title_qhgxg + .pure-cell__value_qhgxg {
     margin-left: var(--gap-16);
     flex-shrink: 0;
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"horizontal":"pure-cell__horizontal_1620s","rowLimit1":"pure-cell__rowLimit1_1620s","rowLimit2":"pure-cell__rowLimit2_1620s","component":"pure-cell__component_1620s","vertical":"pure-cell__vertical_1620s","title":"pure-cell__title_1620s","value":"pure-cell__value_1620s"};
+const styles = {"horizontal":"pure-cell__horizontal_qhgxg","rowLimit1":"pure-cell__rowLimit1_qhgxg","rowLimit2":"pure-cell__rowLimit2_qhgxg","component":"pure-cell__component_qhgxg","vertical":"pure-cell__vertical_qhgxg","title":"pure-cell__title_qhgxg","value":"pure-cell__value_qhgxg"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.css

@@ -18,20 +18,20 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.pure-cell__component_1wfkv {
+.pure-cell__component_d7f57 {
     text-align: inherit;
     box-sizing: border-box;
 }
-.pure-cell__horizontal_1wfkv {
+.pure-cell__horizontal_d7f57 {
     display: flex;
     width: 100%;
 }
-.pure-cell__vertical_1wfkv {
+.pure-cell__vertical_d7f57 {
     display: flex;
     align-items: center;
     flex-direction: column;
 }
-.pure-cell__button_1wfkv {
+.pure-cell__button_d7f57 {
     font-family: inherit;
     background: none;
     border: 0;
@@ -40,80 +40,80 @@
     transition: opacity 0.15s ease-in-out;
     padding: var(--gap-0);
 }
-.pure-cell__button_1wfkv.pure-cell__hover_1wfkv {
+.pure-cell__button_d7f57.pure-cell__hover_d7f57 {
         opacity: 0.8;
     }
-.pure-cell__button_1wfkv.pure-cell__active_1wfkv {
+.pure-cell__button_d7f57.pure-cell__active_d7f57 {
         opacity: 0.6;
     }
-.pure-cell__link_1wfkv {
+.pure-cell__link_d7f57 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     transition: opacity 0.15s ease-in-out;
 }
-.pure-cell__link_1wfkv.pure-cell__hover_1wfkv {
+.pure-cell__link_d7f57.pure-cell__hover_d7f57 {
         opacity: 0.8;
     }
-.pure-cell__link_1wfkv.pure-cell__active_1wfkv {
+.pure-cell__link_d7f57.pure-cell__active_d7f57 {
         opacity: 0.6;
     }
-.pure-cell__none_1wfkv {
+.pure-cell__none_d7f57 {
     padding: var(--gap-0);
 }
-.pure-cell__airy_1wfkv {
+.pure-cell__airy_d7f57 {
     padding: var(--gap-16) var(--gap-0);
 }
-.pure-cell__default_1wfkv {
+.pure-cell__default_d7f57 {
     padding: var(--gap-12) var(--gap-0);
 }
-.pure-cell__compact_1wfkv {
+.pure-cell__compact_d7f57 {
     padding: var(--gap-8) var(--gap-0);
 }
-.pure-cell__tiny_1wfkv {
+.pure-cell__tiny_d7f57 {
     padding: var(--gap-4) var(--gap-0);
 }
-.pure-cell__noneTop_1wfkv {
+.pure-cell__noneTop_d7f57 {
     padding-top: var(--gap-0);
 }
-.pure-cell__airyTop_1wfkv {
+.pure-cell__airyTop_d7f57 {
     padding-top: var(--gap-16);
 }
-.pure-cell__defaultTop_1wfkv {
+.pure-cell__defaultTop_d7f57 {
     padding-top: var(--gap-12);
 }
-.pure-cell__compactTop_1wfkv {
+.pure-cell__compactTop_d7f57 {
     padding-top: var(--gap-8);
 }
-.pure-cell__tinyTop_1wfkv {
+.pure-cell__tinyTop_d7f57 {
     padding-top: var(--gap-4);
 }
-.pure-cell__noneBottom_1wfkv {
+.pure-cell__noneBottom_d7f57 {
     padding-bottom: var(--gap-0);
 }
-.pure-cell__airyBottom_1wfkv {
+.pure-cell__airyBottom_d7f57 {
     padding-bottom: var(--gap-16);
 }
-.pure-cell__defaultBottom_1wfkv {
+.pure-cell__defaultBottom_d7f57 {
     padding-bottom: var(--gap-12);
 }
-.pure-cell__compactBottom_1wfkv {
+.pure-cell__compactBottom_d7f57 {
     padding-bottom: var(--gap-8);
 }
-.pure-cell__tinyBottom_1wfkv {
+.pure-cell__tinyBottom_d7f57 {
     padding-bottom: var(--gap-4);
 }
-.pure-cell__left_1wfkv {
+.pure-cell__left_d7f57 {
     padding-left: var(--gap-16);
 }
-.pure-cell__right_1wfkv {
+.pure-cell__right_d7f57 {
     padding-right: var(--gap-16);
 }
-.pure-cell__both_1wfkv {
+.pure-cell__both_d7f57 {
     padding-right: var(--gap-16);
     padding-left: var(--gap-16);
 }
-.pure-cell__focused_1wfkv {
+.pure-cell__focused_d7f57 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"pure-cell__component_1wfkv","horizontal":"pure-cell__horizontal_1wfkv","vertical":"pure-cell__vertical_1wfkv","button":"pure-cell__button_1wfkv","hover":"pure-cell__hover_1wfkv","active":"pure-cell__active_1wfkv","link":"pure-cell__link_1wfkv","none":"pure-cell__none_1wfkv","airy":"pure-cell__airy_1wfkv","default":"pure-cell__default_1wfkv","compact":"pure-cell__compact_1wfkv","tiny":"pure-cell__tiny_1wfkv","noneTop":"pure-cell__noneTop_1wfkv","airyTop":"pure-cell__airyTop_1wfkv","defaultTop":"pure-cell__defaultTop_1wfkv","compactTop":"pure-cell__compactTop_1wfkv","tinyTop":"pure-cell__tinyTop_1wfkv","noneBottom":"pure-cell__noneBottom_1wfkv","airyBottom":"pure-cell__airyBottom_1wfkv","defaultBottom":"pure-cell__defaultBottom_1wfkv","compactBottom":"pure-cell__compactBottom_1wfkv","tinyBottom":"pure-cell__tinyBottom_1wfkv","left":"pure-cell__left_1wfkv","right":"pure-cell__right_1wfkv","both":"pure-cell__both_1wfkv","focused":"pure-cell__focused_1wfkv"};
+const styles = {"component":"pure-cell__component_d7f57","horizontal":"pure-cell__horizontal_d7f57","vertical":"pure-cell__vertical_d7f57","button":"pure-cell__button_d7f57","hover":"pure-cell__hover_d7f57","active":"pure-cell__active_d7f57","link":"pure-cell__link_d7f57","none":"pure-cell__none_d7f57","airy":"pure-cell__airy_d7f57","default":"pure-cell__default_d7f57","compact":"pure-cell__compact_d7f57","tiny":"pure-cell__tiny_d7f57","noneTop":"pure-cell__noneTop_d7f57","airyTop":"pure-cell__airyTop_d7f57","defaultTop":"pure-cell__defaultTop_d7f57","compactTop":"pure-cell__compactTop_d7f57","tinyTop":"pure-cell__tinyTop_d7f57","noneBottom":"pure-cell__noneBottom_d7f57","airyBottom":"pure-cell__airyBottom_d7f57","defaultBottom":"pure-cell__defaultBottom_d7f57","compactBottom":"pure-cell__compactBottom_d7f57","tinyBottom":"pure-cell__tinyBottom_d7f57","left":"pure-cell__left_d7f57","right":"pure-cell__right_d7f57","both":"pure-cell__both_d7f57","focused":"pure-cell__focused_d7f57"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/moderncssm/component.d.ts

@@ -113,6 +113,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.Re
         children: import("./components/types").FooterElement;
         footerPadding?: "default" | "none";
         dataTestId?: string;
+        className?: string;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
     FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {

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

@@ -14,6 +14,10 @@ type Props = {
      * Используется модификатор -footer
      */
     dataTestId?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 export declare const Footer: React.FC<Props>;
 export {};

package/moderncssm/components/footer/component.js

@@ -4,9 +4,9 @@ import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
 import { PureCellContext } from '../../context.js';
 import styles from './index.module.css';
 
-const Footer = ({ children, footerPadding = 'default', dataTestId }) => {
+const Footer = ({ children, footerPadding = 'default', dataTestId, className, }) => {
     const pureCellContext = useContext(PureCellContext);
-    return (React.createElement("footer", { className: cn(styles.component, styles[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
+    return (React.createElement("footer", { className: cn(styles.component, styles[footerPadding], className), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 
 export { Footer };

package/moderncssm/components/footer/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: FooterElement;\n\n    /**\n     * Вертикальные отступы\n     */\n    footerPadding?: 'default' | 'none';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer\n     */\n    dataTestId?: string;\n};\n\nexport const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <footer\n            className={cn(styles.component, styles[footerPadding])}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n        >\n            {children}\n        </footer>\n    );\n};\n"],"names":[],"mappings":";;;;;;AA4BO,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,aAAa,GAAG,SAAS,EAAE,UAAU,EAAE,KAAI;AAC3F,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,EACxC,cAAA,EAAA,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/footer/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { PureCellContext } from '../../context';\nimport { type FooterElement } from '../types';\n\nimport styles from './index.module.css';\n\ntype Props = {\n    /**\n     * Компоненты\n     */\n    children: FooterElement;\n\n    /**\n     * Вертикальные отступы\n     */\n    footerPadding?: 'default' | 'none';\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования.\n     * Используется модификатор -footer\n     */\n    dataTestId?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n};\n\nexport const Footer: React.FC<Props> = ({\n    children,\n    footerPadding = 'default',\n    dataTestId,\n    className,\n}) => {\n    const pureCellContext = useContext(PureCellContext);\n\n    return (\n        <footer\n            className={cn(styles.component, styles[footerPadding], className)}\n            data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}\n        >\n            {children}\n        </footer>\n    );\n};\n"],"names":[],"mappings":";;;;;;AAiCa,MAAA,MAAM,GAAoB,CAAC,EACpC,QAAQ,EACR,aAAa,GAAG,SAAS,EACzB,UAAU,EACV,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,eAAe,CAAC;AAEnD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,EAAA,cAAA,EACnD,aAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EAE9E,QAAQ,CACJ;AAEjB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pure-cell",
-    "version": "6.0.5",
+    "version": "6.0.6",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -29,6 +29,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.2",
+    "themesVersion": "15.0.4",
     "varsVersion": "11.0.2"
 }

package/src/components/footer/component.tsx

@@ -24,14 +24,24 @@ type Props = {
      * Используется модификатор -footer
      */
     dataTestId?: string;
+
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 
-export const Footer: React.FC<Props> = ({ children, footerPadding = 'default', dataTestId }) => {
+export const Footer: React.FC<Props> = ({
+    children,
+    footerPadding = 'default',
+    dataTestId,
+    className,
+}) => {
     const pureCellContext = useContext(PureCellContext);
 
     return (
         <footer
-            className={cn(styles.component, styles[footerPadding])}
+            className={cn(styles.component, styles[footerPadding], className)}
             data-test-id={getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer')}
         >
             {children}