fix(styles): update Checkbox to latest Horizon 2023 [ci visual]

[InnaAtanasova]

Related Issue

Closes #4372

[netlify]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	0d7dc43
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/64495f220f5a8300087b8fdc
😎 Deploy Preview	https://deploy-preview-4480--fundamental-styles.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[N1XUS]

Some of the properties can be extracted to the shared variables file, for example, --fdCheckbox_Background_Color_Default: var(--sapField_Background); for horizon and horizon_hc are the same

[InnaAtanasova]

true, but these are not the final values. I intentionally duplicated all variables so it's easy to modify for the final version, otherwise we will be moving around/creating new vars all the time

[N1XUS]

@InnaAtanasova I think readonly example is not working since when you click on the checkbox, it's state changes. Maybe you can add some js to prevent checked state to be changed?

[InnaAtanasova]

@InnaAtanasova I think readonly example is not working since when you click on the checkbox, it's state changes. Maybe you can add some js to prevent checked state to be changed?

@N1XUS it doesn't "work" in main before the changes and the JS was intentionally removed as we had a feedback from users it's misleading to add JS to fund-styles (not even show the code or say about it) when we advertise it as a pure HTML&CSS. The feedback was specifically for the readonly inputs as the user copied the code and it wasn't working on their side.

[droshev]

🛳️