@oslokommune/punkt-css 11.8.1 → 11.9.1

package/dist/css/pkt.css

@@ -13565,7 +13565,7 @@ a:active, a.pkt-link--active,
 }
 .pkt-link--external::after {
   content: " ";
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.8/icons/new-window-small.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.9/icons/new-window-small.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-size: 18px 18px;
@@ -17495,7 +17495,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   outline-color: var(--pkt-color-input-border-hover);
 }
 .pkt-input-check__input-checkbox:checked[type=checkbox] {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.8/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.9/icons/check-medium.svg);
   position: relative;
   background-color: var(--pkt-color-input-border-normal);
 }
@@ -17555,7 +17555,7 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   cursor: not-allowed;
 }
 .pkt-input-check__input-checkbox:disabled[type=checkbox][role=switch]:checked:after {
-  --svg: url(https://punkt-cdn.oslo.kommune.no/11.8/icons/check-medium.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.9/icons/check-medium.svg);
   --pkt-color-input-check-border: var(
     --pkt-color-input-border-normal
   );
@@ -17671,11 +17671,12 @@ a.pkt-btn:active, .pkt-btn:enabled:active, .pkt-btn.pkt-btn--active, .pkt-btn.pk
   border-color: var(--pkt-color-input-border-error);
 }
 
-/* 
+/*
  * Horisontal divider <hr>
  */
 .pkt-hr {
   border: 0;
+  width: 100%;
   border-top: 1px solid var(--pkt-color-grays-gray-200);
 }
 
@@ -17782,7 +17783,7 @@ Therefore, this is removed from the reset here, and images who need to be fluid
 }
 .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/11.8/icons/chevron-thin-down.svg);
+  --svg: url(https://punkt-cdn.oslo.kommune.no/11.9/icons/chevron-thin-down.svg);
   background-image: var(--svg);
   background-repeat: no-repeat;
   background-position: right 0.7rem top 50%;
@@ -18360,6 +18361,49 @@ Therefore, this is removed from the reset here, and images who need to be fluid
   --pkt-color-alert-bg: var(--pkt-color-surface-default-yellow);
 }
 
+.pkt-alert--🐣 {
+  --pkt-color-alert-bc: var(--pkt-color-border-yellow);
+  --pkt-color-alert-bg: white;
+  --angle: 0deg;
+  border: 0.25rem solid var(--pkt-color-alert-bc);
+  border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
+  animation: 1s 🐣 linear infinite;
+}
+.pkt-alert--🐣 .pkt-alert__icon {
+  animation: 0.5s 🐰 linear infinite;
+  font-size: 2rem;
+}
+.pkt-alert--🐣.pkt-alert--compact .pkt-alert__icon {
+  font-size: 1.5rem;
+}
+
+@keyframes 🐣 {
+  to {
+    --angle: 360deg;
+  }
+}
+@keyframes 🐰 {
+  0% {
+    transform: rotate(0deg);
+  }
+  25% {
+    transform: rotate(10deg);
+  }
+  50% {
+    transform: rotate(0eg);
+  }
+  75% {
+    transform: rotate(-10deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@property --angle {
+  syntax: "<angle>";
+  initial-value: 0deg;
+  inherits: false;
+}
 .pkt-alert {
   padding: 1.5rem 1.5rem 1.5rem 1.25rem;
   display: block;