feat/DS-17255

.changeset/early-hotels-joke.md

@@ -0,0 +1,9 @@
+---
+'@alfalab/core-components-cdn-icon': patch
+'@alfalab/core-components-card-image': patch
+'@alfalab/core-components-product-cover': patch
+---
+
+##### CDNIcon, CardImage, ProductCover
+
+- Небольшие изменения не влияющие на работу компонента

.changeset/nice-bats-accept.md

@@ -0,0 +1,7 @@
+---
+'@alfalab/core-components-bank-card': patch
+---
+
+##### BankCard
+
+- Логотип по умолчанию добавлен как inline код вместо зависимости

.changeset/petite-oranges-love.md

@@ -0,0 +1,7 @@
+---
+'@alfalab/core-components-mcp': patch
+---
+
+##### MCP
+
+- Исправлены index файлы

.storybook/main.js

@@ -2,16 +2,16 @@ const path = require('node:path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { patchWebpackConfig } = require('storybook-addon-live-examples/dist/cjs/utils');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const { DefinePlugin, NormalModuleReplacementPlugin } = require('webpack');
+const { NormalModuleReplacementPlugin } = require('webpack');
 const postcssConfig = require('../postcss.config');
 const postcssImport = require('postcss-import');
 const loadCss = require('postcss-import/lib/load-content');
 const { getPackages } = require('../tools/monorepo.cjs');
 const { isSamePath } = require('../tools/path.cjs');
 const { resolveInternal } = require('../tools/resolve-internal.cjs');
 const { readPackagesFileSync } = require('../tools/read-packages-file.cjs');
-const { globSync } = require('tinyglobby');
 const { existsSync } = require('node:fs');
+const { createWebpackPlugin, createManagerEnv } = require('../tools/env-manager');
 
 const INTERNAL_PACKAGES = readPackagesFileSync(
     path.resolve(__dirname, '../tools/.internal-packages'),
@@ -120,6 +120,10 @@ function disableReactRefreshOverlay(config) {
  * @type {import('@storybook/react-webpack5').StorybookConfig}
  */
 module.exports = {
+    // env прокидывает переменные в оба бандла Storybook: preview (iframe) и manager.
+    // DefinePlugin из createWebpackPlugin работает только в preview-бандле (через webpackFinal),
+    // поэтому переменные, нужные в manager.js, выносятся сюда отдельно.
+    env: createManagerEnv,
     stories: [
         '../packages/**/*.docs.@(ts|md)x',
         '../packages/**/*.stories.@(ts|md)x',
@@ -289,18 +293,7 @@ module.exports = {
                     }),
                 },
             }),
-            new DefinePlugin({
-                'process.env.BUILD_STORYBOOK_FROM_DIST': JSON.stringify(
-                    process.env.BUILD_STORYBOOK_FROM_DIST,
-                ),
-                'process.env.CORE_COMPONENTS_ENV': JSON.stringify(
-                    mode /* 'DEVELOPMENT' | 'PRODUCTION' */
-                        .toLowerCase(),
-                ),
-                'process.env.CORE_COMPONENTS_VARIANT': JSON.stringify(
-                    process.env.CORE_COMPONENTS_VARIANT,
-                ),
-            }),
+            createWebpackPlugin(mode),
         );
         return config;
     },

.storybook/metrics/config.js

@@ -13,14 +13,20 @@ export const setMetricConfig = () => {
             n.src = w;
             g.parentNode.insertBefore(n, g);
         }
