@postnord/pn-marketweb-components 2.0.74 → 2.0.76

package/umd/modules/@postnord/web-components/collection/components/content/pn-table/pn-table.css

@@ -8,68 +8,68 @@ pn-table.bordered .pn-table-container table thead tr:last-child td {
 }
 pn-table.bordered .pn-table-container table thead tr:first-child th,
 pn-table.bordered .pn-table-container table thead tr:first-child td {
-  border-top: 1px solid #F3F2F2;
+  border-top: 1px solid #f3f2f2;
 }
 pn-table.bordered .pn-table-container table thead tr th,
 pn-table.bordered .pn-table-container table thead tr td {
-  border-right: 1px solid #F3F2F2;
-  border-bottom: 1px solid #F3F2F2;
+  border-right: 1px solid #f3f2f2;
+  border-bottom: 1px solid #f3f2f2;
 }
 pn-table.bordered .pn-table-container table thead tr th:first-child,
 pn-table.bordered .pn-table-container table thead tr td:first-child {
-  border-left: 1px solid #F3F2F2;
+  border-left: 1px solid #f3f2f2;
 }
 pn-table.bordered .pn-table-container table tbody tr.hover-before th,
 pn-table.bordered .pn-table-container table tbody tr.hover-before td {
-  border-bottom-color: #E0F8FF;
+  border-bottom-color: #e0f8ff;
 }
 pn-table.bordered .pn-table-container table tbody tr.hover th,
 pn-table.bordered .pn-table-container table tbody tr.hover td {
-  border-bottom-color: #E0F8FF;
+  border-bottom-color: #e0f8ff;
 }
 pn-table.bordered .pn-table-container table tbody tr.hover th:first-child,
 pn-table.bordered .pn-table-container table tbody tr.hover td:first-child {
-  border-left-color: #E0F8FF;
+  border-left-color: #e0f8ff;
 }
 pn-table.bordered .pn-table-container table tbody tr.hover th:last-child,
 pn-table.bordered .pn-table-container table tbody tr.hover td:last-child {
-  border-right-color: #E0F8FF;
+  border-right-color: #e0f8ff;
 }
 pn-table.bordered .pn-table-container table tbody tr th,
 pn-table.bordered .pn-table-container table tbody tr td {
-  border-bottom: 1px solid #F3F2F2;
+  border-bottom: 1px solid #f3f2f2;
 }
 pn-table.bordered .pn-table-container table tbody tr th:first-child,
 pn-table.bordered .pn-table-container table tbody tr td:first-child {
-  border-left: 1px solid #F3F2F2;
+  border-left: 1px solid #f3f2f2;
 }
 pn-table.bordered .pn-table-container table tbody tr th:last-child,
 pn-table.bordered .pn-table-container table tbody tr td:last-child {
-  border-right: 1px solid #F3F2F2;
+  border-right: 1px solid #f3f2f2;
 }
 pn-table.bordered.no-prev.hover .pn-table-container table thead tr th,
 pn-table.bordered.no-prev.hover .pn-table-container table thead tr td {
-  border-bottom-color: #E0F8FF;
+  border-bottom-color: #e0f8ff;
 }
 pn-table.bordered.clicked.no-prev .pn-table-container table thead tr th,
 pn-table.bordered.clicked.no-prev .pn-table-container table thead tr td {
-  border-bottom-color: #005D92;
+  border-bottom-color: #005d92;
 }
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before th,
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before td {
-  border-bottom-color: #005D92;
+  border-bottom-color: #005d92;
 }
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover th,
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover td {
-  border-bottom-color: #005D92;
+  border-bottom-color: #005d92;
 }
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:first-child,
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:first-child {
-  border-left-color: #005D92;
+  border-left-color: #005d92;
 }
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:last-child,
 pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:last-child {
-  border-right-color: #005D92;
+  border-right-color: #005d92;
 }
 pn-table.bordered.striped .pn-table-container table tbody tr th,
 pn-table.bordered.striped .pn-table-container table tbody tr td {
@@ -81,11 +81,11 @@ pn-table.bordered.striped .pn-table-container table tbody tr:last-child td {
 }
 pn-table.striped .pn-table-container table tbody tr:nth-child(odd) th,
 pn-table.striped .pn-table-container table tbody tr:nth-child(odd) td {
-  background-color: #E0F8FF;
+  background-color: #e0f8ff;
 }
 pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) th,
 pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) td {
-  background-color: #F3F2F2;
+  background-color: #f3f2f2;
 }
 pn-table .pn-table-container table {
   width: 100%;
@@ -114,7 +114,7 @@ pn-table .pn-table-container table td pn-icon {
 }
 pn-table .pn-table-container table thead tr th,
 pn-table .pn-table-container table thead tr td {
-  color: #005D92;
+  color: #005d92;
   font-weight: 500;
 }
 pn-table .pn-table-container table thead tr th .column-wrapper,
@@ -130,10 +130,10 @@ pn-table .pn-table-container table thead tr td .column-wrapper pn-icon {
 }
 pn-table .pn-table-container table tbody tr th,
 pn-table .pn-table-container table tbody tr td {
-  color: #5E554A;
+  color: #5e554a;
   font-weight: 300;
 }
 pn-table .pn-table-container table tbody tr th {
   font-weight: 500;
-  color: #2D2013;
+  color: #2d2013;
 }

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-colors/pn-colors.css

@@ -18,7 +18,7 @@
 .palette-container .color-palette .color-swatch {
   width: 100px;
   height: 100px;
-  box-shadow: 1px 2px 4px #F3F2F2;
+  box-shadow: 1px 2px 4px #f3f2f2;
 }
 .palette-container .color-palette .color-name {
   align-content: center;

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-icon-grid/pn-icon-grid.css

@@ -50,7 +50,7 @@
   position: absolute;
   top: 1.5rem;
   right: 1.5rem;
-  color: #5E554A;
+  color: #5e554a;
   font-size: 0.9em;
 }
 .icon-grid .icon p {
@@ -59,7 +59,7 @@
   text-align: center;
   bottom: 0.5rem;
   font-size: 0.9em;
-  color: #5E554A;
+  color: #5e554a;
   transition: transform 0.3s ease-in-out, opacity 0.2s ease;
 }
 .icon-grid .icon p.copy {

package/umd/modules/@postnord/web-components/collection/components/design-tokens/pn-illustration-grid/pn-illustration-grid.css

@@ -53,7 +53,7 @@
   position: absolute;
   top: 1.5rem;
   right: 1.5rem;
-  color: #5E554A;
+  color: #5e554a;
   font-size: 0.9em;
 }
 .illustration-grid .illustration p {
@@ -62,7 +62,7 @@
   text-align: center;
   bottom: 0.5rem;
   font-size: 0.9em;
-  color: #5E554A;
+  color: #5e554a;
   transition: transform 0.3s ease-in-out, opacity 0.2s ease;
 }
 .illustration-grid .illustration p.copy {

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-modal/pn-modal.css

@@ -5,11 +5,11 @@ pn-modal .pn-modal {
   width: 95%;
   max-width: 45em;
   max-height: 85vh;
-  border: 0.1rem solid #F3F2F2;
+  border: 0.1rem solid #f3f2f2;
   border-radius: 0.8rem;
   transform: translate(-50%, 60%);
   box-shadow: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
-  background: #FFFFFF;
+  background: #ffffff;
   z-index: 999;
   transition: none;
   pointer-events: none;
@@ -45,23 +45,23 @@ pn-modal[data-open] .pn-modal {
   padding: 0.3em;
   transition: box-shadow 0.15s, background 0.15s;
   cursor: pointer;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .pn-modal > .pn-modal-close-button svg path {
   transition: fill 0.15s;
   pointer-events: none;
 }
 .pn-modal > .pn-modal-close-button:hover, .pn-modal > .pn-modal-close-button:focus {
-  background: #E0F8FF;
+  background: #e0f8ff;
 }
 .pn-modal > .pn-modal-close-button:focus {
-  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;
+  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;
 }
 .pn-modal > .pn-modal-close-button:active {
-  background: #0D234B;
+  background: #0d234b;
 }
 .pn-modal > .pn-modal-close-button:active svg path {
-  fill: #FFFFFF;
+  fill: #ffffff;
 }
 
 /*---------------------------------------/Close Button-------------------------------------------*/
@@ -70,7 +70,7 @@ pn-modal .pn-modal > [slot=buttons] {
   position: static;
   width: 100%;
   background: white;
-  border-top: 0.1rem solid #D3CECB;
+  border-top: 0.1rem solid #d3cecb;
   padding: 0.5em 1em;
   display: flex;
   justify-content: flex-end;
@@ -88,7 +88,7 @@ pn-modal > .pn-modal-backdrop {
   height: 120vh;
   top: -10vh;
   left: -10vw;
-  background: #2D2013;
+  background: #2d2013;
   opacity: 0;
   z-index: 9;
   visibility: hidden;

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-bar/pn-progress-bar.css

@@ -38,21 +38,21 @@ pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .p
   height: 7px;
 }
 pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1 {
-  background-color: #8EDDF9;
+  background-color: #8eddf9;
 }
 pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2 {
-  background-color: #00A0D6;
+  background-color: #00a0d6;
 }
 pn-progress-bar .pn-progress-container .pn-progress-bar .pn-progress-bar-bg {
   height: 12px;
-  background-color: #D3CECB;
+  background-color: #d3cecb;
 }
 pn-progress-bar .pn-progress-container .pn-progress-percentage {
   margin-top: 5px;
   text-align: right;
   font-size: 12px;
   line-height: 16px;
-  color: #00A0D6;
+  color: #00a0d6;
 }
 pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line1,
 pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .pn-progress-bar-line2 {
@@ -62,14 +62,14 @@ pn-progress-bar.pn-progress-size-small .pn-progress-container .pn-progress-bar .
   height: 6px;
 }
 pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1 {
-  background-color: #5EC584;
+  background-color: #5ec584;
 }
 pn-progress-bar.pn-progress-color-success .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2 {
-  background-color: #005E41;
+  background-color: #005e41;
 }
 pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line1 {
-  background-color: #A70707;
+  background-color: #a70707;
 }
 pn-progress-bar.pn-progress-color-error .pn-progress-container .pn-progress-bar .pn-progress-bar-line .pn-progress-bar-line2 {
-  background-color: #A70707;
+  background-color: #a70707;
 }

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-progress-indicator/pn-progress-indicator-step/pn-progress-indicator-step.css

@@ -25,7 +25,7 @@ pn-progress-indicator-step:first-child .info-container {
   height: 1.5em;
   padding: 0.3rem;
   border-radius: 50%;
-  background-color: #F3F2F2;
+  background-color: #f3f2f2;
   transition: background-color 0.3s ease-in-out;
 }
 .pn-progress-indicator-step .info-container {
@@ -34,7 +34,7 @@ pn-progress-indicator-step:first-child .info-container {
   right: 0;
   transform: translateX(50%) translateX(-1.2rem);
   white-space: nowrap;
-  color: #F3F2F2;
+  color: #f3f2f2;
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -49,14 +49,14 @@ pn-progress-indicator-step:first-child .info-container {
 }
 .pn-progress-indicator-step .info-container svg path,
 .pn-progress-indicator-step .info-container svg polygon {
-  fill: #F3F2F2;
+  fill: #f3f2f2;
   transition: fill 0.3s ease-in-out;
 }
 .pn-progress-indicator-step .progress-line {
   flex: 1 1 auto;
   margin: auto 4px;
   height: 0.8rem;
-  background-color: #F3F2F2;
+  background-color: #f3f2f2;
   position: relative;
   overflow: hidden;
   pointer-events: none;
@@ -69,7 +69,7 @@ pn-progress-indicator-step:first-child .info-container {
   left: 0;
   height: 0.8rem;
   width: 100%;
-  background-color: #005D92;
+  background-color: #005d92;
   transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0.3s;
   transform: translateX(-100%);
 }
@@ -89,7 +89,7 @@ pn-progress-indicator-step:first-child .info-container {
   transform: translateX(0);
 }
 .pn-progress-indicator-step.done .circle, .pn-progress-indicator-step.active .circle {
-  background-color: #005D92;
+  background-color: #005d92;
 }
 .pn-progress-indicator-step.done .checkmark-path {
   stroke-linecap: round;

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-spinner/pn-spinner.css

@@ -10,7 +10,7 @@ pn-spinner svg {
   display: block;
 }
 pn-spinner svg .circle {
-  stroke: #005D92;
+  stroke: #005d92;
   transform-origin: center center;
   transform: rotate(-310deg);
   stroke-linecap: round;
@@ -19,7 +19,7 @@ pn-spinner svg .circle {
   animation: loading 2s infinite;
 }
 pn-spinner svg .dot {
-  fill: #005D92;
+  fill: #005d92;
 }
 pn-spinner.light .circle {
   stroke: #fff;

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-toast/pn-toast.css

@@ -2,12 +2,12 @@ pn-toast.pn-toast {
   /* -----------------DEFAULT AND COMMONS----------------- */
   color: #000;
   padding: 1em;
-  border: 0.1rem solid #005D92;
+  border: 0.1rem solid #005d92;
   border-radius: 0.8rem;
   outline: none;
   font-size: 1em;
   font-weight: 400;
-  background: #E0F8FF;
+  background: #e0f8ff;
   display: inline-flex;
   align-items: flex-start;
   opacity: 1;
@@ -30,7 +30,7 @@ pn-toast.pn-toast[data-hidden] {
   transition: visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s;
 }
 pn-toast.pn-toast pn-icon svg path {
-  fill: #005D92;
+  fill: #005d92;
   transition: fill 0.3s;
 }
 pn-toast.pn-toast > .content {
@@ -55,40 +55,40 @@ pn-toast.pn-toast button {
   justify-content: center;
 }
 pn-toast.pn-toast button:hover {
-  background: #8EDDF9;
+  background: #8eddf9;
 }
 pn-toast.pn-toast button:focus {
-  background: #8EDDF9;
-  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;
+  background: #8eddf9;
+  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;
 }
 pn-toast.pn-toast.pn-toast-warning {
-  border: 0.1rem solid #A70707;
-  background: #FDEFEE;
+  border: 0.1rem solid #a70707;
+  background: #fdefee;
 }
 pn-toast.pn-toast.pn-toast-warning button:hover {
-  background: #FBC2C1;
+  background: #fbc2c1;
 }
 pn-toast.pn-toast.pn-toast-warning button:focus {
-  background: #FBC2C1;
-  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;
+  background: #fbc2c1;
+  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;
 }
 pn-toast.pn-toast.pn-toast-warning pn-icon svg path {
-  fill: #A70707;
+  fill: #a70707;
   transition: fill 0.3s;
 }
 pn-toast.pn-toast.pn-toast-success {
-  border: 0.1rem solid #005E41;
-  background: #DCF6E7;
+  border: 0.1rem solid #005e41;
+  background: #dcf6e7;
 }
 pn-toast.pn-toast.pn-toast-success button:focus {
-  background: #ABE3BB;
-  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;
+  background: #abe3bb;
+  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41;
 }
 pn-toast.pn-toast.pn-toast-success button:hover {
-  background: #ABE3BB;
+  background: #abe3bb;
 }
 pn-toast.pn-toast.pn-toast-success pn-icon svg path {
-  fill: #005E41;
+  fill: #005e41;
   transition: fill 0.3s;
 }
 pn-toast.pn-toast.pn-toast-temporary {

package/umd/modules/@postnord/web-components/collection/components/feedback/pn-tooltip/pn-tooltip.css

@@ -15,21 +15,21 @@ button.pn-tooltip {
   font-size: inherit;
 }
 button.pn-tooltip:focus {
-  box-shadow: 0 0 0 0.1rem #FFFFFF, 0 0 0 0.3rem #005D92;
-  background: #E0F8FF;
+  box-shadow: 0 0 0 0.1rem #ffffff, 0 0 0 0.3rem #005d92;
+  background: #e0f8ff;
 }
 button.pn-tooltip:hover {
-  background: #E0F8FF;
+  background: #e0f8ff;
 }
 button.pn-tooltip.tooltip-white:focus, button.pn-tooltip.tooltip-white:hover {
-  background: #0D234B;
+  background: #0d234b;
 }
 
 button.pn-tooltip > .pn-tooltip-content {
   position: absolute;
   bottom: calc(100% + 0.75em);
   left: 50%;
-  background: #FFFFFF;
+  background: #ffffff;
   padding: 1em;
   border-radius: 0.8rem;
   box-shadow: 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);
@@ -53,7 +53,7 @@ button.pn-tooltip > pn-icon:before {
   height: 0;
   border-left: 0.75em solid transparent;
   border-right: 0.75em solid transparent;
-  border-top: 0.75em solid #FFFFFF;
+  border-top: 0.75em solid #ffffff;
   filter: drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));
   transform: scale(0) translateX(-50%);
   bottom: 102%;
@@ -77,7 +77,7 @@ button.pn-tooltip.pn-tooltip-downwards pn-icon:before {
   transform-origin: top left;
   filter: drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));
   border-top: none;
-  border-bottom: 0.75em solid #FFFFFF;
+  border-bottom: 0.75em solid #ffffff;
 }
 
 /*---------------------------------------/DOWNWARDS-------------------------------------------*/

package/umd/modules/@postnord/web-components/collection/components/input/pn-calendar/pn-calendar.css

@@ -32,10 +32,10 @@ pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next {
 }
 pn-calendar .pn-calendar-container .pn-calendar-nav .pn-calendar-month {
   padding: 1em;
-  border: 0.1rem solid #5E554A;
+  border: 0.1rem solid #5e554a;
   border-radius: 0.8rem;
   font-size: 1.2rem;
-  color: #5E554A;
+  color: #5e554a;
   font-weight: 500;
   text-align: center;
 }
@@ -60,7 +60,7 @@ pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-day-names {
 }
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months {
-  color: #5E554A;
+  color: #5e554a;
   padding: 0.8rem 0;
 }
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days:last-child,
@@ -79,7 +79,7 @@ pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-m
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day {
   cursor: default;
-  color: #D3CECB;
+  color: #d3cecb;
 }
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day:hover,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day:hover,
@@ -91,13 +91,13 @@ pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-d
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.today,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.today,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.today {
-  outline: 0.1rem solid #D3CECB;
+  outline: 0.1rem solid #d3cecb;
 }
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:hover,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:hover,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:hover,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:hover {
-  border-bottom-color: #00A0D6;
+  border-bottom-color: #00a0d6;
 }
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:active, pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.selected,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:active,
@@ -106,5 +106,5 @@ pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.selected,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:active,
 pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.selected {
-  border-bottom-color: #005D92;
+  border-bottom-color: #005d92;
 }

package/umd/modules/@postnord/web-components/collection/components/input/pn-check-tile/pn-check-tile.css

@@ -15,16 +15,16 @@ pn-check-tile > label {
   position: relative;
   overflow: hidden;
   cursor: pointer;
-  background: #FFFFFF;
+  background: #ffffff;
   padding: 0.5em 1em;
   border-radius: 0.5em;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5em;
-  color: #005D92;
+  color: #005d92;
   font-weight: 500;
-  border: 0.1em solid #D3CECB;
+  border: 0.1em solid #d3cecb;
   transition-property: box-shadow, background, border;
   transition-duration: 0.15s;
   user-select: none;
@@ -50,17 +50,17 @@ pn-check-tile > label > .pn-check-tile-content > svg {
   width: 1.5em;
   height: 1.5em;
   border-radius: 0.25em;
-  border: #D3CECB 0.1em solid;
+  border: #d3cecb 0.1em solid;
   padding: 0.15em;
   transition: border 0.15s, background 0.15s;
 }
 pn-check-tile > label > .pn-check-tile-content > svg .checkmark-path {
-  stroke: #D3CECB;
+  stroke: #d3cecb;
   stroke-dasharray: 23;
   stroke-dashoffset: 0;
 }
 pn-check-tile > label > .pn-check-tile-content > svg .checkmark-path-checked {
-  stroke: #005D92;
+  stroke: #005d92;
 }
 pn-check-tile > label > .pn-check-tile-content > svg polyline {
   stroke-linecap: round;
@@ -70,36 +70,36 @@ pn-check-tile > label > .pn-check-tile-content > svg polyline {
   stroke-dasharray: 23;
 }
 pn-check-tile > label:hover {
-  border: 0.1em solid #00A0D6;
+  border: 0.1em solid #00a0d6;
   box-shadow: 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;
 }
 pn-check-tile > label:hover > .pn-check-tile-content > svg {
-  border: 0.1em solid #00A0D6;
+  border: 0.1em solid #00a0d6;
 }
 
 /* -----------------FOCUS------------------ */
 pn-check-tile input[type=checkbox]:focus + label {
-  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92;
+  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92;
 }
 
 pn-check-tile input[type=checkbox]:focus:checked + label {
-  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;
+  box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;
 }
 
 /* -----------------/FOCUS------------------ */
 /* -----------------CHECKED------------------ */
 pn-check-tile input[type=checkbox]:checked + label {
-  border: 0.1em solid #005D92;
-  background: #EFFBFF;
+  border: 0.1em solid #005d92;
+  background: #effbff;
   box-shadow: 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;
 }
 pn-check-tile input[type=checkbox]:checked + label > .pn-check-tile-content > svg {
-  background: #005D92;
-  border: 0.1em solid #005D92;
+  background: #005d92;
+  border: 0.1em solid #005d92;
 }
 pn-check-tile input[type=checkbox]:checked + label > .pn-check-tile-content > svg polyline.checkmark-path-checked {
   stroke-dashoffset: 0;
-  stroke: #FFFFFF;
+  stroke: #ffffff;
 }
 
 /* -----------------/CHECKED------------------ */

package/umd/modules/@postnord/web-components/collection/components/input/pn-checkbox/pn-checkbox.css

@@ -38,12 +38,12 @@ pn-checkbox input[type=checkbox] + label.pn-checkbox svg polyline {
   transition: stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);
 }
 pn-checkbox input[type=checkbox]:hover + label.pn-checkbox {
-  border: 0.1rem solid #005D92;
-  background: #E0F8FF;
+  border: 0.1rem solid #005d92;
+  background: #e0f8ff;
 }
 pn-checkbox input[type=checkbox]:checked + label.pn-checkbox, pn-checkbox input[type=checkbox]:indeterminate + label.pn-checkbox {
-  background: #005D92;
-  border: 0.1rem solid #005D92;
+  background: #005d92;
+  border: 0.1rem solid #005d92;
 }
 pn-checkbox input[type=checkbox]:checked + label.pn-checkbox svg polyline, pn-checkbox input[type=checkbox]:indeterminate + label.pn-checkbox svg polyline {
   transition-delay: 220ms;
@@ -58,10 +58,10 @@ pn-checkbox input[type=checkbox]:indeterminate + label.pn-checkbox svg polyline.
   stroke-dashoffset: 0;
 }
 pn-checkbox input[type=checkbox]:focus + label.pn-checkbox, pn-checkbox input[type=checkbox]:active + label.pn-checkbox {
-  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.3rem #005d92;
 }
 pn-checkbox input[type=checkbox]:disabled + label.pn-checkbox {
-  background-color: #D3CECB;
+  background-color: #d3cecb;
   border: 0.1rem solid #969087;
   cursor: not-allowed;
 }