The Editor should be a webcomponent unaware of wich property it edits, so the units and fixed values are controlled by the user of the component)
It should live here: packages/web-component-designer/src/elements/controls
Sample from wix:

click on unit:

same in other designers....
- switch to non units values like (calc(...), auto, unste, inherit,...) need to be supported
- unit types differ on value types
- mouse hold and move up/down like in dev tools to change the value should be supported
- we need a way to specify wich units are supported and a way to convert between them when switched,
- a list of fixed values (for example auto, unset, inherit, when used wich a css property of type length). the fixd value will replace the numeric one.
- implement a usage of the editor in here packages/web-component-designer/src/elements/services/propertiesService/propertyEditors
- it should have an up/down button to change the numeric value
The Editor should be a webcomponent unaware of wich property it edits, so the units and fixed values are controlled by the user of the component)
It should live here: packages/web-component-designer/src/elements/controls
Sample from wix:

click on unit:

same in other designers....