@dnb/eufemia 10.76.1 → 10.77.0

package/es/components/input/style/themes/dnb-input-theme-sbanken--isolated.css

@@ -0,0 +1,98 @@
+/*
+* Input theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-input__border--tokens {
+  --input-border-color: var(--sb-color-gray-dark-2);
+  --input-border-color--hover: var(--sb-color-violet);
+  --input-border-color--active: var(--sb-color-violet);
+  --input-border-color--focus: var(--focus-ring-color);
+  --input-border-color--disabled: var(--sb-color-gray);
+  --input-border-color__error: var(--sb-color-red);
+  --input-border-color__error--focus: var(--sb-color-red);
+  --input-border-width: 0.0625rem;
+  --input-border-width--hover: 0.125rem;
+  --input-border-width--active: 0.0625rem;
+  --input-border-width--disabled: 0.0625rem;
+  --input-border-width--focus: var(--focus-ring-width);
+  --input-border-width__error: 0.0625rem;
+  --input-border-width__error--hover: 0.125rem;
+  --input-border-width__error--active: 0.0625rem;
+  --input-border-inset: inset;
+  --input-border-inset--hover: inset;
+  --input-border-inset--active: inset;
+  --input-border-inset--focus: inset;
+  --input-border-inset--disabled: inset;
+  --input-border-radius: 0.5rem;
+  --input-border-radius--active: 1.5rem;
+  --input-border-radius--focus: 1.5rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-input {
+  --input-height: 2.5rem;
+  --input-color: var(--input-color--default);
+  --input-color--default: var(--sb-color-text);
+  --input-color--active: var(--sb-color-text);
+  --input-button-border-color: var(--input-border-color);
+  --input-button-border-width: var(--input-border-width);
+  --input-button-border-radius: var(--input-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-input__shell {
+  background-color: var(--input-background-color);
+  transition: border-radius 0.25s ease-out;
+  border: none;
+  color: var(--input-color);
+}
+.eufemia-scope--10_77_0 .dnb-input__submit-button__button {
+  --button-secondary-color: var(--sb-color-violet);
+  --button-secondary-color--active: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-input__placeholder {
+  color: var(--sb-color-gray-dark-3);
+}
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell {
+  -webkit-text-fill-color: currentcolor;
+  background-color: var(--sb-color-gray-light);
+}
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell,
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder {
+  color: var(--sb-color-gray-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus] {
+  --input-color: var(--input-color--active);
+  --input-button-border-color: var(--input-border-color--active);
+  --input-button-border-radius: var(--input-border-radius--active);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus] {
+  --input-button-border-color: var(--input-border-color--focus);
+  --input-button-border-width: var(--input-border-width--focus);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus].dnb-input__status--error {
+  --input-button-border-color: var(
+    --input-border-color__error--focus
+  );
+}
+.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error {
+  --input-color--default: var(--sb-color-red);
+  --input-color--active: var(--sb-color-text);
+  --input-button-border-color: var(--sb-color-red);
+}
+.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button {
+  --button-secondary-background--hover: var(--sb-color-red);
+  --button-secondary-color--hover: var(--sb-color-white);
+  --button-secondary-color--active: var(--sb-color-red);
+}
+.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible) {
+  background-color: transparent;
+  box-shadow: none;
+  border-radius: 0 var(--input-button-border-radius) var(--input-button-border-radius) 0;
+}
+.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover, .eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active {
+  border: var(--input-button-border-width) solid var(--input-button-border-color);
+  border-left: none;
+  padding-left: var(--input-button-border-width);
+}

package/es/components/input/style/themes/dnb-input-theme-sbanken--isolated.min.css

@@ -0,0 +1,3 @@
+.eufemia-scope--10_77_0 .dnb-input__border--tokens{--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color);--input-border-color--disabled:var(--sb-color-gray);--input-border-color__error:var(--sb-color-red);--input-border-color__error--focus:var(--sb-color-red);--input-border-width:0.0625rem;--input-border-width--hover:0.125rem;--input-border-width--active:0.0625rem;--input-border-width--disabled:0.0625rem;--input-border-width--focus:var(--focus-ring-width);--input-border-width__error:0.0625rem;--input-border-width__error--hover:0.125rem;--input-border-width__error--active:0.0625rem;--input-border-inset:inset;--input-border-inset--hover:inset;--input-border-inset--active:inset;--input-border-inset--focus:inset;--input-border-inset--disabled:inset;--input-border-radius:0.5rem;--input-border-radius--active:1.5rem;--input-border-radius--focus:1.5rem}.eufemia-scope--10_77_0 .dnb-input{--input-height:2.5rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-button-border-radius:var(--input-border-radius)}.eufemia-scope--10_77_0 .dnb-input__shell{background-color:var(--input-background-color);border:none;color:var(--input-color);transition:border-radius .25s ease-out}.eufemia-scope--10_77_0 .dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell,.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-button-border-color:var(--input-border-color--active);--input-button-border-radius:var(--input-border-radius--active)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--input-border-width--focus)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled])[data-input-state=focus].dnb-input__status--error{--input-button-border-color:var(
+    --input-border-color__error--focus
+  )}.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-button-border-color:var(--sb-color-red)}.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;border-radius:0 var(--input-button-border-radius) var(--input-button-border-radius) 0;box-shadow:none}.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.eufemia-scope--10_77_0 .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}

package/es/components/input/style/themes/dnb-input-theme-ui--isolated.css

@@ -0,0 +1,79 @@
+/*
+* Input theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-input__border--tokens {
+  --input-border-color: var(--color-sea-green);
+  --input-border-color--hover: var(--color-emerald-green);
+  --input-border-color--active: var(--color-emerald-green);
+  --input-border-color--focus: var(--color-emerald-green);
+  --input-border-color--disabled: var(--color-black-55);
+  --input-border-color__error: var(--color-fire-red);
+  --input-border-color__error--focus: var(--color-fire-red);
+  --input-border-width: 0.0625rem;
+  --input-border-width--hover: 0.125rem;
+  --input-border-width--active: 0.125rem;
+  --input-border-width--focus: 0.125rem;
+  --input-border-width--disabled: 0.0625rem;
+  --input-border-width__error: 0.0625rem;
+  --input-border-width__error--hover: 0.125rem;
+  --input-border-width__error--active: 0.125rem;
+  --input-border-inset: inset;
+  --input-border-inset--hover: ;
+  --input-border-inset--active: ;
+  --input-border-inset--focus: ;
+  --input-border-inset--disabled: inset;
+  --input-border-radius: 0.25rem;
+  --input-border-radius--active: 0.25rem;
+  --input-border-radius--focus: 0.25rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-input {
+  color: var(--color-black);
+}
+.eufemia-scope--10_77_0 .dnb-input__inner {
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-input__shell {
+  color: inherit;
+  background-color: var(--input-background-color);
+  border: none;
+}
+.eufemia-scope--10_77_0 .dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within) {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell {
+  -webkit-text-fill-color: currentcolor;
+  background-color: var(--color-black-3);
+}
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell,
+.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon {
+  color: var(--color-black-55);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):hover,
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):hover::after,
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):focus-visible,
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):focus-visible::after {
+  background-color: var(--color-fire-red);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):hover:active,
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text, [disabled]):focus-visible:active {
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-input__icon {
+  color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__icon {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-input__input::selection {
+  background-color: var(--color-mint-green);
+  color: var(--color-black);
+  text-shadow: none;
+}
+.eufemia-scope--10_77_0 .dnb-input__placeholder {
+  color: var(--color-black-55);
+}

package/es/components/input/style/themes/dnb-input-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-input__border--tokens{--input-border-color:var(--color-sea-green);--input-border-color--hover:var(--color-emerald-green);--input-border-color--active:var(--color-emerald-green);--input-border-color--focus:var(--color-emerald-green);--input-border-color--disabled:var(--color-black-55);--input-border-color__error:var(--color-fire-red);--input-border-color__error--focus:var(--color-fire-red);--input-border-width:0.0625rem;--input-border-width--hover:0.125rem;--input-border-width--active:0.125rem;--input-border-width--focus:0.125rem;--input-border-width--disabled:0.0625rem;--input-border-width__error:0.0625rem;--input-border-width__error--hover:0.125rem;--input-border-width__error--active:0.125rem;--input-border-inset:inset;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled:inset;--input-border-radius:0.25rem;--input-border-radius--active:0.25rem;--input-border-radius--focus:0.25rem}.eufemia-scope--10_77_0 .dnb-input{color:var(--color-black)}.eufemia-scope--10_77_0 .dnb-input__inner{color:inherit}.eufemia-scope--10_77_0 .dnb-input__shell{background-color:var(--input-background-color);border:none;color:inherit}.eufemia-scope--10_77_0 .dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within){color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--color-black-3)}.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell,.eufemia-scope--10_77_0 .dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible,html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:after,html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover,html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):focus-visible:active,html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,[disabled]):hover:active{color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-input__icon{color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.eufemia-scope--10_77_0 .dnb-input__placeholder{color:var(--color-black-55)}

package/es/components/input-masked/style/dnb-input-masked--isolated.css

@@ -0,0 +1,82 @@
+/*
+* InputMasked component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-input-masked--guide {
+  font-family: var(--font-family-monospace);
+}
+.eufemia-scope--10_77_0 .dnb-input-masked input::placeholder {
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button, .eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number] {
+  -webkit-appearance: textfield;
+          appearance: textfield;
+}
+
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset {
+  padding: 0;
+  border: none;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__top]) {
+  margin-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__left]) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset--horizontal {
+  display: inline-flex;
+  flex-flow: row wrap;
+  align-items: baseline;
+  gap: 1rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input {
+  display: inline-block;
+  width: auto;
+  margin: 0;
+  padding: 0 0.125rem;
+  transform: translateY(0);
+  outline: none;
+  font-family: var(--font-family-monospace);
+  text-align: center;
+  border: none;
+  background: transparent;
+  overflow: visible;
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input:first-of-type {
+  padding-left: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input:last-of-type {
+  padding-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input, .eufemia-scope--10_77_0 .dnb-input--large .dnb-multi-input-mask__input.dnb-input__input {
+  padding: 0 0.25rem;
+}
+
+.eufemia-scope--10_77_0 .dnb-multi-input-mask {
+  width: -webkit-fit-content;
+  width: fit-content;
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,
+.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter {
+  color: var(--color-black-55);
+}
+.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight,
+.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight {
+  color: var(--color-black);
+}

package/es/components/input-masked/style/dnb-input-masked--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-input-masked--guide{font-family:var(--font-family-monospace)}.eufemia-scope--10_77_0 .dnb-input-masked input::placeholder{color:inherit}.eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button,.eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.eufemia-scope--10_77_0 .dnb-input-masked--hide-controls[type=number]{-webkit-appearance:textfield;appearance:textfield}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset{border:none;padding:0}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.eufemia-scope--10_77_0 .dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.eufemia-scope--10_77_0 .dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.eufemia-scope--10_77_0 .dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.eufemia-scope--10_77_0 .dnb-multi-input-mask{width:-webkit-fit-content;width:fit-content}.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.eufemia-scope--10_77_0 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}

package/es/components/logo/style/dnb-logo--isolated.css

@@ -0,0 +1,33 @@
+/*
+ * Logo Component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-logo,
+.eufemia-scope--10_77_0 .sbanken-logo {
+  display: inline-flex;
+  vertical-align: baseline;
+  font-size: inherit;
+  line-height: var(--line-height-xx-small--em);
+  height: 1em;
+}
+.eufemia-scope--10_77_0 .dnb-logo svg,
+.eufemia-scope--10_77_0 .sbanken-logo svg {
+  fill: currentcolor;
+  shape-rendering: geometricprecision;
+}
+.eufemia-scope--10_77_0 .dnb-logo--has-size,
+.eufemia-scope--10_77_0 .sbanken-logo--has-size {
+  width: auto;
+  height: auto;
+}
+.eufemia-scope--10_77_0 .dnb-logo--inherit-size,
+.eufemia-scope--10_77_0 .sbanken-logo--inherit-size {
+  height: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-logo svg:not([width], [height]), .eufemia-scope--10_77_0 .sbanken-logo svg:not([width], [height]) {
+  width: inherit;
+  height: inherit;
+}

package/es/components/logo/style/dnb-logo--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-logo,.eufemia-scope--10_77_0 .sbanken-logo{display:inline-flex;font-size:inherit;height:1em;line-height:var(--line-height-xx-small--em);vertical-align:baseline}.eufemia-scope--10_77_0 .dnb-logo svg,.eufemia-scope--10_77_0 .sbanken-logo svg{fill:currentcolor;shape-rendering:geometricprecision}.eufemia-scope--10_77_0 .dnb-logo--has-size,.eufemia-scope--10_77_0 .sbanken-logo--has-size{height:auto;width:auto}.eufemia-scope--10_77_0 .dnb-logo--inherit-size,.eufemia-scope--10_77_0 .sbanken-logo--inherit-size{height:inherit}.eufemia-scope--10_77_0 .dnb-logo svg:not([width],[height]),.eufemia-scope--10_77_0 .sbanken-logo svg:not([width],[height]){height:inherit;width:inherit}

package/es/components/logo/style/themes/dnb-logo-theme-sbanken--isolated.css

@@ -0,0 +1,10 @@
+/*
+ * Logo Component
+ *
+ */
+.eufemia-scope--10_77_0 .sbanken-logo {
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .sbanken-logo--inherit-color {
+  color: currentcolor;
+}

package/es/components/logo/style/themes/dnb-logo-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .sbanken-logo{color:var(--sb-color-text)}.eufemia-scope--10_77_0 .sbanken-logo--inherit-color{color:currentcolor}

package/es/components/logo/style/themes/dnb-logo-theme-ui--isolated.css

@@ -0,0 +1,10 @@
+/*
+ * Logo Component
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-logo {
+  color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-logo--inherit-color {
+  color: currentcolor;
+}

package/es/components/logo/style/themes/dnb-logo-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-logo{color:var(--color-sea-green)}.eufemia-scope--10_77_0 .dnb-logo--inherit-color{color:currentcolor}

package/es/components/modal/style/dnb-modal--isolated.css

@@ -0,0 +1,198 @@
+/*
+ * Modal component
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Modal component
+ *
+ */
+@keyframes show-modal {
+  from {
+    opacity: 0.1;
+    transform: translate3d(0, -1rem, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes hide-modal {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(0, 1rem, 0);
+    opacity: 0;
+  }
+}
+@keyframes show-drawer {
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+@keyframes hide-drawer-left {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(-20rem, 0, 0);
+    opacity: 0;
+  }
+}
+@keyframes hide-drawer-top {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(0, -20rem, 0);
+    opacity: 0;
+  }
+}
+@keyframes hide-drawer-bottom {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(0, 20rem, 0);
+    opacity: 0;
+  }
+}
+@keyframes hide-drawer-right {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(20rem, 0, 0);
+    opacity: 0;
+  }
+}
+@keyframes show-modal-overlay {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes hide-modal-overlay {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.eufemia-scope--10_77_0 {
+  --modal-z-index: 3000;
+  --modal-animation-duration: 300ms;
+}
+
+html[data-dnb-modal-active] .eufemia-scope--10_77_0 {
+  user-select: none;
+  /* stylelint-disable-next-line */
+  -webkit-user-select: none;
+}
+
+.eufemia-scope--10_77_0 #dnb-modal-root {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.eufemia-scope--10_77_0 .dnb-modal {
+  /* stylelint-disable-next-line */
+}
+.eufemia-scope--10_77_0 .dnb-modal__content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: calc(var(--modal-z-index) + 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 100vw;
+  width: 100%;
+  height: 100%;
+  user-select: none;
+  /* stylelint-disable-next-line */
+  -webkit-user-select: none;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-modal__content--auto-fullscreen {
+    height: auto;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-modal__content--fullscreen {
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-modal__content--fullscreen .dnb-modal__content__content {
+  height: auto;
+}
+.eufemia-scope--10_77_0 .dnb-modal__content--left, .eufemia-scope--10_77_0 .dnb-modal__content--top {
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-modal__content--right {
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-modal__content--bottom {
+  align-items: flex-end;
+  justify-content: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-modal__vertical-alignment--top {
+  padding-top: 5vh;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-modal__overlay {
+  position: fixed;
+  z-index: var(--modal-z-index);
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner .dnb-modal__overlay {
+  animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
+  animation: show-modal-overlay var(--modal-animation-duration) ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
+  animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-modal__overlay, .eufemia-scope--10_77_0 .dnb-modal__overlay--no-animation {
+  animation-delay: 0ms !important;
+  animation-duration: 0ms !important;
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner {
+  position: relative;
+  z-index: calc(var(--modal-z-index) + 1);
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner ~ .dnb-modal-root__inner {
+  z-index: calc(var(--modal-z-index) + 2);
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
+  z-index: calc(var(--modal-z-index) + 3);
+}
+.eufemia-scope--10_77_0 .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
+  z-index: calc(var(--modal-z-index) + 4);
+}
+.eufemia-scope--10_77_0 .dnb-modal__close-button {
+  z-index: calc(var(--modal-z-index) + 1);
+}
+.eufemia-scope--10_77_0 .dnb-modal__header__bar.dnb-section {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}

package/es/components/modal/style/dnb-modal--isolated.min.css

@@ -0,0 +1 @@
+@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}.eufemia-scope--10_77_0{--modal-z-index:3000;--modal-animation-duration:300ms}html[data-dnb-modal-active] .eufemia-scope--10_77_0{user-select:none;-webkit-user-select:none}.eufemia-scope--10_77_0 #dnb-modal-root{left:0;position:absolute;top:0}.eufemia-scope--10_77_0 .dnb-modal__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;user-select:none;-webkit-user-select:none;width:100%;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-modal__content--auto-fullscreen{height:auto}}.eufemia-scope--10_77_0 .dnb-modal__content--fullscreen{align-items:flex-start;justify-content:flex-start}.eufemia-scope--10_77_0 .dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}.eufemia-scope--10_77_0 .dnb-modal__content--left,.eufemia-scope--10_77_0 .dnb-modal__content--top{align-items:flex-start;justify-content:flex-start}.eufemia-scope--10_77_0 .dnb-modal__content--right{align-items:flex-start;justify-content:flex-end}.eufemia-scope--10_77_0 .dnb-modal__content--bottom{align-items:flex-end;justify-content:flex-start}.eufemia-scope--10_77_0 .dnb-modal__vertical-alignment--top{align-items:flex-start;padding-top:5vh}.eufemia-scope--10_77_0 .dnb-modal__overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.eufemia-scope--10_77_0 .dnb-modal-root__inner .dnb-modal__overlay{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.eufemia-scope--10_77_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay{animation:show-modal-overlay var(--modal-animation-duration) ease-out}.eufemia-scope--10_77_0 .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.eufemia-scope--10_77_0 .dnb-modal__overlay--no-animation,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-modal__overlay{animation-delay:0ms!important;animation-duration:0ms!important}.eufemia-scope--10_77_0 .dnb-modal-root__inner{position:relative;z-index:calc(var(--modal-z-index) + 1)}.eufemia-scope--10_77_0 .dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 2)}.eufemia-scope--10_77_0 .dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 3)}.eufemia-scope--10_77_0 .dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 4)}.eufemia-scope--10_77_0 .dnb-modal__close-button{z-index:calc(var(--modal-z-index) + 1)}.eufemia-scope--10_77_0 .dnb-modal__header__bar.dnb-section{display:flex;flex-direction:row;justify-content:space-between}

package/es/components/modal/style/themes/dnb-modal-theme-ui--isolated.css

@@ -0,0 +1,11 @@
+/*
+* Modal theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-modal__overlay {
+  --modal-overlay-bg: rgb(0 0 0 / 32%);
+  background-color: var(--modal-overlay-bg);
+}

package/es/components/modal/style/themes/dnb-modal-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-modal__overlay{--modal-overlay-bg:rgba(0,0,0,.32);background-color:var(--modal-overlay-bg)}

package/es/components/number-format/style/dnb-number-format--isolated.css

@@ -0,0 +1,54 @@
+/*
+ * NumberFormat Component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-number-format {
+  display: inline-block;
+  position: relative;
+  speak-as: numbers;
+  color: inherit;
+  white-space: nowrap;
+}
+.eufemia-scope--10_77_0 .dnb-number-format .dnb-sr-only::before {
+  content: attr(data-text);
+}
+.eufemia-scope--10_77_0 .dnb-number-format__prefix, .eufemia-scope--10_77_0 .dnb-number-format__suffix {
+  white-space: normal;
+}
+.eufemia-scope--10_77_0 .dnb-number-format.dnb-anchor {
+  cursor: pointer;
+}
+.eufemia-scope--10_77_0 .dnb-number-format--selectall {
+  cursor: text;
+}
+.eufemia-scope--10_77_0 .dnb-number-format__visible {
+  position: relative;
+  z-index: 2;
+}
+.eufemia-scope--10_77_0 .dnb-number-format--selected .dnb-number-format__visible {
+  color: var(--color-black);
+  background-color: var(--color-mint-green);
+}
+.eufemia-scope--10_77_0 .dnb-number-format__selection {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.eufemia-scope--10_77_0 .dnb-number-format--selected .dnb-number-format__selection {
+  z-index: 3;
+  -webkit-user-select: all;
+          user-select: all;
+}
+.eufemia-scope--10_77_0 .dnb-number-format--monospace {
+  font-family: var(--font-family-monospace);
+}
+.eufemia-scope--10_77_0 .dnb-number-format.dnb-skeleton, .eufemia-scope--10_77_0 .dnb-skeleton .dnb-number-format {
+  -webkit-text-fill-color: var(--skeleton-color);
+}

package/es/components/number-format/style/dnb-number-format--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-number-format{speak-as:numbers;color:inherit;display:inline-block;position:relative;white-space:nowrap}.eufemia-scope--10_77_0 .dnb-number-format .dnb-sr-only:before{content:attr(data-text)}.eufemia-scope--10_77_0 .dnb-number-format__prefix,.eufemia-scope--10_77_0 .dnb-number-format__suffix{white-space:normal}.eufemia-scope--10_77_0 .dnb-number-format.dnb-anchor{cursor:pointer}.eufemia-scope--10_77_0 .dnb-number-format--selectall{cursor:text}.eufemia-scope--10_77_0 .dnb-number-format__visible{position:relative;z-index:2}.eufemia-scope--10_77_0 .dnb-number-format--selected .dnb-number-format__visible{background-color:var(--color-mint-green);color:var(--color-black)}.eufemia-scope--10_77_0 .dnb-number-format__selection{left:0;opacity:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;z-index:1}.eufemia-scope--10_77_0 .dnb-number-format--selected .dnb-number-format__selection{-webkit-user-select:all;user-select:all;z-index:3}.eufemia-scope--10_77_0 .dnb-number-format--monospace{font-family:var(--font-family-monospace)}.eufemia-scope--10_77_0 .dnb-number-format.dnb-skeleton,.eufemia-scope--10_77_0 .dnb-skeleton .dnb-number-format{-webkit-text-fill-color:var(--skeleton-color)}