@alfalab/core-components-product-cover 3.1.3 → 3.1.4

package/components/image-card/Component.js

@@ -29,7 +29,9 @@ var ImageCard = function (_a) {
             }, d: 'M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z' }))); };
     var renderImageCard = function () {
         if (!imageFailed) {
-            return (React__default.default.createElement("img", { alt: 'card', className: index_module.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
+            return (
+            // eslint-disable-next-line jsx-a11y/alt-text
+            React__default.default.createElement("img", { className: index_module.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
         }
         return null;
     };

package/components/image-card/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                <img\n                    alt='card'\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":["useId","useImageLoadingState","React","styles"],"mappings":";;;;;;;;;;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAGA,WAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAGC,0BAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAGA,0BAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzBC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAEC,YAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACTD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACIA,sBAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAAA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,QACIA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,MAAM,EACV,SAAS,EAAEC,YAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAG,CAAA,MAAA,CAAA,cAAc,EAAK,KAAA,CAAA,EAAA,CAChC;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}
+{"version":3,"file":"Component.js","sources":["../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                // eslint-disable-next-line jsx-a11y/alt-text\n                <img\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":["useId","useImageLoadingState","React","styles"],"mappings":";;;;;;;;;;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAGA,WAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAGC,0BAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAGA,0BAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzBC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAEC,YAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACTD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACIA,sBAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAAA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;YACd;;YAEIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,cAAc,EAAA,KAAA,CAAK,EAChC,CAAA;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}

package/components/image-card/index.css

@@ -8,11 +8,11 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__cardMack_1r8mf {
+.product-cover__cardMack_1yvmy {
     background-color: var(--color-light-neutral-translucent-1300-inverted);
     border-radius: var(--border-radius-2);
 }
-.product-cover__cardImage_1r8mf {
+.product-cover__cardImage_1yvmy {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);

package/components/image-card/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"cardMack":"product-cover__cardMack_1r8mf","cardImage":"product-cover__cardImage_1r8mf"};
+var styles = {"cardMack":"product-cover__cardMack_1yvmy","cardImage":"product-cover__cardImage_1yvmy"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/overlay/index.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__overlay_13uc1 {
+.product-cover__overlay_1y3h2 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -16,12 +16,12 @@
     z-index: 3;
     opacity: 0;
 }
-.product-cover__visible_13uc1 {
+.product-cover__visible_1y3h2 {
     opacity: 1;
 }
-.product-cover__default_13uc1 {
+.product-cover__default_1y3h2 {
     background: var(--color-static-neutral-translucent-700-inverted);
 }
-.product-cover__inverted_13uc1 {
+.product-cover__inverted_1y3h2 {
     background: var(--color-static-neutral-translucent-700);
 }

package/components/overlay/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"overlay":"product-cover__overlay_13uc1","visible":"product-cover__visible_13uc1","default":"product-cover__default_13uc1","inverted":"product-cover__inverted_13uc1"};
+var styles = {"overlay":"product-cover__overlay_1y3h2","visible":"product-cover__visible_1y3h2","default":"product-cover__default_1y3h2","inverted":"product-cover__inverted_1y3h2"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/text/index.css

@@ -5,37 +5,37 @@
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
 }
-.product-cover__component_2trks {
+.product-cover__component_uwgu3 {
     display: flex;
     flex-direction: column;
     z-index: 2;
     gap: var(--gap-2);
 }
-.product-cover__cardholderName_2trks {
+.product-cover__cardholderName_uwgu3 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.product-cover__cardNumber_2trks {
+.product-cover__cardNumber_uwgu3 {
     display: flex;
     align-items: center;
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 {
     margin-left: 5px;
     width: 24px;
     height: 24px;
     cursor: pointer;
     color: var(--color-static-text-primary-light);
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:hover {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:hover {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:active {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:active {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks > span {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 > span {
         display: flex;
         align-items: center;
     }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"product-cover__component_2trks","cardholderName":"product-cover__cardholderName_2trks","cardNumber":"product-cover__cardNumber_2trks","buttonEye":"product-cover__buttonEye_2trks"};
+var styles = {"component":"product-cover__component_uwgu3","cardholderName":"product-cover__cardholderName_uwgu3","cardNumber":"product-cover__cardNumber_uwgu3","buttonEye":"product-cover__buttonEye_uwgu3"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/cssm/components/image-card/Component.js

@@ -30,7 +30,9 @@ var ImageCard = function (_a) {
             }, d: 'M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z' }))); };
     var renderImageCard = function () {
         if (!imageFailed) {
-            return (React__default.default.createElement("img", { alt: 'card', className: styles__default.default.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
+            return (
+            // eslint-disable-next-line jsx-a11y/alt-text
+            React__default.default.createElement("img", { className: styles__default.default.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
         }
         return null;
     };

package/cssm/components/image-card/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                <img\n                    alt='card'\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":["useId","useImageLoadingState","React","styles"],"mappings":";;;;;;;;;;;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAGA,WAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAGC,0BAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAGA,0BAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzBC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACTD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACIA,sBAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAAA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,QACIA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,MAAM,EACV,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAG,CAAA,MAAA,CAAA,cAAc,EAAK,KAAA,CAAA,EAAA,CAChC;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                // eslint-disable-next-line jsx-a11y/alt-text\n                <img\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":["useId","useImageLoadingState","React","styles"],"mappings":";;;;;;;;;;;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAGA,WAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAGC,0BAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAGA,0BAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzBC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACTD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACIA,sBAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAAA,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;YACd;;YAEIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,uBAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,cAAc,EAAA,KAAA,CAAK,EAChC,CAAA;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}

package/esm/components/image-card/Component.js

@@ -21,7 +21,9 @@ var ImageCard = function (_a) {
             }, d: 'M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z' }))); };
     var renderImageCard = function () {
         if (!imageFailed) {
-            return (React.createElement("img", { alt: 'card', className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
+            return (
+            // eslint-disable-next-line jsx-a11y/alt-text
+            React.createElement("img", { className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x") }));
         }
         return null;
     };

package/esm/components/image-card/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                <img\n                    alt='card'\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAG,CAAA,MAAA,CAAA,cAAc,EAAK,KAAA,CAAA,EAAA,CAChC;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                // eslint-disable-next-line jsx-a11y/alt-text\n                <img\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;AA+CO,IAAM,SAAS,GAAuB,UAAC,EAQ7C,EAAA;QAPG,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,qBAA6B,EAA7B,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,GAAA,EAAA;AAE7B,IAAA,IAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAA,SAAA,CAAA,CAAA,MAAA,CAAU,KAAK,CAAE;AACjF,IAAA,IAAM,cAAc,GAChB,KAAK,IAAI,UAAG,OAAO,CAAA,CAAA,MAAA,CAAG,MAAM,EAAA,iBAAA,CAAA,CAAA,MAAA,CAAkB,MAAM,EAAU,SAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,CAAC,CAAE;AAE7E,IAAA,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,IAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,IAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,IAAM,cAAc,GAAG,YAAM,EAAA,QACzB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,OAAQ,CAAA,MAAA,CAAA,cAAc,EAAG,GAAA,CAAA;aAClC,EACD,CAAC,EAAC,qIAAqI,EAAA,CACzI,CACA,EACT,EAAA;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;QACpB,IAAI,CAAC,WAAW,EAAE;YACd;;YAEI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,cAAc,EAAA,KAAA,CAAK,EAChC,CAAA;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}

package/esm/components/image-card/index.css

@@ -8,11 +8,11 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__cardMack_1r8mf {
+.product-cover__cardMack_1yvmy {
     background-color: var(--color-light-neutral-translucent-1300-inverted);
     border-radius: var(--border-radius-2);
 }
-.product-cover__cardImage_1r8mf {
+.product-cover__cardImage_1yvmy {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);

package/esm/components/image-card/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"cardMack":"product-cover__cardMack_1r8mf","cardImage":"product-cover__cardImage_1r8mf"};
+var styles = {"cardMack":"product-cover__cardMack_1yvmy","cardImage":"product-cover__cardImage_1yvmy"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/overlay/index.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__overlay_13uc1 {
+.product-cover__overlay_1y3h2 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -16,12 +16,12 @@
     z-index: 3;
     opacity: 0;
 }
-.product-cover__visible_13uc1 {
+.product-cover__visible_1y3h2 {
     opacity: 1;
 }
-.product-cover__default_13uc1 {
+.product-cover__default_1y3h2 {
     background: var(--color-static-neutral-translucent-700-inverted);
 }
-.product-cover__inverted_13uc1 {
+.product-cover__inverted_1y3h2 {
     background: var(--color-static-neutral-translucent-700);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"overlay":"product-cover__overlay_13uc1","visible":"product-cover__visible_13uc1","default":"product-cover__default_13uc1","inverted":"product-cover__inverted_13uc1"};
+var styles = {"overlay":"product-cover__overlay_1y3h2","visible":"product-cover__visible_1y3h2","default":"product-cover__default_1y3h2","inverted":"product-cover__inverted_1y3h2"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/text/index.css

@@ -5,37 +5,37 @@
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
 }
-.product-cover__component_2trks {
+.product-cover__component_uwgu3 {
     display: flex;
     flex-direction: column;
     z-index: 2;
     gap: var(--gap-2);
 }
-.product-cover__cardholderName_2trks {
+.product-cover__cardholderName_uwgu3 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.product-cover__cardNumber_2trks {
+.product-cover__cardNumber_uwgu3 {
     display: flex;
     align-items: center;
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 {
     margin-left: 5px;
     width: 24px;
     height: 24px;
     cursor: pointer;
     color: var(--color-static-text-primary-light);
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:hover {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:hover {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:active {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:active {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks > span {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 > span {
         display: flex;
         align-items: center;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"product-cover__component_2trks","cardholderName":"product-cover__cardholderName_2trks","cardNumber":"product-cover__cardNumber_2trks","buttonEye":"product-cover__buttonEye_2trks"};
+var styles = {"component":"product-cover__component_uwgu3","cardholderName":"product-cover__cardholderName_uwgu3","cardNumber":"product-cover__cardNumber_uwgu3","buttonEye":"product-cover__buttonEye_uwgu3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/single/index.css

@@ -28,45 +28,45 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.product-cover__component_18657 {
+.product-cover__component_17rfj {
     display: flex;
     align-items: flex-end;
     position: relative;
     background-color: var(--color-light-neutral-500);
     box-sizing: border-box;
 }
-.product-cover__component_18657.product-cover__size-164_18657 {
+.product-cover__component_17rfj.product-cover__size-164_17rfj {
         border-radius: var(--border-radius-20);
         padding: var(--gap-12) var(--gap-16);
     }
-.product-cover__component_18657.product-cover__size-128_18657 {
+.product-cover__component_17rfj.product-cover__size-128_17rfj {
         border-radius: var(--border-radius-16);
         padding: var(--gap-8) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-96_18657 {
+.product-cover__component_17rfj.product-cover__size-96_17rfj {
         border-radius: var(--border-radius-12);
         padding: var(--gap-6) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-48_18657,
-    .product-cover__component_18657.product-cover__size-40_18657 {
+.product-cover__component_17rfj.product-cover__size-48_17rfj,
+    .product-cover__component_17rfj.product-cover__size-40_17rfj {
         border-radius: var(--border-radius-6);
         padding: var(--gap-2) var(--gap-4);
     }
-.product-cover__component_18657.product-cover__size-32_18657 {
+.product-cover__component_17rfj.product-cover__size-32_17rfj {
         border-radius: var(--border-radius-4);
         padding: var(--gap-0) var(--gap-2);
     }
-.product-cover__component_18657.product-cover__size-16_18657 {
+.product-cover__component_17rfj.product-cover__size-16_17rfj {
         border-radius: var(--border-radius-2);
     }
-.product-cover__icon_18657 {
+.product-cover__icon_17rfj {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 4;
 }
-.product-cover__border_18657 {
+.product-cover__border_17rfj {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -76,7 +76,7 @@
     pointer-events: none;
     z-index: 3;
 }
-.product-cover__contentAddons_18657 {
+.product-cover__contentAddons_17rfj {
     width: 100%;
     height: 100%;
     z-index: 2;

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"product-cover__component_18657","size-164":"product-cover__size-164_18657","size-128":"product-cover__size-128_18657","size-96":"product-cover__size-96_18657","size-48":"product-cover__size-48_18657","size-40":"product-cover__size-40_18657","size-32":"product-cover__size-32_18657","size-16":"product-cover__size-16_18657","icon":"product-cover__icon_18657","border":"product-cover__border_18657","contentAddons":"product-cover__contentAddons_18657"};
+var styles = {"component":"product-cover__component_17rfj","size-164":"product-cover__size-164_17rfj","size-128":"product-cover__size-128_17rfj","size-96":"product-cover__size-96_17rfj","size-48":"product-cover__size-48_17rfj","size-40":"product-cover__size-40_17rfj","size-32":"product-cover__size-32_17rfj","size-16":"product-cover__size-16_17rfj","icon":"product-cover__icon_17rfj","border":"product-cover__border_17rfj","contentAddons":"product-cover__contentAddons_17rfj"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/stack/index.css

@@ -10,66 +10,66 @@
     --gap-16: var(--gap-m);
     --gap-20-neg: var(--gap-l-neg);
 }
-.product-cover__wrapper_z7oqs {
+.product-cover__wrapper_wtx6k {
     display: flex;
     justify-content: center;
     box-sizing: border-box;
 }
-.product-cover__wrapper_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         height: 128px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k {
         width: 76px;
         height: 56px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-32_wtx6k {
         width: 55px;
         height: 48px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-16_wtx6k {
         width: 28px;
         height: 20px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         width: 65px;
         height: 48px;
     }
-.product-cover__componentImage_z7oqs {
+.product-cover__componentImage_wtx6k {
     align-items: center;
 }
-.product-cover__componentStack_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__componentStack_wtx6k.product-cover__size-128_wtx6k {
         padding-left: var(--gap-8);
     }
-.product-cover__firstCard_z7oqs {
+.product-cover__firstCard_wtx6k {
     z-index: 4;
 }
-.product-cover__firstCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-4);
     }
-.product-cover__firstCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-left: -7px;
         margin-top: var(--gap-4);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         padding-left: var(--gap-8);
         margin-top: 18px;
         margin-left: -221px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -54px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-12);
         margin-left: -47px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-16_wtx6k {
         margin-top: var(--gap-4);
         margin-left: var(--gap-20-neg);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -58px;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"wrapper":"product-cover__wrapper_z7oqs","size-128":"product-cover__size-128_z7oqs","size-40":"product-cover__size-40_z7oqs","size-32":"product-cover__size-32_z7oqs","size-16":"product-cover__size-16_z7oqs","bottom":"product-cover__bottom_z7oqs","componentImage":"product-cover__componentImage_z7oqs","componentStack":"product-cover__componentStack_z7oqs","firstCard":"product-cover__firstCard_z7oqs","wrapperSecondCard":"product-cover__wrapperSecondCard_z7oqs"};
+var styles = {"wrapper":"product-cover__wrapper_wtx6k","size-128":"product-cover__size-128_wtx6k","size-40":"product-cover__size-40_wtx6k","size-32":"product-cover__size-32_wtx6k","size-16":"product-cover__size-16_wtx6k","bottom":"product-cover__bottom_wtx6k","componentImage":"product-cover__componentImage_wtx6k","componentStack":"product-cover__componentStack_wtx6k","firstCard":"product-cover__firstCard_wtx6k","wrapperSecondCard":"product-cover__wrapperSecondCard_wtx6k"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/image-card/Component.js

@@ -20,7 +20,9 @@ const ImageCard = ({ baseUrl, cardId, layers, width, height, numberOfСards, num
             }, d: 'M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z' })));
     const renderImageCard = () => {
         if (!imageFailed) {
-            return (React.createElement("img", { alt: 'card', className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: `${cardImageUrl2x} 2x` }));
+            return (
+            // eslint-disable-next-line jsx-a11y/alt-text
+            React.createElement("img", { className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: `${cardImageUrl2x} 2x` }));
         }
         return null;
     };

package/modern/components/image-card/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                <img\n                    alt='card'\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;MA+Ca,SAAS,GAAuB,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,GAAG,aAAa,GAChC,KAAI;AACD,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,MAAM,YAAY,GAAG,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE;AACjF,IAAA,MAAM,cAAc,GAChB,KAAK,IAAI,GAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAU,OAAA,EAAA,KAAK,GAAG,CAAC,EAAE;AAE7E,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,MAAM,cAAc,GAAG,OACnB,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,CAAQ,KAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAClC,aAAA,EACD,CAAC,EAAC,qIAAqI,EACzI,CAAA,CACA,CACT;IAED,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,CAAG,EAAA,cAAc,CAAK,GAAA,CAAA,EAAA,CAChC;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                // eslint-disable-next-line jsx-a11y/alt-text\n                <img\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;MA+Ca,SAAS,GAAuB,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,GAAG,aAAa,GAChC,KAAI;AACD,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,MAAM,YAAY,GAAG,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE;AACjF,IAAA,MAAM,cAAc,GAChB,KAAK,IAAI,GAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAU,OAAA,EAAA,KAAK,GAAG,CAAC,EAAE;AAE7E,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,MAAM,cAAc,GAAG,OACnB,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,CAAQ,KAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAClC,aAAA,EACD,CAAC,EAAC,qIAAqI,EACzI,CAAA,CACA,CACT;IAED,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,CAAC,WAAW,EAAE;YACd;;YAEI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,CAAA,EAAG,cAAc,CAAA,GAAA,CAAK,EAChC,CAAA;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}

package/modern/components/image-card/index.css

@@ -8,11 +8,11 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__cardMack_1r8mf {
+.product-cover__cardMack_1yvmy {
     background-color: var(--color-light-neutral-translucent-1300-inverted);
     border-radius: var(--border-radius-2);
 }
-.product-cover__cardImage_1r8mf {
+.product-cover__cardImage_1yvmy {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);

package/modern/components/image-card/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"cardMack":"product-cover__cardMack_1r8mf","cardImage":"product-cover__cardImage_1r8mf"};
+const styles = {"cardMack":"product-cover__cardMack_1yvmy","cardImage":"product-cover__cardImage_1yvmy"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/overlay/index.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__overlay_13uc1 {
+.product-cover__overlay_1y3h2 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -16,12 +16,12 @@
     z-index: 3;
     opacity: 0;
 }
-.product-cover__visible_13uc1 {
+.product-cover__visible_1y3h2 {
     opacity: 1;
 }
-.product-cover__default_13uc1 {
+.product-cover__default_1y3h2 {
     background: var(--color-static-neutral-translucent-700-inverted);
 }
-.product-cover__inverted_13uc1 {
+.product-cover__inverted_1y3h2 {
     background: var(--color-static-neutral-translucent-700);
 }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"overlay":"product-cover__overlay_13uc1","visible":"product-cover__visible_13uc1","default":"product-cover__default_13uc1","inverted":"product-cover__inverted_13uc1"};
+const styles = {"overlay":"product-cover__overlay_1y3h2","visible":"product-cover__visible_1y3h2","default":"product-cover__default_1y3h2","inverted":"product-cover__inverted_1y3h2"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/text/index.css

@@ -5,37 +5,37 @@
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
 }
-.product-cover__component_2trks {
+.product-cover__component_uwgu3 {
     display: flex;
     flex-direction: column;
     z-index: 2;
     gap: var(--gap-2);
 }
-.product-cover__cardholderName_2trks {
+.product-cover__cardholderName_uwgu3 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.product-cover__cardNumber_2trks {
+.product-cover__cardNumber_uwgu3 {
     display: flex;
     align-items: center;
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 {
     margin-left: 5px;
     width: 24px;
     height: 24px;
     cursor: pointer;
     color: var(--color-static-text-primary-light);
 }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:hover {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:hover {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks:active {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3:active {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_2trks.product-cover__buttonEye_2trks > span {
+.product-cover__buttonEye_uwgu3.product-cover__buttonEye_uwgu3 > span {
         display: flex;
         align-items: center;
     }

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

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"product-cover__component_2trks","cardholderName":"product-cover__cardholderName_2trks","cardNumber":"product-cover__cardNumber_2trks","buttonEye":"product-cover__buttonEye_2trks"};
+const styles = {"component":"product-cover__component_uwgu3","cardholderName":"product-cover__cardholderName_uwgu3","cardNumber":"product-cover__cardNumber_uwgu3","buttonEye":"product-cover__buttonEye_uwgu3"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/single/index.css

@@ -28,45 +28,45 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.product-cover__component_18657 {
+.product-cover__component_17rfj {
     display: flex;
     align-items: flex-end;
     position: relative;
     background-color: var(--color-light-neutral-500);
     box-sizing: border-box;
 }
-.product-cover__component_18657.product-cover__size-164_18657 {
+.product-cover__component_17rfj.product-cover__size-164_17rfj {
         border-radius: var(--border-radius-20);
         padding: var(--gap-12) var(--gap-16);
     }
-.product-cover__component_18657.product-cover__size-128_18657 {
+.product-cover__component_17rfj.product-cover__size-128_17rfj {
         border-radius: var(--border-radius-16);
         padding: var(--gap-8) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-96_18657 {
+.product-cover__component_17rfj.product-cover__size-96_17rfj {
         border-radius: var(--border-radius-12);
         padding: var(--gap-6) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-48_18657,
-    .product-cover__component_18657.product-cover__size-40_18657 {
+.product-cover__component_17rfj.product-cover__size-48_17rfj,
+    .product-cover__component_17rfj.product-cover__size-40_17rfj {
         border-radius: var(--border-radius-6);
         padding: var(--gap-2) var(--gap-4);
     }
-.product-cover__component_18657.product-cover__size-32_18657 {
+.product-cover__component_17rfj.product-cover__size-32_17rfj {
         border-radius: var(--border-radius-4);
         padding: var(--gap-0) var(--gap-2);
     }
-.product-cover__component_18657.product-cover__size-16_18657 {
+.product-cover__component_17rfj.product-cover__size-16_17rfj {
         border-radius: var(--border-radius-2);
     }
-.product-cover__icon_18657 {
+.product-cover__icon_17rfj {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 4;
 }
-.product-cover__border_18657 {
+.product-cover__border_17rfj {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -76,7 +76,7 @@
     pointer-events: none;
     z-index: 3;
 }
-.product-cover__contentAddons_18657 {
+.product-cover__contentAddons_17rfj {
     width: 100%;
     height: 100%;
     z-index: 2;

package/modern/single/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"product-cover__component_18657","size-164":"product-cover__size-164_18657","size-128":"product-cover__size-128_18657","size-96":"product-cover__size-96_18657","size-48":"product-cover__size-48_18657","size-40":"product-cover__size-40_18657","size-32":"product-cover__size-32_18657","size-16":"product-cover__size-16_18657","icon":"product-cover__icon_18657","border":"product-cover__border_18657","contentAddons":"product-cover__contentAddons_18657"};
+const styles = {"component":"product-cover__component_17rfj","size-164":"product-cover__size-164_17rfj","size-128":"product-cover__size-128_17rfj","size-96":"product-cover__size-96_17rfj","size-48":"product-cover__size-48_17rfj","size-40":"product-cover__size-40_17rfj","size-32":"product-cover__size-32_17rfj","size-16":"product-cover__size-16_17rfj","icon":"product-cover__icon_17rfj","border":"product-cover__border_17rfj","contentAddons":"product-cover__contentAddons_17rfj"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/stack/index.css

@@ -10,66 +10,66 @@
     --gap-16: var(--gap-m);
     --gap-20-neg: var(--gap-l-neg);
 }
-.product-cover__wrapper_z7oqs {
+.product-cover__wrapper_wtx6k {
     display: flex;
     justify-content: center;
     box-sizing: border-box;
 }
-.product-cover__wrapper_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         height: 128px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k {
         width: 76px;
         height: 56px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-32_wtx6k {
         width: 55px;
         height: 48px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-16_wtx6k {
         width: 28px;
         height: 20px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         width: 65px;
         height: 48px;
     }
-.product-cover__componentImage_z7oqs {
+.product-cover__componentImage_wtx6k {
     align-items: center;
 }
-.product-cover__componentStack_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__componentStack_wtx6k.product-cover__size-128_wtx6k {
         padding-left: var(--gap-8);
     }
-.product-cover__firstCard_z7oqs {
+.product-cover__firstCard_wtx6k {
     z-index: 4;
 }
-.product-cover__firstCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-4);
     }
-.product-cover__firstCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-left: -7px;
         margin-top: var(--gap-4);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         padding-left: var(--gap-8);
         margin-top: 18px;
         margin-left: -221px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -54px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-12);
         margin-left: -47px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-16_wtx6k {
         margin-top: var(--gap-4);
         margin-left: var(--gap-20-neg);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -58px;
     }

package/modern/stack/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"wrapper":"product-cover__wrapper_z7oqs","size-128":"product-cover__size-128_z7oqs","size-40":"product-cover__size-40_z7oqs","size-32":"product-cover__size-32_z7oqs","size-16":"product-cover__size-16_z7oqs","bottom":"product-cover__bottom_z7oqs","componentImage":"product-cover__componentImage_z7oqs","componentStack":"product-cover__componentStack_z7oqs","firstCard":"product-cover__firstCard_z7oqs","wrapperSecondCard":"product-cover__wrapperSecondCard_z7oqs"};
+const styles = {"wrapper":"product-cover__wrapper_wtx6k","size-128":"product-cover__size-128_wtx6k","size-40":"product-cover__size-40_wtx6k","size-32":"product-cover__size-32_wtx6k","size-16":"product-cover__size-16_wtx6k","bottom":"product-cover__bottom_wtx6k","componentImage":"product-cover__componentImage_wtx6k","componentStack":"product-cover__componentStack_wtx6k","firstCard":"product-cover__firstCard_wtx6k","wrapperSecondCard":"product-cover__wrapperSecondCard_wtx6k"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/moderncssm/components/image-card/Component.js

@@ -20,7 +20,9 @@ const ImageCard = ({ baseUrl, cardId, layers, width, height, numberOfСards, num
             }, d: 'M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z' })));
     const renderImageCard = () => {
         if (!imageFailed) {
-            return (React.createElement("img", { alt: 'card', className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: `${cardImageUrl2x} 2x` }));
+            return (
+            // eslint-disable-next-line jsx-a11y/alt-text
+            React.createElement("img", { className: styles.cardImage, width: width, height: height, src: cardImageUrl, srcSet: `${cardImageUrl2x} 2x` }));
         }
         return null;
     };

package/moderncssm/components/image-card/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                <img\n                    alt='card'\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;MA+Ca,SAAS,GAAuB,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,GAAG,aAAa,GAChC,KAAI;AACD,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,MAAM,YAAY,GAAG,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE;AACjF,IAAA,MAAM,cAAc,GAChB,KAAK,IAAI,GAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAU,OAAA,EAAA,KAAK,GAAG,CAAC,EAAE;AAE7E,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,MAAM,cAAc,GAAG,OACnB,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,CAAQ,KAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAClC,aAAA,EACD,CAAC,EAAC,qIAAqI,EACzI,CAAA,CACA,CACT;IAED,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,CAAG,EAAA,cAAc,CAAK,GAAA,CAAA,EAAA,CAChC;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../src/components/image-card/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { useId, useImageLoadingState } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\nexport type ImageCardProps = {\n    /**\n     * Идентификатор карты\n     * (например: RM, SQ, SR)\n     */\n    cardId?: string;\n\n    /**\n     * Базовый URL сервиса с изображениями\n     * https://online.alfabank.ru/cards-images/cards/\n     */\n    baseUrl?: string;\n\n    /**\n     * Какие слои показывать, через запятую без пробелов\n     * (полный набор: BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE)\n     */\n    layers?: string;\n\n    /**\n     * Ширина карты\n     */\n    width?: number;\n\n    /**\n     * Высота карты\n     */\n    height?: number;\n\n    /**\n     * (Устаревший) Количество карт\n     * @deprecated Используйте 'numberOfCards'\n     */\n    numberOfСards?: number;\n\n    /**\n     * Количество карт\n     */\n    numberOfCards?: number;\n};\n\nexport const ImageCard: FC<ImageCardProps> = ({\n    baseUrl,\n    cardId,\n    layers,\n    width,\n    height,\n    numberOfСards,\n    numberOfCards = numberOfСards,\n}) => {\n    const imagePatternId = useId();\n\n    const cardImageUrl = `${baseUrl}${cardId}/images?layers=${layers}&width=${width}`;\n    const cardImageUrl2x =\n        width && `${baseUrl}${cardId}/images?layers=${layers}&width=${width * 2}`;\n\n    const imageLoadingState = useImageLoadingState({ src: cardImageUrl || '' });\n    const imageLoadingState2x = useImageLoadingState({ src: cardImageUrl2x || '' });\n    const imageFailed = imageLoadingState === 'error' || imageLoadingState2x === 'error';\n\n    const renderCardMack = () => (\n        <svg\n            width='24'\n            height='16'\n            viewBox='0 0 24 16'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n            className={styles.cardMack}\n        >\n            {!imageFailed && (\n                <defs>\n                    <pattern id={imagePatternId} width='100%' height='100%'>\n                        <image\n                            href={cardImageUrl}\n                            width='100%'\n                            height='100%'\n                            preserveAspectRatio='xMidYMid slice'\n                        />\n                    </pattern>\n                </defs>\n            )}\n            <path\n                style={{\n                    fill: imageFailed\n                        ? 'var(--color-light-neutral-500)'\n                        : `url(#${imagePatternId})`,\n                }}\n                d='M0 13V14C0 15.1046 0.89543 16 2 16H22C23.1046 16 24 15.1046 24 14V2C24 0.895431 23.1046 0 22 0H21V10C21 11.6569 19.6569 13 18 13H0Z'\n            />\n        </svg>\n    );\n\n    const renderImageCard = () => {\n        if (!imageFailed) {\n            return (\n                // eslint-disable-next-line jsx-a11y/alt-text\n                <img\n                    className={styles.cardImage}\n                    width={width}\n                    height={height}\n                    src={cardImageUrl}\n                    srcSet={`${cardImageUrl2x} 2x`}\n                />\n            );\n        }\n\n        return null;\n    };\n\n    return height === 16 && numberOfCards ? renderCardMack() : renderImageCard();\n};\n"],"names":[],"mappings":";;;;MA+Ca,SAAS,GAAuB,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,aAAa,GAAG,aAAa,GAChC,KAAI;AACD,IAAA,MAAM,cAAc,GAAG,KAAK,EAAE;IAE9B,MAAM,YAAY,GAAG,CAAA,EAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE;AACjF,IAAA,MAAM,cAAc,GAChB,KAAK,IAAI,GAAG,OAAO,CAAA,EAAG,MAAM,CAAA,eAAA,EAAkB,MAAM,CAAU,OAAA,EAAA,KAAK,GAAG,CAAC,EAAE;AAE7E,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,YAAY,IAAI,EAAE,EAAE,CAAC;AAC3E,IAAA,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,EAAE,CAAC;IAC/E,MAAM,WAAW,GAAG,iBAAiB,KAAK,OAAO,IAAI,mBAAmB,KAAK,OAAO;AAEpF,IAAA,MAAM,cAAc,GAAG,OACnB,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA;QAEzB,CAAC,WAAW,KACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,EAAE,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA;AACnD,gBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACI,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,gBAAgB,EACtC,CAAA,CACI,CACP,CACV;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,KAAK,EAAE;AACH,gBAAA,IAAI,EAAE;AACF,sBAAE;sBACA,CAAQ,KAAA,EAAA,cAAc,CAAG,CAAA,CAAA;AAClC,aAAA,EACD,CAAC,EAAC,qIAAqI,EACzI,CAAA,CACA,CACT;IAED,MAAM,eAAe,GAAG,MAAK;QACzB,IAAI,CAAC,WAAW,EAAE;YACd;;YAEI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,CAAA,EAAG,cAAc,CAAA,GAAA,CAAK,EAChC,CAAA;;AAIV,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,MAAM,KAAK,EAAE,IAAI,aAAa,GAAG,cAAc,EAAE,GAAG,eAAe,EAAE;AAChF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-product-cover",
-    "version": "3.1.3",
+    "version": "3.1.4",
     "description": "ProductCover component",
     "keywords": [],
     "license": "MIT",

package/single/index.css

@@ -28,45 +28,45 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.product-cover__component_18657 {
+.product-cover__component_17rfj {
     display: flex;
     align-items: flex-end;
     position: relative;
     background-color: var(--color-light-neutral-500);
     box-sizing: border-box;
 }
-.product-cover__component_18657.product-cover__size-164_18657 {
+.product-cover__component_17rfj.product-cover__size-164_17rfj {
         border-radius: var(--border-radius-20);
         padding: var(--gap-12) var(--gap-16);
     }
-.product-cover__component_18657.product-cover__size-128_18657 {
+.product-cover__component_17rfj.product-cover__size-128_17rfj {
         border-radius: var(--border-radius-16);
         padding: var(--gap-8) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-96_18657 {
+.product-cover__component_17rfj.product-cover__size-96_17rfj {
         border-radius: var(--border-radius-12);
         padding: var(--gap-6) var(--gap-12);
     }
-.product-cover__component_18657.product-cover__size-48_18657,
-    .product-cover__component_18657.product-cover__size-40_18657 {
+.product-cover__component_17rfj.product-cover__size-48_17rfj,
+    .product-cover__component_17rfj.product-cover__size-40_17rfj {
         border-radius: var(--border-radius-6);
         padding: var(--gap-2) var(--gap-4);
     }
-.product-cover__component_18657.product-cover__size-32_18657 {
+.product-cover__component_17rfj.product-cover__size-32_17rfj {
         border-radius: var(--border-radius-4);
         padding: var(--gap-0) var(--gap-2);
     }
-.product-cover__component_18657.product-cover__size-16_18657 {
+.product-cover__component_17rfj.product-cover__size-16_17rfj {
         border-radius: var(--border-radius-2);
     }
-.product-cover__icon_18657 {
+.product-cover__icon_17rfj {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 4;
 }
-.product-cover__border_18657 {
+.product-cover__border_17rfj {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -76,7 +76,7 @@
     pointer-events: none;
     z-index: 3;
 }
-.product-cover__contentAddons_18657 {
+.product-cover__contentAddons_17rfj {
     width: 100%;
     height: 100%;
     z-index: 2;

package/single/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"product-cover__component_18657","size-164":"product-cover__size-164_18657","size-128":"product-cover__size-128_18657","size-96":"product-cover__size-96_18657","size-48":"product-cover__size-48_18657","size-40":"product-cover__size-40_18657","size-32":"product-cover__size-32_18657","size-16":"product-cover__size-16_18657","icon":"product-cover__icon_18657","border":"product-cover__border_18657","contentAddons":"product-cover__contentAddons_18657"};
+var styles = {"component":"product-cover__component_17rfj","size-164":"product-cover__size-164_17rfj","size-128":"product-cover__size-128_17rfj","size-96":"product-cover__size-96_17rfj","size-48":"product-cover__size-48_17rfj","size-40":"product-cover__size-40_17rfj","size-32":"product-cover__size-32_17rfj","size-16":"product-cover__size-16_17rfj","icon":"product-cover__icon_17rfj","border":"product-cover__border_17rfj","contentAddons":"product-cover__contentAddons_17rfj"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/src/components/image-card/Component.tsx

@@ -99,8 +99,8 @@ export const ImageCard: FC<ImageCardProps> = ({
     const renderImageCard = () => {
         if (!imageFailed) {
             return (
+                // eslint-disable-next-line jsx-a11y/alt-text
                 <img
-                    alt='card'
                     className={styles.cardImage}
                     width={width}
                     height={height}

package/stack/index.css

@@ -10,66 +10,66 @@
     --gap-16: var(--gap-m);
     --gap-20-neg: var(--gap-l-neg);
 }
-.product-cover__wrapper_z7oqs {
+.product-cover__wrapper_wtx6k {
     display: flex;
     justify-content: center;
     box-sizing: border-box;
 }
-.product-cover__wrapper_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         height: 128px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k {
         width: 76px;
         height: 56px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-32_wtx6k {
         width: 55px;
         height: 48px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-16_wtx6k {
         width: 28px;
         height: 20px;
     }
-.product-cover__wrapper_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapper_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         width: 65px;
         height: 48px;
     }
-.product-cover__componentImage_z7oqs {
+.product-cover__componentImage_wtx6k {
     align-items: center;
 }
-.product-cover__componentStack_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__componentStack_wtx6k.product-cover__size-128_wtx6k {
         padding-left: var(--gap-8);
     }
-.product-cover__firstCard_z7oqs {
+.product-cover__firstCard_wtx6k {
     z-index: 4;
 }
-.product-cover__firstCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-4);
     }
-.product-cover__firstCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__firstCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-left: -7px;
         margin-top: var(--gap-4);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-128_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-128_wtx6k {
         width: 213px;
         padding-left: var(--gap-8);
         margin-top: 18px;
         margin-left: -221px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -54px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-32_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-32_wtx6k {
         margin-top: var(--gap-12);
         margin-left: -47px;
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-16_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-16_wtx6k {
         margin-top: var(--gap-4);
         margin-left: var(--gap-20-neg);
     }
-.product-cover__wrapperSecondCard_z7oqs.product-cover__size-40_z7oqs.product-cover__bottom_z7oqs {
+.product-cover__wrapperSecondCard_wtx6k.product-cover__size-40_wtx6k.product-cover__bottom_wtx6k {
         margin-top: var(--gap-16);
         margin-left: -58px;
     }

package/stack/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"wrapper":"product-cover__wrapper_z7oqs","size-128":"product-cover__size-128_z7oqs","size-40":"product-cover__size-40_z7oqs","size-32":"product-cover__size-32_z7oqs","size-16":"product-cover__size-16_z7oqs","bottom":"product-cover__bottom_z7oqs","componentImage":"product-cover__componentImage_z7oqs","componentStack":"product-cover__componentStack_z7oqs","firstCard":"product-cover__firstCard_z7oqs","wrapperSecondCard":"product-cover__wrapperSecondCard_z7oqs"};
+var styles = {"wrapper":"product-cover__wrapper_wtx6k","size-128":"product-cover__size-128_wtx6k","size-40":"product-cover__size-40_wtx6k","size-32":"product-cover__size-32_wtx6k","size-16":"product-cover__size-16_wtx6k","bottom":"product-cover__bottom_wtx6k","componentImage":"product-cover__componentImage_wtx6k","componentStack":"product-cover__componentStack_wtx6k","firstCard":"product-cover__firstCard_wtx6k","wrapperSecondCard":"product-cover__wrapperSecondCard_wtx6k"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map