-    })(window, document, 'script', 'https://metrics.alfabank.ru/metrica/sp.js', 'sp');
+    })(
+        window,
+        document,
+        'script',
+        `https://${process.env.CORE_COMPONENTS_METRICS}/metrica/sp.js`,
+        'sp',
+    );
 
     function getMetricUrl() {
         const { hostname } = window.location;
 
         switch (hostname) {
             case 'core-ds.github.io': {
-                return 'metrics.alfabank.ru/metrica/intra';
+                return `${process.env.CORE_COMPONENTS_METRICS}/metrica/intra`;
             }
             default: {
                 return '';

.storybook/scope.ts

@@ -41,4 +41,9 @@ export default {
     ...grid,
     ...dateUtils,
     ...knobs,
+    process: {
+        env: {
+            ...process.env,
+        },
+    },
 };

CHANGELOG.2021.md

@@ -75,7 +75,7 @@
 
 ### BREAKING CHANGES
 
-* Добавьте новый домен в список разрешенных 'img-src': `'self' alfabank.gcdn.co data: 'self'`
+* Добавьте новый домен в список разрешенных 'img-src': `'self' your-domain.co data: 'self'`
 
 This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
 
@@ -650,8 +650,6 @@ This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
 * **skeleton:** inline-block changes to block
 * **confirmation:** buttonRetryText renamed to buttonReturnText
 
-Co-authored-by: Alexander Soldatov <aesoldatov@alfabank.ru>
-
 # [17.6.0](https://github.com/core-ds/core-components/compare/v17.5.1...v17.6.0) (2021-06-22)
 
 

CHANGELOG.2022.md

@@ -508,7 +508,7 @@
 ### [#346](https://github.com/core-ds/core-components/pull/346)
 
 #### Что изменилось
-- В компоненте Select иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph
+- В компоненте Select иконки подгружаемые с cdn были заменены на иконки из icons-glyph
 
 #### Влияние на компоненты
 - Минорное<br />`select` `themes`
@@ -538,7 +538,7 @@
 ### [#342](https://github.com/core-ds/core-components/pull/342)
 
 #### Что изменилось
-- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph
+- В компонентах Gallery и Input иконки подгружаемые с cdn были заменены на иконки из icons-glyph
 
 #### Влияние на компоненты
 - Минорное<br />`gallery` `input` `themes` `amount-input` `date-input`<br /> `date-range-input` `date-time-input` `input-autocomplete` `intl-phone-input` `masked-input`<br /> `password-input` `slider-input` `time-input` `calendar-input` `phone-input`<br />
@@ -643,7 +643,7 @@
 ### [#340](https://github.com/core-ds/core-components/pull/340)
 
 #### Что изменилось
-- В компоненте Plate иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph
+- В компоненте Plate иконки подгружаемые с cdn были заменены на иконки из icons-glyph
 
 #### Влияние на компоненты
 - Минорное<br />`plate`
@@ -1497,8 +1497,6 @@ Co-authored-by: crybabydanchan <crysiscaramel@gmal.com>
 * Изменена директория расположения индексных файлов в опубликованных пакетах (удалена
   директория dist)
 
-Co-authored-by: Vladimir Gevak <VGevak@alfabank.ru>
-
 # [29.4.0](https://github.com/core-ds/core-components/compare/v29.3.0...v29.4.0) (2022-08-12)
 
 
@@ -1550,12 +1548,12 @@ Co-authored-by: Vladimir Gevak <VGevak@alfabank.ru>
 
 ### Features
 
-* Новый cdn alfabank.servicecdn.ru ([#166](https://github.com/core-ds/core-components/issues/166)) ([e29c89e](https://github.com/core-ds/core-components/commit/e29c89edc8cf60ac23df9570eece9e7811eb11f0))
+* Новый cdn ([#166](https://github.com/core-ds/core-components/issues/166)) ([e29c89e](https://github.com/core-ds/core-components/commit/e29c89edc8cf60ac23df9570eece9e7811eb11f0))
 
 
 ### BREAKING CHANGES
 
-* Добавьте новый домен в список разрешенных 'img-src': `'self' alfabank.servicecdn.ru
+* Добавьте новый домен в список разрешенных 'img-src': `'self' your-domain.ru
   data: 'self'`
 
 * chore(screenshot-utils): change cdn
@@ -2144,8 +2142,7 @@ Co-authored-by: dmitrsavk <dmitrsavk@yandex.ru>
 * test(confirmation): update snapshot
 * **confirmation:** Удалена пропса code
 
-Co-authored-by: reme3d2y <AYatsenko@alfabank.ru>
-* Добавьте новый домен в список разрешенных 'img-src': `'self' alfabank.gcdn.co data: 'self'`
+* Добавьте новый домен в список разрешенных 'img-src': `'self' your-domain.co data: 'self'`
 
 This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
 * **button:** Кнопка размера xs теперь имеет размер 40px. Тем, кто использовал размер xs, надо
@@ -2178,7 +2175,6 @@ This reverts commit 953fbcfec46a40089a5cfde670597315269b05f5.
 * remove dark-theme-injector. remove vars duplications
 * buttonRetryText renamed to buttonReturnText
 
-Co-authored-by: Alexander Soldatov <aesoldatov@alfabank.ru>
 * inline-block changes to block
 
 * chore(release): 18.0.0 [skip ci]
@@ -2189,7 +2185,6 @@ Co-authored-by: Alexander Soldatov <aesoldatov@alfabank.ru>
 * **skeleton:** inline-block changes to block
 * **confirmation:** buttonRetryText renamed to buttonReturnText
 
-Co-authored-by: Alexander Soldatov <aesoldatov@alfabank.ru>
 * **button:** remove inverted themes
 * **stack:** remove z-index, add stack component
 
@@ -3381,8 +3376,6 @@ Co-authored-by: dmitrsavk <dmitrsavk@yandex.ru>
 * test(confirmation): update snapshot
 * **confirmation:** Удалена пропса code
 
-Co-authored-by: reme3d2y <AYatsenko@alfabank.ru>
-
 # [23.13.0](https://github.com/core-ds/core-components/compare/v23.12.0...v23.13.0) (2022-02-15)
 
 

docs/migrations.stories.mdx

@@ -17,7 +17,7 @@ import { Meta, Markdown } from '@storybook/addon-docs';
 | ------------------------ | -------------------------------------------------------------------------------------------- |
 | Dropdown                 | Tooltip                                                                                      |
 | FormField                | Space                                                                                        |
-| GeneralConfirmationModal | [ConfirmationModal](https://digital.alfabank.ru/demo/arui-private/#!/Core/ConfirmationModal) |
+| GeneralConfirmationModal | ConfirmationModal                                                                            |
 | Heading                  | Typography.Title<br/>Typography.TitleResponsive                                              |
 | Icon                     | Один из вариантов                                                                            |
 | IconButton               | IconButton<br/>Button view='ghost' rightAddons={&lt;Icon/&gt;}                               |

docs/typography.stories.mdx

@@ -1,8 +1,10 @@
-import { Meta } from '@storybook/addon-docs';
+import { Meta, Source } from '@storybook/addon-docs';
 import { Plate } from '@alfalab/core-components-plate';
 import { StatusBadge } from '@alfalab/core-components-status-badge';
 import { Typography } from '@alfalab/core-components-typography';
 
+export const CORE_COMPONENTS_SERVICE_CDN = process.env.CORE_COMPONENTS_SERVICE_CDN;
+
 <Meta
     title='Tokens & assets/Типографика'
     parameters={{ previewTabs: { canvas: { hidden: true } } }}
@@ -13,11 +15,11 @@ import { Typography } from '@alfalab/core-components-typography';
 
 Актуальный набор текстовых стилей доступен в трех вариантах:
 
--   Компоненты [Typography.Title](/docs/typography--typography-title),
-    [Typography.TitleResponsive](/docs/typography--typography-title-responsive) и 
-    [Typography.Text](/docs/typography--typography-text)
--   Миксины в [core-components/vars/typography.css](https://github.com/core-ds/core-components/blob/master/packages/vars/src/typography.css)
--   Миксины в [core-components/vars/alfasans-typography.css](https://github.com/core-ds/core-components/blob/master/packages/vars/src/alfasans-typography.css)
+- Компоненты [Typography.Title](/docs/typography--typography-title),
+  [Typography.TitleResponsive](/docs/typography--typography-title-responsive) и 
+  [Typography.Text](/docs/typography--typography-text)
+- Миксины в [core-components/vars/typography.css](https://github.com/core-ds/core-components/blob/master/packages/vars/src/typography.css)
+- Миксины в [core-components/vars/alfasans-typography.css](https://github.com/core-ds/core-components/blob/master/packages/vars/src/alfasans-typography.css)
 
 Большинство кейсов, в которых нужно задать текстовый стиль, покрывает использование компонентов типографики и, если есть возможность использовать компонент, то используйте именно его.
 Миксины - это гораздо более гибкий вариант. Он подойдет в случаях,
@@ -62,30 +64,30 @@ import { Typography } from '@alfalab/core-components-typography';
 
 Если в вашем продукте используется шрифт `Styrene`, его необходимо подключить:
 
-```css
-@font-face {
+<Source
+    language='css'
+    code={`@font-face {
     font-family: 'Styrene UI';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_regular.woff2')
-            format('woff2'), url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_regular.woff')
-            format('woff');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_regular.woff2') format('woff2'),
+         url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: 'Styrene UI';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_medium.woff2') format('woff2'),
-        url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_medium.woff') format('woff');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_medium.woff2') format('woff2'),
+         url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
 }
 @font-face {
     font-family: 'Styrene UI';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_bold.woff2') format('woff2'),
-        url('https://alfabank.servicecdn.ru/media/fonts/styrene-ui/styrene-ui_bold.woff') format('woff');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_bold.woff2') format('woff2'),
+         url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/styrene-ui/styrene-ui_bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
-}
-```
+}`}
+/>
 
 <p style={{ marginTop: '24px' }}>
     Для всех Styrene-элементов должна быть включена настройка `font-feature-settings: 'ss01';`, и
@@ -99,26 +101,27 @@ import { Typography } from '@alfalab/core-components-typography';
 
 Если в вашем продукте используется шрифт `Alfa Interface Sans`, его необходимо подключить:
 
-```css
-@font-face {
+<Source
+    language='css'
+    code={`@font-face {
     font-family: 'Alfa Interface Sans';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/alfa-interface-sans_regular.woff2') format('woff2');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/alfa-interface-sans_regular.woff2') format('woff2');
     font-weight: 400;
     font-style: normal;
 }
 @font-face {
     font-family: 'Alfa Interface Sans';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/alfa-interface-sans_medium.woff2') format('woff2');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/alfa-interface-sans_medium.woff2') format('woff2');
     font-weight: 500;
     font-style: normal;
 }
 @font-face {
     font-family: 'Alfa Interface Sans';
-    src: url('https://alfabank.servicecdn.ru/media/fonts/alfa-interface-sans_bold.woff2') format('woff2');
+    src: url('https://${CORE_COMPONENTS_SERVICE_CDN}/media/fonts/alfa-interface-sans_bold.woff2') format('woff2');
     font-weight: 700;
     font-style: normal;
-}
-```
+}`}
+/>
 
 Не забудьте задать сглаживание:
 
@@ -164,7 +167,6 @@ import { Typography } from '@alfalab/core-components-typography';
 1. Подключить шрифт `Alfa Interface Sans`
 2. Задать соответствующий пропс `font` в компонентах типографики
 3. Заменить пути импорта:
-
     - `css`переменных:
 
     ```diff

jest.screenshots.config.mjs

@@ -18,6 +18,7 @@ const tsJestPreset = createJsWithTsLegacyPreset({ tsconfig: '<rootDir>/tsconfig.
 const config = {
     ...tsJestPreset,
     testEnvironment: 'node',
+    globalSetup: '<rootDir>/tools/jest/globalSetupScreenshots.mjs',
     setupFilesAfterEnv: ['<rootDir>/tools/jest/setupScreenshotsTests.ts'],
     modulePathIgnorePatterns: ['/dist/'],
     moduleNameMapper: {

packages/action-button/src/docs/description.mdx

@@ -83,7 +83,7 @@ render(() => {
 ```jsx live
 render(() => {
     return (
-        <ActionButton icon={<DiamondsMIcon />} href='http://www.alfabank.ru'>
+        <ActionButton icon={<DiamondsMIcon />} href='https://www.example.com'>
             {'Переход  по ссылке'}
         </ActionButton>
     );

packages/alert/CHANGELOG.md

@@ -809,8 +809,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - Изменена директория расположения индексных файлов в опубликованных пакетах (удалена
   директория dist)
 
-Co-authored-by: Vladimir Gevak <VGevak@alfabank.ru>
-
 # [3.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-alert@3.3.1...@alfalab/core-components-alert@3.4.0) (2022-08-17)
 
 ### Bug Fixes

packages/amount-input/CHANGELOG.md

@@ -1290,7 +1290,7 @@
 
 ### [#342](https://github.com/core-ds/core-components/pull/342)
 
-- В компонентах Gallery и Input иконки подгружаемые с 'alfabank.servicecdn.ru' были заменены на иконки из icons-glyph
+- В компонентах Gallery и Input иконки подгружаемые с cdn были заменены на иконки из icons-glyph
 
 ### Patch Changes
 
@@ -1418,8 +1418,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - Изменена директория расположения индексных файлов в опубликованных пакетах (удалена
   директория dist)
 
-Co-authored-by: Vladimir Gevak <VGevak@alfabank.ru>
-
 ## [5.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount-input@5.7.1...@alfalab/core-components-amount-input@5.7.2) (2022-08-17)
 
 ### Bug Fixes

packages/amount/CHANGELOG.md

@@ -332,8 +332,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - Изменена директория расположения индексных файлов в опубликованных пакетах (удалена
   директория dist)
 
-Co-authored-by: Vladimir Gevak <VGevak@alfabank.ru>
-
 ## [2.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-amount@2.5.0...@alfalab/core-components-amount@2.5.1) (2022-08-17)
 
 ### Bug Fixes

packages/amount/src/component.tsx

@@ -10,7 +10,6 @@ import styles from './index.module.css';
 
 /**
  * Компонент для отображения суммы, согласно следующему гайдлайну:
- * https://design.alfabank.ru/patterns/amount
  */
 export const Amount: React.FC<AmountProps> = ({
     value,