@dnb/eufemia 10.69.1 → 10.70.1

package/es/style/themes/theme-sbanken/sbanken-theme-components.css

@@ -2167,6 +2167,14 @@ label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
   border-radius: 50%;
   font-weight: var(--font-weight-medium);
   line-height: 1;
+  background-color: var(--background-color);
+  color: var(--color);
+}
+.dnb-avatar[style*="--background-color"] {
+  background-color: var(--background-color, var(--color-emerald-green));
+}
+.dnb-avatar[style*="--color"] {
+  color: var(--color, var(--color-pistachio));
 }
 .dnb-avatar, .dnb-core-style .dnb-avatar {
   line-height: var(--line-height-large);
@@ -4442,6 +4450,10 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
   }
 }
 @supports (-webkit-touch-callout: none) {
+  .dnb-date-picker__input,
+  .dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
+    text-indent: -2px;
+  }
   .dnb-date-picker__input:not(*:root),
   .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root), .dnb-core-style .dnb-date-picker__input:not(*:root) {
     margin: 0;
@@ -6719,6 +6731,15 @@ p > .dnb-icon {
 .dnb-input-masked input::placeholder {
   color: inherit;
 }
+.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button, .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+  margin: 0;
+}
+.dnb-input-masked--hide-controls[type=number] {
+  -webkit-appearance: textfield;
+          appearance: textfield;
+}
 
 .dnb-multi-input-mask__fieldset {
   padding: 0;
@@ -12172,17 +12193,17 @@ html:not([data-whatintent=touch]) .dnb-accordion--expanded > .dnb-accordion__hea
 .dnb-avatar {
   --avatar-font-size--large: var(--font-size-x-large);
   --avatar-font-size--x-large: var(--font-size-x-large);
-  color: var(--sb-color-white);
+  --color: var(--sb-color-white);
 }
 .dnb-avatar--primary {
-  background-color: var(--sb-color-purple-alternative);
+  --background-color: var(--sb-color-purple-alternative);
 }
 .dnb-avatar--secondary {
-  background-color: var(--sb-color-violet-light);
+  --background-color: var(--sb-color-violet-light);
 }
 .dnb-avatar--tertiary {
-  background-color: var(--sb-color-violet-light-2);
-  color: var(--sb-color-purple-alternative);
+  --background-color: var(--sb-color-violet-light-2);
+  --color: var(--sb-color-purple-alternative);
 }
 .dnb-avatar--size-large {
   font-weight: var(--sb-font-weight-basis);