@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1,141 @@
+/*
+* Tag component
+*
+*/
+/*
+ * Utilities
+ */
+/*
+ * Utilities
+ */ /*
+* Button mixins
+*
+*/
+/*
+* Tag mixins
+*
+*/
+.eufemia-scope--10_77_0 .dnb-tag {
+  --tag-icon-color: var(--color-sea-green);
+  --tag-icon-border-color: var(--tag-icon-color);
+}
+.eufemia-scope--10_77_0 .dnb-tag.dnb-button {
+  -webkit-appearance: none;
+          appearance: none;
+  background-color: var(--color-black-8);
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-tag.dnb-button .dnb-button__text {
+  font-size: var(--font-size-x-small);
+  transform: none;
+}
+.eufemia-scope--10_77_0 .dnb-tag:not(.dnb-tag--interactive) {
+  -webkit-user-select: unset;
+          user-select: unset;
+  cursor: unset;
+}
+.eufemia-scope--10_77_0 .dnb-tag:not(.dnb-tag--interactive) .dnb-button__text {
+  cursor: text;
+}
+.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button {
+  color: var(--color-sea-green);
+  background-color: var(--color-pistachio);
+  --border-color: var(--color-sea-green);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:focus-visible:not([disabled]) {
+  outline: none;
+  --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;
+  --tag-icon-color: var(--color-emerald-green);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:hover:not([disabled]) {
+  --border-color: var(--color-emerald-green);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  --tag-icon-color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active:not([disabled]) {
+  background-color: var(--color-mint-green-50);
+  --border-color: transparent;
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  --tag-icon-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button[disabled] {
+  color: var(--color-sea-green-30);
+  background-color: var(--color-white);
+  --border-color: var(--color-sea-green-30);
+  --border-width: 0.0625rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button, .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button {
+  padding-right: 0.25rem;
+  --tag-icon-fill: var(--tag-icon-fill-color);
+  --tag-icon-stroke: var(--tag-icon-stroke-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:focus-visible[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:focus-visible[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:focus-visible:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:focus-visible:not([disabled]) {
+  --tag-icon-fill: var(--tag-icon-stroke-color);
+  --tag-icon-stroke: var(--tag-icon-fill-color);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:hover[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:hover:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:hover:not([disabled]) {
+  --tag-icon-fill: var(--tag-icon-stroke-color);
+  --tag-icon-stroke: var(--tag-icon-fill-color);
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active[disabled], .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active:not([disabled]), .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active:not([disabled]) {
+  --tag-icon-fill: var(--tag-icon-stroke-color);
+  --tag-icon-stroke: var(--tag-icon-fill-color);
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg, .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg {
+  border-radius: 50%;
+  outline: 0.0625rem solid var(--tag-icon-border-color);
+  outline-offset: -0.0625rem;
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path, .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg .dnb-icon-close-circle-path {
+  fill: var(--tag-icon-fill);
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path, .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg .dnb-icon-close-cross-path {
+  stroke: var(--tag-icon-stroke);
+}
+.eufemia-scope--10_77_0 .dnb-tag--addable {
+  --tag-icon-fill-color: var(--tag-icon-color);
+  --tag-icon-stroke-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-tag--addable svg {
+  transform: rotate(45deg);
+}
+.eufemia-scope--10_77_0 .dnb-tag--removable {
+  --tag-icon-fill-color: var(--color-white);
+  --tag-icon-stroke-color: var(--tag-icon-color);
+}
+.eufemia-scope--10_77_0 .dnb-tag__group {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-tag{--tag-icon-color:var(--color-sea-green);--tag-icon-border-color:var(--tag-icon-color)}.eufemia-scope--10_77_0 .dnb-tag.dnb-button{-webkit-appearance:none;appearance:none;background-color:var(--color-black-8);padding-left:.5rem;padding-right:.5rem}.eufemia-scope--10_77_0 .dnb-tag.dnb-button .dnb-button__text{font-size:var(--font-size-x-small);transform:none}.eufemia-scope--10_77_0 .dnb-tag:not(.dnb-tag--interactive){cursor:unset;-webkit-user-select:unset;user-select:unset}.eufemia-scope--10_77_0 .dnb-tag:not(.dnb-tag--interactive) .dnb-button__text{cursor:text}.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button{--border-color:var(--color-sea-green);--border-width:0.0625rem;background-color:var(--color-pistachio);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:focus-visible:not([disabled]){--border-color:var(--color-emerald-green);--border-width:var(--focus-ring-width);--tag-icon-color:var(--color-emerald-green);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);outline:none}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:hover:not([disabled]){--border-color:var(--color-emerald-green);--border-width:0.125rem;--tag-icon-color:var(--color-emerald-green);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button:active:not([disabled]){--border-color:transparent;--border-width:0.0625rem;--tag-icon-color:var(--color-sea-green);background-color:var(--color-mint-green-50);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-tag--interactive.dnb-button[disabled]{--border-color:var(--color-sea-green-30);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--color-sea-green-30)}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button,.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button{--tag-icon-fill:var(--tag-icon-fill-color);--tag-icon-stroke:var(--tag-icon-stroke-color);padding-right:.25rem}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:focus-visible[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:focus-visible[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:focus-visible:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:focus-visible:not([disabled]){--tag-icon-fill:var(--tag-icon-stroke-color);--tag-icon-stroke:var(--tag-icon-fill-color)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:hover:not([disabled]){--tag-icon-fill:var(--tag-icon-stroke-color);--tag-icon-stroke:var(--tag-icon-fill-color)}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active[disabled],.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active:not([disabled]),.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button:active:not([disabled]){--tag-icon-fill:var(--tag-icon-stroke-color);--tag-icon-stroke:var(--tag-icon-fill-color)}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg,.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg{border-radius:50%;outline:.0625rem solid var(--tag-icon-border-color);outline-offset:-.0625rem}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg .dnb-icon-close-circle-path,.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path{fill:var(--tag-icon-fill)}.eufemia-scope--10_77_0 .dnb-tag--addable.dnb-button svg .dnb-icon-close-cross-path,.eufemia-scope--10_77_0 .dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path{stroke:var(--tag-icon-stroke)}.eufemia-scope--10_77_0 .dnb-tag--addable{--tag-icon-fill-color:var(--tag-icon-color);--tag-icon-stroke-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-tag--addable svg{transform:rotate(45deg)}.eufemia-scope--10_77_0 .dnb-tag--removable{--tag-icon-fill-color:var(--color-white);--tag-icon-stroke-color:var(--tag-icon-color)}.eufemia-scope--10_77_0 .dnb-tag__group{display:inline-flex;flex-wrap:wrap;gap:.5rem}

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

@@ -0,0 +1,251 @@
+/*
+* Textarea component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-textarea {
+  --textarea-border-radius: 0.25rem;
+  --textarea-rows: 2;
+  --textarea-background-color: var(--color-white);
+  --textarea-placeholder-color: grey;
+  --textarea-size--small: 0.25rem;
+  --textarea-size--medium: 0.5rem;
+  --textarea-size--large: 0.75rem;
+  display: inline-flex;
+  font-size: var(--font-size-small);
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__inner {
+  display: inline-flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__shell {
+  display: inline-flex;
+  position: relative;
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__shell::after {
+  --size: 0.5rem;
+  --bg-size: cover;
+  --bg-pos: 0;
+  pointer-events: none;
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  right: 0;
+  width: var(--size);
+  height: var(--size);
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-width=".5" d="m1 7 6-6M3.5 7 7 3.5M6 7l1-1"/></svg>');
+  background-size: var(--bg-size);
+  background-position: var(--bg-pos) var(--bg-pos);
+  background-color: var(--textarea-background-color);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__resize--medium .dnb-textarea__shell::after {
+  content: "";
+}
+.eufemia-scope--10_77_0 .dnb-textarea__resize--large .dnb-textarea__shell::after {
+  content: "";
+  --size: 1rem;
+  --bg-size: 60%;
+  --bg-pos: 0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__autoresize .dnb-textarea__shell::after {
+  content: none;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__state {
+  position: absolute;
+  z-index: 1;
+  top: calc(var(--textarea-size-vertical) * -1);
+  left: calc(var(--textarea-size-horizontal) * -1);
+  bottom: calc(var(--textarea-size-vertical) * -1);
+  right: calc(var(--textarea-size-vertical) * -1);
+  background-color: var(--textarea-background-color);
+  --border-color: var(--textarea-border-color);
+  --border-width: var(--textarea-border-width);
+  box-shadow: var(--textarea-border-inset, inset) 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: var(--textarea-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__row {
+  display: inline-flex;
+  margin: var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-horizontal);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__suffix.dnb-suffix {
+  padding-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  cursor: auto;
+  border: none;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+  color: var(--textarea-color, var(--color-black));
+  background-color: var(--textarea-background-color, var(--color-white));
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: auto;
+  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
+}
+html:not([data-visual-test]) .eufemia-scope--10_77_0 .dnb-textarea__textarea {
+  scroll-behavior: smooth;
+}
+@supports not (scrollbar-color: auto) {
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar {
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+    background-color: var(--scrollbar-track-color, #eee);
+  }
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar:vertical {
+    width: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
+    height: var(--scrollbar-track-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb-color, #888);
+    border-radius: var(--scrollbar-thumb-width, 0.5rem);
+  }
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
+    background-color: var(--scrollbar-thumb-hover-color, #666);
+  }
+}
+@-moz-document url-prefix() {
+  .eufemia-scope--10_77_0 .dnb-textarea__textarea {
+    overflow-x: clip !important;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-textarea__input:-webkit-autofill {
+  box-shadow: 0 0 0 var(--border-width) var(--border-color), 0 0 0 10em var(--textarea-background-color) inset;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__input:autofill {
+  box-shadow: 0 0 0 var(--border-width) var(--border-color), 0 0 0 10em var(--textarea-background-color) inset;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__placeholder {
+  pointer-events: none;
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--textarea-rows, 2);
+  cursor: auto;
+  border: none;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  font-size: var(--font-size-basis);
+  line-height: var(--line-height-basis);
+  color: var(--textarea-color, var(--color-black));
+  background-color: var(--textarea-background-color, var(--color-white));
+  color: var(--textarea-placeholder-color);
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea, .eufemia-scope--10_77_0 .dnb-textarea__placeholder {
+  text-align: left;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__align--right .dnb-textarea__textarea, .eufemia-scope--10_77_0 .dnb-textarea__align--right .dnb-textarea__placeholder {
+  text-align: right;
+}
+.eufemia-scope--10_77_0 .dnb-textarea, .eufemia-scope--10_77_0 .dnb-textarea__size--small {
+  --textarea-size-vertical: var(--textarea-size--small);
+  --textarea-size-horizontal: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__size--medium {
+  --textarea-size-vertical: var(--textarea-size--medium);
+  --textarea-size-horizontal: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__size--large {
+  --textarea-size-vertical: var(--textarea-size--large);
+  --textarea-size-horizontal: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__autoresize .dnb-textarea__textarea {
+  resize: none;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--disabled .dnb-textarea__textarea, .eufemia-scope--10_77_0 .dnb-textarea__textarea[disabled] {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .eufemia-scope--10_77_0 .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
+  width: 0;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__inner > .dnb-form-status {
+  order: 2;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label {
+  margin-top: var(--textarea-size-vertical);
+}
+.eufemia-scope--10_77_0 .dnb-textarea--vertical {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical)[class*=__status] {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical)[class*=__status] > .dnb-form-label {
+  margin-top: 0.25rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-textarea {
+    flex-wrap: wrap;
+  }
+  .eufemia-scope--10_77_0 .dnb-textarea > .dnb-form-label {
+    margin-bottom: 0.5rem;
+    margin-top: 0.5rem;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-textarea--stretch {
+  display: flex;
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__inner {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__shell, .eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__inner, .eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__textarea {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-form-label + .dnb-textarea__inner {
+  width: auto;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--keep-placeholder.dnb-textarea--focus .dnb-textarea__placeholder {
+  --textarea-placeholder-color: var(--textarea-placeholder-color--focus);
+  display: block;
+}
+.eufemia-scope--10_77_0 .dnb-form-row--horizontal .dnb-textarea--stretch {
+  width: 100%;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-textarea {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 0.5rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-textarea > .dnb-form-label {
+    margin-bottom: 0.5rem;
+  }
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-textarea__textarea {
+  caret-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__inner {
+  border-radius: var(--textarea-border-radius);
+}
+.eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__state, .eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__textarea {
+  visibility: hidden;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-textarea{--textarea-border-radius:0.25rem;--textarea-rows:2;--textarea-background-color:var(--color-white);--textarea-placeholder-color:grey;--textarea-size--small:0.25rem;--textarea-size--medium:0.5rem;--textarea-size--large:0.75rem;display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.eufemia-scope--10_77_0 .dnb-textarea__inner{display:inline-flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-textarea__shell{display:inline-flex;font-size:var(--font-size-basis);position:relative}.eufemia-scope--10_77_0 .dnb-textarea__shell:after{--size:0.5rem;--bg-size:cover;--bg-pos:0;background-color:var(--textarea-background-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='.5' d='m1 7 6-6M3.5 7 7 3.5M6 7l1-1'/%3E%3C/svg%3E");background-position:var(--bg-pos) var(--bg-pos);background-size:var(--bg-size);bottom:0;height:var(--size);pointer-events:none;position:absolute;right:0;width:var(--size);z-index:2}.eufemia-scope--10_77_0 .dnb-textarea__resize--medium .dnb-textarea__shell:after{content:""}.eufemia-scope--10_77_0 .dnb-textarea__resize--large .dnb-textarea__shell:after{--size:1rem;--bg-size:60%;--bg-pos:0.25rem;content:""}.eufemia-scope--10_77_0 .dnb-textarea__autoresize .dnb-textarea__shell:after{content:none}.eufemia-scope--10_77_0 .dnb-textarea__state{--border-color:var(--textarea-border-color);--border-width:var(--textarea-border-width);background-color:var(--textarea-background-color);border-color:transparent;border-radius:var(--textarea-border-radius);bottom:calc(var(--textarea-size-vertical)*-1);box-shadow:var(--textarea-border-inset,inset) 0 0 0 var(--border-width) var(--border-color);left:calc(var(--textarea-size-horizontal)*-1);position:absolute;right:calc(var(--textarea-size-vertical)*-1);top:calc(var(--textarea-size-vertical)*-1);z-index:1}.eufemia-scope--10_77_0 .dnb-textarea__row{display:inline-flex;margin:var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-horizontal)}.eufemia-scope--10_77_0 .dnb-textarea__suffix.dnb-suffix{padding-left:1rem}.eufemia-scope--10_77_0 .dnb-textarea__textarea{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;background-color:var(--textarea-background-color,var(--color-white));border:none;color:var(--textarea-color,var(--color-black));cursor:auto;font-size:var(--font-size-basis);line-height:var(--line-height-basis);margin:0;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:0;position:relative;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent;width:100%;z-index:2}html:not([data-visual-test]) .eufemia-scope--10_77_0 .dnb-textarea__textarea{scroll-behavior:smooth}@supports not (scrollbar-color:auto){.eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.eufemia-scope--10_77_0 .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}@-moz-document url-prefix(){.eufemia-scope--10_77_0 .dnb-textarea__textarea{overflow-x:clip!important}}.eufemia-scope--10_77_0 .dnb-textarea__input:-webkit-autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.eufemia-scope--10_77_0 .dnb-textarea__input:autofill{box-shadow:0 0 0 var(--border-width) var(--border-color),0 0 0 10em var(--textarea-background-color) inset}.eufemia-scope--10_77_0 .dnb-textarea__placeholder{-webkit-box-orient:vertical;-webkit-line-clamp:var(--textarea-rows,2);background-color:var(--textarea-background-color,var(--color-white));background-color:transparent;border:none;color:var(--textarea-color,var(--color-black));color:var(--textarea-placeholder-color);cursor:auto;display:-webkit-box;font-size:var(--font-size-basis);height:100%;left:0;line-height:var(--line-height-basis);margin:0;outline:none;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.eufemia-scope--10_77_0 .dnb-textarea__placeholder,.eufemia-scope--10_77_0 .dnb-textarea__textarea{text-align:left}.eufemia-scope--10_77_0 .dnb-textarea__align--right .dnb-textarea__placeholder,.eufemia-scope--10_77_0 .dnb-textarea__align--right .dnb-textarea__textarea{text-align:right}.eufemia-scope--10_77_0 .dnb-textarea,.eufemia-scope--10_77_0 .dnb-textarea__size--small{--textarea-size-vertical:var(--textarea-size--small);--textarea-size-horizontal:1rem}.eufemia-scope--10_77_0 .dnb-textarea__size--medium{--textarea-size-vertical:var(--textarea-size--medium);--textarea-size-horizontal:1rem}.eufemia-scope--10_77_0 .dnb-textarea__size--large{--textarea-size-vertical:var(--textarea-size--large);--textarea-size-horizontal:1rem}.eufemia-scope--10_77_0 .dnb-textarea__autoresize .dnb-textarea__textarea{resize:none}.eufemia-scope--10_77_0 .dnb-textarea--disabled .dnb-textarea__textarea,.eufemia-scope--10_77_0 .dnb-textarea__textarea[disabled]{-webkit-user-select:none;user-select:none}.eufemia-scope--10_77_0 .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar,.eufemia-scope--10_77_0 .dnb-textarea__textarea[disabled]::-webkit-scrollbar{width:0}.eufemia-scope--10_77_0 .dnb-textarea__inner>.dnb-form-status{margin-top:.5rem;order:2}.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label{margin-top:var(--textarea-size-vertical)}.eufemia-scope--10_77_0 .dnb-textarea--vertical{align-items:flex-start;display:flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-textarea:not(.dnb-textarea--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-textarea{flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-textarea>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.eufemia-scope--10_77_0 .dnb-textarea--stretch{display:flex;flex-grow:1}.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__inner{flex-grow:1}.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__inner,.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__shell,.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-textarea__textarea{width:100%}.eufemia-scope--10_77_0 .dnb-textarea--stretch .dnb-form-label+.dnb-textarea__inner{width:auto}.eufemia-scope--10_77_0 .dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner{width:100%}.eufemia-scope--10_77_0 .dnb-textarea--keep-placeholder.dnb-textarea--focus .dnb-textarea__placeholder{--textarea-placeholder-color:var(--textarea-placeholder-color--focus);display:block}.eufemia-scope--10_77_0 .dnb-form-row--horizontal .dnb-textarea--stretch{width:100%}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-responsive-component .dnb-textarea{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-responsive-component .dnb-textarea>.dnb-form-label{margin-bottom:.5rem}}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-textarea__textarea{caret-color:var(--color-white)}.eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__inner{border-radius:var(--textarea-border-radius)}.eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__state,.eufemia-scope--10_77_0 .dnb-textarea.dnb-skeleton .dnb-textarea__textarea{visibility:hidden}

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

@@ -0,0 +1,56 @@
+/*
+* Textarea theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-textarea {
+  --textarea-border-color: var(--sb-color-gray-dark-2);
+  --textarea-border-width: 0.0625rem;
+  --textarea-background-color: var(--color-white);
+  --textarea-color: var(--textarea-color--default);
+  --textarea-color--default: var(--color-black);
+  --textarea-color--active: var(--color-black);
+  --textarea-placeholder-color: var(--sb-color-gray-dark-3);
+  --textarea-placeholder-color--focus: var(--sb-color-gray-dark-3);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea {
+  background-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__state {
+  transition: border-radius 0.25s ease-out;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__resize--medium .dnb-textarea__shell::after {
+  opacity: 0.1;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-violet);
+  --textarea-border-width: 0.125rem;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus {
+  --textarea-color: var(--textarea-color--active);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-violet);
+  --textarea-border-radius: 1.5rem;
+  outline: none;
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state {
+  --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-textarea--disabled {
+  --textarea-color: var(--sb-color-gray-dark-2);
+  --textarea-background-color: var(--sb-color-gray-light);
+  --textarea-border-color: var(--sb-color-gray-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) {
+  --textarea-color--default: var(--sb-color-red);
+  --textarea-color--active: var(--color-black);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
+  --textarea-border-color: var(--sb-color-red);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-textarea{--textarea-border-color:var(--sb-color-gray-dark-2);--textarea-border-width:0.0625rem;--textarea-background-color:var(--color-white);--textarea-color:var(--textarea-color--default);--textarea-color--default:var(--color-black);--textarea-color--active:var(--color-black);--textarea-placeholder-color:var(--sb-color-gray-dark-3);--textarea-placeholder-color--focus:var(--sb-color-gray-dark-3)}.eufemia-scope--10_77_0 .dnb-textarea__textarea{background-color:transparent}.eufemia-scope--10_77_0 .dnb-textarea__state{transition:border-radius .25s ease-out}.eufemia-scope--10_77_0 .dnb-textarea__resize--medium .dnb-textarea__shell:after{opacity:.1}.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--textarea-border-color:var(--sb-color-violet);--textarea-border-width:0.125rem}.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus{--textarea-color:var(--textarea-color--active)}.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state{--textarea-border-color:var(--sb-color-violet);--textarea-border-radius:1.5rem;outline:none}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state{--border-color:var(--focus-ring-color);--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-textarea--disabled{--textarea-color:var(--sb-color-gray-dark-2);--textarea-background-color:var(--sb-color-gray-light);--textarea-border-color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled){--textarea-color--default:var(--sb-color-red);--textarea-color--active:var(--color-black)}.eufemia-scope--10_77_0 .dnb-textarea__status--error .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--textarea-border-color:var(--sb-color-red)}

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

@@ -0,0 +1,47 @@
+/*
+* Textarea theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-textarea {
+  --textarea-border-color: var(--color-sea-green);
+  --textarea-border-color--hover: var(--color-emerald-green);
+  --textarea-border-color--disabled: var(--color-black-55);
+  --textarea-border-width: 0.0625rem;
+  --textarea-border-width--hover: 0.125rem;
+  --textarea-color: var(--color-black);
+  --textarea-background-color: var(--color-white);
+  --textarea-placeholder-color: var(--color-black-55);
+  --textarea-placeholder-color--focus: var(--color-black-20);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea ::selection {
+  background-color: var(--color-mint-green);
+  text-shadow: none;
+}
+.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state, .eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover ~ .dnb-textarea__state {
+  --textarea-border-color: var(--textarea-border-color--hover);
+  --textarea-border-width: var(--textarea-border-width--hover);
+  --textarea-border-inset: ;
+}
+.eufemia-scope--10_77_0 .dnb-textarea--disabled {
+  --textarea-color: var(--color-black-55);
+  --textarea-background-color: var(--color-black-3);
+  --textarea-border-color: var(--textarea-border-color--disabled);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled), .eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
+  --border-color: var(--color-fire-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-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
+  --border-color: var(--color-fire-red);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-textarea{--textarea-border-color:var(--color-sea-green);--textarea-border-color--hover:var(--color-emerald-green);--textarea-border-color--disabled:var(--color-black-55);--textarea-border-width:0.0625rem;--textarea-border-width--hover:0.125rem;--textarea-color:var(--color-black);--textarea-background-color:var(--color-white);--textarea-placeholder-color:var(--color-black-55);--textarea-placeholder-color--focus:var(--color-black-20)}.eufemia-scope--10_77_0 .dnb-textarea__textarea ::selection{background-color:var(--color-mint-green);text-shadow:none}.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus~.dnb-textarea__state,.eufemia-scope--10_77_0 .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover~.dnb-textarea__state{--textarea-border-color:var(--textarea-border-color--hover);--textarea-border-width:var(--textarea-border-width--hover);--textarea-border-inset: }.eufemia-scope--10_77_0 .dnb-textarea--disabled{--textarea-color:var(--color-black-55);--textarea-background-color:var(--color-black-3);--textarea-border-color:var(--textarea-border-color--disabled)}.eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),.eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover{color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled)~.dnb-textarea__state{--border-color:var(--color-fire-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-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover~.dnb-textarea__state{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

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

@@ -0,0 +1,42 @@
+/*
+* Timeline component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-timeline {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  list-style: none;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__label {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  text-align: left;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__label__icon {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__label__title {
+  cursor: text;
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__content {
+  padding-bottom: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__content__subtitle {
+  cursor: text;
+  font-size: var(--font-size-x-small);
+  font-weight: var(--font-weight-basis);
+  color: var(--color-black-55);
+}
+.eufemia-scope--10_77_0 .dnb-timeline__item__content__info {
+  padding-top: var(--spacing-x-small);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-timeline{display:flex;flex-direction:column;list-style:none;padding:0}.eufemia-scope--10_77_0 .dnb-timeline__item__label{align-items:center;display:flex;padding:0;text-align:left}.eufemia-scope--10_77_0 .dnb-timeline__item__label__icon{align-items:center;display:flex;flex-shrink:0;height:auto;justify-content:center;padding:0}.eufemia-scope--10_77_0 .dnb-timeline__item__label__title{cursor:text}.eufemia-scope--10_77_0 .dnb-timeline__item__content{padding-bottom:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-timeline__item__content__subtitle{color:var(--color-black-55);cursor:text;font-size:var(--font-size-x-small);font-weight:var(--font-weight-basis)}.eufemia-scope--10_77_0 .dnb-timeline__item__content__info{padding-top:var(--spacing-x-small)}