As part of the Koobiq design system, a set of schematics is provided — CLI tools designed to automate library installation, perform migrations, and update components in Angular projects.

Installs the @koobiq/components library and adds all necessary dependencies.

When to use: When adding the library to a project for the first time.

ng add @koobiq/components

Updates icon prefixes and names required to migrate from version 7.2.x and below to version 8.0.2 and above.

When to use: After upgrading the @koobiq/icons library to version 8.0.2 or later.

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

Updates deprecated CSS selectors (typography and color naming) according to the new design system conventions.

When to use: After upgrading the @koobiq/components library to version 18.6.0 or later.

ng generate @koobiq/components:css-selectors

Removes or replaces icons marked as deprecated.

ng generate @koobiq/components:deprecated-icons

Updates size attribute names and values for the Empty state component in both HTML and TypeScript templates.

When to use: After upgrading the @koobiq/components library to version 18.22.0 or later.

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

Updates size attribute names and values for the Overlay component in both HTML and TypeScript templates.

When to use: After upgrading the @koobiq/components library to version 18.22.0 or later.

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

Replaces icon names with new ones.

When to use: after updating the @koobiq/icons library version to 11.0.0 and higher.

• Make sure Angular CLI is installed:

ng version

• Run the desired schematic using the ng generate command:

ng generate @koobiq/components:<schematic-name>

• Some schematics support additional options. See the schema.json file inside the corresponding schematic folder.