@dnb/eufemia 10.76.1 → 10.77.0

package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui--isolated.css

@@ -0,0 +1,102 @@
+/*
+* Timeline theme
+*
+*/
+/*
+ * Utilities
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+.eufemia-scope--10_77_0 .dnb-timeline {
+  --timeline-icon-height--small: 1.5rem;
+  --timeline-icon-width--small: 1.5rem;
+  --timeline-icon-border-radius--small: calc(
+    var(--timeline-icon-height--small) / 2
+  );
+  --timeline-icon-height--medium: 2rem;
+  --timeline-icon-width--medium: 2rem;
+  --timeline-icon-border-radius--medium: calc(
+    var(--timeline-icon-height--medium) / 2
+  );
+  --timeline-icon-width-diff: calc(
+    (
+        var(--timeline-icon-width--medium) - var(
+            --timeline-icon-width--small
+          )
+      ) / 2
+  );
+  --timeline-border-spacing: var(--spacing-small);
+  --timeline-border-spacing--icon-adjusted: calc(
+    var(--timeline-icon-width-diff) + var(--timeline-border-spacing)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item {
+  margin-left: var(--timeline-icon-width-diff);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__label__icon {
+  width: var(--timeline-icon-width--small);
+  line-height: var(--timeline-icon-height--small);
+  border-radius: var(--timeline-icon-border-radius--small);
+  color: var(--color-black-80);
+  background-color: var(--color-white);
+  --border-color: var(--color-black-80);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__label__title {
+  margin-left: var(--timeline-border-spacing--icon-adjusted);
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-small);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__content {
+  margin-left: calc(var(--timeline-icon-width--small) / 2);
+  padding-left: calc(var(--timeline-icon-width--small) / 2 + var(--timeline-border-spacing--icon-adjusted));
+  border-left: 1px dashed var(--color-black-55);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--completed .dnb-timeline__item__content {
+  border-left: 1px solid var(--color-black-80);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--completed .dnb-timeline__item__label__title {
+  color: var(--color-black-80);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__content {
+  margin-left: calc(var(--timeline-icon-width--medium) / 2);
+  padding-left: calc(var(--timeline-icon-width--medium) / 2 + var(--timeline-border-spacing));
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__label__title {
+  margin-left: var(--timeline-border-spacing);
+  font-weight: var(--font-weight-medium);
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__label__icon {
+  width: var(--timeline-icon-width--medium);
+  line-height: var(--timeline-icon-height--medium);
+  border-radius: var(--timeline-icon-border-radius--medium);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--current {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--upcoming .dnb-timeline__item__label__title {
+  font-weight: var(--font-weight-basis);
+  color: var(--color-black-55);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
+  color: var(--color-black-55);
+  background-color: var(--color-black-3);
+  --border-color: var(--color-black-3);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item:only-child {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item:last-child .dnb-timeline__item__content {
+  border-left: none;
+}

package/cjs/components/timeline/style/themes/dnb-timeline-theme-ui--isolated.min.css

@@ -0,0 +1,3 @@
+.eufemia-scope--10_77_0 .dnb-timeline{--timeline-icon-height--small:1.5rem;--timeline-icon-width--small:1.5rem;--timeline-icon-border-radius--small:calc(var(--timeline-icon-height--small)/2);--timeline-icon-height--medium:2rem;--timeline-icon-width--medium:2rem;--timeline-icon-border-radius--medium:calc(var(--timeline-icon-height--medium)/2);--timeline-icon-width-diff:calc((var(--timeline-icon-width--medium) - var(
+            --timeline-icon-width--small
+          ))/2);--timeline-border-spacing:var(--spacing-small);--timeline-border-spacing--icon-adjusted:calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing))}.eufemia-scope--10_77_0 .dnb-timeline__item{margin-left:var(--timeline-icon-width-diff)}.eufemia-scope--10_77_0 .dnb-timeline__item__label__icon{--border-color:var(--color-black-80);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;border-radius:var(--timeline-icon-border-radius--small);box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80);line-height:var(--timeline-icon-height--small);width:var(--timeline-icon-width--small)}.eufemia-scope--10_77_0 .dnb-timeline__item__label__title{font-size:var(--font-size-small);line-height:var(--line-height-small);margin-left:var(--timeline-border-spacing--icon-adjusted)}.eufemia-scope--10_77_0 .dnb-timeline__item__content{border-left:1px dashed var(--color-black-55);margin-left:calc(var(--timeline-icon-width--small)/2);padding-left:calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted))}.eufemia-scope--10_77_0 .dnb-timeline__item--completed .dnb-timeline__item__content{border-left:1px solid var(--color-black-80)}.eufemia-scope--10_77_0 .dnb-timeline__item--completed .dnb-timeline__item__label__title{color:var(--color-black-80)}.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__content{margin-left:calc(var(--timeline-icon-width--medium)/2);padding-left:calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing))}.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__label__title{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);line-height:var(--line-height-basis);margin-left:var(--timeline-border-spacing)}.eufemia-scope--10_77_0 .dnb-timeline__item--current .dnb-timeline__item__label__icon{border-radius:var(--timeline-icon-border-radius--medium);line-height:var(--timeline-icon-height--medium);width:var(--timeline-icon-width--medium)}.eufemia-scope--10_77_0 .dnb-timeline__item--current{margin-left:0}.eufemia-scope--10_77_0 .dnb-timeline__item--upcoming .dnb-timeline__item__label__title{color:var(--color-black-55);font-weight:var(--font-weight-basis)}.eufemia-scope--10_77_0 .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon{--border-color:var(--color-black-3);--border-width:0.0625rem;background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-55)}.eufemia-scope--10_77_0 .dnb-timeline__item:only-child{margin-left:0}.eufemia-scope--10_77_0 .dnb-timeline__item:last-child .dnb-timeline__item__content{border-left:none}

package/cjs/components/toggle-button/style/dnb-toggle-button--isolated.css

@@ -0,0 +1,152 @@
+/*
+* ToggleButton component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-toggle-button {
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__inner {
+  display: inline-flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__shell {
+  position: relative;
+  left: 0;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--vertical {
+  flex-direction: column;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__component {
+  padding-right: 0.5rem;
+  display: inline-flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button.dnb-button--has-text {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox {
+  margin-left: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__input {
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__button {
+  display: unset;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__focus, .eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__button {
+  width: calc(var(--checkbox-width--medium) - 0.5rem);
+  height: calc(var(--checkbox-height--medium) - 0.5rem);
+  border-width: 0.0625rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__dot {
+  width: calc(var(--checkbox-width--medium) - 1rem);
+  height: calc(var(--checkbox-height--medium) - 1rem);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__gfx {
+  width: calc(var(--checkbox-width--medium) - 0.75rem);
+  height: calc(var(--checkbox-height--medium) - 0.75rem);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio {
+  margin-left: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__input {
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__focus, .eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__button {
+  width: calc(var(--radio-width--medium) - 0.5rem);
+  height: calc(var(--radio-height--medium) - 0.5rem);
+  border-width: 0.0625rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__dot {
+  width: calc(var(--radio-width--medium) - 1rem);
+  height: calc(var(--radio-height--medium) - 1rem);
+}
+.eufemia-scope--10_77_0 :not(.dnb-toggle-button-group) > .dnb-form-label + .dnb-toggle-button {
+  vertical-align: top;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-form-status {
+  order: 2;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-form-label {
+  margin-right: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group {
+  --toggle-button-group-column-gap: 1rem;
+  --toggle-button-group-row-gap: 1rem;
+  display: inline-flex;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group, .eufemia-scope--10_77_0 .dnb-toggle-button-group__fieldset, .eufemia-scope--10_77_0 .dnb-toggle-button-group__shell {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset {
+  padding: 0;
+  border: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group--column .dnb-toggle-button {
+  display: flex;
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-toggle-button:last-of-type {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--toggle-button-group-row-gap);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  column-gap: var(--toggle-button-group-column-gap);
+  row-gap: var(--toggle-button-group-row-gap);
+  order: 1;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children--row {
+  flex-direction: row;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children--column {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell > .dnb-form-status {
+  order: 2;
+  transform: translateY(-0.5rem);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label {
+  margin-top: 0.5rem;
+  align-self: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-alignment-helper {
+  line-height: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button-group__suffix {
+  font-size: var(--font-size-basis);
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-form-label + .dnb-toggle-button {
+    transform: translateY(-0.5rem);
+  }
+}

package/cjs/components/toggle-button/style/dnb-toggle-button--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-toggle-button{align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-toggle-button__inner{display:inline-flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-toggle-button__shell{left:0;position:relative;-webkit-user-select:none;user-select:none}.eufemia-scope--10_77_0 .dnb-toggle-button--vertical{align-items:flex-start;flex-direction:column}.eufemia-scope--10_77_0 .dnb-toggle-button__component{align-items:center;display:inline-flex;padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button__button.dnb-button--has-text{padding-left:1.5rem;padding-right:1.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox{margin-left:-.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__input{pointer-events:none}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__button{display:unset}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__focus{border-width:.0625rem;height:calc(var(--checkbox-height--medium) - .5rem);width:calc(var(--checkbox-width--medium) - .5rem)}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__dot{height:calc(var(--checkbox-height--medium) - 1rem);width:calc(var(--checkbox-width--medium) - 1rem)}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-checkbox__gfx{height:calc(var(--checkbox-height--medium) - .75rem);width:calc(var(--checkbox-width--medium) - .75rem)}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio{margin-left:-.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__input{pointer-events:none}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__focus{border-width:.0625rem;height:calc(var(--radio-height--medium) - .5rem);width:calc(var(--radio-width--medium) - .5rem)}.eufemia-scope--10_77_0 .dnb-toggle-button__button .dnb-radio__dot{height:calc(var(--radio-height--medium) - 1rem);width:calc(var(--radio-width--medium) - 1rem)}.eufemia-scope--10_77_0 :not(.dnb-toggle-button-group)>.dnb-form-label+.dnb-toggle-button{vertical-align:top}.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-form-status{margin-top:.5rem;order:2}.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-form-label{margin-right:1rem}.eufemia-scope--10_77_0 .dnb-toggle-button-group{--toggle-button-group-column-gap:1rem;--toggle-button-group-row-gap:1rem;display:inline-flex}.eufemia-scope--10_77_0 .dnb-toggle-button-group,.eufemia-scope--10_77_0 .dnb-toggle-button-group__fieldset,.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell{flex-grow:1}.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset{border:none;padding:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group fieldset:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group--column .dnb-toggle-button{display:flex;margin-right:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-toggle-button:last-of-type{margin-right:0}.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell{display:flex;flex-direction:column;row-gap:var(--toggle-button-group-row-gap)}.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children{align-items:flex-start;column-gap:var(--toggle-button-group-column-gap);display:flex;flex-wrap:wrap;order:1;row-gap:var(--toggle-button-group-row-gap)}.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children--row{flex-direction:row}.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell__children--column{flex-direction:column}.eufemia-scope--10_77_0 .dnb-toggle-button-group__shell>.dnb-form-status{order:2;transform:translateY(-.5rem)}.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label{align-self:flex-start;margin-top:.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button-group .dnb-alignment-helper{line-height:2.5rem}.eufemia-scope--10_77_0 .dnb-toggle-button-group__suffix{font-size:var(--font-size-basis)}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-form-label+.dnb-toggle-button{transform:translateY(-.5rem)}}

package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken--isolated.css

@@ -0,0 +1,99 @@
+/*
+* ToggleButton theme for Sbanken
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-toggle-button {
+  /* stylelint-disable no-descending-specificity */
+  /* stylelint-enable no-descending-specificity */
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button {
+  background-color: var(--sb-color-white);
+  color: var(--sb-color-violet);
+  --border-color: var(--sb-color-violet);
+  --border-width: 0.09375rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:hover:not([disabled]) {
+  background-color: var(--sb-color-violet-light-3);
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:active:not([disabled]) {
+  --border-color: var(--sb-color-violet-light-3);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  background-color: var(--sb-color-violet);
+  color: var(--sb-color-violet-light-3);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button[disabled] {
+  --border-color: var(--sb-color-gray-light);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  color: var(--sb-color-gray-dark);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-radio__button {
+  background-color: transparent;
+  border-color: var(--focus-ring-color);
+  box-shadow: 0 0 0 0.0625rem var(--focus-ring-color);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-radio__dot {
+  background-color: var(--focus-ring-color);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-checkbox__button {
+  background-color: transparent;
+  border-color: var(--focus-ring-color);
+  box-shadow: 0 0 0 0.0625rem var(--focus-ring-color);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-checkbox__gfx {
+  color: var(--focus-ring-color);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] {
+  --border-color: var(--sb-color-gray-light);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  background-color: var(--sb-color-gray-light);
+  color: var(--sb-color-gray-dark);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active) {
+  background-color: var(--sb-color-violet);
+  color: var(--sb-color-white);
+  box-shadow: none;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) {
+  background-color: var(--sb-color-violet);
+  color: var(--sb-color-white);
+  --border-color: var(--sb-color-violet);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active:not([disabled]) {
+  --border-color: var(--sb-color-violet-light-3);
+  --border-width: 0.125rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  background-color: var(--sb-color-violet);
+  color: var(--sb-color-violet-light-3);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus {
+  color: var(--sb-color-blue-dark-2);
+  background-color: var(--sb-color-blue-light-2);
+}

package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-toggle-button__button{--border-color:var(--sb-color-violet);--border-width:0.09375rem;background-color:var(--sb-color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-violet)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:hover:not([disabled]){background-color:var(--sb-color-violet-light-3);color:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-toggle-button__button:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-toggle-button__button:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button__button:active:not([disabled]){--border-color:var(--sb-color-violet-light-3);--border-width:0.125rem;background-color:var(--sb-color-violet);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-violet-light-3)}.eufemia-scope--10_77_0 .dnb-toggle-button__button[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-radio__button{background-color:transparent;border-color:var(--focus-ring-color);box-shadow:0 0 0 .0625rem var(--focus-ring-color)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-radio__dot{background-color:var(--focus-ring-color)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-checkbox__button{background-color:transparent;border-color:var(--focus-ring-color);box-shadow:0 0 0 .0625rem var(--focus-ring-color)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus .dnb-checkbox__gfx{color:var(--focus-ring-color)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled]{--border-color:var(--sb-color-gray-light);--border-width:0.09375rem;background-color:var(--sb-color-gray-light);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:var(--sb-color-violet);box-shadow:none;color:var(--sb-color-white)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]){--border-color:var(--sb-color-violet);--border-width:0.125rem;background-color:var(--sb-color-violet);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-white)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:active:not([disabled]){--border-color:var(--sb-color-violet-light-3);--border-width:0.125rem;background-color:var(--sb-color-violet);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-violet-light-3)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--sb-color-blue-light-2);color:var(--sb-color-blue-dark-2)}

package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui--isolated.css

@@ -0,0 +1,155 @@
+/*
+* ToggleButton theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-toggle-button {
+  /* stylelint-disable */
+  /* stylelint-enable */
+  /*
+    * On error state
+    *
+    */
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-checkbox__gfx path {
+  stroke-width: 0.125rem;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
+  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled], .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled], .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] {
+  background-color: var(--color-mint-green-25);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active), .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active), .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active) {
+  background-color: var(--color-emerald-green);
+  color: var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon {
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button {
+  background-color: transparent;
+  border-color: var(--color-mint-green);
+  box-shadow: 0 0 0 0.0318rem var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot {
+  background-color: var(--color-mint-green);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
+  --border-color: var(--color-emerald-green);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot {
+  background-color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button {
+  background-color: var(--color-mint-green);
+  border-color: var(--color-emerald-green);
+  box-shadow: 0 0 0 0.0318rem var(--color-emerald-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx {
+  color: var(--color-emerald-green);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button {
+  background-color: var(--color-emerald-green);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx {
+  color: var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button,
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,
+.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button {
+  box-shadow: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
+  color: var(--color-emerald-green);
+  background-color: var(--color-mint-green);
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
+  --border-color: var(--color-emerald-green);
+  --border-width: var(--focus-ring-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button {
+  background-color: transparent;
+  border-color: var(--color-sea-green);
+  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot {
+  background-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button {
+  background-color: transparent;
+  border-color: var(--color-sea-green);
+  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx, .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx {
+  color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
+  background-color: var(--color-white);
+  color: var(--color-fire-red);
+  --border-color: var(--color-fire-red);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
+  --border-color: var(--color-fire-red);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__focus {
+  box-shadow: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__dot {
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
+  border: none;
+  --border-color: var(--color-fire-red);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not(:hover) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  box-shadow: none;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
+  color: var(--color-white);
+  background-color: var(--color-fire-red);
+  --border-color: var(--color-fire-red);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
+  --border-color: var(--color-white);
+  --border-width: 0.09375rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]):not(:hover) ~ .dnb-radio__dot {
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not([disabled]):not(:hover):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-toggle-button > .dnb-form-status {
+  transform: translateY(0.1875rem);
+}

package/cjs/components/toggle-button/style/themes/dnb-toggle-button-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-checkbox__gfx path{stroke-width:.125rem}.eufemia-scope--10_77_0 .dnb-toggle-button .dnb-radio__input:not([disabled])~.dnb-radio__button{box-shadow:0 0 0 .0318rem var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled],.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled],.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled]{background-color:var(--color-mint-green-25)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active),.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active){background-color:var(--color-emerald-green);color:var(--color-mint-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon{color:inherit}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button{background-color:transparent;border-color:var(--color-mint-green);box-shadow:0 0 0 .0318rem var(--color-mint-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot{background-color:var(--color-mint-green)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button{--border-color:var(--color-emerald-green);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover)~.dnb-radio__dot{background-color:var(--color-emerald-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button{background-color:var(--color-mint-green);border-color:var(--color-emerald-green);box-shadow:0 0 0 .0318rem var(--color-emerald-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx{color:var(--color-emerald-green)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button{background-color:var(--color-emerald-green)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx{color:var(--color-mint-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button{box-shadow:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green);outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus{--border-color:var(--color-emerald-green);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button,.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button{background-color:transparent;border-color:var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot,.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot{background-color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button,.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button{background-color:transparent;border-color:var(--color-sea-green);box-shadow:0 0 0 .0318rem var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx,.eufemia-scope--10_77_0 .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx{color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active){--border-color:var(--color-fire-red);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__button{--border-color:var(--color-fire-red);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__focus{box-shadow:none}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled])~.dnb-radio__dot{background-color:transparent}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input~.dnb-checkbox__button{--border-color:var(--color-fire-red);--border-width:0.09375rem;border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not(:hover)~.dnb-checkbox__button .dnb-checkbox__focus{box-shadow:none}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active){--border-color:var(--color-fire-red);--border-width:0.0625rem;background-color:var(--color-fire-red);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled])~.dnb-radio__button{--border-color:var(--color-white);--border-width:0.09375rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not([disabled]):not(:hover):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus,.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]):not(:hover)~.dnb-radio__dot{background-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-checkbox__gfx{color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-toggle-button>.dnb-form-status{transform:translateY(.1875rem)}