v47.7.0

47.7.0

^05.08.2024

#1327

Что изменилось

Добавлены новые переменные радиусов скругления:

• --border-radius-0
• --border-radius-4
• --border-radius-6
• --border-radius-8
• --border-radius-10
• --border-radius-12
• --border-radius-16
• --border-radius-20
• --border-radius-24
• --border-radius-36

Переменные, помеченые как deprecated:

• --border-radius-xs
• --border-radius-s
• --border-radius-m
• --border-radius-l
• --border-radius-xl
• --border-radius-xxl
• --border-radius-3xl

Влияние на компоненты

• Минорное
  vars

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

v47.6.0

47.6.0

^26.07.2024

#1305

Что изменилось

• Добавление заголовка h4

Влияние на компоненты

• Минорное
  markdown

#1286

Что изменилось

• Добавлены data-test-id для внутренних элементов компонентов Plate и FormControl

Влияние на компоненты

• Патчи
  form-control plate

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

v47.5.0

47.5.0

^19.07.2024

#1261

Что изменилось

• Исправлена фильтрация выбранных элементов в демо
• Проведена декомпозиция option list в компоненте base-select

Влияние на компоненты

• Патчи
  input-autocomplete select

#1300

Что изменилось

• Добавлено новое свойство gap, отвечающее за отступы между элементами флекс-контейнера

Влияние на компоненты

• Минорное
  generic-wrapper

#1298

Что изменилось

• Добавлены миксины accent_tagline, action_tagline, paragraph_tagline

Влияние на компоненты

• Минорное
  vars

Что изменилось

• В компонент Typography.Text добавлен новый вариант начертания - tagline

Влияние на компоненты

• Минорное
  typography

#1297

Что изменилось

• Обновлена документация
• RUR для пропса currency - deprecated
• Для разработчиков добавлен warning при использовании валюты RUR

Влияние на компоненты

• Патчи
  amount

#1299

Что изменилось

• Добавлено новое свойство monospaceNumbers, которое делает цифры моноширинными

Влияние на компоненты

• Минорное
  text

#1294

Что изменилось

• Исправлены отступы компонента
• Добавлен пропс disabled для запрета ввода/удаления кода

Влияние на компоненты

• Минорное
  pass-code

Что изменилось

• Исправлены отступы компонента
• Исправлен фоновый цвет компонента на прозрачный

Влияние на компоненты

• Минорное
  pattern-lock

#1301

Что изменилось

• Исправлен скролл при клике на вариант выбора в браузере Safari

Влияние на компоненты

• Патчи
  select

#1290

Что изменилось

• Добавлено кэширование иконок, чтобы предотвратить их перезагрузку при повторном монтировании

Влияние на компоненты

• Патчи
  cdn-icon

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

#1303

Что изменилось

• Добавлены новые имена для переменных gap

Влияние на компоненты

• Минорное
  vars

#1296

Что изменилось

• Исправлено поведение компонента Typography.TitleMobile: теперь он корректно учитывает пропс rowLimit и больше не игнорирует его

Влияние на компоненты

• Патчи
  typography

v47.4.0

47.4.0

^16.07.2024

#1287

Что изменилось

• Компонент был обернут в forwardRef

Влияние на компоненты

• Минорное
  navigation-bar

#1284

Что изменилось

• Исправлен вызов onBlur при showSearch={true}

Влияние на компоненты

• Патчи
  select

#1275

Что изменилось

• Исправлена верстка компнента Option для корректного расчета высоты списка вариантов выбора

Влияние на компоненты

• Патчи
  select

#1291

Что изменилось

• Добавлен пропс defaultMatchMediaValue. С помощью него можно задавать fallback значение для хука useMatchMedia внутри компонента.

Влияние на компоненты

• Минорное
  calendar checkbox-group code-input confirmation custom-picker-button
filter-tag mq pass-code pattern-lock plate
radio-group tag toast toast-plate typography
  

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

#1289

Что изменилось

• Добавлен проп для случаев, когда необходима отзывчивость компонента из-за изменении видимой части браузера при открытии клавиатуры устройства

Влияние на компоненты

• Минорное
  bottom-sheet

v47.3.0

47.3.0

^05.07.2024

#1190

Что изменилось

• Упрощена работа с периодами. Теперь достаточно использовать только value и onChange. Режим выбора периода управляется пропсой rangeBehavior. Пропсы selectedFrom и selectedTo помечены как deprecated.

Влияние на компоненты

• Минорное
  calendar

#1273

Что изменилось

• Добавлено предупреждение в консоль о том, что значение soft для view теперь deprecated

Влияние на компоненты

• Патчи
  status

#1269

Что изменилось

• Пункт 'Выбрать все' скрыт, когда список вариантов пуст

Влияние на компоненты

• Патчи
  select

#1279

Что изменилось

• Добавлены новые свойства background и borderColor, отвечающие за фон и цвет бордера у компонента при view=custom

Влияние на компоненты

• Минорное
  plate

#1278

Что изменилось

• Добавлено новое свойство position, отвечающее за позиционирование компонента от верхнего или нижнего края экрана

Влияние на компоненты

• Минорное
  notification

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

#1277

Что изменилось

• Исправили ширину и высоту для размера '16' с 18px на 16px

Влияние на компоненты

• Минорное
  spinner

#1272

Что изменилось

• Исправлено позиционирование инпута для группы тегов

Влияние на компоненты

• Патчи
  radio-group

v47.2.0

