@oslokommune/punkt-css 4.3.1 → 5.0.0

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [5.0.0](https://github.com/oslokommune/punkt/compare/4.3.2...5.0.0) (2023-05-30)
+
+### ⚠ BREAKING CHANGES
+* [809](https://github.com/oslokommune/punkt/issues/809) Endre SVG oppsett (#851). BREAKING CHANGE: Ny dokumentasjon straks vi har testet dette ferdig
+
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [4.3.1](https://github.com/oslokommune/punkt/compare/4.3.0...4.3.1) (2023-05-24)
 
 ### ⚠ BREAKING CHANGES

package/dist/css/components/backlink.css

@@ -14,6 +14,9 @@
     padding: 0.75rem 4rem;
   }
 }
+.pkt-back-link__list {
+  list-style-type: none;
+}
 .pkt-back-link__link {
   display: flex;
   align-items: center;
@@ -31,7 +34,6 @@
 .pkt-back-link__icon {
   flex-basis: 1rem;
   flex-shrink: 0;
-  padding-bottom: 4px;
 }
 .pkt-back-link__text {
   flex-grow: 1;

package/dist/css/components/backlink.min.css

@@ -1 +1 @@
-.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0;padding-bottom:4px}.pkt-back-link__text{flex-grow:1}
+.pkt-back-link{position:relative;font-size:.875rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:.75rem 1rem}@media screen and (min-width: 80rem){.pkt-back-link{padding:.75rem 4rem}}.pkt-back-link__list{list-style-type:none}.pkt-back-link__link{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;text-decoration:none;color:var(--color-blue-dark)}.pkt-back-link__link:visited,.pkt-back-link__link:focus,.pkt-back-link__link:hover,.pkt-back-link__link:active{color:var(--color-blue-dark)}.pkt-back-link__link:hover{text-decoration:underline}.pkt-back-link__icon{flex-basis:1rem;flex-shrink:0}.pkt-back-link__text{flex-grow:1}

package/dist/css/components/breadcrumbs.css

@@ -110,7 +110,4 @@
   width: 1rem;
   height: 1rem;
   margin-right: 0.75rem;
-}
-.pkt-breadcrumbs__icon-svg {
-  vertical-align: top;
 }

package/dist/css/components/breadcrumbs.min.css

@@ -1 +1 @@
-.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-right:.75rem}.pkt-breadcrumbs__icon-svg{vertical-align:top}
+.pkt-breadcrumbs{position:relative;font-size:.875rem;padding:0 1rem}@media screen and (min-width: 48rem){.pkt-breadcrumbs{margin-bottom:1rem}}@media screen and (min-width: 80rem){.pkt-breadcrumbs{padding:0 4rem}}.pkt-breadcrumbs__list{display:flex;flex-direction:column;height:auto;overflow:hidden;list-style-type:none;border-bottom:1px solid rgba(0,0,0,0);transition:all .4s ease-in-out}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__list{flex-direction:row;padding:0 1rem;border-bottom-color:rgba(0,0,0,0) !important}}.pkt-breadcrumbs__list.expanded{align-items:flex-start;max-height:25rem;border-bottom-color:var(--color-gray);transition:all .4s ease-in-out}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item{display:block}.pkt-breadcrumbs__list.expanded>.pkt-breadcrumbs__item:last-child{display:block}.pkt-breadcrumbs__item{position:relative;display:none;width:100%}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__item{display:block;width:auto}}.pkt-breadcrumbs__item:last-child{display:block}@media screen and (min-width: 48rem){.pkt-breadcrumbs__item:last-child{max-width:300px}}.pkt-breadcrumbs__item:last-child .pkt-breadcrumbs__text{max-width:200px}.pkt-breadcrumbs__link{text-decoration:none;color:var(--color-blue-dark)}.pkt-breadcrumbs__link:visited,.pkt-breadcrumbs__link:focus,.pkt-breadcrumbs__link:hover,.pkt-breadcrumbs__link:active{color:var(--color-blue-dark)}.pkt-breadcrumbs__link:hover{text-decoration:underline}.pkt-breadcrumbs__label{display:flex;align-items:center;justify-content:flex-start;width:100%;white-space:nowrap;padding:.75rem 1rem 1rem 0}.pkt-breadcrumbs__text{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;font-weight:300}@media screen and (min-width: 35.938rem){.pkt-breadcrumbs__text{max-width:120px}}@media screen and (min-width: 48rem){.pkt-breadcrumbs__text{max-width:200px}}@media screen and (min-width: 64rem){.pkt-breadcrumbs__text{max-width:300px}}.pkt-breadcrumbs__icon{width:1rem;height:1rem;margin-right:.75rem}

package/dist/css/components/footer.css

@@ -96,7 +96,6 @@
 }
 .pkt-footer__social-icon {
   --fg-color: currentColor;
-  flex-shrink: 0;
   width: 24px;
   height: 24px;
 }

package/dist/css/components/footer.min.css

@@ -1 +1 @@
-.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2.5rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:2rem;margin-top:0}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;flex-shrink:0;width:24px;height:24px}.pkt-footer__social-icon-link:not(:last-child){margin-right:1rem}.pkt-footer-simple{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer-simple{justify-content:center}}.pkt-footer-simple__container{max-width:80rem}.pkt-footer-simple__list{padding:0;margin:0;list-style:none}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item{display:inline-flex}}.pkt-footer-simple__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item:not(:last-child){margin-bottom:0;margin-right:2rem}}.pkt-footer-simple__link{display:flex;text-decoration:none !important;align-items:flex-start}.pkt-footer-simple__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer-simple__link-icon{margin-top:0}}
+.pkt-footer{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2.5rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer{padding:3.5rem 1.5rem;justify-content:center}}.pkt-footer__container{max-width:80rem}.pkt-footer__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:2rem;margin-top:0}.pkt-footer__text:last-child{margin-bottom:0;margin-top:2rem}.pkt-footer__text:not(:last-child){margin-bottom:2rem;margin-top:0}.pkt-footer__list{padding:0;margin:0;list-style:none}.pkt-footer__list-item{word-break:break-word}.pkt-footer__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer__list-item{margin-bottom:0}}.pkt-footer__link{display:flex;text-decoration:none !important}.pkt-footer__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer__link-icon{margin-top:0}}.pkt-footer__social{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:2.5rem}.pkt-footer__social:hover .pkt-footer__link-icon{--fg-color: currentColor}@media screen and (min-width: 80rem){.pkt-footer__social{align-items:flex-end;justify-content:end}}@media screen and (min-width: 80rem){.pkt-footer__social-language{justify-self:flex-start}}.pkt-footer__social-icon{--fg-color: currentColor;width:24px;height:24px}.pkt-footer__social-icon-link:not(:last-child){margin-right:1rem}.pkt-footer-simple{font-size:1.125rem;font-weight:300;letter-spacing:-0.2px;line-height:1.5em;padding:2rem 1.5rem;background-color:var(--color-blue-dark);color:var(--color-white);display:flex;align-items:center}@media screen and (min-width: 80rem){.pkt-footer-simple{justify-content:center}}.pkt-footer-simple__container{max-width:80rem}.pkt-footer-simple__list{padding:0;margin:0;list-style:none}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item{display:inline-flex}}.pkt-footer-simple__list-item:not(:last-child){margin-bottom:1rem}@media screen and (min-width: 80rem){.pkt-footer-simple__list-item:not(:last-child){margin-bottom:0;margin-right:2rem}}.pkt-footer-simple__link{display:flex;text-decoration:none !important;align-items:flex-start}.pkt-footer-simple__link:hover .pkt-footer__link-icon{--fg-color: currentColor}.pkt-footer-simple__link-icon{--fg-color: currentColor;width:24px;height:24px;margin-right:.5rem;flex-shrink:0}@media screen and (min-width: 80rem){.pkt-footer-simple__link-icon{margin-top:0}}

package/dist/css/components/icon.css

@@ -5,18 +5,18 @@
  */
 .pkt-icon {
   display: inline-flex;
-  height: 2rem;
-  width: 2rem;
+  min-height: 1rem;
+  min-width: 1rem;
 }
-.pkt-icon.small {
+.pkt-icon--small {
   height: 1rem;
   width: 1rem;
 }
-.pkt-icon.medium {
+.pkt-icon--medium {
   height: 1.5rem;
   width: 1.5rem;
 }
-.pkt-icon.large {
+.pkt-icon--large {
   height: 4rem;
   width: 4rem;
 }

package/dist/css/components/icon.min.css

@@ -1 +1 @@
-.pkt-icon{display:inline-flex;height:2rem;width:2rem}.pkt-icon.small{height:1rem;width:1rem}.pkt-icon.medium{height:1.5rem;width:1.5rem}.pkt-icon.large{height:4rem;width:4rem}
+.pkt-icon{display:inline-flex;min-height:1rem;min-width:1rem}.pkt-icon--small{height:1rem;width:1rem}.pkt-icon--medium{height:1.5rem;width:1.5rem}.pkt-icon--large{height:4rem;width:4rem}

package/dist/css/components/linkcard.css

@@ -27,21 +27,24 @@
   line-height: 1.5em;
   margin-bottom: 0.5rem;
 }
+.pkt-linkcard__title > p {
+  margin: 0;
+}
 .pkt-linkcard__title.pkt-link--external::after {
   height: 1.5rem;
   width: 1.5rem;
   background-size: 1.5rem 1.5rem;
   margin-left: 0.5rem;
 }
+.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon {
+  margin-top: 0.375rem;
+}
 .pkt-linkcard__text p:first-of-type {
   margin-top: 0;
 }
 .pkt-linkcard__text p:last-of-type {
   margin-bottom: 0;
 }
-.pkt-linkcard svg {
-  margin-top: 0.313rem;
-}
 .pkt-linkcard--beige {
   background-color: var(--color-beige-light);
 }

package/dist/css/components/linkcard.min.css

@@ -1 +1 @@
-.pkt-linkcard{align-items:flex-start;padding:1rem;text-decoration:none}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:.5rem}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard svg{margin-top:.313rem}.pkt-linkcard--beige{background-color:var(--color-beige-light)}.pkt-linkcard--blue{background-color:var(--color-blue-5)}.pkt-linkcard--grey-outline{border:4px solid var(--color-gray)}.pkt-linkcard--beige-outline{border:4px solid var(--color-beige-light)}[data-mode=dark] .pkt-linkcard--beige{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--beige:focus{color:var(--color-hover) !important}[data-mode=dark] .pkt-linkcard--blue{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--blue:focus{color:var(--color-hover) !important}
+.pkt-linkcard{align-items:flex-start;padding:1rem;text-decoration:none}@media screen and (min-width: 80rem){.pkt-linkcard{padding:1.5rem}}.pkt-linkcard:hover{text-decoration:none}.pkt-linkcard:hover .pkt-linkcard__title{text-decoration:underline}.pkt-linkcard:hover .pkt-link--external::after{filter:brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%)}.pkt-linkcard__title{font-size:1.5rem;font-weight:500;letter-spacing:-0.2px;line-height:1.5em;margin-bottom:.5rem}.pkt-linkcard__title>p{margin:0}.pkt-linkcard__title.pkt-link--external::after{height:1.5rem;width:1.5rem;background-size:1.5rem 1.5rem;margin-left:.5rem}.pkt-linkcard.pkt-link .pkt-icon.pkt-link__icon{margin-top:.375rem}.pkt-linkcard__text p:first-of-type{margin-top:0}.pkt-linkcard__text p:last-of-type{margin-bottom:0}.pkt-linkcard--beige{background-color:var(--color-beige-light)}.pkt-linkcard--blue{background-color:var(--color-blue-5)}.pkt-linkcard--grey-outline{border:4px solid var(--color-gray)}.pkt-linkcard--beige-outline{border:4px solid var(--color-beige-light)}[data-mode=dark] .pkt-linkcard--beige{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--beige:focus{color:var(--color-hover) !important}[data-mode=dark] .pkt-linkcard--blue{color:var(--color-blue-dark) !important}[data-mode=dark] .pkt-linkcard--blue:focus{color:var(--color-hover) !important}

package/dist/css/pkt-base.css

@@ -10487,24 +10487,22 @@ a:active, a.pkt-link--active {
 }
 .pkt-link--external::after {
   content: " ";
-  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" id="new-window-small" fill="none" data-category="ui" viewBox="0 0 32 32"%3e%3cg fill="%232a2859"%3e%3cpath d="M23.03 21.11v2.06H8.97V9.18h2.06v-2H8.97v-.01h-2v18h18.06v-4.06h-2Z"/%3e%3cpath d="M18 7.16v2h3.62l-7.26 7.28 1.38 1.39 7.27-7.29v3.63h2.02V7.16H18Z"/%3e%3c/g%3e%3c/svg%3e');
+  --svg: url(https://punkt-cdn.oslo.kommune.no/5.0/icons/new-window-small.svg);
+  background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
   width: 1.125rem;
   height: 1.125rem;
 }
 .pkt-link--external:hover::after {
-  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" id="new-window-small" fill="none" data-category="ui" viewBox="0 0 32 32"%3e%3cg fill="%231f42aa"%3e%3cpath d="M23.03 21.11v2.06H8.97V9.18h2.06v-2H8.97v-.01h-2v18h18.06v-4.06h-2Z"/%3e%3cpath d="M18 7.16v2h3.62l-7.26 7.28 1.38 1.39 7.27-7.29v3.63h2.02V7.16H18Z"/%3e%3c/g%3e%3c/svg%3e');
-  background-repeat: no-repeat;
+  filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(2420%) hue-rotate(222deg) brightness(93%) contrast(90%);
 }
 
 [data-mode=dark] .pkt-link--external::after {
-  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" id="new-window-small" fill="none" data-category="ui" viewBox="0 0 32 32"%3e%3cg fill="white"%3e%3cpath d="M23.03 21.11v2.06H8.97V9.18h2.06v-2H8.97v-.01h-2v18h18.06v-4.06h-2Z"/%3e%3cpath d="M18 7.16v2h3.62l-7.26 7.28 1.38 1.39 7.27-7.29v3.63h2.02V7.16H18Z"/%3e%3c/g%3e%3c/svg%3e');
-  background-repeat: no-repeat;
+  filter: brightness(0) saturate(100%) invert(100%);
 }
 [data-mode=dark] .pkt-link--external:hover::after {
-  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" id="new-window-small" fill="none" data-category="ui" viewBox="0 0 32 32"%3e%3cg fill="%23b3f5ff"%3e%3cpath d="M23.03 21.11v2.06H8.97V9.18h2.06v-2H8.97v-.01h-2v18h18.06v-4.06h-2Z"/%3e%3cpath d="M18 7.16v2h3.62l-7.26 7.28 1.38 1.39 7.27-7.29v3.63h2.02V7.16H18Z"/%3e%3c/g%3e%3c/svg%3e');
-  background-repeat: no-repeat;
+  filter: brightness(0) saturate(100%) invert(80%) sepia(54%) saturate(502%) hue-rotate(173deg) brightness(109%) contrast(105%);
 }
 
 /*