169094fc37
Refactor(SW-2177): Use react aria RadioGroup & Radio for payment options * fix(SW-SW-2177): enhance accessibility for payment options * Added keyboard navigation support to payment options. * Updated CSS to improve focus styles for payment option labels. * refactor: use RadioGroup & Radio from react aria for payment options * refactor(SW-2177): replace setValue and watch with useController for payment method handling * fix(SW-2177): remove comment and use cx for styles on PaymentOption * fix(SW-2177): Add keyboard focus indicator to payment option Approved-by: Michael Zetterberg Approved-by: Erik Tiekstra
Scandic Monorepo
This is the monorepo for Scandic's web projects.
What's inside?
This repo includes the following packages/apps:
Apps and Packages
scandic-web: Next.js app for our public websitedesign-system: a shared library of styles
Getting Started
To get started, clone this repository and run yarn install in the root directory.
Running scandic-web locally
To run the scandic-web app locally see its README.
Material Symbols
We download the font file from Google Fonts service and host it ourselves.
Configuration
We use the following configuration:
- FILL axis: 0..1
- wght axis: 400
- GRAD axis: 0
- opsz axis: 24
More info at https://developers.google.com/fonts/docs/material_symbols#optimize_the_icon_font
Optimization
We optimize the font size by only including the icons we use in the repository.
Read more at: https://developers.google.com/fonts/docs/material_symbols#use_in_web
Modifying icons
- Update the list of icons to include in
scripts/material-symbols-update.mjs. - Run
yarn run icons:updatein monorepo root.