There are several utilities missing from the larva-css repository that developers expect to be there. The padding and margin values in particular are inconsistent which results in developers needing to add project-level utilities to make up for them. It is then impossible to predict what utilities have an lrv- namespace and which do not, and this results in additional cognitive load when developing UI, which then results in inconsistent utilities added at the project level.
Here is a list of the most critical missing utilities:
Add: u-margins-XX-auto and u-margins-XX-00 for all breakpoints (desktop/tablet, desktop-xl), where XX = l, r, lr, tb, t, b
Add: u-padding-XX-00 for all breakpoints
Add: u-padding-XX-## and u-margin-XX-## for each side and breakpoint, where ## = spacing token values
Add: height/min-height/width/max-width 100p for all breakpoints
There are several utilities missing from the larva-css repository that developers expect to be there. The padding and margin values in particular are inconsistent which results in developers needing to add project-level utilities to make up for them. It is then impossible to predict what utilities have an lrv- namespace and which do not, and this results in additional cognitive load when developing UI, which then results in inconsistent utilities added at the project level.
Here is a list of the most critical missing utilities: