@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1,232 @@
+@charset "UTF-8";
+/*
+ * Anchor mixins
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Anchor theme
+ *
+ */
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  --anchor-underline-thickness: 0.125rem;
+  --anchor-background: transparent;
+  --anchor-color--contrast: var(--sb-color-text);
+  --anchor-background-gutter-left: 0.25rem;
+  --anchor-background-gutter-right: 0.25rem;
+  --anchor-icon-position: translateY(-0.125em);
+  font-weight: var(--font-weight-medium);
+  color: var(--sb-color-gray-dark-3);
+  padding: 0.15625em 0;
+  border-radius: 0.5em;
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default {
+  font-size: 1em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+  --anchor-background: var(--sb-color-green-dark);
+  color: var(--sb-color-text);
+  transition: none;
+  border-radius: 0.5em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    --anchor-background: var(--sb-color-green-dark);
+    color: var(--sb-color-text);
+    transition: none;
+    border-radius: 0.5em;
+  }
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active {
+  --anchor-background: var(--sb-color-green);
+  color: var(--sb-color-text);
+  transition: none;
+  border-radius: 0.5em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
+  color: var(--sb-color-blue-dark);
+  background-color: var(--sb-color-blue-light-3);
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor {
+  --anchor-icon-gutter: 0.125em;
+  --anchor-icon-separator: " ";
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left, .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right {
+  text-decoration-color: var(--sb-color-green-dark);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right) {
+  --anchor-background-gutter-right: 0rem;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right)::after {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left) {
+  --anchor-background-gutter-left: 0rem;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left)::before {
+  content: var(--anchor-icon-separator);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor {
+    --anchor-icon-gutter: 0.125em;
+    --anchor-icon-separator: " ";
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left, .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right {
+    text-decoration-color: var(--sb-color-green-dark);
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right) {
+    --anchor-background-gutter-right: 0rem;
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right)::after {
+    content: var(--anchor-icon-separator);
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left) {
+    --anchor-background-gutter-left: 0rem;
+  }
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left)::before {
+    content: var(--anchor-icon-separator);
+  }
+}
+
+.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor {
+    --anchor-underline-thickness: 0.125rem;
+    --anchor-background: transparent;
+    --anchor-color--contrast: var(--sb-color-text);
+    --anchor-background-gutter-left: 0.25rem;
+    --anchor-background-gutter-right: 0.25rem;
+    --anchor-icon-position: translateY(-0.125em);
+    font-weight: var(--font-weight-medium);
+    color: var(--sb-color-gray-dark-3);
+    padding: 0.15625em 0;
+    border-radius: 0.5em;
+    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default {
+    font-size: 1em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+    --anchor-background: var(--sb-color-green-dark);
+    color: var(--sb-color-text);
+    transition: none;
+    border-radius: 0.5em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+      --anchor-background: var(--sb-color-green-dark);
+      color: var(--sb-color-text);
+      transition: none;
+      border-radius: 0.5em;
+    }
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active {
+    --anchor-background: var(--sb-color-green);
+    color: var(--sb-color-text);
+    transition: none;
+    border-radius: 0.5em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
+    color: var(--sb-color-blue-dark);
+    background-color: var(--sb-color-blue-light-3);
+    border-radius: 0.25em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor {
+    --anchor-icon-gutter: 0.125em;
+    --anchor-icon-separator: " ";
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left, .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right {
+    text-decoration-color: var(--sb-color-green-dark);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right) {
+    --anchor-background-gutter-right: 0rem;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right)::after {
+    content: var(--anchor-icon-separator);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left) {
+    --anchor-background-gutter-left: 0rem;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left)::before {
+    content: var(--anchor-icon-separator);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor {
+      --anchor-icon-gutter: 0.125em;
+      --anchor-icon-separator: " ";
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left, .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right {
+      text-decoration-color: var(--sb-color-green-dark);
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right) {
+      --anchor-background-gutter-right: 0rem;
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right)::after {
+      content: var(--anchor-icon-separator);
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left) {
+      --anchor-background-gutter-left: 0rem;
+    }
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left)::before {
+      content: var(--anchor-icon-separator);
+    }
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--hover {
+  --anchor-background: var(--sb-color-green-dark);
+  color: var(--sb-color-text);
+  transition: none;
+  border-radius: 0.5em;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--active {
+  --anchor-background: var(--sb-color-green);
+  color: var(--sb-color-text);
+  transition: none;
+  border-radius: 0.5em;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--focus {
+  background-color: transparent;
+  transition: none;
+  outline: none;
+  --border-color: var(--focus-ring-color);
+  --border-width: var(--focus-ring-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  border-radius: 0.25em;
+  color: var(--sb-color-blue-dark);
+  background-color: var(--sb-color-blue-light-3);
+  border-radius: 0.25em;
+}
+.eufemia-scope--10_77_0 .dnb-anchor--focus, .eufemia-scope--10_77_0 .dnb-section .dnb-anchor--focus.dnb-anchor {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--no-radius, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:hover, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:active, .eufemia-scope--10_77_0 .dnb-anchor--no-radius:focus-visible {
+  border-radius: 0;
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--inline {
+  text-decoration-color: currentcolor;
+}

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

@@ -0,0 +1 @@
+@charset "UTF-8";.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-underline-thickness:0.125rem;--anchor-background:transparent;--anchor-color--contrast:var(--sb-color-text);--anchor-background-gutter-left:0.25rem;--anchor-background-gutter-right:0.25rem;--anchor-icon-position:translateY(-0.125em);border-radius:.5em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background);color:var(--sb-color-gray-dark-3);font-weight:var(--font-weight-medium);padding:.15625em 0}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background:var(--sb-color-green-dark);border-radius:.5em;color:var(--sb-color-text);transition:none}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-background:var(--sb-color-green-dark);border-radius:.5em;color:var(--sb-color-text);transition:none}}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-background:var(--sb-color-green);border-radius:.5em;color:var(--sb-color-text);transition:none}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25em;color:var(--sb-color-blue-dark)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor{--anchor-icon-gutter:0.125em;--anchor-icon-separator:" "}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left,.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right{text-decoration-color:var(--sb-color-green-dark)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right){--anchor-background-gutter-right:0rem}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right):after{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left){--anchor-background-gutter-left:0rem}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left):before{content:var(--anchor-icon-separator)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor{--anchor-icon-gutter:0.125em;--anchor-icon-separator:" "}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left,.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right{text-decoration-color:var(--sb-color-green-dark)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right){--anchor-background-gutter-right:0rem}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right):after{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left){--anchor-background-gutter-left:0rem}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left):before{content:var(--anchor-icon-separator)}}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor{--anchor-underline-thickness:0.125rem;--anchor-background:transparent;--anchor-color--contrast:var(--sb-color-text);--anchor-background-gutter-left:0.25rem;--anchor-background-gutter-right:0.25rem;--anchor-icon-position:translateY(-0.125em);border-radius:.5em;box-shadow:inset 100vw 100vw 0 0 var(--anchor-background),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background);color:var(--sb-color-gray-dark-3);font-weight:var(--font-weight-medium);padding:.15625em 0}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-background:var(--sb-color-green-dark);border-radius:.5em;color:var(--sb-color-text);transition:none}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-background:var(--sb-color-green-dark);border-radius:.5em;color:var(--sb-color-text);transition:none}}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-background:var(--sb-color-green);border-radius:.5em;color:var(--sb-color-text);transition:none}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible{background-color:var(--sb-color-blue-light-3);border-radius:.25em;color:var(--sb-color-blue-dark)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor{--anchor-icon-gutter:0.125em;--anchor-icon-separator:" "}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left,.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right{text-decoration-color:var(--sb-color-green-dark)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right){--anchor-background-gutter-right:0rem}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-left:not(.dnb-anchor--icon-right):after{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left){--anchor-background-gutter-left:0rem}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):where(:not(.dnb-anchor--inline)).dnb-anchor--icon-right:not(.dnb-anchor--icon-left):before{content:var(--anchor-icon-separator)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor{--anchor-icon-gutter:0.125em;--anchor-icon-separator:" "}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left,.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right{text-decoration-color:var(--sb-color-green-dark)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right){--anchor-background-gutter-right:0rem}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-left:not(.dnb-anchor--icon-right):after{content:var(--anchor-icon-separator)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left){--anchor-background-gutter-left:0rem}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style):not(.dnb-anchor--inline).dnb-anchor--icon-right:not(.dnb-anchor--icon-left):before{content:var(--anchor-icon-separator)}}}.eufemia-scope--10_77_0 .dnb-anchor--hover{--anchor-background:var(--sb-color-green-dark);border-radius:.5em;color:var(--sb-color-text);transition:none}.eufemia-scope--10_77_0 .dnb-anchor--active{--anchor-background:var(--sb-color-green);border-radius:.5em;color:var(--sb-color-text);transition:none}.eufemia-scope--10_77_0 .dnb-anchor--focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);background-color:transparent;background-color:var(--sb-color-blue-light-3);border-color:transparent;border-radius:.25em;box-shadow:0 0 0 var(--border-width) var(--border-color);color:var(--sb-color-blue-dark);outline:none;transition:none}.eufemia-scope--10_77_0 .dnb-anchor--focus,.eufemia-scope--10_77_0 .dnb-section .dnb-anchor--focus.dnb-anchor{-webkit-text-decoration:none;text-decoration:none}.eufemia-scope--10_77_0 .dnb-anchor--no-radius,.eufemia-scope--10_77_0 .dnb-anchor--no-radius:active,.eufemia-scope--10_77_0 .dnb-anchor--no-radius:focus-visible,.eufemia-scope--10_77_0 .dnb-anchor--no-radius:hover{border-radius:0}.eufemia-scope--10_77_0 .dnb-anchor--inline{text-decoration-color:currentcolor}

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

