npm - @dso-toolkit/core - Versions diffs - 103.0.0 → 104.0.0 - Mend

@dso-toolkit/core 103.0.0 → 104.0.0

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.

Files changed (274) hide show

package/dist/collection/components/annotation/annotation.css CHANGED Viewed

@@ -18,44 +18,48 @@ a .sr-only + dso-icon {
 a:visited {
   color: var(--_dso-link-visited-color);
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
+  padding-inline-start: 0;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
+  padding-inline-start: 0;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
+  padding-inline-end: 0;
   background-position: bottom -3px left 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"]:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
+  padding-inline-end: 0;
   background-position: bottom -3px left 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"]:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)));
 }
@@ -84,7 +88,7 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -120,7 +124,7 @@ a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hove
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;

package/dist/collection/components/badge/badge.css CHANGED Viewed

@@ -316,7 +316,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -939,7 +939,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -973,7 +973,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -1123,7 +1123,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -1157,7 +1157,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;

package/dist/collection/components/banner/banner.css CHANGED Viewed

@@ -37,7 +37,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -71,7 +71,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -105,7 +105,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;
@@ -139,7 +139,7 @@
   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;
   --_dso-icon-button-tertiary-color: #191919;
   --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #1f472c;
+  --_dso-icon-button-tertiary-active-color: #173521;
   --_dso-icon-button-tertiary-toggled-color: #275937;
   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;
   --_dso-icon-button-tertiary-disabled-color: #999;

package/dist/collection/components/card/card.css CHANGED Viewed

@@ -18,44 +18,48 @@ a .sr-only + dso-icon {
 a:visited {
   color: var(--_dso-link-visited-color);
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
+  padding-inline-start: 0;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).download:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).download:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-download-icon, var(--_dso-di-download-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
+  padding-inline-start: 0;
   padding-inline-end: var(--_dso-link-icon-padding-inline-end, 1.5em);
   background-position: bottom -3px right 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary)).extern:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map)).extern:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-extern-icon, var(--_dso-di-external-link-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"] {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
+  padding-inline-end: 0;
   background-position: bottom -3px left 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="tel:"]:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="tel:"]:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-phone-icon, var(--_dso-di-call-scampi)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"] {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"] {
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-inline-start: var(--_dso-link-icon-padding-inline-start, 1.5em);
+  padding-inline-end: 0;
   background-position: bottom -3px left 0;
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-grasgroen)));
 }
-a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary))[href^="mailto:"]:focus-visible {
+a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"]:hover, a:where(:not(.dso-primary, .dso-secondary, .dso-tertiary, .dso-map))[href^="mailto:"]:focus-visible {
   background-image: var(--_dso-link-icon-visibility, var(--_dso-link-mail-icon, var(--_dso-di-mail-outline-scampi)));
 }

package/dist/collection/components/card-container/card-container.css CHANGED Viewed

@@ -1,7 +1,6 @@
 :host .dso-card-list {
   padding-inline-start: 0;
   list-style: none;
-  border-block-end: 1px solid #ccc;
   margin-block-start: -1px;
 }
 :host .dso-card-list ::slotted(li) {
@@ -32,6 +31,5 @@
 }
 :host(:last-child) .dso-card-list {
-  border-block-end: var(--_dso-card-container-list-border-block-end, 1px solid #ccc);
   margin-block-end: var(--_dso-card-container-list-margin-block-end, 1em);
 }