@dnb/eufemia 10.45.0 → 10.47.0

package/style/themes/theme-eiendom/eiendom-theme-components.css

@@ -185,7 +185,7 @@ html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options, .dnb-
   word-break: break-word;
   font-size: inherit;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-drawer-list__option__suffix {
     grid-column: 2;
     grid-row: 1/-1;
@@ -333,7 +333,7 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   justify-content: flex-start;
   align-items: center;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
     left: 0;
   }
@@ -500,7 +500,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
        column-gap: var(--spacing-small);
   row-gap: var(--row-gap);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
     line-height: 2.5rem;
     margin-bottom: 0;
@@ -750,7 +750,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -789,7 +789,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -811,7 +811,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -844,7 +844,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
   margin-top: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
@@ -865,7 +865,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -1072,7 +1072,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block--max-width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -1092,6 +1092,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   /* stylelint-disable */
   /* stylelint-enable */
 }
+.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none {
+  --column-gap: 0;
+}
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small {
   --column-gap: var(--spacing-xx-small);
 }
@@ -1107,7 +1110,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -1176,7 +1179,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -1195,7 +1198,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }
@@ -1342,7 +1345,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   position: static;
   max-width: 60rem;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion__header {
     width: 40%;
   }
@@ -1354,7 +1357,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     margin-top: 0;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
@@ -1362,7 +1365,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-accordion-group--single-container .dnb-accordion-group__children {
   max-width: 60rem;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-accordion-group--single-container .dnb-accordion-group__children {
     position: relative;
     display: flex;
@@ -1819,7 +1822,7 @@ html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-
   z-index: 3;
   cursor: text;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder, .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
     padding-right: 0 !important;
   }
@@ -2225,7 +2228,7 @@ html[data-visual-test] .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
     display: none;
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle {
     display: none;
   }
@@ -2520,7 +2523,7 @@ button.dnb-button::-moz-focus-inner {
 .dnb-card .dnb-section {
   z-index: 1;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card {
     --nested-space-l: calc(var(--padding-left, 0px) * -1);
     --nested-space-r: calc(var(--padding-right, 0px) * -1);
@@ -2940,6 +2943,14 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:
   background-color: var(--skeleton-color);
 }
 
+/*
+* CopyOnClick component
+*
+*/
+.dnb-copy-on-click--cursor {
+  cursor: copy;
+}
+
 /*
 * DatePicker component
 *
@@ -3842,7 +3853,7 @@ html:not([data-visual-test]) .dnb-dialog--hide {
 .dnb-drawer--spacing .dnb-drawer__content {
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__content {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -3950,7 +3961,7 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
 .dnb-drawer--spacing .dnb-drawer__header {
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__header {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -3990,7 +4001,7 @@ html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
   margin: var(--drawer-spacing) 0;
   padding: 0 var(--drawer-spacing);
 }
-@media screen and (min-width: 80em) {
+@media screen and (min-width: 80.0625em) {
   .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
     padding: 0 calc(var(--drawer-spacing) * 1.75);
   }
@@ -4179,7 +4190,7 @@ html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown
     border-radius: 50%;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
     padding: 0 0.5rem;
   }
@@ -4535,7 +4546,7 @@ legend.dnb-form-label {
     margin-top: 1rem;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
     align-items: center;
   }
@@ -4818,12 +4829,12 @@ button .dnb-form-status__text {
 .dnb-grid-container--column-gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--medium-columns, 6);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4833,12 +4844,12 @@ button .dnb-form-status__text {
     display: unset;
   }
 }
-@media screen and (min-width: 40em) and (max-width: 60em) {
+@media screen and (min-width: 40.0625em) and (max-width: 60em) {
   .dnb-grid-container__disabled--medium {
     display: unset;
   }
 }
-@media screen and (min-width: 72em) {
+@media screen and (min-width: 72.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -4852,13 +4863,13 @@ button .dnb-form-status__text {
   --start-c: var(--small-c-s, 1);
   --end-c: var(--small-c-e, calc(var(--grid-columns) + 1));
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-grid-item {
     --start-c: var(--medium-c-s, 1);
     --end-c: var(--medium-c-e, calc(var(--grid-columns) + 1));
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-item {
     --start-c: var(--large-c-s, 1);
     --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));
@@ -6619,7 +6630,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-section {
     --breakout: var(--breakout--medium, var(--breakout--fallback));
     --background-color--value: var(--background-color--medium);
@@ -6632,7 +6643,7 @@ html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):no
     );
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-section {
     --breakout: var(--breakout--large, var(--breakout--fallback));
     --background-color--value: var(--background-color--large);
@@ -7730,7 +7741,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-s);
   }
 }
-@media screen and (max-width: 59.9375em) and (min-width: 40.0625em) {
+@media screen and (max-width: 60em) and (min-width: 40.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-m);
     --padding-left: var(--space-l-m);
@@ -7738,7 +7749,7 @@ html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~
     --padding-bottom: var(--space-b-m);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-space {
     --padding-right: var(--space-r-l);
     --padding-left: var(--space-l-l);
@@ -9766,7 +9777,7 @@ html[data-visual-test] .dnb-textarea__textarea {
 .dnb-toggle-button-group__suffix {
   font-size: var(--font-size-basis);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-form-label + .dnb-toggle-button {
     transform: translateY(-0.5rem);
   }
@@ -12565,7 +12576,7 @@ html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer
 .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::before {
   visibility: hidden;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
     z-index: 2;
     background-color: inherit;
@@ -12690,7 +12701,7 @@ html[data-whatinput=keyboard] .dnb-drawer-list__option--selected .dnb-drawer-lis
        column-gap: var(--spacing-small);
   row-gap: var(--row-gap);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
     line-height: 2.5rem;
     margin-bottom: 0;
@@ -12940,7 +12951,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -12979,7 +12990,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -13001,7 +13012,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }
@@ -13034,7 +13045,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
   margin-top: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
@@ -13055,7 +13066,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -13262,7 +13273,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block--max-width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block--max-width-small {
     max-width: var(--forms-field-width--small);
   }
@@ -13282,6 +13293,9 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   /* stylelint-disable */
   /* stylelint-enable */
 }
+.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none {
+  --column-gap: 0;
+}
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small {
   --column-gap: var(--spacing-xx-small);
 }
@@ -13297,7 +13311,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
     align-items: flex-start;
   }
@@ -13366,7 +13380,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
     transform: translate3d(0, 0, 0);
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
@@ -13385,7 +13399,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
   margin-right: 0;
 }
 
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status {
     margin-left: 23rem;
   }