@dnb/eufemia 10.76.1 → 10.77.0

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

@@ -0,0 +1,133 @@
+/*
+* Tooltip component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 {
+  --tooltip-z-index: 3100;
+}
+
+.eufemia-scope--10_77_0 .dnb-tooltip {
+  --tooltip-color: white;
+  --tooltip-background-color: black;
+  --tooltip-border-color: 1px solid black;
+  --tooltip-border-radius: 1rem;
+  position: absolute;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1rem;
+  color: var(--tooltip-color);
+  text-align: center;
+  background-color: var(--tooltip-background-color);
+  border-radius: var(--tooltip-border-radius);
+  box-shadow: var(--shadow-default);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 200ms var(--easing-default);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--inside-modal .dnb-tooltip {
+  z-index: var(--tooltip-z-index);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--large {
+  padding: 0.25rem 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--active {
+  visibility: visible;
+  /*
+    because of the first "show" we also use animation
+    also, use forwards because of the usage of visibility
+  */
+  animation: show-tooltip 200ms var(--easing-default) forwards;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-tooltip--active, .eufemia-scope--10_77_0 .dnb-tooltip--active.dnb-tooltip--no-animation {
+  animation: show-tooltip 1ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--hide {
+  visibility: visible;
+  animation: hide-tooltip 200ms var(--easing-default) forwards;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--hide.dnb-tooltip--no-animation {
+  animation: hide-tooltip 1ms linear forwards;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip--fixed {
+  position: fixed;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-tooltip--hide {
+  animation: hide-tooltip 1ms linear 1s forwards;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__portal {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__content {
+  min-width: 2rem;
+  min-height: 1.5rem;
+  padding: 0;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow {
+  position: absolute;
+  pointer-events: none;
+  margin: 0;
+  width: 1rem;
+  height: 0.5rem;
+  overflow: hidden;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 1rem;
+  height: 1rem;
+  background-color: var(--tooltip-background-color);
+  border: var(--tooltip-border-color);
+  transform: translateY(70%) rotate(45deg);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--bottom {
+  top: -0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--top {
+  bottom: -0.5rem;
+  transform: rotate(180deg);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--left {
+  right: -0.75rem;
+  margin-right: 3px;
+  transform: rotate(90deg);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--right {
+  left: -0.75rem;
+  margin-left: 3px;
+  transform: rotate(270deg);
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__arrow--left {
+  align-self: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-tooltip__arrow__arrow--right {
+  align-self: flex-end;
+}
+
+@keyframes show-tooltip {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes hide-tooltip {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    visibility: hidden;
+  }
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0{--tooltip-z-index:3100}.eufemia-scope--10_77_0 .dnb-tooltip{--tooltip-color:#fff;--tooltip-background-color:#000;--tooltip-border-color:1px solid #000;--tooltip-border-radius:1rem;align-items:center;background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--shadow-default);color:var(--tooltip-color);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:0 1rem;position:absolute;text-align:center;transition:opacity .2s var(--easing-default);visibility:hidden;z-index:1000}.eufemia-scope--10_77_0 .dnb-tooltip--inside-modal .dnb-tooltip{z-index:var(--tooltip-z-index)}.eufemia-scope--10_77_0 .dnb-tooltip--large{padding:.25rem 1rem}.eufemia-scope--10_77_0 .dnb-tooltip--active{animation:show-tooltip .2s var(--easing-default) forwards;visibility:visible}.eufemia-scope--10_77_0 .dnb-tooltip--active.dnb-tooltip--no-animation,html[data-visual-test] .eufemia-scope--10_77_0 .dnb-tooltip--active{animation:show-tooltip 1ms var(--easing-default) forwards}.eufemia-scope--10_77_0 .dnb-tooltip--hide{animation:hide-tooltip .2s var(--easing-default) forwards;visibility:visible}.eufemia-scope--10_77_0 .dnb-tooltip--hide.dnb-tooltip--no-animation{animation:hide-tooltip 1ms linear forwards}.eufemia-scope--10_77_0 .dnb-tooltip--fixed{position:fixed}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-tooltip--hide{animation:hide-tooltip 1ms linear 1s forwards}.eufemia-scope--10_77_0 .dnb-tooltip__portal{left:0;position:absolute;right:0;top:0}.eufemia-scope--10_77_0 .dnb-tooltip__content{min-height:1.5rem;min-width:2rem;padding:0}.eufemia-scope--10_77_0 .dnb-tooltip__arrow{height:.5rem;margin:0;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.eufemia-scope--10_77_0 .dnb-tooltip__arrow:before{background-color:var(--tooltip-background-color);border:var(--tooltip-border-color);bottom:0;content:"";height:1rem;left:0;position:absolute;transform:translateY(70%) rotate(45deg);width:1rem}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--bottom{top:-.5rem}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--top{bottom:-.5rem;transform:rotate(180deg)}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--left{margin-right:3px;right:-.75rem;transform:rotate(90deg)}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__position--right{left:-.75rem;margin-left:3px;transform:rotate(270deg)}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__arrow--left{align-self:flex-start}.eufemia-scope--10_77_0 .dnb-tooltip__arrow__arrow--right{align-self:flex-end}@keyframes show-tooltip{0%{opacity:0}to{opacity:1}}@keyframes hide-tooltip{0%{opacity:1}to{opacity:0;visibility:hidden}}

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

@@ -0,0 +1,9 @@
+/*
+* Tooltip theme for Sbanken
+*
+*/
+.eufemia-scope--10_77_0 .dnb-tooltip {
+  --tooltip-color: var(--sb-color-white);
+  --tooltip-background-color: var(--sb-color-gray-dark-3);
+  --tooltip-border-color: 1px solid var(--sb-color-gray-dark-3);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-tooltip{--tooltip-color:var(--sb-color-white);--tooltip-background-color:var(--sb-color-gray-dark-3);--tooltip-border-color:1px solid var(--sb-color-gray-dark-3)}

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

@@ -0,0 +1,9 @@
+/*
+* Tooltip theme
+*
+*/
+.eufemia-scope--10_77_0 .dnb-tooltip {
+  --tooltip-color: var(--color-white);
+  --tooltip-background-color: var(--color-black-80);
+  --tooltip-border-color: 1px solid rgb(0 0 0 / 10%);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-tooltip{--tooltip-color:var(--color-white);--tooltip-background-color:var(--color-black-80);--tooltip-border-color:1px solid rgba(0,0,0,.1)}

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

@@ -0,0 +1,150 @@
+/*
+* Upload component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-upload {
+  --upload-background: white;
+  --upload-background--active: lightgray;
+  --upload-border: gray;
+  --upload-border--active: black;
+  --upload-border-width: 2px;
+  --upload-list-border: black;
+  --upload-icon--default: black;
+  --upload-icon--warning: red;
+  --upload-highlight: lightyellow;
+  --upload-text--primary: black;
+  --upload-text--secondary: black;
+  position: relative;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  padding: var(--spacing-medium);
+  background-color: var(--upload-background);
+  border-radius: 0.5rem;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-upload {
+    padding: var(--spacing-medium) var(--spacing-small);
+  }
+}
+.eufemia-scope--10_77_0 .dnb-upload__outline {
+  content: "";
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  border-radius: 0.5rem;
+  stroke: var(--upload-border);
+  stroke-width: 0.1875rem;
+}
+.eufemia-scope--10_77_0 .dnb-upload--active .dnb-upload__outline {
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  width: calc(100% + var(--upload-border-width));
+  height: calc(100% + var(--upload-border-width));
+  stroke: var(--upload-border--active);
+}
+.eufemia-scope--10_77_0 .dnb-upload--active .dnb-upload__outline rect {
+  stroke-width: 0.25rem;
+  stroke-dasharray: 0;
+}
+.eufemia-scope--10_77_0 .dnb-upload--active {
+  background-color: var(--upload-background--active);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-input {
+  position: absolute;
+  visibility: hidden;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-list {
+  position: relative;
+  padding: 0;
+  margin-top: var(--spacing-medium);
+  margin-bottom: 0;
+  list-style: none;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-list::before, .eufemia-scope--10_77_0 .dnb-upload__file-cell::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  background-color: var(--upload-list-border);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell {
+  position: relative;
+  padding: var(--spacing-small) 0;
+  /** Highlight Animation */
+  transition: background-color;
+  transition-duration: 1.5s;
+  transition-timing-function: var(--easing-default);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell::after {
+  top: auto;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell__content {
+  display: flex;
+  column-gap: var(--spacing-small);
+  justify-content: space-between;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell__content__left {
+  display: flex;
+  column-gap: var(--spacing-small);
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell__content__left .dnb-icon {
+  color: var(--upload-icon--default);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon {
+  color: var(--upload-icon--warning);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell--highlight {
+  background-color: var(--upload-highlight);
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell__text-container {
+  display: flex;
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-upload__file-cell__text-container--loading {
+  font-size: var(--font-size-basis);
+}
+.eufemia-scope--10_77_0 .dnb-upload__text.dnb-p {
+  color: var(--upload-text--secondary);
+}
+.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table {
+  width: -webkit-fit-content;
+  width: fit-content;
+}
+.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table thead th {
+  font-weight: var(--font-weight-medium);
+  font-size: var(--font-size-basis);
+  padding-top: 0;
+}
+.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table thead th:first-child {
+  padding-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child {
+  padding-left: 0;
+}
+.eufemia-scope--10_77_0 .dnb-upload--compact {
+  padding: 0;
+  border-radius: 0;
+}
+.eufemia-scope--10_77_0 .dnb-upload--compact .dnb-upload__text {
+  color: var(--color-black-55);
+  font-size: var(--font-size-small);
+}
+.eufemia-scope--10_77_0 .dnb-upload--compact .dnb-help-button__content .dnb-section {
+  margin-bottom: 1rem;
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-border-width:2px;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;background-color:var(--upload-background);border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.eufemia-scope--10_77_0 .dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.eufemia-scope--10_77_0 .dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.eufemia-scope--10_77_0 .dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.eufemia-scope--10_77_0 .dnb-upload--active{background-color:var(--upload-background--active)}.eufemia-scope--10_77_0 .dnb-upload__file-input{position:absolute;visibility:hidden}.eufemia-scope--10_77_0 .dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.eufemia-scope--10_77_0 .dnb-upload__file-cell:after,.eufemia-scope--10_77_0 .dnb-upload__file-list:before{background-color:var(--upload-list-border);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.eufemia-scope--10_77_0 .dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}.eufemia-scope--10_77_0 .dnb-upload__file-cell:after{top:auto}.eufemia-scope--10_77_0 .dnb-upload__file-cell__content{justify-content:space-between}.eufemia-scope--10_77_0 .dnb-upload__file-cell__content,.eufemia-scope--10_77_0 .dnb-upload__file-cell__content__left{align-items:center;column-gap:var(--spacing-small);display:flex}.eufemia-scope--10_77_0 .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.eufemia-scope--10_77_0 .dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.eufemia-scope--10_77_0 .dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.eufemia-scope--10_77_0 .dnb-upload__file-cell__text-container{display:flex;flex-direction:column}.eufemia-scope--10_77_0 .dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.eufemia-scope--10_77_0 .dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table{width:-webkit-fit-content;width:fit-content}.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table thead th{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);padding-top:0}.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child,.eufemia-scope--10_77_0 .dnb-upload__accepted-file-types-table.dnb-table thead th:first-child{padding-left:0}.eufemia-scope--10_77_0 .dnb-upload--compact{border-radius:0;padding:0}.eufemia-scope--10_77_0 .dnb-upload--compact .dnb-upload__text{color:var(--color-black-55);font-size:var(--font-size-small)}.eufemia-scope--10_77_0 .dnb-upload--compact .dnb-help-button__content .dnb-section{margin-bottom:1rem}

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

@@ -0,0 +1,16 @@
+/*
+ * Upload theme for Sbanken
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-upload {
+  --upload-background: var(--sb-color-white);
+  --upload-background--active: var(--sb-color-violet-light-4);
+  --upload-border: var(--sb-color-gray-dark-2);
+  --upload-border--active: var(--sb-color-violet);
+  --upload-list-border: var(--sb-color-gray);
+  --upload-icon--default: var(--sb-color-violet);
+  --upload-icon--warning: var(--sb-color-red);
+  --upload-highlight: var(--sb-color-yellow-light-3);
+  --upload-text--primary: var(--sb-color-text);
+  --upload-text--secondary: var(--sb-color-gray-dark-3);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-upload{--upload-background:var(--sb-color-white);--upload-background--active:var(--sb-color-violet-light-4);--upload-border:var(--sb-color-gray-dark-2);--upload-border--active:var(--sb-color-violet);--upload-list-border:var(--sb-color-gray);--upload-icon--default:var(--sb-color-violet);--upload-icon--warning:var(--sb-color-red);--upload-highlight:var(--sb-color-yellow-light-3);--upload-text--primary:var(--sb-color-text);--upload-text--secondary:var(--sb-color-gray-dark-3)}

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

@@ -0,0 +1,16 @@
+/*
+ * Upload theme
+ *
+ */
+.eufemia-scope--10_77_0 .dnb-upload {
+  --upload-background: var(--color-white);
+  --upload-background--active: var(--color-pistachio);
+  --upload-border: var(--color-sea-green);
+  --upload-border--active: var(--color-emerald-green);
+  --upload-list-border: var(--color-black-8);
+  --upload-icon--default: var(--color-black-80);
+  --upload-icon--warning: var(--color-fire-red);
+  --upload-highlight: var(--color-sand-yellow);
+  --upload-text--primary: var(--color-black-55);
+  --upload-text--secondary: var(--color-black-55);
+}

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

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-upload{--upload-background:var(--color-white);--upload-background--active:var(--color-pistachio);--upload-border:var(--color-sea-green);--upload-border--active:var(--color-emerald-green);--upload-list-border:var(--color-black-8);--upload-icon--default:var(--color-black-80);--upload-icon--warning:var(--color-fire-red);--upload-highlight:var(--color-sand-yellow);--upload-text--primary:var(--color-black-55);--upload-text--secondary:var(--color-black-55)}

package/cjs/components/visually-hidden/style/dnb-visually-hidden--isolated.css

@@ -0,0 +1,22 @@
+/*
+* VisuallyHidden component
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-visually-hidden--focusable:not(:focus, :focus-within) {
+  -webkit-user-select: none !important;
+          user-select: none !important;
+  -webkit-touch-callout: none !important;
+  pointer-events: none !important;
+  position: absolute !important;
+  clip-path: inset(50%) !important;
+  max-width: 1px !important;
+  max-height: 1px !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  border: 0 !important;
+}

package/cjs/components/visually-hidden/style/dnb-visually-hidden--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-visually-hidden--focusable:not(:focus,:focus-within){-webkit-touch-callout:none!important;border:0!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}

package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection--isolated.css

@@ -0,0 +1,31 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection {
+  --row-gap: var(--spacing-x-small);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--variant-button {
+  --row-gap: var(--spacing-small);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options {
+  display: flex;
+  flex-flow: column;
+  row-gap: var(--row-gap);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
+  line-height: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options {
+  display: flex;
+  flex-flow: row wrap;
+  column-gap: var(--spacing-small);
+  row-gap: var(--row-gap);
+}
+@media screen and (min-width: 40.00625em) {
+  .eufemia-scope--10_77_0 .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+    margin-bottom: 0;
+  }
+}

package/cjs/extensions/forms/Field/ArraySelection/style/dnb-array-selection--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-array-selection{--row-gap:var(--spacing-x-small)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--variant-button{--row-gap:var(--spacing-small)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--row-gap)}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label{line-height:2.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options{column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--row-gap)}@media screen and (min-width:40.00625em){.eufemia-scope--10_77_0 .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}}

package/cjs/extensions/forms/Field/Expiry/style/dnb-expiry--isolated.css

@@ -0,0 +1,6 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask {
+  width: var(--forms-field-width--small);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell {
+  justify-content: center;
+}

package/cjs/extensions/forms/Field/Expiry/style/dnb-expiry--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.eufemia-scope--10_77_0 .dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}

package/cjs/extensions/forms/Field/Number/style/dnb-number--isolated.css

@@ -0,0 +1,133 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-number {
+  --number-control-button-border-color: black;
+  --number-control-button-border-color--hover: darkgrey;
+  --number-control-button-border-color--focus: darkgrey;
+  --number-control-button-border-width--focus: 0.125rem;
+  --number-control-button-background-color--hover: grey;
+  --number-control-button-color--hover: black;
+  --number-control-button-background-color--active: black;
+  --number-control-button-color--active: lightgrey;
+  --number-control-button--error: red;
+  --number-control-button--error-contrast: white;
+  --number-control-button-width--small: 2rem;
+  --number-control-button-width--medium: 2.5rem;
+  --number-control-button-width--large: 3rem;
+  --forms-field-block--number-control-buttons-width--small: calc(
+    var(--number-control-button-width--small) * 2
+  );
+  --forms-field-block--number-control-buttons-width--medium: calc(
+    var(--number-control-button-width--medium) * 2
+  );
+  --forms-field-block--number-control-buttons-width--large: calc(
+    var(--number-control-button-width--large) * 2
+  );
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input__input {
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border {
+  border-radius: 0;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border, .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover, .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within {
+  box-shadow: none;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls > .dnb-input__border--root {
+  --input-border-inset: ;
+  --input-border-inset--hover: ;
+  --input-border-inset--active: ;
+  --input-border-inset--focus: ;
+  --input-border-inset--disabled: ;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled],
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]),
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]) {
+  background-color: var(--number-control-button-background-color--hover);
+  color: var(--number-control-button-color--hover);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled], .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]), .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]) {
+  background-color: var(--number-control-button-background-color--active);
+  color: var(--number-control-button-color--active);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before,
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after {
+  color: var(--number-control-button--error);
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled],
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled] {
+  cursor: not-allowed;
+}
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]),
+html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]) {
+  background-color: var(--number-control-button--error-contrast);
+  color: var(--number-control-button--error);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled], .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled], html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled] {
+  cursor: not-allowed;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]), .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]), html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]) {
+  background-color: var(--number-control-button--error);
+  color: var(--number-control-button--error-contrast);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled],
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled] {
+  color: var(--number-control-button--error-contrast);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled],
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled] {
+  background-color: var(--color-black-3);
+  color: var(--color-black-20);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small {
+  --field-block-content-width: calc(
+    var(--forms-field-width--small) +
+      var(--forms-field-block--number-control-buttons-width--small)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before,
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after {
+  width: var(--number-control-button-width--small);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium {
+  --field-block-content-width: calc(
+    var(--forms-field-width--medium) +
+      var(--forms-field-block--number-control-buttons-width--medium)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before,
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after {
+  width: var(--number-control-button-width--medium);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large {
+  --field-block-content-width: calc(
+    var(--forms-field-width--large) +
+      var(--forms-field-block--number-control-buttons-width--large)
+  );
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before,
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
+  width: var(--number-control-button-width--large);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
+  width: var(--number-control-button-width--large);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
+  flex-grow: 1;
+}
+@media screen and (max-width: xx-small0) {
+  .eufemia-scope--10_77_0 .dnb-forms-field-number .dnb-input__shell {
+    width: 90%;
+  }
+}

package/cjs/extensions/forms/Field/Number/style/dnb-number--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{--field-block-content-width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{--field-block-content-width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{--field-block-content-width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.eufemia-scope--10_77_0 .dnb-forms-field-number .dnb-input__shell{width:90%}}