@dnb/eufemia 10.76.1 → 10.77.1

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

@@ -0,0 +1,52 @@
+/*
+* Autocomplete theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner {
+  color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell, .eufemia-scope--10_77_1 .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
+  --border-color: var(--color-sea-green);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__submit-button__button, .eufemia-scope--10_77_1 .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button {
+  border-radius: 0;
+  color: var(--color-white);
+  background-color: var(--color-sea-green);
+  box-shadow: none;
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon {
+  color: transparent;
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete__shell, .eufemia-scope--10_77_1 .dnb-autocomplete__input {
+  border-radius: var(--autocomplete-border-radius);
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
+  --border-color: var(--color-fire-red);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(1) {
+  font-weight: var(--font-weight-basis);
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n + 2) {
+  color: var(--color-black-55);
+}
+.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option__item--highlight {
+  font-weight: var(--font-weight-bold);
+}
+
+.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n + 2) {
+  color: var(--color-white);
+}
+
+.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option--selected .dnb-anchor {
+  color: var(--color-white);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner{color:var(--color-sea-green)}.eufemia-scope--10_77_1 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell,.eufemia-scope--10_77_1 .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover~.dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_1 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__submit-button__button,.eufemia-scope--10_77_1 .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover~.dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button{background-color:var(--color-sea-green);border-radius:0;box-shadow:none;color:var(--color-white)}.eufemia-scope--10_77_1 .dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon{color:transparent}.eufemia-scope--10_77_1 .dnb-autocomplete__input,.eufemia-scope--10_77_1 .dnb-autocomplete__shell{border-radius:var(--autocomplete-border-radius)}.eufemia-scope--10_77_1 .dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover~.dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option__item:first-of-type{font-weight:var(--font-weight-basis)}.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n+2){color:var(--color-black-55)}.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option__item--highlight{font-weight:var(--font-weight-bold)}.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option--selected .dnb-anchor,.eufemia-scope--10_77_1 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n+2){color:var(--color-white)}

package/components/avatar/style/dnb-avatar--isolated.css

@@ -0,0 +1,133 @@
+/*
+* Avatar component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-avatar {
+  --avatar-font-size--small: var(--font-size-x-small);
+  --avatar-font-size--medium: var(--font-size-basis);
+  --avatar-font-size--large: var(--font-size-x-large);
+  --avatar-font-size--x-large: var(--font-size-x-large);
+  --avatar-line-height--small: var(--line-height-x-small);
+  --avatar-line-height--medium: var(--line-height-basis);
+  --avatar-line-height--large: var(--line-height-large);
+  --avatar-line-height--x-large: var(--line-height-large);
+  --avatar-width--small: 1.5rem;
+  --avatar-height--small: 1.5rem;
+  --avatar-width--medium: 2rem;
+  --avatar-height--medium: 2rem;
+  --avatar-width--large: 4rem;
+  --avatar-height--large: 4rem;
+  --avatar-width--x-large: 5rem;
+  --avatar-height--x-large: 5rem;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+  -webkit-user-select: none;
+          user-select: none;
+  white-space: nowrap;
+  border-radius: 50%;
+  font-weight: var(--font-weight-medium);
+  line-height: 1;
+  background-color: var(--background-color);
+  color: var(--color);
+}
+.eufemia-scope--10_77_1 .dnb-avatar[style*="--background-color"] {
+  background-color: var(--background-color, var(--color-emerald-green));
+}
+.eufemia-scope--10_77_1 .dnb-avatar[style*="--color"] {
+  color: var(--color, var(--color-pistachio));
+}
+.eufemia-scope--10_77_1 .dnb-avatar, .eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar {
+  line-height: var(--line-height-large);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-small {
+  width: var(--avatar-width--small);
+  height: var(--avatar-height--small);
+  font-size: var(--avatar-font-size--small);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-small, .eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-small {
+  line-height: var(--avatar-line-height--small);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-medium {
+  width: var(--avatar-width--medium);
+  height: var(--avatar-height--medium);
+  font-size: var(--avatar-font-size--medium);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-medium, .eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-medium {
+  line-height: var(--avatar-line-height--medium);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-large {
+  width: var(--avatar-width--large);
+  height: var(--avatar-height--large);
+  font-size: var(--avatar-font-size--large);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-large, .eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-large {
+  line-height: var(--avatar-line-height--large);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-x-large {
+  width: var(--avatar-width--x-large);
+  height: var(--avatar-height--x-large);
+  font-size: var(--avatar-font-size--x-large);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-x-large, .eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-x-large {
+  line-height: var(--avatar-line-height--x-large);
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group {
+  --avatar-font-size-left--small: var(--font-size-x-small);
+  --avatar-font-size-left--medium: var(--font-size-small);
+  --avatar-font-size-left--large: var(--font-size-large);
+  --avatar-font-size-left--x-large: var(--font-size-large);
+  display: inline-flex;
+  justify-content: flex;
+  flex-direction: row;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar {
+  --border-color: var(--color-black-3);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-small {
+  margin-left: -0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-medium {
+  margin-left: -0.75rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-large {
+  margin-left: -1rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-x-large {
+  margin-left: -1.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar:nth-of-type(2) {
+  margin-left: 0;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--color-black-55);
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-small {
+  font-size: var(--avatar-font-size-left--small);
+  margin-left: 0.125rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-medium {
+  font-size: var(--avatar-font-size-left--medium);
+  margin-left: 0.125rem;
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-large {
+  font-size: var(--avatar-font-size-left--large);
+  margin-left: var(--spacing-xx-small);
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-x-large {
+  font-size: var(--avatar-font-size-left--x-large);
+  margin-left: var(--spacing-xx-small);
+}

package/components/avatar/style/dnb-avatar--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-avatar{--avatar-font-size--small:var(--font-size-x-small);--avatar-font-size--medium:var(--font-size-basis);--avatar-font-size--large:var(--font-size-x-large);--avatar-font-size--x-large:var(--font-size-x-large);--avatar-line-height--small:var(--line-height-x-small);--avatar-line-height--medium:var(--line-height-basis);--avatar-line-height--large:var(--line-height-large);--avatar-line-height--x-large:var(--line-height-large);--avatar-width--small:1.5rem;--avatar-height--small:1.5rem;--avatar-width--medium:2rem;--avatar-height--medium:2rem;--avatar-width--large:4rem;--avatar-height--large:4rem;--avatar-width--x-large:5rem;--avatar-height--x-large:5rem;align-items:center;background-color:var(--background-color);border-radius:50%;color:var(--color);display:inline-flex;flex-shrink:0;font-weight:var(--font-weight-medium);justify-content:center;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.eufemia-scope--10_77_1 .dnb-avatar[style*="--background-color"]{background-color:var(--background-color,var(--color-emerald-green))}.eufemia-scope--10_77_1 .dnb-avatar[style*="--color"]{color:var(--color,var(--color-pistachio))}.eufemia-scope--10_77_1 .dnb-avatar,.eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar{line-height:var(--line-height-large)}.eufemia-scope--10_77_1 .dnb-avatar--size-small{font-size:var(--avatar-font-size--small);height:var(--avatar-height--small);width:var(--avatar-width--small)}.eufemia-scope--10_77_1 .dnb-avatar--size-small,.eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-small{line-height:var(--avatar-line-height--small)}.eufemia-scope--10_77_1 .dnb-avatar--size-medium{font-size:var(--avatar-font-size--medium);height:var(--avatar-height--medium);width:var(--avatar-width--medium)}.eufemia-scope--10_77_1 .dnb-avatar--size-medium,.eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-medium{line-height:var(--avatar-line-height--medium)}.eufemia-scope--10_77_1 .dnb-avatar--size-large{font-size:var(--avatar-font-size--large);height:var(--avatar-height--large);width:var(--avatar-width--large)}.eufemia-scope--10_77_1 .dnb-avatar--size-large,.eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-large{line-height:var(--avatar-line-height--large)}.eufemia-scope--10_77_1 .dnb-avatar--size-x-large{font-size:var(--avatar-font-size--x-large);height:var(--avatar-height--x-large);width:var(--avatar-width--x-large)}.eufemia-scope--10_77_1 .dnb-avatar--size-x-large,.eufemia-scope--10_77_1 .dnb-core-style .dnb-avatar--size-x-large{line-height:var(--avatar-line-height--x-large)}.eufemia-scope--10_77_1 .dnb-avatar__group{--avatar-font-size-left--small:var(--font-size-x-small);--avatar-font-size-left--medium:var(--font-size-small);--avatar-font-size-left--large:var(--font-size-large);--avatar-font-size-left--x-large:var(--font-size-large);display:inline-flex;flex-direction:row;justify-content:flex}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar{--border-color:var(--color-black-3);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-small{margin-left:-.5rem}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-medium{margin-left:-.75rem}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-large{margin-left:-1rem}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar--size-x-large{margin-left:-1.5rem}.eufemia-scope--10_77_1 .dnb-avatar__group .dnb-avatar:nth-of-type(2){margin-left:0}.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left{align-items:center;color:var(--color-black-55);display:inline-flex;flex-shrink:0;justify-content:center}.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-small{font-size:var(--avatar-font-size-left--small);margin-left:.125rem}.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-medium{font-size:var(--avatar-font-size-left--medium);margin-left:.125rem}.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-large{font-size:var(--avatar-font-size-left--large);margin-left:var(--spacing-xx-small)}.eufemia-scope--10_77_1 .dnb-avatar__group--elements-left--size-x-large{font-size:var(--avatar-font-size-left--x-large);margin-left:var(--spacing-xx-small)}

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

@@ -0,0 +1,35 @@
+/*
+* Avatar theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .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);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--primary {
+  --background-color: var(--sb-color-purple-alternative);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--secondary {
+  --background-color: var(--sb-color-violet-light);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--tertiary {
+  --background-color: var(--sb-color-violet-light-2);
+  --color: var(--sb-color-purple-alternative);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-large {
+  font-weight: var(--sb-font-weight-basis);
+  font-family: var(--font-family-heading);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--size-x-large {
+  font-weight: var(--sb-font-weight-basis);
+  font-family: var(--font-family-heading);
+}
+.eufemia-scope--10_77_1 .dnb-avatar__group {
+  --avatar-font-size-left--medium: var(--font-size-basis);
+  --avatar-font-size-left--large: var(--sb-font-size-medium--plus);
+  --avatar-font-size-left--x-large: var(--sb-font-size-medium--plus);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .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)}.eufemia-scope--10_77_1 .dnb-avatar--primary{--background-color:var(--sb-color-purple-alternative)}.eufemia-scope--10_77_1 .dnb-avatar--secondary{--background-color:var(--sb-color-violet-light)}.eufemia-scope--10_77_1 .dnb-avatar--tertiary{--background-color:var(--sb-color-violet-light-2);--color:var(--sb-color-purple-alternative)}.eufemia-scope--10_77_1 .dnb-avatar--size-large,.eufemia-scope--10_77_1 .dnb-avatar--size-x-large{font-family:var(--font-family-heading);font-weight:var(--sb-font-weight-basis)}.eufemia-scope--10_77_1 .dnb-avatar__group{--avatar-font-size-left--medium:var(--font-size-basis);--avatar-font-size-left--large:var(--sb-font-size-medium--plus);--avatar-font-size-left--x-large:var(--sb-font-size-medium--plus)}

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

@@ -0,0 +1,20 @@
+/*
+* Avatar theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-avatar {
+  --color: var(--color-pistachio);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--primary {
+  --background-color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--secondary {
+  --background-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_1 .dnb-avatar--tertiary {
+  --background-color: var(--color-mint-green);
+  --color: var(--color-emerald-green);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-avatar{--color:var(--color-pistachio)}.eufemia-scope--10_77_1 .dnb-avatar--primary{--background-color:var(--color-emerald-green)}.eufemia-scope--10_77_1 .dnb-avatar--secondary{--background-color:var(--color-sea-green)}.eufemia-scope--10_77_1 .dnb-avatar--tertiary{--background-color:var(--color-mint-green);--color:var(--color-emerald-green)}

package/components/badge/style/dnb-badge--isolated.css

@@ -0,0 +1,67 @@
+/*
+* Badge component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-badge {
+  --badge-font-size: var(--font-size-x-small);
+  --badge-width: 1.5rem;
+  --badge-height: 1.5rem;
+  --badge-border-radius-information: calc(var(--badge-height) / 4);
+  --badge-border-radius-notification: calc(var(--badge-height) / 2);
+  --badge-line-height: var(--line-height-x-small);
+  display: inline-flex;
+  font-weight: var(--font-weight-medium);
+  flex-flow: row wrap;
+  white-space: nowrap;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+  width: var(--badge-width);
+  height: var(--badge-height);
+  font-size: var(--badge-font-size);
+}
+.eufemia-scope--10_77_1 .dnb-badge, .eufemia-scope--10_77_1 .dnb-core-style .dnb-badge {
+  line-height: var(--badge-line-height);
+}
+.eufemia-scope--10_77_1 .dnb-badge__root {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+  flex-shrink: 0;
+}
+.eufemia-scope--10_77_1 .dnb-badge__root .dnb-badge {
+  display: flex;
+  overflow: hidden;
+  position: absolute;
+  z-index: 2;
+}
+.eufemia-scope--10_77_1 .dnb-badge--variant-notification {
+  border-radius: var(--badge-border-radius-notification);
+}
+.eufemia-scope--10_77_1 .dnb-badge--variant-information {
+  border-radius: var(--badge-border-radius-information);
+  min-width: var(--badge-width);
+  width: auto;
+  padding: 0 var(--spacing-xx-small);
+}
+.eufemia-scope--10_77_1 .dnb-badge--horizontal-left {
+  left: 0;
+}
+.eufemia-scope--10_77_1 .dnb-badge--horizontal-right {
+  right: 0;
+}
+.eufemia-scope--10_77_1 .dnb-badge--vertical-bottom {
+  bottom: 0;
+}
+.eufemia-scope--10_77_1 .dnb-badge--vertical-top {
+  top: 0;
+}
+.eufemia-scope--10_77_1 .dnb-badge--inline.dnb-badge--vertical-top {
+  transform: translateY(-25%);
+}
+.eufemia-scope--10_77_1 .dnb-badge--inline.dnb-badge--vertical-bottom {
+  transform: translateY(25%);
+}

package/components/badge/style/dnb-badge--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-badge{--badge-font-size:var(--font-size-x-small);--badge-width:1.5rem;--badge-height:1.5rem;--badge-border-radius-information:calc(var(--badge-height)/4);--badge-border-radius-notification:calc(var(--badge-height)/2);--badge-line-height:var(--line-height-x-small);align-content:center;align-items:center;display:inline-flex;flex-flow:row wrap;font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);height:var(--badge-height);justify-content:center;white-space:nowrap;width:var(--badge-width)}.eufemia-scope--10_77_1 .dnb-badge,.eufemia-scope--10_77_1 .dnb-core-style .dnb-badge{line-height:var(--badge-line-height)}.eufemia-scope--10_77_1 .dnb-badge__root{display:inline-flex;flex-shrink:0;position:relative;vertical-align:middle}.eufemia-scope--10_77_1 .dnb-badge__root .dnb-badge{display:flex;overflow:hidden;position:absolute;z-index:2}.eufemia-scope--10_77_1 .dnb-badge--variant-notification{border-radius:var(--badge-border-radius-notification)}.eufemia-scope--10_77_1 .dnb-badge--variant-information{border-radius:var(--badge-border-radius-information);min-width:var(--badge-width);padding:0 var(--spacing-xx-small);width:auto}.eufemia-scope--10_77_1 .dnb-badge--horizontal-left{left:0}.eufemia-scope--10_77_1 .dnb-badge--horizontal-right{right:0}.eufemia-scope--10_77_1 .dnb-badge--vertical-bottom{bottom:0}.eufemia-scope--10_77_1 .dnb-badge--vertical-top{top:0}.eufemia-scope--10_77_1 .dnb-badge--inline.dnb-badge--vertical-top{transform:translateY(-25%)}.eufemia-scope--10_77_1 .dnb-badge--inline.dnb-badge--vertical-bottom{transform:translateY(25%)}

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

@@ -0,0 +1,16 @@
+/*
+* Badge theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-badge {
+  color: var(--color-white);
+}
+.eufemia-scope--10_77_1 .dnb-badge--variant-information {
+  background-color: var(--color-emerald-green);
+}
+.eufemia-scope--10_77_1 .dnb-badge--variant-notification {
+  background-color: var(--color-fire-red);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-badge{color:var(--color-white)}.eufemia-scope--10_77_1 .dnb-badge--variant-information{background-color:var(--color-emerald-green)}.eufemia-scope--10_77_1 .dnb-badge--variant-notification{background-color:var(--color-fire-red)}

package/components/breadcrumb/style/dnb-breadcrumb--isolated.css

@@ -0,0 +1,99 @@
+/*
+* Breadcrumb component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-breadcrumb {
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  /* stylelint-disable no-descending-specificity, no-duplicate-selectors */
+  /* stylelint-enable */
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__bar.dnb-section {
+  display: flex;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__list.dnb-section {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  flex-flow: row wrap;
+  align-items: center;
+  row-gap: 1rem;
+  column-gap: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem 0;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span {
+  display: flex;
+  align-items: center;
+  line-height: var(--line-height-basis);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span__icon {
+  margin-right: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item .dnb-anchor {
+  line-height: 1.5rem;
+  padding: 0;
+  position: relative;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item .dnb-anchor::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: scale(1.25, 2);
+  border: 0.5rem solid transparent;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item:first-child .dnb-anchor {
+  border-left: none;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item:first-child .dnb-anchor .dnb-icon svg {
+  margin-right: 0.5rem;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple {
+  display: flex;
+  flex-direction: column;
+  transition: height 400ms var(--easing-default);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
+  transition: transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
+  transform: translateX(-1rem);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple.dnb-height-animation--parallax .dnb-breadcrumb__item {
+  transform: translateX(0);
+}
+html[data-visual-test] .eufemia-scope--10_77_1 .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
+  transition: none;
+}
+@media screen and (max-width: 60em) {
+  .eufemia-scope--10_77_1 .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__bar .dnb-breadcrumb__multiple {
+    display: none;
+  }
+}
+@media screen and (min-width: 60.00625em) {
+  .eufemia-scope--10_77_1 .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle {
+    display: none;
+  }
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__collapse {
+  display: flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section {
+  flex-direction: column;
+  align-items: flex-start;
+  row-gap: 0;
+  margin: 0.5rem 0;
+  margin-left: 1.5rem;
+  padding: 0;
+}

package/components/breadcrumb/style/dnb-breadcrumb--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-breadcrumb{display:flex;flex-direction:column;margin:0;padding:0}.eufemia-scope--10_77_1 .dnb-breadcrumb__bar.dnb-section{display:flex}.eufemia-scope--10_77_1 .dnb-breadcrumb__list.dnb-section{align-items:center;column-gap:.5rem;display:flex;flex-flow:row wrap;list-style:none;margin:0;padding:0;row-gap:1rem}.eufemia-scope--10_77_1 .dnb-breadcrumb__item{align-items:center;display:flex;padding:.5rem 0}.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span{align-items:center;display:flex;line-height:var(--line-height-basis)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span__icon{margin-right:.5rem}.eufemia-scope--10_77_1 .dnb-breadcrumb__item .dnb-anchor{line-height:1.5rem;padding:0;position:relative}.eufemia-scope--10_77_1 .dnb-breadcrumb__item .dnb-anchor:after{border:.5rem solid transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(1.25,2)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item:first-child .dnb-anchor{border-left:none}.eufemia-scope--10_77_1 .dnb-breadcrumb__item:first-child .dnb-anchor .dnb-icon svg{margin-right:.5rem}.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple{display:flex;flex-direction:column;transition:height .4s var(--easing-default)}.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple .dnb-breadcrumb__item{transform:translateX(-1rem);transition:transform .4s var(--easing-default) calc(var(--delay)*50ms)}.eufemia-scope--10_77_1 .dnb-breadcrumb__multiple.dnb-height-animation--parallax .dnb-breadcrumb__item{transform:translateX(0)}html[data-visual-test] .eufemia-scope--10_77_1 .dnb-breadcrumb__multiple .dnb-breadcrumb__item{transition:none}@media screen and (max-width:60em){.eufemia-scope--10_77_1 .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__bar .dnb-breadcrumb__multiple{display:none}}@media screen and (min-width:60.00625em){.eufemia-scope--10_77_1 .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle{display:none}}.eufemia-scope--10_77_1 .dnb-breadcrumb__collapse{display:flex;flex-direction:column}.eufemia-scope--10_77_1 .dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section{align-items:flex-start;flex-direction:column;margin:.5rem 0 .5rem 1.5rem;padding:0;row-gap:0}

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

@@ -0,0 +1,32 @@
+/*
+* Sbanken Breadcrumb theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_1 .dnb-breadcrumb .dnb-button__text {
+  font-weight: var(--font-weight-medium);
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item {
+  padding: 0;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span {
+  padding: 0.5rem 0;
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span__icon {
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span .dnb-p {
+  color: var(--sb-color-gray-dark-3);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item:not(:last-of-type) .dnb-button.dnb-button--has-text {
+  font-weight: var(--font-weight-medium);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__item:not(:last-of-type) .dnb-button.dnb-button--has-text .dnb-button__text {
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_1 .dnb-breadcrumb__list.dnb-section {
+  row-gap: 0;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_1 .dnb-breadcrumb .dnb-button__text{color:var(--sb-color-text);font-weight:var(--font-weight-medium)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item{padding:0}.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span{padding:.5rem 0}.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span__icon{color:var(--sb-color-violet)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item__span .dnb-p{color:var(--sb-color-gray-dark-3)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item:not(:last-of-type) .dnb-button.dnb-button--has-text{font-weight:var(--font-weight-medium)}.eufemia-scope--10_77_1 .dnb-breadcrumb__item:not(:last-of-type) .dnb-button.dnb-button--has-text .dnb-button__text{color:var(--sb-color-text)}.eufemia-scope--10_77_1 .dnb-breadcrumb__list.dnb-section{row-gap:0}