Replace material-ui text inputs (Input, TextField) with TextField from design system in data modelling tool

nkylstad commented 2 years ago

Description

Replace use of material-ui text input components (Input, TextField, etc) with the TextField component from @altinn/altinn-design-system package.

Additional Information

Most relevant component to look at will be SchemaInspector, this is where the different input fields are rendered.

Design for data modelling tool is here: https://www.figma.com/file/gcPleymptjzTkoczDJegrJ/Altinn-Studio-Verkt%C3%B8y?node-id=39%3A4587

Tasks

[ ] Find and replace material-ui input components with @altinn/altinn-design-system TextField component.

Acceptance Criterias

Design looks and feels like before (minor differences like border width/color are OK as we want to use the design system component with styles from design system going forward)
Does not break functionality of adding/editing nodes/properties etc.

mijohansen commented 2 years ago

Jeg legger denne tilbake. @altinn/altinn-design-system burde vært flyttet til npmjs før vi setter denne avhengigheten for å unngå ekstra kompleksitet.

haakemon commented 2 years ago

@mijohansen @altinn/altinn-design-system is now on the official npm feed as of version 0.5.7. This does require React 18 though, so we need to do that upgrade as well before we can start using it.

Altinn / altinn-studio