@erst-vg/vg-design-wrapper 1.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 +2 -0
- package/dist/src/App.vue.d.ts +2 -0
- package/dist/src/VgDesign.vue.d.ts +6 -0
- package/dist/src/components/VgAccordion.vue.d.ts +67 -0
- package/dist/src/components/VgButton.vue.d.ts +25 -0
- package/dist/src/components/VgButtons.vue.d.ts +2 -0
- package/dist/src/components/VgCard.vue.d.ts +76 -0
- package/dist/src/components/VgCardGroup.vue.d.ts +25 -0
- package/dist/src/components/VgDesignWrapper.vue.d.ts +11 -0
- package/dist/src/components/VgIcon.vue.d.ts +31 -0
- package/dist/src/components/VgListe.vue.d.ts +56 -0
- package/dist/src/components/VgListeCard.vue.d.ts +33 -0
- package/dist/src/components/VgPagination.vue.d.ts +24 -0
- package/dist/src/index.d.ts +11 -0
- package/dist/src/main.d.ts +0 -0
- package/dist/src/utils/tekstnoegle-util.d.ts +2 -0
- package/dist/tests/helpers.d.ts +0 -0
- package/dist/tests/mocks.d.ts +1 -0
- package/dist/tests/unit/components/VgAccordion.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgButton.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgButtons.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgCard.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgCardGroup.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgDesignWrapper.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgIcon.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgListe.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgListeCard.spec.d.ts +1 -0
- package/dist/tests/unit/components/VgPagination.spec.d.ts +1 -0
- package/dist/tests/unit/utils/tekstnoegle-util.spec.d.ts +1 -0
- package/dist/vg-design-wrapper.js +2601 -0
- package/dist/vg-design-wrapper.umd.cjs +120 -0
- package/dist/vite.config.d.ts +2 -0
- package/package.json +89 -0
- package/src/assets/icons/abonnementFilled.svg +5 -0
- package/src/assets/icons/abonnementOutline.svg +5 -0
- package/src/assets/icons/accordion.svg +3 -0
- package/src/assets/icons/accordionClose.svg +3 -0
- package/src/assets/icons/accordionCloseOld.svg +7 -0
- package/src/assets/icons/accordionOpen.svg +3 -0
- package/src/assets/icons/accordionOpenOld.svg +7 -0
- package/src/assets/icons/accountCircle.svg +3 -0
- package/src/assets/icons/add.svg +6 -0
- package/src/assets/icons/addBig.svg +6 -0
- package/src/assets/icons/afpublicer.svg +3 -0
- package/src/assets/icons/anchorlink.svg +3 -0
- package/src/assets/icons/anchormenuer.svg +3 -0
- package/src/assets/icons/angleArrowDown.svg +3 -0
- package/src/assets/icons/angleArrowUp.svg +3 -0
- package/src/assets/icons/ansoegninger.svg +7 -0
- package/src/assets/icons/applikationer.svg +3 -0
- package/src/assets/icons/arrowLeft.svg +3 -0
- package/src/assets/icons/arrowRight.svg +3 -0
- package/src/assets/icons/bell.svg +3 -0
- package/src/assets/icons/bellAlarmFilled.svg +3 -0
- package/src/assets/icons/bellAlarmOutline.svg +3 -0
- package/src/assets/icons/bellOvercrossed.svg +3 -0
- package/src/assets/icons/beskedcenter.svg +3 -0
- package/src/assets/icons/billede.svg +3 -0
- package/src/assets/icons/bogmaerker.svg +3 -0
- package/src/assets/icons/bookmarkFilled.svg +3 -0
- package/src/assets/icons/bookmarkOutline.svg +3 -0
- package/src/assets/icons/breadcrumbArrow.svg +3 -0
- package/src/assets/icons/calendar.svg +3 -0
- package/src/assets/icons/calendarOutline.svg +3 -0
- package/src/assets/icons/callToAction.svg +3 -0
- package/src/assets/icons/card.svg +3 -0
- package/src/assets/icons/carouselArrowLeft.svg +3 -0
- package/src/assets/icons/carouselArrowRight.svg +3 -0
- package/src/assets/icons/category.svg +3 -0
- package/src/assets/icons/check.svg +3 -0
- package/src/assets/icons/chevronLeft.svg +3 -0
- package/src/assets/icons/circularArrow.svg +3 -0
- package/src/assets/icons/close.svg +3 -0
- package/src/assets/icons/closeCircleOutline.svg +3 -0
- package/src/assets/icons/closeCirleFilled.svg +3 -0
- package/src/assets/icons/copyLink.svg +3 -0
- package/src/assets/icons/datahub.svg +3 -0
- package/src/assets/icons/deleteOutline.svg +4 -0
- package/src/assets/icons/deltagelsesgange.svg +3 -0
- package/src/assets/icons/dots.svg +5 -0
- package/src/assets/icons/dotsHorizontal.svg +3 -0
- package/src/assets/icons/doubleArrow.svg +3 -0
- package/src/assets/icons/downRightArrow.svg +3 -0
- package/src/assets/icons/download.svg +3 -0
- package/src/assets/icons/draggable.svg +5 -0
- package/src/assets/icons/email.svg +5 -0
- package/src/assets/icons/emner.svg +3 -0
- package/src/assets/icons/envelopeFilled.svg +3 -0
- package/src/assets/icons/envelopeOutline.svg +5 -0
- package/src/assets/icons/error.svg +3 -0
- package/src/assets/icons/eyeHide.svg +3 -0
- package/src/assets/icons/file.svg +6 -0
- package/src/assets/icons/filter.svg +3 -0
- package/src/assets/icons/filter2.svg +20 -0
- package/src/assets/icons/graph.svg +3 -0
- package/src/assets/icons/helpCircleOutline.svg +6 -0
- package/src/assets/icons/hero.svg +3 -0
- package/src/assets/icons/highlightArrow.svg +3 -0
- package/src/assets/icons/history.svg +3 -0
- package/src/assets/icons/home.svg +5 -0
- package/src/assets/icons/image.svg +5 -0
- package/src/assets/icons/indsaet.svg +3 -0
- package/src/assets/icons/indstillinger.svg +3 -0
- package/src/assets/icons/info.svg +5 -0
- package/src/assets/icons/infobox.svg +3 -0
- package/src/assets/icons/knap.svg +3 -0
- package/src/assets/icons/kontaktformular.svg +3 -0
- package/src/assets/icons/kopi.svg +3 -0
- package/src/assets/icons/leftUpCurvedArrow.svg +3 -0
- package/src/assets/icons/letter.svg +3 -0
- package/src/assets/icons/link.svg +3 -0
- package/src/assets/icons/linkboks.svg +5 -0
- package/src/assets/icons/linkedin.svg +5 -0
- package/src/assets/icons/liste.svg +3 -0
- package/src/assets/icons/listecard.svg +3 -0
- package/src/assets/icons/loading.svg +3 -0
- package/src/assets/icons/location.svg +3 -0
- package/src/assets/icons/lock.svg +7 -0
- package/src/assets/icons/loginbanner.svg +3 -0
- package/src/assets/icons/magnify.svg +3 -0
- package/src/assets/icons/magnifyBig.svg +3 -0
- package/src/assets/icons/map.svg +3 -0
- package/src/assets/icons/menu.svg +3 -0
- package/src/assets/icons/menuDown.svg +3 -0
- package/src/assets/icons/menuUp.svg +3 -0
- package/src/assets/icons/minus.svg +3 -0
- package/src/assets/icons/notVerified.svg +3 -0
- package/src/assets/icons/notes.svg +5 -0
- package/src/assets/icons/online.svg +3 -0
- package/src/assets/icons/openInNew.svg +3 -0
- package/src/assets/icons/paere.svg +8 -0
- package/src/assets/icons/paginationChevronLeft.svg +4 -0
- package/src/assets/icons/paginationChevronRight.svg +4 -0
- package/src/assets/icons/paginationFirstPage.svg +4 -0
- package/src/assets/icons/paginationLastPage.svg +4 -0
- package/src/assets/icons/partnergruppe.svg +5 -0
- package/src/assets/icons/pause.svg +3 -0
- package/src/assets/icons/pdfDownload.svg +3 -0
- package/src/assets/icons/pencil.svg +3 -0
- package/src/assets/icons/pencilOutline.svg +3 -0
- package/src/assets/icons/people.svg +5 -0
- package/src/assets/icons/phone.svg +5 -0
- package/src/assets/icons/play.svg +5 -0
- package/src/assets/icons/playVideo.svg +5 -0
- package/src/assets/icons/plus.svg +3 -0
- package/src/assets/icons/praedefineretSoegning.svg +3 -0
- package/src/assets/icons/quote.svg +3 -0
- package/src/assets/icons/redaktion.svg +3 -0
- package/src/assets/icons/remove.svg +3 -0
- package/src/assets/icons/removeRedEyeOutline.svg +3 -0
- package/src/assets/icons/richtext.svg +3 -0
- package/src/assets/icons/roundCheckmark.svg +3 -0
- package/src/assets/icons/save.svg +3 -0
- package/src/assets/icons/sektionsoverskrift.svg +5 -0
- package/src/assets/icons/showMoreArrow.svg +1 -0
- package/src/assets/icons/starFilled.svg +3 -0
- package/src/assets/icons/starOutline.svg +3 -0
- package/src/assets/icons/tag.svg +3 -0
- package/src/assets/icons/teaser.svg +3 -0
- package/src/assets/icons/teaserbillede.svg +3 -0
- package/src/assets/icons/tekstgruppe.svg +3 -0
- package/src/assets/icons/time.svg +7 -0
- package/src/assets/icons/trashCan.svg +3 -0
- package/src/assets/icons/udvidedeCardgruppe.svg +3 -0
- package/src/assets/icons/unlock.svg +3 -0
- package/src/assets/icons/verified.svg +3 -0
- package/src/assets/icons/video.svg +3 -0
- package/src/assets/icons/zoom.svg +3 -0
- package/src/styles/custom/_vgAccordion.scss +14 -0
- package/src/styles/custom/_vgCard.scss +15 -0
- package/src/styles/custom/_vgIcon.scss +3 -0
- package/src/styles/custom/_vgListe.scss +3 -0
- package/src/styles/vg/_vg-colors.scss +204 -0
- package/src/styles/vg/accordion/_vg-accordion.scss +98 -0
- package/src/styles/vg/buttons/_vg-buttons.scss +324 -0
- package/src/styles/vg/card/_vg-cardText.scss +74 -0
- package/src/styles/vg/card/_vg-udvidedecardgrupper.scss +441 -0
- package/src/styles/vg/mixins/_vg-mediaquery-helpers.scss +135 -0
- package/src/styles/vg/pagination/_vg-pagination.scss +67 -0
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14zM12 2c4.2 0 8 3.22 8 8.2 0 3.32-2.67 7.25-8 11.8-5.33-4.55-8-8.48-8-11.8C4 5.22 7.8 2 12 2z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g>
|
|
3
|
+
<path
|
|
4
|
+
d="M12 5.42h-.666V4.087a3.335 3.335 0 0 0-6.667 0V5.42H4c-.733 0-1.333.6-1.333 1.334v6.666c0 .733.6 1.334 1.333 1.334h8c.734 0 1.334-.6 1.334-1.334V6.754c0-.734-.6-1.334-1.334-1.334zM6 4.087c0-1.107.894-2 2-2 1.107 0 2 .893 2 2V5.42H6V4.087zm6 9.333H4V6.754h8v6.666zm-4-2c.734 0 1.334-.6 1.334-1.333S8.734 8.754 8 8.754c-.733 0-1.333.6-1.333 1.333S7.267 11.42 8 11.42z"
|
|
5
|
+
/>
|
|
6
|
+
</g>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78A7.893 7.893 0 0 1 12 20c-1.86 0-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.95 7.95 0 0 1 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.667 18.667h-1.054l-.373-.36c1.307-1.52 2.093-3.494 2.093-5.64C21.333 7.88 17.453 4 12.667 4 7.88 4 4 7.88 4 12.667c0 4.786 3.88 8.666 8.667 8.666 2.146 0 4.12-.786 5.64-2.093l.36.373v1.054l6.666 6.653 1.987-1.987-6.653-6.666zm-8 0c-3.32 0-6-2.68-6-6s2.68-6 6-6 6 2.68 6 6-2.68 6-6 6z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="m20.5 3-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47zm-5 .99 3-1.01v11.7l-3 1.16V6.46zm14 11.08-3 1.01V6.86l3-1.16v11.84z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M13.334 2.804H2.667c-.733 0-1.333.6-1.333 1.334v7.333c0 .733.6 1.333 1.333 1.333h2l-.666.667v1.333h8v-1.333l-.667-.667h2c.733 0 1.333-.6 1.333-1.333V4.138c0-.734-.6-1.334-1.333-1.334zm0 8.667H2.667V4.138h10.667v7.333z" fill="currentColor" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path
|
|
3
|
+
d="M12 3C11.54 3 11.07 3.04 10.6 3.14C7.84 3.67 5.64 5.9 5.12 8.66C4.64 11.27 5.6 13.67 7.34 15.22C7.77 15.6 8 16.13 8 16.69V19C8 20.1 8.9 21 10 21H10.28C10.63 21.6 11.26 22 12 22C12.74 22 13.38 21.6 13.72 21H14C15.1 21 16 20.1 16 19V16.69C16 16.14 16.22 15.6 16.64 15.23C18.09 13.95 19 12.08 19 10C19 6.13 15.87 3 12 3ZM14 17H10V16H14V17ZM10 19V18H14V19H10ZM15.31 13.74C15.22 13.82 15.15 13.92 15.07 14H8.92C8.84 13.91 8.77 13.81 8.68 13.73C7.36 12.55 6.77 10.79 7.09 9.03C7.45 7.09 9.04999 5.48 10.98 5.1C11.32 5.03 11.66 5 12 5C14.76 5 17 7.24 17 10C17 11.43 16.39 12.79 15.31 13.74Z"
|
|
4
|
+
/>
|
|
5
|
+
<path d="M12.5 11H11.5V14H12.5V11Z" />
|
|
6
|
+
<path d="M10.3795 8.87372L9.67239 9.58082L11.7937 11.7021L12.5008 10.995L10.3795 8.87372Z" />
|
|
7
|
+
<path d="M11.501 11.0052L12.2081 11.7123L14.3294 9.59098L13.6223 8.88388L11.501 11.0052Z" />
|
|
8
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g>
|
|
3
|
+
<path d="M12.22 19.85c-.18.18-.5.21-.71 0a.504.504 0 0 1 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.19.2-.51.19-.71 0a.504.504 0 0 1 0-.71l3.39-3.39-1.41-1.41-3.39 3.39c-.18.18-.5.21-.71 0a.513.513 0 0 1 0-.71l3.39-3.39-1.42-1.41-3.39 3.39c-.18.18-.5.21-.71 0a.513.513 0 0 1 0-.71L9.52 8.4l1.87 1.86c.95.95 2.59.94 3.54 0 .98-.98.98-2.56 0-3.54l-1.86-1.86.28-.28c.78-.78 2.05-.78 2.83 0l4.24 4.24c.78.78.78 2.05 0 2.83l-8.2 8.2zm9.61-6.78a4.008 4.008 0 0 0 0-5.66l-4.24-4.24a4.008 4.008 0 0 0-5.66 0l-.28.28-.28-.28a4.008 4.008 0 0 0-5.66 0L2.17 6.71a3.992 3.992 0 0 0-.4 5.19l1.45-1.45a2 2 0 0 1 .37-2.33l3.54-3.54c.78-.78 2.05-.78 2.83 0l3.56 3.56c.18.18.21.5 0 .71-.21.21-.53.18-.71 0L9.52 5.57l-5.8 5.79c-.98.97-.98 2.56 0 3.54.39.39.89.63 1.42.7a2.458 2.458 0 0 0 2.12 2.12 2.458 2.458 0 0 0 2.12 2.12c.07.54.31 1.03.7 1.42.47.47 1.1.73 1.77.73.67 0 1.3-.26 1.77-.73l8.21-8.19z" fill="#1A1A1A"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="m14 2 6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8zm4 18V9h-5V4H6v16h12zm-7.08-7.69c-.24-.77-.77-3.23.63-3.27 1.4-.04.48 3.12.48 3.12.39 1.49 2.02 2.56 2.02 2.56.5-.15 3.35-.48 2.95 1-.43 1.48-3.5.09-3.5.09-1.95.14-3.41.66-3.41.66-1.13 2.11-2.45 3.03-2.99 2.14-.67-1.11 2.13-2.54 2.13-2.54 1.45-2.35 1.67-3.72 1.69-3.76zm.65.84c-.4 1.3-1.2 2.69-1.2 2.69.85-.34 2.71-.73 2.71-.73-1.14-1-1.49-1.95-1.51-1.96zm3.14 2.17s1.75.65 1.79.39c.07-.27-1.33-.51-1.79-.39zm-5.66 1.49c-.77.3-1.51 1.58-1.33 1.58.18.01.91-.6 1.33-1.58zm2.52-5.55c0-.05.43-1.68 0-1.73-.3-.03-.01 1.69 0 1.73z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path
|
|
3
|
+
d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24C14.5 5.27 15 6.58 15 8s-.5 2.73-1.33 3.76c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
|
|
4
|
+
/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g>
|
|
3
|
+
<path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z" fill="currentColor"/>
|
|
4
|
+
</g>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="9.141304" y="7.0869565" class="st0" width="7.5815215" height="10.548913" />
|
|
3
|
+
<path fill="none" class="st1" d="M0,0h24v24H0V0z" />
|
|
4
|
+
<path fill="#FFFFFF" d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.4799995,10-10S17.5200005,2,12,2z M10,16.5v-9l6,4.5L10,16.5z" />
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="9.141304" y="7.0869565" class="st0" width="7.5815215" height="10.548913" />
|
|
3
|
+
<path fill="none" class="st1" d="M0,0h24v24H0V0z" />
|
|
4
|
+
<path fill="#FFFFFF" d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.4799995,10-10S17.5200005,2,12,2z M10,16.5v-9l6,4.5L10,16.5z" />
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="39" height="27" viewBox="0 0 39 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.4565 0C13.0314 0 14.8841 0.631582 16.0145 1.89474C17.2077 3.09474 17.8043 4.61053 17.8043 6.44211V8.24211C17.8043 9.94737 17.5531 11.6842 17.0507 13.4526C16.6111 15.1579 15.9517 16.8316 15.0725 18.4737C14.1932 20.1158 13.157 21.6632 11.9638 23.1158C10.7705 24.5684 9.48309 25.8632 8.10145 27H0C2.00966 25.1053 3.70531 23.2105 5.08696 21.3158C6.4686 19.3579 7.50483 17.2105 8.19565 14.8737C6.3744 14.5579 5.05556 13.8316 4.23913 12.6947C3.42271 11.4947 3.01449 10.1053 3.01449 8.52632L3.01449 6.44211C3.01449 4.61053 3.57971 3.09474 4.71015 1.89474C5.90338 0.631582 7.81884 0 10.4565 0ZM31.6522 0C34.2271 0 36.0797 0.631582 37.2101 1.89474C38.4034 3.09474 39 4.61053 39 6.44211V8.24211C39 9.94737 38.7488 11.6842 38.2464 13.4526C37.8068 15.1579 37.1473 16.8316 36.2681 18.4737C35.3889 20.1158 34.3527 21.6632 33.1594 23.1158C31.9662 24.5684 30.6787 25.8632 29.2971 27H21.1957C23.2053 25.1053 24.901 23.2105 26.2826 21.3158C27.6643 19.3579 28.7005 17.2105 29.3913 14.8737C27.5701 14.5579 26.2512 13.8316 25.4348 12.6947C24.6184 11.4947 24.2101 10.1053 24.2101 8.52632V6.44211C24.2101 4.61053 24.7754 3.09474 25.9058 1.89474C27.099 0.631582 29.0145 0 31.6522 0Z" fill="#1A1A1A" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M11.333 2h-8C2.593 2 2 2.6 2 3.333v9.334C2 13.4 2.593 14 3.333 14h9.334C13.4 14 14 13.4 14 12.667v-8L11.333 2zm1.334 10.667H3.333V3.333h7.447l1.887 1.887v7.447zM8 8c-1.107 0-2 .893-2 2s.893 2 2 2 2-.893 2-2-.893-2-2-2zM4 4h6v2.667H4V4z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" fill="currentColor" /></svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM13 20.01L4 11V4h7v-.01l9 9-7 7.02z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M11 19c0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 9 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h4c.55 0 1.02.196 1.412.587C10.804 3.98 11 4.45 11 5v14zm-2 0V5H5v14h4zm12 0c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21h-4c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 13 19V5c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 15 3h4c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v14zm-2 0V5h-4v14h4z" fill="#1A1A1A"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill="none" d="M0 0h24v24H0z" />
|
|
3
|
+
<path
|
|
4
|
+
d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
5
|
+
/>
|
|
6
|
+
<path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" />
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 5.333h-.667V4a3.335 3.335 0 0 0-6.666 0H6c0-1.107.893-2 2-2s2 .893 2 2v1.333H4c-.733 0-1.333.6-1.333 1.334v6.666c0 .734.6 1.334 1.333 1.334h8c.733 0 1.333-.6 1.333-1.334V6.667c0-.734-.6-1.334-1.333-1.334zm0 8H4V6.667h8v6.666zm-4-2c.733 0 1.333-.6 1.333-1.333S8.733 8.667 8 8.667s-1.333.6-1.333 1.333.6 1.333 1.333 1.333z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="m15.333 8-1.627-1.86.227-2.46-2.407-.547L10.266 1l-2.267.973L5.733 1l-1.26 2.127-2.407.54.227 2.466L.666 8l1.627 1.86-.227 2.467 2.407.546L5.733 15l2.266-.98 2.267.973 1.26-2.126 2.407-.547-.227-2.46L15.333 8zm-8.607 3.147-2.533-2.54.986-.987 1.547 1.553 3.9-3.913.987.987-4.887 4.9z" />
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
// Brug https://www.colorhexa.com/ til at navngivning af farver
|
|
2
|
+
|
|
3
|
+
$color-blue: #0052ff;
|
|
4
|
+
$color-blue-dark: #002691;
|
|
5
|
+
$color-very-dark-blue: #1f4665;
|
|
6
|
+
$color-very-dark-blue-2: #091134;
|
|
7
|
+
|
|
8
|
+
$color-vivid-orange: #f16913;
|
|
9
|
+
$color-green: #218441;
|
|
10
|
+
$color-lime-green: #41ab5d;
|
|
11
|
+
$color-light-violet: #8d65ff;
|
|
12
|
+
$color-bright-pink: #dd3497;
|
|
13
|
+
$color-strong-cyan: #0ed4b1;
|
|
14
|
+
$color-dark-gray: #a3a3a3;
|
|
15
|
+
$color-dark-gray-2: #828282;
|
|
16
|
+
$color-dark-gray-3: #747474;
|
|
17
|
+
$color-dark-gray-4: #636363;
|
|
18
|
+
$color-light-grayish-blue: #d4dbe1;
|
|
19
|
+
$color-light-grayish-blue-2: #cedeed;
|
|
20
|
+
$color-light-grayish-blue-3: #e8ecf2;
|
|
21
|
+
$color-medium-grayish-blue: #e5e7ea;
|
|
22
|
+
$color-dark-grayish-blue: #8a9295;
|
|
23
|
+
$color-grayish-blue: #aab7c4;
|
|
24
|
+
$color-pale-blue: #adc7ff;
|
|
25
|
+
$color-light-gray: #c4c4c4;
|
|
26
|
+
$color-light-gray-2: #e0e0e0;
|
|
27
|
+
$color-very-pale-blue: #e5eeff;
|
|
28
|
+
$color-very-dark-desaturated-blue: #334452;
|
|
29
|
+
$color-very-dark-gray: #1a1a1a;
|
|
30
|
+
$color-very-light-gray-mostly-white: #f5f5f5;
|
|
31
|
+
|
|
32
|
+
// color palette from https://app.zeplin.io/project/60b0c4bdaeff251268a90816/styleguide
|
|
33
|
+
$primary-color: #0052ff;
|
|
34
|
+
$primary-lightest: #e7efff;
|
|
35
|
+
$primary-lighter: #8bb0ff;
|
|
36
|
+
$primary-light: #4581ff;
|
|
37
|
+
$primary-dark: #0035a3;
|
|
38
|
+
$primary-darker: #002674;
|
|
39
|
+
$primary-darkest: #000f2f;
|
|
40
|
+
|
|
41
|
+
$primary-medium: $color-very-dark-desaturated-blue;
|
|
42
|
+
$secondary-blue: $color-blue-dark;
|
|
43
|
+
|
|
44
|
+
$font-color: $color-very-dark-gray;
|
|
45
|
+
$font-color-menu-hover: #00279163;
|
|
46
|
+
|
|
47
|
+
$color-link: #257698;
|
|
48
|
+
$color-cookie: #454545;
|
|
49
|
+
|
|
50
|
+
$background-normal: $color-very-light-gray-mostly-white;
|
|
51
|
+
$background-alternative: #e5eaee;
|
|
52
|
+
$background-alternative-hover: #cdd6dd;
|
|
53
|
+
$background-alternative-active: #b5c1cb;
|
|
54
|
+
$background-pagination: #efefef;
|
|
55
|
+
|
|
56
|
+
$color-darkblue: #00315c;
|
|
57
|
+
$color-white: #ffffff;
|
|
58
|
+
$color-light-grey: #bdbdbd;
|
|
59
|
+
$color-black: #000000;
|
|
60
|
+
$color-red: #ff5656;
|
|
61
|
+
$color-darkPurple: #800080;
|
|
62
|
+
$color-dark-blue: #141b28;
|
|
63
|
+
|
|
64
|
+
$border-color-grey: #c3c3c3;
|
|
65
|
+
$border-color-card: #dfe0e4;
|
|
66
|
+
$border-color-cta: $color-light-grayish-blue;
|
|
67
|
+
$border-color-light-grey: #e5eaee;
|
|
68
|
+
$menu-color: $color-dark-gray-3;
|
|
69
|
+
$border-grey: #d7dadf;
|
|
70
|
+
|
|
71
|
+
$multiselector-disabled-text: #1d1d1d;
|
|
72
|
+
$multiselector-disabled-background: #ededed;
|
|
73
|
+
|
|
74
|
+
$color-tag-text: #454545;
|
|
75
|
+
$color-tag-gray: #dcdcdc;
|
|
76
|
+
$color-gray-004: #999999;
|
|
77
|
+
$color-light-silver: #d9d9d9;
|
|
78
|
+
|
|
79
|
+
// Redaktion colors
|
|
80
|
+
$color-redaktion-grey: #3b3e46;
|
|
81
|
+
$color-redaktion-menu-blue: #000f2f;
|
|
82
|
+
$color-redaktion-menu-item: $primary-darker;
|
|
83
|
+
$color-redaktion-border: $color-grayish-blue;
|
|
84
|
+
$color-redaktion-sidebar-bg: #f5f7f9;
|
|
85
|
+
$color-redaktion-shadow: rgba(0, 0, 0, 0.25);
|
|
86
|
+
$color-redaktion-light-grey: #828282;
|
|
87
|
+
$color-redaktion-lightest-blue: $primary-lightest;
|
|
88
|
+
$color-redaktion-light-blue: $primary-lighter;
|
|
89
|
+
$color-redaktion-picture-grey: #f3f3f3;
|
|
90
|
+
$color-redaktion-themecolor-green: #078856;
|
|
91
|
+
$color-redaktion-themecolor-brown: #691c27;
|
|
92
|
+
$color-redaktion-topbar-bg: #edf2f5;
|
|
93
|
+
$color-redaktion-lightbg-hover: #0052ff;
|
|
94
|
+
$color-redaktion-lightbg-disabled: $color-grayish-blue;
|
|
95
|
+
$color-redaktion-lightbg-active: $primary-darker;
|
|
96
|
+
$color-redation-scrollbar-background: #c4c4c4;
|
|
97
|
+
$color-redation-scrollbar-thumb: #856f6f;
|
|
98
|
+
$color-redaktion-ghost: #cfdfec;
|
|
99
|
+
$color-redaktion-blacklist-background: #f6f9fc;
|
|
100
|
+
|
|
101
|
+
// Button
|
|
102
|
+
$color-button-warning: #cc0000;
|
|
103
|
+
$color-button-warning-hover: #aa0000;
|
|
104
|
+
$color-button-warning-active: #7d0000;
|
|
105
|
+
|
|
106
|
+
// Data
|
|
107
|
+
$color-data-cell: $primary-lightest;
|
|
108
|
+
$color-data-sum-cell: $primary-lighter;
|
|
109
|
+
|
|
110
|
+
// Highcharts graf farver
|
|
111
|
+
$color-data-graph-fuchsia: #ae017e;
|
|
112
|
+
$color-data-graph-green: $color-green;
|
|
113
|
+
$color-data-graph-purple: #6a51a3;
|
|
114
|
+
$color-data-graph-red: #e31a1c;
|
|
115
|
+
$color-data-graph-blue: #2b8cbe;
|
|
116
|
+
$color-data-graph-dark-blue: #08519c;
|
|
117
|
+
$color-data-graph-grayish-blue: #9da5b6;
|
|
118
|
+
$color-data-graph-orange: $color-vivid-orange;
|
|
119
|
+
$color-data-graph-dark-purple: #8b2f8a;
|
|
120
|
+
$color-data-graph-dark-orange: #fc4e2a;
|
|
121
|
+
$color-data-graph-moderate-blue: #4292c6;
|
|
122
|
+
$color-data-graph-lime: $color-lime-green;
|
|
123
|
+
$color-data-graph-cyan: #4eb3d3;
|
|
124
|
+
$color-data-graph-lavender: #807dba;
|
|
125
|
+
$color-data-graph-pink: $color-bright-pink;
|
|
126
|
+
$color-data-graph-very-dark-blue: #33415c;
|
|
127
|
+
$color-data-graph-bright-red: #fc2a2a;
|
|
128
|
+
$color-data-graph-darker-red: #dd3434;
|
|
129
|
+
$color-data-graph-gray: $color-dark-gray;
|
|
130
|
+
$color-data-graph-dark-lime: #74c476;
|
|
131
|
+
$color-data-graph-dark-maroon: #800026;
|
|
132
|
+
$color-data-graph-bright-orange: #feb24c;
|
|
133
|
+
$color-data-graph-dark-green: #006d2c;
|
|
134
|
+
$color-data-graph-light-pink: #fa9fb5;
|
|
135
|
+
$color-data-graph-light-brown: #a08752;
|
|
136
|
+
$color-data-graph-dark-lime-cyan: #31b284;
|
|
137
|
+
$color-data-graph-darker-blue: #5e6a88;
|
|
138
|
+
|
|
139
|
+
// Sitefarver
|
|
140
|
+
$default-site-color-0: $color-white;
|
|
141
|
+
$default-site-color-1: $background-normal;
|
|
142
|
+
$default-site-color-2: $primary-lightest;
|
|
143
|
+
$default-site-color-3: $color-very-dark-blue-2;
|
|
144
|
+
$default-site-color-4: $color-light-grayish-blue-3;
|
|
145
|
+
$default-site-color-5: $primary-darker;
|
|
146
|
+
$default-site-color-6: $color-redaktion-themecolor-brown;
|
|
147
|
+
$default-site-color-7: $color-redaktion-themecolor-green;
|
|
148
|
+
|
|
149
|
+
// Other
|
|
150
|
+
$color-border-light-grey: #bfbfbf;
|
|
151
|
+
$color-darkbg-disabled: #758a9f;
|
|
152
|
+
$color-abonnement-ulaest: #d0021b;
|
|
153
|
+
$color-abonnement-laest: $color-redaktion-border;
|
|
154
|
+
$color-mint-green: #eeffe2;
|
|
155
|
+
$color-grey-1: #4f4f4f;
|
|
156
|
+
|
|
157
|
+
/* CSS variables used for site design which can be overridden on site level
|
|
158
|
+
Remember to override in siteDesign.service.ts. Only variables added to
|
|
159
|
+
/api/content/sites/, for component specific colors, should be added here. */
|
|
160
|
+
:root {
|
|
161
|
+
// Global primary colors
|
|
162
|
+
--site-primary: #{$primary-color};
|
|
163
|
+
--site-primary-light: #{$primary-light};
|
|
164
|
+
--site-primary-lighter: #{$primary-lighter};
|
|
165
|
+
--site-primary-lighest: #{$primary-lightest};
|
|
166
|
+
--site-primary-dark: #{$primary-dark};
|
|
167
|
+
--site-primary-darker: #{$primary-darker};
|
|
168
|
+
--site-primary-darkest: #{$primary-darkest};
|
|
169
|
+
|
|
170
|
+
// Global background colors
|
|
171
|
+
--body-bg-color: #{$background-normal};
|
|
172
|
+
--footer-bg-color: #{$color-dark-blue};
|
|
173
|
+
--footer-font-color: #{$color-white};
|
|
174
|
+
--footer-link-color: #{$color-white};
|
|
175
|
+
|
|
176
|
+
// Header farver
|
|
177
|
+
--header-bg-color: #{$color-white};
|
|
178
|
+
--header-focus-color: #{$primary-color};
|
|
179
|
+
|
|
180
|
+
// Call to action colors
|
|
181
|
+
--button-color: #{$color-white};
|
|
182
|
+
--button-bg-color: #{$primary-color};
|
|
183
|
+
--button-hover-bg-color: #{$primary-dark};
|
|
184
|
+
--button-active-bg-color: #{$primary-darker};
|
|
185
|
+
|
|
186
|
+
// Link colors
|
|
187
|
+
--link-color: #{$color-link};
|
|
188
|
+
--link-color-visited: #{$color-darkPurple};
|
|
189
|
+
|
|
190
|
+
// Faktaboks colors
|
|
191
|
+
--editor-text-color: #{$font-color};
|
|
192
|
+
--editor-link-text-color: #{$primary-color};
|
|
193
|
+
--editor-link-text-visited-color: #{$color-darkPurple};
|
|
194
|
+
--editor-link-text-hover-color: #{$color-blue-dark};
|
|
195
|
+
|
|
196
|
+
// Kampagnecard
|
|
197
|
+
--ydelse-card-label: #{$primary-color};
|
|
198
|
+
--ydelse-card-titel: #{$primary-color};
|
|
199
|
+
--ydelse-card-beskrivelse: #{$primary-color};
|
|
200
|
+
|
|
201
|
+
// Other colors in siteDesign.service.ts
|
|
202
|
+
--citat-color: #{$primary-color};
|
|
203
|
+
--filter-bg-color: #{$color-very-pale-blue};
|
|
204
|
+
}
|