@arkitektum/altinn-studio-custom-components 4.0.1 → 4.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -12
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1585
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,27 +8,31 @@ Her finner du gjenbrukbare komponenter som kan vise f.eks. et adresseobjekt elle
|
|
|
8
8
|
|
|
9
9
|
### Titler
|
|
10
10
|
|
|
11
|
-
- [Text](src/components/custom-header-text/) - viser tittel med tekst fra ressurs
|
|
11
|
+
- [Text](src/components/data-components/custom-header-text/) - viser tittel med tekst fra ressurs
|
|
12
12
|
|
|
13
13
|
### Datafelt
|
|
14
14
|
|
|
15
|
-
- [Data](src/components/custom-field-data/) - viser et datafelt med label
|
|
16
|
-
- [Boolean text](src/components/custom-field-boolean-text/) - viser et boolsk med gitte tekster for true/false verdier
|
|
17
|
-
- [Adresse](src/components/custom-field-adresse/) - viser et komplett adresseobjekt
|
|
18
|
-
- [Part-navn](src/components/custom-field-part-navn/) - viser parts navn med evt organisasjonsnummer
|
|
19
|
-
- [Kommunens saksnummer](src/components/custom-field-kommunens-saksnummer/) - viser et kommunalt saksnummer sammensatt av saksår og sekvensnummer.
|
|
20
|
-
- [Prosjekt](src/components/custom-field-prosjekt/) - viser prosjektnummer sammensatt av nummer og navn
|
|
21
|
-
- [Telefonnummer](src/components/custom-field-telefonnummer/) - viser alle telefonnummer som er angitt på et parts-objekt
|
|
22
|
-
- [Utfallbesvarelse](src/components/custom-field-utfall-svar-status/) - viser status basert på Utfallsvar-objektet
|
|
15
|
+
- [Data](src/components/data-components/custom-field-data/) - viser et datafelt med label
|
|
16
|
+
- [Boolean text](src/components/data-components/custom-field-boolean-text/) - viser et boolsk med gitte tekster for true/false verdier
|
|
17
|
+
- [Adresse](src/components/data-components/custom-field-adresse/) - viser et komplett adresseobjekt
|
|
18
|
+
- [Part-navn](src/components/data-components/custom-field-part-navn/) - viser parts navn med evt organisasjonsnummer
|
|
19
|
+
- [Kommunens saksnummer](src/components/data-components/custom-field-kommunens-saksnummer/) - viser et kommunalt saksnummer sammensatt av saksår og sekvensnummer.
|
|
20
|
+
- [Prosjekt](src/components/data-components/custom-field-prosjekt/) - viser prosjektnummer sammensatt av nummer og navn
|
|
21
|
+
- [Telefonnummer](src/components/data-components/custom-field-telefonnummer/) - viser alle telefonnummer som er angitt på et parts-objekt
|
|
22
|
+
- [Utfallbesvarelse](src/components/data-components/custom-field-utfall-svar-status/) - viser status basert på Utfallsvar-objektet
|
|
23
23
|
|
|
24
24
|
### Lister
|
|
25
25
|
|
|
26
|
-
- [Data](src/components/custom-list-data/) - viser en liste med verdier
|
|
27
|
-
- [Vedlegg](src/components/custom-list-vedlegg/) - viser en liste med vedlegg fra datamodellen
|
|
26
|
+
- [Data](src/components/data-components/custom-list-data/) - viser en liste med verdier
|
|
27
|
+
- [Vedlegg](src/components/data-components/custom-list-vedlegg/) - viser en liste med vedlegg fra datamodellen
|
|
28
28
|
|
|
29
29
|
### Gruppelister
|
|
30
30
|
|
|
31
|
-
- [Utfall svar](src/components/custom-grouplist-utfall-svar-type/) - viser liste Utfallsvar-komponentgrupper
|
|
31
|
+
- [Utfall svar](src/components/data-components/custom-grouplist-utfall-svar-type/) - viser liste Utfallsvar-komponentgrupper
|
|
32
|
+
|
|
33
|
+
### Tabeller
|
|
34
|
+
|
|
35
|
+
- [Data](src/components/data-components/custom-table-data/) - viser en tabell med verdier
|
|
32
36
|
|
|
33
37
|
### Hvordan ta i bruk altinn-studio-custom-components i en Altinn 3 App
|
|
34
38
|
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
custom-divider{hr{background-color:var(--color-divider-default);border:none;height:1px;margin:20px 0;page-break-before:avoid;&:before{content:"";display:block;height:50px;margin-top:-50px}}}custom-field{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{&.inline{align-items:baseline;display:flex;flex-direction:row;gap:.5rem}& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}& span{display:block;white-space:pre-line}&:not(.inline){& span{&.has-title{page-break-before:avoid}}}}}custom-header{color:var(--color-text-default);display:block;font-family:var(--font-family-default);font-weight:var(--font-weight-default);page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:
|
|
1
|
+
custom-divider{display:block;page-break-before:avoid;& hr{background-color:var(--color-divider-default);border:none;display:block;height:1px;margin:20px 0;page-break-before:avoid;&:before{content:"";display:block;height:50px;margin-top:-50px}}}custom-field{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{&.inline{align-items:baseline;display:flex;flex-direction:row;gap:.5rem}& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}& span{display:block;white-space:pre-line}&:not(.inline){& span{&.has-title{page-break-before:avoid}}}}}custom-header{color:var(--color-text-default);display:block;font-family:var(--font-family-default);font-weight:var(--font-weight-default);page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:100px;margin-bottom:-100px}& h1,& h2,& h3,& h4{display:inline-block;line-height:1.1em;margin-block-end:0;margin-block-start:1em;page-break-after:avoid}& h1{font-size:var(--font-size-h1)}& h1,& h2{font-weight:var(--font-weight-default)}& h2{font-size:var(--font-size-h2)}& h3{font-size:var(--font-size-h3)}& h3,& h4{font-weight:var(--font-weight-default)}& h4{font-size:var(--font-size-h4)}}custom-list{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}}& ul{display:block;margin-block:0;padding-inline-start:1em;&.has-title{page-break-before:avoid}}}custom-table{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& table{border:1px solid #e7e4e4;border-radius:6px;border-spacing:0;margin:.75rem 0;overflow:hidden;width:100%;& td,& th{padding:8px 12px}& thead{& th{background-color:var(--background-muted);border-bottom:1px solid #dddada;font-weight:500;line-height:var(--line-height-table-header);text-align:left}}& tbody{& tr{&:nth-child(2n){background-color:#fefcfc}}& tr:not(:last-of-type){& td{border-bottom:1px solid #dddada}}}}}custom-field-adresse{display:block;page-break-inside:avoid}@font-face{font-family:Roboto Flex;src:url(49c816770b639989d28b.woff2) format("woff2")}:root{--font-family-default:"Roboto Flex",Arial,sans-serif;--color-text-default:#1c1b1d;--background-muted:#f7f4f4;--color-divider-default:#cdcaca;--font-size-default:16px;--font-size-h1:42px;--font-size-h2:30px;--font-size-h3:23px;--font-size-h4:19px;--font-weight-default:400;--line-height-default:24px;--line-height-table-header:20px}body{background-color:#fff;color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);letter-spacing:normal;line-height:var(--line-height-default);-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;& h1,& h2,& h3,& h4,& h5,& h6,& p{color:var(--color-text-default);&[class^=fds-]{font-family:var(--font-family-default)}}}@media print{html{font-size:inherit!important}}@page{size:A4 portrait;margin-bottom:1cm;margin-left:1.25cm;margin-right:1.25cm;margin-top:1cm}#pdfView{&>div:first-of-type{margin-bottom:-55px;& h1{margin-top:-50px}& img{height:auto;width:85px}}}
|