@alfalab/core-components-product-cover 3.1.2 → 3.1.3-alfasans

package/components/image-card/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type ImageCardProps = {
+export type ImageCardProps = {
     /**
      * Идентификатор карты
      * (например: RM, SQ, SR)

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;AAET;AAED,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                <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;;;;"}

package/components/image-card/index.css

@@ -8,11 +8,11 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__cardMack_12p2i {
+.product-cover__cardMack_71l3k {
     background-color: var(--color-light-neutral-translucent-1300-inverted);
     border-radius: var(--border-radius-2);
 }
-.product-cover__cardImage_12p2i {
+.product-cover__cardImage_71l3k {
     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_12p2i","cardImage":"product-cover__cardImage_12p2i"};
+var styles = {"cardMack":"product-cover__cardMack_71l3k","cardImage":"product-cover__cardImage_71l3k"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-card/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.cardMack {\n    background-color: var(--color-light-neutral-translucent-1300-inverted);\n    border-radius: var(--border-radius-2);\n}\n\n.cardImage {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    bottom: var(--gap-0);\n    right: var(--gap-0);\n    z-index: 1;\n    max-width: 100%;\n    height: 100%;\n    border-radius: inherit;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,+BAA+B,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-card/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.cardMack {\n    background-color: var(--color-light-neutral-translucent-1300-inverted);\n    border-radius: var(--border-radius-2);\n}\n\n.cardImage {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    bottom: var(--gap-0);\n    right: var(--gap-0);\n    z-index: 1;\n    max-width: 100%;\n    height: 100%;\n    border-radius: inherit;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,+BAA+B,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}

package/components/overlay/index.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__overlay_1ed57 {
+.product-cover__overlay_1a567 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -16,12 +16,12 @@
     z-index: 3;
     opacity: 0;
 }
-.product-cover__visible_1ed57 {
+.product-cover__visible_1a567 {
     opacity: 1;
 }
-.product-cover__default_1ed57 {
+.product-cover__default_1a567 {
     background: var(--color-static-neutral-translucent-700-inverted);
 }
-.product-cover__inverted_1ed57 {
+.product-cover__inverted_1a567 {
     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_1ed57","visible":"product-cover__visible_1ed57","default":"product-cover__default_1ed57","inverted":"product-cover__inverted_1ed57"};
+var styles = {"overlay":"product-cover__overlay_1a567","visible":"product-cover__visible_1a567","default":"product-cover__default_1a567","inverted":"product-cover__inverted_1a567"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/overlay/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.overlay {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.default {\n    background: var(--color-static-neutral-translucent-700-inverted);\n}\n\n.inverted {\n    background: var(--color-static-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/overlay/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.overlay {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.default {\n    background: var(--color-static-neutral-translucent-700-inverted);\n}\n\n.inverted {\n    background: var(--color-static-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/components/text/index.css

@@ -5,37 +5,37 @@
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
 }
-.product-cover__component_lwcly {
+.product-cover__component_1a52g {
     display: flex;
     flex-direction: column;
     z-index: 2;
     gap: var(--gap-2);
 }
-.product-cover__cardholderName_lwcly {
+.product-cover__cardholderName_1a52g {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.product-cover__cardNumber_lwcly {
+.product-cover__cardNumber_1a52g {
     display: flex;
     align-items: center;
 }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g {
     margin-left: 5px;
     width: 24px;
     height: 24px;
     cursor: pointer;
     color: var(--color-static-text-primary-light);
 }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly:hover {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g:hover {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly:active {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g:active {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly > span {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g > 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_lwcly","cardholderName":"product-cover__cardholderName_lwcly","cardNumber":"product-cover__cardNumber_lwcly","buttonEye":"product-cover__buttonEye_lwcly"};
+var styles = {"component":"product-cover__component_1a52g","cardholderName":"product-cover__cardholderName_1a52g","cardNumber":"product-cover__cardNumber_1a52g","buttonEye":"product-cover__buttonEye_1a52g"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    gap: var(--gap-2);\n}\n\n.cardholderName {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.cardNumber {\n    display: flex;\n    align-items: center;\n}\n\n.buttonEye.buttonEye {\n    margin-left: 5px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    color: var(--color-static-text-primary-light);\n\n    &:hover {\n        color: var(--color-static-text-primary-light);\n    }\n\n    &:active {\n        color: var(--color-static-text-primary-light);\n    }\n\n    & > span {\n        display: flex;\n        align-items: center;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,YAAY,CAAC,iCAAiC,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    gap: var(--gap-2);\n}\n\n.cardholderName {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.cardNumber {\n    display: flex;\n    align-items: center;\n}\n\n.buttonEye.buttonEye {\n    margin-left: 5px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    color: var(--color-static-text-primary-light);\n\n    &:hover {\n        color: var(--color-static-text-primary-light);\n    }\n\n    &:active {\n        color: var(--color-static-text-primary-light);\n    }\n\n    & > span {\n        display: flex;\n        align-items: center;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,YAAY,CAAC,iCAAiC,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}

package/cssm/components/image-card/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type ImageCardProps = {
+export type ImageCardProps = {
     /**
      * Идентификатор карты
      * (например: RM, SQ, SR)

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;AAET;AAED,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                <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;;;;"}

package/cssm/typings.d.ts

@@ -1,6 +1,6 @@
 import { type CSSProperties, type ElementType, type HTMLAttributes, type ReactNode } from 'react';
-export declare type Size = 16 | 32 | 40 | 48 | 96 | 128 | 164;
-export declare type OverlayProps = {
+export type Size = 16 | 32 | 40 | 48 | 96 | 128 | 164;
+export type OverlayProps = {
     /**
      * Набор цветов для компонента
      */
@@ -10,7 +10,7 @@ export declare type OverlayProps = {
      */
     visible?: boolean;
 };
-export declare type SingleCommonProps = {
+export type SingleCommonProps = {
     /**
      * Размер
      */
@@ -108,10 +108,10 @@ export declare type SingleCommonProps = {
      */
     dataTestId?: string;
 };
-export declare type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'numberOfCards' | 'align'>;
-export declare type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'numberOfCards' | 'className' | 'dataTestId' | 'align'>;
-export declare type SizeStack = Exclude<Size, 48 | 96 | 164>;
-export declare type ConditionalProps = {
+export type SingleProps = Omit<SingleCommonProps, 'numberOfСards' | 'numberOfCards' | 'align'>;
+export type BankCardImageProps = Omit<SingleCommonProps, 'size' | 'numberOfСards' | 'numberOfCards' | 'className' | 'dataTestId' | 'align'>;
+export type SizeStack = Exclude<Size, 48 | 96 | 164>;
+export type ConditionalProps = {
     /**
      * Размер
      */
@@ -128,7 +128,7 @@ export declare type ConditionalProps = {
     size?: 40;
     align?: 'bottom' | 'default';
 };
-export declare type StackProps = ConditionalProps & Pick<SingleCommonProps, 'textColor'> & {
+export type StackProps = ConditionalProps & Pick<SingleCommonProps, 'textColor'> & {
     /**
      * Дополнительный класс
      */

package/cssm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { SECOND_CARD_SIZE } from '../consts';\n\nexport function getProductCoverSingleTestIds(dataTestId: string) {\n    return {\n        productCoverSingle: dataTestId,\n        userInfo: getDataTestId(dataTestId, 'user-info'),\n        userInfoEye: getDataTestId(dataTestId, 'user-info-eye-btn'),\n    };\n}\n\nexport function getProductCoverStackTestIds(dataTestId: string) {\n    return {\n        productCoverStack: dataTestId,\n        firstCard: getDataTestId(dataTestId, 'first-card'),\n        secondCard: getDataTestId(dataTestId, 'second-card'),\n        userInfoFirstCard: getDataTestId(dataTestId, 'first-card-user-info'),\n        userInfoSecondCard: getDataTestId(dataTestId, 'second-card-user-info'),\n    };\n}\n\nexport const showNumberOfCards = (sizeCard: number, numberOfCards?: number, align?: string) => {\n    if (numberOfCards) {\n        return numberOfCards >= 2 && numberOfCards < 10 && sizeCard === 40 && align === 'default';\n    }\n\n    return false;\n};\n\nexport const getSizeSecondCard = (size: number, align: string) => {\n    if (align === 'bottom' && size === 40) return 32;\n\n    return SECOND_CARD_SIZE[size];\n};\n"],"names":["getDataTestId","SECOND_CARD_SIZE"],"mappings":";;;;;;;AAIM,SAAU,4BAA4B,CAAC,UAAkB,EAAA;IAC3D,OAAO;AACH,QAAA,kBAAkB,EAAE,UAAU;AAC9B,QAAA,QAAQ,EAAEA,kBAAa,CAAC,UAAU,EAAE,WAAW,CAAC;AAChD,QAAA,WAAW,EAAEA,kBAAa,CAAC,UAAU,EAAE,mBAAmB,CAAC;KAC9D;AACL;AAEM,SAAU,2BAA2B,CAAC,UAAkB,EAAA;IAC1D,OAAO;AACH,QAAA,iBAAiB,EAAE,UAAU;AAC7B,QAAA,SAAS,EAAEA,kBAAa,CAAC,UAAU,EAAE,YAAY,CAAC;AAClD,QAAA,UAAU,EAAEA,kBAAa,CAAC,UAAU,EAAE,aAAa,CAAC;AACpD,QAAA,iBAAiB,EAAEA,kBAAa,CAAC,UAAU,EAAE,sBAAsB,CAAC;AACpE,QAAA,kBAAkB,EAAEA,kBAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KACzE;AACL;IAEa,iBAAiB,GAAG,UAAC,QAAgB,EAAE,aAAsB,EAAE,KAAc,EAAA;AACtF,IAAA,IAAI,aAAa,EAAE;AACf,QAAA,OAAO,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,EAAE,IAAI,QAAQ,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS;AAC5F;AAED,IAAA,OAAO,KAAK;AAChB;AAEa,IAAA,iBAAiB,GAAG,UAAC,IAAY,EAAE,KAAa,EAAA;AACzD,IAAA,IAAI,KAAK,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;AAAE,QAAA,OAAO,EAAE;AAEhD,IAAA,OAAOC,uBAAgB,CAAC,IAAI,CAAC;AACjC;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { SECOND_CARD_SIZE } from '../consts';\n\nexport function getProductCoverSingleTestIds(dataTestId: string) {\n    return {\n        productCoverSingle: dataTestId,\n        userInfo: getDataTestId(dataTestId, 'user-info'),\n        userInfoEye: getDataTestId(dataTestId, 'user-info-eye-btn'),\n    };\n}\n\nexport function getProductCoverStackTestIds(dataTestId: string) {\n    return {\n        productCoverStack: dataTestId,\n        firstCard: getDataTestId(dataTestId, 'first-card'),\n        secondCard: getDataTestId(dataTestId, 'second-card'),\n        userInfoFirstCard: getDataTestId(dataTestId, 'first-card-user-info'),\n        userInfoSecondCard: getDataTestId(dataTestId, 'second-card-user-info'),\n    };\n}\n\nexport const showNumberOfCards = (sizeCard: number, numberOfCards?: number, align?: string) => {\n    if (numberOfCards) {\n        return numberOfCards >= 2 && numberOfCards < 10 && sizeCard === 40 && align === 'default';\n    }\n\n    return false;\n};\n\nexport const getSizeSecondCard = (size: number, align: string) => {\n    if (align === 'bottom' && size === 40) return 32;\n\n    return SECOND_CARD_SIZE[size];\n};\n"],"names":["getDataTestId","SECOND_CARD_SIZE"],"mappings":";;;;;;;AAIM,SAAU,4BAA4B,CAAC,UAAkB,EAAA;IAC3D,OAAO;AACH,QAAA,kBAAkB,EAAE,UAAU;AAC9B,QAAA,QAAQ,EAAEA,kBAAa,CAAC,UAAU,EAAE,WAAW,CAAC;AAChD,QAAA,WAAW,EAAEA,kBAAa,CAAC,UAAU,EAAE,mBAAmB,CAAC;KAC9D;AACL;AAEM,SAAU,2BAA2B,CAAC,UAAkB,EAAA;IAC1D,OAAO;AACH,QAAA,iBAAiB,EAAE,UAAU;AAC7B,QAAA,SAAS,EAAEA,kBAAa,CAAC,UAAU,EAAE,YAAY,CAAC;AAClD,QAAA,UAAU,EAAEA,kBAAa,CAAC,UAAU,EAAE,aAAa,CAAC;AACpD,QAAA,iBAAiB,EAAEA,kBAAa,CAAC,UAAU,EAAE,sBAAsB,CAAC;AACpE,QAAA,kBAAkB,EAAEA,kBAAa,CAAC,UAAU,EAAE,uBAAuB,CAAC;KACzE;AACL;IAEa,iBAAiB,GAAG,UAAC,QAAgB,EAAE,aAAsB,EAAE,KAAc,EAAA;IACtF,IAAI,aAAa,EAAE;AACf,QAAA,OAAO,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,EAAE,IAAI,QAAQ,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS;;AAG7F,IAAA,OAAO,KAAK;AAChB;AAEa,IAAA,iBAAiB,GAAG,UAAC,IAAY,EAAE,KAAa,EAAA;AACzD,IAAA,IAAI,KAAK,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;AAAE,QAAA,OAAO,EAAE;AAEhD,IAAA,OAAOC,uBAAgB,CAAC,IAAI,CAAC;AACjC;;;;;;;"}

package/esm/components/image-card/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-export declare type ImageCardProps = {
+export type ImageCardProps = {
     /**
      * Идентификатор карты
      * (например: RM, SQ, SR)

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;AAET;AAED,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                <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;;;;"}

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

@@ -8,11 +8,11 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__cardMack_12p2i {
+.product-cover__cardMack_71l3k {
     background-color: var(--color-light-neutral-translucent-1300-inverted);
     border-radius: var(--border-radius-2);
 }
-.product-cover__cardImage_12p2i {
+.product-cover__cardImage_71l3k {
     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_12p2i","cardImage":"product-cover__cardImage_12p2i"};
+var styles = {"cardMack":"product-cover__cardMack_71l3k","cardImage":"product-cover__cardImage_71l3k"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-card/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.cardMack {\n    background-color: var(--color-light-neutral-translucent-1300-inverted);\n    border-radius: var(--border-radius-2);\n}\n\n.cardImage {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    bottom: var(--gap-0);\n    right: var(--gap-0);\n    z-index: 1;\n    max-width: 100%;\n    height: 100%;\n    border-radius: inherit;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,UAAU,CAAC,+BAA+B,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/image-card/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.cardMack {\n    background-color: var(--color-light-neutral-translucent-1300-inverted);\n    border-radius: var(--border-radius-2);\n}\n\n.cardImage {\n    position: absolute;\n    top: var(--gap-0);\n    left: var(--gap-0);\n    bottom: var(--gap-0);\n    right: var(--gap-0);\n    z-index: 1;\n    max-width: 100%;\n    height: 100%;\n    border-radius: inherit;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,UAAU,CAAC,+BAA+B,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}

package/esm/components/overlay/index.css

@@ -5,7 +5,7 @@
 :root {
     --gap-0: 0px;
 }
-.product-cover__overlay_1ed57 {
+.product-cover__overlay_1a567 {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -16,12 +16,12 @@
     z-index: 3;
     opacity: 0;
 }
-.product-cover__visible_1ed57 {
+.product-cover__visible_1a567 {
     opacity: 1;
 }
-.product-cover__default_1ed57 {
+.product-cover__default_1a567 {
     background: var(--color-static-neutral-translucent-700-inverted);
 }
-.product-cover__inverted_1ed57 {
+.product-cover__inverted_1a567 {
     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_1ed57","visible":"product-cover__visible_1ed57","default":"product-cover__default_1ed57","inverted":"product-cover__inverted_1ed57"};
+var styles = {"overlay":"product-cover__overlay_1a567","visible":"product-cover__visible_1a567","default":"product-cover__default_1a567","inverted":"product-cover__inverted_1a567"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/overlay/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.overlay {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.default {\n    background: var(--color-static-neutral-translucent-700-inverted);\n}\n\n.inverted {\n    background: var(--color-static-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/overlay/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.overlay {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.default {\n    background: var(--color-static-neutral-translucent-700-inverted);\n}\n\n.inverted {\n    background: var(--color-static-neutral-translucent-700);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,UAAU,CAAC,+BAA+B,CAAC;;;;"}

package/esm/components/text/index.css

@@ -5,37 +5,37 @@
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
 }
-.product-cover__component_lwcly {
+.product-cover__component_1a52g {
     display: flex;
     flex-direction: column;
     z-index: 2;
     gap: var(--gap-2);
 }
-.product-cover__cardholderName_lwcly {
+.product-cover__cardholderName_1a52g {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.product-cover__cardNumber_lwcly {
+.product-cover__cardNumber_1a52g {
     display: flex;
     align-items: center;
 }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g {
     margin-left: 5px;
     width: 24px;
     height: 24px;
     cursor: pointer;
     color: var(--color-static-text-primary-light);
 }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly:hover {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g:hover {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly:active {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g:active {
         color: var(--color-static-text-primary-light);
     }
-.product-cover__buttonEye_lwcly.product-cover__buttonEye_lwcly > span {
+.product-cover__buttonEye_1a52g.product-cover__buttonEye_1a52g > 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_lwcly","cardholderName":"product-cover__cardholderName_lwcly","cardNumber":"product-cover__cardNumber_lwcly","buttonEye":"product-cover__buttonEye_lwcly"};
+var styles = {"component":"product-cover__component_1a52g","cardholderName":"product-cover__cardholderName_1a52g","cardNumber":"product-cover__cardNumber_1a52g","buttonEye":"product-cover__buttonEye_1a52g"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    gap: var(--gap-2);\n}\n\n.cardholderName {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.cardNumber {\n    display: flex;\n    align-items: center;\n}\n\n.buttonEye.buttonEye {\n    margin-left: 5px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    color: var(--color-static-text-primary-light);\n\n    &:hover {\n        color: var(--color-static-text-primary-light);\n    }\n\n    &:active {\n        color: var(--color-static-text-primary-light);\n    }\n\n    & > span {\n        display: flex;\n        align-items: center;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,YAAY,CAAC,iCAAiC,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/text/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    gap: var(--gap-2);\n}\n\n.cardholderName {\n    @mixin row_limit 1;\n    word-break: break-all;\n}\n\n.cardNumber {\n    display: flex;\n    align-items: center;\n}\n\n.buttonEye.buttonEye {\n    margin-left: 5px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n    color: var(--color-static-text-primary-light);\n\n    &:hover {\n        color: var(--color-static-text-primary-light);\n    }\n\n    &:active {\n        color: var(--color-static-text-primary-light);\n    }\n\n    & > span {\n        display: flex;\n        align-items: center;\n    }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,YAAY,CAAC,iCAAiC,CAAC,WAAW,CAAC,gCAAgC,CAAC;;;;"}

package/esm/single/index.css

@@ -28,45 +28,45 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.product-cover__component_xnc16 {
+.product-cover__component_ni4gv {
     display: flex;
     align-items: flex-end;
     position: relative;
     background-color: var(--color-light-neutral-500);
     box-sizing: border-box;
 }
-.product-cover__component_xnc16.product-cover__size-164_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-164_ni4gv {
         border-radius: var(--border-radius-20);
         padding: var(--gap-12) var(--gap-16);
     }
-.product-cover__component_xnc16.product-cover__size-128_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-128_ni4gv {
         border-radius: var(--border-radius-16);
         padding: var(--gap-8) var(--gap-12);
     }
-.product-cover__component_xnc16.product-cover__size-96_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-96_ni4gv {
         border-radius: var(--border-radius-12);
         padding: var(--gap-6) var(--gap-12);
     }
-.product-cover__component_xnc16.product-cover__size-48_xnc16,
-    .product-cover__component_xnc16.product-cover__size-40_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-48_ni4gv,
+    .product-cover__component_ni4gv.product-cover__size-40_ni4gv {
         border-radius: var(--border-radius-6);
         padding: var(--gap-2) var(--gap-4);
     }
-.product-cover__component_xnc16.product-cover__size-32_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-32_ni4gv {
         border-radius: var(--border-radius-4);
         padding: var(--gap-0) var(--gap-2);
     }
-.product-cover__component_xnc16.product-cover__size-16_xnc16 {
+.product-cover__component_ni4gv.product-cover__size-16_ni4gv {
         border-radius: var(--border-radius-2);
     }
-.product-cover__icon_xnc16 {
+.product-cover__icon_ni4gv {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 4;
 }
-.product-cover__border_xnc16 {
+.product-cover__border_ni4gv {
     position: absolute;
     top: var(--gap-0);
     bottom: var(--gap-0);
@@ -76,7 +76,7 @@
     pointer-events: none;
     z-index: 3;
 }
-.product-cover__contentAddons_xnc16 {
+.product-cover__contentAddons_ni4gv {
     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_xnc16","size-164":"product-cover__size-164_xnc16","size-128":"product-cover__size-128_xnc16","size-96":"product-cover__size-96_xnc16","size-48":"product-cover__size-48_xnc16","size-40":"product-cover__size-40_xnc16","size-32":"product-cover__size-32_xnc16","size-16":"product-cover__size-16_xnc16","icon":"product-cover__icon_xnc16","border":"product-cover__border_xnc16","contentAddons":"product-cover__contentAddons_xnc16"};
+var styles = {"component":"product-cover__component_ni4gv","size-164":"product-cover__size-164_ni4gv","size-128":"product-cover__size-128_ni4gv","size-96":"product-cover__size-96_ni4gv","size-48":"product-cover__size-48_ni4gv","size-40":"product-cover__size-40_ni4gv","size-32":"product-cover__size-32_ni4gv","size-16":"product-cover__size-16_ni4gv","icon":"product-cover__icon_ni4gv","border":"product-cover__border_ni4gv","contentAddons":"product-cover__contentAddons_ni4gv"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../src/single/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    display: flex;\n    align-items: flex-end;\n    position: relative;\n    background-color: var(--color-light-neutral-500);\n    box-sizing: border-box;\n\n    &.size-164 {\n        border-radius: var(--border-radius-20);\n        padding: var(--gap-12) var(--gap-16);\n    }\n    &.size-128 {\n        border-radius: var(--border-radius-16);\n        padding: var(--gap-8) var(--gap-12);\n    }\n    &.size-96 {\n        border-radius: var(--border-radius-12);\n        padding: var(--gap-6) var(--gap-12);\n    }\n    &.size-48,\n    &.size-40 {\n        border-radius: var(--border-radius-6);\n        padding: var(--gap-2) var(--gap-4);\n    }\n    &.size-32 {\n        border-radius: var(--border-radius-4);\n        padding: var(--gap-0) var(--gap-2);\n    }\n    &.size-16 {\n        border-radius: var(--border-radius-2);\n    }\n}\n\n.icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 4;\n}\n\n.border {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n}\n\n.contentAddons {\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    overflow: hidden;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,UAAU,CAAC,+BAA+B,CAAC,UAAU,CAAC,+BAA+B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,MAAM,CAAC,2BAA2B,CAAC,QAAQ,CAAC,6BAA6B,CAAC,eAAe,CAAC,oCAAoC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../src/single/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    display: flex;\n    align-items: flex-end;\n    position: relative;\n    background-color: var(--color-light-neutral-500);\n    box-sizing: border-box;\n\n    &.size-164 {\n        border-radius: var(--border-radius-20);\n        padding: var(--gap-12) var(--gap-16);\n    }\n    &.size-128 {\n        border-radius: var(--border-radius-16);\n        padding: var(--gap-8) var(--gap-12);\n    }\n    &.size-96 {\n        border-radius: var(--border-radius-12);\n        padding: var(--gap-6) var(--gap-12);\n    }\n    &.size-48,\n    &.size-40 {\n        border-radius: var(--border-radius-6);\n        padding: var(--gap-2) var(--gap-4);\n    }\n    &.size-32 {\n        border-radius: var(--border-radius-4);\n        padding: var(--gap-0) var(--gap-2);\n    }\n    &.size-16 {\n        border-radius: var(--border-radius-2);\n    }\n}\n\n.icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 4;\n}\n\n.border {\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    right: var(--gap-0);\n    border-radius: inherit;\n    pointer-events: none;\n    z-index: 3;\n}\n\n.contentAddons {\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    overflow: hidden;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,gCAAgC,CAAC,UAAU,CAAC,+BAA+B,CAAC,UAAU,CAAC,+BAA+B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,SAAS,CAAC,8BAA8B,CAAC,MAAM,CAAC,2BAA2B,CAAC,QAAQ,CAAC,6BAA6B,CAAC,eAAe,CAAC,oCAAoC,CAAC;;;;"}