@fremtind/jokul 1.4.1 → 1.5.1

package/styles/components/file-input/file-input.css

@@ -1,7 +1,9 @@
 @charset "UTF-8";
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 :root,
 [data-layout-density=comfortable],
@@ -146,7 +148,7 @@
 
 .jkl-link {
   --link-color: var(--jkl-color-text-default);
-  color: var(--link-color);
+  color: inherit;
   outline: none;
   text-decoration: none;
   transition-timing-function: ease;
@@ -157,7 +159,7 @@
   text-decoration: underline;
   text-underline-offset: 0.08lh;
   text-decoration-thickness: 0.05em;
-  text-decoration-color: rgba(from currentcolor r g b/0.7);
+  text-decoration-color: rgb(from currentColor r g b/70%);
 }
 .jkl-link__icon {
   margin-inline-start: 0.2em;
@@ -270,6 +272,9 @@
   transition-duration: 150ms;
   transition-property: background-color;
 }
+.jkl-button:has(.jkl-button__text) {
+  min-width: 9.5ch;
+}
 .jkl-button:has(.jkl-icon:first-child) {
   padding-inline-start: var(--jkl-button-padding-icon);
 }
@@ -354,244 +359,241 @@
   padding-inline: calc(var(--jkl-button-teritary-padding-icon) * 2) var(--jkl-button-teritary-padding-icon);
 }
 
