@oslokommune/punkt-css 12.34.4 → 12.36.0

package/dist/css/pkt-docs.css

@@ -14209,7 +14209,7 @@ a:active, a.pkt-link--active,
 .pkt-link--external::after {
   display: inline-block;
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.34/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.36/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -14242,6 +14242,13 @@ button.pkt-link {
  * origo typography
  * prefix pkt
  */
+.pkt-txt-70 {
+  font-size: 4.375rem;
+  font-weight: 400;
+  letter-spacing: -0.4px;
+  line-height: 5.125rem;
+}
+
 .pkt-txt-54 {
   font-size: 3.375rem;
   font-weight: 400;
@@ -14249,6 +14256,13 @@ button.pkt-link {
   line-height: 5.125rem;
 }
 
+.pkt-txt-48 {
+  font-size: 3rem;
+  font-weight: 400;
+  letter-spacing: -0.2px;
+  line-height: 3.375rem;
+}
+
 .pkt-txt-40 {
   font-size: 2.5rem;
   font-weight: 400;
@@ -14622,6 +14636,14 @@ button.pkt-link {
   font-weight: 700;
 }
 
+@media screen and (min-width: 0) {
+  .pkt-txt-70--mobile-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 0) {
   .pkt-txt-54--mobile-up {
     font-size: 3.375rem;
@@ -14630,6 +14652,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 0) {
+  .pkt-txt-48--mobile-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 0) {
   .pkt-txt-40--mobile-up {
     font-size: 2.5rem;
@@ -15058,6 +15088,14 @@ button.pkt-link {
     font-weight: 700;
   }
 }
+@media screen and (min-width: 36rem) {
+  .pkt-txt-70--phablet-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 36rem) {
   .pkt-txt-54--phablet-up {
     font-size: 3.375rem;
@@ -15066,6 +15104,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 36rem) {
+  .pkt-txt-48--phablet-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 36rem) {
   .pkt-txt-40--phablet-up {
     font-size: 2.5rem;
@@ -15494,6 +15540,14 @@ button.pkt-link {
     font-weight: 700;
   }
 }
+@media screen and (min-width: 48rem) {
+  .pkt-txt-70--tablet-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 48rem) {
   .pkt-txt-54--tablet-up {
     font-size: 3.375rem;
@@ -15502,6 +15556,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 48rem) {
+  .pkt-txt-48--tablet-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 48rem) {
   .pkt-txt-40--tablet-up {
     font-size: 2.5rem;
@@ -15930,6 +15992,14 @@ button.pkt-link {
     font-weight: 700;
   }
 }
+@media screen and (min-width: 64rem) {
+  .pkt-txt-70--tablet-big-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 64rem) {
   .pkt-txt-54--tablet-big-up {
     font-size: 3.375rem;
@@ -15938,6 +16008,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 64rem) {
+  .pkt-txt-48--tablet-big-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 64rem) {
   .pkt-txt-40--tablet-big-up {
     font-size: 2.5rem;
@@ -16366,6 +16444,14 @@ button.pkt-link {
     font-weight: 700;
   }
 }
+@media screen and (min-width: 80rem) {
+  .pkt-txt-70--laptop-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 80rem) {
   .pkt-txt-54--laptop-up {
     font-size: 3.375rem;
@@ -16374,6 +16460,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 80rem) {
+  .pkt-txt-48--laptop-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 80rem) {
   .pkt-txt-40--laptop-up {
     font-size: 2.5rem;
@@ -16802,6 +16896,14 @@ button.pkt-link {
     font-weight: 700;
   }
 }
+@media screen and (min-width: 100rem) {
+  .pkt-txt-70--desktop-up {
+    font-size: 4.375rem;
+    font-weight: 400;
+    letter-spacing: -0.4px;
+    line-height: 5.125rem;
+  }
+}
 @media screen and (min-width: 100rem) {
   .pkt-txt-54--desktop-up {
     font-size: 3.375rem;
@@ -16810,6 +16912,14 @@ button.pkt-link {
     line-height: 5.125rem;
   }
 }
+@media screen and (min-width: 100rem) {
+  .pkt-txt-48--desktop-up {
+    font-size: 3rem;
+    font-weight: 400;
+    letter-spacing: -0.2px;
+    line-height: 3.375rem;
+  }
+}
 @media screen and (min-width: 100rem) {
   .pkt-txt-40--desktop-up {
     font-size: 2.5rem;
@@ -18103,7 +18213,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.34/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.36/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -18161,7 +18271,7 @@ div.pkt-btn:not([data-disabled]):active, .pkt-btn:enabled:active, .pkt-btn:activ
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.34/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.36/icons/check-medium.svg);
   --pkt-color-input-check-border: var(--pkt-color-input-border-normal);
   filter: grayscale(100%) brightness(400%);
 }
@@ -18413,7 +18523,7 @@ pkt-select {
 }
 .pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]), .pkt-select select:is(select):not([multiple]),
 .pkt-select:is(select):not([multiple]) {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/12.34/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/12.36/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;
@@ -19129,9 +19239,9 @@ pkt-accordion[compact][skin=borderless] .pkt-accordion-item--compact.pkt-accordi
 .pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title,
 pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__title,
 pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__title {
-  font-size: 1rem;
-  font-weight: 500;
   letter-spacing: -0.2px;
+  font-weight: 500;
+  font-size: 1rem;
   line-height: 1.5rem;
   padding: 1rem;
 }
@@ -19139,10 +19249,10 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
 .pkt-accordion--compact > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content,
 pkt-accordion[compact] > .pkt-accordion-item .pkt-accordion-item__content,
 pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion-item__content {
-  font-size: 1rem;
-  font-weight: 300;
   letter-spacing: -0.2px;
-  line-height: 1.5rem;
+  font-weight: 300;
+  font-size: 0.875rem;
+  line-height: 1.375rem;
 }
 
 .pkt-accordion-item {
@@ -19156,9 +19266,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
   display: none;
 }
 .pkt-accordion-item__title {
-  font-size: 1.5rem;
-  font-weight: 500;
   letter-spacing: -0.2px;
+  font-weight: 500;
+  font-size: 1.5rem;
   line-height: 2.25rem;
   align-items: center;
   cursor: pointer;
@@ -19179,9 +19289,9 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
   transition: transform 0.2s;
 }
 .pkt-accordion-item__content {
-  font-size: 1.125rem;
-  font-weight: 300;
   letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1.125rem;
   line-height: 1.75rem;
   padding: 1.5rem;
   border-top: none;
@@ -19209,17 +19319,17 @@ pkt-accordion[compact] > pkt-accordion-item > .pkt-accordion-item .pkt-accordion
 }
 
 .pkt-accordion-item--compact .pkt-accordion-item__title {
-  font-size: 1rem;
-  font-weight: 500;
   letter-spacing: -0.2px;
+  font-weight: 500;
+  font-size: 1rem;
   line-height: 1.5rem;
   padding: 1rem;
 }
 .pkt-accordion-item--compact .pkt-accordion-item__content {
-  font-size: 1rem;
-  font-weight: 300;
   letter-spacing: -0.2px;
-  line-height: 1.5rem;
+  font-weight: 300;
+  font-size: 0.875rem;
+  line-height: 1.375rem;
 }
 
 .pkt-accordion-item[open] .pkt-accordion-item__title {
@@ -19431,6 +19541,25 @@ pkt-alert {
   transform: translateY(-0.1em);
 }
 
+.pkt-bodytext--large {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1.5rem;
+  line-height: 2.25rem;
+}
+.pkt-bodytext--medium {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.pkt-bodytext--small {
+  letter-spacing: -0.2px;
+  font-weight: 300;
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 /* 
  * Breadcrumbs component
  */
@@ -20393,6 +20522,55 @@ pkt-combobox[fullwidth] {
   color: var(--pkt-color-text-body-dark);
 }
 
+.pkt-heading {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.pkt-heading--xlarge {
+  letter-spacing: -0.4px;
+  font-weight: 400;
+  font-size: 4.375rem;
+  line-height: 5.125rem;
+}
+.pkt-heading--large {
+  letter-spacing: -0.2px;
+  font-weight: 400;
+  font-size: 3rem;
+  line-height: 3.375rem;
+}
+.pkt-heading--medium {
+  letter-spacing: -0.2px;
+  font-weight: 400;
+  font-size: 1.875rem;
+  line-height: 2.75rem;
+}
+.pkt-heading--small {
+  letter-spacing: -0.2px;
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 2.25rem;
+}
+.pkt-heading--xsmall {
+  letter-spacing: -0.2px;
+  font-weight: 400;
+  font-size: 1.375rem;
+  line-height: 2.125rem;
+}
+.pkt-heading--noSpacing {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.pkt-heading--start {
+  text-align: start;
+}
+.pkt-heading--end {
+  text-align: end;
+}
+.pkt-heading--center {
+  text-align: center;
+}
+
 /* 
  * Icons
  *