@fremtind/jokul 0.12.1 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.12.1",
+    "version": "0.14.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -27,20 +27,31 @@
         "./src/components/cookie-consent/styles",
         "./src/components/datepicker/styles",
         "./src/components/feedback/styles",
+        "./src/components/description-list/styles",
+        "./src/components/expander/styles",
         "./src/components/icon/styles",
         "./src/components/icon-button/styles",
+        "./src/components/input-group/styles",
         "./src/components/image/styles",
         "./src/components/link/styles",
         "./src/components/link-list/styles",
         "./src/components/list/styles",
         "./src/components/loader/styles",
+        "./src/components/logo/styles",
         "./src/components/message/styles",
         "./src/components/modal/styles",
         "./src/components/popover/styles",
+        "./src/components/progress-bar/styles",
         "./src/components/radio-button/styles",
         "./src/components/select/styles",
+        "./src/components/summary-table/styles",
+        "./src/components/system-message/styles",
+        "./src/components/table/styles",
+        "./src/components/tabs/styles",
         "./src/components/tag/styles",
         "./src/components/text-input/styles",
+        "./src/components/toast/styles",
+        "./src/components/toggle-switch/styles",
         "./src/components/tooltip/styles"
     ],
     "exports": {
@@ -81,6 +92,8 @@
         "./styles/cookie-consent/*": "./src/components/cookie-consent/styles/*",
         "./styles/datepicker/*": "./src/components/datepicker/styles/*",
         "./styles/feedback/*": "./src/components/feedback/styles/*",
+        "./styles/description-list/*": "./src/components/description-list/styles/*",
+        "./styles/expander/*": "./src/components/expander/styles/*",
         "./styles/icon/*": "./src/components/icon/styles/*",
         "./styles/icon-button/*": "./src/components/icon-button/styles/*",
         "./styles/input-group/*": "./src/components/input-group/styles/*",
@@ -89,13 +102,21 @@
         "./styles/link-list/*": "./src/components/link-list/styles/*",
         "./styles/list/*": "./src/components/list/styles/*",
         "./styles/loader/*": "./src/components/loader/styles/*",
+        "./styles/logo/*": "./src/components/logo/styles/*",
         "./styles/message/*": "./src/components/message/styles/*",
         "./styles/modal/*": "./src/components/modal/styles/*",
         "./styles/popover/*": "./src/components/popover/styles/*",
+        "./styles/progress-bar/*": "./src/components/progress-bar/styles/*",
         "./styles/radio-button/*": "./src/components/radio-button/styles/*",
         "./styles/select/*": "./src/components/select/styles/*",
+        "./styles/summary-table/*": "./src/components/summary-table/styles/*",
+        "./styles/system-message/*": "./src/components/system-message/styles/*",
+        "./styles/table/*": "./src/components/table/styles/*",
+        "./styles/tabs/*": "./src/components/tabs/styles/*",
         "./styles/tag/*": "./src/components/tag/styles/*",
         "./styles/text-input/*": "./src/components/text-input/styles/*",
+        "./styles/toast/*": "./src/components/toast/styles/*",
+        "./styles/toggle-switch/*": "./src/components/toggle-switch/styles/*",
         "./styles/tooltip/*": "./src/components/tooltip/styles/*"
     },
     "scripts": {
@@ -109,6 +130,8 @@
     },
     "optionalDependencies": {
         "@floating-ui/react": ">0.24.1 <0.27",
+        "@react-aria/toast": "^3.0.0-beta.1",
+        "@react-stately/toast": "^3.0.0-beta.0",
         "date-fns": "^2.30.0",
         "framer-motion": ">7.10.2 <12",
         "react-a11y-dialog": "^6.2.0"
@@ -122,6 +145,7 @@
         "cssnano": "^7.0.6",
         "cssnano-preset-lite": "^4.0.3",
         "glob": "^11.0.0",
+        "nanoid": "^3.3.6",
         "postcss": "^8.4.24",
         "react-hook-form": "^7.44.3",
         "rollup-plugin-node-externals": "^7.1.3",
@@ -138,5 +162,5 @@
     "bugs": {
         "url": "https://github.com/fremtind/jokul/issues"
     },
-    "gitHead": "14deb4bbc99cfb07491b08cec845b76c6e690aea"
+    "gitHead": "be6756c67d642ca142545b317e534d2554216983"
 }

