@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1,97 @@
+/*
+* Dropdown theme
+*
+*/
+/*
+ * Utilities
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+.eufemia-scope--10_77_0 .dnb-dropdown {
+  --dropdown-border-radius: 0.5rem;
+  --dropdown-height: 2.5rem;
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 0.75rem 0 0.5rem;
+  --dropdown-foreground-color-primary: var(--sb-color-gray-dark-2);
+  --dropdown-foreground-color-error: var(--sb-color-red);
+  --dropdown-background-color-disabled: var(--sb-color-gray-light);
+  --dropdown-background-color-error-active: var(--sb-color-white);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__icon {
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary) {
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  color: var(--sb-color-gray-dark-3);
+  line-height: var(--dropdown-height);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) {
+  --border-color: var(--sb-color-violet);
+  --border-width: 2px;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  color: var(--sb-color-gray-dark-3);
+  background-color: var(--sb-color-white);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) .dnb-dropdown__icon {
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  color: var(--sb-color-blue-dark);
+  background-color: var(--sb-color-blue-light-3);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]), html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) {
+  --border-color: var(--focus-ring-color);
+  --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-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon, html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon {
+  color: var(--sb-color-blue-dark);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger.dnb-button--active {
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.125rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: var(--dropdown-border-radius) var(--dropdown-border-radius) 0 0;
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled] {
+  color: var(--sb-color-gray-dark-2);
+  background-color: var(--sb-color-gray-light);
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled] .dnb-dropdown__icon {
+  color: inherit;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
+  --border-color: var(--dropdown-foreground-color-error);
+  --border-width: var(--dropdown-error-border-width);
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-dropdown--top .dnb-dropdown__trigger.dnb-button--active {
+  border-radius: 0 0 var(--dropdown-border-radius) var(--dropdown-border-radius);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-dropdown{--dropdown-border-radius:0.5rem;--dropdown-height:2.5rem;--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 0.75rem 0 0.5rem;--dropdown-foreground-color-primary:var(--sb-color-gray-dark-2);--dropdown-foreground-color-error:var(--sb-color-red);--dropdown-background-color-disabled:var(--sb-color-gray-light);--dropdown-background-color-error-active:var(--sb-color-white)}.eufemia-scope--10_77_0 .dnb-dropdown__icon{color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-3);line-height:var(--dropdown-height)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]){--border-color:var(--sb-color-violet);--border-width:2px;background-color:var(--sb-color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-3)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):hover:not([disabled]) .dnb-dropdown__icon{color:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]){outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]),html[data-whatinput=keyboard] .eufemia-scope--10_77_0 html:not([data-whatintent=touch]) .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]){--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:var(--sb-color-blue-light-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon,html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:not(.dnb-button--tertiary):focus:not([disabled]) .dnb-dropdown__icon{color:var(--sb-color-blue-dark)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger.dnb-button--active{--border-color:var(--dropdown-foreground-color-primary);--border-width:0.125rem;border-color:transparent;border-radius:var(--dropdown-border-radius) var(--dropdown-border-radius) 0 0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled]{--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;background-color:var(--sb-color-gray-light);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled] .dnb-dropdown__icon{color:inherit}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]){--border-color:var(--dropdown-foreground-color-error);--border-width:var(--dropdown-error-border-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-dropdown--top .dnb-dropdown__trigger.dnb-button--active{border-radius:0 0 var(--dropdown-border-radius) var(--dropdown-border-radius)}

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

@@ -0,0 +1,31 @@
+/*
+* Dropdown theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-dropdown {
+  --dropdown-error-border-width: 0.125rem;
+  --dropdown-button-padding: 0 1rem;
+  --dropdown-foreground-color-primary: var(--color-black-55);
+  --dropdown-foreground-color-error: var(--color-fire-red);
+  --dropdown-background-color-disabled: var(--color-black-3);
+  --dropdown-background-color-error-active: var(--color-fire-red-8);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:hover:not([disabled]) {
+  color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled] {
+  color: var(--dropdown-foreground-color-primary);
+  background-color: var(--dropdown-background-color-disabled);
+}
+.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
+  --border-color: var(--dropdown-foreground-color-primary);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-dropdown{--dropdown-error-border-width:0.125rem;--dropdown-button-padding:0 1rem;--dropdown-foreground-color-primary:var(--color-black-55);--dropdown-foreground-color-error:var(--color-fire-red);--dropdown-background-color-disabled:var(--color-black-3);--dropdown-background-color-error-active:var(--color-fire-red-8)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-dropdown__trigger:hover:not([disabled]){color:var(--color-emerald-green)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled]{background-color:var(--dropdown-background-color-disabled);color:var(--dropdown-foreground-color-primary)}.eufemia-scope--10_77_0 .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary){--border-color:var(--dropdown-foreground-color-primary);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/cjs/components/flex/style/dnb-flex--isolated.css

@@ -0,0 +1,163 @@
+.eufemia-scope--10_77_0 .dnb-flex-container {
+  --gap: 0;
+  --horizontal-gap: 0;
+  display: flex;
+  row-gap: var(--gap);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--direction-horizontal {
+  flex-direction: row;
+  margin-right: calc(var(--horizontal-gap) * -1);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--direction-vertical {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-flex-start {
+  justify-content: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-flex-end {
+  justify-content: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-center {
+  justify-content: center;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-between {
+  justify-content: space-between;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-around {
+  justify-content: space-around;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-evenly {
+  justify-content: space-evenly;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-flex-start {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-flex-end {
+  align-items: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-center {
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-stretch {
+  align-items: stretch;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-baseline {
+  align-items: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-self-flex-start {
+  align-self: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-self-flex-end {
+  align-self: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-self-center {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-self-baseline {
+  align-self: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--align-self-stretch {
+  align-self: stretch;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--wrap {
+  flex-wrap: wrap;
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-xx-small {
+  --gap: var(--spacing-xx-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-x-small {
+  --gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-small {
+  --gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-medium {
+  --gap: var(--spacing-medium);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-large {
+  --gap: var(--spacing-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-x-large {
+  --gap: var(--spacing-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-xx-large {
+  --gap: var(--spacing-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-xx-small {
+  --horizontal-gap: var(--spacing-xx-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-x-small {
+  --horizontal-gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-small {
+  --horizontal-gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-medium {
+  --horizontal-gap: var(--spacing-medium);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-large {
+  --horizontal-gap: var(--spacing-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-x-large {
+  --horizontal-gap: var(--spacing-x-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container--spacing-xx-large {
+  --horizontal-gap: var(--spacing-xx-large);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container__hr.dnb-hr {
+  width: 100%;
+  color: var(--color-black-8);
+}
+
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-flex-item--grow {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--shrink {
+  flex-shrink: 1;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--align-self-flex-start {
+  align-self: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--align-self-flex-end {
+  align-self: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--align-self-center {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--align-self-baseline {
+  align-self: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--align-self-stretch {
+  align-self: stretch;
+}
+.eufemia-scope--10_77_0 .dnb-flex-item--responsive {
+  --sizeCount--default: 12;
+  --size--default: var(--small);
+  --flex-basis: calc(
+    100% / var(--sizeCount, var(--sizeCount--default)) *
+      var(--size, var(--size--default))
+  );
+  flex-grow: 0;
+  flex-basis: var(--flex-basis);
+  max-width: var(--flex-basis);
+}
+.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive {
+  --size: var(--small, var(--medium));
+}
+.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive {
+  --size: var(--medium, var(--large));
+}
+.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive {
+  --size: var(--large, var(--medium));
+}
+
+.eufemia-scope--10_77_0 .dnb-flex-stack + .dnb-flex-stack {
+  margin-top: var(--spacing-small);
+}
+
+.eufemia-scope--10_77_0 .dnb-flex-stack > .dnb-button {
+  align-self: flex-start;
+}

package/cjs/components/flex/style/dnb-flex--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-flex-container{--gap:0;--horizontal-gap:0;display:flex;row-gap:var(--gap)}.eufemia-scope--10_77_0 .dnb-flex-container--direction-horizontal{flex-direction:row;margin-right:calc(var(--horizontal-gap)*-1)}.eufemia-scope--10_77_0 .dnb-flex-container--direction-vertical{flex-direction:column}.eufemia-scope--10_77_0 .dnb-flex-container--justify-flex-start{justify-content:flex-start}.eufemia-scope--10_77_0 .dnb-flex-container--justify-flex-end{justify-content:flex-end}.eufemia-scope--10_77_0 .dnb-flex-container--justify-center{justify-content:center}.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-between{justify-content:space-between}.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-around{justify-content:space-around}.eufemia-scope--10_77_0 .dnb-flex-container--justify-space-evenly{justify-content:space-evenly}.eufemia-scope--10_77_0 .dnb-flex-container--align-flex-start{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-flex-container--align-flex-end{align-items:flex-end}.eufemia-scope--10_77_0 .dnb-flex-container--align-center{align-items:center}.eufemia-scope--10_77_0 .dnb-flex-container--align-stretch{align-items:stretch}.eufemia-scope--10_77_0 .dnb-flex-container--align-baseline{align-items:baseline}.eufemia-scope--10_77_0 .dnb-flex-container--align-self-flex-start{align-self:flex-start}.eufemia-scope--10_77_0 .dnb-flex-container--align-self-flex-end{align-self:flex-end}.eufemia-scope--10_77_0 .dnb-flex-container--align-self-center{align-self:center}.eufemia-scope--10_77_0 .dnb-flex-container--align-self-baseline{align-self:baseline}.eufemia-scope--10_77_0 .dnb-flex-container--align-self-stretch{align-self:stretch}.eufemia-scope--10_77_0 .dnb-flex-container--wrap{flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-xx-small{--gap:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-x-small{--gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-small{--gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-medium{--gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-large{--gap:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-x-large{--gap:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-flex-container--row-gap-xx-large{--gap:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-xx-small{--horizontal-gap:var(--spacing-xx-small)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-x-small{--horizontal-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-small{--horizontal-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-medium{--horizontal-gap:var(--spacing-medium)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-large{--horizontal-gap:var(--spacing-large)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-x-large{--horizontal-gap:var(--spacing-x-large)}.eufemia-scope--10_77_0 .dnb-flex-container--spacing-xx-large{--horizontal-gap:var(--spacing-xx-large)}.eufemia-scope--10_77_0 .dnb-flex-container__hr.dnb-hr{color:var(--color-black-8);width:100%}.eufemia-scope--10_77_0 .dnb-flex-item--grow{flex-grow:1}.eufemia-scope--10_77_0 .dnb-flex-item--shrink{flex-shrink:1}.eufemia-scope--10_77_0 .dnb-flex-item--align-self-flex-start{align-self:flex-start}.eufemia-scope--10_77_0 .dnb-flex-item--align-self-flex-end{align-self:flex-end}.eufemia-scope--10_77_0 .dnb-flex-item--align-self-center{align-self:center}.eufemia-scope--10_77_0 .dnb-flex-item--align-self-baseline{align-self:baseline}.eufemia-scope--10_77_0 .dnb-flex-item--align-self-stretch{align-self:stretch}.eufemia-scope--10_77_0 .dnb-flex-item--responsive{--sizeCount--default:12;--size--default:var(--small);--flex-basis:calc(100%/var(--sizeCount, var(--sizeCount--default))*var(--size, var(--size--default)));flex-basis:var(--flex-basis);flex-grow:0;max-width:var(--flex-basis)}.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive{--size:var(--small,var(--medium))}.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive{--size:var(--medium,var(--large))}.eufemia-scope--10_77_0 .dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive{--size:var(--large,var(--medium))}.eufemia-scope--10_77_0 .dnb-flex-stack+.dnb-flex-stack{margin-top:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-flex-stack>.dnb-button{align-self:flex-start}

package/cjs/components/form-label/style/dnb-form-label--isolated.css

@@ -0,0 +1,33 @@
+/*
+ * FormLabel component
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-form-label {
+  display: inline-block;
+  padding: 0;
+  text-align: left;
+  vertical-align: baseline;
+  white-space: pre-wrap;
+  word-break: normal;
+  font-size: var(--font-size-basis);
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-form-label[for] {
+  width: -webkit-fit-content;
+  width: fit-content;
+}
+.eufemia-scope--10_77_0 .dnb-form-label--vertical {
+  display: block;
+  margin-right: 0;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-form-label--interactive {
+  cursor: pointer;
+}
+.eufemia-scope--10_77_0 .dnb-form-label[disabled] {
+  cursor: not-allowed;
+}
+
+.eufemia-scope--10_77_0 legend.dnb-form-label {
+  display: inline-block;
+}

package/cjs/components/form-label/style/dnb-form-label--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-label{color:inherit;display:inline-block;font-size:var(--font-size-basis);padding:0;text-align:left;vertical-align:baseline;white-space:pre-wrap;word-break:normal}.eufemia-scope--10_77_0 .dnb-form-label[for]{width:-webkit-fit-content;width:fit-content}.eufemia-scope--10_77_0 .dnb-form-label--vertical{display:block;margin-bottom:.5rem;margin-right:0}.eufemia-scope--10_77_0 .dnb-form-label--interactive{cursor:pointer}.eufemia-scope--10_77_0 .dnb-form-label[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 legend.dnb-form-label{display:inline-block}

package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken--isolated.css

@@ -0,0 +1,7 @@
+/*
+ * FormLabel theme
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-form-label {
+  color: var(--sb-color-text);
+}

package/cjs/components/form-label/style/themes/dnb-form-label-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-label{color:var(--sb-color-text)}

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

@@ -0,0 +1,7 @@
+/*
+ * FormLabel theme
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-form-label {
+  color: var(--color-black-80);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-label{color:var(--color-black-80)}

package/cjs/components/form-row/style/dnb-form-row--isolated.css

@@ -0,0 +1,87 @@
+/*
+ * FormRow component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-form-row {
+  align-items: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-form-row, .eufemia-scope--10_77_0 .dnb-form-row.dnb-section {
+  display: flex;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__content {
+  display: inline-flex;
+  flex: 1;
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
+  align-items: baseline;
+}
+.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content .dnb-form-label {
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content--wrap {
+  display: block;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label {
+    margin-bottom: 0.5rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
+    flex-direction: column;
+  }
+  .eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content > .dnb-form-label {
+    margin-top: 1rem;
+  }
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
+    align-items: center;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-form-row--vertical > .dnb-form-row__label {
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-form-row--vertical > .dnb-form-row__content, .eufemia-scope--10_77_0 .dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested) {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-form-row--vertical-label {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-form-row > .dnb-form-status {
+  margin: 0.5rem 0;
+}
+.eufemia-scope--10_77_0 .dnb-form-row > .dnb-form-row__label--vertical {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-form-row > .dnb-form-row__label--vertical ~ .dnb-form-row__content {
+  grid-column: column1-start/column1-end;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__label-dummy {
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__fieldset, .eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset {
+  padding: 0;
+  border: none;
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__top]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__bottom]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__left]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__right]), .eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}

package/cjs/components/form-row/style/dnb-form-row--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-row{align-items:baseline}.eufemia-scope--10_77_0 .dnb-form-row,.eufemia-scope--10_77_0 .dnb-form-row.dnb-section{display:flex}.eufemia-scope--10_77_0 .dnb-form-row__content{display:inline-flex;flex:1;width:100%}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{align-items:baseline}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content .dnb-form-label{white-space:nowrap}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content--wrap{display:block}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical){align-items:flex-start;flex-direction:column}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-label{margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{flex-direction:column}.eufemia-scope--10_77_0 .dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content>.dnb-form-label{margin-top:1rem}}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content{align-items:center}}.eufemia-scope--10_77_0 .dnb-form-row--vertical>.dnb-form-row__label{margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-form-row--vertical-label,.eufemia-scope--10_77_0 .dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested),.eufemia-scope--10_77_0 .dnb-form-row--vertical>.dnb-form-row__content{flex-direction:column}.eufemia-scope--10_77_0 .dnb-form-row>.dnb-form-status{margin:.5rem 0}.eufemia-scope--10_77_0 .dnb-form-row>.dnb-form-row__label--vertical{align-items:flex-start;display:flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-form-row>.dnb-form-row__label--vertical~.dnb-form-row__content{grid-column:column1-start/column1-end}.eufemia-scope--10_77_0 .dnb-form-row__label-dummy{margin:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset,.eufemia-scope--10_77_0 .dnb-form-row__fieldset{border:none;padding:0;width:100%}.eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__top]),.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__bottom]),.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__left]),.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-core-style .dnb-form-row__fieldset:not([class*=space__right]),.eufemia-scope--10_77_0 .dnb-form-row__fieldset:not([class*=space__right]){margin-right:0}

package/cjs/components/form-row/style/themes/dnb-form-row-theme-sbanken--isolated.css

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

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

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

package/cjs/components/form-set/style/dnb-form-set--isolated.css

@@ -0,0 +1,4 @@
+/*
+ * FormSet component
+ *
+ */

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

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