@@ -0,0 +1,99 @@
+/*
+ * Anchor mixins
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Anchor theme
+ *
+ */
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor {
+  --anchor-color: var(--anchor-color--default, var(--color-sea-green));
+  --anchor-color--active: var(--color-mint-green);
+  --anchor-color--contrast: var(--color-emerald-green);
+  --anchor-background--hover: var(--color-mint-green-50);
+  --anchor-background--active: var(--color-emerald-green);
+  color: var(--anchor-color);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+  --anchor-color: var(--color-sea-green);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    --anchor-color: var(--color-sea-green);
+    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+  }
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active {
+  --anchor-color: var(--anchor-color--active);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
+  --anchor-color: var(--color-sea-green);
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
+  font-size: 1em;
+}
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
+  stroke-width: 1.2;
+}
+
+.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style) {
+  /* stylelint-disable-next-line scss/operator-no-unspaced */
+}
+@supports not (selector(*:where(*))) {
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor {
+    --anchor-color: var(--anchor-color--default, var(--color-sea-green));
+    --anchor-color--active: var(--color-mint-green);
+    --anchor-color--contrast: var(--color-emerald-green);
+    --anchor-background--hover: var(--color-mint-green-50);
+    --anchor-background--active: var(--color-emerald-green);
+    color: var(--anchor-color);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
+    --anchor-color: var(--color-sea-green);
+    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+    /* stylelint-disable-next-line scss/operator-no-unspaced */
+  }
+  @supports not (selector(*:where(*))) {
+    .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
+      --anchor-color: var(--color-sea-green);
+      box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+    }
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active {
+    --anchor-color: var(--anchor-color--active);
+    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
+    --anchor-color: var(--color-sea-green);
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
+    font-size: 1em;
+  }
+  .eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
+    stroke-width: 1.2;
+  }
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--hover {
+  --anchor-color: var(--color-sea-green);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--active {
+  --anchor-color: var(--anchor-color--active);
+  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
+}
+
+.eufemia-scope--10_77_0 .dnb-anchor--focus {
+  --anchor-color: var(--color-sea-green);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 :where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor{--anchor-color:var(--anchor-color--default,var(--color-sea-green));--anchor-color--active:var(--color-mint-green);--anchor-color--contrast:var(--color-emerald-green);--anchor-background--hover:var(--color-mint-green-50);--anchor-background--active:var(--color-emerald-green);color:var(--anchor-color)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}@supports not (selector(*:where(*))){.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover){--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor:focus-visible{--anchor-color:var(--color-sea-green)}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default{font-size:1em}.eufemia-scope--10_77_0 :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path{stroke-width:1.2}}.eufemia-scope--10_77_0 .dnb-anchor--hover{--anchor-color:var(--color-sea-green);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--hover),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--hover),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--hover)}.eufemia-scope--10_77_0 .dnb-anchor--active{--anchor-color:var(--anchor-color--active);box-shadow:inset 100vw 100vw 0 0 var(--anchor-background--active),calc(var(--anchor-background-gutter-left, .125rem)*-1) 0 0 0 var(--anchor-background--active),var(--anchor-background-gutter-right,.125rem) 0 0 0 var(--anchor-background--active)}.eufemia-scope--10_77_0 .dnb-anchor--focus{--anchor-color:var(--color-sea-green)}

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

