@alfalab/core-components-bank-card 4.3.4 → 4.4.2

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.4.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.1...@alfalab/core-components-bank-card@4.4.2) (2022-08-17)
+
+
+### Bug Fixes
+
+* returned dist directory ([#199](https://github.com/core-ds/core-components/issues/199)) ([fabc15e](https://github.com/core-ds/core-components/commit/fabc15effa1457ca65ec7238206f1b1fc2a2a613))
+
+
+
+
+
+## [4.4.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.4.0...@alfalab/core-components-bank-card@4.4.1) (2022-08-11)
+
+**Note:** Version bump only for package @alfalab/core-components-bank-card
+
+
+
+
+
+# [4.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.4...@alfalab/core-components-bank-card@4.4.0) (2022-08-04)
+
+
+### Bug Fixes
+
+* purgecss fixes ([#179](https://github.com/core-ds/core-components/issues/179)) ([ca52bab](https://github.com/core-ds/core-components/commit/ca52bab7ca82dd45c5693e46fbcec493943b3bbb))
+
+
+### Features
+
+* react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
+
+
+
+
+
 ## [4.3.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-bank-card@4.3.3...@alfalab/core-components-bank-card@4.3.4) (2022-07-25)
 
 **Note:** Version bump only for package @alfalab/core-components-bank-card

package/{Component.js → dist/Component.js}

@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"bank-card__component_qfv3q","aspectRatioContainer":"bank-card__aspectRatioContainer_qfv3q","content":"bank-card__content_qfv3q","label":"bank-card__label_qfv3q","focused":"bank-card__focused_qfv3q","filled":"bank-card__filled_qfv3q","input":"bank-card__input_qfv3q","bankLogo":"bank-card__bankLogo_qfv3q","brandLogo":"bank-card__brandLogo_qfv3q","usePhoto":"bank-card__usePhoto_qfv3q"};
+var styles = {"component":"bank-card__component_eh7qu","aspectRatioContainer":"bank-card__aspectRatioContainer_eh7qu","content":"bank-card__content_eh7qu","label":"bank-card__label_eh7qu","focused":"bank-card__focused_eh7qu","filled":"bank-card__filled_eh7qu","input":"bank-card__input_eh7qu","bankLogo":"bank-card__bankLogo_eh7qu","brandLogo":"bank-card__brandLogo_eh7qu","usePhoto":"bank-card__usePhoto_eh7qu"};
 require('./index.css')
 
 // prettier-ignore

package/{cssm → dist/cssm}/Component.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input/cssm');
+var coreComponentsMaskedInput = require('@alfalab/core-components-masked-input/dist/cssm');
 var BankAlfaLColorIcon = require('@alfalab/icons-classic/BankAlfaLColorIcon');
 var CameraMIcon = require('@alfalab/icons-glyph/CameraMIcon');
 var VisaXxlIcon = require('@alfalab/icons-logotype/VisaXxlIcon');

package/{cssm → dist/cssm}/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('@alfalab/core-components-masked-input/cssm');
+require('@alfalab/core-components-masked-input/dist/cssm');
 require('@alfalab/icons-classic/BankAlfaLColorIcon');
 require('@alfalab/icons-glyph/CameraMIcon');
 require('@alfalab/icons-logotype/VisaXxlIcon');

package/{cssm → dist/cssm}/index.module.css

@@ -24,10 +24,17 @@
 }
 .component {
     /* TODO: как это будет собираться и работать в webView */
+    --form-control-border-radius: 0;
+    --form-control-border-bottom: 1px solid var(--color-black-60);
+    --form-control-bg-color: transparent;
 
     /* focus */
+    --form-control-focus-border-bottom: 1px solid var(--color-black);
 
     /* hover */
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+    --form-control-font-family: var(--font-family-styrene);
 
     position: relative;
     max-width: 343px;

package/{esm → dist/esm}/Component.js

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import { MaskedInput } from '@alfalab/core-components-masked-input/esm';
+import { MaskedInput } from '@alfalab/core-components-masked-input/dist/esm';
 import { BankAlfaLColorIcon } from '@alfalab/icons-classic/BankAlfaLColorIcon';
 import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
@@ -8,7 +8,7 @@ import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
 import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_qfv3q","aspectRatioContainer":"bank-card__aspectRatioContainer_qfv3q","content":"bank-card__content_qfv3q","label":"bank-card__label_qfv3q","focused":"bank-card__focused_qfv3q","filled":"bank-card__filled_qfv3q","input":"bank-card__input_qfv3q","bankLogo":"bank-card__bankLogo_qfv3q","brandLogo":"bank-card__brandLogo_qfv3q","usePhoto":"bank-card__usePhoto_qfv3q"};
+var styles = {"component":"bank-card__component_eh7qu","aspectRatioContainer":"bank-card__aspectRatioContainer_eh7qu","content":"bank-card__content_eh7qu","label":"bank-card__label_eh7qu","focused":"bank-card__focused_eh7qu","filled":"bank-card__filled_eh7qu","input":"bank-card__input_eh7qu","bankLogo":"bank-card__bankLogo_eh7qu","brandLogo":"bank-card__brandLogo_eh7qu","usePhoto":"bank-card__usePhoto_eh7qu"};
 require('./index.css')
 
 // prettier-ignore

package/{index.css → dist/esm/index.css}

@@ -1,4 +1,4 @@
-/* hash: 3a6ky */
+/* hash: x1swn */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,23 +23,30 @@
 :root {
     --border-radius-l: 12px;
 }
-.bank-card__component_qfv3q {
+.bank-card__component_eh7qu {
     /* TODO: как это будет собираться и работать в webView */
+    --form-control-border-radius: 0;
+    --form-control-border-bottom: 1px solid var(--color-black-60);
+    --form-control-bg-color: transparent;
 
     /* focus */
+    --form-control-focus-border-bottom: 1px solid var(--color-black);
 
     /* hover */
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+    --form-control-font-family: var(--font-family-styrene);
 
     position: relative;
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_qfv3q {
+.bank-card__aspectRatioContainer_eh7qu {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_qfv3q {
+.bank-card__content_eh7qu {
     position: absolute;
     top: 0;
     right: 0;
@@ -52,7 +59,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -60,25 +67,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_qfv3q:before {
+.bank-card__focused_eh7qu:before {
     transform: scale(1) !important;
 }
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -92,33 +99,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_qfv3q {
+.bank-card__bankLogo_eh7qu {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_qfv3q svg {
+.bank-card__bankLogo_eh7qu svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_qfv3q svg g {
+.bank-card__bankLogo_eh7qu svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_qfv3q {
+.bank-card__brandLogo_eh7qu {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_qfv3q svg {
+.bank-card__brandLogo_eh7qu svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_qfv3q {
+.bank-card__usePhoto_eh7qu {
     display: block;
     margin: 0;
     padding: 0;
@@ -136,7 +143,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_qfv3q svg {
+.bank-card__usePhoto_eh7qu svg {
         fill: var(--color-black);
         display: block;
     }

package/{esm → dist/esm}/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import '@alfalab/core-components-masked-input/esm';
+import '@alfalab/core-components-masked-input/dist/esm';
 import '@alfalab/icons-classic/BankAlfaLColorIcon';
 import '@alfalab/icons-glyph/CameraMIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';

package/{modern → dist}/index.css

@@ -1,4 +1,4 @@
-/* hash: 3a6ky */
+/* hash: x1swn */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,23 +23,30 @@
 :root {
     --border-radius-l: 12px;
 }
-.bank-card__component_qfv3q {
+.bank-card__component_eh7qu {
     /* TODO: как это будет собираться и работать в webView */
+    --form-control-border-radius: 0;
+    --form-control-border-bottom: 1px solid var(--color-black-60);
+    --form-control-bg-color: transparent;
 
     /* focus */
+    --form-control-focus-border-bottom: 1px solid var(--color-black);
 
     /* hover */
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+    --form-control-font-family: var(--font-family-styrene);
 
     position: relative;
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_qfv3q {
+.bank-card__aspectRatioContainer_eh7qu {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_qfv3q {
+.bank-card__content_eh7qu {
     position: absolute;
     top: 0;
     right: 0;
@@ -52,7 +59,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -60,25 +67,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_qfv3q:before {
+.bank-card__focused_eh7qu:before {
     transform: scale(1) !important;
 }
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -92,33 +99,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_qfv3q {
+.bank-card__bankLogo_eh7qu {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_qfv3q svg {
+.bank-card__bankLogo_eh7qu svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_qfv3q svg g {
+.bank-card__bankLogo_eh7qu svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_qfv3q {
+.bank-card__brandLogo_eh7qu {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_qfv3q svg {
+.bank-card__brandLogo_eh7qu svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_qfv3q {
+.bank-card__usePhoto_eh7qu {
     display: block;
     margin: 0;
     padding: 0;
@@ -136,7 +143,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_qfv3q svg {
+.bank-card__usePhoto_eh7qu svg {
         fill: var(--color-black);
         display: block;
     }

package/{modern → dist/modern}/Component.js

@@ -1,6 +1,6 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
-import { MaskedInput } from '@alfalab/core-components-masked-input/modern';
+import { MaskedInput } from '@alfalab/core-components-masked-input/dist/modern';
 import { BankAlfaLColorIcon } from '@alfalab/icons-classic/BankAlfaLColorIcon';
 import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
@@ -8,7 +8,7 @@ import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
 import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { validateCardNumber } from './utils.js';
 
-var styles = {"component":"bank-card__component_qfv3q","aspectRatioContainer":"bank-card__aspectRatioContainer_qfv3q","content":"bank-card__content_qfv3q","label":"bank-card__label_qfv3q","focused":"bank-card__focused_qfv3q","filled":"bank-card__filled_qfv3q","input":"bank-card__input_qfv3q","bankLogo":"bank-card__bankLogo_qfv3q","brandLogo":"bank-card__brandLogo_qfv3q","usePhoto":"bank-card__usePhoto_qfv3q"};
+var styles = {"component":"bank-card__component_eh7qu","aspectRatioContainer":"bank-card__aspectRatioContainer_eh7qu","content":"bank-card__content_eh7qu","label":"bank-card__label_eh7qu","focused":"bank-card__focused_eh7qu","filled":"bank-card__filled_eh7qu","input":"bank-card__input_eh7qu","bankLogo":"bank-card__bankLogo_eh7qu","brandLogo":"bank-card__brandLogo_eh7qu","usePhoto":"bank-card__usePhoto_eh7qu"};
 require('./index.css')
 
 // prettier-ignore

package/{esm → dist/modern}/index.css

@@ -1,4 +1,4 @@
-/* hash: 3a6ky */
+/* hash: x1swn */
 :root {
     --color-black: #000;
     --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,23 +23,30 @@
 :root {
     --border-radius-l: 12px;
 }
-.bank-card__component_qfv3q {
+.bank-card__component_eh7qu {
     /* TODO: как это будет собираться и работать в webView */
+    --form-control-border-radius: 0;
+    --form-control-border-bottom: 1px solid var(--color-black-60);
+    --form-control-bg-color: transparent;
 
     /* focus */
+    --form-control-focus-border-bottom: 1px solid var(--color-black);
 
     /* hover */
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+    --form-control-font-family: var(--font-family-styrene);
 
     position: relative;
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
 }
-.bank-card__aspectRatioContainer_qfv3q {
+.bank-card__aspectRatioContainer_eh7qu {
     /* Эталонный размер 343x215 */
     padding-bottom: 62.6%;
 }
-.bank-card__content_qfv3q {
+.bank-card__content_eh7qu {
     position: absolute;
     top: 0;
     right: 0;
@@ -52,7 +59,7 @@
     border-radius: var(--border-radius-l);
     box-sizing: border-box;
 }
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
     left: 0;
     transform: translateY(-1px);
     color: var(--color-black-60);
@@ -60,25 +67,25 @@
     line-height: 24px
 }
 @media (max-width: 360px) {
-.bank-card__label_qfv3q {
+.bank-card__label_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
     color: var(--color-black);
     transform: translateY(-19px) scale(0.6)
 }
 @media (max-width: 360px) {
-.bank-card__focused_qfv3q .bank-card__label_qfv3q,
-.bank-card__filled_qfv3q .bank-card__label_qfv3q {
+.bank-card__focused_eh7qu .bank-card__label_eh7qu,
+.bank-card__filled_eh7qu .bank-card__label_eh7qu {
         transform: translateY(-22px) scale(0.75)
 }
     }
-.bank-card__focused_qfv3q:before {
+.bank-card__focused_eh7qu:before {
     transform: scale(1) !important;
 }
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -92,33 +99,33 @@
     padding-left: 0 !important
 }
 @media (max-width: 360px) {
-.bank-card__input_qfv3q {
+.bank-card__input_eh7qu {
         font-size: 16px
 }
     }
-.bank-card__bankLogo_qfv3q {
+.bank-card__bankLogo_eh7qu {
     position: absolute;
     top: 20px;
     left: 20px
 }
-.bank-card__bankLogo_qfv3q svg {
+.bank-card__bankLogo_eh7qu svg {
         max-height: 30px;
         width: auto;
         display: block
     }
-.bank-card__bankLogo_qfv3q svg g {
+.bank-card__bankLogo_eh7qu svg g {
             fill: var(--color-black);
         }
-.bank-card__brandLogo_qfv3q {
+.bank-card__brandLogo_eh7qu {
     position: absolute;
     bottom: 20px;
     right: 20px
 }
-.bank-card__brandLogo_qfv3q svg {
+.bank-card__brandLogo_eh7qu svg {
         display: block;
         fill: var(--color-black);
     }
-.bank-card__usePhoto_qfv3q {
+.bank-card__usePhoto_eh7qu {
     display: block;
     margin: 0;
     padding: 0;
@@ -136,7 +143,7 @@
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-s) * -1)
 }
-.bank-card__usePhoto_qfv3q svg {
+.bank-card__usePhoto_eh7qu svg {
         fill: var(--color-black);
         display: block;
     }

package/{modern → dist/modern}/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import '@alfalab/core-components-masked-input/modern';
+import '@alfalab/core-components-masked-input/dist/modern';
 import '@alfalab/icons-classic/BankAlfaLColorIcon';
 import '@alfalab/icons-glyph/CameraMIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';

package/package.json

@@ -1,27 +1,30 @@
 {
     "name": "@alfalab/core-components-bank-card",
-    "version": "4.3.4",
+    "version": "4.4.2",
     "description": "Bank card component",
     "keywords": [],
     "license": "MIT",
-    "main": "index.js",
-    "module": "./esm/index.js",
+    "main": "dist/index.js",
+    "module": "./dist/esm/index.js",
+    "files": [
+        "dist"
+    ],
     "scripts": {
-        "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
+        "postinstall": "node -e \"if (require('fs').existsSync('./dist/send-stats.js')){require('./dist/send-stats.js')} \""
     },
     "publishConfig": {
-        "access": "public",
-        "directory": "dist"
+        "access": "public"
     },
     "peerDependencies": {
-        "react": "^16.9.0 || ^17.0.1",
-        "react-dom": "^16.9.0 || ^17.0.1"
+        "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
+        "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-masked-input": "^4.4.4",
+        "@alfalab/core-components-masked-input": "^4.5.2",
         "@alfalab/icons-classic": "^1.76.0",
         "@alfalab/icons-glyph": "^2.16.0",
         "@alfalab/icons-logotype": "^1.28.0",
-        "classnames": "^2.2.6"
-    }
+        "classnames": "^2.3.1"
+    },
+    "gitHead": "4d6c8965d07839e339b370bb7c92bd7f9e24b1f3"
 }