Merge remote-tracking branch 'refs/remotes/origin/master' into feat/p…

…ortal_container

.github/CODEOWNERS

@@ -1 +1 @@
-* @reme3d2y @Valeri8888 @fulcanellee @SiebenSieben
+* @reme3d2y @Valeri8888 @fulcanellee @SiebenSieben @hextion

.storybook/package-sizes.json

@@ -16,8 +16,8 @@
     },
     "tooltip": {
         "desktop.js": 47.4,
-        "index.js": 104.4,
-        "mobile.js": 75.9
+        "index.js": 104.5,
+        "mobile.js": 76
     },
     "toast": {
         "desktop.js": 66.1,
@@ -49,7 +49,7 @@
         "desktop.js": 34.7,
         "index.js": 35.9,
         "mobile.js": 34.8,
-        "shared.js": 29.1
+        "shared.js": 29.2
     },
     "table": {
         "index.js": 164.3
@@ -103,7 +103,7 @@
     },
     "side-panel": {
         "desktop.js": 67.6,
-        "index.js": 69.2,
+        "index.js": 69.3,
         "mobile.js": 65.8,
         "shared.js": 44
     },
@@ -112,14 +112,14 @@
     },
     "select": {
         "desktop.js": 153.1,
-        "index.js": 218.8,
-        "mobile.js": 192.3,
+        "index.js": 218.9,
+        "mobile.js": 192.4,
         "shared.js": 178.1
     },
     "select-with-tags": {
         "desktop.js": 204,
-        "index.js": 227.1,
-        "mobile.js": 201
+        "index.js": 227.2,
+        "mobile.js": 201.1
     },
     "segmented-control": {
         "index.js": 13.7
@@ -159,11 +159,11 @@
     "plate": {
         "desktop.js": 14.6,
         "index.js": 14.9,
-        "mobile.js": 14.5
+        "mobile.js": 14.6
     },
     "picker-button": {
         "desktop.js": 199.4,
-        "index.js": 232.6,
+        "index.js": 232.7,
         "mobile.js": 204.9,
         "shared.js": 3.1
     },
@@ -203,8 +203,8 @@
         "shared.js": 14.9
     },
     "navigation-bar-private": {
-        "index.js": 20.4,
-        "shared.js": 17.1
+        "index.js": 20.5,
+        "shared.js": 17.2
     },
     "mq": {
         "index.js": 2.8
@@ -243,8 +243,8 @@
     },
     "international-phone-input": {
         "desktop.js": 573.7,
-        "index.js": 607.3,
-        "mobile.js": 579.4,
+        "index.js": 607.4,
+        "mobile.js": 579.5,
         "shared.js": 169.7
     },
     "input": {
@@ -255,8 +255,8 @@
     },
     "input-autocomplete": {
         "desktop.js": 196.7,
-        "index.js": 231.5,
-        "mobile.js": 204.1,
+        "index.js": 231.6,
+        "mobile.js": 204.2,
         "shared.js": 1.9
     },
     "indicator": {
@@ -314,8 +314,8 @@
     },
     "date-time-input": {
         "desktop.js": 140.3,
-        "index.js": 240.4,
-        "mobile.js": 239.1
+        "index.js": 240.5,
+        "mobile.js": 239.2
     },
     "date-range-input": {
         "desktop.js": 141.4,
@@ -327,8 +327,8 @@
     },
     "custom-picker-button": {
         "desktop.js": 201,
-        "index.js": 233.8,
-        "mobile.js": 206.4
+        "index.js": 233.9,
+        "mobile.js": 206.5
     },
     "custom-button": {
         "index.js": 9.9
@@ -378,19 +378,19 @@
         "desktop.js": 64.7,
         "index.js": 172.8,
         "mobile.js": 172.7,
-        "shared.js": 47.9
+        "shared.js": 48
     },
     "calendar-with-skeleton": {
         "index.js": 65.8
     },
     "calendar-range": {
-        "index.js": 249.1
+        "index.js": 249.2
     },
     "calendar-input": {
-        "desktop.js": 141.7,
-        "index.js": 241.5,
+        "desktop.js": 141.8,
+        "index.js": 241.6,
         "mobile.js": 240.6,
-        "shared.js": 72.3
+        "shared.js": 72.4
     },
     "button": {
         "desktop.js": 7.8,
@@ -399,7 +399,7 @@
         "shared.js": 0.5
     },
     "bottom-sheet": {
-        "index.js": 75.2,
+        "index.js": 75.3,
         "shared.js": 0.7
     },
     "base-modal": {
@@ -424,7 +424,7 @@
         "index.js": 53.4
     },
     "alert": {
-        "index.js": 15.1
+        "index.js": 15.2
     },
     "action-button": {
         "index.js": 6.7,

CHANGELOG.md

@@ -1,3 +1,70 @@
+## 46.1.0
+
+<sup><time>13.06.2024</time></sup>
+
+### [#1229](https://github.com/core-ds/core-components/pull/1229)
+
+#### Что изменилось
+- Изменили цветовые токены: color-light-neutral-1500 -> color-light-neutral-translucent-1300, color-light-neutral-1500-inverted -> color-light-neutral-translucent-1300-inverted, color-static-neutral-1500 -> color-static-neutral-translucent-1300, color-static-neutral-1500-inverted -> color-static-neutral-translucent-1300-inverted
+
+#### Влияние на компоненты
+- Патчи<br />`action-button` `badge` `bank-card` `button` `calendar-range`<br /> `calendar` `checkbox` `circular-progress-bar` `dropzone` `file-upload-item`<br /> `filter-tag` `icon-button` `indicator` `input` `navigation-bar-private`<br /> `pass-code` `progress-bar` `radio` `select` `sortable-list`<br /> `spinner` `status-badge` `steps` `underlay`
+
+<br />
+
+#### Что изменилось
+- Изменили цветовой токен: color-light-graphic-primary -> color-light-neutral-0-inverted
+
+#### Влияние на компоненты
+- Патчи<br />`pattern-lock`
+
+<br />
+
+#### Что изменилось
+- Изменили цветовой токен: color-static-neutral-1500-inverted -> color-static-neutral-0
+
+#### Влияние на компоненты
+- Патчи<br />`switch`
+
+
+### [#1225](https://github.com/core-ds/core-components/pull/1225)
+
+#### Что изменилось
+- Добавлено новое свойство transparentBg, отвечающее за включение прозрачного фона у компонента
+
+#### Влияние на компоненты
+- Минорное<br />`icon-button`
+
+
+### [#1239](https://github.com/core-ds/core-components/pull/1239)
+
+#### Что изменилось
+- Исправлено положение футера для виртуального списка опций с поиском (при OptionsList={VirtualOptionsList}). Раньше при вводе в инпут поиска положение футера было сверху, теперь футер снизу
+
+#### Влияние на компоненты
+- Патчи<br />`select`
+
+
+### [#1223](https://github.com/core-ds/core-components/pull/1223)
+
+#### Что изменилось
+- Добавлены новые значения для свойства view: 'muted-alt' и 'muted'. Значение 'soft' для view теперь deprecated, используйте вместо него 'muted-alt'
+- Также добавлен кодмод, который изменяет значение view компонента Status с 'soft' на 'muted-alt'
+
+#### Влияние на компоненты
+- Минорное<br />`status`
+
+
+### [#1234](https://github.com/core-ds/core-components/pull/1234)
+
+#### Что изменилось
+- Исправлено поведение scrollToArea при первом рендере, когда еще не выполнены расчеты высоты. Теперь scrollToArea при первом рендере ведет себя так же, как и initialActiveAreaIndex.
+
+#### Влияние на компоненты
+- Патчи<br />`bottom-sheet`
+
+
+
 ## 46.0.0
 
 <sup><time>28.05.2024</time></sup>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components",
-    "version": "46.0.0",
+    "version": "46.1.0",
     "private": true,
     "workspaces": [
         "packages/*"

packages/action-button/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Change Log
 
+## 1.6.3
+
+### Patch Changes
+
+<sup><time>13.06.2024</time></sup>
+
+### [#1229](https://github.com/core-ds/core-components/pull/1229)
+
+-   Изменили цветовые токены: color-light-neutral-1500 -> color-light-neutral-translucent-1300, color-light-neutral-1500-inverted -> color-light-neutral-translucent-1300-inverted, color-static-neutral-1500 -> color-static-neutral-translucent-1300, color-static-neutral-1500-inverted -> color-static-neutral-translucent-1300-inverted
+
+-   Обновлены зависимости
+    -   [email protected]
+
 ## 1.6.2
 
 ### Patch Changes

packages/action-button/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-action-button",
-    "version": "1.6.2",
+    "version": "1.6.3",
     "description": "Action Button component",
     "keywords": [],
     "license": "MIT",
@@ -14,7 +14,7 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-spinner": "^3.3.0",
+        "@alfalab/core-components-spinner": "^3.3.1",
         "@alfalab/core-components-shared": "^0.10.0",
         "@alfalab/hooks": "^1.13.0",
         "classnames": "^2.3.1",

packages/action-button/src/default.module.css

@@ -3,21 +3,21 @@
 :root {
     /* primary */
     --action-button-primary-base-color: var(--color-light-text-primary);
-    --action-button-primary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-primary-base-icon-color: var(--color-light-neutral-translucent-1300-inverted);
     --action-button-primary-base-bg-color: var(--color-light-accent-secondary);
     --action-button-primary-hover-color: var(--color-light-accent-secondary-hover);
     --action-button-primary-active-color: var(--color-light-accent-secondary-press);
 
     /* secondary */
     --action-button-secondary-base-color: var(--color-light-text-primary);
-    --action-button-secondary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-secondary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-secondary-base-bg-color: var(--color-light-neutral-100);
     --action-button-secondary-hover-color: var(--color-light-neutral-100-hover);
     --action-button-secondary-active-color: var(--color-light-neutral-100-press);
 
     /* spinner */
-    --action-button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-    --action-button-spinner-default-color: var(--color-light-neutral-1500);
+    --action-button-spinner-primary-color: var(--color-light-neutral-translucent-1300-inverted);
+    --action-button-spinner-default-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --action-button-disabled-color: var(--color-light-text-tertiary);

packages/action-button/src/inverted.module.css

@@ -3,7 +3,7 @@
 :root {
     /* primary */
     --action-button-inverted-primary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-1500);
+    --action-button-inverted-primary-base-icon-color: var(--color-light-neutral-translucent-1300);
     --action-button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
     --action-button-inverted-primary-hover-color: var(
         --color-light-accent-secondary-inverted-hover
@@ -14,14 +14,18 @@
 
     /* secondary */
     --action-button-inverted-secondary-base-color: var(--color-light-text-primary-inverted);
-    --action-button-inverted-secondary-base-icon-color: var(--color-light-neutral-1500-inverted);
+    --action-button-inverted-secondary-base-icon-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
     --action-button-inverted-secondary-base-bg-color: var(--color-light-neutral-100-inverted);
     --action-button-inverted-secondary-hover-color: var(--color-light-neutral-100-inverted-hover);
     --action-button-inverted-secondary-active-color: var(--color-light-neutral-100-inverted-press);
 
     /* spinner */
-    --action-button-spinner-inverted-default-color: var(--color-light-neutral-1500);
-    --action-button-spinner-inverted-primary-color: var(--color-light-neutral-1500-inverted);
+    --action-button-spinner-inverted-default-color: var(--color-light-neutral-translucent-1300);
+    --action-button-spinner-inverted-primary-color: var(
+        --color-light-neutral-translucent-1300-inverted
+    );
 
     /* disabled */
     --action-button-inverted-disabled-color: var(--color-light-text-tertiary-inverted);