package/cjs/components/form-status/style/dnb-form-status--isolated.css

@@ -0,0 +1,71 @@
+/*
+ * FormStatus component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-form-status {
+  --form-status-radius: 0.25rem;
+  display: flex;
+  opacity: 1;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__shell {
+  display: flex;
+  justify-content: flex-start;
+  align-items: flex-start;
+  min-width: inherit;
+  border-radius: var(--form-status-radius);
+}
+.eufemia-scope--10_77_0 .dnb-form-status__text {
+  max-width: var(--text-block-max-width);
+  padding: 0.625rem 1rem;
+  cursor: text;
+  color: inherit;
+  line-height: var(--line-height-small);
+  font-size: var(--font-size-small);
+  white-space: normal;
+}
+.eufemia-scope--10_77_0 button .dnb-form-status__text {
+  cursor: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-ul,
+.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-anchor {
+  font-size: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-ul:not([class*=dnb-space__left]) {
+  padding-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) {
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) .dnb-li {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-icon + .dnb-form-status__text {
+  padding-left: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__shell > .dnb-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0.3333333em 0.3333333em 0.3333333em 0.6666666em;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__size--large .dnb-form-status__text {
+  padding-top: 1.125rem;
+  padding-bottom: 1.125rem;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__size--large .dnb-form-status__shell > .dnb-icon {
+  margin-top: 0.6666666em;
+  margin-bottom: 0.6666666em;
+}
+.eufemia-scope--10_77_0 .dnb-form-status--stretch {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-form-status--stretch .dnb-form-status__shell {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-form-status[hidden] {
+  display: none;
+}

package/cjs/components/form-status/style/dnb-form-status--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-status{--form-status-radius:0.25rem;display:flex;opacity:1}.eufemia-scope--10_77_0 .dnb-form-status__shell{align-items:flex-start;border-radius:var(--form-status-radius);display:flex;justify-content:flex-start;min-width:inherit}.eufemia-scope--10_77_0 .dnb-form-status__text{color:inherit;cursor:text;font-size:var(--font-size-small);line-height:var(--line-height-small);max-width:var(--text-block-max-width);padding:.625rem 1rem;white-space:normal}.eufemia-scope--10_77_0 button .dnb-form-status__text{cursor:inherit}.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-anchor,.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-ul{font-size:inherit}.eufemia-scope--10_77_0 .dnb-form-status__text .dnb-ul:not([class*=dnb-space__left]){padding-left:1rem}.eufemia-scope--10_77_0 .dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]){margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) .dnb-li{margin-bottom:.5rem;margin-top:.5rem}.eufemia-scope--10_77_0 .dnb-icon+.dnb-form-status__text{padding-left:.5rem}.eufemia-scope--10_77_0 .dnb-form-status__shell>.dnb-icon{align-items:center;display:flex;justify-content:center;margin:.3333333em .3333333em .3333333em .6666666em}.eufemia-scope--10_77_0 .dnb-form-status__size--large .dnb-form-status__text{padding-bottom:1.125rem;padding-top:1.125rem}.eufemia-scope--10_77_0 .dnb-form-status__size--large .dnb-form-status__shell>.dnb-icon{margin-bottom:.6666666em;margin-top:.6666666em}.eufemia-scope--10_77_0 .dnb-form-status--stretch{flex-grow:1}.eufemia-scope--10_77_0 .dnb-form-status--stretch .dnb-form-status__shell{width:100%}.eufemia-scope--10_77_0 .dnb-form-status[hidden]{display:none}

package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken--isolated.css

@@ -0,0 +1,46 @@
+/*
+ * FormStatus theme
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-form-status__shell {
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell {
+  background-color: var(--sb-color-magenta-light-2);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--info .dnb-form-status__shell {
+  background-color: var(--sb-color-green-light-2);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--marketing .dnb-form-status__shell {
+  background-color: var(--sb-color-violet-light-4);
+}
+.eufemia-scope--10_77_0 .dnb-form-status--warn .dnb-form-status__shell {
+  background-color: var(--sb-color-yellow-light-3);
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
+  --border-color: var(--sb-color-red);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
+  --border-color: var(--sb-color-yellow-dark);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
+  --border-color: var(--sb-color-green-dark-2);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
+  --border-color: var(--sb-color-violet-light);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}

package/cjs/components/form-status/style/themes/dnb-form-status-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-form-status__shell{color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-form-status--error .dnb-form-status__shell{background-color:var(--sb-color-magenta-light-2)}.eufemia-scope--10_77_0 .dnb-form-status--info .dnb-form-status__shell{background-color:var(--sb-color-green-light-2)}.eufemia-scope--10_77_0 .dnb-form-status--marketing .dnb-form-status__shell{background-color:var(--sb-color-violet-light-4)}.eufemia-scope--10_77_0 .dnb-form-status--warn .dnb-form-status__shell{background-color:var(--sb-color-yellow-light-3)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell{--border-color:var(--sb-color-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell{--border-color:var(--sb-color-yellow-dark);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell{--border-color:var(--sb-color-green-dark-2);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell{--border-color:var(--sb-color-violet-light);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}