@dnb/eufemia 10.7.0 → 10.9.0

package/cjs/style/themes/theme-ui/ui-theme-tags.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a.focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a.focus-visible,.dnb-section .dnb-core-style a.focus-visible.dnb-anchor{text-decoration:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{text-decoration:none}.dnb-core-style a:hover{border-radius:.25em}.dnb-core-style a:hover,.dnb-section .dnb-core-style a:hover.dnb-anchor{text-decoration:none}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{text-decoration:none}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:3em;left:1.5rem;position:absolute;top:2rem;width:3em}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:3rem;padding-left:6rem;padding-top:2rem}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:3rem;padding-left:1.5rem;padding-top:6rem}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-core-style code{text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);color:var(--color-sea-green)}.dnb-core-style a:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-mint-green-50),-.125em 0 0 0 var(--color-mint-green-50),.125em 0 0 0 var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-core-style a:active{box-shadow:inset 100vw 100vw 0 0 var(--color-emerald-green),-.125em 0 0 0 var(--color-emerald-green),.125em 0 0 0 var(--color-emerald-green);color:var(--color-mint-green)}.dnb-core-style a.focus-visible{color:var(--color-sea-green)}.dnb-core-style a:focus-visible{color:var(--color-sea-green)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}
+@charset "UTF-8";.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,h1,h2,h3,h4,h5,h6{color:var(--theme-color-black-80,currentColor)}.dnb-core-style .dnb-h--basis,.dnb-core-style .dnb-h--large,.dnb-core-style .dnb-h--medium,.dnb-core-style .dnb-h--small,.dnb-core-style .dnb-h--x-large,.dnb-core-style .dnb-h--x-small,.dnb-core-style .dnb-h--xx-large,.dnb-core-style .dnb-lead,.dnb-h--basis,.dnb-h--large,.dnb-h--medium,.dnb-h--small,.dnb-h--x-large,.dnb-h--x-small,.dnb-h--xx-large,.dnb-lead,.dnb-p,.dnb-small,.dnb-table,b,h1,h2,h3,h4,h5,h6,p,small,strong,sub,sup{--typography-h-xx-large-small-line-height:var(--line-height-large);--typography-h-x-large-line-height:var(--line-height-large);--typography-h-x-large-small-font-size:var(--font-size-x-large);--typography-h-large-line-height:var(--line-height-medium);--typography-h-large-small-line-height:calc(var(--line-height-medium) - 0.125rem);--typography-lead-small-font-size:var(--font-size-basis);--typography-lead-small-line-height:var(--line-height-basis);--typography-h-medium-line-height:var(--line-height-lead);--typography-h-small-small-line-height:var(--line-height-small)}.dnb-core-style a{border-radius:0;display:inline;font-size:var(--font-size-basis);padding:.05575em 0;text-decoration:underline;-webkit-text-decoration-color:currentcolor;text-decoration-color:currentcolor;text-decoration-thickness:var(--anchor-underline-thickness);text-underline-offset:.25em;transition:box-shadow .2s ease-in-out,border-radius .2s ease-in-out,background .2s ease-in-out}sub .dnb-core-style a,sup .dnb-core-style a{padding:0 .025em}.dnb-h--basis .dnb-core-style a,.dnb-h--large .dnb-core-style a,.dnb-h--medium .dnb-core-style a,.dnb-h--small .dnb-core-style a,.dnb-h--x-large .dnb-core-style a,.dnb-h--x-small .dnb-core-style a,.dnb-h--xx-large .dnb-core-style a,.dnb-lead .dnb-core-style a,.dnb-p .dnb-core-style a{font-size:inherit}.dnb-core-style a.focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a:focus-visible{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);outline:none;transition:none}.dnb-core-style a.focus-visible,.dnb-section .dnb-core-style a.focus-visible.dnb-anchor{text-decoration:none}.dnb-core-style a:focus-visible,.dnb-section .dnb-core-style a:focus-visible.dnb-anchor{text-decoration:none}.dnb-core-style a:hover{border-radius:.25em}.dnb-core-style a:hover,.dnb-section .dnb-core-style a:hover.dnb-anchor{text-decoration:none}.dnb-core-style a:active{border-radius:.25em}.dnb-core-style a:active,.dnb-section .dnb-core-style a:active.dnb-anchor{text-decoration:none}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon){background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiMwMDcyNzIiLz48L3N2Zz4=");background-size:0;position:relative}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{background-image:inherit;background-size:cover;color:inherit;content:"";display:inline-block;height:.889em;margin-left:.3em;margin-right:.125em;position:relative;transform-origin:bottom;transition:transform .3s ease-out,filter 1s ease-in-out;width:.889em}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):active{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBhLjc1Ljc1IDAgMCAwIDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwIDAgMTUgMHYuNzV6bS0uNzUgNGEuNzUuNzUgMCAwIDAgMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMCAwLTEuNSAwaDEuNXptLS43NSA2LjVWMTZjLjQxIDAgLjc1LS4zNC43NS0uNzVIMTV6bS0xNCAwSC4yNWMwIC40MS4zNC43NS43NS43NXYtLjc1ek0xIC43NVYwYS43NS43NSAwIDAgMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwIDAgMC0xLjV2MS41em0yLjcyIDMuNzJhLjc1Ljc1IDAgMCAwIDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4IDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiIGZpbGw9IiNhNWUxZDIiLz48L3N2Zz4=")}.dnb-core-style a[target=_blank]:not(:empty):not(.dnb-anchor--no-icon):after{top:.125em}[data-visual-test-wrapper] .dnb-core-style a{transition:none}.dnb-core-style a .dnb-icon{display:inline-block;transform:translateY(-.0625em)}.dnb-core-style img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure{align-items:center;display:inline-flex;flex-direction:column;padding:0;text-align:center}.dnb-core-style figure:not([class*=dnb-space]){margin:0}.dnb-core-style figure figcaption,.dnb-core-style figure img{font-size:var(--font-size-basis)}.dnb-core-style figure img{border-radius:inherit;border-style:none;box-sizing:content-box;max-width:100%;position:relative;z-index:2}.dnb-core-style figure img[alt]:after{align-items:center;border-radius:inherit;content:attr(alt);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.dnb-core-style figure figcaption{margin-top:.5rem}.dnb-core-style blockquote{--blockquote-padding-top:2rem;--blockquote-padding-left:1.5rem;--blockquote-padding-bottom:3rem;--blockquote-quote-size:3rem;--blockquote-quote-padding:6rem;--blockquote-cite-style:italic;border-radius:1rem;display:inline-block;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:1.5rem;position:relative;width:auto}.dnb-core-style blockquote:not([class*=dnb-space]){margin:0}.dnb-core-style blockquote:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0E1RTFEMiIgc3Ryb2tlPSIjQTVFMUQyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMzcuNSAyNy41YTkgOSAwIDEgMCAwLTE4IDkgOSAwIDAgMCAwIDE4eiIvPjxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQ2LjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz48cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0yMi41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz48L3N2Zz4=");background-size:cover;content:"";height:var(--blockquote-quote-size);left:var(--blockquote-padding-left);position:absolute;top:var(--blockquote-padding-top);width:var(--blockquote-quote-size)}.dnb-core-style blockquote,.dnb-core-style blockquote.dnb-blockquote--left{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-quote-padding);padding-top:var(--blockquote-padding-top)}.dnb-core-style blockquote.dnb-blockquote--top{padding-bottom:var(--blockquote-padding-bottom);padding-left:var(--blockquote-padding-left);padding-top:var(--blockquote-quote-padding)}.dnb-core-style blockquote.dnb-blockquote--no-background{background-color:transparent}.dnb-core-style blockquote .dnb-cite,.dnb-core-style blockquote .dnb-figcaption,.dnb-core-style blockquote cite,.dnb-core-style blockquote figcaption,.dnb-core-style blockquote footer{display:block;font-style:var(--blockquote-cite-style);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-top:1rem}.dnb-core-style blockquote .dnb-cite:before,.dnb-core-style blockquote .dnb-figcaption:before,.dnb-core-style blockquote cite:before,.dnb-core-style blockquote figcaption:before,.dnb-core-style blockquote footer:before{content:"—";display:inline-block;padding-right:.5rem}.dnb-spacing .dnb-core-style blockquote .dnb-h--large,.dnb-spacing .dnb-core-style blockquote .dnb-h--medium,.dnb-spacing .dnb-core-style blockquote .dnb-h--xx-large,.dnb-spacing .dnb-core-style blockquote .dnb-lead,.dnb-spacing .dnb-core-style blockquote h1,.dnb-spacing .dnb-core-style blockquote h2,.dnb-spacing .dnb-core-style blockquote h3{margin:0}.dnb-core-style blockquote .dnb-anchor{font-size:inherit}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing blockquote:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing blockquote p:last-child{margin-bottom:0}.dnb-core-style hr{border:0;display:flex;height:0;padding:0;position:relative}.dnb-core-style hr:not([class*=dnb-space]){margin:0}.dnb-core-style hr:after{background-color:currentcolor;border-radius:.5px;color:inherit;content:"";height:1px;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing hr:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style p{font-size:var(--font-size-basis);padding:0}.dnb-core-style p:not([class*=space__top]){margin-top:0}.dnb-core-style p:not([class*=space__bottom]){margin-bottom:0}.dnb-core-style p--lead{font-size:var(--typography-lead-font-size);font-weight:var(--typography-lead-weight);line-height:var(--typography-lead-line-height)}.dnb-core-style p--lead>small{font-size:var(--typography-lead-small-font-size);line-height:var(--typography-lead-small-line-height)}.dnb-core-style p b,.dnb-core-style p strong,.dnb-core-style p--medium{font-weight:var(--font-weight-medium)}.dnb-core-style p--bold{font-weight:var(--font-weight-bold)}.dnb-core-style p__size--xx-large{font-size:var(--font-size-xx-large);line-height:var(--line-height-xx-large)}.dnb-core-style p__size--x-large{font-size:var(--font-size-x-large);line-height:var(--line-height-x-large)}.dnb-core-style p__size--large{font-size:var(--font-size-large);line-height:var(--line-height-large)}.dnb-core-style p__size--basis{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-core-style p__size--medium{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.dnb-core-style p--small,.dnb-core-style p>small,.dnb-core-style p__size--small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.dnb-core-style p--x-small,.dnb-core-style p__size--x-small{font-size:var(--font-size-x-small);line-height:var(--line-height-x-small)}.dnb-core-style p>cite{font-style:italic;font-weight:var(--font-weight-medium);line-height:var(--line-height-basis)}.dnb-core-style b,.dnb-core-style strong{font-weight:var(--font-weight-bold)}.dnb-core-style small{font-size:var(--font-size-small)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6{font-family:var(--typography-h-default-font-family);padding:0}.dnb-core-style h1:not([class*=dnb-space]),.dnb-core-style h2:not([class*=dnb-space]),.dnb-core-style h3:not([class*=dnb-space]),.dnb-core-style h4:not([class*=dnb-space]),.dnb-core-style h5:not([class*=dnb-space]),.dnb-core-style h6:not([class*=dnb-space]){margin:0}.dnb-core-style h1 .dnb-icon--default,.dnb-core-style h2 .dnb-icon--default,.dnb-core-style h3 .dnb-icon--default,.dnb-core-style h4 .dnb-icon--default,.dnb-core-style h5 .dnb-icon--default,.dnb-core-style h6 .dnb-icon--default{font-size:1em}.dnb-core-style h1 .dnb-icon--medium,.dnb-core-style h2 .dnb-icon--medium,.dnb-core-style h3 .dnb-icon--medium,.dnb-core-style h4 .dnb-icon--medium,.dnb-core-style h5 .dnb-icon--medium,.dnb-core-style h6 .dnb-icon--medium{font-size:1.5em}.dnb-core-style h1 .dnb-anchor,.dnb-core-style h1 a,.dnb-core-style h2 .dnb-anchor,.dnb-core-style h2 a,.dnb-core-style h3 .dnb-anchor,.dnb-core-style h3 a,.dnb-core-style h4 .dnb-anchor,.dnb-core-style h4 a,.dnb-core-style h5 .dnb-anchor,.dnb-core-style h5 a,.dnb-core-style h6 .dnb-anchor,.dnb-core-style h6 a{padding-bottom:.03125rem;padding-top:0}.dnb-core-style h1{font-size:var(--typography-h-xx-large-font-size);font-weight:var(--typography-h-xx-large-weight);line-height:var(--typography-h-xx-large-line-height)}.dnb-core-style h1>small{display:block;font-size:var(--typography-h-xx-large-small-font-size);line-height:var(--typography-h-xx-large-small-line-height)}.dnb-core-style h2{font-size:var(--typography-h-large-font-size);font-weight:var(--typography-h-large-weight);line-height:var(--typography-h-large-line-height)}.dnb-core-style h2>small{font-size:var(--typography-h-large-small-font-size);line-height:var(--typography-h-large-small-line-height)}.dnb-core-style h3{font-size:var(--typography-h-medium-font-size);font-weight:var(--typography-h-medium-weight);line-height:var(--typography-h-medium-line-height)}.dnb-core-style h3>small{font-size:var(--typography-h-medium-small-font-size);line-height:var(--typography-h-medium-small-line-height)}.dnb-core-style h4{font-family:var(--typography-h-basis-font-family);font-size:var(--typography-h-basis-font-size);font-weight:var(--typography-h-basis-weight);line-height:var(--typography-h-basis-line-height)}.dnb-core-style h4>small{font-size:var(--typography-h-basis-small-font-size);line-height:var(--typography-h-basis-small-line-height)}.dnb-core-style h5{font-family:var(--typography-h-small-font-family);font-size:var(--typography-h-small-font-size);font-weight:var(--typography-h-small-weight);line-height:var(--typography-h-small-line-height)}.dnb-core-style h5>small{font-size:var(--typography-h-small-small-font-size);line-height:var(--typography-h-small-small-line-height)}.dnb-core-style h6{font-family:var(--typography-h-x-small-font-family);font-size:var(--typography-h-x-small-font-size);font-weight:var(--typography-h-x-small-weight);line-height:var(--typography-h-x-small-line-height)}.dnb-core-style h2>small,.dnb-core-style h3>small,.dnb-core-style h4>small,.dnb-core-style h5>small,.dnb-core-style h6>small{line-height:var(--line-height-xx-small--em)}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__top]),.dnb-core-style .dnb-spacing h1:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h1:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h1:not([class*=space__bottom]){margin-bottom:2.5rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__top]),.dnb-core-style .dnb-spacing h2:not([class*=space__top]){margin-top:3rem}.dnb-core-style .dnb-core-style .dnb-spacing h2:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h2:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__top]),.dnb-core-style .dnb-spacing h3:not([class*=space__top]),.dnb-core-style .dnb-spacing h4:not([class*=space__top]),.dnb-core-style .dnb-spacing h5:not([class*=space__top]),.dnb-core-style .dnb-spacing h6:not([class*=space__top]){margin-top:2rem}.dnb-core-style .dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-core-style .dnb-spacing h6:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h3:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h4:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h5:not([class*=space__bottom]),.dnb-core-style .dnb-spacing h6:not([class*=space__bottom]){margin-bottom:1rem}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]),.dnb-core-style .dnb-spacing p:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style ul{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ul:not([class*=dnb-space]){margin:0}.dnb-core-style ul:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ul ol,.dnb-core-style ul ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ul li,.dnb-core-style ul--outside li{position:relative}.dnb-core-style ul li:before,.dnb-core-style ul--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ul--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ul .dnb-anchor{font-size:inherit}.dnb-core-style ul li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ul:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ul>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ul>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ul li>ol,.dnb-core-style .dnb-spacing ul li>ul,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ul:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style ol{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style ol:not([class*=dnb-space]){margin:0}.dnb-core-style ol:not([class*=dnb-space__left]){padding-left:2rem}.dnb-core-style ol li{display:list-item;margin-bottom:.5rem;margin-top:.5rem}.dnb-core-style ol ol,.dnb-core-style ol ul{margin-bottom:1.5rem;margin-top:0;padding-left:2rem}.dnb-core-style ol li,.dnb-core-style ol--outside li{position:relative}.dnb-core-style ol li:before,.dnb-core-style ol--outside li:before{left:-10rem;padding-right:.25rem;position:absolute;text-align:right;width:10rem}.dnb-core-style ol--inside li:before{left:0;padding-right:0;position:relative;text-align:initial;width:auto}.dnb-core-style ol .dnb-anchor{font-size:inherit}.dnb-core-style ol li{list-style-type:decimal}.dnb-core-style ol--nested,.dnb-core-style ol--nested ol{counter-reset:item}.dnb-core-style ol--nested li{display:block}.dnb-core-style ol--nested li:before{content:counters(item,".") ". ";counter-increment:item}.dnb-core-style ol--nested li li:before{content:counters(item,".") " ";counter-increment:item}.dnb-core-style ol[type] li{display:list-item;list-style-type:inherit}.dnb-core-style ol[type] li li:before,.dnb-core-style ol[type] li:before{content:none}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing ol:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style .dnb-spacing ol>li{margin-bottom:1rem;margin-top:1rem}.dnb-core-style .dnb-spacing ol>li>p{margin-top:1rem}.dnb-core-style .dnb-spacing ol li>ol,.dnb-core-style .dnb-spacing ol li>ul,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ol,.dnb-core-style .dnb-spacing ol:not([class*=dnb-space]) li>ul{margin-top:-.5rem}.dnb-core-style dl{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding:0}.dnb-core-style dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style dl:not([class*=dnb-space__bottom]){margin-bottom:0}.dnb-core-style dl dt{font-weight:var(--font-weight-medium);margin-top:1rem;padding:0}.dnb-core-style dl dd~dt{margin-top:1.5rem}.dnb-core-style dl dd{margin:.5rem 0 1rem;padding:0}.dnb-core-style dl:not([class*=dnb-space])>dd>dl,.dnb-core-style dl>dd>dl{margin-left:2rem;margin-top:1.5rem}@media screen and (min-width:40em){.dnb-core-style dl__direction--horizontal{display:flex;flex-wrap:wrap}.dnb-core-style dl__direction--horizontal dt{margin-right:1rem;max-width:40%}.dnb-core-style dl__direction--horizontal dd{width:calc(60% - 1rem)}.dnb-core-style dl__direction--horizontal dd,.dnb-core-style dl__direction--horizontal dd~dt,.dnb-core-style dl__direction--horizontal dt{margin-bottom:0;margin-top:.5rem}.dnb-core-style dl__direction--horizontal dd:first-of-type,.dnb-core-style dl__direction--horizontal dd~dt:first-of-type,.dnb-core-style dl__direction--horizontal dt:first-of-type{margin-top:0}.dnb-core-style dl dd.dnb-core-style dl__item{flex-basis:100%;height:0;margin:0}}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style .dnb-spacing dl:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style label{cursor:pointer;overflow-wrap:break-word}.dnb-core-style label[disabled]{cursor:not-allowed}.dnb-core-style code{border-radius:.1875em;color:inherit;display:inline-block;font-size:inherit;line-height:var(--line-height-xx-small--em);padding:.25em;text-decoration:inherit}del .dnb-core-style code{text-decoration:line-through}.dnb-core-style code:not([class*=dnb-space]){margin:-.25em 0}.dnb-core-style pre{word-wrap:normal;border-radius:.5rem;display:block;font-family:var(--font-family-monospace);font-size:inherit;-webkit-hyphens:none;hyphens:none;outline:none;overflow:auto;padding:1rem;-moz-tab-size:2;tab-size:2;text-align:left;text-shadow:none;vertical-align:baseline;white-space:pre;word-break:normal;word-spacing:normal}.dnb-core-style pre:not([class*=dnb-space]){margin:0}.dnb-core-style pre pre{padding:1rem}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__top]){margin-top:0}.dnb-core-style pre .dnb-spacing pre:not([class*=dnb-space__bottom]){margin-bottom:1.5rem}.dnb-core-style a{--theme-color-black-80:var(--color-sea-green);color:var(--color-sea-green)}.dnb-core-style a:hover{box-shadow:inset 100vw 100vw 0 0 var(--color-mint-green-50),-.125em 0 0 0 var(--color-mint-green-50),.125em 0 0 0 var(--color-mint-green-50);color:var(--color-sea-green)}.dnb-core-style a:active{box-shadow:inset 100vw 100vw 0 0 var(--color-emerald-green),-.125em 0 0 0 var(--color-emerald-green),.125em 0 0 0 var(--color-emerald-green);color:var(--color-mint-green)}.dnb-core-style a.focus-visible{color:var(--color-sea-green)}.dnb-core-style a:focus-visible{color:var(--color-sea-green)}.dnb-core-style h1,.dnb-core-style h2,.dnb-core-style h3,.dnb-core-style h4,.dnb-core-style h5,.dnb-core-style h6,.dnb-core-style p{color:var(--theme-color-black-80,currentColor)}.dnb-core-style img[alt]:after{background-color:var(--color-black-8);color:var(--color-black-80)}

package/cjs/style/themes/theme-ui/ui-theme-tags.scss

@@ -15,11 +15,16 @@
 
 // Import themes
 @use '../../../components/anchor/style/themes/dnb-anchor-theme-ui.scss'
-  with ($useClasses: false);
+  with (
+  $useClasses: false
+);
 @use '../../../elements/typography/style/themes/dnb-typography-theme-ui.scss'
-  with ($useClasses: false);
-@use '../../../elements/img/style/themes/dnb-img-theme-ui.scss' with
-  ($useClasses: false);
+  with (
+  $useClasses: false
+);
+@use '../../../elements/img/style/themes/dnb-img-theme-ui.scss' with (
+  $useClasses: false
+);
 
 .dnb-core-style {
   // div

package/components/accordion/Accordion.d.ts

@@ -234,7 +234,7 @@ declare namespace Accordion {
     var Header: {
         ({ icon_size: icon_size_default, ...restOfProps }: import("./AccordionHeader").AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
         Container: ({ children, ...rest }: import("./AccordionHeader").AccordionHeaderContainerProps) => import("react/jsx-runtime").JSX.Element;
-        Icon: ({ icon, expanded, size, }: import("./AccordionHeader").AccordionHeaderIconProps) => import("react/jsx-runtime").JSX.Element;
+        Icon: ({ icon, expanded, size, icon_position, }: import("./AccordionHeader").AccordionHeaderIconProps) => import("react/jsx-runtime").JSX.Element;
         Title: ({ children, ...rest }: import("./AccordionHeader").AccordionHeaderTitleProps) => import("react/jsx-runtime").JSX.Element;
         Description: ({ children, ...rest }: import("./AccordionHeader").AccordionHeaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
     };

package/components/accordion/AccordionHeader.d.ts

@@ -4,11 +4,10 @@
  */
 import React from 'react';
 import type { SpacingProps } from '../space/types';
-import type { ButtonIconPosition } from '../Button';
 import type { HeadingLevel } from '../Heading';
 import type { IconSize } from '../Icon';
 import type { SkeletonShow } from '../Skeleton';
-import type { AccordionIcon } from './Accordion';
+import type { AccordionIcon, AccordionIconPosition } from './Accordion';
 export type AccordionHeaderTitleProps = SpacingProps & {
     children?: React.ReactNode;
 };
@@ -29,8 +28,9 @@ export type AccordionHeaderIconProps = {
     icon?: AccordionHeaderIconIcon;
     size?: IconSize;
     expanded?: boolean;
+    icon_position?: AccordionIconPosition;
 };
-declare function AccordionHeaderIcon({ icon, expanded, size, }: AccordionHeaderIconProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionHeaderIcon({ icon, expanded, size, icon_position, }: AccordionHeaderIconProps): import("react/jsx-runtime").JSX.Element;
 export type AccordionHeaderTitle = string | React.ReactNode | ((...args: any[]) => any);
 export type AccordionHeaderDescription = string | React.ReactNode | ((...args: any[]) => any);
 export type AccordionHeaderLeftComponent = string | React.ReactNode | ((...args: any[]) => any);
@@ -49,7 +49,7 @@ export type AccordionHeaderProps = React.HTMLProps<HTMLElement> & SpacingProps &
     heading?: AccordionHeaderHeading;
     heading_level?: HeadingLevel;
     icon?: AccordionIcon;
-    icon_position?: ButtonIconPosition;
+    icon_position?: AccordionIconPosition;
     icon_size?: IconSize;
     disabled?: boolean;
     skeleton?: SkeletonShow;

package/components/accordion/AccordionHeader.js

@@ -9,6 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useState } from 'react';
 import { validateDOMAttributes, extendPropsWithContext } from '../../shared/component-helper';
+import { useTheme } from '../../shared';
 import IconPrimary from '../icon-primary/IconPrimary';
 import classnames from 'classnames';
 import AccordionContext from './AccordionContext';
@@ -42,16 +43,27 @@ function AccordionHeaderContainer(_ref3) {
   }, children) : null;
 }
 function AccordionHeaderIcon(_ref4) {
+  var _icon2;
   let {
     icon,
     expanded,
-    size = 'medium'
+    size = 'medium',
+    icon_position
   } = _ref4;
+  const theme = useTheme();
+  let animateIcon = true;
+  if (!icon && (theme === null || theme === void 0 ? void 0 : theme.name) === 'sbanken') {
+    animateIcon = false;
+    icon = {
+      expanded: 'subtract-medium',
+      closed: 'add-medium'
+    };
+  }
   return React.createElement("span", {
-    className: "dnb-accordion__header__icon"
+    className: classnames('dnb-accordion__header__icon', !animateIcon && 'dnb-accordion__header__icon--no-animation', icon_position && `dnb-accordion__header__icon--${icon_position}`)
   }, React.createElement(IconPrimary, {
     size: size,
-    icon: icon && typeof icon === 'object' && 'expanded' in icon && typeof (icon === null || icon === void 0 ? void 0 : icon.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
+    icon: icon && typeof icon === 'object' && 'expanded' in icon && typeof ((_icon2 = icon) === null || _icon2 === void 0 ? void 0 : _icon2.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
     "aria-hidden": true
   }));
 }
@@ -142,7 +154,8 @@ export const AccordionHeader = _ref5 => {
     key: "icon",
     icon: icon,
     size: icon_size,
-    expanded: context.expanded
+    expanded: context.expanded,
+    icon_position: icon_position
   }), React.createElement(AccordionHeaderContainer, {
     key: "container"
   }, left_component), React.createElement(AccordionHeaderTitle, {
@@ -199,7 +212,7 @@ export const AccordionHeader = _ref5 => {
     'aria-expanded': context.expanded,
     role: 'button',
     tabIndex: 0,
-    className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header__icon--${icon_position}`, isHoverring && hasClicked && 'dnb-accordion--hover', !canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
+    className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header--icon-${icon_position}`, isHoverring && hasClicked && 'dnb-accordion--hover', !canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
     disabled
   }, rest);
   if (disabled || skeleton) {

package/components/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","_ref4","icon","expanded","size","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref5","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHoverring","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","icon_position","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n}: AccordionHeaderIconProps) {\n  return (\n    <span className=\"dnb-accordion__header__icon\">\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: ButtonIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHoverring, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header__icon--${icon_position}`,\n      isHoverring && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nexport default AccordionHeader\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","useTheme","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","_ref4","_icon2","icon","expanded","size","icon_position","theme","animateIcon","name","closed","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref5","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHoverring","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { useTheme } from '../../shared'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon, AccordionIconPosition } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n  icon_position?: AccordionIconPosition\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n  icon_position,\n}: AccordionHeaderIconProps) {\n  const theme = useTheme()\n  let animateIcon = true\n  if (!icon && theme?.name === 'sbanken') {\n    animateIcon = false\n    icon = {\n      expanded: 'subtract-medium',\n      closed: 'add-medium',\n    }\n  }\n\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__icon',\n        !animateIcon && 'dnb-accordion__header__icon--no-animation',\n        icon_position && `dnb-accordion__header__icon--${icon_position}`\n      )}\n    >\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: AccordionIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHoverring, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n      icon_position={icon_position}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header--icon-${icon_position}`,\n      isHoverring && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nexport default AccordionHeader\n"],"mappings":"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"}

package/components/accordion/style/dnb-accordion.css

@@ -9,6 +9,12 @@
   --accordion-border-width: 0.0625rem;
   --accordion-border-radius: 0.25rem;
   --accordion-easing: var(--easing-default);
+  --accordion-header-margin-vertical: 1.5rem;
+  --accordion-header-margin-vertical--description: 1rem;
+  --accordion-header-wrapper-margin: 2rem;
+  --accordion-header-wrapper-margin--icon-right: 1rem;
+  --accordion-header-icon-gutter: 1rem;
+  --accordion-header-icon-margin: 1rem;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -39,21 +45,18 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  margin: 1.5rem 0 1.5rem 2rem;
+  margin: var(--accordion-header-margin-vertical) var(--accordion-header-wrapper-margin) var(--accordion-header-margin-vertical) 0;
 }
 .dnb-accordion__header--description .dnb-accordion__header__wrapper {
-  margin: 1rem 0 1rem 2rem;
-}
-.dnb-accordion__header__icon + .dnb-accordion__header__wrapper {
-  margin-left: 0;
-  margin-right: 2rem;
+  margin-top: var(--accordion-header-margin-vertical--description);
+  margin-bottom: var(--accordion-header-margin-vertical--description);
 }
 .dnb-accordion__header__container {
   margin: 0 1rem;
 }
 .dnb-accordion__header__icon {
   align-self: flex-start;
-  margin: 1.5rem 1rem;
+  margin: var(--accordion-header-margin-vertical) var(--accordion-header-icon-gutter) var(--accordion-header-margin-vertical) var(--accordion-header-icon-margin);
   font-size: var(--font-size-small);
   line-height: var(--line-height-small);
   transition: transform 400ms var(--accordion-easing);
@@ -61,24 +64,26 @@
 .dnb-accordion__header--description .dnb-accordion__header__icon {
   margin-top: 1rem;
 }
-.dnb-accordion__header__icon--right {
+.dnb-accordion__header--icon-right {
   justify-content: space-between;
 }
-.dnb-accordion__header__icon--right .dnb-accordion__header__icon {
+.dnb-accordion__header--icon-right .dnb-accordion__header__icon {
+  margin-right: var(--accordion-header-icon-margin);
+  margin-left: var(--accordion-header-icon-gutter);
   order: 3;
 }
-.dnb-accordion__header__icon--right .dnb-accordion__header__container {
+.dnb-accordion__header--icon-right .dnb-accordion__header__container {
   order: 1;
 }
-.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper {
+.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper {
   order: 2;
-  margin-left: 1rem;
-  margin-right: 1rem;
+  margin-right: 0;
+  margin-left: var(--accordion-header-wrapper-margin--icon-right);
 }
-.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper + .dnb-accordion__header__container {
+.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper + .dnb-accordion__header__container {
   margin-right: 0;
 }
-.dnb-accordion__header__icon--right .dnb-accordion__header__container + .dnb-accordion__header__wrapper {
+.dnb-accordion__header--icon-right .dnb-accordion__header__container + .dnb-accordion__header__wrapper {
   margin-left: 0;
 }
 .dnb-accordion__header__title {
@@ -96,7 +101,7 @@
 .dnb-accordion__header__description + .dnb-accordion__header__title {
   margin-top: 0.25rem;
 }
-.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
+.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
   transform: rotate(-180deg);
 }
 .dnb-accordion__content {
@@ -132,7 +137,7 @@
   }
 }
 @media screen and (min-width: 40em) {
-  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
+  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
     transform: rotate(-90deg);
   }
 }

package/components/accordion/style/dnb-accordion.min.css

@@ -1 +1 @@
-.dnb-accordion{--accordion-border-width:0.0625rem;--accordion-border-radius:0.25rem;--accordion-easing:var(--easing-default);display:flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis);position:relative}.dnb-accordion__header{align-items:center;border:var(--accordion-border-width) solid transparent;border-radius:var(--accordion-border-radius);cursor:pointer;display:flex;outline:none}.dnb-accordion__header:focus{-webkit-user-select:none;user-select:none}.dnb-accordion__header *{pointer-events:none}.dnb-accordion__header--prevent-click{pointer-events:none;-webkit-user-select:none;user-select:none}.dnb-accordion__header__wrapper{display:flex;flex-direction:column;margin:1.5rem 0 1.5rem 2rem;width:100%}.dnb-accordion__header--description .dnb-accordion__header__wrapper{margin:1rem 0 1rem 2rem}.dnb-accordion__header__icon+.dnb-accordion__header__wrapper{margin-left:0;margin-right:2rem}.dnb-accordion__header__container{margin:0 1rem}.dnb-accordion__header__icon{align-self:flex-start;font-size:var(--font-size-small);line-height:var(--line-height-small);margin:1.5rem 1rem;transition:transform .4s var(--accordion-easing)}.dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:1rem}.dnb-accordion__header__icon--right{justify-content:space-between}.dnb-accordion__header__icon--right .dnb-accordion__header__icon{order:3}.dnb-accordion__header__icon--right .dnb-accordion__header__container{order:1}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper{margin-left:1rem;margin-right:1rem;order:2}.dnb-accordion__header__icon--right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.dnb-accordion__header__icon--right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}.dnb-accordion__header__title{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-accordion__header__description{font-size:var(--font-size-small);font-weight:var(--font-weight-basis);line-height:var(--line-height-small)}.dnb-accordion__header__description+.dnb-accordion__header__title,.dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.dnb-accordion--expanded>.dnb-accordion__header .dnb-accordion__header__icon{transform:rotate(-180deg)}.dnb-accordion__content{display:flex;transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);width:100%;will-change:height}.dnb-accordion__content__inner{margin-top:1rem;width:100%}.dnb-accordion__content.dnb-height-animation--hidden .dnb-accordion__content__inner{display:none}.dnb-accordion-group--single-container{transition:min-height 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;transition:opacity 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}.dnb-accordion-group--single-container .dnb-accordion>.dnb-accordion__header .dnb-accordion__header__icon{transform:rotate(-90deg)}}.dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion-group__children{display:flex;flex-direction:column;position:relative}.dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}.dnb-accordion>.dnb-accordion__header--no-animation .dnb-accordion__header__icon,html[data-visual-test] .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon{transition:none}
+.dnb-accordion{--accordion-border-width:0.0625rem;--accordion-border-radius:0.25rem;--accordion-easing:var(--easing-default);--accordion-header-margin-vertical:1.5rem;--accordion-header-margin-vertical--description:1rem;--accordion-header-wrapper-margin:2rem;--accordion-header-wrapper-margin--icon-right:1rem;--accordion-header-icon-gutter:1rem;--accordion-header-icon-margin:1rem;display:flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis);position:relative}.dnb-accordion__header{align-items:center;border:var(--accordion-border-width) solid transparent;border-radius:var(--accordion-border-radius);cursor:pointer;display:flex;outline:none}.dnb-accordion__header:focus{-webkit-user-select:none;user-select:none}.dnb-accordion__header *{pointer-events:none}.dnb-accordion__header--prevent-click{pointer-events:none;-webkit-user-select:none;user-select:none}.dnb-accordion__header__wrapper{display:flex;flex-direction:column;margin:var(--accordion-header-margin-vertical) var(--accordion-header-wrapper-margin) var(--accordion-header-margin-vertical) 0;width:100%}.dnb-accordion__header--description .dnb-accordion__header__wrapper{margin-bottom:var(--accordion-header-margin-vertical--description);margin-top:var(--accordion-header-margin-vertical--description)}.dnb-accordion__header__container{margin:0 1rem}.dnb-accordion__header__icon{align-self:flex-start;font-size:var(--font-size-small);line-height:var(--line-height-small);margin:var(--accordion-header-margin-vertical) var(--accordion-header-icon-gutter) var(--accordion-header-margin-vertical) var(--accordion-header-icon-margin);transition:transform .4s var(--accordion-easing)}.dnb-accordion__header--description .dnb-accordion__header__icon{margin-top:1rem}.dnb-accordion__header--icon-right{justify-content:space-between}.dnb-accordion__header--icon-right .dnb-accordion__header__icon{margin-left:var(--accordion-header-icon-gutter);margin-right:var(--accordion-header-icon-margin);order:3}.dnb-accordion__header--icon-right .dnb-accordion__header__container{order:1}.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper{margin-left:var(--accordion-header-wrapper-margin--icon-right);margin-right:0;order:2}.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper+.dnb-accordion__header__container{margin-right:0}.dnb-accordion__header--icon-right .dnb-accordion__header__container+.dnb-accordion__header__wrapper{margin-left:0}.dnb-accordion__header__title{font-size:var(--font-size-basis);line-height:var(--line-height-basis)}.dnb-accordion__header__description{font-size:var(--font-size-small);font-weight:var(--font-weight-basis);line-height:var(--line-height-small)}.dnb-accordion__header__description+.dnb-accordion__header__title,.dnb-accordion__header__title+.dnb-accordion__header__description{margin-top:.25rem}.dnb-accordion--expanded>.dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation){transform:rotate(-180deg)}.dnb-accordion__content{display:flex;transition:height .4s var(--accordion-easing),opacity .6s var(--accordion-easing);width:100%;will-change:height}.dnb-accordion__content__inner{margin-top:1rem;width:100%}.dnb-accordion__content.dnb-height-animation--hidden .dnb-accordion__content__inner{display:none}.dnb-accordion-group--single-container{transition:min-height 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion{max-width:60rem;position:static}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion__header{width:40%}.dnb-accordion-group--single-container .dnb-accordion__content{margin-left:1rem;transition:opacity 1s var(--accordion-easing)}.dnb-accordion-group--single-container .dnb-accordion__content__inner{margin-top:0}.dnb-accordion-group--single-container .dnb-accordion>.dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation){transform:rotate(-90deg)}}.dnb-accordion-group--single-container .dnb-accordion-group__children{max-width:60rem}@media screen and (min-width:40em){.dnb-accordion-group--single-container .dnb-accordion-group__children{display:flex;flex-direction:column;position:relative}.dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content{position:absolute;right:0;top:0;width:60%;z-index:10}}.dnb-accordion>.dnb-accordion__header--no-animation .dnb-accordion__header__icon,html[data-visual-test] .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon{transition:none}