-.jkl-loader {
-  display: flex;
-}
-.jkl-loader--inline {
-  display: inline-flex;
-}
-.jkl-loader__dot {
-  display: block;
-  transform-origin: center;
-  background-color: currentColor;
-  height: 0.9em;
-  width: 0.9em;
-  animation: 2500ms linear infinite;
-}
-.jkl-loader__dot--left {
-  animation-name: jkl-loader-left-spin-ux0twao;
-  margin-right: 1.71em;
-}
-.jkl-loader__dot--middle {
-  animation-name: jkl-loader-middle-spin-ux0twaz;
-  margin-right: 1.9em;
-}
-.jkl-loader__dot--right {
-  animation-name: jkl-loader-right-spin-ux0twb7;
-}
-@media screen and (forced-colors: active) {
-  .jkl-loader__dot {
-    background-color: CanvasText;
-  }
-}
-.jkl-button .jkl-loader > .jkl-loader__dot, .jkl-loader--medium > .jkl-loader__dot {
-  height: 0.35em;
-  width: 0.35em;
-}
-.jkl-button .jkl-loader > .jkl-loader__dot--left, .jkl-loader--medium > .jkl-loader__dot--left {
-  margin-right: 0.585em;
-}
-.jkl-button .jkl-loader > .jkl-loader__dot--middle, .jkl-loader--medium > .jkl-loader__dot--middle {
-  margin-right: 0.65em;
-}
-.jkl-loader--small > .jkl-loader__dot {
-  height: 0.25em;
-  width: 0.25em;
-}
-.jkl-loader--small > .jkl-loader__dot--left {
-  margin-right: 0.27em;
-}
-.jkl-loader--small > .jkl-loader__dot--middle {
-  margin-right: 0.3em;
-}
-
-@keyframes jkl-loader-left-spin-ux0twao {
-  0% {
-    transform: rotate(0) scale(0);
-  }
-  30% {
-    transform: rotate(90deg) scale(1);
-  }
-  70% {
-    transform: rotate(180deg) scale(0);
-  }
-  100% {
-    transform: rotate(180deg) scale(0);
-  }
-}
-@keyframes jkl-loader-middle-spin-ux0twaz {
-  0% {
-    transform: rotate(20deg) scale(0);
+@layer jokul.components {
+  .jkl-loader {
+    display: flex;
   }
-  10% {
-    transform: rotate(20deg) scale(0);
+  .jkl-loader--inline {
+    display: inline-flex;
   }
-  40% {
-    transform: rotate(110deg) scale(1.4);
-  }
-  85% {
-    transform: rotate(200deg) scale(0);
-  }
-  100% {
-    transform: rotate(200deg) scale(0);
-  }
-}
-@keyframes jkl-loader-right-spin-ux0twb7 {
-  0% {
-    transform: rotate(40deg) scale(0);
-  }
-  20% {
-    transform: rotate(40deg) scale(0);
-  }
-  50% {
-    transform: rotate(130deg) scale(1);
-  }
-  100% {
-    transform: rotate(220deg) scale(0);
-  }
-}
-@media screen and (prefers-color-scheme: light) {
-  :root {
+  .jkl-loader__dot {
+    display: block;
+    transform-origin: center;
+    background-color: currentColor;
+    height: 0.9em;
+    width: 0.9em;
+    animation: 2500ms linear infinite;
+  }
+  .jkl-loader__dot--left {
+    animation-name: jkl-loader-left-spin-uqqmzx0;
+    margin-right: 1.71em;
+  }
+  .jkl-loader__dot--middle {
+    animation-name: jkl-loader-middle-spin-uqqmzxq;
+    margin-right: 1.9em;
+  }
+  .jkl-loader__dot--right {
+    animation-name: jkl-loader-right-spin-uqqmzy6;
+  }
+  @media screen and (forced-colors: active) {
+    .jkl-loader__dot {
+      background-color: CanvasText;
+    }
+  }
+  .jkl-button .jkl-loader > .jkl-loader__dot, .jkl-loader--medium > .jkl-loader__dot {
+    height: 0.35em;
+    width: 0.35em;
+  }
+  .jkl-button .jkl-loader > .jkl-loader__dot--left, .jkl-loader--medium > .jkl-loader__dot--left {
+    margin-right: 0.585em;
+  }
+  .jkl-button .jkl-loader > .jkl-loader__dot--middle, .jkl-loader--medium > .jkl-loader__dot--middle {
+    margin-right: 0.65em;
+  }
+  .jkl-loader--small > .jkl-loader__dot {
+    height: 0.25em;
+    width: 0.25em;
+  }
+  .jkl-loader--small > .jkl-loader__dot--left {
+    margin-right: 0.27em;
+  }
+  .jkl-loader--small > .jkl-loader__dot--middle {
+    margin-right: 0.3em;
+  }
+  @keyframes jkl-loader-left-spin-uqqmzx0 {
+    0% {
+      transform: rotate(0) scale(0);
+    }
+    30% {
+      transform: rotate(90deg) scale(1);
+    }
+    70% {
+      transform: rotate(180deg) scale(0);
+    }
+    100% {
+      transform: rotate(180deg) scale(0);
+    }
+  }
+  @keyframes jkl-loader-middle-spin-uqqmzxq {
+    0% {
+      transform: rotate(20deg) scale(0);
+    }
+    10% {
+      transform: rotate(20deg) scale(0);
+    }
+    40% {
+      transform: rotate(110deg) scale(1.4);
+    }
+    85% {
+      transform: rotate(200deg) scale(0);
+    }
+    100% {
+      transform: rotate(200deg) scale(0);
+    }
+  }
+  @keyframes jkl-loader-right-spin-uqqmzy6 {
+    0% {
+      transform: rotate(40deg) scale(0);
+    }
+    20% {
+      transform: rotate(40deg) scale(0);
+    }
+    50% {
+      transform: rotate(130deg) scale(1);
+    }
+    100% {
+      transform: rotate(220deg) scale(0);
+    }
+  }
+}
+@layer jokul.components {
+  @media screen and (prefers-color-scheme: light) {
+    :root {
+      --jkl-skeleton-element-color: #e0dbd4;
+      --jkl-skeleton-sweeper-color: #f9f9f9;
+    }
+  }
+  [data-theme=light] {
     --jkl-skeleton-element-color: #e0dbd4;
     --jkl-skeleton-sweeper-color: #f9f9f9;
   }
-}
-[data-theme=light] {
-  --jkl-skeleton-element-color: #e0dbd4;
-  --jkl-skeleton-sweeper-color: #f9f9f9;
-}
-
-@media screen and (prefers-color-scheme: dark) {
-  :root {
+  @media screen and (prefers-color-scheme: dark) {
+    :root {
+      --jkl-skeleton-element-color: #636060;
+      --jkl-skeleton-sweeper-color: #1b1917;
+    }
+  }
+  [data-theme=dark] {
     --jkl-skeleton-element-color: #636060;
     --jkl-skeleton-sweeper-color: #1b1917;
   }
-}
-[data-theme=dark] {
-  --jkl-skeleton-element-color: #636060;
-  --jkl-skeleton-sweeper-color: #1b1917;
-}
-
-.jkl-skeleton-animation {
-  --jkl-skeleton-sweep-duration: 3s;
-  position: relative;
-  overflow: hidden;
-}
-.jkl-skeleton-animation::after {
-  content: " ";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 12.5rem;
-  background: linear-gradient(89.17deg, rgba(249, 249, 249, 0) 0.8%, var(--jkl-skeleton-sweeper-color) 50.09%, rgba(249, 249, 249, 0) 96.31%);
-  animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ux0twc7;
-}
-@media (width >= 0) and (max-width: 679px) {
   .jkl-skeleton-animation {
-    width: 9.375rem;
-  }
-}
-@media screen and (prefers-reduced-motion: reduce) {
-  .jkl-skeleton-animation::after {
-    background: none;
+    --jkl-skeleton-sweep-duration: 3s;
+    position: relative;
+    overflow: hidden;
   }
-}
-@media screen and (forced-colors: active) {
   .jkl-skeleton-animation::after {
-    animation: none;
+    content: " ";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 12.5rem;
+    background: linear-gradient(89.17deg, rgba(249, 249, 249, 0) 0.8%, var(--jkl-skeleton-sweeper-color) 50.09%, rgba(249, 249, 249, 0) 96.31%);
+    animation: var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uqqmzyv;
+  }
+  @media (width >= 0) and (max-width: 679px) {
+    .jkl-skeleton-animation {
+      width: 9.375rem;
+    }
+  }
+  @media screen and (prefers-reduced-motion: reduce) {
+    .jkl-skeleton-animation::after {
+      background: none;
+    }
+  }
+  @media screen and (forced-colors: active) {
+    .jkl-skeleton-animation::after {
+      animation: none;
+    }
+  }
+  .jkl-skeleton-animation--compact::after {
+    width: 9.375rem;
   }
-}
-.jkl-skeleton-animation--compact::after {
-  width: 9.375rem;
-}
-
-.jkl-skeleton-element {
-  border-radius: 0.125rem;
-  background-color: var(--jkl-skeleton-element-color);
-}
-.jkl-skeleton-element--circle {
-  border-radius: 50%;
-}
-@media screen and (forced-colors: active) {
   .jkl-skeleton-element {
-    border: 1px solid CanvasText;
-    animation: 2s ease infinite jkl-blink-ux0twd7;
+    border-radius: 0.125rem;
+    background-color: var(--jkl-skeleton-element-color);
+  }
+  .jkl-skeleton-element--circle {
+    border-radius: 50%;
+  }
+  @media screen and (forced-colors: active) {
+    .jkl-skeleton-element {
+      border: 1px solid CanvasText;
+      animation: 2s ease infinite jkl-blink-uqqmzz0;
+    }
   }
-}
-
-.jkl-skeleton-input {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-}
-.jkl-skeleton-input__checkbox {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  gap: 0.5rem;
-}
-@media (width >= 0) and (max-width: 679px) {
   .jkl-skeleton-input {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+  .jkl-skeleton-input__checkbox {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
     gap: 0.5rem;
   }
-}
-.jkl-skeleton-input--compact::after {
-  gap: 0.5rem;
-}
-
-.jkl-skeleton-table {
-  display: flex;
-  flex-direction: column;
-}
-.jkl-skeleton-table__header, .jkl-skeleton-table__row {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  border-bottom: solid 1px var(--jkl-skeleton-element-color);
-}
-.jkl-skeleton-table__header {
-  padding: 0.75rem 0.5rem;
-}
-.jkl-skeleton-table__row {
-  padding: 1rem 0.5rem;
-}
-@media (width >= 0) and (max-width: 679px) {
-  .jkl-skeleton-table__header {
-    padding: 0.5rem 0.25rem;
+  @media (width >= 0) and (max-width: 679px) {
+    .jkl-skeleton-input {
+      gap: 0.5rem;
+    }
   }
-  .jkl-skeleton-table__row {
-    padding: 0.75rem 0.25rem;
+  .jkl-skeleton-input--compact::after {
+    gap: 0.5rem;
   }
-}
-.jkl-skeleton-table--compact::after__header {
-  padding: 0.5rem 0.25rem;
-}
-.jkl-skeleton-table--compact::after__row {
-  padding: 0.75rem 0.25rem;
-}
-@media screen and (forced-colors: active) {
   .jkl-skeleton-table {
-    animation: 2s ease-in-out infinite jkl-blink-ux0twd7;
+    display: flex;
+    flex-direction: column;
   }
-}
-
-@keyframes jkl-sweep-ux0twc7 {
-  0% {
-    transform: translateX(calc(0vw - 200px));
+  .jkl-skeleton-table__header, .jkl-skeleton-table__row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    border-bottom: solid 1px var(--jkl-skeleton-element-color);
   }
-  80%, 100% {
-    transform: translateX(calc(100vw + 400px));
+  .jkl-skeleton-table__header {
+    padding: 0.75rem 0.5rem;
   }
-}
-@keyframes jkl-blink-ux0twd7 {
-  0% {
-    opacity: 1;
+  .jkl-skeleton-table__row {
+    padding: 1rem 0.5rem;
+  }
+  @media (width >= 0) and (max-width: 679px) {
+    .jkl-skeleton-table__header {
+      padding: 0.5rem 0.25rem;
+    }
+    .jkl-skeleton-table__row {
+      padding: 0.75rem 0.25rem;
+    }
   }
-  40%, 50% {
-    opacity: 0.3;
+  .jkl-skeleton-table--compact::after__header {
+    padding: 0.5rem 0.25rem;
+  }
+  .jkl-skeleton-table--compact::after__row {
+    padding: 0.75rem 0.25rem;
   }
-  70%, 100% {
-    opacity: 1;
+  @media screen and (forced-colors: active) {
+    .jkl-skeleton-table {
+      animation: 2s ease-in-out infinite jkl-blink-uqqmzz0;
+    }
+  }
+  @keyframes jkl-sweep-uqqmzyv {
+    0% {
+      transform: translateX(calc(0vw - 200px));
+    }
+    80%, 100% {
+      transform: translateX(calc(100vw + 400px));
+    }
+  }
+  @keyframes jkl-blink-uqqmzz0 {
+    0% {
+      opacity: 1;
+    }
+    40%, 50% {
+      opacity: 0.3;
+    }
+    70%, 100% {
+      opacity: 1;
+    }
   }
 }
 :root,

package/styles/components/file-input/file-input.min.css

@@ -1 +1 @@
-@charset "UTF-8";:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-file-padding:0.5rem;--jkl-file-thumbnail-width:calc(var(--jkl-unit-10)*7);--jkl-file-thumbnail-max-height:120px;--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:0.5rem calc(var(--jkl-unit-10)*2);--jkl-file-button-width:calc(var(--jkl-unit-10)*5)}[data-density=compact],[data-layout-density=compact]{--jkl-file-padding:0.5rem;--jkl-file-thumbnail-width:calc(var(--jkl-unit-10)*5);--jkl-file-thumbnail-max-height:80px;--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:calc(var(--jkl-unit-10)*0.5) 0.5rem;--jkl-file-button-width:calc(var(--jkl-unit-10)*4)}.jkl-file{--text-color:var(--jkl-color-text-default);--border:1px solid var(--jkl-color-border-separator);--border-radius:2px;--bg:#0000}.jkl-file__content{align-items:center;background:var(--bg);border:var(--border);border-radius:var(--border-radius);color:var(--jkl-color-text-default);display:grid;gap:var(--jkl-file-gap);grid-template-areas:"image text button";grid-template-columns:var(--jkl-file-thumbnail-width) 1fr var(--jkl-file-button-width);height:-webkit-fit-content;height:fit-content;padding:var(--jkl-file-padding);transition-duration:.1s;transition-property:background-color,border-color,color;transition-timing-function:ease}.jkl-file__content__name{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;grid-area:text;word-break:break-word}.jkl-file__content__name__size{word-break:keep-all}.jkl-file__content__delete{aspect-ratio:1;grid-area:button}.jkl-file__content__thumbnail{align-items:center;aspect-ratio:var(--jkl-file-thumbnail-aspect-ratio);background:var(--jkl-color-background-container-low);border-radius:2px;container-type:inline-size;display:flex;grid-area:image;justify-content:center;max-height:var(--jkl-file-thumbnail-max-height);object-fit:cover;overflow:hidden;position:relative;width:100%}.jkl-file__content__thumbnail img{z-index:0}.jkl-file__content__thumbnail img[src]{height:100%;object-fit:cover;width:100%}.jkl-file__content__thumbnail:after,.jkl-file__content__thumbnail:before{position:absolute;z-index:1}.jkl-file[class*=card]{--jkl-file-thumbnail-width:100%;--jkl-file-thumbnail-aspect-ratio:16/9}.jkl-file[class*=card] .jkl-file__content{grid-template-areas:"image image" "text button";grid-template-columns:1fr var(--jkl-file-button-width);grid-template-rows:var(--jkl-file-thumbnail-max-height) auto}.jkl-file:not([data-state*=loading]) .jkl-file__content__thumbnail:not(:has(img[src])):before{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;content:attr(data-filetype)}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__content__thumbnail img{opacity:.25}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__content__thumbnail:after{--scale:scale(0.3,0.3);--scale-end:scale(0.1,0.1);--rotation:45deg;animation:pulse 2.5s linear infinite forwards;aspect-ratio:1;background:var(--text-color);content:""/"Laster opp";height:100%;max-height:2lh;min-height:24px;transform:var(--scale) rotate(var(--rotation))}@keyframes pulse{0%{transform:var(--scale) rotate(var(--rotation))}50%{transform:var(--scale-end) rotate(calc(var(--rotation) + .5turn))}to{transform:var(--scale) rotate(calc(var(--rotation) + 1turn))}}.jkl-file[data-state=error]{--bg:var(--jkl-color-functional-error)}.jkl-file[data-state=error],.jkl-file[data-state=error] a,.jkl-file[data-state=error] a:hover,.jkl-file[data-state=error] button,.jkl-file[data-state=error] span{--text-color:var(--jkl-color-text-on-alert);--link-color:var(--text-color);--jkl-color-border-action:currentColor}.jkl-link{--link-color:var(--jkl-color-text-default);color:var(--link-color);outline:none;text-decoration:none;transition-duration:75ms;transition-property:color;transition-timing-function:ease}.jkl-link__content{text-decoration:underline;-webkit-text-decoration-color:rgba(from currentcolor r g b/.7);text-decoration-color:rgba(from currentcolor r g b/.7);text-decoration-thickness:.05em;text-underline-offset:.08lh}.jkl-link__icon{-webkit-margin-start:.2em;margin-inline-start:.2em;-webkit-margin-before:-.1em;margin-block-start:-.1em;vertical-align:middle}.jkl-link--external:after,.jkl-link[download]:after,.jkl-link[target=_blank]:after{--jkl-icon-fill:0;--jkl-icon-size:1em;--jkl-icon-opsz:20;content:"\e89e"/"(Åpnes i ny fane)";-webkit-margin-before:-.1em;margin-block-start:-.1em;-webkit-padding-start:.2em;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:var(--jkl-icon-size,1.5rem);font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;padding-inline-start:.2em;vertical-align:middle;-webkit-font-smoothing:antialiased;display:inline;transition-duration:.15s;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-link[download]:after{content:"\f090"/"(Last ned fil)"}.jkl-link:hover:not(:focus){--link-color:var(--jkl-color-text-subdued)}.jkl-link:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:0}@media screen and (forced-colors:active){.jkl-link:hover:not(:focus){--link-color:HighLight}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:400}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{animation:2.5s linear infinite;background-color:currentColor;display:block;height:.9em;transform-origin:center;width:.9em}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-ux0twao;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-ux0twaz;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-ux0twb7}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-ux0twao{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-ux0twaz{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-ux0twb7{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}@media screen and (prefers-color-scheme:light){:root{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}}[data-theme=dark]{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration:3s;overflow:hidden;position:relative}.jkl-skeleton-animation:after{animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-ux0twc7;background:linear-gradient(89.17deg,#f9f9f900 .8%,var(--jkl-skeleton-sweeper-color) 50.09%,#f9f9f900 96.31%);bottom:0;content:" ";position:absolute;top:0;width:12.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion:reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors:active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{background-color:var(--jkl-skeleton-element-color);border-radius:.125rem}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{animation:jkl-blink-ux0twd7 2s ease infinite;border:1px solid CanvasText}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{border-bottom:1px solid var(--jkl-skeleton-element-color);display:flex;flex-direction:row;justify-content:space-between}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-ux0twd7 2s ease-in-out infinite}}@keyframes jkl-sweep-ux0twc7{0%{transform:translateX(-200px)}80%,to{transform:translateX(calc(100vw + 400px))}}@keyframes jkl-blink-ux0twd7{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-file-input-drag-font-size:var(--jkl-heading-2-font-size);--jkl-file-input-drag-line-height:var(--jkl-heading-2-line-height);--jkl-file-input-drag-font-weight:var(--jkl-heading-2-font-weight);--jkl-file-size-hint-font-size:var(--jkl-small-font-size);--jkl-file-size-hint-line-height:var(--jkl-small-line-height);--jkl-file-size-hint-font-weight:var(--jkl-small-font-weight);--jkl-file-input-dropzone-padding:calc(var(--jkl-unit-10)*3);--jkl-file-input-dropzone-gap:calc(var(--jkl-unit-10)*3);--jkl-file-cta-gap:calc(var(--jkl-unit-10)*3);--jkl-file-cta-with-files-gap:calc(var(--jkl-unit-10)*1.5);--jkl-file-list-gap:0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-file-input-drag-font-size:var(--jkl-body-font-size);--jkl-file-input-drag-line-height:var(--jkl-body-line-height);--jkl-file-input-drag-font-weight:var(--jkl-body-font-weight);--jkl-file-input-dropzone-padding:calc(var(--jkl-unit-10)*2);--jkl-file-input-dropzone-gap:calc(var(--jkl-unit-10)*2);--jkl-file-cta-gap:calc(var(--jkl-unit-10)*1.5);--jkl-file-cta-with-files-gap:calc(var(--jkl-unit-10)*0.5);--jkl-file-list-gap:0.5rem}.jkl-file-input__dropzone{--border-color:var(--jkl-color-border-input);--background-color:#0000;align-items:center;background-color:var(--background-color);border:1px dashed var(--border-color);border-radius:.25rem;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--jkl-file-input-dropzone-gap);justify-content:center;padding:var(--jkl-file-input-dropzone-padding);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-file-input__dropzone--enter{--border-color:var(--jkl-color-border-input-focus);--background-color:var(--jkl-color-background-container-high);border-style:solid}.jkl-file-input__dropzone__drag-text{font-size:var(--jkl-file-input-drag-font-size);font-weight:var(--jkl-file-input-drag-font-weight);line-height:var(--jkl-file-input-drag-line-height)}@media (width >= 0) and (max-width:679px){.jkl-file-input__dropzone__drag-text{display:none}}.jkl-file-input__call-to-action{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button{outline:3px solid var(--jkl-color-border-action);outline-offset:3px;transform:scale(1.05)}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button:active{transform:scale(1)}.jkl-file-input__dropzone-hint{margin-top:calc(var(--jkl-unit-10)*3)}.jkl-file-input--has-files .jkl-file-input__dropzone-hint{display:none}.jkl-file-input__max-size-text{color:var(--jkl-color-text-subdued);font-size:var(--jkl-file-size-hint-font-size);font-weight:var(--jkl-file-size-hint-font-weight);line-height:var(--jkl-file-size-hint-line-height);margin-top:calc(var(--jkl-unit-10)*3)}.jkl-file-input__files{display:flex;flex-direction:column;gap:var(--jkl-file-list-gap);list-style:none;margin:0;padding:0}.jkl-file-input--small .jkl-file-input__dropzone-hint{display:block;margin:0}.jkl-file-input--small .jkl-file-input__dropzone{flex-direction:row;gap:calc(var(--jkl-unit-10)*2);justify-content:flex-start;margin-bottom:calc(var(--jkl-unit-10)*2);max-width:-webkit-fit-content;max-width:fit-content;padding:calc(var(--jkl-unit-10)*2)}.jkl-file-input--small .jkl-file-input__call-to-action{flex-direction:row;font-size:var(--jkl-file-size-hint-font-size);font-weight:var(--jkl-file-size-hint-font-weight);gap:calc(var(--jkl-unit-10)*1.5);justify-content:flex-start;line-height:var(--jkl-file-size-hint-line-height)}.jkl-file-input--small .jkl-file-input__max-size-text{margin-bottom:calc(var(--jkl-unit-10)*2);margin-top:calc(var(--jkl-unit-10)*1.5*-1)}
+@charset "UTF-8";:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-file-padding:0.5rem;--jkl-file-thumbnail-width:calc(var(--jkl-unit-10)*7);--jkl-file-thumbnail-max-height:120px;--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:0.5rem calc(var(--jkl-unit-10)*2);--jkl-file-button-width:calc(var(--jkl-unit-10)*5)}[data-density=compact],[data-layout-density=compact]{--jkl-file-padding:0.5rem;--jkl-file-thumbnail-width:calc(var(--jkl-unit-10)*5);--jkl-file-thumbnail-max-height:80px;--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:calc(var(--jkl-unit-10)*0.5) 0.5rem;--jkl-file-button-width:calc(var(--jkl-unit-10)*4)}.jkl-file{--text-color:var(--jkl-color-text-default);--border:1px solid var(--jkl-color-border-separator);--border-radius:2px;--bg:#0000}.jkl-file__content{align-items:center;background:var(--bg);border:var(--border);border-radius:var(--border-radius);color:var(--jkl-color-text-default);display:grid;gap:var(--jkl-file-gap);grid-template-areas:"image text button";grid-template-columns:var(--jkl-file-thumbnail-width) 1fr var(--jkl-file-button-width);height:-webkit-fit-content;height:fit-content;padding:var(--jkl-file-padding);transition-duration:.1s;transition-property:background-color,border-color,color;transition-timing-function:ease}.jkl-file__content__name{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;grid-area:text;word-break:break-word}.jkl-file__content__name__size{word-break:keep-all}.jkl-file__content__delete{aspect-ratio:1;grid-area:button}.jkl-file__content__thumbnail{align-items:center;aspect-ratio:var(--jkl-file-thumbnail-aspect-ratio);background:var(--jkl-color-background-container-low);border-radius:2px;container-type:inline-size;display:flex;grid-area:image;justify-content:center;max-height:var(--jkl-file-thumbnail-max-height);object-fit:cover;overflow:hidden;position:relative;width:100%}.jkl-file__content__thumbnail img{z-index:0}.jkl-file__content__thumbnail img[src]{height:100%;object-fit:cover;width:100%}.jkl-file__content__thumbnail:after,.jkl-file__content__thumbnail:before{position:absolute;z-index:1}.jkl-file[class*=card]{--jkl-file-thumbnail-width:100%;--jkl-file-thumbnail-aspect-ratio:16/9}.jkl-file[class*=card] .jkl-file__content{grid-template-areas:"image image" "text button";grid-template-columns:1fr var(--jkl-file-button-width);grid-template-rows:var(--jkl-file-thumbnail-max-height) auto}.jkl-file:not([data-state*=loading]) .jkl-file__content__thumbnail:not(:has(img[src])):before{font-size:1rem;font-weight:400;line-height:1.5rem;--jkl-icon-weight:300;--jkl-icon-size:1.25rem;--jkl-icon-opsz:20;content:attr(data-filetype)}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__content__thumbnail img{opacity:.25}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__content__thumbnail:after{--scale:scale(0.3,0.3);--scale-end:scale(0.1,0.1);--rotation:45deg;animation:pulse 2.5s linear infinite forwards;aspect-ratio:1;background:var(--text-color);content:""/"Laster opp";height:100%;max-height:2lh;min-height:24px;transform:var(--scale) rotate(var(--rotation))}@keyframes pulse{0%{transform:var(--scale) rotate(var(--rotation))}50%{transform:var(--scale-end) rotate(calc(var(--rotation) + .5turn))}to{transform:var(--scale) rotate(calc(var(--rotation) + 1turn))}}.jkl-file[data-state=error]{--bg:var(--jkl-color-functional-error)}.jkl-file[data-state=error],.jkl-file[data-state=error] a,.jkl-file[data-state=error] a:hover,.jkl-file[data-state=error] button,.jkl-file[data-state=error] span{--text-color:var(--jkl-color-text-on-alert);--link-color:var(--text-color);--jkl-color-border-action:currentColor}.jkl-link{--link-color:var(--jkl-color-text-default);color:inherit;outline:none;text-decoration:none;transition-duration:75ms;transition-property:color;transition-timing-function:ease}.jkl-link__content{text-decoration:underline;-webkit-text-decoration-color:rgb(from currentColor r g b/70%);text-decoration-color:rgb(from currentColor r g b/70%);text-decoration-thickness:.05em;text-underline-offset:.08lh}.jkl-link__icon{-webkit-margin-start:.2em;margin-inline-start:.2em;-webkit-margin-before:-.1em;margin-block-start:-.1em;vertical-align:middle}.jkl-link--external:after,.jkl-link[download]:after,.jkl-link[target=_blank]:after{--jkl-icon-fill:0;--jkl-icon-size:1em;--jkl-icon-opsz:20;content:"\e89e"/"(Åpnes i ny fane)";-webkit-margin-before:-.1em;margin-block-start:-.1em;-webkit-padding-start:.2em;display:inline-block;font-family:Fremtind Material Symbols,Fremtind Material Symbols Fallback,sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:var(--jkl-icon-size,1.5rem);font-variation-settings:"FILL" var(--jkl-icon-fill,0),"GRAD" var(--jkl-icon-grade,0),"opsz" var(--jkl-icon-opsz,24);font-weight:var(--jkl-icon-weight,300);line-height:1;padding-inline-start:.2em;vertical-align:middle;-webkit-font-smoothing:antialiased;display:inline;transition-duration:.15s;transition-property:font-variation-settings,transform;transition-timing-function:ease}.jkl-link[download]:after{content:"\f090"/"(Last ned fil)"}.jkl-link:hover:not(:focus){--link-color:var(--jkl-color-text-subdued)}.jkl-link:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:0}@media screen and (forced-colors:active){.jkl-link:hover:not(:focus){--link-color:HighLight}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:400}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:a .3s linear;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button:has(.jkl-button__text){min-width:9.5ch}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}@layer jokul.components{.jkl-loader{display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{animation:2.5s linear infinite;background-color:currentColor;display:block;height:.9em;transform-origin:center;width:.9em}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-uqqmzx0;margin-right:1.71em}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-uqqmzxq;margin-right:1.9em}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-uqqmzy6}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}.jkl-button .jkl-loader>.jkl-loader__dot,.jkl-loader--medium>.jkl-loader__dot{height:.35em;width:.35em}.jkl-button .jkl-loader>.jkl-loader__dot--left,.jkl-loader--medium>.jkl-loader__dot--left{margin-right:.585em}.jkl-button .jkl-loader>.jkl-loader__dot--middle,.jkl-loader--medium>.jkl-loader__dot--middle{margin-right:.65em}.jkl-loader--small>.jkl-loader__dot{height:.25em;width:.25em}.jkl-loader--small>.jkl-loader__dot--left{margin-right:.27em}.jkl-loader--small>.jkl-loader__dot--middle{margin-right:.3em}@keyframes jkl-loader-left-spin-uqqmzx0{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-uqqmzxq{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-uqqmzy6{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}}@layer jokul.components{@media screen and (prefers-color-scheme:light){:root{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}}[data-theme=light]{--jkl-skeleton-element-color:#e0dbd4;--jkl-skeleton-sweeper-color:#f9f9f9}@media screen and (prefers-color-scheme:dark){:root{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}}[data-theme=dark]{--jkl-skeleton-element-color:#636060;--jkl-skeleton-sweeper-color:#1b1917}.jkl-skeleton-animation{--jkl-skeleton-sweep-duration:3s;overflow:hidden;position:relative}.jkl-skeleton-animation:after{animation:var(--jkl-skeleton-sweep-duration) ease infinite jkl-sweep-uqqmzyv;background:linear-gradient(89.17deg,#f9f9f900 .8%,var(--jkl-skeleton-sweeper-color) 50.09%,#f9f9f900 96.31%);bottom:0;content:" ";position:absolute;top:0;width:12.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-animation{width:9.375rem}}@media screen and (prefers-reduced-motion:reduce){.jkl-skeleton-animation:after{background:none}}@media screen and (forced-colors:active){.jkl-skeleton-animation:after{animation:none}}.jkl-skeleton-animation--compact:after{width:9.375rem}.jkl-skeleton-element{background-color:var(--jkl-skeleton-element-color);border-radius:.125rem}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{animation:jkl-blink-uqqmzz0 2s ease infinite;border:1px solid CanvasText}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:.75rem}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:.5rem}}.jkl-skeleton-input--compact:after{gap:.5rem}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{border-bottom:1px solid var(--jkl-skeleton-element-color);display:flex;flex-direction:row;justify-content:space-between}.jkl-skeleton-table__header{padding:.75rem .5rem}.jkl-skeleton-table__row{padding:1rem .5rem}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:.5rem .25rem}.jkl-skeleton-table__row{padding:.75rem .25rem}}.jkl-skeleton-table--compact::after__header{padding:.5rem .25rem}.jkl-skeleton-table--compact::after__row{padding:.75rem .25rem}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-uqqmzz0 2s ease-in-out infinite}}@keyframes jkl-sweep-uqqmzyv{0%{transform:translateX(-200px)}80%,to{transform:translateX(calc(100vw + 400px))}}@keyframes jkl-blink-uqqmzz0{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-file-input-drag-font-size:var(--jkl-heading-2-font-size);--jkl-file-input-drag-line-height:var(--jkl-heading-2-line-height);--jkl-file-input-drag-font-weight:var(--jkl-heading-2-font-weight);--jkl-file-size-hint-font-size:var(--jkl-small-font-size);--jkl-file-size-hint-line-height:var(--jkl-small-line-height);--jkl-file-size-hint-font-weight:var(--jkl-small-font-weight);--jkl-file-input-dropzone-padding:calc(var(--jkl-unit-10)*3);--jkl-file-input-dropzone-gap:calc(var(--jkl-unit-10)*3);--jkl-file-cta-gap:calc(var(--jkl-unit-10)*3);--jkl-file-cta-with-files-gap:calc(var(--jkl-unit-10)*1.5);--jkl-file-list-gap:0.5rem}[data-density=compact],[data-layout-density=compact]{--jkl-file-input-drag-font-size:var(--jkl-body-font-size);--jkl-file-input-drag-line-height:var(--jkl-body-line-height);--jkl-file-input-drag-font-weight:var(--jkl-body-font-weight);--jkl-file-input-dropzone-padding:calc(var(--jkl-unit-10)*2);--jkl-file-input-dropzone-gap:calc(var(--jkl-unit-10)*2);--jkl-file-cta-gap:calc(var(--jkl-unit-10)*1.5);--jkl-file-cta-with-files-gap:calc(var(--jkl-unit-10)*0.5);--jkl-file-list-gap:0.5rem}.jkl-file-input__dropzone{--border-color:var(--jkl-color-border-input);--background-color:#0000;align-items:center;background-color:var(--background-color);border:1px dashed var(--border-color);border-radius:.25rem;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--jkl-file-input-dropzone-gap);justify-content:center;padding:var(--jkl-file-input-dropzone-padding);transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-file-input__dropzone--enter{--border-color:var(--jkl-color-border-input-focus);--background-color:var(--jkl-color-background-container-high);border-style:solid}.jkl-file-input__dropzone__drag-text{font-size:var(--jkl-file-input-drag-font-size);font-weight:var(--jkl-file-input-drag-font-weight);line-height:var(--jkl-file-input-drag-line-height)}@media (width >= 0) and (max-width:679px){.jkl-file-input__dropzone__drag-text{display:none}}.jkl-file-input__call-to-action{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button{outline:3px solid var(--jkl-color-border-action);outline-offset:3px;transform:scale(1.05)}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button:active{transform:scale(1)}.jkl-file-input__dropzone-hint{margin-top:calc(var(--jkl-unit-10)*3)}.jkl-file-input--has-files .jkl-file-input__dropzone-hint{display:none}.jkl-file-input__max-size-text{color:var(--jkl-color-text-subdued);font-size:var(--jkl-file-size-hint-font-size);font-weight:var(--jkl-file-size-hint-font-weight);line-height:var(--jkl-file-size-hint-line-height);margin-top:calc(var(--jkl-unit-10)*3)}.jkl-file-input__files{display:flex;flex-direction:column;gap:var(--jkl-file-list-gap);list-style:none;margin:0;padding:0}.jkl-file-input--small .jkl-file-input__dropzone-hint{display:block;margin:0}.jkl-file-input--small .jkl-file-input__dropzone{flex-direction:row;gap:calc(var(--jkl-unit-10)*2);justify-content:flex-start;margin-bottom:calc(var(--jkl-unit-10)*2);max-width:-webkit-fit-content;max-width:fit-content;padding:calc(var(--jkl-unit-10)*2)}.jkl-file-input--small .jkl-file-input__call-to-action{flex-direction:row;font-size:var(--jkl-file-size-hint-font-size);font-weight:var(--jkl-file-size-hint-font-weight);gap:calc(var(--jkl-unit-10)*1.5);justify-content:flex-start;line-height:var(--jkl-file-size-hint-line-height)}.jkl-file-input--small .jkl-file-input__max-size-text{margin-bottom:calc(var(--jkl-unit-10)*2);margin-top:calc(var(--jkl-unit-10)*1.5*-1)}

package/styles/components/help/help.css

@@ -1,6 +1,8 @@
 /**
- * Do not edit directly
- * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ * Do not edit directly, this file was auto-generated.
+ */
+/**
+ * Do not edit directly, this file was auto-generated.
  */
 .jkl-help-trigger {
   vertical-align: middle;
@@ -9,17 +11,13 @@
 }
 
 .jkl-help-popover {
-  transition-timing-function: ease;
-  transition-duration: 150ms;
-  opacity: 0;
-  transition: opacity, overlay allow-discrete, display allow-discrete;
   max-width: 40ch;
   padding: var(--jkl-unit-30);
   margin: var(--jkl-unit-05);
   inset: auto;
   border: none;
-  background-color: var(--jkl-color-background-container-high);
-  color: var(--jkl-color-text-default);
+  background-color: var(--jkl-color-background-container-inverted);
+  color: var(--jkl-color-text-inverted);
 }
 .jkl-help-popover header button {
   display: none;
@@ -55,12 +53,4 @@
 .jkl-help-popover[data-position=right] {
   position-area: right center;
   position-try: right, left, top, bottom;
-}
-.jkl-help-popover:popover-open {
-  opacity: 1;
-}
-@starting-style {
-  .jkl-help-popover:popover-open {
-    opacity: 0;
-  }
 }

package/styles/components/help/help.min.css

@@ -1 +1 @@
-.jkl-help-trigger{height:-webkit-fit-content;height:fit-content;vertical-align:middle;width:-webkit-fit-content;width:fit-content}.jkl-help-popover{background-color:var(--jkl-color-background-container-high);border:none;color:var(--jkl-color-text-default);inset:auto;margin:var(--jkl-unit-05);max-width:40ch;opacity:0;padding:var(--jkl-unit-30);transition-duration:.15s;transition-timing-function:ease;transition:opacity,overlay allow-discrete,display allow-discrete}.jkl-help-popover header button{display:none}.jkl-help-popover .title{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;font-weight:700}@media (min-width:680px){.jkl-help-popover .title{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;font-weight:700}}.jkl-help-popover[data-position=top]{position-area:top center;position-try:top,bottom,right,left}.jkl-help-popover[data-position=bottom]{position-area:bottom center;position-try:bottom,top,right,left}.jkl-help-popover[data-position=left]{position-area:left center;position-try:left,right,top,bottom}.jkl-help-popover[data-position=right]{position-area:right center;position-try:right,left,top,bottom}.jkl-help-popover:popover-open{opacity:1}@starting-style{.jkl-help-popover:popover-open{opacity:0}}
+.jkl-help-trigger{height:-webkit-fit-content;height:fit-content;vertical-align:middle;width:-webkit-fit-content;width:fit-content}.jkl-help-popover{background-color:var(--jkl-color-background-container-inverted);border:none;color:var(--jkl-color-text-inverted);inset:auto;margin:var(--jkl-unit-05);max-width:40ch;padding:var(--jkl-unit-30)}.jkl-help-popover header button{display:none}.jkl-help-popover .title{font-size:1.125rem;font-weight:400;line-height:1.75rem;--jkl-icon-weight:300;font-weight:700}@media (min-width:680px){.jkl-help-popover .title{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300;font-weight:700}}.jkl-help-popover[data-position=top]{position-area:top center;position-try:top,bottom,right,left}.jkl-help-popover[data-position=bottom]{position-area:bottom center;position-try:bottom,top,right,left}.jkl-help-popover[data-position=left]{position-area:left center;position-try:left,right,top,bottom}.jkl-help-popover[data-position=right]{position-area:right center;position-try:right,left,top,bottom}

package/styles/components/help/help.scss

@@ -7,20 +7,13 @@
 }
 
 .jkl-help-popover {
-    @include jkl.motion("standard", "productive");
-
-    opacity: 0;
-    transition: opacity,
-        overlay allow-discrete,
-        display allow-discrete;
-
     max-width: 40ch;
     padding: var(--jkl-unit-30);
     margin: var(--jkl-unit-05);
     inset: auto;
     border: none;
-    background-color: var(--jkl-color-background-container-high);
-    color: var(--jkl-color-text-default);
+    background-color: var(--jkl-color-background-container-inverted);
+    color: var(--jkl-color-text-inverted);
 
     header button {
         display: none;
@@ -51,12 +44,4 @@
         position-area: right center;
         position-try: right, left, top, bottom;
     }
-
-    &:popover-open {
-        opacity: 1;
-
-        @starting-style {
-            opacity: 0;
-        }
-    }
 }