В рамках дизайн-системы Koobiq предоставляется набор схематиков — CLI-инструментов, предназначенных для автоматизации установки библиотеки, выполнения миграций и обновления компонентов в Angular-проектах.

Устанавливает библиотеку @koobiq/components и добавляет все необходимые зависимости.

Когда использовать: при первом подключении библиотеки в проект.

ng add @koobiq/components

Обновляет префиксы и имена иконок, необходимых для перехода с версии 7.2.x и ниже до версии 8.0.2 и выше.

Когда использовать: после обновления версии библиотеки @koobiq/icons до версии 8.0.2 и выше.

ng generate @koobiq/components:new-icons-pack

Обновляет устаревшие CSS-селекторы (именования типографики и цветов) в соответствии с новыми соглашениями дизайн-системы.

Когда использовать: после обновления версии библиотеки @koobiq/components до версии 18.6.0 и выше.

ng generate @koobiq/components:css-selectors

Удаляет или заменяет иконки, помеченные как устаревшие.

ng generate @koobiq/components:css-selectors

Обновляет названия и значения атрибутов размеров в местах использования компонента Empty state как в HTML, так и в TypeScript шаблонах.

Когда использовать: после обновления версии библиотеки @koobiq/components до версии 18.22.0 и выше.

ng generate @koobiq/components:empty-state-size-attr

Обновляет названия и значения атрибутов размеров в местах использования компонента Overlay как в HTML, так и в TypeScript шаблонах.

Когда использовать: после обновления версии библиотеки @koobiq/components до версии 18.22.0 и выше.

ng generate @koobiq/components:loader-overlay-size-attr

Заменяет названия иконок на новые

Когда использовать: после обновления версии библиотеки @koobiq/icons до версии 11.0.0 и выше.

• Убедитесь, что установлен Angular CLI:

ng version

• Выполните нужный схематик через команду ng generate:

ng generate @koobiq/components:<имя-схематика>

• Некоторые схематики поддерживают дополнительные параметры. См. файл schema.json внутри соответствующего схематика.