package/components/accordion/style/dnb-accordion.scss

@@ -10,6 +10,18 @@
   --accordion-border-radius: 0.25rem;
   --accordion-easing: var(--easing-default);
 
+  // vertical spacing
+  --accordion-header-margin-vertical: 1.5rem;
+  --accordion-header-margin-vertical--description: 1rem;
+
+  // wrapper
+  --accordion-header-wrapper-margin: 2rem;
+  --accordion-header-wrapper-margin--icon-right: 1rem;
+
+  // icon
+  --accordion-header-icon-gutter: 1rem;
+  --accordion-header-icon-margin: 1rem;
+
   position: relative;
 
   display: flex;
@@ -47,14 +59,13 @@
       flex-direction: column;
       width: 100%; // this pushes the &__container to the right
 
-      margin: 1.5rem 0 1.5rem 2rem;
+      margin: var(--accordion-header-margin-vertical)
+        var(--accordion-header-wrapper-margin)
+        var(--accordion-header-margin-vertical) 0;
     }
     &--description &__wrapper {
-      margin: 1rem 0 1rem 2rem;
-    }
-    &__icon + &__wrapper {
-      margin-left: 0;
-      margin-right: 2rem;
+      margin-top: var(--accordion-header-margin-vertical--description);
+      margin-bottom: var(--accordion-header-margin-vertical--description);
     }
 
     &__container {
@@ -63,7 +74,10 @@
     &__icon {
       align-self: flex-start;
 
-      margin: 1.5rem 1rem;
+      margin: var(--accordion-header-margin-vertical)
+        var(--accordion-header-icon-gutter)
+        var(--accordion-header-margin-vertical)
+        var(--accordion-header-icon-margin);
 
       font-size: var(--font-size-small);
       line-height: var(
@@ -74,24 +88,26 @@
     &--description &__icon {
       margin-top: 1rem;
     }
-    &__icon--right {
+    &--icon-right {
       justify-content: space-between;
     }
-    &__icon--right &__icon {
+    &--icon-right &__icon {
+      margin-right: var(--accordion-header-icon-margin);
+      margin-left: var(--accordion-header-icon-gutter);
       order: 3;
     }
-    &__icon--right &__container {
+    &--icon-right &__container {
       order: 1;
     }
-    &__icon--right &__wrapper {
+    &--icon-right &__wrapper {
       order: 2;
-      margin-left: 1rem;
-      margin-right: 1rem;
+      margin-right: 0;
+      margin-left: var(--accordion-header-wrapper-margin--icon-right);
     }
-    &__icon--right &__wrapper + &__container {
+    &--icon-right &__wrapper + &__container {
       margin-right: 0;
     }
-    &__icon--right &__container + &__wrapper {
+    &--icon-right &__container + &__wrapper {
       margin-left: 0;
     }
 
@@ -113,7 +129,9 @@
     }
   }
 
-  &--expanded > &__header &__header__icon {
+  &--expanded
+    > &__header
+    &__header__icon:not(#{&}__header__icon--no-animation) {
     transform: rotate(-180deg);
   }
 
@@ -122,7 +140,8 @@
     width: 100%;
 
     will-change: height;
-    transition: height 400ms var(--accordion-easing),
+    transition:
+      height 400ms var(--accordion-easing),
       opacity 600ms var(--accordion-easing);
 
     &__inner {
@@ -169,7 +188,10 @@
     //   }
     // }
   }
-  &-group--single-container & > &__header &__header__icon {
+  &-group--single-container
+    &
+    > &__header
+    &__header__icon:not(#{&}__header__icon--no-animation) {
     @include allAbove(small) {
       transform: rotate(-90deg);
     }