package/src/components/button/styles/button.css

@@ -127,7 +127,7 @@ html[data-touchnavigation] .jkl-button--pressed {
   inset: 0;
 }
 html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed::before, html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed::before, html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed::before {
-  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-flash-ucaamxf;
+  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-flash-unfl9q2;
 }
 .jkl-button--ghost {
   --border-color: transparent;
@@ -175,7 +175,7 @@ html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed::before, htm
   background-color: transparent;
 }
 html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
-  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-tertiary-flash-ucaamxh;
+  animation: cubic-bezier(0, 0, 0.375, 1.17) 400ms jkl-tertiary-flash-unfl9qn;
 }
 .jkl-button--tertiary:focus-visible {
   border: none;
@@ -227,7 +227,7 @@ html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
   }
 }
 
-@keyframes jkl-flash-ucaamxf {
+@keyframes jkl-flash-unfl9q2 {
   0% {
     box-shadow: 0 0 0 0 var(--focus-color);
     opacity: 0.5;
@@ -237,7 +237,7 @@ html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed::before {
     opacity: 0;
   }
 }
-@keyframes jkl-tertiary-flash-ucaamxh {
+@keyframes jkl-tertiary-flash-unfl9qn {
   0% {
     box-shadow: 0 0 0 0 var(--focus-color);
     background-color: var(--focus-color);

package/src/components/button/styles/button.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:var(--jkl-body-font-size);--jkl-button-line-height:3rem;--jkl-button-font-weight:700;--jkl-button-min-width:6.5rem;--jkl-button-padding:0 1.5rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0;--jkl-button-focus-ring-placement:-0.3125rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-line-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:var(--jkl-small-font-size);--jkl-button-line-height:2rem;--jkl-button-font-weight:700;--jkl-button-min-width:4.75rem;--jkl-button-padding:0 0.75rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0.125rem;--jkl-button-focus-ring-placement:-0.1875rem}a.jkl-button{text-decoration:none}.jkl-button{--border-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-background-action);--focus-color:var(--jkl-color-background-action);--background-color:#0000;background-color:var(--background-color);border-style:none;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:var(--jkl-button-font-size);font-weight:var(--jkl-button-font-weight);height:var(--jkl-button-line-height);justify-content:center;line-height:var(--jkl-button-line-height);min-width:var(--jkl-button-min-width);overflow:visible;position:relative;transform-origin:50% 90%;transition-duration:.15s;transition-property:transform,background-color;transition-timing-function:ease;-webkit-user-select:none;user-select:none}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-button{border-style:revert}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:revert;outline-style:revert}}.jkl-button:focus-visible,html:not([data-touchnavigation]) .jkl-button:hover{transform:scale(1.05)}.jkl-button:active,html:not([data-mousenavigation]) .jkl-button:active,html:not([data-touchnavigation]) .jkl-button:active{transform:scale(1)}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}html[data-touchnavigation] .jkl-button--pressed{transform:scale(.95);-webkit-tap-highlight-color:rgba(0,0,0,0)}.jkl-button__content{height:var(--jkl-button-line-height);overflow:hidden}.jkl-button__slider{transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-button__slider--show-loader{transform:translateY(-51%)}.jkl-button__loader{align-items:center;display:flex;height:var(--jkl-button-line-height);justify-content:center;padding:0}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{border:.0625rem solid var(--border-color);border-radius:999px;padding:var(--jkl-button-padding)}.jkl-button--ghost:before,.jkl-button--primary:before,.jkl-button--secondary:before{border-radius:999px;content:"";inset:0;position:absolute}html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed:before{animation:jkl-flash-ucaamxf .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--ghost{--border-color:#0000;border-radius:.25rem;padding:0 .25rem}.jkl-button--ghost:focus-visible,html:not([data-touchnavigation]) .jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover);transform:scale(1)}.jkl-button--ghost.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--ghost.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{transition-property:box-shadow,transform,background-color}.jkl-button--secondary:focus-visible,.jkl-button--secondary:hover,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed{box-shadow:inset 0 0 0 1px var(--border-color),inset 0 0 0 1px var(--border-color)}.jkl-button--tertiary{border-bottom:.0625rem solid var(--border-color);border-top:.0625rem solid #0000;min-width:unset;padding:var(--jkl-button-tertiary-padding);transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-button--tertiary:before{background-color:initial;border-radius:100%;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform:translate3d(-50%,-50%,0);width:1rem}html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed:before{animation:jkl-tertiary-flash-ucaamxh .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--tertiary:focus-visible{border:none}@media screen and (forced-colors:active){.jkl-button--tertiary:focus-visible{border:revert}}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:hover,html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed{border-bottom-color:var(--focus-color);border-bottom-width:.125rem;color:var(--focus-color)}.jkl-button--icon-left .jkl-button__icon,.jkl-button--icon-right .jkl-button__icon{display:inline-block;vertical-align:sub}.jkl-button--icon-left{padding-left:.5rem}.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-left.jkl-button--tertiary{padding-left:var(--jkl-button-tertiary-padding-with-icon)}.jkl-button--icon-right{padding-right:.5rem}.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-right.jkl-button--tertiary{padding-right:var(--jkl-button-tertiary-padding-with-icon)}@media screen and (forced-colors:active){.jkl-button.jkl-button--primary:focus:not(a),.jkl-button.jkl-button--primary:hover:not(a),.jkl-button.jkl-button--primary:not(a),.jkl-button.jkl-button--secondary:focus:not(a),.jkl-button.jkl-button--secondary:hover:not(a),.jkl-button.jkl-button--secondary:not(a){border-color:ButtonText}.jkl-button .jkl-loader__dot{background-color:ButtonText}.jkl-button.jkl-button--tertiary{border-left-style:none;border-right-style:none;border-top-style:none;outline-offset:.125rem}}@keyframes jkl-flash-ucaamxf{0%{box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{box-shadow:0 0 0 1rem var(--focus-color);opacity:0}}@keyframes jkl-tertiary-flash-ucaamxh{0%{background-color:var(--focus-color);box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{background-color:var(--focus-color);box-shadow:0 0 0 2.5rem var(--focus-color);opacity:0}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:var(--jkl-body-font-size);--jkl-button-line-height:3rem;--jkl-button-font-weight:700;--jkl-button-min-width:6.5rem;--jkl-button-padding:0 1.5rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0;--jkl-button-focus-ring-placement:-0.3125rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-line-height:2.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:var(--jkl-small-font-size);--jkl-button-line-height:2rem;--jkl-button-font-weight:700;--jkl-button-min-width:4.75rem;--jkl-button-padding:0 0.75rem;--jkl-button-tertiary-padding:0 0.125rem;--jkl-button-children-padding-with-icon:0.125rem;--jkl-button-tertiary-padding-with-icon:0.125rem;--jkl-button-focus-ring-placement:-0.1875rem}a.jkl-button{text-decoration:none}.jkl-button{--border-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-background-action);--focus-color:var(--jkl-color-background-action);--background-color:#0000;background-color:var(--background-color);border-style:none;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:var(--jkl-button-font-size);font-weight:var(--jkl-button-font-weight);height:var(--jkl-button-line-height);justify-content:center;line-height:var(--jkl-button-line-height);min-width:var(--jkl-button-min-width);overflow:visible;position:relative;transform-origin:50% 90%;transition-duration:.15s;transition-property:transform,background-color;transition-timing-function:ease;-webkit-user-select:none;user-select:none}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-button{border-style:revert}.jkl-button,.jkl-button:active,.jkl-button:focus,.jkl-button:hover{outline:revert;outline-style:revert}}.jkl-button:focus-visible,html:not([data-touchnavigation]) .jkl-button:hover{transform:scale(1.05)}.jkl-button:active,html:not([data-mousenavigation]) .jkl-button:active,html:not([data-touchnavigation]) .jkl-button:active{transform:scale(1)}.jkl-button:focus-visible{outline:2px solid var(--jkl-color-border-action);outline-offset:2px}html[data-touchnavigation] .jkl-button--pressed{transform:scale(.95);-webkit-tap-highlight-color:rgba(0,0,0,0)}.jkl-button__content{height:var(--jkl-button-line-height);overflow:hidden}.jkl-button__slider{transition-duration:.15s;transition-property:transform;transition-timing-function:ease}.jkl-button__slider--show-loader{transform:translateY(-51%)}.jkl-button__loader{align-items:center;display:flex;height:var(--jkl-button-line-height);justify-content:center;padding:0}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{border:.0625rem solid var(--border-color);border-radius:999px;padding:var(--jkl-button-padding)}.jkl-button--ghost:before,.jkl-button--primary:before,.jkl-button--secondary:before{border-radius:999px;content:"";inset:0;position:absolute}html[data-touchnavigation] .jkl-button--ghost.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--primary.jkl-button--pressed:before,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed:before{animation:jkl-flash-unfl9q2 .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--ghost{--border-color:#0000;border-radius:.25rem;padding:0 .25rem}.jkl-button--ghost:focus-visible,html:not([data-touchnavigation]) .jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover);transform:scale(1)}.jkl-button--ghost.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--ghost.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{transition-property:box-shadow,transform,background-color}.jkl-button--secondary:focus-visible,.jkl-button--secondary:hover,html[data-touchnavigation] .jkl-button--secondary.jkl-button--pressed{box-shadow:inset 0 0 0 1px var(--border-color),inset 0 0 0 1px var(--border-color)}.jkl-button--tertiary{border-bottom:.0625rem solid var(--border-color);border-top:.0625rem solid #0000;min-width:unset;padding:var(--jkl-button-tertiary-padding);transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-button--tertiary:before{background-color:initial;border-radius:100%;content:"";display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;position:absolute;top:var(--jkl-touch-ycoord,50%);transform:translate3d(-50%,-50%,0);width:1rem}html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed:before{animation:jkl-tertiary-flash-unfl9qn .4s cubic-bezier(0,0,.375,1.17)}.jkl-button--tertiary:focus-visible{border:none}@media screen and (forced-colors:active){.jkl-button--tertiary:focus-visible{border:revert}}.jkl-button--tertiary:focus-visible,.jkl-button--tertiary:hover,html[data-touchnavigation] .jkl-button--tertiary.jkl-button--pressed{border-bottom-color:var(--focus-color);border-bottom-width:.125rem;color:var(--focus-color)}.jkl-button--icon-left .jkl-button__icon,.jkl-button--icon-right .jkl-button__icon{display:inline-block;vertical-align:sub}.jkl-button--icon-left{padding-left:.5rem}.jkl-button--icon-left .jkl-button__children{padding-left:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-left.jkl-button--tertiary{padding-left:var(--jkl-button-tertiary-padding-with-icon)}.jkl-button--icon-right{padding-right:.5rem}.jkl-button--icon-right .jkl-button__children{padding-right:var(--jkl-button-children-padding-with-icon)}.jkl-button--icon-right.jkl-button--tertiary{padding-right:var(--jkl-button-tertiary-padding-with-icon)}@media screen and (forced-colors:active){.jkl-button.jkl-button--primary:focus:not(a),.jkl-button.jkl-button--primary:hover:not(a),.jkl-button.jkl-button--primary:not(a),.jkl-button.jkl-button--secondary:focus:not(a),.jkl-button.jkl-button--secondary:hover:not(a),.jkl-button.jkl-button--secondary:not(a){border-color:ButtonText}.jkl-button .jkl-loader__dot{background-color:ButtonText}.jkl-button.jkl-button--tertiary{border-left-style:none;border-right-style:none;border-top-style:none;outline-offset:.125rem}}@keyframes jkl-flash-unfl9q2{0%{box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{box-shadow:0 0 0 1rem var(--focus-color);opacity:0}}@keyframes jkl-tertiary-flash-unfl9qn{0%{background-color:var(--focus-color);box-shadow:0 0 0 0 var(--focus-color);opacity:.5}to{background-color:var(--focus-color);box-shadow:0 0 0 2.5rem var(--focus-color);opacity:0}}

package/src/components/checkbox/styles/checkbox.css

@@ -32,7 +32,7 @@
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-u78r1wn {
+@keyframes jkl-checkbox-checked-uw60p9t {
   0% {
     width: 0;
     height: 0;
@@ -46,7 +46,7 @@
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-u78r1xc {
+@keyframes jkl-checkbox-indeterminate-uw60pa1 {
   0% {
     width: 0;
   }
@@ -74,11 +74,11 @@
   top: -6px;
 }
 .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
-  animation: jkl-checkbox-checked-u78r1wn 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-uw60p9t 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
-  animation: jkl-checkbox-indeterminate-u78r1xc 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-uw60pa1 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {

package/src/components/checkbox/styles/checkbox.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-u78r1wn{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-u78r1xc{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-u78r1wn .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-u78r1xc .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-uw60p9t{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-uw60pa1{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-uw60p9t .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-uw60pa1 .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{--background-color:var(--jkl-color-background-input-focus);outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__label:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;box-sizing:border-box;flex-shrink:0;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);margin-inline-end:var(--jkl-spacing-8);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:1.5rem}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}

package/src/components/description-list/styles/_index.scss

@@ -0,0 +1 @@
+@forward "description-list";

package/src/components/description-list/styles/description-list.css

@@ -0,0 +1,42 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 Sep 2024 08:51:40 GMT
+ */
+.jkl-description-list__term {
+  font-weight: 700;
+  margin-bottom: 0.25rem;
+}
+.jkl-description-list__term:not(:first-child) {
+  margin-top: 0.75rem;
+}
+.jkl-description-list__detail {
+  margin-left: 0;
+}
+.jkl-description-list__detail + .jkl-description-list__detail {
+  margin-top: 0.25rem;
+}
+@media (min-width: 680px) {
+  .jkl-description-list {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-columns: fit-content(40%) 1fr;
+  }
+  .jkl-description-list .jkl-description-list__term {
+    grid-column-start: 1;
+    margin: 0;
+    overflow-wrap: break-word;
+  }
+  .jkl-description-list .jkl-description-list__term:not(:first-of-type) {
+    margin-top: 0.5rem;
+  }
+  .jkl-description-list .jkl-description-list__detail {
+    margin-left: 1.5rem;
+    grid-column-start: 2;
+  }
+  .jkl-description-list .jkl-description-list__detail + .jkl-description-list__detail {
+    margin-top: 0.5rem;
+  }
+  .jkl-description-list .jkl-description-list__term + .jkl-description-list__detail:not(:first-of-type) {
+    margin-top: 0.5rem;
+  }
+}

package/src/components/description-list/styles/description-list.min.css

@@ -0,0 +1 @@
+.jkl-description-list__term{font-weight:700;margin-bottom:.25rem}.jkl-description-list__term:not(:first-child){margin-top:.75rem}.jkl-description-list__detail{margin-left:0}.jkl-description-list__detail+.jkl-description-list__detail{margin-top:.25rem}@media (min-width:680px){.jkl-description-list{display:grid;grid-template-columns:auto 1fr;grid-template-columns:fit-content(40%) 1fr}.jkl-description-list .jkl-description-list__term{grid-column-start:1;margin:0;overflow-wrap:break-word}.jkl-description-list .jkl-description-list__term:not(:first-of-type){margin-top:.5rem}.jkl-description-list .jkl-description-list__detail{grid-column-start:2;margin-left:1.5rem}.jkl-description-list .jkl-description-list__detail+.jkl-description-list__detail,.jkl-description-list .jkl-description-list__term+.jkl-description-list__detail:not(:first-of-type){margin-top:.5rem}}

package/src/components/description-list/styles/description-list.scss

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+@use "../../../core/jkl";
+
+@mixin _horizontal-list {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-columns: fit-content(40%) 1fr;
+
+    .jkl-description-list__term {
+        grid-column-start: 1;
+        margin: 0;
+        overflow-wrap: break-word;
+
+        &:not(:first-of-type) {
+            margin-top: jkl.$spacing-xs;
+        }
+    }
+
+    .jkl-description-list__detail {
+        margin-left: jkl.$spacing-l;
+        grid-column-start: 2;
+    }
+
+    .jkl-description-list__detail + .jkl-description-list__detail {
+        margin-top: jkl.$spacing-xs;
+    }
+
+    .jkl-description-list__term + .jkl-description-list__detail {
+        &:not(:first-of-type) {
+            margin-top: jkl.$spacing-xs;
+        }
+    }
+}
+
+.jkl-description-list {
+    &__term {
+        font-weight: jkl.$typography-weight-bold;
+        margin-bottom: jkl.$spacing-2xs;
+
+        &:not(:first-child) {
+            margin-top: jkl.$spacing-s;
+        }
+    }
+
+    &__detail {
+        margin-left: 0;
+    }
+
+    &__detail + &__detail {
+        margin-top: jkl.$spacing-2xs;
+    }
+
+    @include jkl.from-medium-device {
+        @include _horizontal-list;
+    }
+}

package/src/components/expander/styles/_index.scss

@@ -0,0 +1 @@
+@forward "expander";

package/src/components/expander/styles/expander.css

@@ -0,0 +1,80 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 23 Sep 2024 08:51:40 GMT
+ */
+.jkl-expander {
+  --color: var(--jkl-color-text-interactive);
+  list-style: none;
+  background-color: transparent;
+  cursor: pointer;
+  color: var(--color);
+  padding: 0;
+  transition: transform 100ms cubic-bezier(0.6, 0.2, 0.35, 1), border 100ms cubic-bezier(0.6, 0.2, 0.35, 1);
+  min-width: unset;
+  position: relative;
+  outline: 0;
+  border-style: none;
+  outline-style: none;
+}
+.jkl-expander:active, .jkl-expander:hover, .jkl-expander:focus {
+  outline: 0;
+  outline-style: none;
+}
+@media screen and (forced-colors: active) {
+  .jkl-expander {
+    outline: revert;
+    border-style: revert;
+    outline-style: revert;
+  }
+  .jkl-expander:active, .jkl-expander:hover, .jkl-expander:focus {
+    outline: revert;
+    outline-style: revert;
+  }
+}
+.jkl-expander::-webkit-details-marker {
+  display: none;
+}
+.jkl-expander:focus-visible {
+  border: none;
+  outline: 2px solid var(--jkl-color-border-action);
+  outline-offset: 2px;
+}
+.jkl-expander:focus-visible .jkl-expander__arrow {
+  transform: translateY(0.1875rem);
+}
+.jkl-expander:focus-visible, .jkl-expander:hover {
+  --color: var(--jkl-color-text-interactive-hover);
+}
+.jkl-expander--expanded {
+  --jkl-icon-weight: 500;
+  font-weight: 700;
+  letter-spacing: -0.014em;
+}
+.jkl-expander--icon-only .jkl-expander__arrow {
+  margin: 0.25rem 0.5rem;
+}
+.jkl-expander .jkl-expander__arrow {
+  transition-property: transform;
+  display: inline-block;
+  margin-left: 0.125rem;
+  margin-bottom: -0.15em;
+  transition-timing-function: ease;
+  transition-duration: 150ms;
+}
+@media screen and (forced-colors: active) {
+  .jkl-expander, .jkl-expander::after {
+    border-top-style: none;
+    border-right-style: none;
+    border-left-style: none;
+  }
+}
+
+.jkl-expand-section__content-wrapper {
+  transition-property: height;
+  transition-timing-function: ease;
+  transition-duration: 150ms;
+}
+.jkl-expand-section__content {
+  height: auto;
+  padding: 1rem 0 2.5rem 0;
+}

package/src/components/expander/styles/expander.min.css

@@ -0,0 +1 @@
+.jkl-expander{--color:var(--jkl-color-text-interactive);background-color:initial;border-style:none;color:var(--color);cursor:pointer;list-style:none;min-width:unset;padding:0;position:relative;transition:transform .1s cubic-bezier(.6,.2,.35,1),border .1s cubic-bezier(.6,.2,.35,1)}.jkl-expander,.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-expander{border-style:revert}.jkl-expander,.jkl-expander:active,.jkl-expander:focus,.jkl-expander:hover{outline:revert;outline-style:revert}}.jkl-expander::-webkit-details-marker{display:none}.jkl-expander:focus-visible{border:none;outline:2px solid var(--jkl-color-border-action);outline-offset:2px}.jkl-expander:focus-visible .jkl-expander__arrow{transform:translateY(.1875rem)}.jkl-expander:focus-visible,.jkl-expander:hover{--color:var(--jkl-color-text-interactive-hover)}.jkl-expander--expanded{--jkl-icon-weight:500;font-weight:700;letter-spacing:-.014em}.jkl-expander--icon-only .jkl-expander__arrow{margin:.25rem .5rem}.jkl-expander .jkl-expander__arrow{display:inline-block;margin-bottom:-.15em;margin-left:.125rem;transition-duration:.15s;transition-property:transform;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-expander,.jkl-expander:after{border-left-style:none;border-right-style:none;border-top-style:none}}.jkl-expand-section__content-wrapper{transition-duration:.15s;transition-property:height;transition-timing-function:ease}.jkl-expand-section__content{height:auto;padding:1rem 0 2.5rem}

package/src/components/expander/styles/expander.scss

@@ -0,0 +1,84 @@
+@charset "UTF-8";
+@use "../../../core/jkl";
+
+@mixin _expanded-arrow($px) {
+    .jkl-expander__arrow {
+        transform: translateY(jkl.rem($px));
+    }
+}
+
+.jkl-expander {
+    --color: var(--jkl-color-text-interactive);
+
+    $_animation-timing: jkl.timing("snappy") jkl.easing("focus");
+    $_focus-ring-width: jkl.rem(2px);
+    list-style: none;
+
+    background-color: transparent;
+    cursor: pointer;
+    color: var(--color);
+    padding: 0;
+    transition: transform $_animation-timing, border $_animation-timing;
+    min-width: unset;
+    position: relative;
+
+    @include jkl.reset-outline;
+
+    &::-webkit-details-marker {
+        display: none;
+    }
+
+    &:focus-visible {
+        border: none;
+
+        @include jkl.focus-outline;
+        @include _expanded-arrow(3px);
+    }
+
+    &:focus-visible,
+    &:hover {
+        --color: var(--jkl-color-text-interactive-hover);
+    }
+
+    &--expanded {
+        @include jkl.no-grow-bold;
+    }
+
+    &--icon-only {
+        .jkl-expander__arrow {
+            margin: jkl.$spacing-4 jkl.$spacing-8;
+        }
+    }
+
+    // Bevisst nøstet for høyere specificity enn icons uavhengig av importrekkefølge.
+    .jkl-expander__arrow {
+        transition-property: transform;
+
+        display: inline-block;
+        margin-left: jkl.$spacing-2;
+        margin-bottom: -0.15em;
+
+        @include jkl.motion;
+    }
+
+    @include jkl.forced-colors-mode {
+        &,
+        &::after {
+            border-top-style: none;
+            border-right-style: none;
+            border-left-style: none;
+        }
+    }
+}
+
+.jkl-expand-section {
+    &__content-wrapper {
+        transition-property: height;
+        @include jkl.motion;
+    }
+
+    &__content {
+        height: auto;
+        padding: jkl.$spacing-16 0 jkl.$spacing-40 0;
+    }
+}

package/src/components/feedback/styles/feedback.css

@@ -2,7 +2,7 @@
  * Do not edit directly
  * Generated on Mon, 23 Sep 2024 08:51:40 GMT
  */
-@keyframes jkl-show-uzb5662 {
+@keyframes jkl-show-ua061pt {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -37,7 +37,7 @@
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-uzb5662 0.25s ease-out;
+  animation: jkl-show-ua061pt 0.25s ease-out;
 }
 
 .jkl-feedback-smileys {

package/src/components/feedback/styles/feedback.min.css

@@ -1 +1 @@
-@keyframes jkl-show-uzb5662{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-uzb5662 .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}
+@keyframes jkl-show-ua061pt{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:1rem;--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-ua061pt .25s ease-out}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}

package/src/components/input-group/styles/_field-group.scss

@@ -0,0 +1,5 @@
+@use "../../../core/jkl";
+
+.jkl-field-group {
+    @include jkl.reset-outline;
+}

package/src/components/input-group/styles/_index.scss

@@ -0,0 +1 @@
+@forward "input-group";