npm - @dnb/eufemia - Versions diffs - 10.76.1 → 10.77.0 - Mend

@dnb/eufemia 10.76.1 → 10.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1313) hide show

package/cjs/components/space/style/dnb-space--isolated.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--zero{margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--small{margin-top:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--medium{margin-top:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--large{margin-top:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--zero{margin-right:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--small{margin-right:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--medium{margin-right:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--large{margin-right:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--zero{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--zero{margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--small{margin-left:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--medium{margin-left:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--large{margin-left:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space--no-collapse{display:flow-root}.eufemia-scope--10_77_0 .dnb-space--stretch{width:100%}.eufemia-scope--10_77_0 .dnb-space--inline{display:inline-block}.eufemia-scope--10_77_0 .dnb-space__top--zero{margin-top:0}.eufemia-scope--10_77_0 .dnb-space__top--xx-small{margin-top:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-space__top--x-small{margin-top:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-space__top--small{margin-top:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-space__top--medium{margin-top:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-space__top--large{margin-top:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__top--x-large{margin-top:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-space__top--xx-large{margin-top:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--x-small{margin-top:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--medium{margin-top:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2{margin-top:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--small{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--medium{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--large{margin-top:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small{margin-top:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__top--xx-large-x2.dnb-space__top--x-large{margin-top:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__right--zero{margin-right:0}.eufemia-scope--10_77_0 .dnb-space__right--xx-small{margin-right:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-space__right--x-small{margin-right:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-space__right--small{margin-right:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-space__right--medium{margin-right:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-space__right--large{margin-right:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__right--x-large{margin-right:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-space__right--xx-large{margin-right:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--x-small{margin-right:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--medium{margin-right:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2{margin-right:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--small{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--medium{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--large{margin-right:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small{margin-right:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__right--xx-large-x2.dnb-space__right--x-large{margin-right:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--zero{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-small{margin-bottom:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-space__bottom--x-small{margin-bottom:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-space__bottom--small{margin-bottom:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-space__bottom--medium{margin-bottom:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-space__bottom--large{margin-bottom:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__bottom--x-large{margin-bottom:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large{margin-bottom:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--small{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--large{margin-bottom:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large{margin-bottom:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__left--zero{margin-left:0}.eufemia-scope--10_77_0 .dnb-space__left--xx-small{margin-left:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-space__left--x-small{margin-left:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-space__left--small{margin-left:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-space__left--medium{margin-left:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-space__left--large{margin-left:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__left--x-large{margin-left:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-space__left--xx-large{margin-left:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--x-small{margin-left:calc(var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-medium))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--medium{margin-left:calc(var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2{margin-left:calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--small{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--medium{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--large{margin-left:calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small{margin-left:calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__left--xx-large-x2.dnb-space__left--x-large{margin-left:calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large))}.eufemia-scope--10_77_0 .dnb-space__reset:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-space__reset:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-space__reset:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-space__reset:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-space[style*="--space-t-"]{padding-top:var(--padding-top,0)}.eufemia-scope--10_77_0 .dnb-space[style*="--space-r-"]{padding-right:var(--padding-right,0)}.eufemia-scope--10_77_0 .dnb-space[style*="--space-b-"]{padding-bottom:var(--padding-bottom,0)}.eufemia-scope--10_77_0 .dnb-space[style*="--space-l-"]{padding-left:var(--padding-left,0)}@media screen and (max-width:60em){.eufemia-scope--10_77_0 .dnb-space{--padding-right:var(--space-r-s);--padding-left:var(--space-l-s);--padding-top:var(--space-t-s);--padding-bottom:var(--space-b-s)}}@media screen and (max-width:60em) and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-space{--padding-right:var(--space-r-m);--padding-left:var(--space-l-m);--padding-top:var(--space-t-m);--padding-bottom:var(--space-b-m)}}@media screen and (min-width:60.00625em){.eufemia-scope--10_77_0 .dnb-space{--padding-right:var(--space-r-l);--padding-left:var(--space-l-l);--padding-top:var(--space-t-l);--padding-bottom:var(--space-b-l)}}.eufemia-scope--10_77_0 span.dnb-space--no-collapse>span{display:block}

package/cjs/components/space/style/themes/dnb-space-theme-ui--isolated.css ADDED Viewed

@@ -0,0 +1,4 @@
+/*
+ * Np theme is provided
+ *
+ */

package/cjs/components/space/style/themes/dnb-space-theme-ui--isolated.min.css ADDED Viewed

File without changes

package/cjs/components/step-indicator/style/dnb-step-indicator--isolated.css ADDED Viewed

@@ -0,0 +1,128 @@
+/*
+ * StepIndicator component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-step-indicator {
+  --step-indicator-trigger-background: var(--color-black-3);
+  --step-indicator-check-bg: var(--color-pistachio);
+  --step-indicator-check-color: var(--color-success-green);
+  --step-indicator-current-border: var(--color-black-80);
+  --padding-top: 0;
+  --padding-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__sidebar {
+  display: none;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__list {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__trigger {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button {
+  --button-height: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button .dnb-button__text {
+  margin: 0;
+  transform: none;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button .dnb-button__icon {
+  --button-icon-margin-top: 0.25rem;
+  transition: transform 400ms var(--easing-default);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button--expanded .dnb-button__icon {
+  transform: rotate(180deg);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__wrapper {
+  display: flex;
+  gap: 1rem;
+  padding-bottom: 1rem;
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__wrapper::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0.25rem;
+  left: 0.71875rem;
+  width: 0.0625rem;
+  height: 100%;
+  background-color: var(--color-black-20);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  z-index: 0;
+  border-radius: 50%;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--check, .eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--empty, .eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--current {
+  background-color: var(--step-indicator-check-bg);
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--check {
+  font-size: 0.875rem;
+  color: var(--step-indicator-check-color);
+  border-color: var(--step-indicator-check-color);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--empty {
+  color: var(--color-black-20);
+  background-color: var(--color-white);
+  border-color: var(--color-black-20);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--current {
+  border-width: 0.1875rem;
+  border-color: var(--step-indicator-current-border);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet.dnb-skeleton {
+  border-width: 0.0625rem;
+  border-color: var(--color-black-20);
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item-content {
+  display: flex;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item-content__number {
+  font-size: var(--font-size-basis);
+  white-space: nowrap;
+  margin-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item-content__wrapper {
+  font-size: var(--font-size-basis);
+  display: flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__icon {
+  opacity: 1;
+  transition: opacity 400ms ease-in-out;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item__icon--hidden {
+  opacity: 0;
+  transition-timing-function: ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper::before {
+  display: none;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-step-indicator__item__icon {
+  transition-duration: 1ms !important;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__button {
+  white-space: normal;
+  text-align: left;
+  align-self: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-step-indicator__button.dnb-anchor {
+  padding: 0;
+  line-height: inherit;
+}

package/cjs/components/step-indicator/style/dnb-step-indicator--isolated.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .eufemia-scope--10_77_0 .dnb-step-indicator{--step-indicator-trigger-background:var(--color-black-3);--step-indicator-check-bg:var(--color-pistachio);--step-indicator-check-color:var(--color-success-green);--step-indicator-current-border:var(--color-black-80);--padding-top:0;--padding-bottom:0}.eufemia-scope--10_77_0 .dnb-step-indicator__sidebar{display:none}.eufemia-scope--10_77_0 .dnb-step-indicator__list{list-style:none;margin:0;padding:0}.eufemia-scope--10_77_0 .dnb-step-indicator__trigger{align-items:flex-start;display:flex;flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button{--button-height:1.5rem}.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button .dnb-button__text{margin:0;transform:none}.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button .dnb-button__icon{--button-icon-margin-top:0.25rem;transition:transform .4s var(--easing-default)}.eufemia-scope--10_77_0 .dnb-step-indicator__trigger__button--expanded .dnb-button__icon{transform:rotate(180deg)}.eufemia-scope--10_77_0 .dnb-step-indicator__item__wrapper{display:flex;gap:1rem;padding-bottom:1rem;position:relative}.eufemia-scope--10_77_0 .dnb-step-indicator__item__wrapper:before{background-color:var(--color-black-20);content:"";display:block;height:100%;left:.71875rem;position:absolute;top:.25rem;width:.0625rem}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;min-width:1.5rem;width:1.5rem;z-index:0}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--check,.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--current,.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--empty{background-color:var(--step-indicator-check-bg);border:.0625rem solid transparent}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--check{border-color:var(--step-indicator-check-color);color:var(--step-indicator-check-color);font-size:.875rem}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--empty{background-color:var(--color-white);border-color:var(--color-black-20);color:var(--color-black-20)}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet--current{border-color:var(--step-indicator-current-border);border-width:.1875rem}.eufemia-scope--10_77_0 .dnb-step-indicator__item__bullet.dnb-skeleton{border-color:var(--color-black-20);border-width:.0625rem}.eufemia-scope--10_77_0 .dnb-step-indicator__item-content{display:flex}.eufemia-scope--10_77_0 .dnb-step-indicator__item-content__number{font-size:var(--font-size-basis);margin-right:.5rem;white-space:nowrap}.eufemia-scope--10_77_0 .dnb-step-indicator__item-content__wrapper{display:flex;flex-direction:column;font-size:var(--font-size-basis)}.eufemia-scope--10_77_0 .dnb-step-indicator__item__icon{opacity:1;transition:opacity .4s ease-in-out}.eufemia-scope--10_77_0 .dnb-step-indicator__item__icon--hidden{opacity:0;transition-timing-function:ease-out}.eufemia-scope--10_77_0 .dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper:before{display:none}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-step-indicator__item__icon{transition-duration:1ms!important}.eufemia-scope--10_77_0 .dnb-step-indicator__button{align-self:flex-start;text-align:left;white-space:normal}.eufemia-scope--10_77_0 .dnb-step-indicator__button.dnb-anchor{line-height:inherit;padding:0}

package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken--isolated.css ADDED Viewed

@@ -0,0 +1,13 @@
+/*
+* StepIndicator theme
+* Warning, this is just a stop-gap theming to avoid dnb brand colors. This component is not fully "Sbanken-ready"
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-step-indicator {
+  --step-indicator-trigger-background: var(--sb-color-gray-light-3);
+  --step-indicator-check-bg: var(--sb-color-violet-light-4);
+  --step-indicator-check-color: var(--sb-color-violet);
+  --step-indicator-current-border: var(--sb-color-text);
+}

package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken--isolated.min.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .eufemia-scope--10_77_0 .dnb-step-indicator{--step-indicator-trigger-background:var(--sb-color-gray-light-3);--step-indicator-check-bg:var(--sb-color-violet-light-4);--step-indicator-check-color:var(--sb-color-violet);--step-indicator-current-border:var(--sb-color-text)}

package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-ui--isolated.css ADDED Viewed

@@ -0,0 +1,4 @@
+/*
+* StepIndicator theme
+*
+*/

package/cjs/components/step-indicator/style/themes/dnb-step-indicator-theme-ui--isolated.min.css ADDED Viewed

File without changes

package/cjs/components/switch/style/dnb-switch--isolated.css ADDED Viewed

@@ -0,0 +1,219 @@
+/*
+* Switch component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-switch {
+  --switch-width--medium: 2.5rem;
+  --switch-height--medium: 1.5rem;
+  --switch-width--large: 3.25rem;
+  --switch-height--large: 2rem;
+  --switch-border-width--medium: 0.0625rem;
+  --switch-border-width--large: 0.125rem;
+  display: inline-flex;
+  flex-direction: column;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-basis);
+  /*
+    * When switched OFF
+    * aka when the switch is not :checked
+    */
+  /*
+  * When switched ON
+  * aka when the switch is :checked
+  */
+}
+.eufemia-scope--10_77_0 .dnb-switch__inner {
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-switch__shell {
+  position: relative;
+  display: flex;
+  align-items: center;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.eufemia-scope--10_77_0 .dnb-switch--large {
+  line-height: var(--switch-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__shell {
+  height: var(--switch-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-switch__row {
+  display: inline-flex;
+  align-items: center;
+  height: var(--switch-height--medium);
+}
+.eufemia-scope--10_77_0 .dnb-switch__focus, .eufemia-scope--10_77_0 .dnb-switch__button {
+  position: absolute;
+  z-index: 4;
+  border-radius: 50%;
+}
+.eufemia-scope--10_77_0 .dnb-switch__button {
+  left: 0;
+  width: var(--switch-height--medium);
+  height: var(--switch-height--medium);
+  background-color: lightgrey;
+  border: var(--switch-border-width--medium) solid transparent;
+  transition: transform 160ms ease-out 125ms;
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__button {
+  width: var(--switch-height--large);
+  height: var(--switch-height--large);
+  border-width: var(--switch-border-width--large);
+}
+.eufemia-scope--10_77_0 .dnb-switch__focus {
+  display: none;
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  height: 100%;
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__focus {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
+  transform: translateX(0);
+  transform: translateX(calc(0px - var(--switch-border-width--medium)));
+}
+.eufemia-scope--10_77_0 .dnb-switch__input:checked ~ .dnb-switch__button {
+  transform: translateX(1rem);
+  transform: translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)));
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
+  transform: translateX(calc(0px - var(--switch-border-width--large)));
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input:checked ~ .dnb-switch__button {
+  transform: translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)));
+}
+.eufemia-scope--10_77_0 .dnb-switch__background {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+  width: var(--switch-width--medium);
+  height: calc(var(--switch-height--medium) - 0.5rem);
+  background-color: grey;
+  border-radius: calc(var(--switch-height--medium) - 0.25rem);
+}
+.eufemia-scope--10_77_0 .dnb-switch__background::after {
+  content: "";
+  position: absolute;
+  transition: transform 0.3s ease-out, position 0.3s ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__background {
+  width: var(--switch-width--large);
+  height: calc(var(--switch-height--large) - 0.75rem);
+  border-radius: calc(var(--switch-height--large) - 0.375rem);
+}
+.eufemia-scope--10_77_0 .dnb-switch__input {
+  opacity: 0;
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 5;
+  display: block;
+  width: var(--switch-width--medium);
+  height: var(--switch-height--medium);
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input {
+  width: var(--switch-width--large);
+  height: var(--switch-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]) {
+  cursor: pointer;
+}
+.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button .dnb-switch__focus, .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active ~ .dnb-switch__button .dnb-switch__focus {
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-switch .dnb-form-label {
+  padding-right: 0.5rem;
+  margin-right: 0;
+  margin-left: 0;
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-switch__order {
+  display: inline-flex;
+}
+.eufemia-scope--10_77_0 .dnb-switch__suffix {
+  order: 4;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__suffix {
+  padding-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-switch__inner {
+  order: 2;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-label {
+  order: 1;
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-status {
+  order: 3;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-switch__inner {
+  order: 1;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-label {
+  order: 2;
+  padding-left: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-status {
+  order: 3;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__button, .eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background::after {
+  border-color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background {
+  background-color: var(--skeleton-color);
+}
+.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
+  content: "";
+  border-color: var(--skeleton-color--contrast);
+}
+.eufemia-scope--10_77_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
+  display: block;
+  --border-color: red;
+  --border-width: var(--focus-ring-width, 0.125rem);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
+  background-color: tomato;
+  --border-color: red;
+  --border-width: var(--focus-ring-width, 0.125rem);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+@supports (-ms-ime-align: auto) {
+  .eufemia-scope--10_77_0 .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
+    transform: translateX(0);
+  }
+  .eufemia-scope--10_77_0 .dnb-switch__input:checked ~ .dnb-switch__button {
+    transform: translateX(calc(var(--switch-width--medium) - 1.5rem));
+  }
+}

package/cjs/components/switch/style/dnb-switch--isolated.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .eufemia-scope--10_77_0 .dnb-switch{--switch-width--medium:2.5rem;--switch-height--medium:1.5rem;--switch-width--large:3.25rem;--switch-height--large:2rem;--switch-border-width--medium:0.0625rem;--switch-border-width--large:0.125rem;display:inline-flex;flex-direction:column;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-switch__inner{display:inline-flex;flex-direction:column;font-size:var(--font-size-basis);justify-content:center}.eufemia-scope--10_77_0 .dnb-switch__shell{align-items:center;display:flex;position:relative;-webkit-user-select:none;user-select:none}.eufemia-scope--10_77_0 .dnb-switch--large{line-height:var(--switch-height--large)}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__shell{height:var(--switch-height--large)}.eufemia-scope--10_77_0 .dnb-switch__row{align-items:center;display:inline-flex;height:var(--switch-height--medium)}.eufemia-scope--10_77_0 .dnb-switch__button,.eufemia-scope--10_77_0 .dnb-switch__focus{border-radius:50%;position:absolute;z-index:4}.eufemia-scope--10_77_0 .dnb-switch__button{background-color:#d3d3d3;border:var(--switch-border-width--medium) solid transparent;height:var(--switch-height--medium);left:0;transition:transform .16s ease-out 125ms;width:var(--switch-height--medium)}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__button{border-width:var(--switch-border-width--large);height:var(--switch-height--large);width:var(--switch-height--large)}.eufemia-scope--10_77_0 .dnb-switch__focus{display:none;height:100%;outline:none;position:absolute;width:100%;z-index:2}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(0);transform:translateX(calc(0px - var(--switch-border-width--medium)))}.eufemia-scope--10_77_0 .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(1rem);transform:translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)))}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(calc(0px - var(--switch-border-width--large)))}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)))}.eufemia-scope--10_77_0 .dnb-switch__background{align-items:center;background-color:grey;border-radius:calc(var(--switch-height--medium) - .25rem);display:flex;flex-direction:row;height:calc(var(--switch-height--medium) - .5rem);overflow:hidden;position:relative;width:var(--switch-width--medium)}.eufemia-scope--10_77_0 .dnb-switch__background:after{content:"";position:absolute;transition:transform .3s ease-out,position .3s ease-out}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__background{border-radius:calc(var(--switch-height--large) - .375rem);height:calc(var(--switch-height--large) - .75rem);width:var(--switch-width--large)}.eufemia-scope--10_77_0 .dnb-switch__input{border:0;display:block;height:var(--switch-height--medium);left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;width:var(--switch-width--medium);z-index:5}.eufemia-scope--10_77_0 .dnb-switch--large .dnb-switch__input{height:var(--switch-height--large);width:var(--switch-width--large)}.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]){cursor:pointer}.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__background,.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__background,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__background{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):active~.dnb-switch__button .dnb-switch__focus,.eufemia-scope--10_77_0 .dnb-switch__input:not([disabled]):focus~.dnb-switch__button .dnb-switch__focus{display:block}.eufemia-scope--10_77_0 .dnb-switch .dnb-form-label{margin-bottom:0;margin-left:0;margin-right:0;padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-switch__order{display:inline-flex}.eufemia-scope--10_77_0 .dnb-switch__suffix{order:4}.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__suffix{padding-left:1rem}.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-switch__inner{order:2}.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-label{align-self:center;order:1}.eufemia-scope--10_77_0 .dnb-switch--label-position-left .dnb-switch__order .dnb-form-status{margin-top:.5rem;order:3}.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-switch__inner{order:1}.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-label{order:2;padding-left:.5rem}.eufemia-scope--10_77_0 .dnb-switch--label-position-right .dnb-switch__order .dnb-form-status{margin-top:.5rem;order:3}.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__background:after,.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--skeleton-color)}.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--skeleton-color)}.eufemia-scope--10_77_0 .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after{border-color:var(--skeleton-color--contrast);content:""}.eufemia-scope--10_77_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:red;--border-width:var(--focus-ring-width,0.125rem);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);display:block}.eufemia-scope--10_77_0 .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:red;--border-width:var(--focus-ring-width,0.125rem);background-color:tomato;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}@supports (-ms-ime-align:auto){.eufemia-scope--10_77_0 .dnb-switch__input:not(:checked)~.dnb-switch__button{transform:translateX(0)}.eufemia-scope--10_77_0 .dnb-switch__input:checked~.dnb-switch__button{transform:translateX(calc(var(--switch-width--medium) - 1.5rem))}}