@dnb/eufemia 10.76.1 → 10.77.0

package/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/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/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/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/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/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%}}

package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken--isolated.css

@@ -0,0 +1,70 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-number {
+  --number-control-button-border-color: var(--sb-color-purple-alternative);
+  --number-control-button-border-color--hover: var(
+    --sb-color-purple-alternative
+  );
+  --number-control-separator-color: var(--sb-color-violet-light-3);
+  --number-control-button-border-color--focus: var(--focus-ring-color);
+  --number-control-button-border-width--focus: var(--focus-ring-width);
+  --number-control-button-background-color--hover: var(
+    --sb-color-violet-light-3
+  );
+  --number-control-button-color--hover: var(--sb-color-purple-alternative);
+  --number-control-button-background-color--active: var(--sb-color-purple);
+  --number-control-button-color--active: var(--sb-color-violet-light-3);
+  --number-control-button--error: var(--sb-color-red);
+  --number-control-button--error-contrast: var(--sb-color-magenta-light-2);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small {
+  --button-height--small: 2.5rem;
+  --button-width--small: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input {
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input::before, .eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input::after {
+  content: "";
+  position: absolute;
+  top: 0.25rem;
+  bottom: 0.25rem;
+  border-left: 1px solid var(--number-control-separator-color);
+  z-index: 1;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input::before {
+  left: -1px;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input::after {
+  right: -1px;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input__border--root {
+  --input-border-color: var(--number-control-button-border-color);
+  --input-border-color--hover: var(
+    --number-control-button-border-color--hover
+  );
+  --input-border-color--active: var(
+    --number-control-button-border-color--active
+  );
+  --input-border-radius: var(--input-border-radius--active);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:not(:disabled):active ~ .dnb-input::before {
+  z-index: -1;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:not(:disabled):active {
+  z-index: 1;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error {
+  --number-control-separator-color: var(
+    --number-control-button--error-contrast
+  );
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled {
+  --number-control-separator-color: var(--sb-color-gray-dark);
+}
+.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] {
+  color: var(--sb-color-gray-dark);
+  background-color: var(--sb-color-gray-light);
+}

package/extensions/forms/Field/Number/style/themes/dnb-number-theme-sbanken--isolated.min.css

@@ -0,0 +1,11 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-number{--number-control-button-border-color:var(--sb-color-purple-alternative);--number-control-button-border-color--hover:var(
+    --sb-color-purple-alternative
+  );--number-control-separator-color:var(--sb-color-violet-light-3);--number-control-button-border-color--focus:var(--focus-ring-color);--number-control-button-border-width--focus:var(--focus-ring-width);--number-control-button-background-color--hover:var(
+    --sb-color-violet-light-3
+  );--number-control-button-color--hover:var(--sb-color-purple-alternative);--number-control-button-background-color--active:var(--sb-color-purple);--number-control-button-color--active:var(--sb-color-violet-light-3);--number-control-button--error:var(--sb-color-red);--number-control-button--error-contrast:var(--sb-color-magenta-light-2)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small{--button-height--small:2.5rem;--button-width--small:2.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input{position:relative}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input:after,.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input:before{border-left:1px solid var(--number-control-separator-color);bottom:.25rem;content:"";position:absolute;top:.25rem;z-index:1}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input:before{left:-1px}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input:after{right:-1px}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-input__border--root{--input-border-color:var(--number-control-button-border-color);--input-border-color--hover:var(
+    --number-control-button-border-color--hover
+  );--input-border-color--active:var(
+    --number-control-button-border-color--active
+  );--input-border-radius:var(--input-border-radius--active)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:not(:disabled):active~.dnb-input:before{z-index:-1}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:not(:disabled):active{z-index:1}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input__status--error{--number-control-separator-color:var(
+    --number-control-button--error-contrast
+  )}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls.dnb-input--disabled{--number-control-separator-color:var(--sb-color-gray-dark)}.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(--sb-color-gray-light);color:var(--sb-color-gray-dark)}

package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui--isolated.css

@@ -0,0 +1,19 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-number {
+  --number-control-button-border-color: var(--color-sea-green);
+  --number-control-button-border-color--hover: var(--color-emerald-green);
+  --number-control-button-border-color--focus: var(--color-emerald-green);
+  --number-control-button-background-color--hover: var(
+    --color-mint-green-12
+  );
+  --number-control-button-color--hover: var(--color-emerald-green);
+  --number-control-button-background-color--active: var(
+    --color-mint-green-50
+  );
+  --number-control-button-color--active: var(--color-sea-green);
+  --number-control-button--error: var(--color-fire-red);
+  --number-control-button--error-contrast: var(--color-fire-red-8);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small {
+  --button-height--small: 2rem;
+  --button-width--small: 2rem;
+}

package/extensions/forms/Field/Number/style/themes/dnb-number-theme-ui--isolated.min.css

@@ -0,0 +1,5 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-number{--number-control-button-border-color:var(--color-sea-green);--number-control-button-border-color--hover:var(--color-emerald-green);--number-control-button-border-color--focus:var(--color-emerald-green);--number-control-button-background-color--hover:var(
+    --color-mint-green-12
+  );--number-control-button-color--hover:var(--color-emerald-green);--number-control-button-background-color--active:var(
+    --color-mint-green-50
+  );--number-control-button-color--active:var(--color-sea-green);--number-control-button--error:var(--color-fire-red);--number-control-button--error-contrast:var(--color-fire-red-8)}.eufemia-scope--10_77_0 .dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small{--button-height--small:2rem;--button-width--small:2rem}

package/extensions/forms/Field/Password/style/dnb-password--isolated.css

@@ -0,0 +1,6 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
+  color: var(--color-fire-red);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
+  color: var(--color-white);
+}

package/extensions/forms/Field/Password/style/dnb-password--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.eufemia-scope--10_77_0 .dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}

package/extensions/forms/Field/PhoneNumber/style/dnb-phone-number--isolated.css

@@ -0,0 +1,12 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code {
+  width: calc(var(--forms-field-width--medium) - 2rem);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
+  width: calc(var(--forms-field-width--medium) - 2rem);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__number {
+  flex: 1;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-phone-number .dnb-form-label {
+  max-width: 14ch;
+}

package/extensions/forms/Field/PhoneNumber/style/dnb-phone-number--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code,.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.eufemia-scope--10_77_0 .dnb-forms-field-phone-number__number{flex:1}.eufemia-scope--10_77_0 .dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}

package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city--isolated.css

@@ -0,0 +1,9 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__postal-code {
+  flex: 0 5rem;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__city {
+  flex: 1;
+}

package/extensions/forms/Field/PostalCodeAndCity/style/dnb-postal-code-and-city--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.eufemia-scope--10_77_0 .dnb-forms-field-postal-code-and-city__city{flex:1}

package/extensions/forms/Field/Selection/style/dnb-selection--isolated.css

@@ -0,0 +1,66 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label, .eufemia-scope--10_77_0 .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  margin-bottom: 0;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label {
+  align-items: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label {
+  line-height: 2.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list {
+  --outline-color: var(--color-black-8);
+  --outline-width: 0.0625rem;
+  --list-padding: 1rem;
+  --list-height: 4rem;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell {
+  row-gap: 0;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset {
+  border-radius: 0.5rem;
+  --border-color: var(--outline-color);
+  --border-width: var(--outline-width);
+  box-shadow: 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+  background-color: var(--color-white);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio {
+  justify-content: center;
+  padding: calc((var(--list-height) - 1.5rem) / 2) var(--list-padding);
+  overflow: clip;
+  position: relative;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input {
+  -webkit-appearance: none;
+          appearance: none;
+  transform: none;
+  left: calc(var(--list-padding) * -1);
+  width: 100vw;
+  height: var(--list-height);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label {
+  padding-left: var(--list-padding);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type)::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: var(--outline-color);
+  height: var(--outline-width);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-forms-field-block__contents {
+  display: flex;
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group .dnb-height-animation, .eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group > .dnb-flex-container, .eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation, .eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group > .dnb-flex-container {
+  width: 100%;
+  flex-grow: 1;
+}

package/extensions/forms/Field/Selection/style/dnb-selection--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.eufemia-scope--10_77_0 .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.eufemia-scope--10_77_0 .dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label{align-items:flex-start}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list{--outline-color:var(--color-black-8);--outline-width:0.0625rem;--list-padding:1rem;--list-height:4rem}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell{row-gap:0}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-toggle-button-group__fieldset{--border-color:var(--outline-color);--border-width:var(--outline-width);background-color:var(--color-white);border-color:transparent;border-radius:.5rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio{justify-content:center;overflow:clip;padding:calc((var(--list-height) - 1.5rem)/2) var(--list-padding);position:relative}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input{-webkit-appearance:none;appearance:none;height:var(--list-height);left:calc(var(--list-padding)*-1);transform:none;width:100vw}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label{padding-left:var(--list-padding)}.eufemia-scope--10_77_0 .dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type):before{background-color:var(--outline-color);bottom:0;content:"";height:var(--outline-width);left:0;position:absolute;right:0;top:0}.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-forms-field-block__contents{display:flex}.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group .dnb-height-animation,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-radio-group>.dnb-flex-container,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,.eufemia-scope--10_77_0 .dnb-forms-field-selection .dnb-toggle-button-group>.dnb-flex-container{flex-grow:1;width:100%}

package/extensions/forms/Field/String/style/dnb-string--isolated.css

@@ -0,0 +1,11 @@
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label {
+  align-items: baseline;
+}
+@media screen and (max-width: xx-small0) {
+  .eufemia-scope--10_77_0 .dnb-forms-field-string .dnb-input__shell {
+    width: 90%;
+  }
+}

package/extensions/forms/Field/String/style/dnb-string--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label{align-items:baseline}@media screen and (max-width:xx-small0){.eufemia-scope--10_77_0 .dnb-forms-field-string .dnb-input__shell{width:90%}}

package/extensions/forms/Field/Upload/style/dnb-upload--isolated.css

@@ -0,0 +1,9 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-upload .dnb-help-button__content .dnb-section {
+  --outset-left: calc(var(--spacing-medium));
+  --outset-right: calc(var(--spacing-medium));
+  margin-left: var(--upload-border-width);
+  margin-right: var(--upload-border-width);
+}
+.eufemia-scope--10_77_0 .dnb-forms-field-upload .dnb-help-button__content .dnb-section::before {
+  z-index: 0;
+}

package/extensions/forms/Field/Upload/style/dnb-upload--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-forms-field-upload .dnb-help-button__content .dnb-section{--outset-left:calc(var(--spacing-medium));--outset-right:calc(var(--spacing-medium));margin-left:var(--upload-border-width);margin-right:var(--upload-border-width)}.eufemia-scope--10_77_0 .dnb-forms-field-upload .dnb-help-button__content .dnb-section:before{z-index:0}