helsenorge / refero Goto Github PK

Hello,

I noticed that when I take ReferoContainer in use it will loads styles globally all around the application and there are css that is targeting all the checkboxes. Could this checkbox be styled so that it would not target all the checkboxes? These style comes from @helsenorge/form library (@helsenorge/form/components/checkbox/styles.scss) Below is the styles that are loaded globally.

input[type=checkbox] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

input[type=checkbox] + label {
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 400;
margin: 0;
word-break: break-word;
hyphens: auto;
hyphens: auto;
hyphens: auto;
}

Could you please update the dependencies (marked, node-fetch)?

Hello,

I noticed that the refero library and its dependencies are quite big. Those are total of 7.5 MB in the bundle file. It can take a long time to load the application with refero library if you have a poor internet connection. The fhir.js file (@helsenorge\refero\types\fhir.js) that contains the FHIR types takes up most of the space in the bundle (6.36MB). Is there any way that you could optimize the size of this library? Are all the types for example necessary for rendering FHIR Questionnaire?