Новые версии включают улучшения, но содержат ломающие изменения; их нужно применять постепенно.

До 18.5.3 — безопасная база с обновлением темизации и иконок 18.6 — обновление токенов 18.22 — изменение атрибутов компонентов После — финальное обновление до последней версии (с актуальной темизацией)

npm install @koobiq/cdk@18.5.3
npm install @koobiq/components@18.5.3
npm install @koobiq/icons@^9.0.0
npm install @koobiq/design-tokens@~3.7.3
npm install @koobiq/angular-luxon-adapter@18.5.3
npm install @koobiq/date-adapter^3.1.3
npm install @koobiq/date-formatter^3.1.3
npm install luxon
npm install @messageformat/core

Теперь темизация более простая и строится на основе CSS-переменных. Подробнее по ссылке.

Смотрите примеры в репозитории:

• apps/docs/src/main.scss
• apps/docs/src/styles/_theme-kbq.scss

• Установите новую версию иконок:

npm install @koobiq/icons@9.1.0

• Чтобы обновить названия иконок в шаблонах, используйте инструмент для обновления (схематик):

ng g @koobiq/angular-components:new-icons-pack --project <your project>

• Были удалены устаревшие токены цветов и переименованы токены параметров типографики.

Скрипт заменит названия классов и CSS-переменных на новые и подсветит места, где нужно удалить (заменить) устаревшие цвета:

ng g @koobiq/angular-components:css-selectors --fix=true --project <your project>

• Для ручного контроля добавьте --fix=false. Скрипт подсветит места, где нужно удалить (заменить) цвета и названия типографики:

ng g @koobiq/angular-components:css-selectors --fix=false --project <your project>

• Изменились имена атрибутов компонентов:
  • KbqLoaderOverlay: compact → size
  • KbqEmptyState: big → size

ng g @koobiq/angular-components:loader-overlay-size-attr --project <your project>
ng g @koobiq/angular-components:empty-state-size-attr --project <your project>