[Bug] [Checkbox] Неверные стили и неверный пример с ngModel

Библиотека

• @digital-plant/zyfra-components
• @digital-plant/zyfra-ui
• @digital-plant/zyfra-translate

Компонент

ZyfraCheckbox

Версия

Операционная ситема:

Windows 10, v. 21H2

Браузер:

Google Chrome Версия 99.0.4844.82 (Официальная сборка), (64 бит)

NodeJS:

➜ node --version
v14.18.3

Dependencies:

➜ npm ls @digital-plant/zyfra-components

@digital-plant/zyfra-components 0.1.1

➜ npm ls @angular/core

@digital-plant/sdk@0.0.2 /Users/rustamz/dev/zyfra/sdk
├─┬ @angular/animations@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/cdk@12.2.13
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/common@12.2.12
│ └── @angular/core@12.2.12 deduped
├── @angular/core@12.2.12
├─┬ @angular/forms@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser-dynamic@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/platform-browser@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @angular/router@12.2.12
│ └── @angular/core@12.2.12 deduped
├─┬ @storybook/angular@6.3.12
│ └── @angular/core@12.2.12 deduped
├─┬ jest-preset-angular@10.0.1
│ └── @angular/core@12.2.12 deduped
└─┬ primeng@12.2.2
  └── @angular/core@12.2.12 deduped

Проект в котором используется КБ

sdk

Скрин / Видео проблемы

Описание проблемы

Есть 2 проблемы:

1. Неверные стили при выбранном чекбоксе и без фокуса. В текущем варианте, если выбрать чекбокс и снять фокус (например кликнуть в пустую область), то border оказывается тёмного цвета, а должен быть зелёным.
   Статусы чекбокса из фигмы:
   
2. Пример с ngModel не работает, как видно на скриншоте, значение чекбокса true, а показывает (Значение чекбокса: false)

Шаги воспроизведения:

1. Зайти по адресу storybook
2. Выбрать чекбокс
3. Кликнуть в пустую область