Component Library

[mimarz]

In the future want to provide our components and utilities as pure css classes for people to use with plain html or other technologies.

Suggested package name: @digdir/designsystemet-css

Notes

• Proper visual testing needs to be solved for starting this to reduce accidental breaking changes for our users and components Test Chromatic for visual testing #963
• Our react library will use these new classes internally.
• https://www.makeuseof.com/css-class-and-id-best-naming-practices/
• https://tailwindcss.com/

Tasks

Beta Give feedback

1. Mainquest: Move css-modules to plain css #1846
   33 of 33
   css react +2
   

   
2. CSS discrepancies #1952
   0 of 5
   +0
3. Preparations for CSS-package #2295
   38 of 38
   css ☂️ epic +2
4. Investigate CSS composition #2385
   css react 🕵️ investigate +3
   
5. Move box-sizing to each components css file #2498
   css +1
   
6. Create a Baseline CSS file #2454
   css +1
7. Test CSS modules to support versioning of CSS downstream #2409
   css react +2
8. FormField components #2311
   0 of 9
   css react ☂️ epic +3
9. Font based sizing / scaling and less useContext? #2508
   🕵️ investigate +1
   
10. Decide on how to document HTML / CSS stories #2207
    css 🕵️ investigate +2
    
11. Breakpoints #2119
    0 of 4
    ☂️ epic +1