47.2.0

^04.07.2024

#1226

Что изменилось

• SVG флагов оптимизированны по размеру, с сохранением качества графики.

Влияние на компоненты

• Патчи
  international-phone-input

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

v47.1.0

47.1.0

^04.07.2024

#1274

Что изменилось

• Исправлен расчет высоты контента

Влияние на компоненты

• Патчи
  accordion

Что изменилось

• Добавлен проп 'limitDynamicOptionGroupSize' для ограчения динамического размера группы вариантов. Если он включен, используется размер, указанный в проп 'size'

Влияние на компоненты

• Минорное
  select

Что изменилось

• Добавлен проп 'bodyContentClassName'

Влияние на компоненты

• Минорное
  accordion

#1282

Что изменилось

• Исправление сборки для темизаций. В каждую тему снова добавлены импорты переменных.

Влияние на компоненты

• Патчи
  themes

#1231

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

v47.0.0

47.0.0

^28.06.2024

#1231

Что изменилось

• Удален тип 'card'
• Добавлен трансформер input-type-card, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric'

Влияние на компоненты

• Мажорное
  input

Что изменилось

• Добавлен кодмод, который заменяет атрибут type со значением 'card' на inputMode со значением 'numeric' в компоненте Input

Влияние на компоненты

• Минорное
  codemod

#1191

Что изменилось

• Во время сборки в файлы темизации импортируются файлы из каталога переменных. Это приводит к тому, что в темах находятся стили из переменных, хотя изначально стили и темы должны подключаться последовательно. Проведена работа над сборкой, исправлено дублирование стилий.

Влияние на компоненты

• Мажорное
  themes

#1207

Что изменилось

• При взаимодействии нескольких компонентов-модулей, которые включают в себя core-components, React Context создает несколько экземпляров, что приводит к потере z-index. Для решения этой проблемы контекст компонента Stack вынесен в глобальную библиотеку.

Влияние на компоненты

• Мажорное
  stack

• Патчи
  base-modal notification-manager notification popover toast
  

#1233

Что изменилось

Редизайн компонентов PassCode и PatternLock

• Внесены изменения в адаптивность
• Удалены пропсы для вывода кастомных сообщений и ошибок
  Эти исправления уменьшили габариты компонентов, что позволит упростить работу с их размещением на странице

Обновление

Для упрощенного перехода между версиями библиотеки, после обновления вам необходимо исправить импорты.

До

import { PassCode } from '@alfalab/core-components/pass-code';
import { PatternLock } from '@alfalab/core-components/pattern-lock';

После

import { PassCodeV1 } from '@alfalab/core-components/pass-code-v1';
import { PatternLockV1 } from '@alfalab/core-components/pattern-lock-v1';

Таким образом, в вашем приложении продолжат работу старые версии компонентов.
В дальнейшем поддержка v1 версий будет прекращена.

Влияние на компоненты

• Мажорное
  pass-code pass-code-v1 pattern-lock pattern-lock-v1

• Патчи
  gap vars

v46.5.0

46.5.0

^28.06.2024

#1215

Что изменилось

• Добавлена возможность переопределять рендер контейнер для группы элементов использующих Portal

Влияние на компоненты

• Минорное
  portal shared

v46.4.0

46.4.0

^27.06.2024

#1250

Что изменилось

• Изменен элемент наблюдения ResizeObserver с contentRef.current на contentCaseRef.current, теперь контейнер контента динамически изменяет высоту при добавлении контента

Влияние на компоненты

• Патчи
  accordion

#1256

Что изменилось

• Исправили стили для кнопки с view=filled

Влияние на компоненты

• Патчи
  button

#1266

Что изменилось

• Исправление типизации компонента

Влияние на компоненты

• Патчи
  input-autocomplete

#1263

Что изменилось

• Добавили новые свойства: showSkeleton и skeletonProps, отвечающие за отображение скелетона и дополнительные пропсы для него

Влияние на компоненты

• Минорное
  tabs

#1262

Что изменилось

• В некоторых кейсах на iOS не блокируется прокрутка при открытом bottom-sheet. Добавлен пропс для обработки таких случаев.

Влияние на компоненты

• Патчи
  base-modal bottom-sheet

#1252

Что изменилось

• Добавлено новое свойство align, отвечающее за выравнивание чекбокса или иконки "галочки". По умолчанию элемент выровнен по центру. Для того чтобы изменить выравнивание, необходимо передать компоненту optionProps={{align: 'start'}}

Влияние на компоненты

• Минорное
  select

#1259

Что изменилось

• Обновление vars из последней версии ui-primitives

Влияние на компоненты

• Минорное
  vars

#1254

Что изменилось

• Изменили стили для значения поля ввода, когда количество вводимых символов превышает maxLength, если включено переполнение

Влияние на компоненты

• Патчи
  textarea

#1255

Что изменилось

• Для предотвращения мерцания компонента в SSR добавлена возможность установки значения по умолчанию для useMatchMedia

Влияние на компоненты

• Минорное
  button

#1253

Что изменилось

• Удалена темизация click для компонентов Link и IconButton, а также для фона в ToastPlate

Влияние на компоненты

• Минорное
  themes

#1258

Что изменилось

• Заменили устаревшие цветовые токены на актуальные

Влияние на компоненты

• Минорное
  calendar chart checkbox confirmation-v1 custom-button
filter-tag gallery icon-button indicator intl-phone-input
pattern-lock product-cover pure-cell select themes
table typography