@@ -0,0 +1,233 @@
+/*
+* Autocomplete component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-autocomplete {
+  --autocomplete-width: 16rem;
+  --autocomplete-height: 2rem;
+  --autocomplete-height--small: 1.5rem;
+  --autocomplete-height--medium: 2.5rem;
+  --autocomplete-height--large: 3rem;
+  --autocomplete-padding-horizontal: 1rem;
+  --autocomplete-focus-border-width: 0.125rem;
+  --autocomplete-text-padding: 0.5rem;
+  --autocomplete-border-radius: 0.25rem;
+  display: inline-flex;
+  align-items: center;
+  font-size: var(--font-size-small);
+  line-height: var(--autocomplete-height);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__inner {
+  display: inline-flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  width: auto;
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--right .dnb-autocomplete__inner {
+  align-items: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__shell {
+  position: relative;
+  width: var(--autocomplete-width);
+  margin: 0;
+  padding: 0;
+  color: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__row {
+  display: inline-flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--small {
+  line-height: var(--autocomplete-height--small);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--medium {
+  line-height: var(--autocomplete-height--medium);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--large {
+  line-height: var(--autocomplete-height--large);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__icon {
+  display: inline-flex;
+  justify-content: center;
+  pointer-events: none;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item {
+  display: flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__input {
+  display: inline-flex;
+  align-items: center;
+  outline: none;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__input,
+.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__inner,
+.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__shell,
+.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__input {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon {
+  transform: rotate(180deg);
+  transform-origin: 50% 50%;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text) {
+  --border-color: var(--color-black-55);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon {
+  transition: transform 400ms ease-out;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon {
+  transition-duration: 1ms !important;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element {
+  position: relative;
+  z-index: 3;
+  cursor: text;
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder, .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
+    padding-right: 0 !important;
+  }
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder, .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
+    padding-right: 2.5rem !important;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p {
+  white-space: nowrap;
+  padding: 0 0.5rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p {
+    display: none;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p, .eufemia-scope--10_77_0 .dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p {
+  margin: 0;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element {
+  margin-right: 2.5rem !important;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p {
+  padding-right: 3rem;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input {
+  padding-right: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--disabled .dnb-input__inner__element {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__text {
+  order: 1;
+  position: relative;
+  z-index: 4;
+  width: 100%;
+  height: inherit;
+  line-height: inherit;
+  padding: 0 var(--autocomplete-text-padding) 0 0;
+  overflow: hidden;
+  color: inherit;
+  text-align: left;
+  text-overflow: ellipsis;
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__text__inner {
+  display: inline-block;
+  width: 100%;
+  height: inherit;
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  color: inherit;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-overflow: inherit;
+  text-align: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete > .dnb-form-label {
+  margin-right: 1rem;
+  line-height: var(--line-height-basis);
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-autocomplete {
+    flex-wrap: wrap;
+  }
+  .eufemia-scope--10_77_0 .dnb-autocomplete > .dnb-form-label {
+    margin-bottom: 0.5rem;
+    margin-top: 0.5rem;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--stretch {
+  display: flex;
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__inner {
+  flex-grow: 1;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__row, .eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__inner, .eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__shell {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-form-label + .dnb-autocomplete__inner {
+  width: auto;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 .dnb-form-row--horizontal .dnb-autocomplete--stretch {
+  width: 100%;
+}
+.eufemia-scope--10_77_0 label + .dnb-autocomplete[class*=__form-status] {
+  vertical-align: top;
+}
+.eufemia-scope--10_77_0 label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
+  top: -0.375rem;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__inner > .dnb-form-status {
+  order: 2;
+  margin-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--vertical {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status] {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status] > .dnb-form-label {
+  margin-top: 0.25rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 0.5rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete > .dnb-form-label {
+    margin-bottom: 0.5rem;
+  }
+  .eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete__helper {
+    display: none;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__list .dnb-drawer-list__option__item > span {
+  padding-right: 0.125em;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-autocomplete{--autocomplete-width:16rem;--autocomplete-height:2rem;--autocomplete-height--small:1.5rem;--autocomplete-height--medium:2.5rem;--autocomplete-height--large:3rem;--autocomplete-padding-horizontal:1rem;--autocomplete-focus-border-width:0.125rem;--autocomplete-text-padding:0.5rem;--autocomplete-border-radius:0.25rem;align-items:center;display:inline-flex;font-size:var(--font-size-small);line-height:var(--autocomplete-height)}.eufemia-scope--10_77_0 .dnb-autocomplete__inner{color:inherit;display:inline-flex;flex-direction:column;margin:0;padding:0;width:auto}.eufemia-scope--10_77_0 .dnb-autocomplete--right .dnb-autocomplete__inner{align-items:flex-end}.eufemia-scope--10_77_0 .dnb-autocomplete__shell{color:inherit;margin:0;padding:0;position:relative;width:var(--autocomplete-width)}.eufemia-scope--10_77_0 .dnb-autocomplete__row{align-items:center;display:inline-flex}.eufemia-scope--10_77_0 .dnb-autocomplete--small{line-height:var(--autocomplete-height--small)}.eufemia-scope--10_77_0 .dnb-autocomplete--medium{line-height:var(--autocomplete-height--medium)}.eufemia-scope--10_77_0 .dnb-autocomplete--large{line-height:var(--autocomplete-height--large)}.eufemia-scope--10_77_0 .dnb-autocomplete__icon{display:inline-flex;justify-content:center;pointer-events:none}.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner{align-items:center;display:flex;justify-content:center}.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item{display:flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon{align-self:center}.eufemia-scope--10_77_0 .dnb-autocomplete__input{align-items:center;display:inline-flex;outline:none}.eufemia-scope--10_77_0 .dnb-autocomplete__input,.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__inner,.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__input,.eufemia-scope--10_77_0 .dnb-autocomplete__input .dnb-input__shell{width:100%}.eufemia-scope--10_77_0 .dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon{transform:rotate(180deg);transform-origin:50% 50%}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition:transform .4s ease-out}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon{transition-duration:1ms!important}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element{cursor:text;position:relative;z-index:3}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:0!important}}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input,.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder{padding-right:2.5rem!important}}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p{padding:0 .5rem;white-space:nowrap}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p{display:none}}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input__inner__element.dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p{margin:0}.eufemia-scope--10_77_0 .dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element{margin-right:2.5rem!important}.eufemia-scope--10_77_0 .dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p{padding-right:3rem}.eufemia-scope--10_77_0 .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input{padding-right:1rem}.eufemia-scope--10_77_0 .dnb-autocomplete--disabled .dnb-input__inner__element{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-autocomplete__text{color:inherit;font-size:var(--font-size-basis);height:inherit;line-height:inherit;order:1;overflow:hidden;padding:0 var(--autocomplete-text-padding) 0 0;position:relative;text-align:left;text-overflow:ellipsis;width:100%;z-index:4}.eufemia-scope--10_77_0 .dnb-autocomplete__text__inner{color:inherit;display:inline-block;height:inherit;overflow:hidden;padding:0;text-align:inherit;-webkit-text-decoration:none;text-decoration:none;text-overflow:inherit;white-space:nowrap;width:100%}.eufemia-scope--10_77_0 .dnb-autocomplete>.dnb-form-label{line-height:var(--line-height-basis);margin-right:1rem}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-autocomplete{flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.eufemia-scope--10_77_0 .dnb-autocomplete--stretch{display:flex;flex-grow:1}.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__inner{flex-grow:1}.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__inner,.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__row,.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-autocomplete__shell{width:100%}.eufemia-scope--10_77_0 .dnb-autocomplete--stretch .dnb-form-label+.dnb-autocomplete__inner{width:auto}.eufemia-scope--10_77_0 .dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner,.eufemia-scope--10_77_0 .dnb-form-row--horizontal .dnb-autocomplete--stretch{width:100%}.eufemia-scope--10_77_0 label+.dnb-autocomplete[class*=__form-status]{vertical-align:top}.eufemia-scope--10_77_0 label+.dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell{top:-.375rem}.eufemia-scope--10_77_0 .dnb-autocomplete__inner>.dnb-form-status{margin-top:.5rem;order:2}.eufemia-scope--10_77_0 .dnb-autocomplete--vertical{align-items:flex-start;display:flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*=__status]>.dnb-form-label{margin-top:.25rem}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete>.dnb-form-label{margin-bottom:.5rem}.eufemia-scope--10_77_0 .dnb-responsive-component .dnb-autocomplete__helper{display:none}}.eufemia-scope--10_77_0 .dnb-autocomplete__list .dnb-drawer-list__option__item>span{padding-right:.125em}

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

@@ -0,0 +1,41 @@
+/*
+* Autocomplete theme for sbanken
+* TODO: this theme is just a preliminary fix to avoid dnb colors
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner {
+  color: var(--sb-color-violet);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell, .eufemia-scope--10_77_0 .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(--sb-color-violet);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon {
+  color: transparent;
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__shell, .eufemia-scope--10_77_0 .dnb-autocomplete__input {
+  border-radius: var(--autocomplete-border-radius);
+}
+.eufemia-scope--10_77_0 .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(--sb-color-red);
+  --border-width: 0.125rem;
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+
+.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--focus, .eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(1) {
+  font-weight: var(--font-weight-basis);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(n + 2) {
+  color: var(--sb-color-gray-dark-2);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__item:nth-of-type(n + 2), .eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__item:nth-of-type(n + 2) .dnb-anchor {
+  color: var(--sb-color-white);
+}
+.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item--highlight {
+  font-weight: var(--font-weight-bold);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-autocomplete__show-all .dnb-drawer-list__option__inner{color:var(--sb-color-violet)}.eufemia-scope--10_77_0 .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell,.eufemia-scope--10_77_0 .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(--sb-color-violet);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon{color:transparent}.eufemia-scope--10_77_0 .dnb-autocomplete__input,.eufemia-scope--10_77_0 .dnb-autocomplete__shell{border-radius:var(--autocomplete-border-radius)}.eufemia-scope--10_77_0 .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(--sb-color-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--focus,.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item:first-of-type{font-weight:var(--font-weight-basis)}.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(n+2){color:var(--sb-color-gray-dark-2)}.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__item:nth-of-type(n+2),.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option--selected:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__item:nth-of-type(n+2) .dnb-anchor{color:var(--sb-color-white)}.eufemia-scope--10_77_0 .dnb-autocomplete__root .dnb-drawer-list__option__item--highlight{font-weight:var(--font-weight-bold)}